@charset "utf-8";

/*-- esthecategory
-------------------------------------------------------- */
#main #copy {
	margin:10px 0 0 30px;
	width:740px;
	height:110px;
	background:url(../img/bg_esthecopy.jpg) 0 0 no-repeat;
}

#main #info #topics .esthe {
	background:url(../img/h2_esthetopics.gif) 0 0 no-repeat;
}

#main #info #whatsnew .esthe {
	background:url(../img/h2_esthewhatsnew.gif) 0 0 no-repeat;
}

#main #esthecategory {
	margin:0 0 10px 30px;
	padding:0 0 10px;
	width:740px;
	background:url(../img/bg_category.gif) 0 bottom repeat-y;
}

#main #esthecategory h1,
#main #esthecategory #top {
	padding:9px 0 20px 20px;
	width:720px;
	height:25px;
	font-size:167%;
	font-weight:bold;
	background:url(../img/h2_category.gif) 0 0 no-repeat;
}

#main #esthecategory h1 span {
	font-size:60%;
}

#main #esthecategory #info,
#main #esthecategory h3 {
	margin:0 0 0 10px;
	padding:0 0 0 15px;
	width:703px;
	height:23px;
	font-size:150%;
	font-weight:bold;
	background:url(../img/h3_category.gif) 0 0 no-repeat;
}

#main #esthecategory #link {
	margin:10px 15px 30px;
	height:30px;
}

#main #esthecategory #link li {
	margin: 0 0 0 10px;
	padding:0 0 0 12px;
	background:url(../img/img_sarrow.gif) 0 2px no-repeat;
	float:left;
}

#main #esthecategory .comment {
	margin:0 0 20px 15px;
	line-height:150%;
}

#main #esthecategory #categorybox {
	margin:0 10px;
	width:720px;
	font-size:92%;
	background:url(../img/bg_categorybox.gif) 0 0 repeat-y;
}

#main #esthecategory #categorybox ul {
	margin:0 0 10px;
	width:720px;
	height:35px;
	background:#fff url(../img/top_categorybox.gif) 0 bottom no-repeat;
}

#main #esthecategory #categorybox ul li {
	margin:0 1px;
	height:25px;
	float:left;
	display:inline;
}

#main #esthecategory #categorybox ul .at
#main #esthecategory #categorybox ul .tab {
	width:100px;
}

#main #esthecategory #categorybox ul .camp {
	width:105px;
}

#main #esthecategory #categorybox ul .at span {
	padding:7px 0 0;
	width:100px;
	height:18px;
	text-align:center;
	font-weight:bold;
	color:#fff;
	background:url(../img/on_tab.gif) 0 0 no-repeat;
	display:block;
}

#main #esthecategory #categorybox ul .tab a {
	padding:7px 0 0;
	width:100px;
	height:18px;
	text-align:center;
	font-weight:bold;
	color:#333;
	background:url(../img/off_tab.gif) 0 0 no-repeat;
	display:block;
}

#main #esthecategory #categorybox ul .tab a:hover {
	color:#fff;
	background:url(../img/on_tab.gif) 0 0 no-repeat;
}

#main #esthecategory #categorybox ul .camp a {
	padding:7px 0 0;
	width:105px;
	height:18px;
	text-align:center;
	font-weight:bold;
	color:#fff;
	background:url(../img/camp_tab.gif) 0 0 no-repeat;
	display:block;
}

#main #esthecategory #categorybox .inbox {
	padding:0 0 12px;
	background:url(../img/btm_categorybox.gif) 0 bottom no-repeat;
}

#main #esthecategory #categorybox .inbox table {
	margin:0 10px;
	width:695px;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-collapse:collapse;
	font-size:100%;
} 

#main #esthecategory #categorybox .inbox table th,
#main #esthecategory #categorybox .inbox table td {
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	font-size:109%;
} 

#main #esthecategory #categorybox .inbox table th {
	height:20px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	vertical-align:middle;
	background:#999;
}

#main #esthecategory #categorybox .inbox table .odd {
	background:#fff;
}

#main #esthecategory #categorybox .inbox table .even {
	background:#f0f0f0;
}

#main #esthecategory #categorybox .inbox table tr .name {
	padding:10px 0;
	width:140px;
	font-weight:bold;
	line-height:140%;
	text-align:center;
	vertical-align:middle;
}

#main #esthecategory #categorybox .inbox table tr .comment {
	padding:10px 5px;
	width:282px;
	line-height:120%;
	text-align:left;
}

#main #esthecategory #categorybox .inbox table tr .shop {
	padding:10px 0;
	width:121px;
	text-align:center;
	vertical-align:middle;
}

#main #esthecategory #categorybox .inbox table tr .course {
	padding:10px;
	width:120px;
	text-align:center;
	vertical-align:middle;
}

#main #esthecategory #categorybox .inbox table tr .scommnet {
	padding:10px;
	width:282px;
	line-height:130%;
	vertical-align:middle;
}

#main #esthecategory #categorybox .inbox table tr .mcoursel {
	padding:10px;
	width:120px;
	text-align:center;
	vertical-align:middle;
}

#main #esthecategory #categorybox .inbox table tr .mcourser {
	padding:10px;
	width:19px;
	text-align:center;
	vertical-align:middle;
}

#main #esthecategory #categorybox .inbox table tr .mcommnet {
	padding:10px;
	width:262px;
	line-height:130%;
	vertical-align:middle;
}

#main #esthecategory #categorybox .inbox table tr .btn {
	padding:10px;
	width:132px;
	text-align:center;
	vertical-align:middle;
}

#main #esthecategory #categorybox .inbox table tr .btn .reserve {
	margin:5px 0;
	width:132px;
	height:35px;
	text-indent:-9999px;
	display:block;
}

#main #esthecategory #categorybox .inbox table tr .btn .detail {
	margin:5px 0;
	width:132px;
	height:35px;
	text-indent:-9999px;
	display:block;
}
#main #esthecategory #categorybox .inbox table tr .area {
	padding:10px;
	line-height:140%;
}
#main #esthecategory #categorybox .inbox table tr .area h3 {
	margin:0 0 5px;
	padding:0;
	width:660px;
	height:13px;
	font-size:100%;
	font-weight:bold;
	background:none;
}

#main #esthecategory #categorybox .inbox table .odd .btn .reserve {
	background:url(../img/btn_reserve_od.gif) 0 0 no-repeat;
}

#main #esthecategory #categorybox .inbox table .even .btn .reserve {
	background:url(../img/btn_reserve_ev.gif) 0 0 no-repeat;
}

#main #esthecategory #categorybox .inbox table .odd .btn .detail {
	background:url(../img/btn_detail_odd.gif) 0 0 no-repeat;
}

#main #esthecategory #categorybox .inbox table .even .btn .detail {
	background:url(../img/btn_detail_even.gif) 0 0 no-repeat;
}

#main #esthecategory #detailbox {
	margin:0 0 10px 0;
	width:720px;
}

#main #esthecategory #detailbox .inbox {
	clear:both;
	margin:0 0 0 10px;
	width:710px;
}

#main #esthecategory #detailbox .inbox dl {
	width:710px;
}

#main #esthecategory #detailbox .inbox dl dt {
	width:710px;
}

#main #esthecategory #detailbox .inbox dl .commentbox {
	padding:10px;
	width:688px;
	line-height:130%;
	border:1px solid #ccdbed;
	clear:both;
}
#main #esthecategory #detailbox .inbox h2 {
	margin:30px 0 0;
	padding:2px 0 0 15px;
	width:703px;
	height:23px;
	font-size:134%;
	font-weight:bold;
	background:url(../img/h3_category.gif) 0 0 no-repeat;
	clear:both;
}

#main #esthecategory #detailbox .inbox h3 {
	margin:10px 0 0;
	padding:5px 5px 0;
	width:700px;
	height:20px;
	font-size:109%;
	font-weight:bold;
	background:#ccdbed;
}

#main #esthecategory #detailbox .inbox p {
	padding:9px;
	border:1px solid #ccdbed;
	width:690px;
	line-height:150%;
}

#main #esthecategory #detailbox .inbox .return {
	padding:0 0 20px;
	text-align:right;
	border:none;
}

#main #esthecategory #detailbox .inbox table {
	margin:5px 0;
}

#main #esthecategory #detailbox .inbox p span {
	font-weight:bold;
}

#main #esthecategory #detailbox .inbox #recommend {
	width:708px;
	border:1px solid #ccdbed;
	background:#ccdbed;
	position:relative;
}

#main #esthecategory #detailbox .inbox #recommend dt {
	padding:5px;
	width:140px;
	line-height:130%;
	text-align:center;
	float:left;
}

#main #esthecategory #detailbox .inbox #recommend dt a {
	margin:-40px 0 0 0;
	width:120px;
	height:60px;
	font-weight:bold;
	line-height:130%;
	position:absolute;
	top:50%;
	left:20px;
	display:block;
}

#main #esthecategory #detailbox .inbox #recommend dt a:hover {
	color:#fa0;
}

#main #esthecategory #detailbox .inbox #recommend dd {
	padding:5px 10px;
	width:528px;
	line-height:130%;
	text-align:left;
	background:#fff;
	float:right;
}

#main #esthecategory #detailbox .inbox .btn_detail {
	margin:20px 215px;
	width:300px;
	height:35px;
}

#main #esthecategory #detailbox .inbox .btn_detail a {
	width:300px;
	height:35px;
	text-indent:-9999px;
	background:url(../img/btn_reserve_dtl.gif) 0 0 no-repeat;
	display:block;
}

#main #esthecategory #detailbox .inbox dl .commentbox span {
	font-weight:bold;
}

#main #esthecategory #detailbox .locallink {
	width:330px;
	margin:10px;
	float:left;
}

#main #esthecategory #detailbox .locallink dt {
	margin:0 0 5px;
	width:150px;
	font-size:117%;
	font-weight:bold;
	line-height:110%;
}

#main #esthecategory #detailbox .locallink dd {
	margin:0 10px 10px 0;
	font-size:117%;
	float:left;
}

#main #esthecategory #detailbox table {
	margin:5px 0 20px;
	width:710px;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
}

#main #esthecategory #detailbox table th,
#main #esthecategory #detailbox table td {
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

#main #esthecategory #detailbox table th {
	padding:5px;
	font-weight:bold;
	color:#fff;
	line-height:110%;
	text-align:center;
	vertical-align:middle;
	background:#999;
}

#main #esthecategory #detailbox table td {
	padding:5px;
	line-height:110%;
}

#main #esthecategory #detailbox table .salonname {
	width:120px;
	text-align:center;
	vertical-align:middle;
}

#main #esthecategory #detailbox table .storename {
	width:100px;
	text-align:center;
	vertical-align:middle;
}

#main #esthecategory #detailbox table .address {
	width:285px;
	text-align:left;
	vertical-align:middle;
}

#main #esthecategory #detailbox table .btn {
	width:75px;
	text-align:center;
	vertical-align:middle;
}

#main #esthecategory #detailbox dl {
	width:720px;
}

#main #esthecategory #detailbox dl dt {
	width:710px;
}

#main #esthecategory #detailbox dl .banner {
	padding:5px 4px;
	width:120px;
	height:60px;
	text-align:center;
	border-right:1px solid #ccdbed;
	border-left:1px solid #ccdbed;
	float:left;
}

#main #esthecategory #detailbox dl .course {
	padding:30px 10px 10px;
	width:229px;
	height:30px;
	font-weight:bold;
	line-height:110%;
	border-right:1px solid #ccdbed;
	float:left;
}

#main #esthecategory #detailbox dl .course4 {
	padding:10px;
	width:229px;
	height:50px;
	font-weight:bold;
	line-height:110%;
	border-right:1px solid #ccdbed;
	float:left;
}

#main #esthecategory #detailbox dl .price {
	padding:30px 10px 10px;
	width:309px;
	height:30px;
	font-weight:bold;
	line-height:110%;
	border-right:1px solid #ccdbed;
	float:left;
}

#main #esthecategory #detailbox dl .commentbox {
	padding:10px;
	width:698px;
	line-height:130%;
	border:1px solid #ccdbed;
	clear:both;
}

#main #esthecategory #detailbox #recommendbox {
	clear:both;
}

#main #esthecategory #detailbox #recommendbox h3 {
	color:#fff;
	background:#f00;
}

#main #esthecategory #detailbox #recommendbox dl {
	width:710px;
}

#main #esthecategory #detailbox #recommendbox dl dt {
	width:710px;
}

#main #esthecategory #detailbox #recommendbox dl .banner {
	padding:5px 4px;
	width:120px;
	height:60px;
	text-align:center;
	border-right:1px solid #f00;
	border-left:1px solid #f00;
	float:left;
}

#main #esthecategory #detailbox #recommendbox dl .course {
	padding:30px 10px 10px;
	width:229px;
	height:30px;
	font-weight:bold;
	line-height:110%;
	border-right:1px solid #f00;
	float:left;
}

#main #esthecategory #detailbox #recommendbox dl .course4 {
	padding:10px;
	width:229px;
	height:50px;
	font-weight:bold;
	line-height:110%;
	border-right:1px solid #f00;
	float:left;
}

#main #esthecategory #detailbox #recommendbox dl .price {
	padding:30px 10px 10px;
	width:309px;
	height:30px;
	font-weight:bold;
	line-height:110%;
	border-right:1px solid #f00;
	float:left;
}

#main #esthecategory #detailbox #recommendbox dl .commentbox {
	padding:10px;
	width:688px;
	font-size:117%;
	font-weight:bold;
	line-height:130%;
	border:1px solid #f00;
	clear:both;
}

#main #esthecategory #freecom {
	margin:10px 0 50px 10px;
}

#main #esthecategory #freecom p{
	margin:0 0 15px 10px;
	font-size:117%;
	line-height:130%;
}

#main #esthecategory #freecom p .point {
	font-weight:bold;
	color:#f00;
}

#main #esthecategory #freecom p a {
	color:#36c;
	text-decoration:underline;
}