@charset "utf-8";

/* header */
.initBox{
width:930px;
margin:0 auto;
padding:0 10px;
text-align:left
}

.initBox strong{
display:block;
float:left;
width:694px;
padding-top:5px;
color:#fff;
font-size:65%;
text-align:left;
font-weight:normal;
}

.initBox ul{
float:right;
width:135px;
height:19px;
padding-left:92px;
background:url(../cmn_img/header/fontsize_ttl.gif) no-repeat left top;
font-size:0;
line-height:0;
}

.initBox ul li{
display:inline;
}

h1#logoCmpny,
span#logoCmpny{
display:block;
float:left;
width:385px;
padding:0 0 1px 10px;
font-size:0;
line-height:0;
}

.utility{
float:right;
width:24em;
max-width:536px;
padding-top:7px;
padding-right:9px;
text-align:right;
}

.utility li{
float:right;
padding-right:11px;
padding-left:16px;
list-style:none;
font-size:75%;
line-height:1.33;
background:url(../cmn_img/ic_arrow_rh.gif) no-repeat left 3px;
}



/* global Navi */
ul.gnavi li{
float:left;
height:47px;
padding-bottom:3px;
background-position:left bottom;
background-repeat:no-repeat;
}

ul.gnavi li.onFcs{ background-color:#fbab39;}



/* local navigation */
.lnaviBox dl{
margin-bottom:10px;
padding-bottom:6px;
background-repeat:no-repeat;
background-position:bottom;
}

.lnaviBox dt{
font-size:0;
line-height:0;
}

.lnaviBox dl ul{ list-style:none; }

.lnaviBox dl li a{
display:block;
padding:6px 10px 4px 30px;
font-weight:bold;
color:#fff;
background:url(../cmn_img/lnavi_arrow-trans.png) no-repeat left 0.01em;
}

.lnaviBox dl li ul li a{
padding-left:38px;
background:url(../cmn_img/lnavi_arrow2nd-trans.png) no-repeat left 0.01em;
}

.lnaviBox dl li a:link{ 	color:#fff;text-decoration:none; }
.lnaviBox dl li a:visited { color:#fff;text-decoration:none; }
.lnaviBox dl li a:active { 	color:#fff;text-decoration:none;}
.lnaviBox dl li a:hover { 	color:#fff;text-decoration:none;}



/* pattern */
dl.dev { background-image:url(../img/products/lnavi_btm.gif);}
dl.dev dd{ background-color:#9f9cda;}
dl.dev li a:hover,
dl.dev li.fcs{ background-color:#817dcd; }
dl.dev li.fcs > ul{ background:#9f9cda;}

dl.prd { background-image:url(../img/product_info/lnavi_btm.gif);}
dl.prd dd{ background-color:#6CACF3;}
dl.prd li a:hover,dl.prd li.fcs{background-color:#6CACF3;}
dl.prd li.fcs > ul{ background:#9f9cda;}


dl.dia { background-image:url(../img/skin_diagnosis/lnavi_btm.gif);}
dl.dia dd{ background-color:#97c46c;}
dl.dia li a:hover,
dl.dia li.fcs{ background-color:#7bb041; }



dl.cmpny { background-image:url(../img/company/lnavi_btm.gif);}
dl.cmpny dd{ background-color:#6cacf3;}
dl.cmpny li a:hover,
dl.cmpny li.fcs{ background-color:#2e82df; }

.nsr{ background:#6cacf3;}



dl.form { 	background-image:url(../img/contact/lnavi_btm.gif);}
dl.form dd{ padding-bottom:6px;background-color:#6cacf3;}
dl.form ol li{
padding:3px 0 11px;
font-weight:bold;
color:#fff;
background:url(../img/contact/ic_arrow_dwn.gif) no-repeat center bottom;
list-style:none;
}

dl.form ol li span{
display:block;
padding:5px 10px 4px 25px;
}

dl.form ol li:last-child{ padding-bottom:0;background-image:none;}
dl.form ol li.fcs span{ background-color:#2e82df; }



.bnrList{
width:186px;
padding:4px 4px 4px 5px;
list-style:none;
background:url(../cmn_img/bnrlist_bg.gif) no-repeat left top;
}

.bnrList li{
margin-bottom:5px;
font-size:0;
line-height:0;
}

.bnrList img{
display:block;
margin: 0 auto;
}
.bnrList li.contact{
height:119px;
margin-bottom:0;
}
.bnrList li.contact a{
display:block;
margin-top:-42px;
}



/* footer navigation */
.ftrBox dl{
float:left;
width:536px;
padding:10px 0 0 20px;
border-top:1px solid #e2e2e2;
}
.ftrBox dt{
padding-bottom:1px;
font-size:75%;
font-weight:bold;
}
.ftrBox dt img{
display:block;
margin-bottom:3px;
}
.ftrBox dd address{
text-align:left;
font-style:normal;
font-size:63%;
line-height:1.4;
}



ul.ftrLink{
width:370px;
float:right;
padding:10px 4px 0 0;
font-size:75%;
list-style:none;
border-top:1px solid #e2e2e2;
}

ul.ftrLink li{
float:right;
padding:0 16px 0 14px;
padding-left:14px;
background:url(../cmn_img/ic_arrow_rh.gif) no-repeat left top;
}