@charset "utf-8";

/*===========================================
  General Setting
=============================================*/
/****************************
  web font
*****************************/
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url(https://fonts.googleapis.com/css?family=Anton);

#scr {
 font-size:40px;
 position:fixed;
 top:10px;
 left:10px;
 z-index:20000;
}
/* Link */
a:link, a:visited {
 color:#000;
 text-decoration:none;
}
a:hover {
 color:#e71a21;
 text-decoration: underline;
}

img{
	vertical-align: bottom;
}

/* float */
.fl { float:left;}
.fr { float:right;}
.ar { text-align:right;}
.al { text-align:left;}
.ac { text-align:center;}
.imgLeft {
 float: left;
 margin-right: 24px;
 padding-top:8px;
}
.imgRight {
 float: right;
 margin-left: 24px;
 padding-top:8px;
}
/* clearfix */
.cf:after{
 content: "."; 
 display: block; 
 height: 0; 
 font-size:0;	
 clear: both; 
 visibility:hidden;
}

/* position */
.relative { position:relative;}
.posRight0 { position: absolute; right:0; z-index:10;}
.posRight32 { position: absolute; right:32px; z-index:10;}

/* margin padding */
.mr-8{ margin-right:-8px !important;}
.mr0{ margin-right:0px !important;}
.mr8{ margin-right:8px !important;}
.mr16{ margin-right:16px !important;}
.mr24{ margin-right:24px !important;}
.mr32{ margin-right:32px !important;}

.ml-8{ margin-left:-8px !important;}
.ml0{ margin-left:0px !important;}
.ml8{ margin-left:8px !important;}
.ml16{ margin-left:16px !important;}
.ml24{ margin-left:24px !important;}

.mt0{ margin-top:0px !important;}
.mt8{ margin-top:8px !important;}
.mt16{ margin-top:16px !important;}
.mt24{ margin-top:24px !important;}
.mt32{ margin-top:32px !important;}
.mt40{ margin-top:40px !important;}
.mt60{ margin-top:60px !important;}


.mb8{ margin-bottom:8px !important;}
.mb16{ margin-bottom:16px !important;}
.mb24{ margin-bottom:24px !important;}
.mb32{ margin-bottom:32px !important;}
.mb40{ margin-bottom:40px !important;}
.mb48{ margin-bottom:48px !important;}
.mb64{ margin-bottom:64px !important;}

.pt0{ padding-top:0px !important;}
.pt8{ padding-top:8px !important;}
.pt16{ padding-top:16px !important;}

.pr0{ padding-right:0px !important;}

.pb0{ padding-bottom:0px !important;}
.pb8{ padding-bottom:8px !important;}
.pb16{ padding-bottom:16px !important;}
.pb20{ padding-bottom:20px !important;}
.pb24{ padding-bottom:24px !important;}
.pb32{ padding-bottom:32px !important;}
.pb40{ padding-bottom:40px !important;}
.pb48{ padding-bottom:48px !important;}

/* width */
.w8 { width:8px!important;}
.w16 { width:16px!important;}
.w24 { width:24px!important;}
.w32 { width:32px!important;}
.w188 { width:188px!important;}
.w240 { width:240px!important;}
.w256 { width:256px!important;}
.w392 { width:392px!important;}

/* color */
.whtite { color:#FFF;}
.red { color:#e71a21;}

/* font size */
.text14 { font-size:14px!important; line-height:24px;}
.text16 { font-size:16px!important; }
.text20 { font-size:20px!important; line-height:32px;}

/* border */
.bt { border-top:2px solid #000;}
.bb { border-bottom:2px solid #000;}
 
/*===========================================
  PC Layout
=============================================*/
body {
	margin:0;
	padding:0;
	background:#000;
	font-family: 'Noto Sans Japanese', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
 font-size:14px;
 letter-spacing:0.09em;
 vertical-align:bottom;
	color: #000;
 word-wrap : break-word;
 -webkit-font-smoothing: subpixel-antialiased;
}
#wrapper {
	width: 100%;
 /*min-width: 1168px;*/
 min-width: 1200px;
	position: relative;
	height: auto !important; /*IE6対策*/
	height: 100%;
	min-height: 100%;
 overflow:hidden;
}
.inner {
 clear:both;
 margin:0 auto;
	padding: 0 32px;
	/*width:1104px;*/
 width:1136px;
	height:auto;
 position:relative;
}
.section {
 clear:both;
 padding: 0 32px 0;
 position:relative;
}

/* header
-------------------------------------------*/
#headerWrapper{
 margin:0;
	padding: 0;
	width:100%;
	height:auto;
 background:#000;
 position: relative;
 top:0;
 z-index:15000;
}
#headerWrapper.fixed {
 position: fixed;
}
#header {
	margin:0;
	padding: 0;
	width:100%;
	height:auto;
 background:#000;
 position: absolute;
 z-index:15000;
}

#header.fixed {
 position: fixed;
 top:0;
 z-index:15000;
}
#header h1 {
 margin:0;
 padding:0;
 float:left;
 }
#topAd {
 text-align:center;
 padding-top:16px;
 background:#000;
 position:relative;
 z-index:18000;
 height: 60px;
}

ul#config {
 float:left;
 padding:16px 0 16px 8px;
}
ul#config li{
 float:left;
}
ul#topNav {
 float:right;
}
ul#topNav li{
 float:left;
 padding:24px 0 0;
 margin-left:24px;
}
ul#topNav li:first-child{
 margin-left:0;
}
ul#topNav li a{
 font-weight:700;
 font-size:12px;
 color:#FFF;
}
ul#topNav li a:hover,
ul#topNav li.current a{
 color:#faef0f;
 text-decoration:none;
}



/* pageHeader
-------------------------------------------*/
#pageHeader{
 height:64px;
 width:100%;
 z-index:10000;
 background:url('../images/common/bg_pageHeader.gif') repeat-y #e71a21;
 background-size:100% 100%;
 position:absolute;
 top:0px;
}

#homeHeader{
 height:64px;
 width:100%;
 z-index:10000;
 background:url('../images/common/bg_pageHeader.gif') repeat-y #e71a21;
 background-size:100% 100%;
}
#homeHeader .inner,
#pageHeader .inner {
 padding:0 0 0 32px;
 width:1168px;
 background:#E71A21;
}
#pageNav {
 float:right;
}
#pageNav ul{
 float:left;
}
#pageNav li {
 float:left;
 margin-right:32px;
 padding-top:20px;
}
#pageNav li a{
 font-size:14px;
 font-weight:700;
 color:#FFF;
}
#pageNav li.current a,
#pageNav li a:hover{
 color:#faef0f;
 text-decoration:none;
}
#homeHeader h1,
#pageHeader h1 {
 position:absolute;
 top:0;
 left:32px;
}
#pageHeader a.logoL{ display:none;}
#pageHeader a.logoS{ display:block; width:58px; padding:3px;}
#pageHeader a.logoS img { width: 100%; height:auto;}
#pageHeader .gotoTop {
 display:block;
 width:160px;
 height:64px;
 float:left;
}
#pageHeader .gotoTop a {
 display:block;
 padding:0;
 background:#d0171e;
}

/* pageHeader ishome */
#homeHeader{
 background:#e71a21;
}
#homeHeader h1 {
 position:absolute;
 top:-24.5px;
 left:32px;
}



/* pageHeader fixed */
#pageHeader.fixed{
 z-index:10000;
 position:fixed;
}

#pageHeader.underFixed  {
 z-index:10000;
 position:fixed;
 top:64px !important;
}

/* subPageMenu
-------------------------------------------*/
.subPageMenu {
 width:100%;
 height:40px;
 display:none;
 position: absolute;
 z-index:10000;
 color:#FFF;
 background:#E71A21;
 padding:12px 0;
 top:64px;
}
.subPageMenu a {
 color:#FFF;
 display: inline-block;
 padding:0 20px 0 10px;
}
.subPageMenu a img{
 vertical-align:middle;
}
.subPageMenu input{
 vertical-align:middle;
}
.subPageMenu input[type="text"] {
 color:#FFF;
 border:none;
 background:#E71A21;
 height:40px;
 border-left:2px solid #FFF;
 margin-left:12px;
 padding-left:16px;
 min-width:350px;
}
.subPageMenu ::-webkit-input-placeholder {
  color: #FFF;
}
.subPageMenu ::-moz-placeholder {
  color: #FFF; opacity: 1;
}
.subPageMenu :-ms-input-placeholder {
  color: #FFF;
}

.subPageMenu .border {
 border-right:2px dotted #FFF;
}

/* subPageMenu fixed */
.subPageMenu.fixed{
 z-index:10000;
 position:fixed;
 top:64px;
}


/* container
-------------------------------------------*/
#container {
	margin:128px auto 0;
	padding:0;
	width:100%;
	height: auto;
 background:url('../images/common/bg.jpg') no-repeat center top #000;
 overflow:auto;
}
#home #container {
 margin:0 auto;
}
#containerInner {
 margin:0 auto;
 /*width:1168px;*/
 width:1200px;
 padding:0;
 background:url('../images/common/bg.gif') repeat-y center top #FFF;
}


/* main
-------------------------------------------*/
#main {
	margin:0;
	padding:0;
	width: 864px;
	height: auto;
	float:left;
 background:#FFF;
}

#main .adArea {
 text-align:center;
}
#main .adArea ul{
 display:table;
 text-align:center;
 width:100%;
}
#main .adArea li{
 display: table-cell;
 vertical-align:top;
 text-align:center;
 width:50%;
}


#seriesMain {
 margin:0;
	padding:0;
	width: 1200px;
	height: auto;
 background:#000;
}



/* side
-------------------------------------------*/
#side {
	margin:0;
	padding: 32px 48px 56px 32px;
	width: 256px;
	height: auto;
	float:right;
	text-align:left;
 background:#f2f2f2;
}


/* footerBanner
-------------------------------------------*/
#footerBannerArea {
 background:#000;
 padding:61px 0;
}
#footerBannerArea .footBanner{
 margin:0 0 0 34px;
 width:200px;
 float:left;
}
#footerBannerArea .footBanner:first-child{
 margin:0;
}
#footerBannerArea .footBanner dt {
 font-family: 'Anton', sans-serif;
 letter-spacing:0;
 font-size:20px;
 text-align:center;
 margin-bottom:16px;
 line-height:1.0em;
 color:#FFF;
}
#footerBannerArea .footBanner dd{
 margin-bottom:8px;
}
#footerBannerArea .footBanner dd:last-child{
 margin-bottom:0;
}
#footerBannerArea .footBanner dd a {
 display:block;
 width: 164;
 overflow: hidden;
}
#footerBannerArea .footBanner dd img {
 height: auto;
 width:200px;
}
#footerBannerArea .footBanner dd.imgCenter a {
 text-align:center;
}
#footerBannerArea .footBanner dd.imgCenter img{
 width:auto;
}

/* footer
-------------------------------------------*/
#footer {
	margin:0;
	padding: 64px 0;
	width: 100%;
	height: auto;
	clear:both;
	margin-bottom: 0;
	background:#e71a21;
}
#footer ul.footNav {
 clear:both;
}
#footer ul.footNav > li{
 width:266px;
 height:216px;
 float:left;
 margin-left:24px;
}
#footer ul.footNav > li:first-child{
 margin-left:0;
}
#footer li a{
 display:block;
 font-size:12px;
 line-height:24px;
 padding:0 8px;
 color:#FFF;
}
#footer ul.footNav li a:hover {
 color:#FFF !important;
 text-decoration:underline;
}
#footer .footNav p.mi{
 border-top:2px solid #FFF;
 padding:8px 0 24px;
}
#footer .footNav p.mi a {
 font-size:14px;
} 
#footer ul.footNav li.connect {
 border-top:2px solid #FFF;
 width:556px;
}
#footer ul.footNav li.connect p.mi{
 border-top:none;
}
#footer ul.footNav .footNavChild {
 padding-top:8px;
}
#footer ul.footNav .footNavChild li {
 padding-top:8px;
}
#footer .footNavUnder {
 clear:both;
 border-top:2px solid #FFF;
 padding:8px 0 0;
}
#footer .footNavUnder > ul{
 width:258px;
 height:104px;
 float:left;
 margin-left:24px;
}
#footer ul.footNav > li:first-child,
#footer .footNavUnder > ul:first-child{
 margin-left:0;
}

#footer p.copy {
 clear:both;
	margin:0;
	padding: 0;
 font-size:12px;
 line-height:24px;
	text-align: center;
 color:#FFF;
}