@charset "utf-8";

/* -----------------------------------------------------------

	トップページ CSS

----------------------------------------------------------- */

div#main h2 {
	margin-bottom: 15px;
}

div#main div.section1 {
	margin: 0 0 40px 20px;
	width: 620px;
}

div#main div.section1 .leftArea {
	float: left;
	width: 360px;
}

div#main div.section1 .rightArea {
	float: right;
	width: 240px;
}

div#main div.section1 .leftArea h3 {
	margin-top: 10px;
	margin-bottom: 10px;
}

div#main div.section1 .leftArea p {
	margin: 0 0 40px 0;
	font-size: 117%;
}

div#main div.section1 .leftArea p.last {
	margin: 0;
}

div#main div#topics {
	margin-bottom: 40px;
	padding: 10px;
	background: url(../img/top/bg_topics_wrapper.jpg) left top repeat-y;
}

div#main div#topics div.inner {
	padding: 10px 20px 30px 20px;
	height: 100%;
	background: url(../img/top/bg_topics_inner.jpg) left top repeat-y;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

div#main div#topics dl {
	margin-bottom: 8px;
	overflow: hidden;
	background: url(../img/line_dotte_01.jpg) left bottom repeat-x;
}

div#main div#topics dl dt {
	float: left;
	width: 120px;
}

div#main div#topics dl dd {
	float: left;
	padding-bottom: 8px;
	width: 478px;
}

div#main div#pickup {
	margin-bottom: 40px;
	padding: 10px 10px 0 10px;
	background: url(../img/top/bg_pickup_wrapper.jpg) left top repeat-y;
	font-size: 12px;
}

div#main div#pickup div.inner {
	padding-bottom: 10px;
}

div#main div#pickup div.leftArea {
	float: left;
	width: 315px;
	height: 360px;
	background: url(../img/top/bg_pickup_inner.jpg) left top repeat-y;
	border-bottom: 1px solid #CCCCCC;
}

div#main div#pickup div.rightArea {
	float: right;
	width: 315px;
	height: 360px;
	background: url(../img/top/bg_pickup_inner.jpg) left top repeat-y;
	border-bottom: 1px solid #CCCCCC;
}

div#main div#pickup dl {
	padding: 0 15px;
	height: 200px;
}

div#main div#pickup dl dt {
	float: right;
	padding-left: 10px;
}

div#main div#pickup dl dd {
	/*float: left;
	width: 150px;*/
	display: inline;
}

div#main div#pickup p.btn {
	text-align: center;
}

div#main div#introduction {
	margin-bottom: 100px;
	background: url(../img/top/bg_h2_01.jpg) left top repeat-x;
}

div#main div#introduction .leftArea {
	float: left;
	width: 320px;
}

div#main div#introduction .rightArea {
	float: right;
	width: 320px;
}

div#main div#introduction .time {
	margin-bottom: 5px;
}

div#main div#introduction table {
	margin: 20px 0 0 0;
	width: 100%;
}

div#main div#introduction table th {
	width: 15%;
	padding: 5px 0;
	font-weight: bold;
	background: url(../img/line_dotte_02.jpg) left bottom no-repeat;
}

div#main div#introduction table td {
	padding: 5px 0 5px 10px;
	background: url(../img/line_dotte_02.jpg) left bottom no-repeat;
}

div#main div#introduction .btn {
	margin-top: 20px;
	text-align: center;
}
