@charset "shift_jis";

/*--------------------------------------------*/
/* /index.html                                */
/*--------------------------------------------*/

.topThreeBoxTop {
	background: url(../img/top/top_bg_threebox01.gif) no-repeat left top;
	width: 890px;
	padding-top: 13px;
}
.topThreeBoxBottom {
	background: url(../img/top/top_bg_threebox03.gif) no-repeat left bottom;
	width: 890px;
	padding-bottom: 3px;
}
	.topThreeBoxTop ul {
		display: block;
		background: url(../img/top/top_bg_threebox02.gif) repeat-y left top;
		width: 890px;
		overflow: hidden;
	}
		.topThreeBoxTop li {
			float: left;
			display: block;
			margin-right: 25px;
			padding: 0 13px 10px;
			width: 254px !important;
			width: 280px;
		}
		.topThreeBoxTop li.last {
			margin-right: 0;
		}
			.topThreeBoxTop li h3 {
				margin-bottom: 11px;
			}

.topTwoBox {
	margin-top: 25px;
	overflow: hidden;
}
	.topTwoBoxInfo {
		float: left;
		width: 585px;
	}
		.topTwoBoxInfo h2 {
			position: relative;
			width: 585px;
			height: 31px;
		}
			.topTwoBoxInfo h2 a {
				position: absolute;
				right: 13px;
				top: 9px;
				background: url(../img/cmn_ico_square01.gif) no-repeat left top;
				padding-left: 18px;
			}
		.topTwoBoxInfo dl {
		}
			.topTwoBoxInfo dl dt {
				float: left;
				display: inline;/* for IE6 */
				background: url(../img/cmn_ico_square01.gif) no-repeat left 16px;
				margin-left: 20px;
				padding: 12px 0 0 20px;
				font-weight: bold;
			}
			.topTwoBoxInfo dl dd {
				background: url(../img/cmn_bg_dot-x.gif) repeat-x left bottom;
				padding: 12px 0 12px 128px;
			}
	
	.topTwoBoxBnr {
		float: right;
		width: 285px;
	}