@charset "utf-8";

div#title_area{
	width:690px;
	margin:0px;
}
div#title_area h1{
/*
	width:690px;
	height:85px;
	text-indent:-9999px;
	background:url("../course/hop/year/images/ttl_h1_01.gif") no-repeat;
	*/
}
div#title_area p{
	padding:20px 10px;
	font-size:12px;
}

.fp_text{
	font-size:10px;
	line-height:1.2em;
	color:#666666;
}

div.type_area{
	width:650px;
	margin:0px 20px;
}
div.type_area p{
	margin:10px 0;
	font-size:12px;
}
div.type_area ul{
	margin-bottom:20px;
	height:73px;
}
div.type_area ul li{
	float:left;
	margin-right:10px;
}
div.type_area ul li a{
	display:block;
	width:120px;
	height:73px;
	text-indent:-9999px;
}

div.type_area ul li a.year3{
	background:url("../course/hop/images/year/type3.gif") no-repeat;
}
div.type_area ul li a.year2{
	background:url("../course/hop/images/year/type2.gif") no-repeat;
}
div.type_area ul li a.year1{
	background:url("../course/hop/images/year/type1.gif") no-repeat;
}
div.type_area ul li a.type{
	margin-left:60px;
	width:188px;
	height:73px;
	background:url("../course/hop/images/year/type0.gif") no-repeat;
}
div.type_area div.subt3{
	clear:both;
	margin:10px 0px;
	width:580px;
	height:118px;
	background:url("../course/hop/images/year/type3_h2.gif") no-repeat;
}
div.type_area div.subt2{
	clear:both;
	margin:10px 0px;
	width:580px;
	height:118px;
	background:url("../course/hop/images/year/type2_h2.gif") no-repeat;
}
div.type_area div.subt1{
	clear:both;
	margin:10px 0px;
	width:580px;
	height:118px;
	background:url("../course/hop/images/year/type1_h2.gif") no-repeat;
}
.type{
	text-indent:-9999px;
}

div.table_area{
	width:650px;
	margin:10px 20px;
}
.yearb {
	margin:0px;
	font-size:12px;
	border:1px solid #333333;
	border-collapse:collapse;
	border-spacing:0px;
}
.yearb tr td{
	margin:0px;
	border:1px solid #000000;
	padding:5px;
}
thead td.month{
	text-align:center;
	color:#fff;
	background-color:#FFFFFF;
	width:30px;
}
tbody td.month {
	text-align:center;
	color:#fff;
	background-color:#34B3D1;
	font-weight: bold;
	width:50px;
}
thead td.goods {
	vertical-align:middle;
	text-align:center;
	line-height:1.4em;
	width:280px;
	background-color:#F7E8D7;
	font-weight: bold;
}

thead td.goods span{
	font-size:10px;
	text-align:center;
	line-height:1.4em;
	font-weight: bold;
}

tbody td.goods {
	width:280px;
	}
tbody td.goods strong {
	width:310px;
	font-size:14px;
	color:#ff6600;
	margin-bottom:5px;
	display:block
	}
tbody td.goods img {
	float:left;
	margin:0px 5px 5px 0px;
	}
thead td.edu {
	text-align:center;
	
	width:11px;
	background-color:#F7E8D7;
	font-weight: bold;
		}
tbody td.edu {
	width:11px;
	background-color:#ffffff;
	vertical-align:middle;
	}
thead td.kyou {
	text-align:center;
	width:11px;
	background-color:#F7E8D7;
	font-weight: bold;
		}
tbody td.kyou {
	width:11px;
	background-color:#ffffff;
}
thead td.book {
	vertical-align:middle;
	text-align:center;
	width:100px;
	font-weight: bold;
	background-color:#F7E8D7;
}
tbody td.book {
	vertical-align:middle;
	width:100px;
	text-align:center;
	background-color:#ffffff;
}
tbody td.book span{
	color:#CC0000;
}
thead td.stu {
	vertical-align:middle;
	text-align:center;
	width:98px;
	background-color:#F7E8D7;
	font-weight: bold;
	}
tbody td.stu {
	vertical-align:middle;
	width:98px;
}

.txt_month
		{
		font-size:85%; 
		font-weight:bold;
		padding:2px ;
		}
		
div.option_fp{
	clear:both;
	width:650px;
	margin:0 20px;
}
ul.f_print{
	margin-left:10px;
	list-style:none;
}
ul.f_print li{
	font-size:80%;
	line-height:1.4em;
	color:#666666;
}
ul.f_print li span{
	margin-left:-11px;
	color:#666666;
}

div.related_link{
	clear:both;
	width:670px;
	margin:20px 10px;
	text-align:center;
}
div.related_link h4{
	padding:3px;
	font-size:10px;
	color:#FFFFFF;
	background:#66d0f0;
	text-align:center;
}
div.related_link ul{
	height:40px;
	margin:10px;
	margin-left:0;
	margin-right:auto;
	font-size:10px;
	line-height:1.4em;
}
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;
}
.content_aply h2{
	margin:10px 0;
	/*
	height:34px;
	text-indent:-9999px;
	background:url("../course/hop/images/idx_h2_aply.gif") no-repeat;
	*/s
}
.content_aply div.left_area{
	float:left;
	width:447px;
	margin:10px 0 20px;
	text-align: left;
}
.content_aply div.right_area{
	float:right;
	width:203px;
	margin:10px 0 20px;
	margin-left:auto;
	margin-right:auto;
}
/*
.content_aply div.left_area div.price{
	width:400px;
	height:48px;
	text-indent:-9999px;
	background:url("../course/hop/images/idx_aply_price.gif") no-repeat center;
}
.content_aply div.left_area div.price2008{
	width:400px;
	height:48px;
	text-indent:-9999px;
	background:url("../course/hop/images/idx_aply_price2008.gif") no-repeat center;
}
*/
.content_aply div.left_area p{
	margin:5px;
	font-size:10px;
	color:#CC0000;
}
.content_aply div.left_area a{
	margin:4px 0;
	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 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.center_area{
	clear:both;
	text-align:center;
}
.content_aply div.center_area ul.aply_link{
	clear:both;
	width:500px;
	margin:0px 0px 40px;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
	list-style:none;
}
.content_aply div.center_area ul.aply_link li{
	float:left;
	margin: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.link_area{
	clear:both;
	width:690px;
	margin:20px 0;
	border-top:1px solid #CCCCCC;
	background:#F2F2F2;
}
div.link_area ul.btn_link{
	width:680px;
	height:27px;
	margin:10px;
	margin-left:auto;
	margin-right:auto;
}
div.link_area ul.btn_link li{
	float:left;
	margin:0px 5px;
	width:213px;
}
div.link_area ul.btn_link li a{
	height:27px;
	display:block;
	text-indent:-9999px;
}
div.link_area ul.btn_link li a.enter{
	background: url("../course/images/idx_link_btn01.gif") no-repeat 0 0;
}
div.link_area ul.btn_link li a.enter:hover{
	background: url("../course/images/idx_link_btn01.gif") no-repeat 0 -27px;
}
div.link_area ul.btn_link li a.brochure{
	background: url("../course/images/idx_link_btn02.gif") no-repeat 0 0;
}
div.link_area ul.btn_link li a.brochure:hover{
	background: url("../course/images/idx_link_btn02.gif") no-repeat 0 -27px;
}
div.link_area ul.btn_link li a.friend{
	background: url("../course/images/idx_link_btn03.gif") no-repeat 0 0;
}
div.link_area ul.btn_link li a.friend:hover{
	background: url("../course/images/idx_link_btn03.gif") no-repeat 0 -27px;
}
div.link_area ul.course_link{
	height:40px;
	margin:10px;
	margin-left:auto;
	margin-right:auto;
	font-size:10px;
	line-height:1.4em;
}
div.link_area ul.course_link li{
	float:left;
	height:12px;
	margin:1px 0;
	padding:0 10px;
	border-right:1px solid #666666;
}
div.link_area ul.course_link li.end{
	border-right:0px;
}
div.link_area ul.course_link li a{
	white-space:nowrap;
	text-decoration:underline;
	color:#0072CB;
}
div.link_area ul.course_link li a:hover{
	text-decoration:none;
}
div.link_area dl{
	margin:10px;
	font-size:10px;
	line-height:1.8em;
}
div.link_area dt{
	float:left;
	width:250px;
}
div.link_area dl dd{
	margin-left:250px;
	background: url("../course/images/idx_dt_arw.gif") no-repeat center left;
}
div.link_area dl dd a{
	margin-left:10px;
	white-space:nowrap;
	text-decoration:underline;
	color:#0072CB;
}
div.link_area dl dd a:hover{
	text-decoration:none;
}
div.link_area hr{
	width:670px;
	height:1px;
	margin-left:auto;
	margin-right:auto;
	color:#F2F2F2;
	border:0px;
	border-top:1px dotted #CCCCCC;
}
div.experience-top {
	width:84px;
	height:21px;
	padding:0px;
	float:right;
	text-indent:-9999px;
	margin-top: 10px;
	margin-right: 50px;
	margin-bottom: 0;
	margin-left: 0px;
}

a.experience-btn {
background:url("../course/images/btn/btn_experience.gif") no-repeat;
display:block;
width:84px;
height:21px;
padding:0px;
text-indent:-9999px;
text-decoration:none;
}

/*おたんじょうび記念号用追加080303*/
.brithday_mainbox{
	width:650px;
	margin:0 0 0 20px;
}
.brithdaybox {
	width: 650px;
	height:215px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background: url(../course/images/exbox_footer.gif) no-repeat left bottom #FFF6D3;
	text-align: left;
}
.brithdaybox h4 {
	width: 650px;
	height: 35px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.brithdaybox h4.birthday {
	background: url(../course/images/bd_stitle.gif) no-repeat;
	text-indent: -9999px;
}
.brithdaybox .ex_l {
	width: 190px;
	height: 140px;
	margin: 0 15px 0 7px;
	float: left;
}

.brithdaybox .ex_r {
	width: 400px;
	margin: 5px 0 0 0;
	font-size: 12px;
	line-height: 150%;
	float: left;
}
.brithdaybox .ex_r h5 {
	margin: 0 0 0 0;
	font-size: 12px;
	line-height: 150%;
}
.brithdaybox .ex_r p {
	margin: 0 0 0 0;
	font-size: 12px;
	line-height: 150%;
}
.bd_btnbox {
	width: 400px;
	margin: 0 10px 5px 0;
	text-align: right;
	float: right;
}
.bd_btnbox a.bd_btn {
	display: block;
	background: url(../course/images/btn_bd_off.gif) no-repeat left top;
	width: 162px;
	height: 40px;
	float: right;
	overflow: hidden;
}
.bd_btnbox a.bd_btn:hover {
	background: url(../course/images/btn_bd_on.gif) no-repeat left top;
}
/*081117追加　おたんじょうび内テキスト*/
.brithdaybox span{
	display:block;
	font-size:10px;
	color:#666666;
	line-height:1.5em;
}
#brithday_link{
	background:transparent url(../course/images/idx_list_arw.gif) no-repeat scroll left center;
	color:#0072CB;
	font-size:12px;
	line-height:1.2em;
	margin:5px 20px 15px 0;
	padding-left:18px;
	float:right;
	text-align:right;
}
/*おたんじょうムービーコンテンツ追加100617*/

div.birthday_box p,
div.birthday_box dl,
div.birthday_box dt,
div.birthday_box dd{
	padding:0;
	margin:0;
	font-size:1px;
	line-height:0;
}

div.birthday_box{
	width:647px;
	margin:10px 14px;
	background:url(/kinengou/images/age4/birthday_box_bg.gif) 0 0 repeat-y;
}

div.birthday_box img{ vertical-align:bottom; margin:0; padding:0; font-size:1px;}

div.birthday_box_bm{
	padding:14px 34px 26px 33px;
	background:url(/kinengou/images/age4/birthday_box_bm.gif) 0 100% no-repeat;
}

div.birthday_box_bm p{float:left;}
div.birthday_box_bm dl{
	width:316px;
	float:right;
}

div.birthday_box_bm dt,
div.birthday_box_bm dd{margin-bottom:12px;}

div.birthday_box_bm dd{padding-left:25px;}
div.birthday_box_bm dd.none{margin-bottom:0px; padding:0;}

div.birthday_box_bm dd.mv-btn01{
	height:38px;
	background:url(/kinengou/images/age4/movie_btn.gif) 0 0 no-repeat;
	text-indent:-999999px;
	margin:0;
	padding:0;
}

div.birthday_box_bm dd.mv-btn01 a{
	width:316px;
	height:38px;
	display:block;
}

div.birthday_box_bm dd.mv-btn01 a:hover{background:url(/kinengou/images/age4/movie_btn-on.gif) 0 0 no-repeat;}
div.bdfooter {
	margin:5px 5px 0px 435px;
	clear:both;
}
div.bdfooter .link {
	margin:0px 0px 5px 0px;
}
div.bdfooter .link a{
	margin:4px 0px;
	padding-left:18px;
	padding-top: 0px;
	line-height:1.2em;
	color:#0072CB;
	background: url(/course/images/idx_list_arw.gif) no-repeat left center;
	vertical-align:0 center;
	clear:both;
}


/*-- cleafix --*/

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}