@CHARSET "UTF-8";

/* CSS document for system */

/* Contents */
.contents {
	width: 1200px;
	height: 2220px;
	overflow: hidden;
	background: url(../img/background_contents.png) repeat-y;
}
/* Contents */



/* main */
.main {
	position: absolute;
}

.sub_ttl {
	font-size: 130%;
	font-weight: bolder;
	color: #BBBB85;
	margin-bottom: 10px;
}

.icon {
	position: relative;
	top: 7px;
}

.explanation {
	margin-left: 10px;
}

#concept {
	width: 670px;
	height: 230px;
	position: absolute;
	top: 290px;
}

#card {
	width: 670px;
	height: 272px;
	position: absolute;
	top: 530px;
}

#concept .image,
#card .image {
	position: absolute;
	top: 50px;
}

#concept .text,
#card .text {
	width: 430px;
	position: absolute;
	top: 50px;
	left: 250px;
}

#concept .image {
	margin-left: 10px;
}

#concept .text {
	height: 170px;
}

#card .image {
	margin-left: 20px;
}

#card .text {
	/*
	height: 130px;
	*/
}

#feature {
	position: absolute;
	top: 787px;
	left: 1px;
}

#feature #left{
	width: 310px;
	height: 270px;
	position: absolute;
	top: 50px;
	left: 15px;
	padding-right: 10px;
	padding-bottom: 10px;
	border-right: 2px dotted #69ADE1;
}

#feature #right{
	width: 310px;
	height: 270px;
	position: absolute;
	top: 50px;
	left: 350px;
	padding-right: 10px;
	padding-bottom: 10px;
}

#feature .image {
	position: absolute;
	top: 50px;
	left: 10px;
}

#feature .text {
	width: 180px;
	height: 200px;
	position: absolute;
	top: 50px;
	left: 120px;
}

#fee {
	position: absolute;
	top: 1160px;
	left: -4px;
}

#fee #fee_plan {
	width: 670px;
	height: 240px;
	position: absolute;
	top: 50px;
	left: 15px;
}

#fee #fee_plan .p_ex {
	color: #287CD4;
	font-weight: bolder;
	margin-bottom: 5px;
}

#fee #fee_plan .p_ttl {
	font-size: 130%;
	font-weight: bold;
	margin-bottom: 7px;
}

#fee #fee_plan .explanation {
	width: 170px;
	height: 130px;
	position: absolute;
	left: 5px;
}

#fee #fee_plan div {
	width: 180px;
	height: 180px;
	position: absolute;
	top: 78px;
	padding: 10px;
}

#fee #fee_plan #plan01 {
	position: absolute;
	left: 17px;
	border-right: 2px dotted #69ADE1;
}

#fee #fee_plan #plan02 {
	position: absolute;
	left: 225px;
	border-right: 2px dotted #69ADE1;
}

#fee #fee_plan #plan03 {
	position: absolute;
	left: 435px;
}

#fee #fee_plan #pkids {
	font-size: 70%;
	vertical-align: bottom;
}

#fee #fee_tbl {
	width: 670px;
	height: 260px;
	position: absolute;
	top: 339px;
	left: 16px;
}

#fee table {
	font-weight: bolder;
	text-align: center;
	border: 5px solid #E6E6E6;
	border-collapse: collapse;
}

#fee th,
#fee td {
	border-top: 2px dotted #E6E6E6;
	border-left: 2px solid #E6E6E6;
	border-bottom: 2px dotted #E6E6E6;
}

#fee th {
	width: 250px;
	height: 50px;
	background-color: #DFF0FF;
}

#fee td {
	width: 380px;
	height: 50px;
}

#fee #coupon {
	width: 670px;
	height: 260px;
	position: absolute;
	top: 631px;
	left: 15px;
}

#fee #coupon .image {
	position: absolute;
	top: 70px;
}

#fee #coupon .explanation {
	width: 420px;
	height: 80px;
	position: absolute;
	top: 30px;
	left: 230px;
}

#fee #coupon table {
	position: absolute;
	top: 120px;
	left: 250px;
}

#fee #coupon th {
	width: 190px;
	height: 50px;
}

#fee #coupon td {
	width: 200px;
	height: 50px;
}

#warning{
	width: 670px;
	position:absolute;
	top: 900px;
	left: -1px;
}

#warning ul {
	font-weight:bold;
	padding:15px 8px 15px 30px;
	background-color:#E9E9E9;
}
/* main */