@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;}

.img2, .img3, .img4, .img5, .img6, .img7, .img8, .img9 { display:none;}

#header{
	background-color: #000;
	height: 111px;
	width: 100%;
}
#main { background-image: url(../img/bg.jpg); background-attachment: fixed; background-repeat: no-repeat; background-position: center top; background-color:#000;}
#main2 {
	background-image: url(../img/bg2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #000;
	width: 100%;
}

#main_contents { width: 1000px; margin:0 auto;}
#main_contents h2{ width:100%; text-align:center; padding:40px 0 30px;}

#main_contents2 { width: 1000px; margin:0 auto;}
#main_contents2 h2{ width:100%; text-align:center; padding:40px 0 30px;}
#main_contents2 #contents{ background-image: url(../outline/frame_middle2.jpg); background-repeat: repeat-y; padding-bottom: 60px; font-size:15px; color:#FFF; line-height:167%;}

#maintop{ height:594px; width:1000px; margin:0 auto; position:relative; }
#maintop #famitsu{
	position: absolute;
	top: 470px;
	left: 422px;
}
#maintop #detail{ position: absolute; top: 495px; left: 845px; z-index: 500;}
#maintop #ps{
	position: absolute;
	top: 545px;
	left: 0px;
}
#maintop #catch{ position: absolute; left: 541px; top: 35px;}
#maintop #logo{ position: absolute; left: 416px; top: 251px;}
#maintop #day{ position: absolute; left: 683px; top: 535px;}
#maintop #trade{ position: absolute; left: 675px; top: 468px;}
#maintop #cero{ position: absolute; left: 944px; top: 505px;}
#maintop #niko{ position: absolute; left: 0px; top: 21px;}
#maintop #movies{ position: absolute; background-image: url(../top/movie.png); width: 222px; height: 165px; top: 311px;}

#newsbase{ background-image: url(../img/newsbase.jpg); background-repeat: no-repeat; height: 520px; padding-bottom: 10px; position: relative;}
#newsbase #news{ float: left; width: 400px; margin: 90px 62px 0 64px; height: 350px;}
#newsbase #news h3{ font-size:15px; line-height:150%; color:#C00; padding:5px 0;}
#newsbase #news p{ font-size:14px; line-height:140%;}
#newsbase #twitter{ float: left; width: 414px; margin: 82px 0 0 0; height: 350px; overflow: hidden; font-size: 12px;}
#newsbase #follow{ position: absolute; left: 869px; top: 32px; width: 90px; height: 23px;}
#newsbase #more{ position: absolute; left: 408px; top: 32px; width: 82px; height: 23px;}
#newsbase #news a:link,a:visited,a:active {outline: none; color:#F30; text-decoration:none;} 
#newsbase #news a:hover {outline: none; color:#F30; text-decoration:underline;} 

#mainspec{ background-image: url(../img/mainspec2.png); background-repeat: repeat-y; padding: 0 30px;}
#mainspec1{ background-image: url(../img/mainspec2.png); background-repeat: repeat-y; padding: 0 50px; position: relative;}
#mainspec .spec{ color:#FFF; font-size:15px; line-height:135%; width:100%;}

#mainspec2{ background-image:url(../img/mainspec.jpg); background-repeat:no-repeat; height:160px; padding:30px 50px; color:#FFF; font-size:15px; line-height:150%; margin:30px 0 20px;}

#tophead{ background-image: url(../img/header.jpg); background-position: center; height: 111px;}
#tophead_con{ width: 980px; margin: 0 auto; height: 64px;}
#tophead_con h1{ float:left; display:block; width:162px; height:60px; text-indent:-9999px; overflow:hidden;}
#tophead_con h1 a{ display:block; width:162px; height:60px; background-image:url(../img/toplogo.png); text-indent:-9999px; overflow:hidden;}
#tophead_con h1 a:hover{ background-position:0 -60px;}
#tophead_con .link{ float: right; width: 420px; margin-top: 17px;}
#tophead_con .link .original a{ display:block; width:89px; height:31px; background-image:url(../img/get_toukiden.gif); float:left; text-indent:-9999px;}
#tophead_con .link .portal a{ display:block; width:120px; height:31px; background-image:url(../img/get_toukiden_portal.gif); float:left; text-indent:-9999px; margin-left:15px;}
#tophead_con .link .twitter a{ display:block; width:31px; height:31px; background-image:url(../img/twitter.gif); float:left; text-indent:-9999px; margin-left:15px;}
#tophead_con .link .shop a{ display:block; width:132px; height:31px; background-image:url(../img/btn_shop.jpg); float:left; text-indent:-9999px; margin-left:15px;}

#tophead_con .link .original a:hover{ background-position:0 -31px;}
#tophead_con .link .portal a:hover{ background-position:0 -31px;}
#tophead_con .link .twitter a:hover{ background-position:0 -31px;}
#tophead_con .link .shop a:hover{ background-position:0 -31px;}

#menu { width: 955px; overflow: hidden; margin: 0 auto; height: 45px; position: relative;}
#menu ul { margin:0; padding:0;}
#menu ul li { float:left; list-style:none;}
#menu ul li a { display: block;}
#menu ul li a.current img{ margin-top:-90px; display:block; /* IE6隙間防止 */}
#menu ul li a{ display:block;}
#menu ul li a:hover {margin-top:-45px;}
#menu ul li a:active {margin-top:-45px;}

#menu .c02{ position: absolute; left: 185px; top: 34px;}
#menu .c03{ position: absolute; left: 321px; top: 34px;}
#menu .c04{ position: absolute; left: 460px; top: 34px;}
#menu .c05{ position: absolute; left: 580px; top: 34px;}
#menu .c06{ position: absolute; left: 702px; top: 34px;}
#menu .c07{ position: absolute; left: 839px; top: 34px;}

#select2{ height: 75px; background-image: url(../img/redbar.png); background-position: center; text-align: center; position: relative;}
#select2 div{ width: 940px; margin: 0 auto; position: relative; padding-top: 11px;}

#select2 div .a03{ position: absolute; left: 575px; top: 44px;}

#select2 div .c00{ position: absolute; left: 270px; top: 44px;}
#select2 div .c01{ position: absolute; left: 431px; top: 44px;}
#select2 div .c02{ position: absolute; left: 565px; top: 44px;}
#select2 div .c03{ position: absolute; left: 565px; top: 44px;}
#select2 div .c04{ position: absolute; left: 691px; top: 44px;}

#select2 div .s01{ position: absolute; left: 265px; top: 44px;}
#select2 div .s02{ position: absolute; left: 397px; top: 44px;}
#select2 div .s03{ position: absolute; left: 436px; top: 44px;}
#select2 div .s04{ position: absolute; left: 523px; top: 44px;}
#select2 div .s05{ position: absolute; left: 607px; top: 44px;}

#select2 div .d01{ position: absolute; left: 243px; top: 44px;}
#select2 div .d02{ position: absolute; left: 463px; top: 44px;}
#select2 div .d03{ position: absolute; left: 565px; top: 44px;}
#select2 div .sou01{ position: absolute; left: 292px; top: 44px;}
#select2 div .sou02{ position: absolute; left: 489px; top: 44px;}

#bnavi { border-bottom: solid 1px #ccc;}
#bnavi .con { margin: 10px auto; width: 1000px; 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; }

.banner{ margin-bottom:10px; position:relative;}
.banner .new{ position:absolute; margin:-174px 0 0 6px;}
.banner .new2{ position:absolute; margin:-174px 0 0 510px;}
#footer{ border-top: solid 1px #ccc;}
#copyright{ width: 1000px; margin: 0 auto; clear: both; text-align: center; padding-top:20px;}
#pagetop { bottom: 50px; right: 25px; position: fixed; z-index: 500;}

#column{ padding-bottom:15px;}
#column ul{ list-style:none;}
#column li{ float:left; margin-right:9px;}
#column li span{ position:absolute; margin:10px 0 0 -245px;}

#main_contents #storyline{ height: 2850px; background-image: url(../story/back.jpg); background-repeat: no-repeat; padding-bottom: 60px;}
#main_contents #storyline #storylines{ padding: 80px 0 0 230px; font-size: 18px; color: #FFF; line-height: 167%;}
#main_contents #storyline #storylines h3{ padding-bottom:43px;}
#main_contents #storyline #storylines h4{ padding-top:80px; padding-bottom:20px;}

#main_contents #outline{ background-image: url(../outline/frame_middle.png); background-repeat: repeat-y; padding-bottom: 60px; font-size: 16px; color: #FFF; line-height: 167%;}
#main_contents #outline h3{ padding-bottom:25px;}
#main_contents #outline .outlines_left{ padding:40px; width:430px;}
#main_contents #outline .outlines_right{ padding:45px 0 0 500px; width:435px;}
#main_contents #outline .outlines_center{ padding-top: 40px; margin: 0 auto; width: 720px;}
#main_contents #outline .outlines_center2{ padding-top: 300px; margin: 0 auto; width: 810px;}
#main_contents #outline .outlines_kiwami{ padding:40px 60px;}
#main_contents #outline .power_kiwami{ padding:20px 20px;}
#main_contents #outline .power_kiwami h3{ padding:0 25px 20px 0; float:left;}
#main_contents #outline .power_kiwami p{ padding-top:5px;}
.p00{ width: 980px; margin-left: 10px; padding-bottom: 30px;}
.p01{ width: 820px; padding-bottom: 30px;}

#main_contents .mission{ padding: 40px 40px 20px 40px;}
#main_contents .mission h4{ padding:10px 0; }
#main_contents .mission h5{ padding:10px 0; font-size:20px; color:#FFDE7A}
#main_contents .mission h6{ padding:3px 0; font-size:20px; color:#FFDE7A}
#main_contents .mission p{ padding-top:5px;}
#main_contents .mission .box1{ width:288px; float:left; margin-right:18px; margin-top:25px;}
#main_contents .mission .box2{ width:288px; float:left; margin-right:0px; margin-top:25px;}

#main_contents .bases{ padding: 40px;}
#main_contents .bases h4{ padding:10px 0; }
#main_contents .bases h5{ padding:10px 0; font-size:20px; color:#FFDE7A}
#main_contents .bases h6{ padding:3px 0; font-size:20px; color:#FFDE7A}
#main_contents .bases p{ padding-top:5px;}
#main_contents .bases .box1{ width:288px; float:left; margin-right:18px; margin-top:25px;}
#main_contents .bases .box2{ width:288px; float:left; margin-right:0px; margin-top:25px;}

#main_contents #contents{ background-image: url(../outline/frame_middle.jpg); background-repeat: repeat-y; padding-bottom: 60px; font-size: 17px; color: #FFF; line-height: 167%;}
#main_contents #contents h3{ padding-bottom:25px;}
#main_contents #contents .outlines_left{ padding:40px; width:430px;}
#main_contents #contents .outlines_right{ padding:45px 0 0 500px; width:435px;}
#main_contents #contents .outlines_center{ padding-top:40px; margin:0 auto; width:700px;}
#main_contents #contents .outlines_center2{ padding-top:300px; margin:0 auto; width:770px;}
#main_contents #contents .outlines_kiwami{ padding:40px 60px;}
#main_contents #contents .power_kiwami{ padding:20px 20px;}
#main_contents #contents .power_kiwami h3{ padding:0 25px 20px 0; float:left;}
#main_contents #contents .power_kiwami p{ padding-top:5px;}
#main_contents #contents .area_kiwami{ padding: 50px 20px 0px 20px;}
#main_contents #contents .area_kiwami h3{ padding:0 25px 20px 0; float:left;}
#main_contents #contents .area_kiwami p{ padding-top:5px;}
#main_contents #contents .utakata{ padding:40px 60px 0 60px; position:relative;}
#main_contents #contents .utakata .events{ position: absolute; left: 793px; top: 35px;}

#main_contents #actioncontent{ background-image: url(../outline/frame_middle.jpg); background-repeat: repeat-y; font-size: 17px; color: #FFF; line-height: 167%;}
#main_contents #actioncontent .outlines_kiwami{ padding:0 60px;}

#contents_select{ height: 71px; position: relative;}
#contents_select ul{ list-style:none;}
#contents_select li.left{ float:left;}
#contents_select li.left2{ float:left;}
#contents_select li.center{ float:left; margin-left:7px;}
#contents_select li.right{ float:right;}
#contents_select li.right2{ float:right;}
#contents_select li.left span{ position:absolute; margin:55px 0 0 -285px}
#contents_select li.left2 span{ position:absolute; margin:55px 0 0 -195px}
#contents_select li.center span{ position:absolute; margin:55px 0 0 -195px}
#contents_select li.right span{ position:absolute; margin:55px 0 0 -285px}
#contents_select li.right2 span{ position:absolute; margin:55px 0 0 -195px}

#blackplate{ padding:5px 0 30px ;}
#blackplate2{ padding:20px 0 ; color:#FFF; line-height:150%; font-size:15px;}
.end{ padding-bottom:40px;}

.mnews h3{ padding-bottom:25px; color:#F30; font-weight:bold; font-size:18px;}
.mnews{ width:979px; margin-left:10px; border-bottom:dotted 1px #666666;}
.mnews .news_left{ padding:40px; width:450px; float:left;}
.mnews .news_images{ float:left; padding:20px;}
.mnews a{ color:#F99; text-decoration:none;}
.mnews a:hover{ color:#F00; text-decoration:underline;}

#m00{ background-image:url(../outline/mt00.jpg); width:979px; height:470px; margin-left:10px;}
#m01{ background-image:url(../outline/mt01.jpg); width:979px; height:376px; margin-left:10px;}
#m02{ background-image:url(../outline/mt02.jpg); width:979px; height:376px; margin-left:8px;}
#m03{ background-image:url(../outline/mt03.jpg); width:979px; height:376px; margin-left:10px;}
#m04{ background-image:url(../outline/mt04.jpg); width:979px; height:376px; margin-left:8px;}
#m05{ width:979px; margin-left:8px; text-align:center;}
#m06{ background-image:url(../outline/mt06.jpg); width:979px; height:630px; margin-left:10px; position:relative;}
#m06 #babble01{ position: absolute; left: 4px; top: 362px;}
#m06 #babble02{ position: absolute; left: 687px; top: 286px;}
#m06 #babble03{ position: absolute; left: 776px; top: 414px;}
#m07{ background-image:url(../outline/mt07.jpg); width:979px; height:630px; margin-left:10px;}
#m08{ background-image:url(../outline/mt08.jpg); width:979px; height:630px; margin-left:10px;}
#m09{ background-image:url(../outline/mt09.jpg); width:979px; height:660px; margin-left:10px;}
#m10{ background-image:url(../outline/mt10.jpg); width:979px; height:660px; margin-left:10px;}

#act00{ width:980px; margin-left:8px; background-image:url(../tokuten/bg.jpg); background-position:top; background-repeat:no-repeat; position:relative;}
#act00 h2{padding: 50px 0 20px 65px; text-align:left;}
#act00 h3{padding: 50px 65px 0;}
#act00 p{ padding:15px 65px; font-size:20px; line-height:160%;}
#act00 #tboxday{ position: absolute; left: 734px; top: 253px;}

#act01{ width:980px; margin-left:8px; }
#act01 .woman{ background-image:url(../characters/i001.jpg); height:854px;}
#act01 .woman .btn{ padding:430px 0 0 750px;}
#act01 .man{ background-image:url(../characters/i002.jpg); height:898px;}
#act01 .man .btn{ padding:300px 0 0 100px;}
.acttext{ height:496px; background-image:url(../action/main2.jpg);}
.acttext0{ height:291px; background-image:url(../action/main1.jpg); position:relative;}
.acttext0 #catch_oni{ position: absolute; left: 151px; top: 13px;}

.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/pagination2.png); background-position:0 0; float:left; overflow:hidden;}
.pagination li.current a { background-position:0 -49px;}

#slideshow { margin: 0 auto; width: 980px; text-align: left; clear: both; _zoom: 1; font-weight: normal; color: #333; position: relative;}
#slideshow p { line-height: 145%; font-size: 15px;}
#slideshow h2{ padding-top:50px; text-align:left; margin-left:-25px;}
#slideshow h3{ text-align:left; }
#slideshow h4{ text-align:left; margin:-20px 0 20px;}
#slideshow dl { left: 255px; top: 13px; color: #FFFFFF; font-size: 16px; line-height: 170%; width: 430px;}
#slideshow dt{ margin-bottom:10px; font-size: 18px; font-weight: bold; color: #FFE69D;}
#slideshow dd{ margin-bottom: 25px;}
#slideshow div { width: 980px; height: 900px; overflow: hidden; position: relative; background-repeat: no-repeat;}
#slideshow div div { left: 0px; position: absolute; padding-top: 85px; padding-left: 60px;}
#slideshow #tab { width: 980px; position: absolute; top: 20px; z-index: 100; height: 65px; list-style: none;}
#slideshow #tab ul { list-style:none; }
#slideshow #tab li { float: left; margin:0 10px;}
#slideshow #tab li.topleft{ margin-left:240px;}
#slideshow #tab li.topleft2{ margin-left: 285px;}
#slideshow #tab li.topleft3{ margin-left: 370px;}
#slideshow #tab li.topleft4{ margin-left:190px;}
#slideshow #tab li.topleft5{ margin-left: 195px;}
#slideshow #tab li.topleft6{ margin-left: 0px;}
#slideshow #tab li.topleft7{ margin-left: 30px;}
#slideshow #tab li.topleft8{ margin-left: 370px;}
#slideshow #tab li span{ position: absolute; margin:3px 0 0 -80px;}
#slideshow .active { filter:alpha(opacity=100)!important; -moz-opacity: 1!important; opacity: 1!important;}

#mitamaframe{ background-image:url(../mitama/frame2.jpg); width:980px; margin-left:10px;}
#mitamaframe #read{ margin-left: 100px; width:800px;}
#mitamaframe #read h4{ padding-bottom:15px;}

#slideshow2 { margin: 0 auto; width: 980px; text-align: left; clear: both; _zoom: 1; font-weight: normal; color: #333; position: relative;}
#slideshow2 .c300{ position: absolute; left: 750px; top: -302px;}
#slideshow2 p { line-height: 145%; font-size: 15px;}
#slideshow2 h2{ padding-top:50px; text-align:left; margin-left:-25px;}
#slideshow2 h3{ text-align:left; }
#slideshow2 h4{ text-align: left; margin: -20px 0 20px; color: #FFF; font-weight: normal; width: 350px;}
#slideshow2 dl { left: 255px; top: 13px; color: #FFFFFF; font-size: 16px; line-height: 170%; width: 440px; position: absolute; top: 204px; left: 475px;}
#slideshow2 dt{ margin-bottom: 2px; font-size: 18px; font-weight: bold; color: #FFE69D; margin-top: 15px;}
#slideshow2 dd{ margin-bottom: 25px;}
#slideshow2 div { width: 980px; height: 600px; overflow: hidden; position: relative; background-repeat: no-repeat;}
#slideshow2 div div { left: 0px; position: absolute; padding-top: 180px; padding-left: 90px;}
#slideshow2 #tab { width: 980px; position: absolute; top: 20px; z-index: 100; height: 65px; list-style: none;}
#slideshow2 #tab ul { list-style:none; }
#slideshow2 #tab li { float: left; margin:0 auto;}
#slideshow2 #tab li.topleft{ margin-left:240px;}
#slideshow2 #tab li.topleft2{ margin-left:90px;}
#slideshow2 #tab li span{ position: absolute;}
#slideshow2 .active { filter:alpha(opacity=100)!important; -moz-opacity: 1!important; opacity: 1!important;}

.tachi{ background-image:url(../weapon/i01.jpg);}
.tekkou{ background-image:url(../weapon/i02.jpg);}
.kusari{ background-image:url(../weapon/i03.jpg);}
.yumi{ background-image:url(../weapon/i04.jpg);}
.soutou{ background-image:url(../weapon/i05.jpg);}
.yari{ background-image:url(../weapon/i06.jpg);}
.naginata{ background-image:url(../weapon/i07.jpg);}
.kanasaibou{ background-image:url(../weapon/i08.jpg);}
.jyu{ background-image:url(../weapon/i09.jpg);}

.reki{ background-image:url(../characters/i01.jpg);}
.souma{ background-image:url(../characters/i02.jpg);}
.horou{ background-image:url(../characters/i03.jpg);}
.ouka{ background-image:url(../characters/i04.jpg);}
.nagi{ background-image:url(../characters/i05.jpg);}
.fugaku{ background-image:url(../characters/i06.jpg);}
.hatsuho{ background-image:url(../characters/i07.jpg);}
.hayatori{ background-image:url(../characters/i08.jpg);}
.ibuki{ background-image:url(../characters/i09.jpg);}

.rinne{ background-image:url(../characters/i10.jpg);}
.kuyou{ background-image:url(../characters/i11.jpg);}
.kyokai{ background-image:url(../characters/i12.jpg);}
.mio{ background-image:url(../characters/i20.jpg);}
.miyu{ background-image:url(../characters/i21.jpg);}

.kikka{ background-image:url(../characters/i13.jpg);}
.yamato{ background-image:url(../characters/i14.jpg);}
.syuusui{ background-image:url(../characters/i15.jpg);}
.yuu{ background-image:url(../characters/i16.jpg);}
.tatara{ background-image:url(../characters/i17.jpg);}
.shikimi{ background-image:url(../characters/i18.jpg);}
.tenko{ background-image:url(../characters/i19.jpg);}

.oni01{ background-image:url(../oni/i01.jpg);}
.oni02{ background-image:url(../oni/i02.jpg);}
.oni03{ background-image:url(../oni/i03.jpg);}
.oni04{ background-image:url(../oni/i04.jpg);}
.oni05{ background-image:url(../oni/i05.jpg);}
.oni06{ background-image:url(../oni/i06.jpg);}
.oni07{ background-image:url(../oni/i07.jpg);}
.oni08{ background-image:url(../oni/i08.jpg);}
.oni09{ background-image:url(../oni/i09.jpg);}
.oni10{ background-image:url(../oni/i10.jpg);}
.oni11{ background-image:url(../oni/i11.jpg);}
.oni12{ background-image:url(../oni/i12.jpg);}

.onis01{ background-image:url(../oni/si01.jpg);}
.onis02{ background-image:url(../oni/si02.jpg);}
.onis03{ background-image:url(../oni/si03.jpg);}
.onis04{ background-image:url(../oni/si04.jpg);}
.onis05{ background-image:url(../oni/si05.jpg);}
.onis06{ background-image:url(../oni/si06.jpg);}
.onis07{ background-image:url(../oni/si07.jpg);}
.onis08{ background-image:url(../oni/si08.jpg);}
.onis09{ background-image:url(../oni/si09.jpg);}
.onis10{ background-image:url(../oni/si10.jpg);}
.onis11{ background-image:url(../oni/si11.jpg);}
.onis12{ background-image:url(../oni/si12.jpg);}
.onis13{ background-image:url(../oni/si13.jpg);}
.onis14{ background-image:url(../oni/si14.jpg);}
.onis15{ background-image:url(../oni/si15.jpg);}
.onis16{ background-image:url(../oni/si16.jpg);}
.onis17{ background-image:url(../oni/si17.jpg);}
.onis18{ background-image:url(../oni/si18.jpg);}
.onis19{ background-image:url(../oni/si19.jpg);}
.onis20{ background-image:url(../oni/si20.jpg);}
.onis21{ background-image:url(../oni/si21.jpg);}
.onis22{ background-image:url(../oni/si22.jpg);}
.onis23{ background-image:url(../oni/si23.jpg);}
.onis24{ background-image:url(../oni/si24.jpg);}

#contents .trial{ width: 853px; margin: 0 auto; padding-bottom: 0px; position: relative; padding-top: 40px; color:#000;}
#contents .trial #read{ color:#FFF; padding-bottom:30px;}
#contents .trial .middle{ background-image: url(../trial/frame_middle.gif); background-repeat: repeat-y; padding: 0 30px; position: relative;}
#contents .trial .middle h3{ padding-bottom:20px;}
#contents .trial .middle .cos .st{ font-weight:bold;}
#contents .trial .middle .cos{ width: 92%; line-height: 150%; font-size: 15px;}
#contents .trial .middle .cos td{ padding-bottom:20px;}
#contents .trial .middle .cos th{ padding-bottom:0;}
#contents .trial .middle .cos td ul{ margin-left:1.5em;}
#contents .trial .middle #get{ width:279px; margin:0 auto; padding-bottom:10px;}
#contents .trial #mark{ position: absolute; left: 567px; top: -67px; z-index: 10000;}
#contents .trial .notice{ font-size:13px; color:#666; line-height:135%; padding-top:8px;}

#contents .trial2{ width:854px; margin:0 auto; padding-bottom:30px; color:#000; padding-top:30px;}
#contents .trial2 .middle{ background-image: url(../trial/frame2_middle.jpg); background-repeat: repeat-y; padding:0 30px;}
#contents .trial2 .middle h4{ padding-bottom:10px; font-size:16px;}
#contents .trial2 .middle .cos .st{ font-weight:bold;}
#contents .trial2 .middle .cos{ width:100%; line-height:145%; font-size:13px;}
#contents .trial2 .middle .cos td{ padding-bottom:20px;}
#contents .trial2 .middle .cos td ul{ margin-left:1.5em;}

#contents .trial3{ width: 830px; margin: 0 auto; padding-bottom: 30px; position: relative; font-size:14px;}
#contents .trial3 h5{ font-size:16px; font-weight:bold; text-indent:-1em; padding-bottom:5px;}
#contents .trial3 .middle{ background-image: url(../img/0712/frame_middle.gif); background-repeat: repeat-y; padding: 0 50px;}
#contents .trial3 .middle h4{ padding-bottom:10px; font-size:16px;}
#contents .trial3 .middle .cos .st{ font-weight:bold;}
#contents .trial3 .middle .cos{ width:100%; line-height:145%; font-size:13px;}
#contents .trial3 .middle .cos td{ padding-bottom:20px;}
#contents .trial3 .middle .cos td ul{ margin-left:1.5em;}

#mitamalist{}
#mitamalist ul{ padding-top: 20px; padding-bottom: 20px; width: 928px; margin: 0 auto; list-style: none; padding-left: 32px;}
#mitamalist li{ float:left; margin-right:8px; margin-bottom:8px; position:relative;}
#mitamalist li img{ border:solid 1px #000000;}
#mitamalist li span{ position: absolute; left: -9px; top: 7px; display: block; width: 80px; height: 8px; background-image: url(../img/new.gif); text-indent: -9999px; overflow: hidden;}

#trial2{ background-image: url(../trial2/bg.jpg); position: relative;}
#trial2 h2{ padding: 40px 0 15px;}
#trial2 p{ width:870px; font-size:16px; color:#FFF; margin:0 auto; line-height:160%;}
#trial2 #date{ padding: 50px 0 140px;}
#trial2 #date2{
 padding: 30px 0 190px 690px;
}
#trial2 #box{ width: 879px; margin: 0 auto; padding-bottom: 40px; position: relative;}
#trial2 #box .con{ background-image:url(../trial2/frame2.jpg); padding:0 40px 30px 40px;}
#trial2 #box .con h4{ padding-bottom:20px;}
#trial2 #box .con .hard {margin-left:25px; padding-bottom:30px; padding-top:5px;}
#trial2 #box .con .spec{ width:100%;}
#trial2 #box .con .spec td{ padding-bottom: 5px; font-size: 16px; line-height: 150%;}
#trial2 #box #tenko{ position: absolute; left: 631px; top: -145px;}
#trial2 #box .con ul{ list-style: none; padding-top: 20px;}
#trial2 #box .con li{ float:left; margin-right:8px;}
#trial2 #box #enquete{ position: absolute; left: 283px; top: 1152px;}
#trial2 #box #enquete2{ position: absolute; left: 661px; top: -481px;}

#trial2 #box .con2{ background-image:url(../trial2/frame2.jpg); padding:0 40px 30px 40px;}
#trial2 #box .con2 p{ color:#000; padding-bottom:30px;}
#trial2 #box .con2 h4{ padding-bottom:20px;}
#trial2 #box .con2 ul{ list-style:none; padding-bottom:40px;}
#trial2 #box .con2 li{ float:left; margin-right:5px; margin-bottom:5px;}

.quest{ width:99%; border-top:solid 1px #666600; margin:10px 5px;}
.quest td{ border-bottom:solid 1px #666600; padding:3px 0 0 3px;}

#movieframe{ text-align:center; padding:80px 0px 80px 50px; position:relative;}
#movieframe ul{ list-style:none;}
#movieframe li{ float: left; margin-right: 45px; padding-bottom: 20px;}
#movieframe li div{ font-size: 15px; padding-top: 5px; width: 260px;}
#movieframe li span{ position:absolute; margin:7px 0 0 -270px;}

#geturl{ font-size: 32px; margin-bottom: 10px; margin-top:20px; display:block;}
.dlwp{ margin-top:8px; margin-bottom:20px; width:250px;}
.dlwp a{ color:#000; font-weight:bold; text-decoration:none}
.dlwp a:hover{ color:#F00; text-decoration:underline;}
.dlwp img{ padding-right:7px;}

.parea{ width: 980px; margin-left: 10px; padding-bottom: 30px; position:relative;}
.parea .sin{ position: absolute; left: 758px; top: 541px; z-index: 10;}
.parea .ss{ position: absolute; left: 801px; top: 583px; z-index: 11; border: solid 1px #999;}

#flashContent { width: 208px; height: 118px; background-image: url(../top/movie.jpg); margin: 6px 0 0 7px;}
#flashContent a{ display:block; width:208px; height:118px; position:absolute; top:6px; left:7px; z-index:500; background-image:url(../top/white.png);opacity:0.6; filter:alpha(opacity=60); -ms-filter: "alpha( opacity=60 )";}
#flashContent a:hover{ background-image:url(../top/white.png);opacity:1; filter:alpha(opacity=100); -ms-filter: "alpha( opacity=100 )";}

.time{ width:100%; color:#FFF; border-top:dotted 1px #666666; padding-top:30px; position:relative;}
.time th{ font-size: 20px; font-weight: bold; text-align: left;}
.time td{ font-size:17px; line-height:170%; padding-bottom:20px;}
#box .photo{ position: absolute; left: 586px; top: 34px;}

#main_contents #readme{ color:#FFF; font-size:16px; border:dotted 1px #FF0000; padding:20px; margin-bottom:30px; line-height:160%;}
#main_contents #ud{ background-image: url(../outline/frame_middle.jpg); background-repeat: repeat-y; padding: 40px 60px;}
#main_contents #ud h3{ font-size: 30px; font-weight: bold; margin-bottom: 30px; color: #DE7F07; border-bottom: dotted 1px #DE7F07;}
#main_contents #ud h4{ font-size:20px; font-weight:bold; margin:0 auto; width:840px; color:#EDD62D;}
#main_contents #ud p{ margin:0 auto; width:800px; line-height: 150%; margin-bottom:30px; font-size: 17px; color: #FFF;}
#main_contents #ud h4 span{ color:#F00; font-size:17px;}

.story_ss{ padding:25px 0;}

#shoptrial{ width:880px; margin:0 auto; padding-top:40px; padding-bottom:40px;}
#shoptrial h4{ color: #EDD389; font-size: 22px; font-weight: bold;	padding-bottom: 20px;}
#shoptrial h5{ color: #ffffff; font-size: 15px; font-weight: normal; padding-bottom: 20px; line-height:150%;}
#shoptrial .shoplist{ font-size:16px; color:#FFF; width:100%; border-top:solid 1px #333;}
#shoptrial .shoplist td{ border-bottom:solid 1px #333; padding:5px 0 5px 10px;}
#shoptrial .shoplist td img{ margin-bottom:4px;}
#shoptrial .shoplist td a{ color:#FFF; text-decoration:none;}
#shoptrial .shoplist td a:hover{ color:#C00; text-decoration:underline;}
#shoptrial .notice{ color:#999; padding-top:15px; line-height:150%; font-size:14px;} 

.tuika{ background-image:url(../base/tuika.jpg); margin-top:20px; padding:30px 30px 15px 30px;}
.tuika .boxy{ width:100%; font-size:16px; line-height:140%;}
.tuika .boxy td{ padding-bottom:15px;}

#tieup{ margin:0 auto; padding-bottom:30px; color:#000; padding-top:30px; background-image:url(../trial4/bg.jpg);}
#tieup h4{ padding-bottom: 10px; font-size: 28px; font-weight: bold; color: #C00; line-height: 130%;}
#tieup h5{ padding-bottom: 10px; font-size: 20px; font-weight: bold; color: #C00; line-height:150%;}
#tieup .box{ width: 879px; margin: 0 auto; padding-bottom: 40px; position: relative;}
#tieup .box .con{ background-image:url(../tieup/frame2.jpg); padding:0 40px; position:relative;}
#tieup .box .con .spec{width: 800px}
#tieup .box .con .spec a{ color: #F00; text-decoration: none;}
#tieup .box .con .spec a:hover{ color: #F00; text-decoration: underline;}
#tieup .box .con .spec td{ padding-bottom: 5px; font-size: 16px; line-height: 150%;}
#tieup .box .con .spec td.copy{ padding-top: 10px; padding-bottom: 5px; font-size: 14px; line-height: 150%; color:#999;}

#save{ margin:0 auto; padding-bottom:30px; color:#000; padding-top:30px; background-image:url(../trial4/bg.jpg);}
#save .box{ width: 879px; margin: 0 auto; padding-bottom: 40px; position: relative;}
#save .box .con{ background-image: url(../trial2/frame2.jpg); padding: 0 45px 30px 45px; position: relative;}
#save .box .con h3{ font-size:36px; margin-bottom:30px; font-weight:bold;}
#save .box .con h4{ font-size:26px; margin-bottom:20px; font-weight:bold;}
#save .box .con h5{ font-size:22px; margin-bottom:12px; font-weight:bold; color:#c00;}
#save .box .con h3 span{ font-size:22px; margin-bottom:12px; font-weight:bold; color:#c00;}
#save .box .con p{ margin-left:1.5em; font-size:16px; line-height:165%; padding-bottom:20px;}
#save .box .con .detail{ margin-left:5.5em; font-size:16px; line-height:165%; padding-bottom:13px;}
#save .box .con .detail a{ color:#f00; text-decoration:none;}
#save .box .con .detail a:hover{ color:#c00; text-decoration:underline;}
#save .box .con .graff{ margin-bottom:30px;}
#save .box .con #ibuki{ position: absolute; left: 529px; top: 527px; z-index:1000;}
#save .box .con #hatsuho{ position: absolute; left: 496px; top: -197px;}
#save .box .con .photo{ margin-bottom:30px;}
#save .box .con a{ color:#f00; text-decoration:none;}
#save .box .con a:hover{ color:#c00; text-decoration:underline;}

#update{ margin: 0 auto; padding-bottom: 30px; color: #000; padding-top: 30px; background-image: url(../trial4/bg.jpg); position: relative;}
#update .box{ width: 879px; margin: 0 auto; padding-bottom: 40px; position: relative;}
#update .box .con{ background-image: url(../tieup/frame2.jpg); padding: 0 45px 30px 45px; position: relative;}
#update .box .con h3{
	font-size: 34px;
	margin-bottom: 30px;
	font-weight: bold;
	color: #900;
}
#update .box .con h4{ font-size: 26px; margin-bottom: 25px; font-weight: bold; color: #900; border-bottom: dotted 1px #600; padding-bottom: 3px;}
#update .box .con h5{ font-size: 20px; margin-bottom: 2px; font-weight: bold; color: #000; margin-left: 1em; line-height: 140%;}
#update .box .con h6{ font-size: 26px; margin-bottom: 30px; font-weight: bold; color: #900;}
#update .box .con h7{ font-size: 18px; margin-bottom: 20px; font-weight: bold; color: #900;}
#update .box .con h6 span{ font-size: 18px; margin-bottom: 12px; font-weight: bold; color: #900;}
#update .box .con h3 span{ font-size: 22px; margin-bottom: 12px; font-weight: bold; color: #900;}
#update .box .con p{ margin-left: 2.5em; font-size: 16px; line-height: 150%; padding-bottom: 27px;}
#update .box .con .notice{ font-size: 15px; line-height: 145%; padding-bottom: 20px;}
#update .box .con .detail{ margin-left:5.5em; font-size:16px; line-height:165%; padding-bottom:13px;}
#update .box .con .detail a{ color:#f00; text-decoration:none;}
#update .box .con .detail a:hover{ color:#c00; text-decoration:underline;}
#update .box .con .graff{ margin-bottom:30px;}
#update .box .con #ibuki{ position: absolute; left: 529px; top: 527px; z-index:1000;}
#update .box .con #hatsuho{ position: absolute; left: 496px; top: -197px;}
#update .box .con .photo{ margin-bottom:30px;}
#update #tenkon{ position: absolute; left: 721px; top: 13px; z-index: 1000;}
.dlc_notice{ border:solid 1px #999999; padding:10px; width:810px; margin-bottom:20px; line-height:110%; color:#000; font-size:16px;}

#ps4{ background-image: url(../ps4/bg.jpg); background-repeat: no-repeat; background-position: center top; background-color: #090A29; background-attachment: fixed;}
#ps4 #wrap_ps4{ width:1024px; margin:0 auto; text-align:center;}
#ps4 #wrap_ps4 h1{ padding:30px 0 20px;}
#ps4 #wrap_ps4 h2{ padding:0 0 10px;}
#ps4 #wrap_ps4 #contents{ background-image: url(../ps4/flame2.png); background-repeat: repeat-y; text-align: left;}
#ps4 #wrap_ps4 #contents .textzone{ padding:0 76px; position:relative;}
#ps4 #wrap_ps4 #contents .textzone #wappen1{
	position: absolute;
	left: 795px;
	top: 857px;
	z-index: 499;
}
#ps4 #wrap_ps4 #contents .textzone #wappen2{ position: absolute; left: 795px; top: 1014px; z-index: 499;}
#ps4 #wrap_ps4 #contents .textzone #wappen3{ position: absolute; left: 795px; top: 1614px; z-index: 499;}
#ps4 #wrap_ps4 #contents h3{ margin-bottom: 10px; padding-top: 40px;}
#ps4 #wrap_ps4 #contents p{ color: #FFF; line-height: 160%; font-size: 16px; padding-bottom: 20px;}
#ps4 #wrap_ps4 #contents p span{ font-size:13px; color:#CCC; line-height:140%; display:block; margin-top:10px;}
#ps4 #wrap_ps4 #contents .visual{ text-align: center; padding-bottom: 20px;}
#ps4 #wrap_ps4 #contents .visual ul{ list-style:none;}
#ps4 #wrap_ps4 #contents .visual li.left{ float:left;}
#ps4 #wrap_ps4 #contents .visual li.right{ float:right;}

#ps4 #wrap_ps4 #contents .visual p{ color: #FFF; line-height: 160%; font-size: 16px; text-align: left; padding-bottom: 5px; padding-top: 8px}
#ps4 #wrap_ps4 #contents dl{ font-size:15px; line-height:180%; color:#FFF; padding:30px 0;}
#ps4 #wrap_ps4 #contents dt{ float:left;}
#ps4 #wrap_ps4 #contents dd{ margin-left:10em;}

#ps4 .btns img{ margin:0 4px;}
#ps4 .btns .new{
	position: absolute;
	margin: -174px 0 0 15px;
}

#slides .slidesjs-navigation { margin-top:3px; }
.slidesjs-pagination { margin: 15px 0 0; list-style: none; margin-left:140px; }
.slidesjs-pagination li { float: left; margin: 0 4px; text-indent:-9999px; width:26px;}
.slidesjs-pagination li a { display: block; width: 26px; height: 25px; background-image: url(../img/pagination2.png); background-position: 0 0; float: left; overflow: hidden; }
.slidesjs-pagination li a.active, .slidesjs-pagination li a:hover.active { background-position: 0 -25px }
.slidesjs-pagination li a:hover { background-position: 0 -25px; }
#slides { display: none; }
.containers { margin: 0 auto; width: 980px; height:555px;}
#ssenw{ font-size:10px; color:#0cF; margin-left:145px; padding-top:3px;}
#ssenw img{ margin-right:9px;}
#rendou{ border:dotted 1px #FF0000; padding:20px; color:#F00;}


#slideshow4 p {padding-left:80px; line-height:145%; font-size:15px;}
#slideshow4 .getphoto{ position:absolute; display:block; width:96px; height:85px; left:70px; top:400px;}
#slideshow4 .getillust{ position:absolute; display:block; width:96px; height:85px; left:150px; top:420px;}
#slideshow4 span { font-weight:bold; line-height:230%;}
#slideshow4 { margin: 0 auto; width: 940px;	clear: both; _zoom: 1;	font-weight: normal;	color: #333;	position: relative;	text-align: center;}
#slideshow4 div { width: 940px;	height: 730px;	overflow: hidden;	position: relative;	background-repeat: no-repeat;}
#slideshow4 div div { top: 0; left: 0; position: absolute;}
#slideshow4 #tab { width: 940px;	position: absolute;	top: 520px;	z-index: 100;	height: 180px;	background-image: url(../img/0321/chara_bar.png);	list-style: none;}
#slideshow4 #tab ul { list-style:none; }
#slideshow4 #tab li { float: left;	margin-left: 15px;	margin-top: 10px;}
#slideshow4 #tab li span{ position: absolute; top: 10px; margin-left:0px;}
#slideshow4 .active { filter:alpha(opacity=100)!important; -moz-opacity: 1!important; opacity: 1!important;}

#paper{
	border: solid 1px #666666;
	text-align: center;
	padding: 10px;
	color: #FFF;
	display: block;
	background-color: #000;
	margin-bottom: 6px;
}
#paper a{ text-decoration:none; color:#FFF;}
#paper a:hover{ color:#C00;}

#paper2{
	border: solid 1px #ffffff;
	text-align: center;
	padding: 10px;
	color: #FF0;
	display: block;
	background-color: #C00;
	margin-bottom: 6px;
	font-weight:bold;	
}
#paper2 a{ text-decoration:none; color:#FF0;}
#paper2 a:hover{ color:#fff;}

#steam{	background-image: url(../steam/bg.jpg);	background-repeat: no-repeat; background-position:top center; background-color: #000;}
#steam_contents{ width:872px; margin:0 auto; position:relative;}
#steam_contents #tokuten{ position: absolute; left: 600px; top: 24px;}
#steam_contents #steamlogo{ position:absolute;}
#steam_contents h1{ padding-top:270px; margin-left:-13px;}
#steam_contents #read{ font-size:19px; line-height:170%; color:#FFF; text-shadow:0px 0px 15px #000, 0px 0px 15px #000, 0px 0px 15px #000; padding-top:50px; padding-bottom:20px;}
#steam_contents #read dl{ position:relative;}
#steam_contents #read #btn{	position: absolute;	right: 0;}
#steam_contents #read #btn a{ color:#F00; font-size:14px;}
#steam_contents #read #btn a:hover{ color:#F90;}
#steam_contents #read dt{ float:left;font-size:17px;}
#steam_contents #read dd{ margin-left:9em;font-size:17px;}
#steam_contents #read dd span{ font-size: 14px; color: #5FBCF5; line-height: 130%;	margin-bottom: 10px; display: block; margin-left:1em;}
#steam_contents #read dd a{	color: #F00; text-decoration:none; font-size:14px;}
#steam_contents #read dd a:hover{color:#09F;}
#steam_contents h3{	font-size: 22px; color: #5FBCF5; font-weight: bold;	margin-bottom: 10px;}
#steam_contents #specs{ background-image:url(../steam/frame_r2_c1.jpg); position:relative;}
#steam_contents #specs #howto{
	position: absolute;
	right: 0px;
	top: -65px;
}
#steam_contents #specs #list{ margin:0 auto; width:800px; color:#FFF; font-size:14px; line-height:150%;}
#steam_contents #specs #list td{ padding-bottom:10px; border-bottom:solid 1px #3A4660; padding-top:10px;}

#steam_contents #specs #list td h5{ font-weight:bold; font-size:14px; margin:15px 0; color:#3E9EDE;}
#steam_contents #specs #list td h6{ font-weight:bold; font-size:14px; margin:5px 0;}
#steam_contents #specs #list td ul{ list-style:none; padding-bottom:20px;}
#steam_contents #specs #list td li{ float:left; width:50%;}

#steam_contents #notice{ font-size:12px; color:#999; padding-bottom:50px; margin-top:15px; line-height:145%;}
#steam_contents #compare{ margin-bottom:60px;}
#steam_contents #compare li.left{ float:left; text-align:center;}
#steam_contents #compare li.right{ float:right; text-align:center;}
#steam_contents #compare li span{ color:#FFF; display:block; margin-top:5px;}
#steam_contents #compare p{ color:#999; font-size:14px; padding-top:8px;}
#steam_contents #get{color:#999; font-size:14px; display:block; position:relative;}
#steam_contents #get_bench{ margin-bottom:20px; position:relative;}
#steam_contents #get_bench span{ position:absolute; left:3px; top:3px;}

#steam_contents h2{ padding-top:40px; margin-left:-1px; }
#steam_contents h4{	font-size: 22px; color: #ECD184; font-weight: bold;	margin-bottom: 10px; margin-top:50px; }
#steam_contents p{ color:#FFF; font-size:15px; line-height:160%;}
#steam_contents p a{ color:#F90}
#steam_contents p a:hover{ color:#F00}
#steam_contents .sectionlist dt{ color:#FFF; font-size:15px; line-height:160%; float:left;}
#steam_contents .sectionlist dd{ color:#FFF; font-size:15px; line-height:160%; margin-left:1.7em; margin-bottom:1em;}
#steam_contents .sectionlist table{ color:#FFF; font-size:15px; line-height:160%; margin-left:1.7em; margin-bottom:1em; border-top:solid 1px #666666;}
#steam_contents .sectionlist table th{ border-bottom:solid 1px #666666; padding:6px; margin-bottom:6px; font-weight:normal; text-align:left;}
#steam_contents .sectionlist table td{ border-bottom:solid 1px #666666; padding:6px; margin-bottom:6px; padding-left:6em;}

#steam_contents .benchimg{ text-align:center; margin:15px auto;}
#steam_contents .benchimg2{ text-align:center; margin:30px auto;}
#steam_contents .notice{ font-size:12px; color:#999; margin-top:15px; line-height:145%;}
#steam_contents #back{ position:absolute; right:0; top:40px;}

@media screen and (max-width: 639px) {
	.hidesp{ display:none;}
}