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

img {
	vertical-align:top;
}

body {
	text-align:center;
	background:#fff2c4;
}

body #header{
	background: url(../images/bg_h1.gif) center repeat-x;
	height:30px;
	width:100%;
}
body #header h1{
	text-align: center;
	color:#FFF;
	font-weight:normal;
	font-size:8px;
	padding:8px;
}

body #wrapper{
	zoom:1;
	background:url(../images/bg_maincontent.jpg) 0 top repeat-x;
}

body #wrapper #wrappBg{
	margin:0 auto;
	background:url(../images/main.jpg) 50% 0 no-repeat;
}

body #wrapper #wrappInner{
	width:888px;
	margin:0 auto 20px;
	padding:0 13px 4px 0;
	background:url(../images/bg_maincontent_ft.gif) 0 100% no-repeat;
	text-align:left;
}

body #wrapper #contentsTop{
	width:100%;
	margin:0 auto;
	display:block;
	height:476px;
	text-indent:-9999px;
}

body #wrapper #contentsMain{
	background: url(../images/bg_re_maincontent.gif) center repeat-y;
	width:888px;
	padding:0 0 20px;
}

body #wrapper #contentsMain .module{padding:0 4px 0;}

body #wrapper #contentsMain .cont02,
body #wrapper #contentsMain .cont03{
	position:relative;
}
body #wrapper #contentsMain .sell01{
	background: url(../images/k_yellow.png) center repeat-y;
	padding:0 0 1px;
	position:relative;
}
body #wrapper #contentsMain .sell01 p{
	background: url(../images/sell01.jpg) center no-repeat;
	height:306px;
	text-indent:-9999px;
}
body #wrapper #contentsMain .sell01 .W002{
	background: url(../images/btn_trial.gif) top left no-repeat;
	width:281px;
	height:80px;
	display:block;
	position:absolute;
	top:155px;
	left:550px;
	text-indent:-9999px;
}
body #wrapper #contentsMain .sell01 a:hover{background: url(../images/btn_trial.gif) bottom left no-repeat;}

body #wrapper #contentsMain h2{
	background: url(../images/bg_sttl.png) 0 0 no-repeat;
	height:232px;
	width:880px;
	text-align:center;
	position:relative;
	top:-21px;
}
body #wrapper #contentsMain .cont01 h2 p{
	background: url(../images/sttl01.png) 0 0 no-repeat;
	height:86px;
	width:707px;
	text-indent:-9999px;
	position:relative;
	top:61px;
	left:94px;
}

body #wrapper #contentsMain .cont01 .intro01{
	background: url(../images/intro01.gif) 0 0 no-repeat;
	height:110px;
	width:818px;
	text-indent:-9999px;
	position:relative;
	top:-39px;
	left:30px;
}
body #wrapper #contentsMain .cont01 .lead01{
	background: url(../images/lead01.png) 0 0 no-repeat;
	height:169px;
	width:707px;
	text-indent:-9999px;
	position:relative;
	top:-17px;
	left:90px;
}
body #wrapper #contentsMain .cont01 .cont01{
	background: url(../images/cont01.jpg) 0 0 no-repeat;
	height:500px;
	width:880px;
	text-indent:-9999px;
	position:relative;
	top:-5px;
	left:0;
}
body #wrapper #contentsMain .cont01 .lead02{
	background: url(../images/lead02.png) 0 0 no-repeat;
	height:100px;
	width:802px;
	text-indent:-9999px;
	position:relative;
	top:-16px;
	left:46px;
}
body #wrapper #contentsMain .cont01 .cont02{
	background: url(../images/cont02.jpg) 0 0 no-repeat;
	height:309px;
	width:880px;
	text-indent:-9999px;
	position:relative;
	top:-58px;
	left:0px;
}
body #wrapper #contentsMain .cont02 h2 p{
	background: url(../images/sttl02.png) 0 0 no-repeat;
	height:81px;
	width:576px;
	text-indent:-9999px;
	position:relative;
	top:74px;
	left:174px;
}
body #wrapper #contentsMain .cont02 p.cont03{
	background: url(../images/cont03.png) 0 0 no-repeat;
	height:356px;
	width:880px;
	text-indent:-9999px;
	position:relative;
	top:-98px;
	left:0;
}
body #wrapper #contentsMain .cont02 p.lead03{
	background: url(../images/lead03.png) 0 0 no-repeat;
	height:153px;
	width:545px;
	text-indent:-9999px;
	position:absolute;
	top:492px;
	left:170px;
}
body #wrapper #contentsMain .sell12{position:relative;}
body #wrapper #contentsMain .sell02 p,
body #wrapper #contentsMain .sell12 p{
	background: url(../images/sell02.jpg) center 14px no-repeat;
	height:300px;
	text-indent:-9999px;
	margin:0 0 25px;
}
body #wrapper #contentsMain .sell12 p{
	background: url(../images/sell03.jpg) center 0 no-repeat;
	margin:30px 0 25px;	
}
body #wrapper #contentsMain .sell02 a,
body #wrapper #contentsMain .sell12 a{
	background: url(../images/btn_trial.gif) top left no-repeat;
	width:281px;
	height:80px;
	display:block;
	position:absolute;
	top:773px;
	left:548px;
	text-indent:-9999px;
}
body #wrapper #contentsMain .sell12 a{top:174px;}
body #wrapper #contentsMain .sell02 a:hover,
body #wrapper #contentsMain .sell12 a:hover{background: url(../images/btn_trial.gif) bottom left no-repeat;}
body #wrapper #contentsMain .cont03 h2 p{
	background: url(../images/sttl03.png) 0 0 no-repeat;
	height:224px;
	width:815px;
	text-indent:-9999px;
	position:relative;
	top:21px;
	left:30px;
}
body #wrapper #contentsMain .cont03 .point{
	background: #fff 0 0 scroll;
	margin:0 20px 0;
	padding:3px;
	border:2px solid #cdab8c
}
body #wrapper #contentsMain .cont03 .point .pkg01,
body #wrapper #contentsMain .cont03 .point .pkg02,
body #wrapper #contentsMain .cont03 .point .pkg03,
body #wrapper #contentsMain .cont03 .point .pkg04{
	background: url(../images/point_ft.gif) no-repeat #f9f0cf 50% 100% scroll;
	padding:0;
}
strong{color:#e35403;font-weight:normal;}
body #wrapper #contentsMain .cont03 .point .pkg03 strong,
body #wrapper #contentsMain .cont03 .point .pkg04 strong{font-weight:bold;}

body #wrapper #contentsMain .cont03 .point .pkg02{padding:10px 0 0;}
body #wrapper #contentsMain .cont03 .point .pkg03,
body #wrapper #contentsMain .cont03 .point .pkg04{padding:10px 0 5px;}

body #wrapper #contentsMain .cont03 .point .pkg01 .ttl,
body #wrapper #contentsMain .cont03 .point .pkg02 .ttl,
body #wrapper #contentsMain .cont03 .point .pkg03 .ttl,
body #wrapper #contentsMain .cont03 .point .pkg04 .ttl{
	background: url(../images/sttl_point1.jpg) #f9f0cf 0 6px no-repeat;
	height:69px;
	width:789px;
	text-indent:-9999px;
	position:relative;
	top:0;
	left:20px;
	padding:6px 0 0;
}
body #wrapper #contentsMain .cont03 .point .pkg02 .ttl{background: url(../images/sttl_point2.jpg) #f9f0cf 0 6px no-repeat;}
body #wrapper #contentsMain .cont03 .point .pkg03 .ttl{background: url(../images/sttl_point3.jpg) #f9f0cf 0 6px no-repeat;}
body #wrapper #contentsMain .cont03 .point .pkg04 .ttl{background: url(../images/sttl_point4.jpg) #f9f0cf 0 6px no-repeat;}
body #wrapper #contentsMain .cont03 .point .pkg01 .text,
body #wrapper #contentsMain .cont03 .point .pkg02 .text,
body #wrapper #contentsMain .cont03 .point .pkg03 .text,
body #wrapper #contentsMain .cont03 .point .pkg04 .text{
	background: url(../images/bg_inner_point.gif) #fff 0 100% repeat-y;
	height:100%;
	width:741px;
	padding:10px 24px 20px;
	margin:0 20px;
}
body #wrapper #contentsMain .cont03 .point .pkg04 .text{padding:10px 24px 10px;}
body #wrapper #contentsMain .cont03 .point .pkg03 .text{
	width:779px;
	padding:0 5px;
	margin:0 20px;
}
body #wrapper #contentsMain .cont03 .point .pkg03 .text span{
	background: url(../images/point03_tp.gif) #fff top right no-repeat;
	display:block;
	padding:10px 20px;
}

body #wrapper #contentsMain .cont03 .point .pkg01 .note,
body #wrapper #contentsMain .cont03 .point .pkg02 .note{
	background: url(../images/point01_ft.gif) #fff 0 100% no-repeat;
	height:100%;
	width:749px;
	padding:58px 20px 20px;
	margin:-40px 20px 0;
	text-indent: -9999px;
}
body #wrapper #contentsMain .cont03 .point .pkg02 .note{background: url(../images/point02_ft.gif) #fff 0 100% no-repeat;}

body #wrapper #contentsMain .cont04 h2 p{
	background: url(../images/sttl04.png) 0 0 no-repeat;
	height:100px;
	width:750px;
	text-indent:-9999px;
	position:relative;
	top:62px;
	left:70px;
}
body #wrapper #contentsMain .cont03 .point .pkg04 .text .bar{
	background: url(../images/point04_bar.gif) 50% 50% no-repeat;
	min-height:200px;
	width:740px;
	position:relative;
}
body #wrapper #contentsMain .cont03 .point .pkg04 .text .bar dt.left,
body #wrapper #contentsMain .cont03 .point .pkg04 .text .bar dt.right{
	display:block;
	background: url(../images/point04_bg01.jpg) 0 0 no-repeat;
	width:353px;
	height:188px;
	text-indent:-9999px;
	position:absolute;
}
body #wrapper #contentsMain .cont03 .point .pkg04 .text .bar dt.right{
	background: url(../images/point04_bg02.jpg) 0 0 no-repeat;
	left:388px;
}
body #wrapper #contentsMain .cont03 .point .pkg04 .text .bar dd.left,
body #wrapper #contentsMain .cont03 .point .pkg04 .text .bar dd.right{
	display:block;
	width:250px;
	position:absolute;
	top:80px;
	left:100px;
}
body #wrapper #contentsMain .cont03 .point .pkg04 .text .bar dd.right{top:80px;left:520px;width:230px;}

body #wrapper #contentsMain .cont04 .voice {position:relative;top:-25px;margin:0 38px}
body #wrapper #contentsMain .cont04 .voice dl{
	display:block;
	background: url(../images/cont04_bg.gif) 0 0 no-repeat;
	width:262px;
	height:311px;
	float:left;
	margin:0 3px 0;
}
body #wrapper #contentsMain .cont04 .voice .first,
body #wrapper #contentsMain .cont04 .voice .second,
body #wrapper #contentsMain .cont04 .voice .third{
	background: url(../images/cont03_lead01.gif) center center no-repeat;
	width:232px;
	height:45px;
	text-indent:-9999px;
	position:relative;
	top:42px;
	left:12px;
}
body #wrapper #contentsMain .cont04 .voice .second{
	background: url(../images/cont03_lead02.gif) 0 0 no-repeat;
}
body #wrapper #contentsMain .cont04 .voice .third{
	background: url(../images/cont03_lead03.gif) 0 0 no-repeat;
}
body #wrapper #contentsMain .cont04 .voice dd{
	position:relative;
	top:55px;
	margin:0 13px;
}

body #wrapper #contentsMain .cont05,body #wrapper #contentsMain .cont06{clear:both;position:relative;}
body #wrapper #contentsMain .cont05 h2 p{
	background: url(../images/sttl05.png) 0 0 no-repeat;
	height:60px;
	width:744px;
	text-indent:-9999px;
	position:relative;
	top:100px;
	left:65px;
}
body #wrapper #contentsMain .cont05 p.iso{
	background: url(../images/lead04.jpg) 0 0 no-repeat;
	height:273px;
	width:820px;
	text-indent:-9999px;
	position:relative;
	top:-57px;
	left:30px;
}
body #wrapper #contentsMain .cont05 p.ttl{
	background: url(../images/cont05.jpg) 0 0 no-repeat;
	height:223px;
	width:820px;
	text-indent:-9999px;
	position:absolute;
	top:470px;
	left:30px;
}
body #wrapper #contentsMain .cont05 span{
	min-height:170px;
	width:610px;
	position:relative;
	top:50px;
	left:30px;
	display:block;
	margin:0 0 40px;
}
body #wrapper #contentsMain .cont06 h2 p{
	background: url(../images/sttl06.png) 0 0 no-repeat;
	height:99px;
	width:629px;
	text-indent:-9999px;
	position:relative;
	top:70px;
	left:130px;
}
body #wrapper #contentsMain .cont06 .pkg{
	background: url(../images/img_pen_bg.png) 0 0 no-repeat;
	height:233px;
	width:818px;
	position:relative;
	top:-85px;
	left:40px;
}
body #wrapper #contentsMain .cont06 .pkg p.omoi{
	background: url(../images/lead05.gif) 0 0 no-repeat;
	height:29px;
	width:425px;
	position:relative;
	top:50px;
	left:200px;
	text-indent:-9999px;
}
body #wrapper #contentsMain .cont06 .pkg span{
	width:565px;
	position:relative;
	top:60px;
	left:200px;
	display:block;
}
body #wrapper #contentsMain .cont06 p.ttl{
	background: url(../images/cont06.gif) 0 0 no-repeat;
	height:47px;
	width:820px;
	position:relative;
	top:-30px;
	left:30px;
	text-indent:-9999px;
}
body #wrapper #contentsMain .cont06 p.text{
	width:820px;
	position:relative;
	top:-20px;
	left:32px;
}


body #wrapper #contentsMain .sell03 h2 p{
	background: url(../images/sttl07.png) 0 0 no-repeat;
	height:57px;
	width:829px;
	text-indent:-9999px;
	position:relative;
	top:105px;
	left:30px;
}
body #wrapper #contentsMain .sell03 .pkg{
	background: url(../images/item_bg.gif) 50% 100% no-repeat;
	width:390px;
	position:relative;
}
body #wrapper #contentsMain .sell03 .pkg .item {width:380px;}
body #wrapper #contentsMain .sell03 .left{float:left;margin:0 20px;padding:40px 10px 20px;}
body #wrapper #contentsMain .sell03 .right{float:left;margin:0 20px 0 0;padding:40px 10px 20px;}
body #wrapper #contentsMain .sell03 .left .item img,
body #wrapper #contentsMain .sell03 .right .item img{position:absolute;top:0;left:30px;}
body #wrapper #contentsMain .sell03 .left .item p,
body #wrapper #contentsMain .sell03 .right .item p{float:right;width:250px;margin:0 0 15px;}
body #wrapper #contentsMain .sell03 .left .ttl,
body #wrapper #contentsMain .sell03 .right .ttl {
	background: url(../images/item01_ttl.gif) 0 100% no-repeat;
	display:block;
	height:21px;
	width:240px;
	text-indent:-9999px;
}
body #wrapper #contentsMain .sell03 .right .ttl {
	background: url(../images/item02_ttl.gif) 0 100% no-repeat;
}
body #wrapper #contentsMain .sell03 .pkg .course {clear:both;}
body #wrapper #contentsMain .sell03 .pkg .course ul {float:left;width:195px;}
body #wrapper #contentsMain .sell03 .left .course .only .price,
body #wrapper #contentsMain .sell03 .left .course .monthly .price,
body #wrapper #contentsMain .sell03 .right .course .only .price,
body #wrapper #contentsMain .sell03 .right .course .monthly .price {
	background: url(../images/item01_value01.gif) 5px 0 no-repeat;
	display:block;
	width:200px;
	height:75px;
	text-indent:-9999px;
}
body #wrapper #contentsMain .sell03 .left .course .monthly .price{
background: url(../images/item01_value02.gif) 5px 0 no-repeat;
}
body #wrapper #contentsMain .sell03 .right .course .only .price{
background: url(../images/item02_value01.gif) 5px 0 no-repeat;
}
body #wrapper #contentsMain .sell03 .right .course .monthly .price{
background: url(../images/item02_value02.gif) 5px 0 no-repeat;
}
body #wrapper #contentsMain .sell03 .left .course .only .btn a,
body #wrapper #contentsMain .sell03 .left .course .monthly .btn a,
body #wrapper #contentsMain .sell03 .right .course .only .btn a,
body #wrapper #contentsMain .sell03 .right .course .monthly .btn a{
	background: url(../images/btn_order.gif) top left no-repeat;
	width:193;
	height:60px;
	display:block;
	position:relative;
	top:3px;
	left:0px;
	text-indent:-9999px;
}
body #wrapper #contentsMain .sell03 .left .course .monthly .btn a{
	background: url(../images/btn_order_monthly.gif) top left no-repeat;
}
body #wrapper #contentsMain .sell03 .right .course .monthly .btn a{
	background: url(../images/btn_order.gif) top left no-repeat;
}
body #wrapper #contentsMain .sell03 .right .course .monthly .btn a{
	background: url(../images/btn_order_monthly.gif) top left no-repeat;
}
body #wrapper #contentsMain .sell03 .left .course .only .btn a:hover,
body #wrapper #contentsMain .sell03 .right .course .only .btn a:hover{
	background: url(../images/btn_order.gif) bottom left no-repeat;
}
body #wrapper #contentsMain .sell03 .left .course .monthly .btn a:hover,
body #wrapper #contentsMain .sell03 .right .course .monthly .btn a:hover{
	background: url(../images/btn_order_monthly.gif) bottom left no-repeat;
}

body #wrapper #contentsMain .sell03 p.hosoku {
	clear:both;
	width:830px;
	margin:0 auto;
}

body #wrapper #contentsMain .sell04 .usual {position:relative;}
body #wrapper #contentsMain .sell04 .lead06{
	background: url(../images/lead06.png) 0 0 no-repeat;
	height:154px;
	width:592px;
	text-indent:-9999px;
	position:relative;
	top:0;
	left:136px;
	margin:30px 0 0;
}
body #wrapper #contentsMain .sell04 p{
	background: url(../images/sell02.jpg) center 0 no-repeat;
	height:300px;
	text-indent:-9999px;
	margin:-43px 0 0;
}
body #wrapper #contentsMain .sell04 a{
	background: url(../images/btn_trial.gif) top left no-repeat;
	width:281px;
	height:80px;
	display:block;
	position:absolute;
	top:284px;
	left:542px;
	text-indent:-9999px;
}
body #wrapper #contentsMain .sell04 a:hover{background: url(../images/btn_trial.gif) bottom left no-repeat;}
body #footer ul{text-align:center;display:inline-block;}
body #footer ul li{
	float:left;
	display:block;
	margin:5px 8px 30px;
}
#top_info{
	font-size: 13pt;
	font-weight: bold;
	color: #333;
	text-align: center;
}
.caution_txt {
	font-size: 88%;
	line-height: 135%;
	position:absolute;
	top:250px;
	left:290px;
	padding-right: 40px;
}
.caution_txt2 {
	font-size: 88%;
	line-height: 135%;
	padding-right: 45px;
	padding-left: 275px;
	margin-top: -20px;
}
.caution_txt3 {
	font-size: 88%;
	line-height: 135%;
	padding-right: 40px;
	padding-left: 275px;
}
.materials {
	font-size: 90%;
	line-height: 155%;
	margin-right: 35px;
	margin-left: 35px;
	margin-top: 20px;
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 30px;
	border: 1px solid #B59266;
}
.bold {
	font-weight: bold;
}
body #wrapper #contentsMain .sell01 .caution_txt a:hover{
	background-image: none;
}
.top_info {
    border: 1px solid #CCC;
    margin-bottom: 45px;
    padding-top: 20px;
    padding-right: 40px;
    padding-bottom: 20px;
    padding-left: 40px;
    font-size: 90%;
    margin-top: 40px;
}
#top_info2 {
	border: 1px solid #C00;
	padding: 15px;
	background-color: #FFF;
	font-size: 110%;
	margin-right: 40px;
	margin-left: 40px;
}