@charset "UTF-8";
/*common.css*/

/*---------------------------------------------------------------*/
/*module*/
.clearSpace{display:none; visibility:hidden; font-size:0; line-height:0; height:0;}
iframe{position:relative;}
.btnClass a,
.btnClassS.off,
.btnClassS a,
a .btnPopimg{display:block; width:100%; height:100%; background-repeat:no-repeat; background-position:left top; text-indent:-9999px; overflow:hidden;}
.btnClassS.off,
.btnClass a:hover{background-position:left bottom;}
.btnClassS a:hover{background-position:left center;}
h1,h2,h3,h4,h5,h6,
p,li,dd,dt,th,td{font-size:14px; line-height:1.4; text-align:left;}
.off a{cursor:default;}

/*---------------------------------------------------------------*/
/*font style*/
a		{color:#1E1E1E;}
a:hover	{text-decoration:underline;}

.txtLogo{vertical-align:-1px !important;padding:0 !important;vertical-align:-2px; padding:2px 0;}
.paragraph{padding-top:1.5em;}
footer address p{font-size:9px; line-height:1.4; text-align:center; color:#fff;}

/*---------------------------------------------------------------*/
/*layout*/
html{overflow-x:hidden;overflow-y:scroll;background-repeat:no-repeat;}
#wrapper{width:100%;height:auto;z-index:1;}
/*header*/
header{width:100%;height:75px;position:relative;background-color:#000;z-index:20;}
#headerIn{width:940px;margin:0 auto;position:relative;}
header h1{float:left;width:229px;margin-right:148px;padding-top:9px;}
header .gNavin{float:left;width:562px;height:28px;margin-top:47px;}
header .gNavin li{float:left;height:28px;margin-right:20px;position:relative;}
header .gNavin  a,
header .gNavin  p{display:block; width:100%;height:100%;text-indent:-9999px;line-height:28px;background-repeat:no-repeat;background-image:url(../img/nav.png);}

header .gNavin .btnAbout{width:56px;}
header .gNavin .btnAbout a{background-position:0 0;}
header .gNavin .btnAbout a:hover,
header .gNavin .btnAbout p{background-position:0 -28px;}

header .gNavin .btnStory{width:54px;}
header .gNavin .btnStory a{background-position:-56px 0;}
header .gNavin .btnStory a:hover,
header .gNavin .btnStory p{background-position:-56px -28px;}
header .gNavin .btnStory p.off{background-position:-56px -56px;}

header .gNavin .btnChara{width:101px;}
header .gNavin .btnChara a{background-position:-110px 0;}
header .gNavin .btnChara a:hover,
header .gNavin .btnChara p{background-position:-110px -28px;}
header .gNavin .btnChara p.off{background-position:-110px -56px;}

header .gNavin .btnSystem{width:109px;}
header .gNavin .btnSystem a{background-position:-211px 0;}
header .gNavin .btnSystem a:hover,
header .gNavin .btnSystem p{background-position:-211px -28px;}
header .gNavin .btnSystem p.off{background-position:-211px -56px;}

header .gNavin .btnMulti{width:90px;}
header .gNavin .btnMulti a{background-position:-320px 0;}
header .gNavin .btnMulti a:hover,
header .gNavin .btnMulti p{background-position:-320px -28px;}
header .gNavin .btnMulti p.off{background-position:-320px -56px;}

header .gNavin .btnMovie{width:52px;margin-right:0;}
header .gNavin .btnMovie a{background-position:-410px 0;}
header .gNavin .btnMovie a:hover,
header .gNavin .btnMovie p{background-position:-410px -28px;}
header .gNavin .btnMovie p.off{background-position:-410px -56px;}

header .gNavin .subNav{ position: absolute;top: 100%;left: 0;margin: 0;	padding: 0;}
header .gNavin li:last-child ul{left: -100%;width: 100%}
header .gNavin .subNav li{float:none;width:160px;height:0;margin-right:0;overflow:hidden;
  -moz-transition: .3s ease-in-out;
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  -ms-transition: .3s ease-in-out;
  transition: .3s ease-in-out;}
.gNavin > li:hover ul li{overflow: visible;height:25px;}
.subNav .newmark{padding:8px 5px 5px 6px;background-color:#000;}

header .gNavin .subNav li a{height:25px;}
header .gNavin .btnAbout .subNav li a{background-image:url(../../top/img/top_subnav_about.png);}
header .gNavin .btnChara .subNav li a{background-image:url(../../top/img/top_subnav_chara.png);}
header .gNavin .btnSystem .subNav li a{background-image:url(../../top/img/top_subnav_system.png);}
header .gNavin .subNav .subBtnA a{background-position:0 0;}
header .gNavin .subNav li.subBtnA a:hover{background-position:-160px 0 ;}
header .gNavin .subNav .subBtnA.off a{background-position:-320px 0;}
header .gNavin .subNav .subBtnB a{background-position:0 -25px;}
header .gNavin .subNav .subBtnB a:hover{background-position:-160px -25px;}
header .gNavin .subNav .subBtnB.off a{background-position:-320px -25px;}
header .gNavin .subNav .subBtnC a{background-position:0 -50px;}
header .gNavin .subNav .subBtnC a:hover{background-position:-160px -50px;}
header .gNavin .subNav .subBtnC.off a{background-position:-320px -50px;}
header .gNavin .subNav .subBtnD a{background-position:0 -75px;}
header .gNavin .subNav .subBtnD a:hover{background-position:-160px -75px;}

/*contents*/
#contents{clear:both;width:100%;}
#contents section p{clear:both;text-align:left;}

/*footer*/
footer{clear:both; width:100%;background:url(../img/bg_footer.gif) 0 top #000;}
footer #footerIn{width:100%;/*background:url(../img/bg_footer_re.gif) 0 0 repeat-x;*/}
footer address{clear:both;text-align:center;}

#btnToTop{width:50px;height:50px;position:fixed;right:35px;bottom:70px;z-index:100;}
#btnToTop a{background-image:url(../img/btn_totop.png);}

/*.nextCont*/
.nextCont .btnClassS{width:139px;height:25px;position:absolute;}

/*.nextCont contents*/
.nextCont #contents{min-width:980px; margin:0 auto;background-position:center top;background-repeat:no-repeat;}
.nextCont .conthead{width:100%;height:47px;background:url(../img/bg_headline.png) 0 0 repeat-x;}
.nextCont .contheadin{width:940px;margin:0 auto;position:relative;}
.nextCont .contheadin .headline{position:relative;left:0;top:10px;}
/*.subNav*/
.nextCont .conthead .subNav{position:absolute;right:0;top:10px;}
.nextCont .conthead .subNav li{float:left;width:160px;height:24px;margin-right:10px;}
.nextCont .conthead .subNav  a,
.nextCont .conthead .subNav  p{display:block; width:100%;height:100%;text-indent:-9999px;background-repeat:no-repeat;}

/*.subNav .newmark{padding:8px 5px 5px 6px;background-color:#000;}*/

.nextCont .conthead .subNav .subBtnA a{background-position:0 0;}
.nextCont .conthead .subNav .subBtnA a:hover{background-position:0 -24px;}
.nextCont .conthead .subNav .subBtnA.current a{background-position:0 -48px;}
.nextCont .conthead .subNav .subBtnB a{background-position:-160px 0;}
.nextCont .conthead .subNav .subBtnB a:hover{background-position:-160px -24px;}
.nextCont .conthead .subNav .subBtnB.current a{background-position:-160px -48px;}
.nextCont .conthead .subNav .subBtnC a{background-position:-320px 0;}
.nextCont .conthead .subNav .subBtnC a:hover{background-position:-320px -24px;}
.nextCont .conthead .subNav .subBtnC.current a{background-position:-320px -48px;}

.nextCont .btnPopimg,
.nextCont a .btnPopimg{width:30px;height:30px;position:absolute;right:11px;}
.nextCont a .btnPopimg,
.nextCont .btnPopimg a{background-image:url(../img/ss_btn_close.png);}
.nextCont a:hover .btnPopimg{background-position:left bottom;}

/*.nextCont footer*/
.nextCont footer{width:100%;min-height:80px;padding-top:40px;background-image:none;}
.nextCont footer #footerIn{width:940px; margin:0 auto;background-image:none;}

#ftScript{position:absolute;left:-50%;top:-50%;}