@charset "utf-8";

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::
reset
::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#wrap{overflow:hidden; width:100%; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td{
margin:0; padding:0; color:#FFF;font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;}
table{border-collapse:collapse; border-spacing:0;}
fieldset, img{border:0;}
address, caption, cite, code, dfn, em, strong, th, var{font-style:normal; font-weight:normal;}
ol, ul{list-style:none;}
caption, th{text-align:left;}
h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:normal;}

.clear{ clear:both}

/*-------clearfix-------*/
div:after,
.clearfix:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; overflow: hidden; font-size: 0; }
* { margin: 0; padding: 0; }
img { border: none }
/* end clearfix */


/*==================================
cmn
==================================*/

/*-------header and footer-------*/
a:link img {opacity: 1;transition: all 0.5s ease-out 0s;}
a:hover img {opacity: 0.5;transition: all 0.2s ease-out 0s;}

a:link { color: #fff100; text-decoration: none; }
a:visited { color: #fff100; text-decoration: underline; }
a:hover { color: #fff100; text-decoration: underline; }

body { min-width: 980px; min-height: 1170px; background:#000 ;}
#header { position:relative ;z-index:500; height: 86px; background: url(../../images/pc/bg_hd.gif) 0 0 repeat-x;}
#header_inner { position: relative; margin: 0 auto; width: 980px; }
#header h1 { position: absolute; top: 10px; left: -5px; }
#header #headertxt { position: absolute; top: 25px; left: 95px; }
#header ul { position: absolute; top: 25px; left: 313px; }
#header li { float: left; overflow: hidden; }
#header li a { display: inline-block; overflow: hidden; height: 61px; text-indent: 100%; white-space: nowrap; }
#header li:nth-child(1) { width: 133px; height: 61px; background: url(../../images/pc/nav.gif) 0 0 no-repeat; }
#header li:nth-child(1):hover { background: url(../../images/pc/nav.gif) 0 -61px no-repeat; }
#header li:nth-child(2) { width: 133px; height: 61px; background: url(../../images/pc/nav.gif) -133px 0 no-repeat; }
#header li:nth-child(2):hover { background: url(../../images/pc/nav.gif) -133px -61px no-repeat; }
#header li:nth-child(3) { width: 133px; height: 61px; background: url(../../images/pc/nav.gif) -266px 0 no-repeat; }
#header li:nth-child(3):hover { background: url(../../images/pc/nav.gif) -266px -61px no-repeat; }
#header li:nth-child(4) { width: 133px; height: 61px; background: url(../../images/pc/nav.gif) -399px 0 no-repeat; }
#header li:nth-child(4):hover { background: url(../../images/pc/nav.gif) -399px -61px no-repeat; }
#header li:nth-child(5) { width: 134px; height: 61px; background: url(../../images/pc/nav.gif) -532px 0 no-repeat; }
#header li:nth-child(5):hover { background: url(../../images/pc/nav.gif) -532px -61px no-repeat; }
#news { padding: 3px 0; border-bottom: solid 1px #a3a3a3; text-align: center; font-size: 15px; }
#news span { padding-right: 15px; }
#main { position: relative; overflow:hidden; margin:0 auto; }
#other { margin: 0 auto; padding: 18px 20px 40px; width: 940px; }
#other #sns { margin: 0 auto; padding-bottom: 20px; text-align: center; }
#other #bnr { overflow: hidden; margin: 0 auto; padding-bottom: 20px; width: 868px; }
ul#bnr li img { width:208px; }
ul#bnr li { float: left; margin-right: 6px; border:solid 1px; border-color: #666; line-height: 0; }
ul#bnr li:last-child { padding-right: 0; border:solid 1px; border-color: #666; }
#footer { position:relative; margin: 0 auto; padding: 15px 0 24px; width: 980px; font-size: 10px; line-height: 1.4; }
#footer img { float: left; padding-right: 8px; }
/*==================================
cmn
==================================*/

#nav{ background: rgba(69,69,69,0.3);
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#33696969,EndColorStr=#33696969);
width:100%; position:absolute; bottom:0px; left:0px;z-index:100}
#nav ul{ width:1000px; margin:0 auto;}
#nav li { float:left; margin-right:-44px; line-height:0;padding:5px 0 0;}
#nav li.second_nav{ margin-left:-54px}
#nav li#tit_lineup{margin-right:-46px; padding:0;}
#link{ background:#fff; padding:12px 0; border-top:solid 4px #f4f4f4}
#link #copyright_kurobas{ font-size:10px; color:#666;font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',verdana,Helvetica,Arial,sans-serif; text-align:center}
#link ul{ width:980px; margin:0 auto 8px; display:block; overflow:hidden}
#link li { float:left; margin-right:8px; line-height:0}
#footer #sns{ position:absolute; top:15px; right:-50px}

/*==================================
top
==================================*/
body#top #contents { background: #000; min-height: 1170px; color: #FFF; }
body#top #main{  height:916px; z-index:400; width:100%; background:url(../../../akashi/images/pc/bg_top.jpg) center top no-repeat #FFF}
body#top #main_inner{ width:980px; margin: 0 auto; position:relative}
body#top #main #info{ border-left: solid 3px #454545;position:absolute; top:180px; left:0; padding-left:8px; font-size:13px; line-height:1.3; width:300px;}
body#top #main #info p{color:#454545;text-shadow: #fff 1px 1px 0px;zoom:1;}
body#top #main #info img{ padding-bottom:8px; margin-left:-8px}
body#top #main h2{ position:absolute; top:33px; left:-8px}
body#top #main h3{ position:absolute; top:570px; left:0}
body#top #main h4{
	position: absolute;
	top: 662px;
	left: 0
}
body#top #main h5{ position:absolute; top:280px; left:-60px}
body#top #main .btn_newitem{ position:absolute; top:647px; left:390px}
body.character #slider li{zoom:1;}
body.character #slider li{ display:block; position:relative !important}


/*==================================
cmn_other
==================================*/
body.character #main h2{ width:996px; margin:33px auto -127px;z-index:200; position: relative }
body.character #main{  height:920px; z-index:400; width:100%; background:url(../../images/pc/bg.png) 0 0 repeat;}
body.character #main_inner{ width:1200px; margin: 0 auto;}
body.character #main #btn_360view{ width:980px; margin:-70px auto; position: relative; z-index:200}
body.character #main #btn_return_top{position:absolute; right:0;top:715px; z-index:200}

/*-------comingsoon-------*/
body.character #txt_comingsoon{position:absolute; top:564px; left:110px; z-index:50}
body.character #txt_caution{position:absolute; top:694px; left:110px; font-size:12px; color:#666; z-index:50;}


/*==================================
kuroko
==================================*/
body.kuroko #contents{ background:url(../../../kuroko/images/pc/bg.gif)  #FFF center top no-repeat; color: #FFF; }
body.kuroko #main .txt_words{ position:absolute; top:320px; left:110px; z-index:100; width:550px ; height: 72px}
body.kuroko #main h3{ position:absolute; top:435px; left:110px; z-index:100; width:550px ; height: 72px}
body.kuroko #main .txt_info{position: absolute;top: 515px;	left: 111px;color: #454545;	font-size: 13px;	width: 540px;	text-shadow: #fff 1px 1px 0px;	zoom: 1;z-index: 100}
body.kuroko #main .txt_info span{ display:block; padding-top:10px}
body.kuroko #img_chara01{position:absolute; top:15px; left:460px; z-index:50; width:572px ; height: 754px}
body.kuroko #img_chara02{position:absolute; top:35px; left:630px; z-index:50; width:522px ; height: 704px}
body.kuroko #img_chara03{position:absolute; top:15px; left:635px; z-index:50; width:570px ; height: 746px}
body.kuroko #img_chara04{position:absolute; top:0px; left:80px; z-index:50; width:1122px ; height: 843px}

/*==================================
kagami
==================================*/
body.kagami #contents{ background:url(../../../kagami/images/pc/bg.gif)  #FFF center top no-repeat; color: #FFF; }
body.kagami #main .txt_words{ position:absolute; top:320px; left:110px; z-index:100; width:550px ; height: 72px}
body.kagami #main h3{ position:absolute; top:435px; left:110px; z-index:100; width:530px ; height: 68px}
body.kagami #main .txt_info{position: absolute;	top: 515px;	left: 111px;color: #454545;	font-size: 13px;	width: 540px;	text-shadow: #fff 1px 1px 0px;	zoom: 1;z-index: 100}
body.kagami #main .txt_info span{ display:block; padding-top:10px}
body.kagami #img_chara01{position:absolute; top:0px; left:600px; z-index:50; width:580px ; height: 843px}
body.kagami #img_chara02{position:absolute; top:0px; left:590px; z-index:50;width:580px ; height: 843px}
body.kagami #img_chara03{position:absolute; top:0px; left:580px; z-index:50;width:580px ; height: 843px}
body.kagami #img_chara04{position:absolute; top:0px; left:80px; z-index:50; width:1122px ; height: 843px}

/*==================================
kise
==================================*/
body.kise #contents{ background:url(../../../kise/images/pc/bg.gif)  #FFF center top no-repeat; color: #FFF; }
body.kise #main .txt_words{ position:absolute; top:320px; left:110px; z-index:100; width:550px ; height: 72px}
body.kise #main h3{ position:absolute; top:435px; left:110px; z-index:100; width:530px ; height: 68px}
body.kise #main .txt_info{position: absolute;	top: 515px;	left: 111px;color: #454545;	font-size: 13px;	width: 540px;	text-shadow: #fff 1px 1px 0px;	zoom: 1;z-index: 100}
body.kise #main .txt_info span{ display:block; padding-top:10px}
body.kise #img_chara01{position:absolute; top:35px; left:635px; z-index:50; width:480px ; height: 690px}
body.kise #img_chara02{position:absolute; top:20px; left:600px; z-index:50;width:474px ; height: 776px}
body.kise #img_chara03{position:absolute; top:18px; left:660px; z-index:50;width:346px ; height: 798px}
body.kise #img_chara04{position:absolute; top:0px; left:80px; z-index:50; width:1122px ; height: 843px}

/*==================================
aomine
==================================*/
body.aomine #contents{ background:url(../../../aomine/images/pc/bg.gif)  #FFF center top no-repeat; color: #FFF; }
body.aomine #main .txt_words{ position:absolute; top:320px; left:110px; z-index:100; width:550px ; height: 72px}
body.aomine #main h3{ position:absolute; top:435px; left:110px; z-index:100; width:530px ; height: 68px}
body.aomine #main .txt_info{position: absolute;	top: 515px;	left: 111px;color: #454545;	font-size: 13px;	width: 540px;	text-shadow: #fff 1px 1px 0px;	zoom: 1;z-index: 100}
body.aomine #main .txt_info span{ display:block; padding-top:10px}
body.aomine #img_chara01{position:absolute; top:50px; left:530px; z-index:50; width:644px ; height: 617px}
body.aomine #img_chara02{position:absolute; top:50px; left:510px; z-index:50;width:666px ; height: 634px}
body.aomine #img_chara03{position:absolute; top:50px; left:540px; z-index:50;width:664px ; height: 678px}
body.aomine #img_chara04{position:absolute; top:0px; left:80px; z-index:50; width:1122px ; height: 843px}

/*==================================
murasakibara
==================================*/
body.murasakibara #contents{ background:url(../../../murasakibara/images/pc/bg.gif)  #FFF center top no-repeat; color: #FFF; }
body.murasakibara #main .txt_words{ position:absolute; top:320px; left:110px; z-index:100; width:550px ; height: 72px}
body.murasakibara #main h3{ position:absolute; top:435px; left:110px; z-index:100; width:530px ; height: 68px}
body.murasakibara #main .txt_info{position: absolute;	top: 515px;	left: 111px;color: #454545;	font-size: 13px;	width: 540px;	text-shadow: #fff 1px 1px 0px;	zoom: 1;z-index: 100}
body.murasakibara #main .txt_info span{ display:block; padding-top:10px}

body.murasakibara #img_chara01{position:absolute; top:20px; left:680px; z-index:50; width:392px ; height: 1032px}
body.murasakibara #img_chara02{position:absolute; top:26px; left:780px; z-index:50; width:454px ; height: 1068px}
body.murasakibara #img_chara03{position:absolute; top:20px; left:680px; z-index:50; width:398px ; height: 902px}
body.murasakibara #img_chara04{position:absolute; top:18px; left:640px; z-index:50; width:538px ; height: 1038px}
body.murasakibara #img_chara05{position:absolute; top:20px; left:120px; z-index:50; width:1112px ; height: 843px}

/*==================================
midorima
==================================*/
body.midorima #contents{ background:url(../../../midorima/images/pc/bg.gif)  #FFF center top no-repeat; color: #FFF; }
body.midorima #main .txt_words{ position:absolute; top:320px; left:110px; z-index:100; width:550px ; height: 72px}
body.midorima #main h3{ position:absolute; top:435px; left:110px; z-index:100; width:530px ; height: 68px}
body.midorima #main .txt_info{position: absolute;	top: 515px;	left: 111px;color: #454545;	font-size: 13px;	width: 540px;	text-shadow: #fff 1px 1px 0px;	zoom: 1;z-index: 100}
body.midorima #main .txt_info span{ display:block; padding-top:10px}

body.midorima #img_chara01{position:absolute; top:0px; left:800px; z-index:50; width:318px ; height: 846px}
body.midorima #img_chara02{position:absolute; top:0px; left:780px; z-index:50; width:280px ; height: 846px}
body.midorima #img_chara03{position:absolute; top:20px; left:750px; z-index:50; width:396px ; height: 742px}
body.midorima #img_chara04{position:absolute; top:0px; left:200px; z-index:50; width:884px ; height: 846px}

/*==================================
takao
==================================*/
body.takao #contents{ background:url(../../../takao/images/pc/bg.gif)  #FFF center top no-repeat; color: #FFF; }
body.takao #main .txt_words{ position:absolute; top:360px; left:110px; z-index:100; width:506px ; height: 32px}
body.takao #main h3{ position:absolute; top:435px; left:110px; z-index:100; width:488px ; height: 64px}
body.takao #main .txt_info{position: absolute;	top: 515px;	left: 111px;color: #454545;	font-size: 13px;	width: 540px;	text-shadow: #fff 1px 1px 0px;	zoom: 1;z-index: 100}
body.takao #main .txt_info span{ display:block; padding-top:10px}

body.takao #img_chara01{position:absolute; top:30px; left:620px; z-index:50; width:556px ; height: 714px}
body.takao #img_chara02{position:absolute; top:35px; left:600px; z-index:50; width:520px ; height: 704px}
body.takao #img_chara03{position:absolute; top:20px; left:620px; z-index:50; width:462px ; height: 732px}
body.takao #img_chara04{position:absolute; top:40px; left:240px; z-index:50; width:824px ; height: 884px}

/*==================================
akashi
==================================*/
body.akashi #contents{ background:url(../../../akashi/images/pc/bg.gif)  #FFF center top no-repeat; color: #FFF; }
body.akashi #main .txt_words{ position:absolute; top:360px; left:110px; z-index:100; width:448px ; height: 72px}
body.akashi #main h3{ position:absolute; top:450px; left:110px; z-index:100; width:528px ; height: 64px}
body.akashi #main .txt_info{position: absolute;	top: 530px;	left: 111px;color: #454545;	font-size: 13px;	width: 540px;	text-shadow: #fff 1px 1px 0px;	zoom: 1;z-index: 100}
body.akashi #main .txt_info span{ display:block; padding-top:10px}

body.akashi #img_chara01{position:absolute; top:16px; left:660px; z-index:50; width:416px ; height: 908px}
body.akashi #img_chara02{position:absolute; top:15px; left:550px; z-index:50; width:489px ; height: 908px}
body.akashi #img_chara03{position:absolute; top:24px; left:570px; z-index:50; width:607px ; height: 898px}
body.akashi #img_chara04{position:absolute; top:0px; left:10px; z-index:50; width:1192px ; height: 940px}

/*==================================
midorima_comingsoon/-36px

body.midorima #main_inner{ width:1200px; margin: 0 auto; position:relative}
body.midorima #contents{ background:url(../../../midorima/images/pc/bg.gif)  #FFF center top no-repeat; color: #FFF; }
body.midorima h3{ position:absolute; top:624px; left:110px; z-index:100}
body.midorima #img_chara01{position:absolute; top:-40px; left:520px; z-index:50;}
==================================*/