@charset "UTF-8";

/* エリアから選ぶ index
---------------------------------------------------- */
#main div.area_wrapper {
	width: 670px;
	margin-top: 20px;
	margin-bottom:15px;
	padding: 5px;
	background: #FFC0DC url(../../common/images/parts/alphaline.gif);
}
.area_wrapper .area {
	background: #FFFFFF;
}

.area div.map {
	float: left;
	width: 328px;
	padding: 15px;
}
.area div.list {
	float: left;
	width: 297px;
	padding: 15px 15px 0 0;
}
.list dt {
	margin: 0 0 2px;
	font-size: 110%;
	font-weight: bold;
}
.list dt.list_pink {
	padding-left: 15px;
	background: url(../../common/images/listmark/listmark_pink.gif) no-repeat 0 5px;
}
.list dt.list_blue {
	padding-left: 15px;
	background: url(../../common/images/listmark/listmark_blue.gif) no-repeat 0 5px;
}
.list dt.list_green {
	padding-left: 15px;
	background: url(../../common/images/listmark/listmark_green.gif) no-repeat 0 5px;
}
.list dt.list_purple {
	padding-left: 15px;
	background: url(../../common/images/listmark/listmark_purple.gif) no-repeat 0 5px;
}
.list dt.list_orange {
	padding-left: 15px;
	background: url(../../common/images/listmark/listmark_orange.gif) no-repeat 0 5px;
}
.list dt a.color_pink {
	color: #ff61a8;
}
.list dt a.color_blue {
	color: #5fa9de;
}
.list dt a.color_green {
	color: #95b123;
}
.list dt a.color_purple {
	color: #a06cb3;
}
.list dt a.color_orange {
	color: #ff8f33;
}
.list dd {
	margin-bottom: 10px;
	line-height:1.2;
	font-size: 85%;
}


/* エリアから選ぶ 一覧表 list.html
---------------------------------------------------- */
#main div.headinglist ul{ /* 見出しリスト */
	margin: 0 0 10px;
	list-style: none;
}
div.headinglist ul.blue li {
	background: url(../../common/images/listmark/listmark_blue.gif) no-repeat 0 18px;
}
div.headinglist ul.green li {
	background: url(../../common/images/listmark/listmark_green.gif) no-repeat 0 18px;
}
div.headinglist ul.purple li {
	background: url(../../common/images/listmark/listmark_purple.gif) no-repeat 0 18px;
}
div.headinglist ul.orange li {
	background: url(../../common/images/listmark/listmark_orange.gif) no-repeat 0 18px;
}
.headinglist li {
	padding: 14px 0 0 18px;
}
#main p.morelink {
	margin-top: 15px;
	border-top: 1px dotted #B2B2B2;
	text-align: right;
}