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

/*--------------------------------------
file Name:
URI: 
Description: @cosme cosmeet topページ
Version: 1.0
Original: 2009.07.09
Modifier:
Author: 
Author URI: 
--------------------------------------*/
#top .contents{
  /* modified by makio 20090924
  padding: 0 39px; */
	padding: 0 25px;
}

#top h2{
	text-align: center;
	padding: 14px 40px 10px 0;
}
#top .section{
	padding: 0 90px 20px;
}

#top #mainSearch p{
	text-align: center;
	line-height: 1;
}
#top #mainSearch span{
	background: url(/images/search/common/btn/btn_search_on.jpg) no-repeat center center;
	padding: 6px 7px 8px;
	display: inline-block;
	vertical-align: middle;
}
#top #mainSearch input{
	vertical-align: middle;
}
#top #inputText{
	width: 263px;
}

#top .section ul {
	text-align: center;
}
#top .section li{
	display:inline;
}

/*--------------------------------------
	カテゴリ検索
--------------------------------------*/
#top #searchSection {
	padding: 0 20px
}
#top #searchSection ul{
}

#top #searchSection ul li a{
	padding-top: 90px;
	display: -moz-inline-box;
	display: inline-block;
	width: 82px;
	text-align: center;
	white-space: nowrap;
	outline: none;
	background: url(/images/search/top/bg_search.gif) no-repeat;
}


#top #searchSection ul li.search_01 a{ background-position:   10px top; }
#top #searchSection ul li.search_02 a{ background-position:  -75px top; }
#top #searchSection ul li.search_03 a{ background-position: -150px top; }
#top #searchSection ul li.search_04 a{ background-position: -245px top; }
#top #searchSection ul li.search_05 a{ background-position: -330px top; }
#top #searchSection ul li.search_06 a{ background-position: -415px top; }
#top #searchSection ul li.search_07 a{ background-position: -498px top; }
#top #searchSection ul li.search_08 a{ background-position: -585px top; }
#top #searchSection ul li.search_09 a{ background-position: -680px top; }
#top #searchSection ul li.search_10 a{ background-position: -760px top; }

#top #searchSection ul li.search_01 a:hover{ background-position:   10px -150px; }
#top #searchSection ul li.search_02 a:hover{ background-position:  -75px -150px; }
#top #searchSection ul li.search_03 a:hover{ background-position: -150px -150px; }
#top #searchSection ul li.search_04 a:hover{ background-position: -245px -150px; }
#top #searchSection ul li.search_05 a:hover{ background-position: -330px -150px; }
#top #searchSection ul li.search_06 a:hover{ background-position: -415px -150px; }
#top #searchSection ul li.search_07 a:hover{ background-position: -498px -150px; }
#top #searchSection ul li.search_08 a:hover{ background-position: -585px -150px; }
#top #searchSection ul li.search_09 a:hover{ background-position: -680px -150px; }
#top #searchSection ul li.search_10 a:hover{ background-position: -760px -150px; }


/*
#top #searchSection ul li.search_01 a{ background: url(/images/search/top/ico_search_maker.gif) no-repeat center top; }
#top #searchSection ul li.search_02 a{ background: url(/images/search/top/ico_search_brand.gif) no-repeat center top; }
#top #searchSection ul li.search_03 a{ background: url(/images/search/top/ico_search_product.gif) no-repeat center top; }
#top #searchSection ul li.search_04 a{ background: url(/images/search/top/ico_search_kuchikomi.gif) no-repeat center top; }
#top #searchSection ul li.search_05 a{ background: url(/images/search/top/ico_search_member.gif) no-repeat center top; }
#top #searchSection ul li.search_06 a{ background: url(/images/search/top/ico_search_parts.gif) no-repeat center top; }
#top #searchSection ul li.search_07 a{ background: url(/images/search/top/ico_seach_image.gif) no-repeat center top; }
#top #searchSection ul li.search_08 a{ background: url(/images/search/top/ico_search_chieco.gif) no-repeat center top; }
#top #searchSection ul li.search_09 a{ background: url(/images/search/top/ico_search_diary.gif) no-repeat center top; }
#top #searchSection ul li.search_10 a{ background: url(/images/search/top/ico_search_pittari.gif) no-repeat center top; }
*/

/*--------------------------------------
	注目検索キーワード
--------------------------------------*/
#top #sectionKeyWord {
	background: url(/images/search/top/bg_keyword_body.gif) repeat-y center top;
	margin: 25px 0 15px;
/*	padding: 0 70px;*/
	padding: 0 36px;
	_padding: 0 36px;

}
#top #sectionKeyWord .block{
	background: url(/images/search/top/bg_keyword_head.gif) no-repeat center top;
	padding: 5px 0 0;
}
#top #sectionKeyWord .boxParent{
	background: url(/images/search/top/bg_keyword_bottom.gif) no-repeat center bottom;
	padding: 0 0 5px;
	width: 100%;
}

#top #sectionKeyWord h3{
	text-align:center;
	width: 160px;
	_width: 180px;
	padding-left:20px;
}
#top #sectionKeyWord ul{
	text-align: left;
	width: 675px;
	_width: 670px;
	padding-right: 20px;
}

#top #sectionKeyWord li{
	padding: 0 10px 0 0;
	line-height: 1.5;
}

#top #sectionKeyWord li a{
	white-space:nowrap;
	color:#333;
	font-size: 130%;
	text-decoration: underline;
}
#top #sectionKeyWord li a:hover,
#top #sectionKeyWord li a:active{
	text-decoration: underline;
	color: #2e93ad;
}


/*--------------------------------------
	キーワード一覧
--------------------------------------*/
#top #sectionKeyList{
	background: url(/images/search/top/bg_keyword_list.gif) no-repeat center top;
	padding: 0 56px 14px;
	font-size: 10px;

}

*html #top #sectionKeyList .boxCell,
*html #top #sectionKeyList .boxCell img{ vertical-align: top; } /* for IE6 */

*:first-child+html #top #sectionKeyList .boxCell,
*:first-child+html #top #sectionKeyList .boxCell img{ vertical-align: top;} /* for IE7 */




#top #sectionKeyList .boxParent{
	padding: 6px 0 6px 8px;
}
#top #sectionKeyList .boxParent h3{
	padding-right: 10px;
}

#top #sectionKeyList ul.boxCell{
	background: url(/images/search/top/bg_keyword_btn.gif) no-repeat left center;
}
#top #sectionKeyList ul.boxCell li {
	display: block;
	float: left;
	width: 102px;
}

#top #sectionKeyList ul.boxCell li a:hover img{
	opacity: 0;
	filter: alpha(opacity=0);
}



/*--------------------------------------
	メルマガ
--------------------------------------*/
#top #sectionMailMag{
/*	padding: 0 88px;*/
	padding: 0 50px 0 55px;
	_padding: 0 50px 0 50px;
	margin-bottom: 8px;
}
#top #sectionMailMag h3{
	width:170px;
}
#top #sectionMailMag h3 img{
	margin-left: 5px;
}
#top #sectionMailMag p{
	line-height:1.5;
	width:455px;
}
#top #sectionMailMag .alert{
	font-weight: bold;
	color: #54a395;
}
#top #sectionMailMag a{
	text-decoration: none;
}
#top #sectionMailMag a:hover{
	text-decoration: underline;
}

#top #sectionMailMag div.boxCell{
	padding: 6px 7px 8px;
	text-align: right;
	width: 200px;
	_width: 214px;
	background: url(/images/search/common/btn/btn_mail_top_on.jpg) no-repeat 20px center;
}

/*--------------------------------------
	お知らせ
--------------------------------------*/
#top #sectionInfo{
	background: url(/images/search/common/border/border_dot_h_9.gif) repeat-x top left;
	padding: 0 0 20px;
	margin: 0 60px;
}

#top #sectionInfo dl{
	padding: 10px 0;
	background: url(/images/search/common/border/border_dot_h_9.gif) repeat-x bottom left;
}
#top #sectionInfo dt{
	font-weight: bold;
	color: #73cce2;
	float:left;
	text-align: right;
	width: 340px;
	line-height: 1.5;
	font-size: 120%;
}
#top #sectionInfo dd{
	float:right;
	width: 480px;
}
#top #sectionInfo ul{
}
#top #sectionInfo ul li{
	line-height: 1.5;
	font-size: 120%;
	display:block;
}
#top #sectionInfo ul li a{
	text-decoration: none;
	color: #333;
}
#top #sectionInfo ul li a:hover{
	text-decoration: underline;
}