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

html,body,div,ul,ol,li,dl,dt,dd,form,fieldset,input,textarea,h1,h2,h3,h4,h5,h6,pre,code,p,blockquote,hr,th,td { margin:0; padding:0;}
img { border: 0; vertical-align: top; border-style: none;}
a img { border-style:none;}
a { outline: none; text-decoration:none;}
body,td,th {font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

#tophead{ background-image:url(../img/head.gif); height:18px; background-position:center; text-indent:-9999px; font-size:1px;}
#topheader{	height: 535px;	background-image: url(../img/header001.jpg);	background-position: center top;	background-repeat: no-repeat;}

#header{ height:80px; background-image:url(../img/bg_header.jpg); background-position:center; background-repeat:repeat-x;}
#header_con{ width:100%; max-width:964px;	margin: 0 auto;	position: relative;}
#header_con ul{	position: absolute;	list-style: none; left: 219px; top: 24px;}
#header_con li{ float:left;}
#header_con .p1{ position: absolute; left: 56px; top: 36px;}
#header_con .p2{ position: absolute; left: 187px; top: 36px;}
#header_con .p4{ position: absolute; left: 422px; top: 36px;}
#header_con #c10th{	position: absolute;	top: 342px;	left: 109px;}
#header_con #topmovie{	position: absolute;	top: 162px;	left: 10px;	text-align: center;}
#header_con #topmovie span{ color:#FFF; font-size:13px;}
#header_con #logo10th{	position: absolute;	top: 163px;	left: 765px;}
#header_con #logo10th span{ position:absolute; top:10px; margin-left:-233px;}
#header_con #small_logo{ position: absolute; top: 13px;	left: 904px;}

#bgArea{ position:absolute; width: 100%; min-width: 960px;	height: 683px; overflow: hidden;}
#bgArea img{ position:absolute; left: 50%;min-width: 1500px; min-height: 683px;}

#main{width:940px; margin:0 auto; height:683px; position:relative;}
#main #platform{ position: absolute; top: 18px;	left: 8px;}
#main #logo10th{ position: absolute; left: 815px; top: 21px;}
#main #biglogo10th{	position: absolute;	left: 227px; top: 191px;}
#main #logo{ position: absolute; left: 197px; top: 326px;}
#main #day{	position: absolute;	left: 226px; top: 541px;}
#main #day span{ position: absolute; left: 478px; top: 63px;}

#info{ background-image:url(../img/line.jpg); background-position:top center; background-repeat:repeat-x; height:43px; /*border-bottom:solid 1px #CCCCCC;*/ }
#info_con{	margin: 0 auto;	width: 940px; padding-top: 15px; background-image: url(../img/info.gif); background-repeat: no-repeat; text-indent: 140px; font-size: 14px; color: #666; position:relative;}
#info_con a{ color: #666; text-decoration: none;}
#info_con a:hover{ color:#F00;}
#info_con #more{ width: 65px; height: 22px; position: absolute;	left: 734px; top: 12px;	display: block;}

#snsmedia{ background-image:url(../img/bg_sns.jpg); height:158px;}
#snsmedia_con{ width:100%; max-width: 940px; margin: 0 auto; text-align: center;}
#snsmedia_con img{ padding-top:35px;}

#bnavi { border-bottom: solid 1px #ccc;}
#bnavi .con { width:100%; margin: 10px auto; max-width: 940px; position: relative;}
#bnavi .con .shop{ font-size:13px; padding-top:2px; text-align: center;}
#bnavi .con .shop a{ color:#666; text-decoration:none;}
#bnavi .con .shop a:hover{ color:#c00; font-weight:bold;}
#bnavi .con .fb-like{ line-height:10px; }

#footer { background-color:#FFF;}
#footer .con { margin: 20px auto; width:90%; max-width: 940px;	position: relative;	text-align: center;}
#pagetop { bottom: 50px; right: 25px; position: fixed; z-index: 500;}

#sns{ position:fixed; right:0; top:140px; width:42px; z-index:5000;}

#content{ background-image: url(../img/bg_content.jpg);	background-repeat: repeat-y; background-color: #FFFFFF;	background-position: center top;}
#content_con{ margin: 0 auto; padding-bottom: 60px;	width: 1000px;}
#content_con h2{ padding: 25px 0 20px;}
#content_con p{	font-size: 14px; line-height: 135%;	color: #666; width: 315px; padding-bottom: 7px;	border-bottom: dotted 1px #ccc;	margin-bottom: 7px;}
#content_con dt{ padding: 10px 0 0 17px; font-size: 23px; color: #555;}
#content_con dt.topic{ padding: 10px 0 0 17px; font-size: 18px; color: #555;}
#content_con dd{ padding: 5px 15px 0 17px; font-size: 14px; color: #999; line-height: 150%;}
#content_con .ol_img img{ margin-right: 2px; margin-bottom: 5px;}
#content_con .banner{ margin-bottom: 15px;	position: relative;}

#ya_left{ position: absolute; top: 530px; left:0px;}
#ya_right{ position: absolute; top: 530px; right: 0px;}

.slides_container { width: 940px; display: none;}
.slides_container div { width:940px; height:885px; display:block;}
.slides_container div img{ padding:0; border:0; margin:0;}
.slides_container div dl{ height:70px;}
.slides_container div dt{ float:left; font-size:36px; padding-top:7px; padding-left:15px;}
.slides_container div dd{ display:block; position:absolute; left:180px; padding-top:12px;}
.pagination { list-style:none; padding:0; margin:0 auto; width:120px;}
.pagination .current a { color:red;}
.pagination li { float:left; margin:10px 5px 90px 5px; list-style:none;}
.pagination li a { display:block; width:50px; height:0; padding-top:49px; background-image:url(../img/pagination.png); background-position:0 0; float:left; overflow:hidden;}
.pagination li.current a { background-position:0 -49px;}

.gametopics{ width:321px; height:334px; background-image: url(../img/topics2.jpg); float: left; margin-right: 18px;}
.gametopics2{ width:321px; height:334px; background-image: url(../img/topics2.jpg); float: left;}
.topics{ width:321px; height:334px; background-image: url(../img/topics.jpg); float: left; margin-right: 18px;}
.topics2{ width:321px; height:334px; background-image:url(../img/topics.jpg); float:left; }
.topic_photo{	margin-left: 3px;}

#news{ width: 315px; float:left; margin-right:27px; height:420px; overflow:hidden;}
#news h3{ padding: 0; margin: 0 0 2px 0; color: #990000; font-size: 14px; font-weight: normal;}
#twitter{ height:350px; width:315px; float:left; margin-right:27px;}
#bnr{ width: 315px; float:left;}

#shop{	background-image: url(../img/bg_shop.jpg);	background-repeat: repeat-x; border-bottom: solid 1px #CCCCCC; border-top: solid 1px #CCCCCC;}
#shop_con{ width:1000px; margin:0 auto; position:relative;}
#shop_con h3{ padding-top:30px;}
#shop_con h4{ padding-top:20px; font-size:22px; line-height:135%; font-weight:normal;}
#shop_con h5{ padding:10px 0 30px 0; font-size:15px; line-height:160%; color:#333; font-weight:normal;}
#shop_con #goods{	position: absolute;	top: 28px;	right: 0px;}

#lineup{ background-image:url(../img/bg_lineup.jpg);}
#lineup_con{ width:1000px; margin:0 auto;}
#lineup_con h3{ padding-top:30px;}
#lineup_con ul{ padding:10px 0 50px 0; list-style:none;}
#lineup_con li{ float:left; margin-right:5px; margin-bottom:5px;}

#lineup2{}
#lineup_con2{ width:1000px; margin:0 auto;}
#lineup_con2 h3{ padding-top:30px; padding-bottom:15px;}
#lineup_con2 ul{ padding:10px 0 50px 0; list-style:none;}
#lineup_con2 li{ float:left; margin-right:5px; margin-bottom:5px;}

.details{ margin:15px 20px; }	
.details h4{ font-size:16px; color:#fff; text-decoration:none; font-weight:normal;}
.details p{ font-size:12px; color:#aaa; text-decoration:none;}					
.mosaic-block {	float: left; position: relative; overflow: hidden; width: 195px; height: 195px;	background: #111 url(../img/progress.gif) no-repeat center center;}
.mosaic-backdrop { display:none; position:absolute;	top:0; height:100%; width:100%; background:#111; }
.mosaic-overlay { display:none;	z-index:5; position:absolute; width:100%; height:100%; background:#111;}
.bar .mosaic-overlay { bottom:-195px; height:195px; background:url(../img/bg-black.png);}
.bar2 .mosaic-overlay { bottom:-15px; height:15px; background:url(../img/bg-black.png);}
	
#cmpsns {position: absolute; right: 10px; top: 200px; z-index: 200; }

#yukimura{ background-image: url(../img/bg_message.jpg); background-position: center top; background-repeat:no-repeat;}

#greeting_con{	width: 940px;	margin: 0 auto;	position: relative;}
#greeting_con h2{ text-align: left;	margin-top: 310px; margin-left: 10px;}
#greeting_con h3{	text-align: left;	padding-bottom: 25px;	margin-top: 100px;	margin-left: 2px;}
#greeting_con #read{	font-size: 16px;	line-height: 170%;	margin-left: 8px;	position: relative;	margin-bottom: 80px;}
#greeting_con #read #omega{	position: absolute;	display: block;	left: 818px;	top: 852px;}

#tieup{ }
#tieup_con{	margin: 0 auto;	padding-bottom: 60px; max-width: 1000px; width:90%;}
#tieup_con h2{ text-align: center; padding: 25px 0 50px;}
#tieup_con .tieup_list{	margin: 0 auto 60px; max-width: 940px; width:100%; position: relative;}

#tieup_con .tieup_list h3{ font-size: 22px;	padding: 7px 0;	text-align: left; background: url(../img/tieup_line2.gif) bottom left no-repeat, url(../img/tieup_line1.gif) top right no-repeat;}

#tieup_con .tieup_list p{ padding: 10px 0 20px;	line-height: 170%; font-size: 15px; text-align: left;}
#tieup_con .tieup_list th{ padding: 2px 0; line-height: 170%; font-size: 15px; text-align: left;}
#tieup_con .tieup_list td{ padding: 2px 0; line-height: 170%; font-size: 15px; text-align: left;}
#wp{	margin-top: 40px;}
#wp h4{	margin-bottom: 8px;}
#wp a img{ vertical-align:bottom; margin-right:5px;}

#ranking{ margin: 0 auto;	padding-bottom: 60px;	width: 940px;	 }
#ranking_con{}
#ranking_con h2{ text-align: center; padding: 25px 0 30px;}
#ranking_con .box{ border-top:solid 1px #CCCCCC; padding:20px 0 10px 0; margin:10px 0;}
#ranking_con .box ul{ list-style:none;}
#ranking_con .box li{ width:181px; float:left; padding-bottom:10px; text-indent:0.5em; height:130px; background-repeat:no-repeat; background-position:25px 15px }
#ranking_con #comment{	background-image: url(../ranking/comment.jpg);	padding: 50px;}
#ranking_con #comment h4{ padding-bottom:20px;}
#ranking_con #comment p{ font-size:16px; line-height:160%;}

#campaign{ width:900px; margin:40px auto; background-image:url(../campaign/bg.gif);}
#campaign h2{}
#campaign #white{ width:789px; margin:0 auto;}
#campaign #white #contents{ background-image:url(../campaign/white2.png); padding:0 30px; font-size:16px; line-height:150%;}
#campaign #white #contents span{ font-size:22px; color:#f00; font-weight:bold;}
#campaign #spec{ width:789px; margin:0 auto; padding:30px 0; position:relative;}
#campaign #spec h3{ font-size:24px; color:#FF0; font-weight:bold; margin-bottom:1px; text-shadow: 1px 1px #666666;}
#campaign #spec p{ font-size:16px; color:#FFF; line-height:150%; margin-bottom:30px; text-shadow: 1px 1px #666666;}
#campaign #spec #notice{ font-size:15px; color:#fff; line-height:150%; border-top:solid 1px #CCCCCC; padding-top:35px; padding-bottom:30px; margin-top:10px; text-shadow: 1px 1px #666666;}
#campaign #spec #notice a{ color:#FF0;}
#campaign #spec #notice a:hover{ color:#F90;}
#campaign #spec #notice h4{ margin-bottom:5px; font-size:16px; color:#FFF; font-weight:normal; text-shadow: 1px 1px #666666;}
#campaign #spec #card{ position:absolute; right:0;}

.prize{ color:#FFF; margin-bottom:20px; margin-left:7em; line-height:150%;}

img.liveimg{ width:100%; margin:30px 0;}
.content h4{ font-size:140%; font-weight:700;}
.content p{ line-height:1.5;}
.content .titles{ font-size: 130%; padding-bottom: 20px;}
.content dl{ border: solid 1px #c1aa76;    padding: 30px;    border-radius: 10px;    box-shadow: 0 0 5px #ccc;    background-color: #fdf3da; margin-top: 50px;}
.content dl .notice{ font-size:80%; color:#999;}
.content dt{ float: left; padding-bottom: 20px;}
.content dd{ margin-left: 100px; padding-bottom: 20px;}
.content dd a{ color:#F00;}


.youtube { position: relative; width: 100%; max-width: 902px; margin: 0 auto 60px; font-size: 13px;}
.youtube iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important;}
.stage { position: relative; width: 100%; padding-top: 56.25%; margin-top:0;}
.stage iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important;}
iframe[name="google_conversion_frame"] { position:absolute; bottom:0; display:none;}
.movie{ width: 100%; margin: 0 auto; max-width: 1200px;}
.bgmov{ background-color:#000; padding:70px 0;}
.movnews{ text-align:center; color:#FFF; padding:0 0 20px 0;}
.movnews span{ font-size:80%; color: #f70606;}


/* button
--------------------------------------------------------------------------- */
a.btn_submit{ font-size: 200%; padding: 15px; border-radius: 50px; border: solid 3px #efebe1; width:90%; max-width: 300px; margin: 0px auto; display: block; text-align: center; background-color: #c00; text-decoration:none; color:#FFF; font-weight:800; background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ff5b20), color-stop(0.00, #d9cc3f)); background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ff4520), color-stop(0.00, #e51515)); background: -webkit-linear-gradient(#e51515, #ff4520); background: -moz-linear-gradient(#e51515, #ff4520); background: -o-linear-gradient(#e51515, #ff4520); background: -ms-linear-gradient(#e51515, #ff4520); background: linear-gradient(#e51515, #ff4520); text-shadow:0px 2px 5px rgba(0, 0, 0, 0.6); box-shadow:0px 2px 5px rgba(0, 0, 0, 0.6);}
a:hover.btn_submit{ background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #20b6ff), color-stop(0.00, #3fd9ae)); background: -webkit-linear-gradient(top, #3fd9ae 0%, #20b6ff 88%); background: -moz-linear-gradient(top, #3fd9ae 0%, #20b6ff 88%); background: -o-linear-gradient(top, #3fd9ae 0%, #20b6ff 88%); background: -ms-linear-gradient(top, #3fd9ae 0%, #20b6ff 88%); background: linear-gradient(to bottom, #3fd9ae 0%, #20b6ff 88%); box-shadow:0px 1px 8px rgba(0, 0, 0, 1);}

@media screen and (min-width: 640px) {
.hidepc{ display:none;}

}


@media screen and (max-width: 639px) {
.hidesp{ display:none;}
h1{ text-align:center;}
h1 img{ width:37%; padding-top: 20px;}
#snsmedia_con img{ padding:35px 5px; width:20%;}
#bnavi .con .shop{ float:none;}
.content dt { float:none; padding-bottom:0; font-weight:bold;}
.content dd { margin-left:0; padding-bottom: 15px;}
}