@charset "utf-8";

body>b{display:none;}
body>br{display:none;}

/* ===================================================================
 style info : ContentsArea
=================================================================== */
@font-face {
    font-family: "din";
    src: url("../fonts/din.eot");
}
@font-face {
    font-family: "din";
    src: url("../fonts/din.eot") format("eot"), url("../fonts/din.woff") format("woff");
}


@font-face {
    font-family:'MaisonNeue-Bold';
    src:url('../fonts/MaisonNeueWEB-Bold.woff') format("woff"), url("../fonts/MaisonNeueWEB-Bold.woff2") format("woff2");
}
@font-face {
    font-family:'MaisonNeue-Book';
    src:url('../fonts/MaisonNeueWEB-Book.woff') format("woff"), url("../fonts/MaisonNeueWEB-Book.woff2") format("woff2");
}
@font-face {
    font-family:'MaisonNeue-LightItalic';
    src:url('../fonts/MaisonNeueWEB-LightItalic.woff') format("woff"), url("../fonts/MaisonNeueWEB-LightItalic.woff2") format("woff2");
}
@font-face {
    font-family:'MaisonNeue-Medium';
    src:url('../fonts/MaisonNeueWEB-Medium.woff') format("woff"), url("../fonts/MaisonNeueWEB-Medium.woff2") format("woff2");
}



/*----------------------------------------------------
	Base
----------------------------------------------------*/
html {overflow-y: scroll;}
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	color: #333;
	word-break: break-all;
	line-height:1.5;
	font-size:95%;
	background:#ffffff;
}
input, textarea {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	font-size: 100%;
}
/* for IE6 */
* html body {
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	font-size:12px;
}
* html input, * html textarea {
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	font-size:12px;
}


/* for IE */
.ie6 body {
	font-size: 0.9em;
	line-height: 1.2;
}
.ie6 table {
	font-size: 100%;
	line-height: 1.5;
}
.ie6 input,.ie6 textarea,.ie6 select {
	font-family: "ＭＳ Ｐゴシック","MS PGothic", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.ie7 body {
	font-size: 70%;
}
.mb30 { margin-bottom:30px;}

/* link
----------------------------------------------------*/

a {
	color:#FFF;
}
a:link {
	color: #FFF;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	color: #FFF;
	text-decoration: none;
}
a:active {
	text-decoration: none;
}

.abs{position:absolute;}
.b{font-weight:bold;}


.din{font-family:din,Arial,sans-serif;}
.f_lgt{font-family: MaisonNeue-Book,Arial,sans-serif;}
.f_reg{font-family: MaisonNeue-Medium,Arial,sans-serif;}
.f_bold,
.f_sbold{font-family: MaisonNeue-Bold,Arial,sans-serif;}



/* clerfix
----------------------------------------------------*/
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/*----------------------------------------------------
	#page
----------------------------------------------------*/
#page {
	width:100%;
	overflow:hidden;
}
#container{position:relative;}
#warning{display:none;}

/*----------------------------------------------------
	header
----------------------------------------------------*/
header{
	width:100%;
	background:#03234C;
	position:relative;
	z-index:9999;
}
#header-in{
	width:100%;
	height:83px;
	max-width:1188px;
	margin:0 auto;
	position:relative;
}
#logo{padding:20px 0 0 45px;float:left; position:relative;z-index:1;}


#gnav {
	display:block;
	width:100%;
	text-align:center;
	position:absolute;
	bottom:0;
	left:0;
	font-size:14px;
	z-index:0;
}

#gnav-in{
	display:inline-block;
	margin:0 auto;
}

#gnav .nav-item{
    float:left;
    margin:0 18px;
    padding:0;
    outline:none;
}

#gnav .dropdown{
	display:none;
	min-width:140px;
	position:absolute;
	list-style:none;
	margin:0;
	clear:both;
	background-color: #FFF;
	z-index:1;
	padding-bottom:10px;
	box-shadow:rgba(0, 0, 0, 0.298039) 5px 5px 7px 0px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.298039) 5px 5px 7px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0.298039) 5px 5px 7px 0px;
}


#gnav .dropdown li{display:block;}
#gnav .dropdown a{
	display: block;
	text-decoration:none;
	color: #666;
	font-size:14px;
	height:14px;
	line-height:14px;
	padding:12px 20px;
	text-align:center;
}
#gnav .dropdown a:hover{color:#e51937;}
#gnav #sub-nav .dropdown{display:block;}



#gnav .current{
	display:block;
	width:100%;
	padding:10px 2000px;
	position:absolute;
	top:42px;
	left:-1960px;
	background:#e51937;
}
#gnav .current li{
	display:inline-block;
	float:left;
	margin-right:30px;
	padding:2px 5px;
}
#gnav .current a{color:#ff9fad;}
#gnav .current a:hover{color:#FFF;}




#trigger, #trigger .on{display:none;}



/*----------------------------------------------------
	footer
----------------------------------------------------*/
footer {
	position:fixed;
	bottom:0;
	left:0;

	width:100%;
	height:800px;
	overflow:hidden;
	text-align:center;
	font-size:85%;
	color:#FFF;
	background:#03234C;
	z-index:0;
}
#footer-in {
	width:100%;
	max-width:1096px;
	margin:0 auto;
	padding:117px 0;
}
#footer-in h2{margin:0 0 123px;}
#footMegaMenu{
	display:inline-block;
	margin:0 auto;
	text-align:left;
	font-size:14px;
	font-weight:bold;
}
#footMegaMenu .column{
	float:left;
	width:185px;
}
#footMegaMenu .column li{margin:0 0 6px;}
#footMegaMenu .column li.gray{margin:0 0 10px;color:#959595;}
#footMegaMenu .column .location li{padding:0 0 0 35px;}
#footMegaMenu .column .location li.gray{background:url(../img/footer/jp.png) 0 50% no-repeat;}
#footBottom{
	display:block;
	margin:81px 0 0;
	padding:30px 0 0;
	color:#959595;
	font-size:95%;
	border-top:#464646 solid 1px;
}

#footBottom a{color:#959595;}
#footBottom ul{
	display:inline-block;
	margin:0 auto 10px;
}
#footBottom li{
	display:inline-block;
	float:left;
	padding:0 10px;
	border-right:#959595 solid 1px;
}

#footBottom li:last-child{border-right:none;}
#footBottom li a{display:block;}


/*
#breadcrumblist {
	background:#154689;
	padding:15px 0;
	color:#FFF;
	font-size:12px;
	text-align:left;
}

#breadcrumblist ul{
	width:100%;
	max-width: 1096px;
	margin:0 auto;
}
#breadcrumblist li{
	float: left;
	padding-right:10px;
}
#breadcrumblist a {margin-right:10px;}
#breadcrumblist .top a {
	padding-left:20px;
	background: url(../img/footer/breadcrumblist.png) 0 50% no-repeat;
}
*/ 


/*----------------------------------------------------
	contents
----------------------------------------------------*/
#contents {
	position:relative;
	z-index:1;
    padding:0 0 0;
    margin:0 0 800px;
}
#contents-in{background:#FFF;}



















@media only screen and (max-width: 960px) {
	/*----------------------------------------------------
		header
	----------------------------------------------------*/
	header{position:static;width:auto;height:120px;padding:0 48px}
	#header-in{width:auto;height:120px;text-align:center;position:static;}
	#logo{display:inline-block;margin:0 auto;padding:38px 0 0;float:none}
	#trigger{display:block;}
	#trigger a{position:absolute;top:45px;left:24px;cursor:pointer;}
	#gnav{
		top:0;
		width:40%;
		left:-40%;
		height:100%;
		/* box-shadow */
		box-shadow:rgba(0, 0, 0, 0.380392) -3px 2px 8px -3px inset;
		-webkit-box-shadow:rgba(0, 0, 0, 0.380392) -3px 2px 8px -3px inset;
		-moz-box-shadow:rgba(0, 0, 0, 0.380392) -3px 2px 8px -3px inset;
		background:#FFF;
		z-index:9999;
	}
	#gnav-in{display:block;padding:0;}
	#gnav .nav-item{float:none;margin:0;border-bottom: #333 solid 1px;}
	#gnav .head{
		display:block;
		text-align:left;
		color:#03234C;
		padding:15px;
		line-height:1;
		background:url(../img/header/arrow_uw.png) 95% 50% no-repeat;
		background-size:auto 40%;
	}
	#gnav .dropdown{display:none;}
	#gnav .current{
		width:250%;
		padding:0;
		top:120px;
		left:100%;
		border-bottom:#FFF double 3px;
	}
	#gnav .current li{
		display:block;
		width:50%;
		line-height:1;
		margin:0;
		padding:0;
	}
	#gnav .current li a{
		display:block;
		padding:15px 0;
		text-align:center;
		border-bottom:#FFF solid 1px;
	}
	#gnav .current li:nth-child(odd) a{border-right:#FFF solid 1px;}
	#gnav .current li a.onpage {background: #8f0f29;}






	/*----------------------------------------------------
		footer
	----------------------------------------------------*/
	footer{position:static;height:auto;}
	#footer-in {margin:0 auto;padding:80px 0 30px;}
	#footer-in h2{margin:0 84px 100px;}
	#footer-in h2 img{width:100%;height:auto;}
	#footMegaMenu{display:block;width:auto;margin:0 42px;}
	#footMegaMenu .column{float:none;width:100%;}
	#footMegaMenu .column li.gray{margin:0;}
	#footMegaMenu .column li{margin:0 0 1px;padding:10px;border-bottom:#46566a solid 1px;}
	#footMegaMenu .column .location{display: block;width:auto;padding:10px;border-bottom:#46566a solid 1px;}
	#footMegaMenu .column .location li{float:left;border-bottom:none;}
	#footBottom{margin:40px 0 0;}

	/*----------------------------------------------------
		contents
	----------------------------------------------------*/
	#contents {padding:0 0 0;margin:0 0 30px;}


}


@media only screen and (max-width: 640px) {

	/*----------------------------------------------------
		header
	----------------------------------------------------*/
	header{height:60px;padding:0 24px;}
	#header-in{height:60px;}
	#logo{padding:20px 0 0;}
	#logo img{width:65px;}
	#trigger a{top:20px;}
	#trigger img{width:20px;height:20px;}
	#gnav{width:81.87%;left:-81.87%;}		


	#gnav .current{
		width:122%;
		top:60px;
		
	}
	#gnav .current li a{
		padding:10px 0;
		font-size:12px;
	}

	/* 
	#gnav .current li{
		display:block;
		width:50%;
		line-height:1;
		margin:0;
		padding:0;
	}
	#gnav .current li:nth-child(odd) a{border-right:#FFF solid 1px;}
	#gnav .current li a.onpage {background: #8f0f29;}
	*/







	/*----------------------------------------------------
		footer
	----------------------------------------------------*/
	footer{position:static;height:auto;}
	#footer-in {margin:0 auto;padding:40px 0 15px;}
	#footer-in h2{margin:0 42px 50px;}
	#footMegaMenu{display:block;width:auto;margin:0 21px;}
	#footBottom{padding:0;margin:20px 42px 0; border-top:none;}
	#footBottom ul{display:block;margin:0 21px 10px;}
	#footBottom li{display:block;float:none;padding:5px 15px;border-right:none;}
	#footBottom li a{padding:5px 0;}

}