@charset "utf-8";

#header > nav > section.news > h1 > a {border-color:#000000; color:#000000;}

#body > nav {float:left; width:205px; margin:0 0 40px;}
#body > nav > h1 {width:920px; height:30px; padding:55px 0; background:#fff no-repeat; font:bold 28px/30px serif;}
#body > nav > h1 > a {display:inline-block; margin:-20px; padding:20px; text-decoration:none;}
#body > nav > h1 small {}
#body > nav > h1 small + small {display:none;}
#body > nav > h1 small + small:before {}
#body > nav > h1 b {display:none; font-weight:inherit;}
#body > nav > ul {margin:-50px 0 0;}
#body > nav > ul > li {margin:50px 0 0; border-top:2px solid #464646;}
#body > nav > ul > li > b {display:block; padding:15px 0; font-size:14px; font-weight:bold;}
#body > nav > ul > li > ul {border-top:1px solid #e5e5e5;}
#body > nav > ul > li > ul li {padding:15px 0; font-size:14px;}
#body > nav > ul > li > ul li > a {display:block; margin:-15px 0; padding:15px 0; border-bottom:1px solid #e5e5e5; text-decoration:none;}
#body > nav > ul > li > ul > li > ul {margin:15px 0 -15px;}
#body > nav > ul > li > ul > li > ul > li {}
#body > nav > ul > li > ul > li > ul > li > a {position:relative; padding-left:15px;}
#body > nav > ul > li > ul > li > ul > li > a::after {
	display:block; content:"\e609"; position:absolute; left:-4px; top:50%; margin:-0.55em 0 0; font:14px/1 icons; text-align:center;}
#body > nav > ul > li > ul li.selected > a {border-bottom-color:#464646;}
#body > nav > ul > li.top {display:none;}

#main {float:right; width:685px; margin:140px 0 40px;}

#main > footer {margin:70px 0 0;}
#main > footer > nav {position:relative; padding:0 8em; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; font-size:15px; text-align:center;}
#main > footer > nav > a, 
#main > footer > nav > span {display:inline-block; padding:1.2em 0.5em;}
#main > footer > nav > a {text-decoration:none;}
#main > footer > nav > span {}
#main > footer > nav > span.current {font-weight:bold;}
#main > footer > nav > a.prev, 
#main > footer > nav > a.next {position:absolute;}
#main > footer > nav > a.prev::after, 
#main > footer > nav > a.next::after {display:block; position:absolute; top:50%; margin:-0.5em 0 0; font:14px/1 icons;}
#main > footer > nav > a.prev {left:0;  padding-left:22px;}
#main > footer > nav > a.prev::after {content:"\e90b"; left:0;}
#main > footer > nav > a.next {right:0; padding-right:22px;}
#main > footer > nav > a.next::after {content:"\e909"; right:0;}

#body > footer {margin-top:0;}
#body > footer > .sitemap, 
#body > footer > .sitemap .about, 
#body > footer > .sitemap .about ul > li {display:block;}

/** by language **/
#body > nav > h1 {
	font-weight:normal; font-family:"century-old-style-std", serif;}
html:lang(ja) #body > nav > h1 {
	font-family:NIS_SMS5, "ヒラギノ明朝 W6", "Hiragino Mincho W6", "游明朝体", "Yu Mincho", serif;}


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

#body {overflow:visible;}

#body > footer > .sitemap div > ul {display:block;}

#body > nav {float:none; width:100%; min-width:320px; margin:0; overflow:hidden;}
#body > nav > h1 {
	width:auto; height:50px; position:relative; z-index:1; padding:17px 50px 0 20px; border-bottom:1px solid #e5e5e5; box-sizing:border-box; 
	font-size:15px; line-height:1.2; overflow:hidden;}
#body > nav > h1 > a {display:block; height:50px; margin:-17px -50px 0 -20px; padding:17px 50px 0 20px; box-sizing:border-box;}
#body > nav > h1 small, 
#body > nav > h1 b     {position:relative; top:-12px;}
#body > nav > h1 small {font-size:7px; line-height:1.2;}
#body > nav > h1 small + small {display:inline-block; text-transform:none;}
#body > nav > h1 small + small:before {display:inline-block; content:" | "; padding:0 5px 0 0; font:normal 7px/1 sans-serif;}
#body > nav > h1 b {display:block; line-height:1.2;}
#body > nav > ul {display:block; position:static; margin:-1px 0 0; padding:0 20px; background:#fff; border-top:none; border-right:none; border-bottom:1px solid #e5e5e5; font-size:12px;}
#body > nav > ul > li {display:block; margin:10px 0 0; border-top:none; border-bottom:1px solid #e5e5e5;}
#body > nav > ul > li:first-child {margin-top:0;}
#body > nav > ul > li:last-child {border-bottom:none;}
#body > nav > ul > li > a {display:block; position:relative; margin:0 -20px; padding:15px 20px; font-size:inherit; text-decoration:none;}
#body > nav > ul > li > a::after {display:block; content:"\e601"; position:absolute; right:20px; top:50%; margin:-0.5em 0 0; color:#4b4b4b; font:16px/1 "icons";}
#body > nav > ul > li > b {display:block; margin:0 -20px; padding:10px 20px; font-size:10px;}
#body > nav > ul > li > ul {border:none;}
#body > nav > ul > li > ul > li {padding:0; border-top:1px solid #e5e5e5; font-size:inherit;}
#body > nav > ul > li > ul > li > a, 
#body > nav > ul > li > ul > li > span {
	display:block; min-width:0; height:auto; position:relative; margin:0 -20px; padding:15px 45px 15px 20px; border:none; 
	text-align:left; vertical-align:middle; text-decoration:none;}
#body > nav > ul > li > ul > li > a::after {display:block; content:"\e601"; position:absolute; right:20px; top:50%; margin:-0.5em 0 0; color:#4b4b4b; font:16px/1 "icons";}
#body > nav > ul > li > ul > li > span {}
#body > nav > ul > li > ul > li > ul {margin:-10px 0 0; padding:0 0 0 20px; text-align:left; letter-spacing:normal;}
#body > nav > ul > li > ul > li > ul > li {display:block; padding:10px 0; border-right:none; border-top:1px solid #e5e5e5; text-align:left;}
#body > nav > ul > li > ul > li > ul > li:first-child {border-left:none; border-top:none;}
#body > nav > ul > li > ul > li > ul > li > * {height:auto; position:relative; margin:-10px 0; padding:10px 0 10px 15px; border-bottom:none; font-size:12px; line-height:1.2;}
#body > nav > ul > li > ul > li > ul > li > a::after	{display:block; content:"\e601"; position:absolute; left:0; top:50%; margin:-0.7em 0 0; color:#4b4b4b; font:12px/1 "icons";}
#body > nav > ul > li > ul > li > ul > li > a:hover {}
#body > nav > ul > li > ul > li > ul > li > span {}
#body > nav > ul > li.top {display:block;}

#main {float:none; width:auto; margin:0; padding:20px 20px 0;}

#main > footer {margin:25px 0 0;}
#main > footer > nav {padding:0;}
#main > footer > nav::after {display:block; content:""; clear:both; height:0;}
#main > footer > nav > a, 
#main > footer > nav > span {display:none;}
#main > footer > nav > a {}
#main > footer > nav > span {}
#main > footer > nav > span.current {}
#main > footer > nav > a.prev, 
#main > footer > nav > a.next {display:block; position:relative;}
#main > footer > nav > a.prev::after, 
#main > footer > nav > a.next::after {}
#main > footer > nav > a.prev {float:left;}
#main > footer > nav > a.prev::after {}
#main > footer > nav > a.next {float:right;}
#main > footer > nav > a.next::after {}

#body > footer {margin-top:30px;}
#body > footer > .sitemap, 
#body > footer > .sitemap .about, 
#body > footer > .sitemap .about ul > li {}

/** by language **/
#body > nav > h1 {}
html:lang(ja) #body > nav > h1 {}

}