@import url(common.css);
@import url(bottom.css);

/* top page */
div#contents #contents_top {
	width: 730px;
	margin: 0 0 0 0;
	float: left;
	padding-bottom: 50px;
	background: #FFF;
}

div#contents #contents_top div.info {
	width: 235px;
	height: 80px;
	font-size: 71%;
	color: #FFF;
	line-height: 140%;
	margin: -106px 0 0 451px;
}

div#contents #contents_top div.info p.button {
	margin: 20px 0 0 0;
	text-align: center;
}


div#contents #contents_center div.top_contents div.request {
	padding-bottom: 30px;
}

div#contents #contents_center div.top_contents div.request {
	width: 265px;
	margin: 0 0 0 0;
	float: left;
	padding-top: 120px;
	font-size: 78%;
	line-height: 140%;
	background: url('../images/top/back_top_request.jpg') left top no-repeat;
}

div#contents #contents_center div.top_contents div.request p {
	width: 225px;
	margin: 0 0 0 30px;
}

div#contents #contents_center div.top_contents div.search {
	width: 265px;
	margin: 0 0 0 0;
	float: left;
	padding-top: 120px;
	font-size: 78%;
	line-height: 140%;
	background: url('../images/top/back_top_search.jpg') left top no-repeat;
}

div#contents #contents_center div.top_contents div.search p,
div#contents #contents_center div.top_contents div.search form {
	width: 225px;
	margin: 0 0 0 30px;
}

div#contents #contents_center div.top_contents div.search form select {
	width: 100px;
}

div#contents #contents_center div.top_news {
	width: 530px;
	padding-top: 70px;
	font-size: 78%;
	line-height: 140%;
	background: url('../images/top/back_top_newstitle.jpg') left top no-repeat;
}

div#contents #contents_center div.top_news ul {
	width: 470px;
	margin: 0 0 0 27px;
}

div#contents #contents_center div.top_news ul li {
	width: 470px;
	margin: 8px 0 0 0;
	padding: 0 0 8px 0;
	border-bottom: 1px dotted #666;
}

div#contents #contents_center div.top_news ul li .date {
	width: 80px;
	font-weight: 600;
	color: #06C;
	float: left;
}

div#contents #contents_center div.top_news ul li .detail {
	width: 390px;
	float: left;
}

div#contents #contents_center div.top_news .all {
	width: 487px;
	height: 30px;
	line-height: 30px;
	margin: 20px 0 0 20px;
	text-align: right;
	background: url('../images/top/back_top_news.jpg') left top no-repeat;
}

div#contents #contents_center div.top_news .all a {
	margin-right: 10px;
}

div#contents #contents_right dl#pickup {
	width: 180px;
	margin: 16px 0 0 0;
	background: url('../images/top/back_right_repeat.jpg') left top repeat-y #FFF;
}

div#contents #contents_right dl#pickup dd {
	width: 180px;
	margin: 0 0 0 0;
	padding-bottom: 30px;
	background: url('../images/top/back_right_bottom.jpg') left bottom no-repeat;
}

div#contents #contents_right dl#pickup dd div.contents_info {
	width: 175px;
	margin: 15px 0 0 3px;
	font-size: 78%;
	line-height: 140%;
}

div#contents #contents_right dl#pickup dd div.uline {
	width: 175px;
	padding-bottom: 10px;
	margin-bottom: 5px;
	border-bottom: 1px dotted #FFF;
}

div#contents #contents_right dl#pickup dd div.contents_info p {
	width: 175px;
	margin: 5px 0 0 0;
}

div#contents #contents_right dl#pickup dd div.contents_info p.head {
	width: 165px;
	margin: 5px 5px 0 5px;
}

div#contents #contents_right dl#pickup dd div.contents_info p.text {
	width: 165px;
	font-size: 80%;
	line-height: 120%;
	margin: 5px 5px 0 5px;
}
