@charset "Shift-JIS";
@import "init.css";
@import "global.css";
@import "common.css";

/*--------------------------------------
file Name:
URI: 
Description: @cosme cosmeet クチコミ検索ページ
Version: 1.0
Original: 2009.07.09
Modifier:
Author: 
Author URI: 
--------------------------------------*/

.section{
	margin: 0 6px 0 8px;
}



/*--------------------------------------
	フォーム
--------------------------------------*/

form.formArea{
	background: url(/images/search/kuchikomi_search/bg_search_side.gif) repeat-y right top;
	position: relative;
	margin-bottom: 22px;
}
form.formArea div.searchWrapper{
	background: url(/images/search/kuchikomi_search/bg_search_bottom.gif) no-repeat right bottom;
	padding-bottom: 17px;
}
form.formArea div.searchBlock{
	padding: 23px 16px 0;
	background: url(/images/search/kuchikomi_search/bg_search_top.gif) no-repeat right top;
}

form.formArea h2{
	position: absolute;
	top: -6px;
	left: 3px;
}
form.formArea div.searchBlock input{
	vertical-align: middle;
}
form.formArea div.searchBlock label{
	padding-right: 10px;
}

form.formArea #inputTextArea{
	padding-left:100px;
	padding-bottom: 15px;
}
form.formArea #inputText{
	width: 385px;
	vertical-align: middle;
}

form.formArea span.searchBtn {
	background: url(/images/search/common/btn/btn_search_sub_on.jpg) no-repeat center center;
	display: inline-block;
	padding: 6px 7px 8px;
	vertical-align: middle;
}
form.formArea span.searchBtn input{
	vertical-align: middle;
}
form.formArea .searchTarget{
	margin-top: -5px;
	vertical-align: middle;
	font-weight: bold;
}
form.formArea .searchTarget input,
form.formArea .searchTarget label{
	font-weight: normal;
	vertical-align: middle;
}

form.formArea .conditionList{
	padding-left: 7px;
	_padding-left: 14px;
	_margin-right: -10px;
	padding-bottom: 10px;
}
form.formArea .conditionList li{
	zoom:1;
	float: left;
	margin-right:10px;
	margin-top: 10px;
	width:180px;
	background: url(/images/search/kuchikomi_search/bg_condition_list.gif) no-repeat right center;
}

form.formArea .conditionList li.wide{
	width:200px;
}

form.formArea .conditionList li.conditionLong{
	width: 390px;
}

form.formArea .conditionList li img{
	vertical-align: middle;
}

form.formArea .conditionList li select{
	width: 116px;
	vertical-align: middle;
	color: #656565;
	font-size:11px;
	margin-bottom: 1px;
}

form.formArea .conditionList li.wide select{
	width: 136px;
}

form.formArea .conditionSearch{
	clear: both;
	padding-left: 200px;
	_padding-left: 207px;
}
form.formArea .conditionSearch span{
	background: url(/images/search/common/btn/btn_condition_search_on.jpg) no-repeat center center;
	display: inline-block;
	padding: 6px 7px 8px;
	vertical-align: middle;
}
form.formArea .conditionSearch a{
	padding-right: 15px;
	background: url(/images/search/common/icons/small_icons.gif) no-repeat right -102px;
}


/*--------------------------------------
	検索結果
--------------------------------------*/

/* 並び替え */

div.resultSort{
	background: url(/images/search/common/border/border_dot_h_9.gif) repeat-x left 2px;
}

.resultSort dl{
	padding: 10px 0 5px;
}
.resultSort dt,
.resultSort dd{
	float: left;
}
.resultSort dt{
	font-weight: bold;
	padding: 0px 10px 2px 0;
	vertical-align: middle;
}
*html .resultSort dt{ padding: 2px 10px 2px 0; }	/* for IE6 */
*:first-child+html .resultSort dt{ padding: 2px 10px 2px 0; }	/* for IE7 */


.resultSort dd {
	padding-right: 10px;
	margin-right: 10px;
	border-right: #000 1px solid;
}
.resultSort dd a{
	color: #666666;
	text-decoration: none;
	padding: 2px 15px 2px 2px;
	dislpay: inline-block;
	_height: 1px;
	vertical-align: middle;
}
.resultSort a:hover {
	text-decoration: underline;
}
.resultSort a.active {
	font-weight: bold;
	color: #0f91cf;
	background-color: #d8f2ff;
	zoom:1;
}

.resultSort a.sortAsc {
	background: #FFFFFF url(/images/search/common/icons/small_icons.gif) no-repeat right -300px;
}
.resultSort a.sortDes {
	background: #FFFFFF url(/images/search/common/icons/small_icons.gif) no-repeat right -400px;
}

.resultSort a.activeSortAsc {
	background: #d8f2ff url(/images/search/common/icons/small_icons.gif) no-repeat right -250px;
	color: #0f91cf;
}
.resultSort a.activeSortDes {
	background: #d8f2ff url(/images/search/common/icons/small_icons.gif) no-repeat right -350px;
	color: #0f91cf;
}



/* リスト */
.searchResultList .infoText{
	font-size: 120%;
}
.searchResultList .infoText a{
	color:#656565;
}
.searchResultList .infoText a.readMore{
	color:#0F91CF;
}
.searchResultList .infoText a:hover{
	text-decoration: underline;
}
.searchResultList li{
	padding-bottom: 24px;
	margin-top: 20px;
	line-height: 1.5;
	clear: both;
	background: url(/images/search/common/border/border_dot_h_9.gif) repeat-x left bottom;
}

.searchResultList .searchWord{
	font-weight: bold;
}

.searchResultList h4 {
	margin-bottom: 10px;
	padding-left: 10px;
	background: url(/images/search/common/icons/small_icons.gif) no-repeat 0 -202px;
}
.searchResultList h4 a{
	font-size: 120%;
	zoom:1;

}
.searchResultList div.boxParent{
	margin-left: 10px;
	margin-bottom: 5px;
}
*html .searchResultList div{ margin-left: 0; }	/* for IE6 */
*:first-child+html .searchResultList div { margin-left: 0; }	/* for IE7 */

/* 70pxアイコン */
.searchResultList div div.boxCell{
	/*text-indent: 10px;*/
	width: 92px;
}

.searchResultList div div.boxCell table{
  margin-left:10px;
}

/* 30pxアイコン */
.searchResultList div.minIco div.boxCell{
	/*text-indent: 10px;*/
	width: 52px;
}

.searchResultList div.minIco div.boxCell table{
  margin-left:10px;
}
/*
.searchResultList p img{
	border:1px solid #CCCCCC;
}
*/
.searchResultList dl {
	padding-left: 20px;
	width: 580px;
	_width: 600px;
}
.searchResultList dl.boxCell{
	width: 500px;
	_width: 490px;
	padding-left: 0;
}
.searchResultList div.minIco dd{
	font-size: 120%;
}

.searchResultList div.minIco dl dd a{
	color: #0f91cf;
}

.searchResultList dl dd .dataText{
	font-size: 83%;
}
.searchResultList dl dd.tagTop{
	padding-top:5px;
}


.searchResultList dl dd a{
	color :#7bc9ee;
	text-decoration: none;
}
.searchResultList dl dd a:hover,
.searchResultList dl dd a:active{
	text-decoration: underline;
}



.searchResultList dl dd img{
	vertical-align:baseline;
}