/* ==================================================================
   /a_search/ の「衣装から探す」専用スタイル（260911 先方FB）
   ・地方版PCは各版の pc_search.css（サーバー固有・首都圏用エリアCSS）を使うため、
     www版 pc_search.css を丸ごと読ませるとエリアマップが壊れる。
   ・そこで衣装分だけを本ファイルに分離し、全版で includeCSS 読み込みする。
   ・見出しは業種見出し(#headline_type)と同じ色味、リストは flex 横4列。
   ================================================================== */

div#headline_costume{
	width:770px;
	height:36px;
	margin:15px auto 0;
	background:url(../images/search/headline_type_w770.png) no-repeat top left;
	position:relative;
}
div#headline_costume h2{
	width:200px;
	height:36px;
	padding:0 0 0 50px;
	line-height:41px;
	color:#ffffff;
	font-size:16px;
	font-weight:bold;
}
div#headline_costume p{
	color:#ffffff;
	position:absolute;
	top:12px;
	left:220px;
}

div#type_costume ul.asearch_costume_list{
	display:flex; flex-wrap:wrap;
	width:770px; margin:0 auto; padding:12px 0 4px;
	box-sizing:border-box;
}
div#type_costume ul.asearch_costume_list li{
	box-sizing:border-box; width:25%; padding:4px; list-style:none;
}
div#type_costume ul.asearch_costume_list li a{
	display:block; padding:11px 6px; text-align:center;
	border:1px solid #e3007f; border-radius:4px;
	background:#ffffff; color:#e3007f; font-size:14px; font-weight:bold;
	text-decoration:none;
}
div#type_costume ul.asearch_costume_list li a:hover{
	background:#e3007f; color:#ffffff;
}