@charset "utf-8";
/* ------------------------------------------------------------

	toppage style

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

/* ----------contents area---------- */

#contents {
	color: #333333;
}

/* ---------- main image ---------- */

.index_main {
	margin-bottom: 17px;
}


/* ---------- paln list ---------- */

ul.list_plan {
	width: 589px;
	margin-bottom: 5px;
	overflow: hidden;
}

ul.list_plan img {
	display: block;
	width: 193px;
	height: 49px;
}

ul.list_plan li span {
	display: block;
	width: 173px;
	border-right: 1px solid #999999;
	border-left: 1px solid #999999;
	padding: 10px 9px;
}

ul.list_plan li.plan1,
ul.list_plan li.plan2,
ul.list_plan li.plan3 {
	width: 193px;
	background: url(../images/index_plan_bottom.gif) no-repeat left bottom;
	padding-bottom: 9px;
}

ul.list_plan li.plan1 {
	float: left;
	margin-right: 5px;
}

ul.list_plan li.plan2 {
	float: left;
}

ul.list_plan li.plan3 {
	float: right;
}

/* ---------- link ---------- */

ul.list_link li {
	text-align: right;
}

/* ---------- pom list ---------- */

dl.list_pom {
	width: 590px;
	overflow: hidden;
}

dl.list_pom dt {
	float: left;
	width: 80px;
	height: 16px;
	clear: left;
	margin: 1px 10px 8px 0;
}

dl.list_pom dd {
	float: left;
	color: #666666;
	font-weight: bold;
}

/* for IE6 */
* html body dl.list_pom dd {
	float: none;
}

/* for IE7 */
*+html body dl.list_pom dd {
	float: none;
}

/* ---------- 2grid layout ---------- */

.grid2 {
	width: 590px;
	overflow: hidden;
}

.grid2 .box1 {
	position: relative;
	width: 307px;
	float: left;
}

.grid2 .box2 {
	position: relative;
	width: 276px;
	float: right;
}

.grid2 .box1 dt {
	width: 307px;
	height: 63px;
}

.grid2 .box1 dd {
	width: 307px;
	height: 237px;
}

.grid2 .box2 dt {
	width: 276px;
	height: 63px;
}

.grid2 .box2 dd {
	width: 276px;
	height: 237px;
}

.grid2 .box1 .list_link,
.grid2 .box2 .list_link {
	position: absolute;
	top: 72px;
	z-index: 100;
}

.grid2 .box1 .list_link {
	width: 307px;
}

.grid2 .box2 .list_link {
	width: 276px;
}

.grid2 .box1 .list_link li,
.grid2 .box2 .list_link li {
	text-align: center;
}