@charset "utf-8";
/*

----------------------------------------------------

Description: 美容室検索
   Site URL: css/category.css
   Authors : kobayashi <kobayashi@c-advan.co.jp>
	
----------------------------------------------------

UpdateHistory
09/0******

*/

.category div#extra #globalMenu #menuSalon{ background:url(../../common/img/cmn_btn_search_on.gif) 0 0 no-repeat;}

/*画像置換*/

.category h2{
	display:block;
	text-indent:-999em;
	width:760px;
	height:124px;
	background: url(../img/category_img_main.jpg) 0 0 no-repeat;
}
.category div#mainContents div#searchBox h3{
	display:block;
	text-indent:-999em;
	width:208px;
	height:17px;
	background: url(../../img/top_txt_category_search.gif) 0 0 no-repeat;
}

.category div#mainContents h3#newsalonMain{
	display:block;
	text-indent:-999em;
	width:750px;
	height:24px;
	background: url(../../img/top_txt_new_salon.gif) 0 0 no-repeat;
	border-bottom:#CCCCCC solid 1px;
	margin-bottom:20px;
}


/*店舗検索*/

div#mainContents div#searchBox{
	background:#F5F4F2 url(../../img/top_search_bg.gif) left top no-repeat;
	padding:8px;
	margin:0 0 10px 10px;
}
div#mainContents div#searchBox ul{
	padding:23px 0 5px 10px;
}

div#mainContents div#searchBox li{
	display:inline;
	padding-right:10px;
}
div#mainContents div#searchBox li a{
	background:url(../../common/img/cmn_icon_01.gif) 0 2px no-repeat;
	padding:0 0 0 12px;
	color:#444444;
	text-decoration:none;
}
div#mainContents div#searchBox li a:hover{
	color:#993300;
	text-decoration:underline;
}



/*店舗ボックス*/

.category div#mainContents #salonList{
	width:auto;
	padding-left:10px;
	_padding-left:11px;
}

.category div#mainContents .salonBox{
	width:160px;
	padding:5px;
	float:left;
	border:#EEECEA solid 3px;
	line-height:1.2;
	margin:0 9px 9px 0;
	_margin:0 7px 9px 0;
}
.category div#mainContents .salonBox:hover{
	background:#EEECEA;
}

.category div#mainContents .salonBox dt{
	text-align:center;
	margin-bottom:5px;
	font-weight:bold;
}
.category div#mainContents .salonBox dt span{
	font-size:0.8em;
	font-weight:normal;
}
.category div#mainContents .salonBox dt a{
	color:#333333;
}
.category div#mainContents .salonBox dd{
	font-size:0.9em;
}
.category div#mainContents .salonBox dd.salonMore {
	text-align:center;
}


.category div#mainContents .salonBox dd.comment{
	margin:10px 0;
	color:#CC3333;
	font-size:12px;
	font-weight:bold;
	text-align:center;
}
.category div#mainContents .salonBox dd.comment strong{
	margin-right:5px;
}

.category div#mainContents .salonBox dd.salonMore a{
	color:#FFF;
	background-color:#E66771;
	display:block;
	width:80px;
	padding:3px 0;
	margin:5px auto 0;
	font-weight:bold;
	text-decoration:none;
}
.category div#mainContents .salonBox dd.salonMore a:hover{
	background-color: #CC3333;
}

/*店舗詳細*/

.category #mainContents #shopDetail h3 {
	font-size:1.8em;
	color:#222222;
	background: url(../../common/img/cmn_line_01.gif) left bottom repeat-x;
	padding:3px;
	margin-bottom:15px;
}
.category #mainContents #shopDetail h3 span {
	font-size:10px;
}
.category #mainContents #shopDetail h4 {
	color:#CC3333;
	background: url(../../common/img/cmn_line_01.gif) left bottom repeat-x;
	padding:3px;
	margin-bottom:5px;
}
.category #mainContents #shopDetail .column2Box .column2Left li {
	margin-bottom:10px;
}
.category #mainContents #shopDetail .column2Box .column2Left ul{
	margin:0;
}


.category #mainContents #commentBox h4 img {
	vertical-align:middle;
	margin:0 3px 1px;
}
.category #mainContents #commentBox h4 strong {
	font-size:14px;
}
.category #mainContents #commentBox dl {
	background:url(../../common/img/cmn_line_01.gif) left bottom repeat-x;
	padding:5px;
	margin-bottom:10px;
}
.category #mainContents #commentBox dt {
	background:#F1F1F1;
	border-bottom:#CCCCCC double 3px;
	padding:3px;
	margin-bottom:5px;
}

.category #mainContents #commentBox dd.data {
	text-align:right;
	font-size:10px;
}

.category #mainContents #commentBox dd textarea {
	width:390px;
	height:70px;
	margin-bottom:5px;
}

.category #mainContents #commentBox dd#newEntry {
text-align:center;
margin-bottom:5px;
}