@charset"utf-8";



/* ===========================================
Common Style
=========================================== */

/*Reset*/
*{
margin:0;
padding:0;
}

/*読み上げブラウザ用スキップリンク*/
.skipnav{
 margin: 0;
 padding: 0;
 width: 0;
 height: 0;
 overflow: hidden;
 position: absolute;
}


/*all*/
html{
background:#fff;
}

body{
width:700px;
font-size:80%;
line-height:150%;
color:#333;
margin-left:auto;
margin-right:auto;
}

hr{
display:none;
}

img, a img{
border:none;
}


/*Link--------------------*/
a{
color:#00F;
}

#subHeaderArea a, 
#breadCrumbArea a, 
#localNaviArea a, 
.return  a, 
#footerArea a{
color:#333;
}

#localNaviArea a{
text-decoration:none;
} 

a:visited, 
#subHeaderArea a:visited, 
#breadCrumbArea a:visited, 
#localNaviArea a:visited, 
.return  a:visited,
#footerArea a:visited{
color:#999;
}

a:hover, 
#subHeaderArea a:hover, 
#breadCrumbArea a:hover, 
.return  a:hover, 
#footerArea a:hover{
color:#C00;
}

#localNaviArea a:hover{
text-decoration:underline;
} 

#ContentsArea a:hover img{
filter: alpha(style=0, opacity=70);
}


/*float and align--------------------*/
.floatL {
float:left;
}

.floatR {
float:right;
}

.clear{
clear:both;
}

.center{
text-align:center;
margin-left:auto;
margin-right:auto;
}

.right{
text-align:right;
}

.left{
text-align:left;
}

.vMiddle{
vertical-align: middle;
}



/*Icons--------------------*/

a.inquiry {
background:url(../icon_inquiry.gif) 0 2px no-repeat;
padding-left:14px;
}

a.link {
background:url(../icon_link.gif) 0 2px no-repeat;
padding-left:14px;
}

a.other {
background:url(../icon_wht.gif) 0 2px no-repeat;
padding-left:14px;
}

a.print {
background:url(../icon_print.gif) 0 2px no-repeat;
padding-left:14px;
}

a.sitemap {
background:url(../icon_sitemap.gif) 0 2px no-repeat;
padding-left:14px;
}

a.down {
background:url(../icon_dwn.gif) 0 2px no-repeat;
padding-left:14px;
}

a.outside{
background:url(../icon_out.gif) 0 2px no-repeat;
padding-left:14px;
}

a.close {
background:url(../icon_close.gif) 0 2px no-repeat;
padding-left:14px;
}


/* ===========================================
header Area
=========================================== */

#subHeaderArea {
padding-top:15px;
height:30px;
}

#subHeaderArea .floatR {
float:right;
text-align:right;
}

#subHeaderArea .floatR a {
margin-left:10px;
}

#headerArea {
padding-top:5px;
clear:both;
}

#headerArea ul.headermenu {
list-style-type:none;
margin:0;
padding:0;
}

#headerArea ul.headermenu li {
text-decoration:none;
float:left;
text-indent:-10000px;
}



#headerArea ul.headermenu li a {
display:block;
height:29px;
text-decoration:none;
/*\*/
overflow: hidden;
/**/
}

#headerArea ul.headermenu li#brand a {
background:url(../header_home.gif) 0 0 no-repeat;
width:87px;
}

.brandlist #headerArea ul.headermenu li#brand a {
background-position: 0 -30px;
}

#headerArea ul.headermenu li#shop a {
background:url(../header_home.gif) -87px 0 no-repeat;
width:87px;
}

#headerArea ul.headermenu li#fc a {
background:url(../header_home.gif) -174px 0 no-repeat;
width:89px;
}

.fc #headerArea ul.headermenu li#fc a {
background-position: -174px -30px;
}

#headerArea ul.headermenu li#ir a {
background:url(../header_home.gif) -263px 0 no-repeat;
width:85px;
}

.ir #headerArea ul.headermenu li#ir a {
background-position: -263px -30px;
}

#headerArea ul.headermenu li#job a {
background:url(../header_home.gif) -348px 0 no-repeat;
width:89px;
}

.job #headerArea ul.headermenu li#job a {
background-position: -348px -30px;
}

#headerArea ul.headermenu li#corp a {
background:url(../header_home.gif) -437px 0 no-repeat;
width:87px;
}

.corporate #headerArea ul.headermenu li#corp a,
.top #headerArea ul.headermenu li#corp a{
background-position: -437px -30px;
}

#headerArea ul.headermenu li#eco a {
background:url(../header_home.gif) -524px 0 no-repeat;
width:89px;
}

.eco #headerArea ul.headermenu li#eco a {
background-position: -524px -30px;
}

#headerArea ul.headermenu li#news a {
background:url(../header_home.gif) -613px 0 no-repeat;
width:87px;
}

.news #headerArea ul.headermenu li#news a {
background-position: -613px -30px;
}

#breadCrumbArea {
padding:5px 0 9px 0;
clear:both;
}



/*Fontsize--------------------*/
#fontSizeArea {
text-align:right;
display:inline;
padding-right:10px;
}

#subHeaderArea .floatR #fontSizeArea a {
margin:0;
}
#subHeaderArea .floatR #fontSizeArea img {
margin:2px 2px 0 0;
}


/* ===========================================
localNaviArea
=========================================== */

#localNaviArea {
width:160px;
float:left;
border-top:solid 1px #CCC;
margin-top:16px;
}

#localNaviArea ul {
margin:0;
padding:0;
list-style-type:none;
}

/*Lv1通常*/
#localNaviArea ul li a{
background:url(../icon_link.gif) 5px 15px no-repeat;
padding:10px 0 10px 19px;
display:block;
width:141px;
border-bottom:solid 1px #CCC;
}

#localNaviArea ul li span{
padding:10px 0 10px 4px;
display:block;
width:156px;
border-bottom:solid 1px #CCC;
}

/*別コーナーへのリンク*/
#localNaviArea ul li.other a{
background:url(../icon_wht.gif) 5px 15px no-repeat;
}

/*別サイトへのリンク*/
#localNaviArea ul li.outside a{
background:url(../icon_out.gif) 5px 15px no-repeat;
}

#localNaviArea ul li li.outside a{
background:url(../icon_out.gif) 15px 15px no-repeat;
}

/*Lv2通常*/
#localNaviArea ul li li a{
background:url(../icon_nvlv2.gif) 15px 15px no-repeat;
padding:10px 0 10px 29px;
display:block;
width:131px;
border-bottom:solid 1px #CCC;
}

/*点線の場合*/
#localNaviArea ul li.dotted span, 
#localNaviArea ul li li.dotted a{
border-bottom:dotted 1px #CCC;
}


/* ===========================================
contentsArea
=========================================== */

#ContentsArea{
width:520px;
float:right;
}

#ContentsArea .return a{
background:url(../icon_up.gif) 0 2px no-repeat;
padding-left:14px;
}

#ContentsArea .return{
text-align:right;
padding-top:20px;
}


/* sup, sub */
sup, sub{
	font-size:76%;
	font-family:Verdana;
}

/* text size */
.sizeS{
font-size:86%;
}

.sizeL120{
font-size:120%;
}


/* area size margin padding*/
.w220{
width:220px;
}

.w240{
width:240px;
}

.w280{
width:280px;
}

.w400{
width:400px;
}

.mR20{
margin-right:8px;
}

.mR40{
margin-right:37px;
}

.mT10{
margin-top:10px;
}

.mT20{
margin-top:20px;
}

.mT30{
margin-top:30px;
}

.pT10{
padding-top:10px;
}

.pT20{
padding-top:20px;
}

.pT30{
padding-top:30px;
}

.pL300{
padding-left:300px;
}

.pL10{
padding-left:10px;
}

/* table */
#ContentsArea table{
border-collapse: collapse;
}

#ContentsArea td.nowrap{
white-space: nowrap;
}

#ContentsArea table.borderTable tr.tableheader th, 
#ContentsArea table.borderTable tr.tableheader td{
font-weight:normal;
text-align:center;
border-top:solid 1px #999;
border-bottom:solid 1px #999;
padding:5px 0;
background:#e9e8df;
color:#000;
}

#ContentsArea table.borderTable tr.border th,
#ContentsArea table.borderTable tr.border td{
border-bottom:solid 1px #999;
padding:5px;
}

#ContentsArea table.borderTable tr.color th,
#ContentsArea table.borderTable tr.color td{
padding:5px;
background:#f5f5f0;
}

#ContentsArea table.borderTable tr.dotted th,
#ContentsArea table.borderTable tr.dotted td{
padding:5px;
border-bottom:dotted 1px #999;
}

/* border */
div.border, 
p.border{
border-bottom:solid 1px #999;
padding:5px;
}


/* ===========================================

footer Area

=========================================== */

#footerArea {
width:700px;
padding:30px 0 3px 0;
clear:both;
}

#footerArea #copyright {
font-size:86%;
font-style:normal;
width:700px;
border-top:solid 1px #999;
margin:5px 0;
padding:5px 0;
}

#footerArea #copyright a {
color: #666;
text-decoration:none;
}

#footerArea #copyright img {
margin-right:10px;
}


/* ===========================================

POPUP

=========================================== */

.popup #ContentsArea{
float:none;
}

.popup #subHeaderArea .floatR, 
.popup #headerArea ul.headermenu, 
.popup #footerArea a.link{
display:none;
}

.popup .closeArea{
float:right;
padding-top:10px;
}

body.popup, 
.popup #footerArea, 
.popup #footerArea #copyright {
width:520px;
}

.popup #footerArea #copyright {
font-size:86%;
}

.header_ja {
  clear:both;
  position:relative;
  top:-10px;
}