@charset "utf-8";

p.sub_text{
	font-size:10px;
	line-height:1.2em;
	color:#999999;
	margin:20px 0 0 5px;
}
/*
div#contents_area h1{
	text-indent:-9999px;
	background:url(/course/petit-first/images/what_ttl1.jpg) no-repeat;
	display:block;
	width:690px;
	height:85px;
	margin:0px 0px 30px 0px;
}
*/

#ctsBox{
	width:650px;
	margin:0 20px 0;
}
div.left_area{
	width:225px;
	float:left;
	margin-bottom:20px;
}

div.right_area_main{
	width:401px;
	margin-left:240px;
	padding:30px 0 0 0;
}
div.right_area_main p{
	font-size:12px;
	line-height:1.4em;
	margin-bottom:10px;
}

div.right_area_main h3{
	width:314px;
	text-indent:-9999px;
	height:83px;
	margin-bottom:5px;
	background:url(/course/petit-first/images/what_ttl2.gif) no-repeat;
}

#yatte{
	width:650px;
	margin-left:20px;
	margin-bottom:15px;
	clear:both;

}
h2.point1{
	height:40px;
	margin:20px 0;
	text-indent:-9999px;
	background:url(/course/petit-first/images/what_ttl3.gif) no-repeat;
}

div.left_area2{
	width:320px;
	float:left;
}
div.left_area2 h4.class1{
	height:21px;
	margin:10px 0 5px 0;
	text-indent:-9999px;
	background:url(/course/petit-first/images/what_ttl4.gif) no-repeat;
}
div.left_area2 h4.class2{
	height:21px;
	margin:30px 0px 5px 0px;
	text-indent:-9999px;
	background:url(/course/petit-first/images/what_ttl5.gif) no-repeat;
}
div.left_area2 p{
	font-size:12px;
	line-height:1.4em;
	margin-right:10px;
}
div.left_area2 div.about-btn{
	width:292px;
	height:40px;
	margin-bottom:10px;
}

div.left_area2 div.about-btn a {
	display:block;
	width:292px;
	height:40px;
	margin-top:10px;
	text-indent:-9999px;
	background: url(/course/petit-first/images/aboutp_btn.gif) no-repeat 0 0;
}
div.left_area2 div.about-btn a:hover{
	background: url(/course/petit-first/images/aboutp_btn.gif) no-repeat 0 -40px;
}

div.right_area2{
	width:314px;
	margin-left:327px;
}

#question{
	width:650px;
	margin-left:20px;
}
h2.point2{
	height:40px;
	margin:10px 0;
	text-indent:-9999px;
	background:url(/course/petit-first/images/what_ttl6.gif) no-repeat;
}

div.left_area3{
	width:314px;
	float:left;
}
div.left_area3 h4.class1{
	height:21px;
	margin:10px 0 5px 0;
	text-indent:-9999px;
	background:url(/course/petit-first/images/what_ttl7.gif) no-repeat;
}
div.left_area3 h4.class2{
	height:21px;
	margin:30px 0 5px 0;
	text-indent:-9999px;
	background:url(/course/petit-first/images/what_ttl8.gif) no-repeat;
}
div.left_area3 p{
	font-size:12px;
	line-height:1.4em;
	margin-right:10px;
}

div.right_area3{
	width:314px;
	margin-left:327px;
}

#support{
	width:650px;
	margin-left:20px;
	margin-bottom:15px;
}
h2.point3{
	height:40px;
	margin:20px 0;
	text-indent:-9999px;
	background:url(/course/petit-first/images/what_ttl9.gif) no-repeat;
}

p.class1{
	font-size:12px;
	line-height:1.4em;
}

div.support02 {
	width:650px;
}

div.left_area4{
	width:280px;
	float:left;
}
div.left_area4 h4.class1{
	height:19px;
	width:106px;
	margin:15px 0 5px 0;
	text-indent:-9999px;
	background:url(/course/petit-first/images/what_ttl10.gif) no-repeat;
}

div.left_area4 div.img{
	float:left;
	width:65px;
	height:65px;
	margin-right:5px;
	margin-bottom:15px;
	margin-top:5px;
}
div.left_area4 p{
	font-size:12px;
	line-height:1.4em;
	padding-top:13px;
	width:210px;
	float:right;
}

div.right_area4{
	width:320px;
	float:right;
	margin-bottom:30px;
}
div.right_area4 h4.class2{
	height:19px;
	width:112px;
	margin:15px 0 5px 0;
	text-indent:-9999px;
	background:url(/course/petit-first/images/what_ttl11.gif) no-repeat;
}
div.right_area4 div.sup{
    clear:both;
	width:320px;
}
div.right_area4 div.sup div.img2{
	float:left;
	width:65px;
	margin:5px 0;
	margin-right:5px;
	margin-bottom:5px;
}
div.right_area4 div.sup p{
	width:245px;
	font-size:12px;
	line-height:1.4em;
	padding-top:8px;
	float:right;
}

#banner{
    clear:both;
	width:650px;
	margin-left:20px;
}
div.top{
	height:12px;
}
div.left_banner{
	width:477px;
	height:58px;
	float:left;
}
div.right_banner{
	width:173px;
	height:58px;
	float:right;
}
div.right_banner a{
	display:block;
	width:173px;
	height:58px;
	text-indent:-9999px;
	background: url(/course/petit-first/images/detail_btn2.gif) no-repeat 0 0;
}
div.right_banner a:hover{
	background: url(/course/petit-first/images/detail_btn2.gif) no-repeat 0 -58px;
}

div.under{
    clear:both;
	height:15px;
	margin-top:0px;
	margin-bottom:15px;
}


div.related_link{
	clear:both;
	width:670px;
	margin:20px 0 20px 10px;
	text-align:center;
}

div.related_link h4{
	padding:3px;
	font-size:10px;
	color:#FFFFFF;
	background:#FF979E;
	text-align:center;
}

div.related_link ul{
	height:40px;
	margin:10px;
	margin-left:auto;
	margin-right:auto;
	font-size:10px;
	line-height:1.4em;
	text-align:center;
}

div.related_link ul li{
	float:left;
	padding:0 10px;
	border-right:1px solid #666666;
}

div.related_link ul li.end{
	border-right:0px;
}

div.related_link ul li a{
	white-space:nowrap;
	text-decoration:underline;
	color:#0072CB;
}

div.related_link ul li a:hover{
	text-decoration:none;
}

div.related_link h4.second{
	padding:3px;
	font-size:10px;
	color:#666666;
	border-top:1px solid #CCCCCC;
	background:#F2F2F2;
	text-align:center;
}


.content_aply{
	clear:both;
	width:650px;
	margin:20px 0 20px 20px;
}
.content_aply h2{
	height:34px;
	margin:10px 0;
	text-indent:-9999px;
	background:url(/course/petit/images/idx_h2_aply.gif) no-repeat;
}

.content_aply div.subtxt{
	clear:both;
	margin-left:20px !important;
	margin-left:20px;
	/*--margin-bottom:20px !important;--*/
	/*--margin-bottom:5px;--*/
	padding-top:5px;
}
.content_aply .txt1{
	font-size:12px;
	font-weight:bold;
	color:#666666;
}

.content_aply div.subtxt ul.f_print{
	list-style:none;
}
.content_aply div.subtxt ul.f_print li{
	font-size:10px;
	line-height:1.4em;
	color:#999999;
}
.content_aply div.subtxt ul.f_print li span{
	margin-left:-12px;
	color:#999999;
}




.content_aply div.left_area{
	float:left;
	width:410px;
	text-align: left;
	margin-top:10px;
	margin-bottom: 20px;
}
.content_aply div.left_area div.price{
	width:400px;
	height:48px;
	margin-left:10px;
	text-indent:-9999px;
	background:url(/course/petit-first/images/idx_aply_price.gif) no-repeat center;
}
.content_aply div.left_area p{
	margin:5px;
	padding-left: 5px;
	font-size:10px;
	color:#CC0000;
}
.content_aply div.left_area a{
	margin:4px 0 0 10px;
	padding-left:18px;
	font-size:12px;
	line-height:1.2em;
	color:#0072CB;
	background: url(/course/images/idx_list_arw.gif) no-repeat left center;
}


.content_aply div.right_area{
	float:right;
	width:230px;
	margin-top:10px;
	padding-left:10px;
}

.content_aply div.right_area p{
	padding:10px 10px 20px;
	font-size:10px;
	line-height:1.8em;
	text-align:center;
	border:1px solid #B4B4B4;
	background:#F2F2F2;
}
.content_aply div.right_area p strong{
	display:block;
	font-size:18px;
	line-height:1.8em;
	color:#E9313D;
	text-align: center;
}
.content_aply div.right_area p span{
	line-height:0.6em;
	color:#9A9A9A;
}


.content_aply div.right_area div.otoku{
	width:199px;
	height:117px;
	text-indent:-9999px;
	background:url(/course/petit-first/images/idx_aply_otoku.gif) no-repeat;
	margin-right:10px;
	margin-left:31px;
	margin-bottom:10px;
}

.content_aply div.center_area{
	clear:both;
	text-align:center;
}
.content_aply div.center_area ul.point_list{
	clear:both;
	width:340px;
	margin:0px;
	margin-left:auto;
	margin-right:auto;
	list-style:none;
}
.content_aply div.center_area ul.point_list li{
	float:left;
	margin:0;
		padding-bottom:10px;
	text-indent:-9999px;
}
.content_aply div.center_area ul.point_list li.point1{
	width:114px;
	height:119px;
	margin:0px;
	background:url(/course/images/idx_aply_li01.gif) no-repeat;
}
.content_aply div.center_area ul.point_list li.point2{
	width:105px;
	height:119px;
	margin:0px;
	background:url(/course/images/idx_aply_li02.gif) no-repeat;
}
.content_aply div.center_area ul.point_list li.point3{
	width:112px;
	height:119px;
	margin:0px;
	background:url(/course/images/idx_aply_li03.gif) no-repeat;
}
.content_aply div.center_area ul.aply_link{
	clear:both;
	width:500px;
	margin-left:auto;
	margin-right:auto;
	list-style:none;
	margin-bottom:20px;
}
.content_aply div.center_area ul.aply_link li{
	float:left;
	margin-right:5px;
}
.content_aply div.center_area ul.aply_link li a{
	display:block;
	width:154px;
	height:35px;
	text-indent:-9999px;
}
.content_aply div.center_area ul.aply_link li a.enter{
	background: url(/course/images/idx_aply_btn01.gif) no-repeat 0 0;
}
.content_aply div.center_area ul.aply_link li a.enter:hover{
	background: url(/course/images/idx_aply_btn01.gif) no-repeat 0 -35px;
}
.content_aply div.center_area ul.aply_link li a.brochure{
	background: url(/course/images/idx_aply_btn02.gif) no-repeat 0 0;
}
.content_aply div.center_area ul.aply_link li a.brochure:hover{
	background: url(/course/images/idx_aply_btn02.gif) no-repeat 0 -35px;
}
.content_aply div.center_area ul.aply_link li a.qa{
	background: url(/course/images/idx_aply_btn03.gif) no-repeat 0 0;
}
.content_aply div.center_area ul.aply_link li a.qa:hover{
	background: url(/course/images/idx_aply_btn03.gif) no-repeat 0 -35px;
}

div.option_area{
	clear:both;
	width:650px;
	margin: 20px 0 20px 20px;
	background: url(/course/images/idx_option_bg.gif) no-repeat bottom;
}
div.option_area h3{
	height:29px;
	text-indent:-9999px;
	background:url(/course/images/idx_h3_option.gif) no-repeat;
}
div.option_area p.logo1{
	margin:0px 0px 0px 20px;
	padding:20px 20px 10px 140px;
	font-size:12px;
	line-height:1.6em;
	background: url(/course/images/idx_option_logo.gif) no-repeat 0 15px;
}
div.option_area p.logo2{
	margin:0px 0px 0px 20px;
	padding:20px 20px 10px 140px;
	font-size:12px;
	line-height:1.6em;
	background: url(/course/images/idx_option_logo05.gif) no-repeat 0 15px;
}

div.option_area p.logo3{
	margin:0px 0px 0px 20px;
	padding:20px 20px 10px 140px;
	font-size:12px;
	line-height:1.6em;
	background: url(/course/images/idx_option_logo06.gif) no-repeat 0 15px;
}
div.option_area p a.detail{
	display:block;
	margin:10px 0;
	width:160px;
	height:39px;
	text-indent:-9999px;
	background: url(/course/images/idx_option_btn.gif) no-repeat 0 0;
}
div.option_area p a.detail:hover{
	background: url(/course/images/idx_option_btn.gif) no-repeat 0 -39px;
}

.content_aply div.right_area{
	float:right;
	width:203px;
	margin:10px 0 20px;
	margin-left:auto;
	margin-right:auto;
}
.content_aply div.right_area p{
	padding:10px 10px 20px;
	font-size:10px;
	line-height:1.8em;
	text-align:center;
	border:1px solid #B4B4B4;
	background:#F2F2F2;
}
.content_aply div.right_area p strong{
	display:block;
	font-size:18px;
	line-height:1.8em;
	color:#E9313D;
	text-align: center;
}
.content_aply div.right_area p span{
	line-height:0.6em;
	color:#9A9A9A;
}

.content_aply .txt1{
	font-size:12px;
	font-weight:bold;
	color:#666666;
	text-align: center;
}