@charset "Shift_JIS";

/* ---------------------------------------------
 Base
--------------------------------------------- */
html,body{
width:100%;
height:100%;
}

/* 20151203 components.cssからFont指定を移行 */
body{
color: #333;
line-height: 1.8;
font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'ＭＳ Ｐゴシック',sans-serif;
}

#container,
#popupContainer {
background: #179fdd;
width:100%;
height:100%;
}

/*20160302
#popupContainer {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small}*/

/* Header
--------------------------------------------- */
/* Header
----------------------------------- */

#header {
border-top:4px solid #179fdd;
background: #fff;
width: 100%;
}
#headerInner {
position: relative;
margin: 0 auto;
width: 956px;
height: 96px;
}

.headings1Txt {
position: absolute;
color: #bbb;
font-size: 85%;
top: 10px;
left: 1px;
}

.headerLogo {
position: absolute;
top: 35px;
left: 71px;
}

.headerMark {
position: absolute;
top: 37px;
left: 0;
}

.groupLogos {
background: url(/common/images/lne_vertical_dot.gif) no-repeat left;
position: absolute;
top: 37px;
left: 303px;
width: 456px;
height: 37px;
padding: 7px 0 0 35px;
}

.groupLogos li {
float: left;
margin-right: 7px;
}

.headerNav {
position: absolute;
font-size: 93%;
top: 10px;
right: 14px;
}

.headerNav span {
display: inline-block;
padding-left: 10px;
background: url(/common/images/ico_allow_lev3.gif) no-repeat 0 0.5em;
}

.headerBusinessHours {
position: absolute;
color: #179fdd;
font-size: 93%;
top: 54px;
left: 235px;
}

.headerTelNumber {
background: url(/common/images/ico_telephone_01.gif) no-repeat 0 0.34em;
position: absolute;
color: #179fdd;
font-size: 108%;
padding-left: 20px;
top: 71px;
left: 235px;
}


/* Font size change
----------------------------------- */
.fontsizeFunc {
background: url(/common/images/lne_vertical_dot.gif) no-repeat left;
position: absolute;
padding: 13px 0 0 52px;
top: 37px;
left: 758px;
width: 198px;
height: 37px;
}

.fontsizeFunc dt {
float: left;
margin-right: 8px;
line-height: 0;
}

.fontsizeFunc dd {
float: left;
margin-right: 4px;
cursor: pointer;
line-height: 0;
}

/* Global Navigation
----------------------------------- */
#gNav {
width: 100%;
background: #fff;
}

#gNavInner {
margin: 0 auto;
width: 956px;
height: 41px;
}

#gNav ul li {
float: left;
}

#gNavInner ul:after {
content: " ";
clear: both;
display: block;
visibility: hidden;
height: 0;
font-size: 0;
}

/* bread crumbs
----------------------------------- */
#breadCrumbs {
width: 100%;
background: #fff;
}

#breadCrumbsInner {
margin: 0 auto;
width: 956px;
}

#breadCrumbsInner ul {
margin: 0 20px 0 20px;
padding-bottom: 20px;
}

#breadCrumbs li {
font-size: 85%;
display: inline;
}

/* contents
----------------------------------- */
#contents {
width: 100%;
background: #fff;
}

#contentsInner {
margin: 0 auto;
width: 956px;
}

#main {
float: left;
width: 710px;
}

#sidebar {
float: right;
width: 218px;
}

#contentsColumn02 {
min-height: 400px;
}

#contentsColumn02:after {
content: " ";
clear: both;
display: block;
visibility: hidden;
height: 0;
font-size: 0;
}

#popupContainer #headerInner {
width: 810px;
}

#popupMain {
margin: 0 auto;
width: 810px;
}

/* Sub navigation
--------------------------------------------- */
/* sub navigation
----------------------------------- */
.selectAreaBox {
background: url(/common/images/bg_selectAreaBox_middle.jpg) repeat-y;
margin-bottom: 12px;
}
.selectAreaBoxInnerTop {
background: url(/common/images/bg_selectAreaBox_top.jpg) no-repeat;
padding: 15px 0 0 15px;
}

.selectAreaBoxInnerBottom {
background: url(/common/images/bg_selectAreaBox_bottom.jpg) no-repeat;
width: 218px;
height: 54px;
}

.selectAreaBoxInnerBottom select {
margin: 10px 0 10px 40px;
width: 150px;
height: 24px;
}

.subnavAttention {
background: url(/common/images/alw_down_01.gif) no-repeat 78px bottom;
padding:12px 0 26px 8px;
margin-bottom: 7px;
}

/* local navigation
----------------------------------- */
#localNavH2Frame01 {
background: url(/common/images/bg_loacalNav_h2_01.jpg) repeat-y;
}

#localNavH2Frame02 {
background: url(/common/images/bg_loacalNav_h2_02.jpg) no-repeat top;
}

#localNav {
background: url(/common/images/bg_loacalNav_02.gif) no-repeat bottom;
padding-bottom: 16px;
margin-bottom: 14px;
}

#localNavInner {
background: url(/common/images/bg_loacalNav_01.gif) repeat-y;
}

#localNavList {
padding-left: 1px;
}

#localNavList .linkListLev2 {
border-bottom: 1px solid #dbdbdb;
width: 210px;
/*padding: 8px 8px 8px 16px;*/
padding: 3px;
}

#localNavList .linkListLev2last {
border-bottom: none;
width: 210px;
/*padding: 8px 8px 0 16px;*/
padding: 3px;
}

#localNavList .linkListLev2 span {
background: none;
display: block;
width: 194px;
padding: 8px;
}

#localNavList .linkListLev2last span {
background: none;
display: block;
width: 194px;
padding: 8px 8px 0 8px;
}

#localNavList .linkListLev2 span.stay,
#localNavList .linkListLev2last span.stay,
#localNavList .linkListLev3 span.stay,
#localNavList .linkListLev3last span.stay {
/*background: #daf1fc;*/
}

#localNavList .linkListLev2 span a,
#localNavList .linkListLev2last span a {
display: inline-block;
padding-left: 16px;
background: url(/common/images/ico_allow_lev2.gif) no-repeat 0 0.4em;
}

#localNavList .linkListLev3 span a,
#localNavList .linkListLev3last span a {
display: inline-block;
padding-left: 16px;
background: url(/common/images/ico_allow_lev3.gif) no-repeat 8px 0.5em;
}

#localNavList .linkListLev3 {
background: url(/common/images/lne_horizontail_dot.gif) repeat-x bottom;
width: 210px;
/*padding: 8px 8px 8px 16px;*/
padding: 3px;
}

#localNavList .linkListLev3last {
width: 210px;
/*padding: 8px 8px 8px 16px;*/
padding: 3px;
}

#localNavList .linkListLev3 span,
#localNavList .linkListLev3last span {
background: none;
display: block;
padding: 8px 8px 8px 8px;
width: 194px;
}

#localNav h2 span {
display: inline-block;
padding-left: 20px;
background: url(/common/images/ico_allow_lev2_white.gif) no-repeat 1.15em 1.4em;
}

#localNav h2 a {
display: block;
padding: 10px;
color: #fff;
font-size:123.1%;
}

#bnrBox {
margin-bottom: 20px;
}

/* Footer
--------------------------------------------- */
/* fatFooter
----------------------------------- */
#fatFooter {
background: url(/common/images/bg_fatFooter.jpg) repeat-x top;
width: 100%;
padding-bottom: 20px;
}

#fatFooterInner {
margin: 0 auto;
width: 956px;

}

.selectAreaBanner {
background: url(/common/images/lne_horizontail_dot.gif) repeat-x bottom;
position: relative;
height: 118px;
margin-bottom: 20px;
}

.selectAreaBanner select {
width: 150px;
height: 24px;
}

.footerAttentionImage {
position: absolute;
top: 37px;
left: 0;
}

.footerAreaSelect {
position: absolute;
top: 47px;
left: 720px;
}

/* directory navigation
----------------------------------- */
#directryNav {
background: url(/common/images/bg_directoryNav.gif) repeat-y;
margin: 0 auto;
width: 956px;
}

#directryNav .section {
float: left;
padding-left: 15px;
padding-right: 6px;
width: 218px;
}

#directryNav .s01 {
width: 205px;
}
#directryNav .s02 {
width: 335px;
}
#directryNav .s03 {
width: 179px;
}
#directryNav .s04 {
width: 153px;
}

#directryNav .section p {
font-size: 100%;
}

#directryNav .section li {
font-size: 93%;
}

#directryNavWrap {
border: 1px solid #f00;
}

#directryNavWrap:after {
content: " ";
clear: both;
display: block;
visibility: hidden;
height: 0;
font-size: 0;
}

/* footer navigation
----------------------------------- */
.footerNav {
margin-top: 30px;
}

.footerNav li {
background: url(/common/images/lne_vertical_gray.gif) no-repeat right;
font-size: 93%;
float: left;
padding-right: 12px;
margin-right: 12px;
}

.footerNav li.last {
background: none;
}

.footerNav:after {
content: " ";
clear: both;
display: block;
visibility: hidden;
height: 0;
font-size: 0;
}

/* Footer
--------------------------------------------- */
/* footer navigation
----------------------------------- */
#footer {
position: relative;
background: #179fdd;
width: 100%;
}

#footerInner {
margin: 0 auto;
padding: 20px 0 18px 0;
width: 956px;
}

#footerInner p {
color: #fff;
font-size: 77%;
}

#popupFooter {
margin: 0 auto;
width: 810px;
}

.footerDesc {
float: right;
text-align: right;
}

#popupFooter .footerDesc {
color: #068ecc;
margin-bottom: 20px;
}

#popupFooter .btnDefault151BoxInner {
padding: 4px;
width: 143px;
}

.popupCloseBox {
margin-left: ;
margin: 45px 329px 40px 329px;
}

.footerDesc dt,
.footerDesc dd {
font-size: 77%;
float: left;
}

#popupContainer #footerInner {
width: 810px;
}


/* pagetop anchor
----------------------------------- */
.pagetopAnchor {
margin: 0 auto;
width: auto;
text-align: right;
padding: 0 0 15px 0;
}

.pagetopAnchor span {
display: inline-block;
padding-left: 16px;
background: url(/common/images/ico_allow_top.gif) no-repeat 0 0.35em;
}