@charset "utf-8";
/* CSS Document */

body {
	width:100%;
	height:100%;
	color:#fff;
	margin:0px;
	padding:0px;
	z-index:0;
	line-height:16px;
	overflow:hidden;
	background:#1A151E;
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
a {
	text-decoration:none;
	border:none;
}
img {
	text-decoration:none;
	border:none
}


#main {
	position:relative;
	overflow:hidden;
	margin:0 auto;
	padding:0px;
	top:0px;
	width:636px;
	height:900px;
	z-index:10;
	background:url(../bg/top.jpg);
}

#cont {
	position:relative;
	overflow:hidden;
	margin:0 auto;
	padding:0px;
	top:400px;
	width:450px;
	height:300px;
	z-index:10;
	background:rgba(52,52,52,0.90) url(../bg/name.png);
	opacity:0;
}

#cartL{
	position:absolute;
	left:0px;
	top:0px;
	z-index:90;
	margin-left:0px;;
}
#cartR{
	position:absolute;
	right:0px;
	top:0px;
	z-index:90;
	margin-right:0px;;
}

#cbg {
	position:absolute;
	padding:0px;
	top:50%;
	left:50%;
	margin-left:-300px;
	margin-top:-200px;
	width:600px;
	height:400px;
	z-index:99;
	background:url(../bg/tb.jpg);
}

.bts{
	position:relative;
	padding:0px;
	margin-top:300px;
	margin-left:80px;
	width:182px;
	height:62px;
	float:left;
	z-index:100;
	cursor:pointer;
}

#dan{
	position:absolute;
	z-index:5;
	left:-10%;
	top:-10%;
	opacity:0;
	-moz-transform: rotate(-30deg);
-webkit-transform: rotate(-30deg);
-o-transform: rotate(-30deg);
-ms-transform: rotate(-30deg);
}


#dan2{
	position:absolute;
	z-index:5;
	left:-5%;
	top:30%;
	opacity:0;
	-moz-transform: rotate(10deg);
-webkit-transform: rotate(10deg);
-o-transform: rotate(10deg);
-ms-transform: rotate(10deg);
}

#dan3{
	position:absolute;
	z-index:5;
	left:22%;
	top:-15%;
	opacity:0;
	-moz-transform: rotate(70deg);
-webkit-transform: rotate(70deg);
-o-transform: rotate(70deg);
-ms-transform: rotate(70deg);
}


#dan4{
	position:absolute;
	z-index:5;
	left:20%;
	top:20%;
	opacity:0;
	-moz-transform: rotate(120deg);
-webkit-transform: rotate(120deg);
-o-transform: rotate(120deg);
-ms-transform: rotate(120deg);
}

#dan5{
	position:absolute;
	z-index:5;
	left:22%;
	top:60%;
	opacity:0;
	-moz-transform: rotate(-20deg);
-webkit-transform: rotate(-20deg);
-o-transform: rotate(-20deg);
-ms-transform: rotate(-20deg);
}

#dan6{
	position:absolute;
	z-index:5;
	left:50%;
	top:60%;
	opacity:0;
	-moz-transform: rotate(-30deg);
-webkit-transform: rotate(-30deg);
-o-transform: rotate(-30deg);
-ms-transform: rotate(-30deg);
}

#dan7{
	position:absolute;
	z-index:5;
	left:55%;
	top:-10%;
	opacity:0;
	-moz-transform: rotate(-20deg);
-webkit-transform: rotate(-20deg);
-o-transform: rotate(-20deg);
-ms-transform: rotate(-20deg);
}

#dan8{
	position:absolute;
	z-index:5;
	left:72%;
	top:40%;
	opacity:0;
	-moz-transform: rotate(-120deg);
-webkit-transform: rotate(-120deg);
-o-transform: rotate(-120deg);
-ms-transform: rotate(-120deg);
}

#dan9{
	position:absolute;
	z-index:5;
	left:74%;
	top:-3%;
	opacity:0;
	-moz-transform: rotate(10deg);
-webkit-transform: rotate(10deg);
-o-transform: rotate(10deg);
-ms-transform: rotate(10deg);
}

#dan10{
	position:absolute;
	z-index:5;
	left:78%;
	top:70%;
	opacity:0;
	-moz-transform: rotate(60deg);
-webkit-transform: rotate(60deg);
-o-transform: rotate(60deg);
-ms-transform: rotate(60deg);
}

#link{
	position:relative;
	margin-top:140px;
	margin-left:200px;
}

#link img{
	margin-bottom:10px;
}