@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;
}



/*--------------------------------------
	共通フォーム
--------------------------------------*/

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

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

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

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

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

.formArea input {
	vertical-align: middle;
}

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

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


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

.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;
}

.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;
}


/*

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

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


/*--------------------------------------
	頭文字フォーム
	ブランドから探す
--------------------------------------*/
#tab01 h3{
	padding: 0 0 10px;
	float: left;
	width: 140px;
}

#tab01 .searchAreaBlockHeader{
	padding-bottom: 10px;
}

#tab01 .searchArea{
}

/* 言語切り替え */
#tab01 ul#changeLang {
	width: 100px;
	float: left;
}
#tab01 ul#changeLang li{
	float: left;
	padding-right: 5px;
}


#tab01 .searchAreaBlock .search {
	text-align: left;
	float: left;
	margin-top: -5px;
}

#tab01 .search #inputText{
	width: 120px;
}


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

#tab01 .initialInputTbl td{
	border-left: solid 1px #999999;
	border-right: solid 1px #999999;
	text-align: center;
	color: ##0F91CF;
	font-size: 12px;
	color: #54AEDD;
}

#tab01 #initialJp .initialInputTbl td{
	width: 26px;
}
#tab01 #initialEn .initialInputTbl td{
	width: 34px;
}



#tab01 .initialInputTbl td a{
	text-decoration: none;
}
#tab01 .initialInputTbl td a:hover{
	text-decoration: underline;
}

#tab01 .initialInputTbl .initialSpace{
	width: 42px
}

#tab01 #initialJp,
#tab01 #initialEn{
	padding-bottom: 5px;
}

#tab01 #initialJp #tableArea{
	float: left;
	width: 300px;
}
#tab01 #initialEn #tableArea{
	float: left;
	width: 210px;
}


#tab01 #initialJp #listArea{
	float: right;
	width: 245px;
}

#tab01 #initialEn #listArea{
	float: right;
	width: 338px;
}


#tab01 #initialJp #listArea select{
	width: 195px;
	height: 85px;
	font-size: 10px;
	color: #656565;
}
#tab01 #initialEn #listArea select {
	width: 285px;
	height: 85px;
	font-size: 10px;
	color: #656565;
}




/*--------------------------------------
	お悩み・効果フォーム
--------------------------------------*/
form#searchFormInitial.formArea .searchAreaBlock#tab02  {
	padding-left: 60px;
	padding-bottom: 10px;
}

#tab02 .listArea {
	float: left;
	width: 175px;
}
#tab02 .listArea h3{
	padding-bottom: 5px;
}

#tab02 .listArea select {
	width: 140px;
	height: 80px;
	font-size: 10px;
	color: #656565;
}



/*--------------------------------------
	お悩み・効果フォーム
--------------------------------------*/
form#searchFormInitial.formArea .searchAreaBlock#tab03  {
	padding-left: 20px;
	padding-bottom: 10px;
}

#tab03 .listArea {
	float: left;
	width: 142px;
}
#tab03 .listArea h3{
	padding-bottom: 5px;
}

#tab03 .listArea select {
	width: 135px;
	height: 80px;
	font-size: 10px;
	color: #656565;
}


/*--------------------------------------
 プルダウン
--------------------------------------*/
.formArea .conditionList{
	padding-left: 22px;
	_margin-right: -10px;
	padding-bottom: 10px;
}
.formArea .conditionList li{
	zoom:1;
	float: left;
	margin-right:11px;
	margin-top: 10px;
	width:191px;
	background: url(/images/search/product_search/bg_condition_list.gif) no-repeat right center;
}

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

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


.formArea .freeWord{
	padding:10px 10px 10px 32px;
	background: url(/images/search/product_search/bg_condition_09.gif) no-repeat 22px top;
	min-height: 68px;
	_height: 68px;
}
.formArea#searchFormInitial .freeWord #inputFreeWord{
	width: 458px;
}

.formArea .searchTarget{
	font-weight: bold;
	margin-top: 10px;
	padding-left: 110px;
	vertical-align: middle;
}
.formArea .searchTarget input,
.formArea .searchTarget label{
	font-weight: normal;
	vertical-align: middle;
}




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





/*--------------------------------------
	検索結果
--------------------------------------*/
#productSearchResult .formArea div.searchBlock{
	_padding: 23px 0 0;
}

#productSearchResultContents .formArea .searchArea{
	padding-bottom: 30px;
}
#productSearchResultContents .searchAreaBlock h3{
	padding-left: 110px;
	_padding-left: 100px;
	font-weight: bold;
	color: #0f91cf;
	font-size: 120%;
}

#productSearchResultContents .searchResultNum div.resultQuery h3{
	font-weight: bold;
}
#productSearchResultContents .searchAreaBlock ul{
	padding: 10px 60px 10px 110px;
	_padding-left: 100px;
}
#productSearchResultContents .searchAreaBlock li{
	float: left;
	white-space: nowrap;
	margin-right: 15px;
	line-height: 1.5;
	color: #0f91cf;
}



#productSearchResultContents .searchAreaBlock dl,
#productSearchResultContents .searchAreaBlock dt{
	display: inline;
}
#productSearchResultContents .searchAreaBlock dd{
	display: inline;
	color: #656565;
}
#productSearchResultContents .searchAreaBlock a{
	background: none;
}

/* 関連ブランド */
.relatedBrand {
	background: url(/images/search/common/border/border_dot_h_9.gif) repeat-x left 2px;
	font-size: 120%;
}
.relatedBrand dl {
	padding: 10px 0 8px;
}
.relatedBrand dl dt{
	background:transparent url(/images/search/common/icons/small_icons.gif) no-repeat 0 -202px;
	padding-left:10px;
	float: left;
}
.relatedBrand dl dd{
	float: right;
	width: 540px;
}
.relatedBrand dl dd li{
	float: left;
	margin-right: 10px;
}


/* 並び替え */

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;
}

/* 比較ボタン */
.compareBtn{
	padding-top: 6px;
	background: url(/images/search/common/btn/btn_compare_on.jpg) no-repeat right top;
	margin-right: -1px;
	padding-right: 7px;
	padding-bottom: 7px;
	text-align: right;
}
.compareBtn a{
	padding-left: 6px;
}
.compareBtn img{
	vertical-align: middle;
}
.compareBtn span{
	font-size: 120%;
}

/* リスト */
#productSearchResult .brandItems {
	padding-top: 0;
	padding-bottom: 10px;
}
.brandItems h3{
	background: #E9E9E9;
	color: #666666;
	padding: 12px 10px;
	font-weight: bold;
	font-size: 120%;
}


#productSearchResult .brandItems .boxParent,
#productSearchResult .brandItems .boxCell{
	vertical-align:top;
}

.brandItems #brandItemsList{
	border-top: #FFF solid 1px;
/*	background: url(/images/search/common/border/border_dot_h_9.gif) repeat-x left 1px;*/
}

.brandItems .infoText{
	font-size: 120%;
}

.brandItems li{
	padding-bottom: 18px;
	margin-bottom: 20px;
	line-height: 1.5;
	clear: both;
	background: url(/images/search/common/border/border_dot_h_9.gif) repeat-x left bottom;
}

.brandItems li.listEnd{
	margin-bottom: 0px;
	background: none;
}

.brandItems .searchWord{
	font-weight: bold;
}
.brandItems  #brandItemsList li p.listCheckBox{
	float: left;
	width: 20px;
}
.brandItems  #brandItemsList li p.listCheckBox input{
	margin-left:0;
}
.brandItems div.listHeader {
	float: right;
	width: 606px;
	_width: 596px;
/*	padding-left:20px;*/
	margin-bottom: 10px;
}
.brandItems div.listHeader p{
}
.brandItems div.listHeader h4{
	display: inline;
}

.brandItems div.listHeader h4 a{
	font-size: 120%;
	font-weight: bold;
}
.brandItems div.listHeader img{
	margin-left: 5px;
}
.brandItems div.listHeader ul.infoIcons{
	padding: 0;
	display: inline;
}
.brandItems div.listHeader ul.infoIcons li{
	display: inline;
	background: none;
	padding: 0;
	margin: 0;
}
.brandItems div.listHeader ul.infoIcons li img{
	/*vertical-align: middle;*/
}

.brandItems div.boxParent{
	margin-left: 10px;
	clear: both;
}
*html .brandItems div{ margin-left: 0; }	/* for IE6 */
*:first-child+html .brandItems div { margin-left: 0; }	/* for IE7 */

/* 70pxアイコン */
.brandItems div.boxCell{
	text-indent: 10px;
	width: 92px;
}
.brandItems .boxCell ul.infoIcons{
	padding-top: 10px;
}
.brandItems .boxCell ul.infoIcons li{
	background: none;
	padding: 0 0 3px;
	margin: 0;
}

.brandItems p img{
/*	border:1px solid #CCCCCC;*/
}

.brandItems dl {
	padding-left: 20px;
}
.brandItems dl.boxCell{
	width: 500px;
	padding-left: 0;
}


.brandItems dl dd a{
	color :#0f91cf;
	text-decoration: none;
}
.brandItems dl dd a:hover,
.brandItems dl dd a:active{
	text-decoration: underline;
}

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

.brandItems dl dd.reviewPanel{
	padding-top: 20px;
}






/*--------------------------------------
	比較
--------------------------------------*/
.searchCompareList{
	padding: 0 0 15px;
}
#productCompareTbl{
	background: url(/images/search/common/border/border_dot_h_9.gif) repeat-x left top;
	width: 626px;
	margin: 5px 0;
}
#productCompareTbl th,
#productCompareTbl td{
	_font-size: 63%;
}

#productCompareTbl img{
	vertical-align: top;
}

#productCompareTbl th{
	background: url(/images/search/product_search/bg_compare_border.gif) no-repeat -1px bottom;
	text-align: center;
	padding: 3px 3px 4px 4px;
}

#productCompareTbl th p.boxParent{
	margin-left: 0;
}
#productCompareTbl th .th_images{
	vertical-align: middle;
	white-space: nowrap;
	width: 92px;
	_height: 74px;
}

#productCompareTbl th .th_images img,
#productCompareTbl th .th_images input{
	vertical-align:middle;
}

#productCompareTbl th .th_links{
	width: 90px;
}
#productCompareTbl th .th_links a{
	text-decoration: none;
}
#productCompareTbl th .th_links a:hover{
	text-decoration: underline;
}

#productCompareTbl th .th_links p{
	width: 85px;
	_width: 90px;
	line-height: 1.3;
	padding-left: 5px;
}

#productCompareTbl th .th_links p.itemName {
	padding: 3px 0 3px 5px;
}

#productCompareTbl th .th_links p.itemName a{
	font-weight: bold;
}

#productCompareTbl tr#tblHeader th{
	background: url(/images/search/product_search/bg_compare_border.gif) no-repeat left bottom;
}

#productCompareTbl tr#tblHeader th#cellItem{
	background: url(/images/search/product_search/bg_compare_border.gif) no-repeat -2px bottom;
}

#productCompareTbl td{
	background: url(/images/search/product_search/bg_compare_border.gif) no-repeat left bottom;
	padding: 10px;
}
#productCompareTbl td a{
	text-decoration: none;
}
#productCompareTbl td a:hover{
	text-decoration: underline;
}
#productCompareTbl td.cellCategoryData a{
	color: #656565;
}


/* 戻るボタン */
.searchCompareList .pageBack {
	width: 140px;
	padding: 0 0 10px 5px;
	margin: 0 0 -50px 0;
}
.searchCompareList .pageBack span{
	display: block;
	padding: 6px 6px 8px;
	background: url(/images/search/common/btn/btn_back_on.jpg) no-repeat -1px -1px;
}
.searchCompareList .pageBack span img{
}

/* クリップボタン */
.clipBtn{
	background: url(/images/search/common/btn/btn_clip_on.jpg) no-repeat 100% 50%;
	margin: 0 -7px 1px 0;
	padding: 6px 7px 7px 0;
	text-align: right;
}

.clipBtn a{
	padding-left: 6px;
}
.clipBtn img{
	vertical-align: middle;
}
.clipBtn span{
	font-size: 120%;
}