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

#contentBgn {
	width:922px;
	margin: 0 auto;
	padding: 10px 0;
	}

div.bgnCol {
	background:#FFDB4D;
	width:922px;
	margin:0 auto;
	/*overflow: auto;*/
	}

a:hover img {
	opacity:0.7; filter:
	alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}

img{vertical-align:bottom;}

img.bnr {
	display:block;
	margin:5px auto;
	}

img.txt {
	display:block;
	margin:10px auto;
	}

img.movieBtn {
	display:block;
	margin:15px auto;
	}
	
div.whtCol {
	background: url(../image/rule/beginner/bg_w.gif) repeat-y;
	width:882px;
	margin:0 auto;
	/*overflow: auto;*/
	}

ul.box01{
	width:700px;
	_width:790px;
	margin:0 auto;
	}

ul.box01 li {
	width:275px;
	float:left;
	margin:10px 35px;
	_margin:10px 35px;
	background:#FFFFCC;
	}
	
ul.box02{
	width:860px;
	_width:890px;
	margin:0 auto;
	}

ul.box02 li {
	width:275px;
	float:left;
	margin:10px 5px;
	_margin:10px 5px;
	background:#FFFFCC;
	}
ul.box02 li.btn_movie {
	width:846px;
	margin:10px auto 10px 5px;
	background:#FFFFCC;
	}
	
ul.box02 .btn_movie2 {
	width:846px;
	margin:10px auto 0 5px;
	}	
	
ul.box03{
	width:820px;
	margin:0 auto;
	}
	
ul.box03 li{
	margin: 5px;
	float:left;
	background:#FFFFCC;
	}			
	
div.whtYeCol {
	background: url(../image/rule/beginner/bg_wy.gif) repeat-y;
	width:882px;
	margin:0 auto;
	/*overflow: auto;*/
	}
	
.wrap_enjoy{
	width: 846px;
	margin: 0 auto;}
	
.wrap_enjoy dt{
	margin: 10px 0;}		
	
.wrap_enjoy dd{
	width: 846px;
	display: table;}
	
.wrap_enjoy dd p{
	width: 370px;
	background: #fff;
	display: table-cell;
	text-align: center;
	vertical-align: middle;}	
	
.wrap_enjoy dd p.magazine{
	border: 5px #139FF4 solid;}

.wrap_enjoy dd p.anime{
	border: 5px #D90000 solid;}	
	
.wrap_enjoy dd ul{
	width: 450px;
	display: table-cell;
	}
	
.wrap_enjoy dd ul li{
	margin-top: 10px;
	margin-left: 10px;
}

.wrap_enjoy dd ul li.non-mgt{
	margin-top: 0;}		
	
/*ムービー部分*/
span.movie-tutorial {
	width: 480px;
	margin:0 auto;
	display:block;
}

.btn_cowcow a {
	width:958px;
	height:153px;
	display:block;
	background:url(../image/rule/beginner/btn_cowcow.jpg) top center no-repeat;
	text-indent:-9999px;
	display:block;
}

.btn_cowcow a:hover {
	background-position:0 -153px;
}

/*ボンバー*/
.begi-movie{
	position: relative;}
	
.movie-tutorial-bom{
	width: 480px;
	margin:0 auto;
	display:block;
	position: absolute;
	left: 35px;
	top: 15px;
	}
.btn_tutorial-bom{
	width: 520px;
	margin:0 auto;
	position: absolute;
	left: 35px;
	top: 15px;
	}
.begi-deck{
		position: relative;}
.btn_deck{
	position: absolute;
	left: 33px;
	top: 11px;
}
	
.begi-rule{
		position: relative;}
		
.btn_rule{
	position: absolute;
	left: 31px;
	top: 371px;
}
.btn_qa{
	position: absolute;
	left: 274px;
	top: 371px;
}			
		
.begi-info{
	position: relative;}
.btn_anime{
	position: absolute;
	left: 32px;
	top: 8px;
}
.btn_yarouze{
	position: absolute;
	left: 324px;
	top: 9px;
}
.btn_structure{
	position: absolute;
	left: 614px;
	top: 7px;
}

.begi-sb{
	position: relative;}
.btn_sb{
	position: absolute;
	left: 39px;
	top: 3px;
}
.btn_ex{
	position: absolute;
	left: 259px;
	top: 3px;
}
.btn_trainer{
	position: absolute;
	left: 472px;
	top: 4px;
}
.btn_taiken{
	position: absolute;
	left: 687px;
	top: 3px;
}						

.begi-event{
	position: relative;}
.btn_repo{
	position: absolute;
	left: 222px;
	top: 263px;
}

/* ///////////// COWCOW ///////////// */

#contentBgn-sp {
	width: auto;
	margin: 0 auto;
	padding: 10px 0;
	background:#FFC;
	}
	
.bgnCol-sp{
	background:#FFC;}
	
.bgnSP-navi {
	width: 909px;
	margin: 15px auto;
	overflow: hidden;}	
	
.bgnSP-navi li{
	float: left;}

.bgnSP-rule{
	width: 874px;
	margin: 10px auto 0;}
	
.bgnSP-L{
	float: left;}
	
.wrap_bgnSP-more{
	width: 861px;
	margin: 10px auto 0;}	
	
.bgnSP-more{
	width: 277px;
	height: auto;
	padding: 0 5px;
	float: left;
	overflow: hidden;
	}

.bgnSP-shopbtn{
	width: 858px;
	height: auto;
	margin: 0 auto;
	overflow: hidden;}	

.bgnSP-shopbtn li{
	padding: 5px;
	float: left;}
					
.bgnSP-movie{
	width: 765px;
	margin: 15px auto 0;}	
	
.bgnSP-movie li{
	float: left;
	display: block;
	position: relative;
	}
	
/*はじめてページ COWOCW*/
.icoNew img{
	width: 50px;
	height: 20px;}
	
span.icoNew{
	position: absolute;
	top: 5px;
	left: 5px;
}