@charset "UTF-8";
/* CSS Document */

* html img{ /* IE-expression (fix png alpha) */
behavior: expression(
this.style.filter = this.src.match(/\.png$/) ? "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "')" : this.style.filter,
this.src = this.src.match(/\.png$/) ? this.src.slice(0, this.src.lastIndexOf("/")+1) + "ie6png.gif" : this.src,
this.style.behavior = "none"
);
}
#test{
background: #000 url(image/hoge.gif) no-repeat fixed right bottom;
}
/*************
共通
**************/
.menu .pict {
	margin-left: 12px;
	float: left;
	width: 220px;
}
.menu .pict img {
	margin-bottom: 5px;
}
.menu .image {
	height: 180px;
	width: 250px;
	float: left;
	margin-left: 7px;
}

.totop{
	text-align: right;
	margin:5px 0;
	color:#0033CC;
}
.totop a{
	color: #0000FF;
}
/*************
リセット
**************/
address{
	font-style: normal;
}
img{
	border:none;
	margin:0px;
	padding:0px;
}
h1, h2, h3, h4, h5, h6 {
	font-size:12px;
	font-weight: bold;
}
div, ul, li, dl, dt, dd, p, h1, h2, h3, h4{
	margin:0px;
	padding:0px;
} 
ul{list-style:none;}
.clear{
clear:both;
}
.clearFix:after, .clearFixIn:after, .clearFixtel:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearFix, .clearFixIn, .clearFixtel {
overflow:hidden;
min-height:1em;
}
/*\*/
* html .clearFix,* html .clearFixIn,* html .clearFixtel{
height:1%;
overflow:visible;
}
/**/




/*************
基本
**************/
body {
/*		font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;*/
font-family: "メイリオ", Meiryo, verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	margin:0px;
	padding:0px;
/*	background: #fff url(../image/bg.jpg) repeat-y center;*/
background: #fff url(../image/bg.gif) ;
	font-size:12px;
	position:relative;
	z-index:1;
	
}
html,body{height:100%;}

a{
	text-decoration:none;
	color:#000;
}
/*b{
	z-index: 9;
	color: #FFFFFF;
	filter: alpha(opacity=0);
	-moz-opacity:0.00;
	opacity:0.00;
	#background-color: #FFFFFF;*//*上記のIE6IE7補完*/
/*\*//*/
display:inline-table;
/**/
/*}*/
b{
    position: relative;
    z-index: -1;
    overflow: hidden;
	width:100%;
}

/*************
外枠
**************/
#container {
	background: #000 url(../image/backimg.jpg) no-repeat center top;
	background-color: #FFFFFF;
	width:920px;
	padding:0 19px;
	border-left:#CCCCCC solid 1px;
	border-right:#CCCCCC solid 1px;
	margin:0 auto;
	position:relative;
	z-index:2;
}

/*************
ヘッダ
**************/
#header{
	margin-bottom:17px;
}
#header h1{
	text-align: right;
	font-size: 9px;
	height: 30px;
	display: block;
	width: 910px;
	overflow: hidden;
	padding-top: 10px;
}
#header .top{
	width: 920px;
	height: 62px;
}
#header .top h2 a{
	width:300px;
	height:62px;
	display:block;
}
#header .top h2 b{
	display:none;
}
#header .topmenu {
	float:right;
	line-height:30px;
	width: 827px;
	margin-top: 1px;
	overflow: hidden;
}
#header .topmenu li {
	float: left;
	width: 140px;
	height: 30px;
	display: block;
	text-align: center;
	overflow: hidden;

	line-height: 32px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color:#B6D8EC;
}

#header .topmenu .mini {
	width: 100px;
}
#header .top01{
	background-image: url(../image/header-menu.gif);
	background-repeat: no-repeat;
	display:block;
}
#header .top02{
	background-image: url(../image/header-menu.gif);
	background-position:-23px 0px;
	background-repeat: no-repeat;
	display:block;
}
#header .top01 a{
	background-image: url(../image/header-menu.gif);
	background-repeat: no-repeat;
	display:block;
}
#header .top02 a{
	background-image: url(../image/header-menu.gif);
	background-position:-23px 0px;
	background-repeat: no-repeat;
	display:block;
}
#header .top01 a:hover{
	background-image: url(../image/header-menu_o.gif);
	background-repeat: no-repeat;
	display:block;
	color:#003399;
}
#header .top02 a:hover{
	background-image: url(../image/header-menu_o.gif);
	background-position:-23px 0px;
	background-repeat: no-repeat;
	display:block;
	color:#003399;
}



/*************
見出し ピンク
**************/

.h101, .h102{
	margin-bottom: 10px;
	display: block;
	width: 480px;
	padding:0px 10px 0px 10px;
	line-height: 30px;
	font-size: 16px;
	color: #222222;
}
.h101{
	
	background-color: #F583B7;

}
.h102 {
	background-color:#BB77D2;
}

#mainContent .h-101 {
	width: 458px;
	background-color: #F583B7;
	line-height: 110%;
	font-size: 14px;
	color: #FFFFFF;
	padding: 11px 2px 9px 40px;
	background-image: url(../image/h-101.gif);
	background-repeat: no-repeat;
	margin-bottom:10px;
	font-size: 14px;
}
#mainContent .h-201{
padding:4px 5px;
	width: 490px;
	background-color: #F583B7;
	line-height: 110%;
	color:#fff;
}

#sidebar1 {
	float: left;
	width: 220px;
	margin-right: 10px;
}
#sidebar2 {
	float: right;
	width: 180px;
}
#mainContent {
	float: left;
	width: 500px;
}


/*************
左メニュー
**************/

#sidebar1 ul{
	width:180px;
}

#sidebar1 .area .area_j li {
	width: 100px;
	font-size: 14px;
	line-height: 18px;
	margin: 0px 0 0px 100px;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #6AC8FF;
}

#sidebar1 .area .area_j {
	background-color: #FFFFFF;
	color: #333333;
	display: table-cell;
	padding: 5px 3px 0px 20px;
	width: 197px;
	overflow: hidden;
	background: url(../image/area_girl.gif) no-repeat 10px 7px;
}

#sidebar1 .area h4 a {
	color: #333333;
	width:100px;
	display:block;
	padding: 5px 0 5px 14px;
	background-image: url(../image/area_mark.gif);
	background-repeat: no-repeat;
	background-position: 4px 8px;

}
#sidebar1 .area h4 a:hover {
	padding-left:14px;
	background-color:#E0F3FB;
	background-image: url(../image/area_mark_o.gif);
	background-repeat: no-repeat;
	background-position: 4px 8px;
}
#sidebar1 .area {
	width: 220px;
	background-color: #FFFFFF;
}
#sidebar1 h3 {
	width: 178px;
	margin: 0px;
	background-color: #0DA4FF;
	line-height: 110%;
	font-size: 14px;
	color: #FFFFFF;
	padding: 11px 2px 9px 40px;
	background-image: url(../image/menu_area.gif);
	background-repeat: no-repeat;
}
#sidebar1 .l-menu{
	margin-top:20px;
}
#sidebar1 .l-menu li {
	margin: 0 0 10px 20px;
	width: 200px;
}

#sidebar1 .l-menu .report a{
	background-image: url(../image/bnr_beauty.jpg);
	height: 120px;
	width: 200px;
	display:block;
}
#sidebar1 .l-menu .moniter{
	background-image: url(../image/bnr-monitor.gif);
	height: 62px;
	width: 200px;
}
#sidebar1 .l-menu .moniter a{
	background-image: url(../image/bnr-monitor.gif);
	height: 62px;
	width: 200px;
	display:block;
}
#sidebar1 .l-menu .moniter a:hover{
	background-image: url(../image/bnr-monitor_o.jpg);
	z-index:6;
}
/*#sidebar1 .l-menu .kisetsu a{
	height: 120px;
	width: 200px;
	background-image: url(../spring/image/menu-2009.png);
	display:block;
}*/

#sidebar1 .l-menu .ceri a{
	background-image: url(../image/bnr_member.gif);
	height: 60px;
	width: 200px;
	display:block;
}

#sidebar1 .l-menu .season a{
	background-image: url(../image/bnr_season07.jpg);
	height: 60px;
	width: 200px;
	display:block;
	overflow:hidden;
}

#sidebar1 #oshirase ul,#stylelove ul {
	width: 189px;
	overflow: auto;
	height: 99px;
	padding: 10px 10px 10px 20px;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
}
#sidebar1 #oshirase, #stylelove {
	background-color: #FFFFFF;
	height: 150px;
	margin-top: 10px;
}
#sidebar1 #oshirase a, #stylelove a  {
	color: #9900CC;
}

#sidebar1 .l-menu2 li {
	height: 60px;
	width: 200px;
	margin: 10px 0 0 20px;
	background-repeat:no-repeat;
}
#sidebar1 .l-menu2 a{
	height: 60px;
	width: 200px;
	display:block;
}

#sidebar1 .l-menu2 .ichioshi a{
	background-image: url(../image/menu-ichioshi.gif);
}

#sidebar1 .l-menu2 .junko a{
	background-image: url(../image/menu-junko.gif);
}
#sidebar1 .l-menu2 .slimcut a{
	background-image: url(../image/bnr_slimcut.gif);
}
#sidebar1 .l-menu2 .bnrmelmaga a{
	background-image: url(../image/menu-melmaga.gif);
	display: block;
	height:40px;
}

/*************
右メニュー
**************/

#sidebar2 h3 {
	width: 168px;
	display: block;
	background-color: #0DA4FF;
	line-height: 110%;
	font-size: 14px;
	color: #FFFFFF;
	padding: 11px 2px 9px 10px;
	background-image: url(../image/course_menu.gif);
	background-repeat: no-repeat;
}
#sidebar2 h4 {
	width: 168px;
	line-height: 110%;
	background-color: #DCF5FC;
	padding: 6px 2px 3px 10px;
	color: #333333;
	border-bottom:solid 2px #9CE0FF;
}
#sidebar2 ul.r-menu-img{
	width:153px;
	margin:0px auto;
}
#sidebar2 .r-menu-img li{
width:153px;
margin-top: 5px;
}

#sidebar2 ul.r-menu-txt{
	width:149px;
	padding:5px 20px 10px 11px;
}
#sidebar2 .r-menu-txt li{
width:149px;
line-height:150%;

background-image: url(../image/r-side-line.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}
#sidebar2 ul.r-menu-txt li a{
width:149px;
display:block;
color:#333;
}

#sidebar2 ul.r-menu-txt li a:hover{
background-color:#E0F3FB;
color:#0000FF;
}

/*************
フッター
**************/
#footer{
clear:both;
padding-top:15px;

}
.f-box{
width:880px;
margin:0 auto;
}
.footer-l{
width:640px;
float:left;
}
.footer-l li{
float:left;
}
.footer-r{
width:230px;
float:right;
}
.footr-l01 {
	background-color: #F547B7;
	padding:10px 0 10px 10px;
	margin-bottom:10px;
}
.footer101 {
	background-image: url(../image/keiyaku.gif);
	background-repeat:no-repeat;
	height: 27px;
	width: 619px;
	overflow:hidden;
}

.cs-support {
	background-image: url(../image/support-tel.gif);
	height: 70px;
	width: 280px;
	margin-right:10px;
	overflow:hidden;
}
.toiawase{
	background-image: url(../image/webtoiawase.gif);
	background-repeat:no-repeat;
	display: block;
	height: 70px;
	width: 180px;
	margin-right:10px;
	overflow:hidden;
}
.toiawase a{
	display: block;
	height: 70px;
	width: 180px;
}
.faq a {
	background-image: url(../image/faq.gif);
	display: block;
	height: 70px;
	width: 140px;
	overflow:hidden;
}
.footer-l201{
clear:both;
}
.footer-l201 li{
 border:solid 1px #B3B3B3; 
 background-color:#E6E6E6;
 font-size:10px;
}
.footer201{
padding:10px 10px 10px 80px;
 width:128px;
 margin-right:10px;
 background: url(../image/webqr100415.gif) no-repeat 10px 10px;
 overflow:hidden;
}

.footer202{
padding:10px;
 width:148px;
 margin-right:10px;
}
.footer203{
padding:10px;
 width:208px;
 margin-right:0px;
}
#footer .title{
font-size:12px;
	border-bottom: 1px solid #333333;
	margin-bottom:5px;
}

.footer20{
	height: 30px;
	width: 230px;
	background-image: url(../image/josei.gif);
	margin-bottom: 10px;
	overflow:hidden;
}
.salon{
	background-color:#FABDD9;
	width: 230px;
	background-image: url(../image/anshin.jpg);
	background-repeat:no-repeat;
	display: block;
}
.salontitle{
	height:42px;
	overflow:hidden;
}
.salontxt{
	font-size: 10px;
	padding-top: 5px;
	padding-bottom:10px;
	margin-right: 8px;
	margin-left: 8px;
	line-height:175%;
}
.linkgroup{	clear: both;
	text-align: center;
	margin: 20px;
	width: 880px;
}
.footerend {
	width: 920px;
	display: block;
	background-color: #333333;
	color: #FFFFFF;
	text-align: center;
	font-size: 9px;
	line-height: 2em;
}
.linkgroup a{
color:#0000FF;
}

.linkgroup p{
margin-bottom:5px;
}
/*店舗電話番号*/
.telbox {
width:498px;
border:solid #0DA4FF 1px;
margin-top:10px;
}
.telbox dl{
font-size:14px;
line-height:30px;
}
.telbox-l{
float:left;
width:230px;
margin-left:10px;
_margin-left:5px;
}
.telbox-r{
float:right;
width:230px;
margin-right:10px;
_margin-right:5px;
}
.teltitle{
padding:2px 5px;
background-color:#6AC8FF;
border-top:solid #C0E8FF 5px;
border-bottom:solid #0DA4FF 5px;
color:#FFFFFF;
font-weight:bold;
font-size:120%;
}

.telsubtitle{
background: url(../image/tel-subbg.gif) repeat-y;
background-color:#DCF5FC;
font-size:14px;
padding:0px 2px 0px 17px;
}

.teltext{
margin:10px;
}
dl.tenpo dt {
	float:left;
	clear:both;
	width:60px;
	margin-bottom:5px;
	border-bottom:0;
}
dl.tenpo > dd {
	float:left;
}
*+html dl.tenpo > dd {
	float:none;
}
.syosaibtn{
padding-top:5px;
margin-left:10px;
width:37px;
}
.telbox li dl ul{
width:165px;
}
.telbox li dl li{
float:left;
}