/* category top page */

div.midashi-row {
	border-bottom: 1px solid #7bb2e7;
	margin-top: 10px;
	margin-bottom: 4px;
	width: 800px;
	height: 22px;
	padding-bottom: 1px;
}

div.midashi-row ul {
	list-style-type: none;
}

div.midashi-row ul li {
	float: left;
	width: 112px;
	height: 22px;
	margin-right: 1px;
}

div.midashi-row ul li a {
	/* IE6 隙間対策 */
	display: block;
}

div.midashi-row ul li h3 {
	margin: 0;
	padding: 0;
}

div#keyword-sbox {
	width: 800px;
	/*height: 58px*//*1205 del*/
	height: 44px;	/*1205 add*/
	_height: 58px;	/*1205 add*/
	/*background: #e4e7ec url(../look_enjoy/images/seachbox_bg.gif) no-repeat;*//*1205 del*/
	background-image:url(../common_img/seachbox_bg.gif);/*1205 add*/
	background-repeat:no-repeat;/*1205 add*/
	clear: both;
}

form div#keyword-sbox,/*1205 add*/
div#keyword-sbox form {
	padding-top: 14px;
	padding-left: 15px;
	padding-right: 10px;
}

div#theme-sbox, div#area-sbox, div#city-sbox {
	/*clear: both;*/	/* IE5で不要 */
	background: #e4e7ec url(../common_img/graybox800_bg_top.gif) no-repeat 0 top;
	width: 800px;
	padding-top: 10px;
}

div#theme-sbox {
}

.row1 {
	margin-top: 10px;
}

.row {
	margin-top: 10px;
}

.col3_box {
	width: 263px;
	margin-bottom: 10px;
	float: left;
}

.col3_box .inbox {
	margin-left: 11px;
	width: 252px;
	height: 212px;
	background: url(images/col3_box_bg.gif) repeat-y;
	border-top: 1px solid #c6c6c6;
	border-bottom: 1px solid #c6c6c6;
	overflow: auto;
}

.col3_box h4 {
	margin: 1px 2px 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 4px;
	font-size: 14px;
}

.col3_box h4 img {
	vertical-align: text-bottom;
	margin-right: 5px;
}

.col3_box h4.color1 {
	color: #1a8029;
	background-color: #d1f2cc;
	border-bottom: 1px solid #a5d89f;
}

.col3_box h4.color2 {
	color: #389bda;
	background-color: #cce5f2;
	border-bottom: 1px solid #92c3ff;
}

.col3_box h4.color3 {
	color: #54358d;
	background-color: #e5d8fd;
	border-bottom: 1px solid #c6aef0;
}

.col3_box h4.color4 {
	color: #cb6a0b;
	background-color: #fbe6ad;
	border-bottom: 1px solid #e1d375;
}

.col3_box h4.color5 {
	color: #f70;
	background-color: #ffe3c8;
	border-bottom: 1px solid #eac4aa;
}

.col3_box h4.color6 {
	color: #e83566;
	background-color: #fadde5;
	border-bottom: 1px solid #f1b0c5;
}

.col3_box ul {
	list-style-image: url(images/top_arrow.gif);
	margin-left: 20px;
	_margin-left: 23px;	/* IE6 bugfix */
}

.col3_box ul li {
	font-size: 12px;
}

div#area-sbox {
	padding-bottom: 7px;
}

div#area-sbox .mapcolumn {
	float: left;
	margin-left: 10px;
	width: 380px;
}

div#area-sbox .areacolumn {
	float: left;
	width: 394px;
}

.areacolumn .area1, .areacolumn .area2,
.areacolumn .area3, .areacolumn .area4,
.areacolumn .area5, .areacolumn .area6 {
	width: 394px;
	border-top: 1px solid #c6c6c6;
	border-bottom: 1px solid #c6c6c6;
	margin-bottom: 4px;
}

.areacolumn .area1 {
	background: url(images/arealist-box_bg01.gif) repeat-y;
}

.areacolumn .area2 {
	background: url(images/arealist-box_bg02.gif) repeat-y;
}

.areacolumn .area3 {
	background: url(images/arealist-box_bg03.gif) repeat-y;
}

.areacolumn .area4 {
	background: url(images/arealist-box_bg04.gif) repeat-y;
}

.areacolumn .area5 {
	background: url(images/arealist-box_bg05.gif) repeat-y;
}

.areacolumn .area6 {
	background: url(images/arealist-box_bg06.gif) repeat-y;
}

.areacolumn p {
	margin: 6px 10px 6px 20px;
}

div#city-sbox {
	padding-top: 2px;
	padding-bottom: 9px;
}

div#city-sbox h4 {
	font-size: 14px;
	color: #fff;
	background: url(../look_enjoy/images/city_headbg.gif) no-repeat;
	padding-top: 5px;
	padding-bottom: 4px;
	margin-top: 10px;
	margin-bottom: 5px;
	padding-left: 8px;
	margin-left: 12px;
}

div#city-sbox p.linklist {
	margin-bottom: 3px;
	padding-left: 4px;
	margin-left: 15px;
}

div#city-sbox table {
	width: 776px;
	border-collapse: collapse;
	border-top: 1px solid #c6c6c6;
	border-left: 1px solid #c6c6c6;
	background-color: #fff;
	margin-left: 12px;
}

div#city-sbox table th, div#city-sbox table td {
	border-bottom: 1px solid #c6c6c6;
	padding: 4px;
	font-size: 12px;
	border-right: 1px solid #c6c6c6;
	vertical-align: top;
}

div#city-sbox table th {
	width: 4em;
	text-align: left;
	padding-left: 5px;
}

div#city-sbox table td {
	padding-left: 5px;
}

div#city-sbox table .rowcolor {
	background-color: #edf8ff;
}

div.sbox_btm {
	clear: both;
	height: 3px;
	background: url(../common_img/graybox800_bg_btm.gif) no-repeat 0 bottom;
}

/* end css */