@CHARSET "utf-8";

html, body {width:100%; height:100%;}
body {-webkit-text-size-adjust:none;}
	.bg1 {background:url(/images/layout/visual1.jpg) no-repeat 50% 0 fixed;}
	.bg2 {background:url(/images/layout/visual2.jpg) no-repeat 50% 0 fixed;}
	.bg3 {background:url(/images/layout/visual3.jpg) no-repeat 50% 0 fixed;}
	.bg4 {background:url(/images/layout/visual4.jpg) no-repeat 50% 0 fixed;}
	.bg5 {background:url(/images/layout/visual5.jpg) no-repeat 50% 0 fixed;}
	.bg6 {background:url(/images/layout/visual6.jpg) no-repeat 50% 0 fixed;}
	.bg7 {background:url(/images/layout/visual7.jpg) no-repeat 50% 0 fixed;}
#wrapper {position:relative; width:100%; min-width:1200px;margin:0 auto;}
#skipNav {position:absolute; left:0; top:0; z-index:60; width:100%;}
#skipNav a	{position:absolute; left:0; top:-100px; display:block; width:100%; padding:10px 0; font-size:1.3em; line-height:1.5em; color:#fff; text-align:center; z-index:200; background:#817366;}
#skipNav a:active, #skipNav a:focus {top:0;}
#header {position:absolute; left:0; top:0; right:0; z-index:30;}
#header .logo {display:block;position:relative; height:78px; padding-top:28px;}
#header .logo a {overflow:hidden; display:block; width:201px; height:0; padding-top:53px; margin:0 auto; background:url(/images/layout/logo.png) no-repeat 0 0;}
#header.on .logo a{width:181px; padding-top:47px; background:url(/images/layout/logo2.png) no-repeat 0 0;}
#header .cate {display:none;}
#gnb {position:relative; text-align:center;}
#gnb:after {content:""; position:absolute; left:0; right:0; top:0; height:1px; z-index:1; background:#b0b0b0; opacity:.2; filter:alpha(opacity=20);}
#gnb >ul {display:table; margin:0 auto;}
#gnb >ul >li {position:relative; z-index:1; display:table-cell; padding:0 26px; line-height:1em; color:#fff; vertical-align:top;}
#gnb >ul >li p {padding:0 30px; margin:0 -30px;}
#gnb >ul >li p a {display:block; height:44px; padding:36px 17px 0; font-family:notob; color:#fff; text-align: center;}
#gnb >ul >li p a:focus, #gnb >ul >li p a:hover {color:#fff;}
#gnb >ul >li ul {display:none; padding:10px 13px 60px 13px;}
#gnb >ul >li li {margin-top:20px; text-align:left; line-height:20px;}
#gnb >ul >li li a {color:#fff !important;}
#gnb >ul >li.on p a, #gnb li a:hover, #gnb >ul >li p a:focus {color:#164b71;}
#header .util {position:absolute; right:34px; top:48px;}
#header .util li {position:relative; overflow:hidden; display:inline-block; margin-left:12px; line-height:19px;}
#header .util li.qna {padding-right:16px;}
#header .util li.qna:after {content:""; position:absolute; right:0; top:50%; width:1px; height:14px; margin-top:-7px; background:#9d9c9a;}
#header .util li.qna a {position:relative; padding-left:27px; color:#9d9d9c;}
#header .util li.qna a:before {content:""; position:absolute; left:0; top:50%; width:17px; height:18px; margin-top:-9px; background:url(/images/layout/ico_qna.png) no-repeat 0 0;}
#snb {padding-top:500px;}
#snb .cate {height:90px; margin-top:-90px; text-align:center;}
#snb .nav {position:relative; height:100px; border-bottom:1px solid #e6e6e6; text-align:center; background:#fff;}
#snb .nav li {display:inline-block; padding:45px 50px 0; line-height:1em; }
#snb .nav li a {font-family:'notor'; color:#b0b0b0;}
#snb .nav li.on a, #snb .nav li a:hover, #snb .nav li a:focus {font-family:notor; color:#164b71;}
.gnbFix #header .logo,
.snbFix #header .logo	{ opacity:1;filter:alpha(opacity=100); }
.snbFix #snb .cate {margin-bottom:101px;}
.snbFix #snb .nav {position:fixed; left:0; right:0; top:60px; z-index:20;}
#container {position:relative; z-index:10; padding-bottom:180px; background:#fff;}
#container img {max-width:100%;}
#footer {position:relative; z-index:10; padding:50px 0 40px; background:#242830;}
#footer .wrap {position:relative; max-width:1200px; margin:0 auto;}
#footer .wrap:after {content:""; display:block; clear:both;}
#footer .logo {position:absolute; left:14px; top:-2px;}
#footer .wrap .navArea {margin-left:193px;}
#footer .wrap .navArea .nav	{float:left; font-family:notob;*zoom:1;}
#footer .wrap .navArea:after {content:""; display:block; clear:both;}
#footer .wrap .navArea .nav li {float:left; line-height:1em;}
#footer .wrap .navArea .nav li a {color:#b0b0b0;}
#footer .wrap .navArea .nav li.point a {font-family:notob; color:#fff;}
#footer .wrap .navArea .nav li +li {position:relative; padding-left:28px; margin-left:27px;}
#footer .wrap .navArea .nav2 li:first-child	{position:relative; padding-left:28px; margin-left:27px; }
#footer .wrap .navArea .nav2 li:first-child:before,
#footer .wrap .navArea .nav li +li:before {content:""; position:absolute; left:0; top:50%; width:1px; height:12px; margin-top:-6px; background:#45484f;}
#footer .wrap .navArea .global { clear:both;position:relative; width:192px;padding:15px 0 0; }
#footer .wrap .navArea .global .tit a {display:block; height:28px; padding-left:10px; text-indent:-30000em; background:#3a3e45 url(/images/layout/txt_jp.png) no-repeat 8px 50%;}
#footer .wrap .navArea .global ul {display:none; position:absolute; left:0; right:0; top:28px; background:#3a3e45;}
#footer .wrap .navArea .global li {padding-left:10px; font-size:12px; line-height:28px;}
#footer .wrap .navArea .global li a {color:#b0b0b0;}
#footer .wrap .ccm {position:absolute; right:0; top:0;}
#footer .wrap .ccm img {width:60px;}
#footer address {display:block; margin:25px 0 0 193px; color:#99999a; font-size:15px; line-height:1em; font-style:normal;}
#footer .copy {margin:10px 0 0 193px; font-size:13px; line-height:1em; color:#99999a;}
#footer .family {float:right;}

#wrapper.gnbFix #header {position:fixed; padding-top:0;}
#wrapper.gnbFix #header .logo {position:absolute; left:17px; top:12px; z-index:20; height:35px; padding-top:0;}
#wrapper.gnbFix #header .logo a {width:188px; background-image:url(/images/layout/logo2.png);}
#wrapper.gnbFix #gnb {padding-top:0;}
#wrapper.gnbFix #gnb:before {content:""; position:absolute; left:0; right:0; top:0; height:80px; background:#fff;}
#wrapper.gnbFix #gnb:after {top:80px;}
#wrapper.gnbFix #gnb >ul >li p a {height:44px; color:#222;}
#wrapper.gnbFix #gnb >ul >li.on a, #header.scroll .gnb >ul >li a:hover, #header.scroll .gnb >ul >li a:focus {color:#164b71;}
#wrapper.gnbFix .util {top:34px;}
#wrapper.gnbFix .util li.qna a {color:#444;}
#wrapper.gnbFix .util li.qna a:before {background-position-y:100%;}
#wrapper.onSnb #gnb:before {opacity:0; filter:alpha(opacity=0);}

#header.on {background:#164b71;}
#header.on .logo {background:#fff;}
#header.on #gnb:before {content:""; position:absolute; left:0; right:0; top:0; height:80px; background:#fff;}
#header.on #gnb >ul >li {text-align:left;}
#header.on #gnb >ul >li p {background:#fff;}
#header.on #gnb >ul >li p a,  #header.on #gnb >ul >li.on p a {color:#222;}
#header.on #gnb >ul >li ul {display:block;}
#header.on #gnb >ul >li.on {background:#0d3b5c;}

.contTypeA {max-width:1200px; margin:0 auto; box-sizing:border-box;}
.contTypeB {background:#f7f7f7;}
.contTypeB >.wrap {max-width:1200px; margin:0 auto;}

@media only screen and (max-width:1200px){
	#wrapper.gnbFix #header .logo,
	#wrapper.onSnb #header .logo	{ opacity:0;filter:alpha(opacity=0); }
}