@charset "utf-8";

#topPage #content{
	margin-top:25px;
}

#topPage h1{
	font-size:77%;
	float:right;
	margin-right:15px;
	color:#999;}		
	
#campaign{
    width: 710px;
	clear:both;
}

/*----- mainmenu----*/
	
#mainMenu {
	width: 710px;
	height:50px;
	margin-bottom:20px;
	clear:both;
}

#mainMenu ul {
	zoom: 1;
	background: #fff url(/img/top_cb_ov.png) no-repeat;
}

#mainMenu ul:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 0;
}

#mainMenu ul li {
	float: left;
	display: inline;
}

#mainMenu ul li a {
	display: block;
}

#mainMenu ul li#body1 a,
#mainMenu ul li#body2 a,	
#mainMenu ul li#body3 a{
	width: 178px;}
	
#mainMenu ul li#facial a,{
	width: 176px;
}

#mainMenu ul li a:hover {
	background-color: transparent;
}

#mainMenu ul li a:hover img {
	visibility: hidden;
}

/*----- slimproject----*/

#bproject {
    background: url(/img/top_bp_bg.png) no-repeat;
    height: 80px;
    margin-bottom: 20px;
    width: 710px;
	clear:both;
}

#bproject .salon{
	float:right;
	margin-bottom: 8px;
	text-align:center;
	padding:18px 18px 0 0;
}
	
#bproject .sbp{
	float:left;
	padding:43px 0 0 250px;
}

#bproject a{
	font-weight: bold;}
	
/*----- TOP main----*/

#topMain{
	width:710px;
	color:#666;}

#topMain:after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}

#mainLeft{
	width:180px;
	float:left;
}

#mainRight{
	width:510px;
	float:right;}
	
/*----- h2 title----*/	

#mainRight .putitle{
	background:url(/img/top_h2_bg.png) no-repeat;
	width: 510px;
	height:26px;
	line-height:26px;
	clear:both;
	margin-bottom:20px;
	}
	
#mainRight h2{
	line-height:26px;
	height:15px;
	padding-left:15px;
	margin-top:6px;
	float:left;
	}
	
#topMain #mainRight .cap{
	line-height:24px;
	font-size:70%;
	float:right;
	padding-right:8px;
	letter-spacing:0.1em;
	}
	
/*----- pickup----*/		
	
#pickup {
    margin-bottom:20px;
    width: 510px;
	clear:both;
}

#pickup .article{
	width:160px;
	float:left;
	margin-right:10px;
	}

#pickup .article h3{
	}

#pickup .article p{
	font-size:85%;}
	
#pickup .article a{
	text-decoration:none;}
	
#pickup .article .marginb{
	margin-bottom:5px;}
	
/*----- ca----*/	
.new{
	background:#F36;
	color:#FFF;
	font-weight:bold;
	font-size:86%;
	padding:1px;
	margin-right:5px;}
	
#osusume{
	clear:both;
	margin-bottom:15px;}
	
#osusume .spitem{
	margin-bottom:15px;
	clear:both;
	height:120px;
	padding:8px;
	border:1px solid #999;}
	
#osusume .spitem h3{
	border-bottom:#333 1px dotted;
	color:#e9003c;
	margin-bottom:10px;
	font-weight:bold;}

#osusume .spitem p{
	font-size:85%;}

#osusume .spitem img{
	float:left;
	margin-right:7px;}
	
#osusume .spitem a{
	text-decoration:none;}	
	
#osusume .item{
	width:245px;
	float:left;
	margin-right:10px;
	margin-bottom:15px;}
	
#osusume .item h3{
	border-bottom:#333 1px dotted;
	color:#e9003c;
	margin-bottom:10px;
	font-weight:bold;}	

#osusume .item p{
	font-size:85%;}

#osusume .item a{
	text-decoration:none;}

#osusume .item img{
	float:left;
	margin-right:3px;}

	
/*----- news----*/	
		
#news {
    width: 510px;
	clear:both;
}

#news .putitle{
	margin-bottom:0px;}
	
#news li {
    border-bottom: 1px dotted #CCCCCC;
    display: block;
    padding: 8px;
}

#news li:hover {
    background: none repeat scroll 0 0 #F8F8F8;
}

#news li .newsDays {
    color: #666666;
    font-size: 85%;
    font-weight: bold;
}

#news li .newsText {
    display: block;
    font-size: 93%;
    margin-left: 7em;
    margin-top: -1.5em;
}

#news li .newsText a {
    display: block;
    text-decoration: none;
}

#news .newsList{
	width:170px;
	font-size:85%;
	padding:2px;
	text-align:center;
	border:#CCC 1px solid;
	margin-top:8px;}
	
/*----- right bnr----*/	

#cBnr{
	width:180px;
	}
	
#cBnr{}

#cBnr ul{
	border-left:#999 1px solid;
	border-bottom:#999 1px solid;
	border-right:#999 1px solid;
	padding:5px 5px 0 5px;
	}
	
#cBnr ul li{
	display:block;
	border-bottom:#666 1px dotted;
	margin-bottom:5px;
	padding-bottom:5px;}
	
#cBnr ul li a{
	text-decoration:none;}

#cBnr .rbnrt{
	width:168px;
	background:#C00;
	color:#FFF;
	padding:1px 7px;
	font-size:86%;
	}

#cBnr .rbnrtxt{
	font-size:86%;
}	

/*----- slimBeauty----*/		

#slimBeauty{
	margin:15px 0;}
	
#slimBeauty h3{}

#slimBeauty dl{
	width:166px;
	border-bottom:#f37632 2px solid;
	border-left:#f37632 2px solid;
	border-right:#f37632 2px solid;
	padding:2px 5px;}
	
#slimBeauty dl dt{
	margin:1px 0;
	font-size:85%;
	
}

#slimBeauty dl dt a{
	color: #e9003c;}

#slimBeauty dd a{
	text-decoration:none;
	}

#slimBeauty dl dd{
	border-bottom:#666 1px dotted;
	font-size:77%;
	padding-bottom:5px;}
	
#slimBeauty dl dd img{
	float:left;
	margin-right:5px;}
	
#slimBeauty dl dd:after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}


/*----- sqBlog----*/	

#sqBox{
	width:168px;
	}

#sqBox h3{
	font-size:93%;
	color:#C03;
	border-bottom:2px #C03 solid;
	margin-bottom:5px;}

#box{/* overflow: auto; */
    overflow: hidden;
    height: 222px;
}

#box .title{
	color:#C03;
	font-weight:bold;
	margin-bottom:5px;
	font-size:115%;}

#box .name{
	margin-bottom:2px;}
	
#box .row{
	height:100px;
	padding:5px;
	margin-bottom:2px;
	background:#fafafa;
	font-size:77%;
	border-top:1px #999 dotted;}
	
#box .row a{
	display:block;}
	
#box .row:hover {
    background:#f5f5f5;
	color:#C03;}
	
#box .row:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
	
#box .row img{
	float:left;
	margin-right:2px;}