@charset "utf-8";
/* ===================================================================
CSS information

 style info :index
=================================================================== */
/*--- reset */
html{
	width: 100%;
}
body{
	width: 100%;
	background: #09090e;
}
/* header */
div#head{
	width: 100%;
	height: 40px;
	background: #e4000f;
}
div#head_wrap{
	width: 900px;
	margin: 0 auto;
	zoom: 100%;
}
div#head_wrap:after{
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}
div#head_wrap a{
	float: right;
	display: block;
	width: 166px;
	height: 40px;
	background: url(../img/logo.gif) no-repeat 0 0;
	text-indent: -9999px;
	overflow: hidden;
}

div#contents{
	width: 898px;
	margin: 0 auto;
	border-left: 1px solid #6b4929;
	border-right: 1px solid #6b4929;
}
div#contents_sub{
	width: 662px;
	margin: 0 auto;
	border-left: 1px solid #6b4929;
	border-right: 1px solid #6b4929;
}
div#contents_theater{
	width: 498px;
	margin: 0 auto;
	border-left: 1px solid #6b4929;
	border-right: 1px solid #6b4929;
}
div#contents h1{
	width: 898px;
	height: 543px;
	background: url(../img/main_visual.jpg) no-repeat 0 0;
	text-indent: -9999px;
	overflow: hidden;
}
table.chance{
	margin: 0 0 0 22px;
}
/* chance1 */
td.chance1{
	width: 420px;
	height: 490px;
	padding: 0 13px 0 0;
	background: url(../img/chance1_bg.gif) no-repeat 0 0;
}
div.chance1_wrap{
	height: 490px;
	position: relative;
}
div.chance1_wrap p{
	position: absolute;
	width: 210px;
	top: 180px;
	left: 15px;
	color: #cccccc;
}
div.chance1_wrap p span{
	color: #e4000f;
}
div.chance1_wrap a.btn_enter{
	position: absolute;
	display: block;
	width: 220px;
	height: 38px;
	top: 318px;
	left: 13px;
	background: url(../img/btn_chance1.gif) no-repeat 0 0;
	text-indent: -9999px;
	overflow: hidden;
}
img.chance1_img{
	position: absolute;
	top: 180px;
	left: 240px;
}
div.chance1_wrap a.btn_mlist{
	position: absolute;
	display: block;
	width: 94px;
	height: 28px;
	top: 366px;
	left: 14px;
	background: url(../img/btn_moblist.gif) no-repeat 0 0;
	text-indent: -9999px;
	overflow: hidden;
}

/* chance2 */
td.chance2{
	position: relative;
	width: 420px;
	height: 490px;
	background: url(../img/chance2_bg.gif) no-repeat 0 0;
}
div.chance2_wrap{
	height: 490px;
	position: relative;
}
div.chance2_wrap p{
	position: absolute;
	width: 210px;
	top: 180px;
	left: 15px;
	color: #cccccc;
}
div.chance2_wrap p span{
	color: #e4000f;
}
div.chance2_wrap a.btn_enter{
	position: absolute;
	display: block;
	width: 220px;
	height: 38px;
	top: 318px;
	left: 13px;
	background: url(../img/btn_chance2.gif) no-repeat 0 0;
	text-indent: -9999px;
	overflow: hidden;
}
img.chance2_img{
	position: absolute;
	top: 180px;
	left: 240px;
}
div.chance2_wrap a.btn_mlist{
	position: absolute;
	display: block;
	width: 94px;
	height: 28px;
	top: 366px;
	left: 14px;
	background: url(../img/btn_moblist.gif) no-repeat 0 0;
	text-indent: -9999px;
	overflow: hidden;
}

/* chance3 */
td.chance3{
	padding: 15px 0 31px;
}
div.chance3_wrap{
	position: relative;
	width: 853px;
	height: 140px;
	background: url(../img/chance3_bg.gif) no-repeat 0 0;
}
div.chance3_wrap a{
	position: absolute;
	display: block;
	width: 121px;
	height: 122px;
	top: 9px;
	left: 718px;
	background: url(../img/btn_theater.jpg) no-repeat 0 0;
	text-indent: -9999px;
	overflow: hidden;
}
div.chance3_wrap p{
	color: #e4000f;
	padding: 112px 0 0 145px;
}
div.foot_logo{
	padding: 0 25px 13px 0;
	text-align: right;
}
div#foot{
	wdith: 100%;
	height: 20px;
	background: #e4000f;
}
div#foot_wrap{
	width: 900px;
	margin: 0 auto;
	zoom: 100%;
}
div#foot_wrap p{
	float: right;
	color: #ffffff;
}
/* theater */
div#theater_head{
	width: 100%;
	height: 10px;
	background: #e4000f;
}
div#theater_foot{
	wdith: 100%;
	height: 10px;
	background: #e4000f;
}
h1.theater_h1{
	width: 498px;
	height: 71px;
	background: url(../img/theater_h1.gif) no-repeat 0 0;
	text-indent: -9999px;
	overflow: hidden;
}
table.tbl_theater{
	width: 288px;
	margin: 13px 0 35px 112px;
	color: #ffffcc;
}
table.tbl_theater th{
	background-color: #333329;
}
table.tbl_theater th,
table.tbl_theater td{
	padding: 3px;
}
table.tbl_theater td.pref{
	width: 96px;
}
table.tbl_theater td a{
	color: #ffffcc;
}

div.btn_close_wrap{
	width: 498px;
	height: 28px;
	padding: 0 0 15px;
	background: url(../img/btn_close_bg.gif) no-repeat 0 0;
}
div.btn_close_wrap a{
	display: block;
	width: 220px;
	height: 28px;
	margin: 0 auto;
	background: url(../img/btn_close.gif) no-repeat 0 0;
	text-indent: -9999px;
	overflow: hidden;
}

/* 対応機種一覧 */
div#mobile_wrap{
	padding: 10px 0 0 29px;
}
div#contents h1.h1_mlist{
	width: 259px;
	height: 52px;
	background: url(../img/h1_mlist.gif) no-repeat 0 0;
	text-indent: -9999px;
	overflow: hidden;
}
div#mlist_wrap{
	margin: 22px 0 0;
	zoom: 100%;
}
div#mlist_wrap:after{
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}
div#mlist_wrap div{
	float: left;
	width: 268px;
	border: 1px solid #6A4829;
	margin: 0 15px 0 0;
	padding: 10px 0 0 0;
}
div#contents div.list_docomo h2{
	width: 70px;
	height: 13px;
	margin: 0 0 10px 10px;
	background: url(../img/mtitle_docomo.gif) no-repeat 0 0;
	text-indent: -9999px;
	overflow: hidden;
}
div#contents div.list_au h2{
	width: 24px;
	height: 13px;
	margin: 0 0 10px 10px;
	background: url(../img/mtitle_au.gif) no-repeat 0 0;
	text-indent: -9999px;
	overflow: hidden;
}
div#contents div.list_softbank h2{
	width: 84px;
	height: 13px;
	margin: 0 0 10px 10px;
	background: url(../img/mtitle_softbank.gif) no-repeat 0 0;
	text-indent: -9999px;
	overflow: hidden;
}
div#mlist_wrap ul{
	margin: 0 0 7px 10px;
	color: #cccccc;
}
div#btn_top_wrap{
	zoom: 100%;
}
div#btn_top_wrap:after{
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}
div#btn_top_wrap a{
	float: right;
	display: block;
	width: 110px;
	height: 20px;
	margin: 0 29px 0 0;
	background: url(../img/btn_pagetop.gif) no-repeat 0 0;
	text-indent: -9999px;
	overflow: hidden;
}
div#btn_mlistclose{
	padding: 0 0 30px;
}
div#btn_mlistclose a{
	display: block;
	width: 220px;
	height: 38px;
	margin: 17px auto 0;
	background: url(../img/btn_mlistclose.gif) no-repeat 0 0;
	text-indent: -9999px;
	overflow: hidden;
}