@charset "shift-jis";

/* ===== clearfix ===== */
#header ul:after, #footer ul:after, #nav_global:after, #bread-crumbs:after,
.nav_local_top ul:after, .nav_local_bot ul:after, ul.nav_sub:after
{content: "."; display: block; clear: both; visibility: hidden; height: 0;}

#header, #footer, #nav_global, #bread-crumbs,
.nav_local_top ul, .nav_local_bot ul, ul.nav_sub {zoom: 1; clear: both;}

/* ===== ナビリセット ===== */
.nav_local_top ul, .nav_local_top li,
.nav_local_bot ul, .nav_local_bot li,
.ul.nav_sub, ul.nav_sub li,
#bread-crumbs, #bread-crumbs li,
#header ul, #header li,
#footer ul, #footer li,
#nav_global, #nav_global li {list-style: none; margin: 0; padding: 0; zoom: 1;}

/* --- ヘッダ --- */
#header {background-color: #fff;}
#header .header_wrap {width: 990px; margin: 0 auto;}
#header .header_logo {display: block; margin-top: 15px; float: left;}
#header .header_nav {text-align: right; font-size: 80%; padding: 6px 10px 12px 0;}

#header a,
#header a:visited {text-decoration: none; color: #000; white-space: nowrap; outline: none;}

#header .header_bridge span.header_cullent {color: #004EA2;}
#header .header_bridge span.header_cullent,
#header .header_bridge a:hover {color: #004EA2; border-bottom: 2px solid #004EA2;}

#header .header_bridge a.ntteast {border-bottom: none; margin-left: 15px;}
#header .header_bridge a.ntteast:hover {border-bottom: none; margin-left: 15px;}
#header .header_bridge a.ntteast img {vertical-align: middle;}

#header .facet_serch {margin-top: 5px;}
#header .facet_serch .serch_btn {vertical-align: top; *margin-top: 1px; border-radius: 0;}
#header .facet_serch .txtimput {margin-left: 6px; padding: 2px 4px; font-size: 12px; width: 150px; height: 18px; color: #999;
font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', 'hirakakupro-w3', 'ＭＳ Ｐゴシック', sans-serif;}
#header .facet_serch .txtimput:focus {color: #000;}
#header .rad {border-right: none;
border-radius: 4px 0 0 4px;
-moz-border-radius: 4px 0 0 4px;
-webkit-border-radius: 4px 0 0 4px;}

#header .facet_serch a:hover {text-decoration: underline; color: #0099FF;}
#header fieldset {display: inline; border: none;}
#header legend {display: none; }


/* --- フッタ --- */
#footer li {float: left;}
#footer {padding: 15px 0; text-align: center; font-size: 80%;}
#footer ul {display: inline-block; *display: inline;}
#footer .copyright {color: #666;}
#footer li {margin-right: 8px; padding: 1px 8px 0 0; line-height: 120%; border-right: solid 1px #999;}
#footer a {color: #666; text-decoration: none; white-space: nowrap;}
#footer a:hover {text-decoration: underline;}


/* === ブレットコラム === */
ol#bread-crumbs {height: 25px; margin: 10px 20px 0; font-size: 80%; overflow: hidden; line-height: 130% !important;}
ol#bread-crumbs li {float: left; margin: 0 0.5em 0 0; padding-left: 1em; background: url(/shared/images/arrow_bread.gif) 0.25em center no-repeat; line-height: 130% !important;}
ol#bread-crumbs li.home {padding-left: 0px; background: none;}
ol#bread-crumbs a {color: #09f; text-decoration: none;}
ol#bread-crumbs a:visited {color: #09f}
ol#bread-crumbs a:hover {color: #09f; text-decoration: underline;}


/* === グローバルナビ === */
#nav_global li, .nav_local_top li {float: left;}
#nav_global {overflow: hidden; height: 45px;}
#nav_global a, .nav_local_top a {outline: none;}
#nav_global a {background: url(/shared/images/nav_global.png) no-repeat top; width: 170px; height: 45px; display: block; padding-top: 50px;}

#nav_global a.gn_hom {width: 140px; background-position: left top;}
#nav_global a.gn_hom:hover ,
body.gn_hom #nav_global a.gn_hom {background-position: left -50px;}

#nav_global a.gn_hik {background-position: -140px top;}
#nav_global a.gn_hik:hover,
body.gn_hik #nav_global a.gn_hik {background-position: -140px -50px}

#nav_global a.gn_sty {background-position: -310px top;}
#nav_global a.gn_sty:hover,
body.gn_sty #nav_global a.gn_sty {background-position: -310px -50px}

#nav_global a.gn_ser {background-position: -480px top;}
#nav_global a.gn_ser:hover,
body.gn_ser #nav_global a.gn_ser {background-position: -480px -50px}

#nav_global a.gn_fmc {background-position: -650px top;}
#nav_global a.gn_fmc:hover,
body.gn_fmc #nav_global a.gn_fmc {background-position: -650px -50px}

#nav_global a.gn_sup {background-position: right top;}
#nav_global a.gn_sup:hover,
body.gn_sup #nav_global a.gn_sup {background-position: right -50px}


/* === ローカルナビ上部 === */
.nav_local_top ul {height: 55px; margin-bottom: 20px; width: 100%; overflow: hidden;}
.nav_local_top ul a {height: 55px; display: block; padding-top: 60px; background-repeat: no-repeat;}

/* --- 950px用 --- */
.nav_local_top ul.nav_local05 a {width: 190px;}
.nav_local_top ul.nav_local06 a {width: 158px;}
.nav_local_top ul.nav_local06 li.ln06 a {width: 160px;} /* 端数合わせ（+2px） */
.nav_local_top ul.nav_local07 a {width: 136px;}
.nav_local_top ul.nav_local07 li.ln07 a {width: 134px;} /* 端数合わせ（-2px） */
.nav_local_top ul.nav_local08 a {width: 119px;}
.nav_local_top ul.nav_local08 li.ln08 a {width: 117px;} /* 端数合わせ（-2px） */


/* 5個場合 */
.nav_local_top .nav_local05 .ln01 a {background-position: left   top;}
.nav_local_top .nav_local05 .ln02 a {background-position: -190px top;}
.nav_local_top .nav_local05 .ln03 a {background-position: -380px top;}
.nav_local_top .nav_local05 .ln04 a {background-position: -570px top;}
.nav_local_top .nav_local05 .ln05 a {background-position: -760px top;}

body.ln01 .nav_local_top .nav_local05 .ln01 a,
.nav_local_top .nav_local05 .ln01 a:hover {background-position: left   -60px;}
body.ln02 .nav_local_top .nav_local05 .ln02 a,
.nav_local_top .nav_local05 .ln02 a:hover {background-position: -190px -60px;}
body.ln03 .nav_local_top .nav_local05 .ln03 a,
.nav_local_top .nav_local05 .ln03 a:hover {background-position: -380px -60px;}
body.ln04 .nav_local_top .nav_local05 .ln04 a,
.nav_local_top .nav_local05 .ln04 a:hover {background-position: -570px -60px;}
body.ln05 .nav_local_top .nav_local05 .ln05 a,
.nav_local_top .nav_local05 .ln05 a:hover {background-position: -760px -60px;}

/* 6個場合 */
.nav_local_top .nav_local06 .ln01 a {background-position: left   top;}
.nav_local_top .nav_local06 .ln02 a {background-position: -158px top;}
.nav_local_top .nav_local06 .ln03 a {background-position: -316px top;}
.nav_local_top .nav_local06 .ln04 a {background-position: -474px top;}
.nav_local_top .nav_local06 .ln05 a {background-position: -632px top;}
.nav_local_top .nav_local06 .ln06 a {background-position: -790px top;}

body.ln01 .nav_local_top .nav_local06 .ln01 a,
.nav_local_top .nav_local06 .ln01 a:hover {background-position: left   -60px;}
body.ln02 .nav_local_top .nav_local06 .ln02 a,
.nav_local_top .nav_local06 .ln02 a:hover {background-position: -158px -60px;}
body.ln03 .nav_local_top .nav_local06 .ln03 a,
.nav_local_top .nav_local06 .ln03 a:hover {background-position: -316px -60px;}
body.ln04 .nav_local_top .nav_local06 .ln04 a,
.nav_local_top .nav_local06 .ln04 a:hover {background-position: -474px -60px;}
body.ln05 .nav_local_top .nav_local06 .ln05 a,
.nav_local_top .nav_local06 .ln05 a:hover {background-position: -632px -60px;}
body.ln06 .nav_local_top .nav_local06 .ln06 a,
.nav_local_top .nav_local06 .ln06 a:hover {background-position: -790px -60px;}


/* --- 710px用 --- */
.container .nav_local_top ul.nav_local04 a {width: 177px;}
.container .nav_local_top ul.nav_local04 li.ln04 a {width: 179px;} /* 端数合わせ（+2px） */
.container .nav_local_top ul.nav_local05 a {width: 142px;}
.container .nav_local_top ul.nav_local06 a {width: 118px;}
.container .nav_local_top ul.nav_local06 li.ln06 a {width: 120px;} /* 端数合わせ（+2px） */

/* 4個場合 */
.container .nav_local_top .nav_local04 .ln01 a {background-position:   left top;}
.container .nav_local_top .nav_local04 .ln02 a {background-position: -177px top;}
.container .nav_local_top .nav_local04 .ln03 a {background-position: -354px top;}
.container .nav_local_top .nav_local04 .ln04 a {background-position: -531px top;}

body.ln01 .container .nav_local_top .nav_local04 .ln01 a,
.container .nav_local_top .nav_local04 .ln01 a:hover {background-position:   left -60px;}
body.ln02 .container .nav_local_top .nav_local04 .ln02 a,
.container .nav_local_top .nav_local04 .ln02 a:hover {background-position: -177px -60px;}
body.ln03 .container .nav_local_top .nav_local04 .ln03 a,
.container .nav_local_top .nav_local04 .ln03 a:hover {background-position: -354px -60px;}
body.ln04 .container .nav_local_top .nav_local04 .ln04 a,
.container .nav_local_top .nav_local04 .ln04 a:hover {background-position: -531px -60px;}

/* 5個場合 */
.container .nav_local_top .nav_local05 .ln01 a {background-position:   left top;}
.container .nav_local_top .nav_local05 .ln02 a {background-position: -142px top;}
.container .nav_local_top .nav_local05 .ln03 a {background-position: -284px top;}
.container .nav_local_top .nav_local05 .ln04 a {background-position: -426px top;}
.container .nav_local_top .nav_local05 .ln05 a {background-position: -568px top;}

body.ln01 .container .nav_local_top .nav_local05 .ln01 a,
.container .nav_local_top .nav_local05 .ln01 a:hover {background-position:   left -60px;}
body.ln02 .container .nav_local_top .nav_local05 .ln02 a,
.container .nav_local_top .nav_local05 .ln02 a:hover {background-position: -142px -60px;}
body.ln03 .container .nav_local_top .nav_local05 .ln03 a,
.container .nav_local_top .nav_local05 .ln03 a:hover {background-position: -284px -60px;}
body.ln04 .container .nav_local_top .nav_local05 .ln04 a,
.container .nav_local_top .nav_local05 .ln04 a:hover {background-position: -426px -60px;}
body.ln05 .container .nav_local_top .nav_local05 .ln05 a,
.container .nav_local_top .nav_local05 .ln05 a:hover {background-position: -568px -60px;}

/* 6個場合 */
.container .nav_local_top .nav_local06 .ln01 a {background-position:   left top;}
.container .nav_local_top .nav_local06 .ln02 a {background-position: -118px top;}
.container .nav_local_top .nav_local06 .ln03 a {background-position: -236px top;}
.container .nav_local_top .nav_local06 .ln04 a {background-position: -354px top;}
.container .nav_local_top .nav_local06 .ln05 a {background-position: -472px top;}
.container .nav_local_top .nav_local06 .ln06 a {background-position: -590px top;}

body.ln01 .container .nav_local_top .nav_local06 .ln01 a,
.container .nav_local_top .nav_local06 .ln01 a:hover {background-position:   left -60px;}
body.ln02 .container .nav_local_top .nav_local06 .ln02 a,
.container .nav_local_top .nav_local06 .ln02 a:hover {background-position: -118px -60px;}
body.ln03 .container .nav_local_top .nav_local06 .ln03 a,
.container .nav_local_top .nav_local06 .ln03 a:hover {background-position: -236px -60px;}
body.ln04 .container .nav_local_top .nav_local06 .ln04 a,
.container .nav_local_top .nav_local06 .ln04 a:hover {background-position: -354px -60px;}
body.ln05 .container .nav_local_top .nav_local06 .ln05 a,
.container .nav_local_top .nav_local06 .ln05 a:hover {background-position: -472px -60px;}
body.ln06 .container .nav_local_top .nav_local06 .ln06 a,
.container .nav_local_top .nav_local06 .ln06 a:hover {background-position: -590px -60px;}


/* === ローカルナビ下部（共通） === */
.nav_local_bot ul {margin: 35px 0; padding: 5px 10px; text-align: center; background-color: #666; font-size: 80%;
border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}

.nav_local_bot li {display: inline;}
.nav_local_bot li {border-left: solid 1px #fff; margin-left: 1em; padding-left: 1em;}
.nav_local_bot a, .nav_local_bot a:visited, .nav_local_bot a:hover {color: #fff; text-decoration: none;}
.nav_local_bot a:hover {text-decoration: underline;}


/* === アプリ専用 ローカルサブナビ === */
ul.nav_sub {list-style: none; margin: 0 0 15px; padding: 0 0 10px 5px; border-bottom: dotted 1px #ccc;}
ul.nav_sub li {background: url(/shared/images/arrow_link.gif) no-repeat left center; padding-left: 14px; margin: 0 1.5em 6px 0; float: left; line-height: 130%; white-space: nowrap;}
ul.nav_sub li.off {background: url(/shared/images/arrow_link_off.gif) no-repeat left center; color: #ccc;}

ul.nav_sub.anchor li,
ul.nav_sub li.anchor {background: url(/shared/images/arrow_anchor.gif) no-repeat left center;}

/* 一番目の項目のみ左の線とマージンを消す */
.nav_local_bot li:first-child {border: none; margin-left: 0; padding-left: 0;}


/* === ビックフッタ === */
#nav_site {background-color: #f5f6f6; font-size: 11px; line-height: 140%; padding: 5px 0 20px 0;}
#nav_site .nav_global {padding: 1em 0 8px 0; text-align: center; border-bottom: dotted 1px #999;}

#nav_site .clearfix {margin: 0 auto; width: 860px;}

#nav_site dl {float: left; margin-right: 30px; height: 17em;}
#nav_site dt {margin-top: 1em; margin-bottom: 4px;}
#nav_site dd {margin-bottom: 4px; text-indent: -1em; padding-left: 1em;}
#nav_site a {color: #666; text-decoration: none;}
#nav_site a:hover {color: #09f; text-decoration: underline;}
#nav_site dd a:before {content:"・";}

.btn_facet_bot {margin-right: 0; text-align: right; margin-right: 20px;}