@charset "shift_jis";

/*------------------------------------
 for format  ヘッダ、フッタのみ
------------------------------------*/
body #headerFlame,
body #footerFlame{
font:13px/1.231 sans-selif;
}
/* for IE6 */
* html body #headerFlame,
* html body #footerFlame{
	font-size: 80%;/* 12px; */
}
/* for IE7 */
*:first-child+html body #headerFlame,
*:first-child+html body #footerFlame{
	font-size: 80%;/* 12px; */
}
/* for IE8 */
html>/**/body #headerFlame,
html>/**/body #footerFlame{  
	font-size /*\**/: 80%\9;
}

/*------------------------------------
 for all reset
------------------------------------*/
body,h1,h2,h3,h4,h5,h6,p,div,table,td,dl,dt,dd,ul,li,ol,form,input,textarea{
margin:0;
padding:0;
}
h1,h2,h3,h4,h5,h6{
font-size:100%;
font-weight:normal;
}
li,ol{list-style:none outside;}
address,th,caption{
font-weight:normal;
font-style:normal;
}
img{border:none; outline:none;}
table{
border-collapse:collapse;
border-spacing:0;
line-height:inherit;
}
table th,
table td{
line-height:inherit;
}


/*------------------------------------
 for main
------------------------------------*/
body {
margin:0;
padding: 0;
font-family: "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka;
text-align: center;
}

#container{
padding: 0px;
margin:0 auto;
width: 950px;
text-align: left;
}


/*------------------------------------
 for headerFlame
------------------------------------*/
#headerFlame{
text-align:center;
width:100%;
}
#headerFlame #header{
position:relative;
text-align:left;
vertical-align:top;
margin:0 auto;
height:78px;
width:950px;
z-index:200;/* for gNavi*/
}

#headerFlame #header .logo{
float:left;
width:125px;
}
#headerFlame #header .topInfo{
margin-top:55px;
float:left;
width:75px;
}
#headerFlame #header .topInfo2{
margin:26px 0 0px 28px;
float:left;
width:134px;
}
#headerFlame #header .read{
color:#808080;
font-size:76%;
line-height: 1.5;
text-align:right;
padding:3px 0 0;
}
#headerFlame #oriconBanner{
margin:5px 0 10px;
float:right;
width:256px;
}
#headerFlame #oriconBanner a{
cursor:default;
outline:none;
border:none;
}


/*------------------------------------
 for popcatch
------------------------------------*/
#headerFlame #popcatch{
display:none;
position:absolute;
left:694px;;
top:68px;
height:98px;
z-index:200;
}
#headerFlame #popcatch img{
outline:none;
border:none;
}


/*------------------------------------
 for globalNaviArea
------------------------------------*/
#globalNaviArea{
width:100%;
height:50px;
background:#fff url(/common/images/bg_gnavi.gif) repeat-x top left;
}
#globalNaviArea #globalNavi{
vertical-align:top;
margin:0 auto;
width:950px;
}
#globalNavi ul li{
display:inline;
position:relative;
line-height:0;
margin:0;
float:left;
height:35px;
z-index:50;
}
#globalNavi li.nav_about div.subnav{
width:157px;
}
#globalNavi li.nav_esthetic div.subnav,
#globalNavi li.nav_campaign div.subnav,
#globalNavi li.nav_info div.subnav{
width:160px;
}

#globalNavi li.nav_price div.subnav,
#globalNavi li.nav_guide div.subnav{
width:159px;
overflow:hidden;
}

#globalNavi li div.subnav{
position:absolute;
top:34px;
left:0;
background: #cccccc;
}
#globalNaviArea #globalNavi .subnav ul {
padding-top:1px;
}
#globalNaviArea #globalNavi .subnav ul li a{
color:#333333;
line-height:normal;
text-decoration:none;
padding:6px 5px;
height:auto;
display:block;
zoom:1;
}
#globalNaviArea #globalNavi .subnav ul li a:hover{
color:#333333;
display:block;
background:#fff url(/common/images/bg_gnavi_sub_over.gif) repeat-x top left;
}
#globalNaviArea #globalNavi .subnav ul li{
text-align:center;
font-size:86%;
line-height:0;
float:none;
height:auto;
display:block;
border-right:1px solid #cccccc;
border-left:1px solid #cccccc;
border-bottom:1px solid #cccccc;
background:#fff url(/common/images/bg_gnavi_sub.gif) repeat-x top left;
}



/*------------------
 for navigation 
------------------*/

#footerFlame{
color:#808080;
text-align:center;
margin:0 auto;
padding:0 0 10px;
width:950px;
background:url(/common/images/bg_footer_02.gif) repeat-y top left;
}
#footerFlame #footer{
font-size:80%;
line-height: 1.5;
text-align:left;
padding-top:10px;
width:950px;
background:url(/common/images/bg_footer_01.gif) no-repeat top left;
}

#footerNavi{
float:left;
width:640px;
}
#footerNavi ul{
margin-left:10px;
}
#footerNavi li{
float:left;
display:inline;	
}

#footerFlame #footer .address{
margin-right:10px;
text-align:right;
}
#footerFlame a:link {color:#808080; text-decoration: none;}
#footerFlame a:visited {color:#808080; text-decoration: none;}
#footerFlame a:active { color: #808080; text-decoration: underline;}
#footerFlame a:hover {color: #808080; text-decoration: underline
} 



/*------------------------------------
 clearfix 
------------------------------------*/
.clearfix:after{
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
font-size: 0.1em;
line-height: 0; 
}
.clearfix{
display:inline-block;
}