@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: bottom; border-style: none;}
a img { border-style:none;}
a { outline: none; }
a:link,a:visited,a:active {outline: none;} 

body,td,th {font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

#header{ height:80px; background-image:url(../img/bg_header.jpg); background-position:center; background-repeat:repeat-x;}
#header_con{ width:940px; margin:0 auto; position:relative;}
#header_con ul{	position: absolute;	list-style: none; left: 176px; top: 19px;}
#header_con li{ float:left;}
#header_con .p1{ position: absolute; left: 41px; top: 36px;}
#header_con .p2{ position: absolute; left: 187px; top: 36px;}
#header_con .p3{ position: absolute; left: 325px; top: 36px;}
#header_con .p4{ position: absolute; left: 422px; top: 36px;}
#header_con .p5{ position: absolute; left: 532px; top: 36px;}
#header_con .p6{
	position: absolute;
	left: 555px;
	top: 36px;
}
#header_con .p7{ position: absolute; left: 670px; top: 36px;}

#bgArea{ position: absolute; width: 100%; height: 653px; background-image:url(../img/top_bg.jpg); background-position:center top; background-repeat:no-repeat; background-color:#000;}

#main{ width: 940px; margin: 0 auto; height: 653px;	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 #sengoku10thgame{	position: absolute;	left: 311px; top: 295px;}
#main #logo{ position: absolute; left: 203px; top: 330px;}
#main #day{	position: absolute;	left: 304px;	top: 530px;}
#main #catch{ position: absolute; left: 23px; top: 99px;}
#main #day span{ position: absolute; left: -49px; top: 54px;}
#main #cero{	position: absolute;	left: 895px;	top: 573px;}
#main #ud{ position: absolute; left: 627px; top: 561px;}
#main #movies{
	position: absolute;
	background-image: url(../ps4/movie.png);
	width: 222px;
	height: 165px;
	top: 463px;
	left: 24px;
}
#flashContent {
	width: 208px;
	height: 118px;
	background-image: url(../ps4/movie.jpg);
	margin: 6px 0 0 7px;
	color: #FFF;
}
#flashContent a{ display:block; width:208px; height:118px; position:absolute; top:6px; left:7px; z-index:500; background-image:url(../ps4/white.png);opacity:0.6; filter:alpha(opacity=60); -ms-filter: "alpha( opacity=60 )";}
#flashContent a:hover{ background-image:url(../ps4/white.png);opacity:1; filter:alpha(opacity=100); -ms-filter: "alpha( opacity=100 )";}

#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_info{ position: absolute; left: 873px; top: 12px; display: block; width: 70px; text-align: left; text-indent: 0;}

#spec{	background-image: url(../img/bg_spec.jpg);	background-repeat: repeat-x;	border-top: solid 1px #CCCCCC;	padding-top: 30px;	padding-bottom: 40px;}
#spec #cost{ width: 890px;	margin: 0 auto;	background-image: url(../img/bg_cost.gif);	color: #FFF;	padding: 20px 25px;}
#spec #cost .box{ width: 445px;	float: left;}
#spec #cost .box h3{ display: block; font-size: 16px; font-weight: normal; padding-bottom: 5px; color: #D7B46B;}
#spec #cost .box dl{ font-size:13px; line-height:180%;}
#spec #cost .box dt{float:left;}
#spec #cost .box dd{ margin-left:10.5em;}
#spec #topics{ text-align: center;	padding-bottom: 20px;}
#spec #tieup{ margin:0 auto 15px auto; width:950px; text-align:center;}
#spec #tieup ul{ list-style:none;}
#spec #tieup li{ float:left; margin: 0 5px 10px 5px;}
#spec #tieup li span{ position:absolute; margin-left:-310px; margin-top:-10px;}
#spec .banner{	margin: 0 auto 15px auto;	width: 940px;	position: relative;}
#spec .banner span{ position:absolute; margin-left:-938px; margin-top:-5px;}

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

#bnavi { border-bottom: solid 1px #ccc;}
#bnavi .con { margin: 10px auto; width: 940px; position: relative; }
#bnavi .con .shop{ float:right; font-size:13px; padding-top:2px;}
#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: 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: #122183;	background-position: center top;}
#content_con{	margin: 0 auto;	padding-bottom: 60px;	width: 940px;}
#content_con h2{ padding:30px 0 20px;}
#content_con h6{ padding:30px 0 0 0;}
#content_con p{ font-size:15px; line-height:180%; color:#333; width:865px; padding-bottom:20px;}
#content_con .ol_img img{ margin-right: 2px; margin-bottom: 5px;}

#ps4{ background-image: url(../ps4/bg.jpg);	background-color: #7F7C59; background-position: center top;}
#ps4_con{	margin: 0 auto;	padding-bottom: 60px;	width: 940px;}
#ps4_con #main{
	position: relative;
	height: 635px;
	width: 940px;
	background-image: url(../ps4/catch.jpg);
}
#ps4_con #main .day{
	position: absolute;
	left: 579px;
	top: 437px;
}
#ps4_con #main .cero{
	position: absolute;
	left: 835px;
	top: 450px;
}
#ps4_con h1{ padding:35px 0 20px;}
#ps4_con h2{
	padding: 50px 0 20px;
	position: relative;
}
#ps4_con h2 .medal{
	position: absolute;
	left: 792px;
	top: 29px;
}
#ps4_con h6{ padding:30px 0 0 0;}
#ps4_con p{
	font-size: 16px;
	line-height: 180%;
	color: #fff;
	padding-bottom: 20px;
}
#ps4_con .ol_img img{ margin-right: 2px; margin-bottom: 5px;}

.wrap{ background-image: url(../img/headline.jpg); background-repeat: repeat-x;}
.wrap_con{ margin: 0 auto; width: 940px;}
.wrap_con h2{ padding:30px 0;}
.wrap_con h3{ display:block; text-align:center;}
.wrap_con h5{ padding-top:40px;}
.wrap_con .text{ font-size: 16px; line-height: 180%; color: #333; padding-bottom: 20px;}

.wrap_con .text2{ font-size: 16px; line-height: 180%; color: #333; padding: 10px 0;}
.wrap_con .shots{ margin-bottom:100px;}
.headline{ height: 139px; text-align: center; background-image: url(../img/headline2.png); margin-bottom: 25px; background-position: center;}
.headline h4{ display: block; padding-top: 28px;}

#chara{ background-position: center top; background-repeat: no-repeat; background-color: #ffffff; }
#chara_con{ margin:0 auto; width:940px; height:1075px; position:relative;}
#chara_con #back_to_top{ position: absolute; left: 782px; top: 72px;}
#chara_con h1{ padding-top:30px;}
#chara_con h2,h3,h4{ display:none;}
#chara_con p{ color:#FFF; font-size:14px; padding:520px 0 0 40px; line-height:160%; font-weight:normal;}
#chara_con #getss{	width: 280px;	padding: 15px 0 0 37px;}

#chara_con2{ margin:0 auto; width:940px; padding-bottom:100px; position:relative;}
#chara_con2 h1{ padding-top:30px;}
#chara_con2 #newchara{	text-align: center;	padding-bottom: 20px; position: relative; height: 350px; padding-top: 20px;}
#chara_con2 #newchara #new_chara01{	position: absolute;	display: block;	width: 294px; height: 351px; overflow: hidden; left: 0px;}
#chara_con2 #newchara #new_chara02{	position: absolute;	display: block;	width: 268px; height: 354px; overflow: hidden; left: 243px; top: 21px;}
#chara_con2 #newchara #new_chara03{	position: absolute;	display: block;	width: 262px; height: 353px; overflow: hidden; left: 459px; top: 19px;}
#chara_con2 #newchara #new_chara04{	position: absolute;	display: block;	width: 262px; height: 329px; overflow: hidden; right: 0px;	top: 36px;}
#chara_con2 ul{ list-style:none;}
#chara_con2 li{ float:left; margin-right:17px; margin-bottom:17px; background-color:#FFF;}
#chara_con2 li span{ position: absolute; margin:-10px 0 0 -110px;}

#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:550px; 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:480px; text-align:center;}
.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;}

#news{ background-image: url(../img/bg_news.png);}
#news_con{ padding:30px 40px 40px 40px;}
#news_con h2{ padding: 0; margin: 0 0 5px 0; color: #DFC373; font-size:18px; font-weight:normal;}
#news_con p{ color:#FFF; font-size:14px; border-bottom:dotted 1px #D1AF5E; margin-bottom:10px;}

.show{ margin:10px 0 60px; position:relative;}
.show dl{ position:relative; margin-bottom:10px;}
.show dt{ float:left; font-size:36px; padding-top:7px; }
.show dd{ margin-left: 285px; padding-top: 18px; font-size:15px; line-height:150%; color:#7b6637;}
.show span{	position: absolute;	left: 19px;	top: 88px;}

#newcharacters{ background-image:url(../chara/chara_all/00.jpg); position:relative;}
#newcharacters span{ position: absolute;}

#topics{ width:948px; margin:0 auto;}
.topics_con{ width:316px; height:287px; background-image: url(../img/topics.jpg); float: left; text-align:center;}
.topic_photo{ margin:10px 0 0 17px; background-color:#FFF; width:282px; height:162px; position:relative;}
.topic_photo span{ position:absolute; left:2px; top:-5px;}
.topics_con dt{ padding-top:10px; color:#D8A300; font-size:20px; font-weight:bold;}
.topics_con dd{ font-size:14px; padding-top:8px; line-height:150%; color:#666;}

#slideshow { margin: 20px auto; width: 940px; text-align: left; clear: both; _zoom: 1; font-weight: normal; color: #333; position: relative;}
#slideshow p { line-height: 145%; font-size: 15px;}
#slideshow h3{ text-align:left; float:left; margin-bottom:10px;}
#slideshow span {	position: absolute;	left: 255px;	top: 13px;	color: #7b6637;	font-size: 15px;	line-height: 150%;}
#slideshow div { width: 940px;	height: 800px;	overflow: hidden;	position: relative;	background-repeat: no-repeat;}
#slideshow div div { top: 90px;	left: 0px;	position: absolute;}
#slideshow #tab { width: 940px;	position: absolute;	top: 1px; z-index: 100;	height: 65px; list-style: none;}
#slideshow #tab ul { list-style:none; }
#slideshow #tab li { float: left; border-right:solid 1px #999999; }
#slideshow #tab li span{ position: absolute;}
#slideshow .active { filter:alpha(opacity=100)!important; -moz-opacity: 1!important; opacity: 1!important;}

#slideshow3 { margin: 20px auto; width: 940px; text-align: left; clear: both; _zoom: 1; font-weight: normal; color: #333; position: relative;}
#slideshow3 p {	line-height: 180%;	font-size: 16px;	margin-bottom:10px;}
#slideshow3 h3{ text-align:left; float:left; margin-bottom:10px;}
#slideshow3 span { position:absolute; left:285px; top:13px; color:#7b6637; font-size:15px; line-height:150%;}
#slideshow3 div {	width: 940px;	height: 600px;	overflow: hidden;	position: relative;	background-repeat: no-repeat;}
#slideshow3 div div {	top: 70px;	left: 0px;	position: absolute;}
#slideshow3 #tab { width: 940px;	position: absolute;	top: 1px; z-index: 100;	height: 65px; list-style: none;}
#slideshow3 #tab ul { list-style:none; }
#slideshow3 #tab li { float: left; border-right:solid 1px #999999; }
#slideshow3 #tab li span{ position: absolute;}
#slideshow3 .active { filter:alpha(opacity=100)!important; -moz-opacity: 1!important; opacity: 1!important;}

#slideshow4 { margin: 20px auto; width: 940px; text-align: left; clear: both; _zoom: 1; font-weight: normal; color: #333; position: relative;}
#slideshow4 p {	line-height: 180%; font-size: 16px;	margin-bottom:10px;}
#slideshow4 h3{	margin-bottom: 10px; margin-top: 10px; text-align: left;}
#slideshow4 span { color: #000000;	font-size: 16px; line-height: 180%;}
#slideshow4 div { width: 940px;	height: 950px;	overflow: hidden;	position: relative;	background-repeat: no-repeat;}
#slideshow4 div div {	top: 70px;	left: 0px;	position: absolute;}
#slideshow4 #tab { width: 940px; position: absolute; top: 1px; z-index: 100;	height: 65px; list-style: none;}
#slideshow4 #tab ul { list-style:none; }
#slideshow4 #tab li { float: left; border-right:solid 1px #999999; }
#slideshow4 #tab li span{ position: absolute;}
#slideshow4 .active { filter:alpha(opacity=100)!important; -moz-opacity: 1!important; opacity: 1!important;}
#slideshow4 dl{ margin:10px 0 20px 0;}

#slideshow5 {	margin: 5px auto;	width: 940px;	text-align: left;	clear: both;	_zoom: 1;	font-weight: normal;	color: #333;	position: relative;}
#slideshow5 p { line-height: 145%; font-size: 15px;}
#slideshow5 h3{ text-align:left; float:left; margin-bottom:10px;}
#slideshow5 span {	position: absolute;	left: 255px; top: 13px;	color: #7b6637;	font-size: 15px;	line-height: 150%;}
#slideshow5 div { width: 940px;	height: 800px;	overflow: hidden;	position: relative;	background-repeat: no-repeat;}
#slideshow5 div div { top: 90px; left: 0px;	position: absolute;}
#slideshow5 #tab { width: 940px; position: absolute; top: 1px; z-index: 100; height: 65px; list-style: none;}
#slideshow5 #tab ul { list-style:none; }
#slideshow5 #tab li { float: left; border-right:solid 1px #999999; }
#slideshow5 #tab li span{ position: absolute;}
#slideshow5 .active { filter:alpha(opacity=100)!important; -moz-opacity: 1!important; opacity: 1!important;}

.movie{ margin:0; padding:0;}
.movie ul{ list-style:none; padding-top:20px;}
.movie li{ float:left; margin:0 6px 28px 0;}
.movie li span{	position: absolute;	margin-top: 132px; margin-left: -230px; width: 300px; font-size: 13px;}
.movie li .new{
	position: absolute;
	margin-top: 6px;
	margin-left: -225px;
}

.jp-audio{ position: absolute;	left: 58px;	top: 397px;}

#dougu{	padding-top: 18px;	border-top: solid 1px #CCCCCC;	position: relative;	border-bottom: solid 1px #cccccc;}
#dougu p{ font-size:15px; font-weight:bold; line-height:155%;}
#dougu table{ font-size: 16px;	color: #666; margin-top: 10px;}
#dougu .text{ float:left; width:630px;}
#dougu .ss{	float:left;}

#chara_menu{ width: 880px; height: 780px; position: relative;}
#chara_menu ul{ list-style:none;}
#chara_menu li{ margin:0 10px 10px 0; float:left;}
#chara_menu li span{ position:absolute; margin:-10px 0 0 -80px;}

.tama{ margin: 20px 0 0 0; background-color: #eee; border: solid 1px #ccc; font-size: 16px;	line-height: 180%;	padding: 20px;}

#net{ padding-top: 18px; border-top: solid 1px #CCCCCC;	position: relative;	border-bottom: solid 1px #cccccc;}

#vita{	width: 940px;	height: 400px;	background-image: url(../outline/psvita.png);	background-repeat: no-repeat;	background-position: 66px 0px;}
#vita .text{ padding:20px 0 0 20px; width:881px; font-size:16px; line-height:180%; height:170px;;}
#vita .text h4{ margin-bottom:10px; display:block;}

#slideshow2 {	position: relative;	margin: 0 0 0 227px;	padding-top: 43px;}
#slideshow2 IMG { position:absolute; z-index:8; opacity:0.0;}
#slideshow2 IMG.active { z-index:10; opacity:1.0;}
#slideshow2 IMG.last-active { z-index:9;}

.trial{	color: #FFF; font-size: 16px; line-height: 160%; margin-bottom: 20px; margin-top: 5px;}
.trialbox{ width: 100%; border-bottom: solid 1px #666;}
.trialbox td{ color: #FFF; font-size: 16px;	line-height: 200%; border-top: solid 1px #666; text-indent:0.5em;}
.trialbox td.non{	color: #FC0;	font-size: 14px;	line-height: 200%;	border-top: none;	text-indent: 0.5em;}
.trialbox td a img { margin-bottom:7px;}
.notice{ margin-top:20px; font-size:14px; color:#ccc; line-height:150%;}
.notice2{ margin-top:20px; font-size:14px; color:#333; line-height:150%;}
.shop_doll{	border-bottom: solid 1px #ccc; width: 100%; text-align: center; padding-bottom: 30px; position:relative;}
.shop_doll .movie{ position: absolute; left: 2px; top: 78px; width: 260px; font-size:14px; line-height:240%;}
.batch{ margin-bottom:15px;}

.trialbox2{ width: 100%; border-bottom: solid 1px #333; padding:10px 0;}
.trialbox2 td{ color: #ccc; font-size: 16px; line-height: 160%; padding-bottom:25px;}

#japan{ margin-top: -20px; margin-left: 20px; margin-bottom: 30px;}

.tieup_list{ margin: 0 auto 60px; width: 940px; position: relative;}
.tieup_list h3{	font-size: 22px; padding: 7px 0; text-align: left; display:block;}
.tieup_list .bookimg{ float: left; width: 310px;}
.tieup_list .bookspec{ float: left;	line-height: 170%; font-size: 15px;	text-align: left; width: 630px;}

#campaign_con{ margin: 0 auto; padding-bottom: 60px; width: 940px;}
#campaign_con h2{ padding:42px 0 20px;}
#campaign_con h3{ display:block; margin:40px 0 15px;}
#campaign_con h5{ padding-bottom:12px;}
#campaign_con h6{ padding:30px 0 0 0;}
#campaign_con #logos{ margin:10px 0 0 150px;}
#campaign_con p{ font-size:16px; line-height:180%; color:#333; width:100%; padding-bottom:20px;}
#campaign_con #visual{ margin-bottom: 40px;}

.campaignbox{ width:100%; font-size:16px; line-height:140%; border-top:solid 1px #cccccc; border-bottom:solid 1px #cccccc;}
.campaignbox th{ padding:7px 0 5px; border-bottom:solid 1px #eeeeee; text-indent:1em; text-align:left; font-weight:normal;}
.campaignbox td{ padding:7px 0 5px; border-bottom:solid 1px #eeeeee;}
.campaignbox td dl{}
.campaignbox td dt{ float:left;}
.campaignbox td dd{ margin-left:23em;}

.hd{ float:right; padding-left:40px; padding-bottom:30px; padding-top:30px;}

#countdown_image{ margin-top:40px;}
#countdown_image ul{ list-style:none;}
#countdown_image li{ float:left; margin-right:30px; margin-bottom:30px;}

#vita2{	width: 808px;	height: 383px;	background-image: url(../outline/psvita.png); background-repeat: no-repeat;}
#vita2 #show2 {	position: relative;	margin: 0 0 0 160px; padding-top: 42px;}

#update{ margin: 10px auto 20px auto; width: 870px;	border: solid 1px #A5885C;	padding: 15px; background-image: url(../img/bg_updatedetail.jpg); color: #333;}
#update #detail{ margin: 15px 0 0 20px;	width: 830px; font-size: 14px; line-height: 140%;}
#update #detail h5{ font-size: 14px; font-weight:bold; padding-bottom:5px;}
#update #detail dl{ list-style-position: inside; padding-left: 1em; text-indent: -1em;}
#update #detail dt{ float:left; margin-bottom: 0.5em; color:#666;}
#update #detail dd{	padding-bottom: 5px; margin-left: 1em; margin-bottom: 0.5em; color:#666;}
#update h3{ font-size:18px; font-weight:bold; display:block;}
#update h3 span{ font-size:13px; font-weight:normal;}

.set{ font-size:14px; color:#f00; padding:3px 0 1px 7px; border:solid 1px #FF0000; font-weight:bold;width:280px; }
.set2{ font-size:14px; color:#f00; padding:3px 0 1px 7px; border:solid 1px #FF0000; font-weight:bold;width:350px; margin-bottom:10px;}
.set3{ font-size:14px; color:#f00; padding:3px 0 1px 7px; border:solid 1px #FF0000; font-weight:bold;width:350px; }

.share_box{ float:left; width:440px; margin-right:32px; margin-bottom:15px; color:#FFF; line-height:150%; font-size:16px;}
.share_box2{ float:left; width:440px; margin-right:0px; margin-bottom:15px; color:#FFF; line-height:150%; font-size:16px;}
.share_box h5, .share_box2 h5{
	font-size: 23px;
	font-weight: bold;
	margin-bottom: 10px;
	padding-top: 7px;
	color: #FFCC00;
}

#ps4dlc{
	border: solid 1px #CC9900;
	margin-bottom: 20px;
	padding: 20px;
	background-image: url(../ps4/bgdlc.jpg);
	position: relative;
}