@charset "utf-8";



/*=================================



	Contents



================================ */





#contents {

	clear: both;

	width: 100%;

	background:#aedfe4 url(../imgs/bg_v.gif) center top repeat-y;

	padding: 20px 0 40px 0;

	color: #666;

	font-size: 12px;

	line-height: 1.6;

}





#contents * {

	margin: 0;

	paddding: 0;

}



* html #contents div{

/*\*/height:1%;/*for WinIE*/

display:inline-table;/*for MacIE*/

}



#contents .clearfix:after {

    content: "."; 

    display: block; 

    height: 0; 

    clear: both; 

    visibility: hidden;

}

#contents .clearfix {

    display: inline-block;

    min-height: 1%;

}

/* Hides from IE-mac \*/

* html #contents .clearfix {

    height: 1%;

}

#contents .clearfix {

    display: block;

}

/* End hide from IE-Mac */



#contents .clear{

clear:both;

}



.left {float: left;}

.right {float: right;}



#contents .contentwrapper {

	width: 980px;

	background: #fff;

	margin: 0 auto;

}





#contents #upperarea {

	text-align: left;

	

}

#contents #belowarea {

	padding: 18px 0 40px 0;

	text-align: center;

}







#contents #upperarea #headblock {

	background: #aedfe4 url(../imgs/bg_h.jpg) no-repeat;

	padding: 24px 0 65px 422px;

}

#contents #upperarea #headblock p {

	padding: 15px 0 0 8px;

	

}



#contents #upperarea h2#maincopy {

	text-align: center;

	padding: 28px 0 20px 0;

}

#contents #upperarea #subcopy {

	text-align: center;

	font-size: 13px;

	line-height: 1.8;

	padding-bottom: 24px;

}







#contents #upperarea #fun {

	padding-left: 29px;

}

#contents #upperarea #fun .fun_elm {

	float: left;

	width: 236px;

}



#contents #upperarea #fun .fun_elm h3 {

	margin-right: 23px;

	text-align: center;

	padding: 8px 0 157px 0;

}

#contents #upperarea #fun .fun_elm p {

	padding: 10px 23px 0 0;

}

#contents #upperarea #fun #fun1 h3 {

	background: #76c1c6 url(../imgs/fun_img1.jpg) center 31px no-repeat;

}

#contents #upperarea #fun #fun2 h3 {

	background: #76c1c6 url(../imgs/fun_img2.jpg) center 31px no-repeat;

}

#contents #upperarea #fun #fun3 h3 {

	background: #76c1c6 url(../imgs/fun_img3.jpg) center 31px no-repeat;

}

#contents #upperarea #fun #fun4 h3 {

	background: #76c1c6 url(../imgs/fun_img4.jpg) center 31px no-repeat;

}







#contents .reserve {

	text-align: center;

	padding-top: 30px;

}



#contents .reserve p {

	padding: 6px 0 0 6px;

	line-height: 1.5;

	color: #5db0b5;

}



#contents .boxarticle {

	margin: 20px 30px 0 30px;

	padding: 30px;

	border: 1px solid #76c1c6;

}



#contents .boxarticle h2 {

	text-align: center;

	padding-bottom: 30px;

}



#contents .boxarticle .left {

	float: left;

	width: 415px;

}

#contents .boxarticle .right {

	float: right;

	width: 415px;

}



#contents #renewal .left p,

#contents #renewal .right p {

	padding-top: 30px;

}



#contents #renewal .right {

	position: relative;

}

#contents #renewal p.layered {

	padding-top: 0;

	position: absolute;

	left: 218px;

	top: 434px;

}





#contents #modelplan h3 {

	color: #5db0b5;

	font-weight: bold;

	font-size: 20px;

	padding: 20px 0 7px 20px;

}

#contents #modelplan p.time {

	width: 80px;

	font-size: 14px;

	text-align: right;

	font-weight: bold;

	line-height: 3;

}

#contents #modelplan p.time span {

	font-size:10px;

	line-height: 1;

}

#contents #modelplan div.action {

	width: 292px;

	position: absolute;

	left: 120px;

	border: 1px solid #76c1c6;

}

#contents #modelplan div.action p {

	padding: 6px 10px;

}

#contents #modelplan .left,

#contents #modelplan .right {

	position: relative;

}

#contents #modelplan .left #ac101 { top: 375px;}

#contents #modelplan .left #ac102 { top: 418px;}

#contents #modelplan .left #ac103 { top: 480px;}

#contents #modelplan .left #ac104 { top: 545px;}

#contents #modelplan .left #ac105 { top: 588px;}

#contents #modelplan .left #ac106 { top: 650px;}



#contents #modelplan .right p.layered {

	position: absolute;

	left: 4px;

	top: 400px;

	font-size: 10px;

}

#contents #modelplan .right #ac201 { top: 375px;}

#contents #modelplan .right #ac202 { top: 418px;}

#contents #modelplan .right #ac203 { top: 461px;}

#contents #modelplan .right #ac204 { top: 504px;}

#contents #modelplan .right #ac205 { top: 547px;}



#contents #information h3 {

	color: #5db0b5;

	font-weight: bold;

	font-size: 14px;

	padding-top: 12px;

}



#contents #information p {

	padding: 4px 0 ;

}

#contents #information p strong {

	font-size: 18px;

	font-weight: normal;

}



#contents #information #fee,

#contents #information #yuutai {

	padding: 10px 0 4px 0;

}



#contents #information .cell-like,

#contents #information .th-like {

	display: block;

	border: 1px solid #999;

	padding: 5px 12px 4px 12px;

	font-size: 14px;

	text-align: center;

}



#contents #information .cell-like {

	border-top: none;

}

#contents #information .th-like {

	background-color: #aedfe4;

	font-weight: bold;

}



#contents #information #yuutai .cell-like {

	text-align: left;

	font-size: 12px;

	line-height: 1.8;

	padding: 12px;

}

#contents #information #yuutai .cell-like strong {

	color: #5db0b5;

	font-weight: bold;

	font-size: 18px;

	line-height: 1.5;

}



#contents #information ul {

	padding: 4px 0 4px 1.4em;

}

#contents #information ul li {

	text-indent: -1.4em;

	line-height: 1.8;

}

#contents #information ul li strong {

	font-size: 18px;

	color: #5db0b5;

}





#contents #caution {

	padding: 8px 28px 0 60px;

}





#contents #banArea {

	padding: 25px 0;

}

#contents #banArea div {

	width: 481px;

}