@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%;
}

/*20151204
#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: 110px;
}

.headings1Txt {
position: absolute;
color: #bbb;
font-size: 11px !important;
top: 10px;
left: 1px;
}

.headerLogo {
position: absolute;
top: 36px;
left: 0;
}

.headerNav {
position: absolute;
font-size: 93%;
top: 10px;
right: 14px;
}

.headerNav li {
float: left;
}

.headerNav .separate {
background: url(/common/images/lne_vertical_separate.gif) no-repeat right;
padding-right: 10px;
}

.headerNav span {
display: inline-block;
padding-left: 10px;
}

.headerBusinessHours {
position: absolute;
color: #179fdd;
font-size: 93%;
top: 54px;
left: 235px;
}
.headerBusinessHours2 {top: 39px;}

.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;
}
.headerTelNumber2 {
top: 59px;
line-height:1.5;
}

/* Font size change
----------------------------------- */
.fontsizeFunc {
position: absolute;
padding: 13px 0 0 0;
top: 52px;
left: 571px;
width: 198px;
height: 37px;
}

.fontsizeFunc dt {
float: left;
margin-right: 8px;
padding-top: 6px;
line-height: 0;
}

.fontsizeFunc dd {
cursor: pointer;
float: left;
margin-right: 4px;
}

.fontsizeFunc1 {
position: absolute;
padding: 13px 0 0 0;
top: 52px;
right: 0;
width: 130px;
height: 37px;
}

.fontsizeFunc1 dt {
float: left;
margin-right: 8px;
padding-top: 6px;
line-height: 0;
}

.fontsizeFunc1 dd {
cursor: pointer;
float: left;
margin-right: 4px;
}


/* search form
----------------------------------- */
#searchForm {
/*background: url(/common/images/bg_serchform.gif) no-repeat;*/
position: absolute;
width: 231px;
height: 21px;
top: 63px;
right: 35px;
}

#searchFormInner {
position: relative;
top: 0;
left: 25px;
}

#searchText {
position: absolute;
margin: 0;
padding: 0;
border: none;
width: 159px;
height: 17px;
top: 1px;
}

#submitBtn {
position: absolute;
top: 0;
left: 160px;
}

div#searchForm input.gsc-search-button {
color: #fff;
border: 1px solid #179fdd;
background: #179fdd;
}

.gsc-input input.gsc-input {
background: none #fff !important;
}

/* 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;
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;
}

#main-tem02 {
float: left;
width: 710px;
text-align:left;
}

#mainInner-tem02 {
margin: 0 auto;
width: 598px;
}

#contentsColumn02 {
min-height: 400px;
padding-bottom: 30px;
}

#contentsColumn02:after {
content: " ";
clear: both;
display: block;
visibility: hidden;
height: 0;
font-size: 0;
}

#popupContainer #headerInner {
width: 810px;
}

#popupMain {
margin: 0 auto;
width: 810px;
}

/* sidebar
--------------------------------------------- */
#sidebar {
float: right;
width: 218px;
}

.requestBoxA {
background:url(/common/images/bg_sidebar_request_top.jpg) no-repeat top #7db753;
padding-top: 14px;
width: 218px;
}

.requestBoxB {
background:url(/common/images/bg_sidebar_request_bottom.jpg) no-repeat bottom #7db753;
padding-bottom: 14px;
width: 218px;
}

.requestBoxInner {
padding-left: 15px;
}

.requestBoxInner .copy01 {
background:url(/common/images/lne_dot_requestbox.gif) repeat-x bottom;
padding:11px 20px 15px 20px;
width: 149px;
}

.requestBoxInner .copy02 {
width: 149px;
padding:13px 20px 10px 20px;
}

.requestBoxInner .attention01 {
color: #fff;
text-align: center;
font-size: 85%;
width: 189px;
}

.requestBoxInner .attention02 {
background: url(/common/images/ico_telephone_03.jpg) no-repeat 0 0.2em;
color: #fff;
font-weight: bold;
padding-left: 22px;
margin-left: 24px;
}

.qaNavBoxA {
background: url(/common/images/bg_qanav_middle.gif) repeat-y;
}

.qaNavBoxB {
background: url(/common/images/bg_nav_bottom.gif) no-repeat bottom;
padding-bottom:8px;
}

.qaNavBoxB ul li {
background: url(/common/images/lne_horizontail_dot.gif) repeat-x bottom;
display: block;
width: 204px;
margin-left: 1px;
padding-left: 12px;
}

.qaNavBoxB ul li a {
display: block;
padding: 6px 4px;
font-size: 93%;
}

.qaNavBoxB ul li a span {
background: url(/common/images/ico_allow_lev3.gif) no-repeat 0 0.35em;
padding-left: 10px;
}

.listLink {
text-align: right;
width: 197px;
padding-top: 8px;
}

.listLink a span {
background: url("/common/images/ico_allow_lev2.gif") no-repeat scroll 0 0.35em transparent;
display: inline-block;
padding-left: 16px;
font-size: 85%;
}

/* 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: 7px 0 0 1px;
}

#localNavList .linkListLev2 {
border-bottom: 1px solid #dbdbdb;
width: 192px;
padding: 8px 8px 8px 16px;
}

#localNavList .linkListLev2last {
border-bottom: none;
width: 192px;
padding: 8px 8px 0 16px;
}

#localNavList .linkListLev3 {
background: url(/common/images/lne_horizontail_dot.gif) repeat-x bottom;
width: 192px;
padding: 8px 8px 8px 16px;
}

#localNavList .linkListLev3last {
background: none;
width: 192px;
padding: 8px 8px 0 16px;
}

#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
--------------------------------------------- */
/* 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%;
}

/* fatFooter
----------------------------------- */
#fatFooter {
background: url(/common/images/bg_fatfooter.jpg) repeat-x top #f5f5f5;
width: 100%;
}

#fatFooterInner {
margin: 0 auto;
width: 956px;
}

/* request banner
----------------------------------- */
.requestBanner {
background: url(/common/images/lne_horizontail_dot.gif) repeat-x bottom;
padding: 42px 0 27px;
}

.footerRequestBtn {
float: left;
font-size: 93%;
}

.footerBusinessHours {
float: left;
font-size: 93%;
padding: 10px 0 0 14px;
}

.footerTelNumber {
background: url(/common/images/ico_telephone_02.jpg) no-repeat 0 0.7em;
float: left;
font-size: 108%;
padding: 8px 0 0 25px;
padding-left: 25px;
margin-left: 20px;
}

/* directory navigation
----------------------------------- */
#directryNav {
background: url(/common/images/bg_directryNav.gif) repeat-y;
margin: 20px auto 30px auto;
width: 956px;
}

#directryNav .section {
float: left;
padding-left: 15px;
padding-right: 6px;
width: 170px;
}

#directryNav .section li {
font-size: 93%;
}

/* footer navigation
----------------------------------- */
#footerSupplement {
padding-bottom: 20px;
}

.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;
}

#popupFooter {
margin: 0 auto;
width: 810px;
}

.footerDesc {
float: right;
text-align: right;
}

#popupFooter .footerDesc {
color: #068ecc;
margin-bottom: 20px;
}

#popupFooter .btnDefault151BoxInner {padding: 4px;}

.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;
}

