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

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

/*---------------------------------------------------------------*/
/*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:#c8c8c8;}
.nextCont #contents .btnLink a,
.nextCont #contents .btnLink span{color:#fff;font-size:12px;line-height:1.8;}
.nextCont #contents .btnLink span{color:#969696;}
.nextCont article section h1{font-size:20px;line-height:1.4;color:#c80000;}
.nextCont article section p{font-size:14px;line-height:1.4;color:#1e1e1e;}

#newsArea a       {color:#ffdc00;}
#newsArea a:hover {text-decoration:underline;}

/*---------------------------------------------------------------*/
/*layout*/
html{overflow-x:hidden;overflow-y:scroll;background-repeat:no-repeat;}
#wrapper{width:100%;height:auto;z-index:1;}

/*header*/
header{width:1077px;height:72px;position:relative;left:24px;top:29px;z-index:20;}
#headerIn{width:100%;float:left;}
header h1{float:left;width:160px;margin-right:21px;}
header nav{width:690px;height:34px;background:url(../img/bg_header_nav.png) 0 0 no-repeat;float:left;margin:2px 8px 3px 0;padding:8px 12px 0 10px;}
header nav li{float:left;height:24px;margin-right:10px;}
header nav li a,
header nav li p{display:block; width:100%; height:100%;text-indent:-9999px;background-repeat:no-repeat;background-image:url(../img/btn_header_nav.png);}

header nav li#btnAbout{width:73px;}
header nav li#btnAbout a{background-position:0 0;}
header nav li#btnAbout a:hover{background-position:0 -24px;}
header nav li#btnAbout p{background-position:0 -48px;}

header nav li#btnStory{width:180px;}
header nav li#btnStory a{background-position:-73px 0;}
header nav li#btnStory a:hover{background-position:-73px -24px;}
header nav li#btnStory p{background-position:-73px -48px;}

header nav li#btnSystem{width:130px;}
header nav li#btnSystem a{background-position:-253px 0;}
header nav li#btnSystem a:hover{background-position:-253px -24px;}
header nav li#btnSystem p{background-position:-253px -48px;}
header nav li#btnSystem p.off{background-position:-253px -72px;}

header nav li#btnMulti{width:112px;}
header nav li#btnMulti a{background-position:-383px 0;}
header nav li#btnMulti a:hover{background-position:-383px -24px;}
header nav li#btnMulti p{background-position:-383px -48px;}
header nav li#btnMulti p.off{background-position:-383px -72px;}

header nav li#btnMovie{width:69px;}
header nav li#btnMovie a{background-position:-495px 0;}
header nav li#btnMovie a:hover{background-position:-495px -24px;}
header nav li#btnMovie p{background-position:-495px -48px;}

header nav li#btnTopics{width:76px;margin-right:0;}
header nav li#btnTopics a{background-position:-564px 0;}
header nav li#btnTopics a:hover{background-position:-564px -24px;}
header nav li#btnTopics p{background-position:-564px -48px;}

header #subNav{float:left;width:682px;height:20px;background:url(../img/bg_header_subttl.png) 0 0 no-repeat;padding:7px 15px 2px;}
header #subNav li{float:left;height:18px;margin-right:20px;}
header #subNav li a,
header #subNav li p{display:block; width:100%; height:100%;text-indent:-9999px;background-repeat:no-repeat;}

header p#btnAc3l{float:left;width:176px;height:42px;margin-top:2px;}
header p#btnAc3l a{background-image:url(../img/btn_ac3l.png);}

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

/* socialBox*/
#socialBox{float:right; width:255px;height:50px;border-left:1px solid #bd615c;}
nav li{float:left;}
#btnTW{width:110px; padding:15px 15px 0 0;}
#btnFB{width:130px; padding-top:15px;}

/*footer*/
footer{clear:both; width:100%;background:url(../img/bg_footer.gif) 0 0 repeat-x #661814;}
footer #footerIn{width:1200px; margin:0 auto;}
footer address{clear:both;text-align:center;}

/*pageTop*/
.pageTop{height:52px;height:52px;position:fixed;bottom:30px;right:30px;z-index: 10;}
.pageTop p{width:52px;height:52px;}
.pageTop p a{background-image:url(../img/btn_pagetop.png);}

/*.nextCont*/
.nextCont img.bg{min-height:100%;min-width:1600px;width:100%;height:auto;position:fixed;top:0;left:0;}
@media screen and (max-width: 1600px){.nextCont img.bg {left:50%;margin-left:-800px;}}
.nextCont #wrapper{position:relative;}
/*.nextCont header */
.nextCont header{padding-bottom:80px;}

/*.nextCont contents*/
.nextCont #contents{clear:both; width:1002px; padding-bottom:15px;background:url(../img/bg_contents_btm.png) center bottom no-repeat; margin:0 auto;z-index:2;}
.nextCont #contentsIn{width:1002px;margin:0 auto;background:url(../img/bg_contents_top.png) left top no-repeat;padding-top:13px;}
.nextCont article{background:url(../img/bg_contents.png) left top repeat-y;padding:26px 32px 0 30px;position:relative;z-index:5;}
.nextCont article h1{background:url(../img/bg_headline.png) left bottom no-repeat;width:940px;margin:0 auto;padding-bottom:11px;text-align:center;}
#system article h1,
#sysAction article h1,
#sysFrontier article h1,
#sysNaval article h1{padding-bottom:8px;}
.nextCont article section{clear:both;width:920px;display:block;overflow:hidden;z-index:10;padding:30px 10px 0;min-height:500px;}
.nextCont article section .textBox{width:100%;margin:0 auto;}
.nextCont article section h1{padding-bottom:20px;background:none;}
.nextCont article section p{text-align:left;}
.nextCont article section p a{display:block;}
.nextCont ul li.last{margin-right:0;}
.nextCont article section .textBox{position:relative;z-index:50;}
.nextCont article section .textBox{float:left;}
/*btnLink*/
.nextCont #contents .btnLink{float:left;height:20px;margin-top:20px;}
.nextCont #contents .btnLink a,
.nextCont #contents .btnLink span{width:100%;height:20px;background:url(../img/bg_btn_link.png) right top no-repeat;display:block;padding-left:10px;} 
.nextCont #contents .btnLink a:hover{background-position:right -20px;text-decoration:none;}
.nextCont #contents .btnLink span{background-position:right bottom;}

/*.nextCont footer*/
.nextCont footer{width:100%;min-height:160px;padding-top:40px;position:relative;top:48px;left:0;}
.nextCont footer #footerIn{width:780px; margin:0 auto;}

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