@charset "utf-8";
/* ==================================================================
CSS information
style info :ゲーム紹介ページ用
================================================================== */


/* --------------------------------------------------------
#contents_wrap
-------------------------------------------------------- */
#contents_wrap{ background-color:#FFF;}

/* --------------------------------------------------------
#contents
-------------------------------------------------------- */
#contents{ padding:10px 0 27px;}


/* --------------------------------------------------------
#section01
-------------------------------------------------------- */
.section01{
	display:block;
	
	margin: 15px 0 20px 0;
	height: auto;
}
.section01_sp{
	display:none;
}


.btn_mv{margin-left:-10px;}
.btn_mv li{float:left; margin-left:10px; margin-bottom:10px;}

.btn_mv a{ width:320px; height:134px; display:block;}
.btn_mv a span{ display:none;}

.mv .maj a{ background:url(../img/3majesty_mv.jpg)
 left top no-repeat;}
.mv .xip a{ background:url(../img/xip_mv.jpg) left top no-repeat;}
.mv .btn_mv a:hover{background-position:left bottom;}

.pv a{ width:320px; height:134px; display:block;}
.pv a span{ display:none;}
.pv a{ background:url(../img/gamepv.jpg) left top no-repeat;}
.pv a:hover{background-position:left bottom;}

/* --------------------------------------------------------
#section02
-------------------------------------------------------- */
.section02{ margin:30px 0 70px 0;}

/* --------------------------------------------------------
#section03
-------------------------------------------------------- */
.section03{ margin:30px 0 0 0; display:block;}
.section03_sp{ display:none;}

.btn_iv{ margin-left:-10px;}
.btn_iv li{float:left; margin-left:10px; margin-bottom:10px;}

.btn_iv a{ width:320px; height:134px; display:block;}
.btn_iv a span{ display:none;}

#iv .maj a{ background:url(../img/3majesty_btn_movie.jpg) left top no-repeat;}
#iv .xip a{ background:url(../img/xip_btn_movie.jpg) left top no-repeat;}

#iv .btn_iv a:hover{background-position:left bottom;}


.charaList{ margin-left:-10px;}
.charaList li{ float:left; margin-left:10px; margin-bottom:10px;}

.btn_iv_chara{ width:320px; display:block;}
.btn_iv_chara a{ width:320px; height:134px; display:block;}
.btn_iv_chara a span{ display:none;}

#iv .otowa a{ background:url(../img/3majesty_otowa_btn.jpg) left top no-repeat;}
#iv .kirishima a{ background:url(../img/3majesty_kirishima_btn.jpg) left top no-repeat;}
#iv .tsuji a{ background:url(../img/3majesty_tsuji_btn.jpg) left top no-repeat;}
#iv .fuwa a{ background:url(../img/xip_fuwa_btn.jpg) left top no-repeat;}
#iv .date a{ background:url(../img/xip_date_btn.jpg) left top no-repeat;}
#iv .kanzaki a{ background:url(../img/xip_kanzaki_btn.jpg) left top no-repeat;}

#iv .btn_iv_chara a:hover{background-position:left bottom;}