@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{
  width:640px;
	background: url(/images/search/brand_search/bg_search_side.gif) repeat-y right top;
	position: relative;
	margin-bottom: 22px;
}
form.formArea div.searchWrapper{
  width:640px;
	background: url(/images/search/brand_search/bg_search_bottom.gif) no-repeat right bottom;
	padding-bottom: 15px;
}
form.formArea div.searchBlock{
	padding: 23px 16px 0;
	background: url(/images/search/brand_search/bg_search_top.gif) no-repeat right top;
}

form.formArea h2{
	position: absolute;
	top: -6px;
	left: 3px;
}

form.formArea .wrapTab{
	background: url(/images/search/brand_search/bg_input_area_side.gif) repeat-y center top;
}
form.formArea ul.tabs{
	background: url(/images/search/brand_search/bg_tab_shadow.jpg) no-repeat center bottom;
	padding-right: 8px;
	display:block;
	text-align: right;
	padding-left: 294px;
}

form.formArea ul.tabs li{
	float: left;
	padding-left: 10px;
}

form.formArea .searchArea{
	background: url(/images/search/brand_search/bg_input_area_bottom.gif) no-repeat center bottom;
	padding-bottom: 20px;
	zoom: 1;
}
form.formArea .searchAreaBlock{
	text-align: center;
	background: url(/images/search/brand_search/bg_input_area_top.gif) no-repeat center top;
	padding-top: 23px;
	text-align:left;
}
form.formArea .search{
	text-align: center;
}

form.formArea input {
	vertical-align: middle;
}


/*--------------------------------------
	フリーワードフォーム
--------------------------------------*/

form.formArea#searchFormFreeWord span.searchBtn {
	background: url(/images/search/common/btn/btn_search_on.jpg) no-repeat center center;
	display: inline-block;
	padding: 6px 7px 8px;
	vertical-align: middle;
}

form.formArea#searchFormFreeWord input#inputText{
	width: 425px;
}

.deleteTxtBtn{
	background:transparent url(/images/search/common/btn/btn_delete_txt_on.jpg) no-repeat left center;
	padding: 6px 3px 6px 6px;
	vertical-align:middle;
	display: inline-block;
	font-size: 16px;
}
.deleteAllBtn{
	background:transparent url(/images/search/common/btn/btn_delete_all_on.jpg) no-repeat right center;
	padding: 6px 6px 6px 3px;
	vertical-align:middle;
	display: inline-block;
	font-size: 16px;
}
.deleteTxtBtn a,
.deleteAllBtn a{
	font-size: 16px;
}
.deleteTxtBtn img,
.deleteAllBtn img{
	vertical-align: middle;
	font-size: 16px;
}


/*

form.formArea h3{
	display: inline;
	font-weight: bold;
	color: #54aedd;
}
form.formArea ul{
	display: inline;
}
form.formArea ul li{
	display: inline;
	padding-left: 10px;
}

form.formArea ul li a{
	color: #666666;
}
*/


/*--------------------------------------
	頭文字から探すフォーム
--------------------------------------*/

form.formArea#searchFormInitial h3{
	padding: 0 0 10px;
}

form.formArea#searchFormInitial .searchAreaBlock{
	background: url(/images/search/brand_search/bg_input_area_initial_top.gif) no-repeat center top;
	padding-left: 30px;
}

form.formArea#searchFormInitial .searchArea{
}


/* テーブル */
form.formArea#searchFormInitial .initialInputTbl{
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 3px;
	widht: auto;
	margin: 0 0 3px;
	width: 520px;
}

form.formArea#searchFormInitial .initialInputTbl td{
	border-left: solid 1px #999999;
	border-right: solid 1px #999999;
	text-align: center;
	color: ##0F91CF;
	font-size: 12px;
	color: #54AEDD;
	width: 24px;
}
form.formArea#searchFormInitial .initialInputTbl .initialSpace{
	width: 42px
}


form.formArea#searchFormInitial .search {
	padding: 9px 0 5px;
	text-align:left;
}

form.formArea#searchFormInitial #inputText{
	width: 240px;
}

form.formArea#searchFormInitial #readOnlyText{
  width:150px;
 	background:#F7F7F7 url(/images/search/common/bg/bg_text_form.gif) repeat-x top;
  border:1px solid #AFE0EC;
}

/*--------------------------------------
	検索結果
--------------------------------------*/
.brandSearchList{
	padding: 7px 0 10px 12px;
}
.brandSearchList ul{
	_padding-bottom: 10px;
}
.brandSearchList li{
	padding-bottom: 10px;
	_padding-bottom: 0;
	_margin-bottom: 10px;
	float: left;
	width: 305px;
	min-height: 2em;
	_height: 2em;
	font-size: 120%;
	line-height: 1.2;
	zoom:1;
}

.brandSearchList li:after { content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0; line-height:1; overflow:hidden; }
.brandSearchList li { display:inline-block; }
/**html .brandSearchList li { height:1%; }*/
.brandSearchList li{ display:block; }
*:first-child+html .brandSearchList li { display:inline-block; }


.brandSearchList li input{
	vertical-align: top;
}

.brandSearchList li img{
	vertical-align: middle;
}

.brandSearchList li a{
	line-height: 1.5;
	text-decoration: none;
	margin-right: 5px;
	color: #0F91CF;
}
.brandSearchList li a:hover{
	text-decoration: underline;
}
.brandSearchList li img{
}

.brandSearchList li span.blockCheck{
	display: block;
	float:left;
	width: 20px;
	margin: 0;
	padding:0;
}
.brandSearchList li span.blockTxt{
	display: block;
	float:right;
	width: 285px;
	zoom:1;
}


.brandSearchList li span.checking{
	padding-left: 10px;
	background: url(/images/search/common/icons/small_icons.gif) no-repeat 0 -202px;
}

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


#brandSearch .searchResultNum div.resultQuery h3 {
	font-weight: bold;
}

div.addFavorite{
  margin-bottom:10px;
	font-size: 120%;
	text-align: right;
	clear:both;
	margin-right: -1px;
	vertical-align: middle;
	zoom:1;
}
div.addFavorite span{
	display: -moz-inline-box;		/* for FF2 */
	display: inline-block;
	vertical-align: middle;
	padding: 6px 7px 8px;
	background: url(/images/search/common/btn/btn_add_favorite_on.jpg) no-repeat left top;
}
div.addFavorite span a{
	display: -moz-inline-box;		/* for FF2 */
	height: 26px;
}

div.addFavorite img{
	vertical-align: top;
	font-size: 12px;
}