@charset "utf-8";

/*------------------------------------------------------------------------------

[ファイル名]footer.css

[概要]div#footer 内包要素レイアウト用

[目次]
・clearFix／画像代替／非表示部

------------------------------------------------------------------------------*/



/*------------------------------------------------------------------------------

clearFix

------------------------------------------------------------------------------*/
div#copyrightVer2:after,
div#footerNavFrame:after,
ul#footerNav:after,
div#businessHourFrame:after,
div#footer div.inner:after,
div#footer div.vcard:after
{
display: block;
visibility: hidden;
clear: both;
height: 0;
line-height: 0;
content: ".";
}

/* Win IE7 */
*:first-child + html div#copyrightVer2,
*:first-child + html div#footerNavFrame,
*:first-child + html ul#footerNav,
*:first-child + html div#businessHourFrame,
*:first-child + html div#footer div.inner,
*:first-child + html div#footer div.vcard
{
min-height: 1%;
}
/* End Win IE7 */

/* Win IE6 \*/

* html div#copyrightVer2,
* html div#footerNavFrame,
* html ul#footerNav,
* html div#businessHourFrame,
* html div#footer div.inner,
* html div#footer div.vcard
{
height: 1%;
}
/* End Win IE6 */

/* Mac IE\*//*/
div#footer div.inner,
div#footer div.vcard
{
display: inline-table;
}
/* End Mac IE */



/*------------------------------------------------------------------------------

テキスト画像代替

------------------------------------------------------------------------------*/
ul#footerNav li a,
div#copyright p,div#copyrightVer2 p,
p#anchorTop a,
p#bannerMitsui a,
p#bannerMitsui2 a,
p#bannerAndEarth a
{
display: block;
margin: 0;
padding: 0;
text-indent: -10000px;
text-decoration: none;
/*\*/
overflow: hidden;
/* */
}



/*------------------------------------------------------------------------------

非表示部

------------------------------------------------------------------------------*/
div#footer div.vcard address.adr span
{
position: absolute;
top: -9999px;
left: -9999px;
z-index: -9999;
width: 0;
height: 0;
overflow: hidden;
}



/*------------------------------------------------------------------------------

div#footer div.inner

------------------------------------------------------------------------------*/
div#footer div.inner {
/*width: 872px;  << del20130927*/
width: 910px; /*add20130927*/
margin: 0 auto;
text-align: left;
}



/*------------------------------------------------------------------------------

p#anchorTop

------------------------------------------------------------------------------*/
p#anchorTop{
float: right;
width: 101px;
height: 25px;
margin-top: 3px;
background: url(../../images/common/anchor_top_ov.png) no-repeat scroll left top;
}

p#anchorTop a{
width: 101px;
height: 25px;
/*background: url(../../images/common/anchor_top.gif) no-repeat scroll left top; */
background: url(../../images/common/anchor_top.png) no-repeat scroll left top;
}

p#anchorTop a:hover{
background-image: none;
}



/*------------------------------------------------------------------------------

ul#footerNav

------------------------------------------------------------------------------*/
ul#footerNav{
width: 760px;
/*padding-top: 6px; */
padding-top: 3px;
}

/*
* html ul#footerNav{
height: 43px;
}
*/

ul#footerNav li{
float: left;
height: 25px;
background: no-repeat scroll left top;
}

ul#footerNav li a{
height: 25px;
background: no-repeat scroll left top;
}

/*----- li 横幅／マウスオーバー時画像指定 -----*/
ul#footerNav li#footerNavNotice{
width: 163px;
background-image: url(../../images/common/footer_nav_notice_ov.gif);
}

ul#footerNav li#footerNavNotice2{
width: 152px;
background-image: url(../../images/common/footer_nav_notice2_ov.gif);
}


ul#footerNav li#footerNavPrivacy{
width: 130px;
background-image: url(../../images/common/footer_nav_privacy_ov.gif);
}

ul#footerNav li#footerNavPrivacy2{
width: 182px;
background-image: url(../../images/common/footer_nav_privacy2_ov.gif);
}

ul#footerNav li#footerNavCompany{
width: 86px;
background-image: url(../../images/common/footer_nav_company_ov.gif);
}



ul#footerNav li#footerNavInquiry{
width: 95px;
background-image: url(../../images/common/footer_nav_inquiry_ov.gif);
}

ul#footerNav li#headerNavSitemap2{
width: 86px;
background-image: url(../../images/common/footer_nav_sitemap_ov.gif);
}






/*----- li a 横幅／通常時画像指定 -----*/
ul#footerNav li#footerNavNotice a{
width: 163px;
background-image: url(../../images/common/footer_nav_notice.gif);
}

ul#footerNav li#footerNavNotice2 a{
width: 152px;
background-image: url(../../images/common/footer_nav_notice2.gif);
}

ul#footerNav li#footerNavPrivacy a{
width: 130px;
background-image: url(../../images/common/footer_nav_privacy.gif);
}

ul#footerNav li#footerNavPrivacy2 a{
width: 182px;
background-image: url(../../images/common/footer_nav_privacy2.gif);
}

ul#footerNav li#footerNavCompany a{
width: 86px;
background-image: url(../../images/common/footer_nav_company.gif);
}



ul#footerNav li#footerNavInquiry a{
width: 95px;
background-image: url(../../images/common/footer_nav_inquiry.gif);
}

ul#footerNav li#headerNavSitemap2 a{
width: 86px;
background-image: url(../../images/common/footer_nav_sitemap.gif);
}







/*----- ロールオーバー指定 -----*/
ul#footerNav li#headerNavSitemap2 a:hover,
ul#footerNav li#footerNavInquiry a:hover,
ul#footerNav li#footerNavNotice2 a:hover,
ul#footerNav li#footerNavNotice a:hover,
ul#footerNav li#footerNavPrivacy a:hover,
ul#footerNav li#footerNavPrivacy2 a:hover,
ul#footerNav li#footerNavCompany a:hover,
ul#footerNav li#footerNavNotice a:active,
ul#footerNav li#footerNavPrivacy a:active,
ul#footerNav li#footerNavPrivacy2 a:active,
ul#footerNav li#footerNavCompany a:active{
background-image: none;
}



div#footerNavFrame{
width: 100%;
height: 32px;
/*border: 1px solid green; */
}

* html div#footerNavFrame{
height: 34px;
}

/*------------------------------------------------------------------------------

div.vcard

------------------------------------------------------------------------------*/

div#businessHourFrame {
/*width: 872px;  << del20130927*/
width: 910px; /*add20130927*/
min-height: 34px;
}

#businessHourFrame dl {
font-size: 100%;
padding-top: 10px;
padding-top: 15px;
}

#businessHourFrame dt {
width: 90px;
padding-top: 5px;
float: left;
clear: both;
}

#businessHourFrame dd {
font-size: 75%;
font-weight: bold;
line-height: 20px;
line-height: 1.5;
margin-bottom: 0.75em;
}

#businessHourFrame dd span {
font-size: 90%;
font-weight: normal;
}


 div#businessHourFrame p#businessHourNotice{
float: right;
width: 350px;
height: 32px;
background: url(../../images/footer_notice.gif) no-repeat scroll right top;
}



p#businessHour{
float: left;
width: 450px;
padding-top: 10px;
padding-left: 5.3em;
line-height: 1.35em;
font-size: 60%;
text-indent: -5.3em;
/* border: 1px solid red; */
}

div#vcardFrame{
float: left;
/*width: 540px;*/
}



/*------------------------------------------------------------------------------

div.vcard

------------------------------------------------------------------------------*/
div#footer div.vcard{
clear: right;
}

div#footer div.vcard p#siteIdSmall{
float: left;
width: 85px;
height: 47px;
}

div#footer div.vcard p#siteDescription{
float: left;
max-width: 400px;
line-height: 1.25em;
padding-top: 3px;
padding-bottom: 5px;
color: #333333;
font-size: 70%;
}


div#footer div.vcard address.adr{
float: left;
width: 260px;
height: 44px;
background: url(../../images/common/adr4.gif) no-repeat bottom left;


}



/*------------------------------------------------------------------------------

p#bannerMitsui

------------------------------------------------------------------------------*/
p#bannerMitsui,
p#bannerMitsui a{
width: 162px;
height: 30px;
}

p#bannerMitsui{
float: right;
}

p#bannerMitsui a{
background: url(../../images/common/banner_mitsui.gif) no-repeat scroll left top;
}



/*------------------------------------------------------------------------------

div#copyright

------------------------------------------------------------------------------*/
div#copyright,
div.copyright{
width: 100%;
height: 19px;
background: url(../../images/common/copyright_bg.gif) repeat-x scroll left top;
}

div#copyright p,
div.copyright div{
width: 872px;
height: 19px;
margin: 0 auto;
background: url(../../images/common/copyright.gif) no-repeat scroll center top;
}



/*------------------------------------------------------------------------------

新フッター用に上書き

------------------------------------------------------------------------------*/
div#footer div.vcard p#siteIdSmall {
width: 80px;
margin-top: 2px;
}

div#footer div.vcard p#siteDescription {
font-size: 10px;
/*width: 160px;  << del20130927*/
width: 180px; /*add20130927*/
margin-top: 2px;
}

div#vcardFrame p {
font-size: 80%;
color: #725F52;
}

div#vcardFrame p span {
font-size: 85%;
}


/*------------------------------------------------------------------------------

p#bannerMitsui2

------------------------------------------------------------------------------*/
div#bannerMitsui2Frame{
float: right;
/*width: 250px;*/
margin-top: 3px;
}

p#bannerMitsui2{
float: right;
margin-top: 5px;
}

p#bannerMitsui2,
p#bannerMitsui2 a{
/*width: 162px; */
width: 257px;
height: 38px;
}

p#bannerMitsui2 a{
background: url(../../images/common/banner_mitsui_mini2.gif) no-repeat scroll 0px -2px;
}

p#bannerMitsui2 a.outerLink{
width: auto; height: auto;
margin-top: -5px;
background: none;
text-align: center;
}

p#bannerAndEarth a.outerLink span.outerLink,
p#bannerMitsui2 a.outerLink span.outerLink{
/*font-size: 65%; */
font-size: 60%;
}



p#bannerAndEarth{
float: left;
width: 130px;
height: 27px;
margin: 0 0;
text-align: center;
}

p#bannerAndEarth a{
margin: 0 auto;
width: 170px;
height: 39px;
background: url(../../images/common/banner_and_earth_mini3.gif) no-repeat scroll top left;
}

p#bannerAndEarth .outerLink{
width: 100%;
background-image: none;
white-space: nowrap;
}


/*------------------------------------------------------------------------------

div#vcardVer2

------------------------------------------------------------------------------*/
div#footer div#vcardVer2 {
min-height: 62px;
margin-top: 2px;
/*padding-top: 4px;*/
padding-top: 14px;
border-top: 1px solid #eeeeee;
border-bottom: 1px solid #eeeeee;
}

* html div#footer div#vcardVer2 {
/*height: 65px;*/
height: 62px;
}



/*------------------------------------------------------------------------------

div#copyrightVer2

------------------------------------------------------------------------------*/
div#copyrightVer2,
div.copyrightVer2{
width: 100%;
height: 30px;
background-color: #fff;
/*background: #000 url(../../images/common/copyright_bg.gif) repeat-x scroll 0px 20px; */

}

div#copyrightVer2 p,
div.copyrightVer2 div{
width: 872px;
height: 25px;
margin: 0 auto;
background: url(../../images/common/copyright_2.gif) no-repeat scroll center top;
}