@charset "UTF-8";

@import 'style.css';





body{

	background: url(../course/img/exam_bg.gif) repeat-x;

}

#container{

	background: #FFFFFF;

}

a:link,a:visited{color:#00285f;}

/*-----------------------------------------------

  header

-----------------------------------------------*/

#header-in{

	background: url(../course/img/exam_head_bg.gif) repeat-x;

	height: 72px;

	padding:0px 15px;

}

#pankuzu {

	clear:both;

	color:#99a9bf;

	line-height: 35px;

	padding-left:0px;

	background: url(../course/img/exam_head_bg.gif) repeat-x left bottom;

}

#pankuzu strong {

	color:#ffffff;

	font-weight: bold;

}

#pankuzu a {

	color:#99a9bf;

}

h1#logo{float:left;width:202px;}

#head-tel{

	float:right;

	font-size: 10px;line-height:33px;

	color: #000000;

}













/*-----------------------------------------------

  contents-body

-----------------------------------------------*/

#contents-body{padding:24px 14px;}

#contents{width:652px;}

#side{width:246px;}















/*-----------------------------------------------

  side

-----------------------------------------------*/

#side #side-movie{margin-bottom:21px;}

#side .review{

	border: 1px solid #dccc99;

	padding:5px;

	margin-bottom:25px;

}

#side .review .coment{

	padding:20px 7px;

	background: #ffffff url(../course/img/exam_dotline.gif) repeat-x left bottom;

}

#side .review .coment .coment-title{

	color:#000000;

	font-size:14px;line-height:1.5;

	padding-bottom:14px;

}

#side .review .coment .coment-title span{color:#00285f;}

#side .review .coment-btn{

	padding-bottom:10px;

	text-align:center;

	background: #ffffff;}

#side .review .coment-btn img{margin-top:10px;}

#side .other-course01{

	width:238px;

	background: #f2f2f2;

	text-align: center;

	border: 1px solid #e6e6e6;

	padding:3px;

	margin-top:9px;

}

#side .other-course01 img{margin-bottom:5px;}

#side .other-course01 a{

	text-decoration: none;

	color:#666666;

}









/*-----------------------------------------------

  contents

-----------------------------------------------*/

.contents-box{

	padding-bottom:15px;

}

.contents-box .text{

	padding: 14px 14px 45px;

	background: #f0e9d3;

}

.contents-box .lead{margin-left:14px;margin-right:14px;font-size:14px;}

.contents-box .line{border-top: 1px solid #f7bebb;margin-top:14px;margin-bottom:14px;}

#contents h3.title{

	font-size:24px;

	font-family: "ＭＳ Ｐ明朝", "ヒラギノ明朝 Pro W3", "平成明朝", serif;

	color:#00285f;

	font-weight: bold;

	padding: 10px 18px;

	border: 2px solid #deca94;

}

#contents h4.title{

	padding: 14px;

	font-size:14px;

	color:#00285f;

	font-family: "ＭＳ Ｐ明朝", "ヒラギノ明朝 Pro W3", "平成明朝", serif;}

#contents h4.title strong{font-size:18px;}

#contents h4.sub-title{

	font-size:14px;

	color:#00285f;

	border-top: 2px solid #deca94;

	padding: 7px 10px;

	border-bottom: 1px solid #deca94;

	background: #FFFFFF url(none);

}

#contents h4.sub-title strong{

	background: url(../course/img/exam_bullet.gif) no-repeat left 2px;

	padding-left: 18px;

}







/*report*/

.report{

	padding: 12px;

	background: #ccd2db url(../course/img/petit_report_bg.gif) repeat-x;

	margin-top: 30px;

	margin-right: 14px;

	margin-left: 14px;

}

.report .movie{float:left;}

.report .report-text{float:right;width:325px;}

.report .report01{

	display:inline-block;

	color: #FFFFFF;

	background: #eb6248;

	padding: 3px;

}

.report .report02{color: #000000;margin-top:5px;}







/*step*/

.dotline{

	background: url(../course/img/petit_dotline.gif) repeat-x left center;

}

.step01{

	background: url(../course/img/petit_no1.gif) no-repeat left center;

	padding-left: 38px;

}

.step02{

	background: url(../course/img/petit_no2.gif) no-repeat left center;

	padding-left: 38px;

}

.step03{

	background: url(../course/img/petit_no3.gif) no-repeat left center;

	padding-left: 38px;

}

.step01 strong,.step02 strong,.step03 strong{

	font-weight: bold;

}

.step01 .red,.step02 .red,.step03 .red{

	color:#eb6248;

}

.step-ph{

	float:right;

	padding-left:20px;

	padding-bottom:20px;

}

.mr14{margin-right:14px;}

.mt5{margin-top:5px;}









/*curriculum*/



.curriculum {



}

.curriculum th {

	color:#ffffff;

	line-height:1.25;

	padding: 6px;

	text-align: center;

	vertical-align: top;

	background: #405e97;

	width: 41px;

	border-right: 3px solid #f0e9d3;

}

.curriculum td {

	color:#333333;

	line-height:1.25;

	vertical-align: top;

	padding: 6px;

}

.curriculum td.white {

	color:#333333;

	background-color: #ffffff;

	border-top: 1px dotted #dccc99;

	border-bottom: 1px dotted #dccc99;

}











/*schedule*/

.schedule{

	width:624px;

}

.schedule th{

	padding:4px;

	color:#ffffff;

	background: #d9c38d;

	text-align: center;

	border-bottom: 3px solid #ffffff;

}

.schedule td{

	padding:4px;

	color:#333333;

	background: #FFFFFF url(../course/img/exam_dotline.gif) repeat-x left bottom;

	text-align: center;

}







/*price*/

.price{

	width:624px;

}



.price .price02{

	padding:5px;

	color:#FFFFFF;

	background: #d9c38d;

	text-align: center;

	border-bottom: 1px dotted #FFFFFF;

}

.price .price03{

	padding:5px;

	color:#ffffff;

	background: #597397;

	text-align: center;

	border-bottom: 1px dotted #FFFFFF;

}

.price .price04{

	padding:5px;

	color:#ffffff;

	text-align: center;

	background: #264877;

}

.price .price01{

	padding:5px;

	color:#003278;

	text-align: center;

}

.price td{

	padding:5px;

	text-align: center;

	border-bottom: 1px dotted #FFFFFF;

}



/*voice*/

.voice-l {

	clear:both;

	margin-left:0px;

	width:610px;

}

.voice-l .name {

	float:left;

	width:444px;

	color:#00285f;

	background: url(none);

	padding-top: 5px;

	margin-top: 0px;

}

.voice-l .name strong,.voice-r .name strong{

	padding:5px 3px 3px;

	display:inline-block;

	float:left;

	background: #FFFFFF;

	color:#000000;

	margin-right:10px;

	font-size: 13px;

	border: 1px solid #dccc99;

	margin-top: -5px;

}

.voice-l p {

	float:left;

	width:444px;

}

.voice-r {

	clear:both;

	margin-left:18px;

	width:599px;

}

.voice-r .name {

	float:right;

	width:444px;

	color:#00285f;

	background: url(none);

	padding-top: 5px;

	margin-top: 0px;

}

.voice-r p {

	float:right;

	width:444px;

}







/*-----------------------------------------------

  contact-btn

-----------------------------------------------*/

.contact-btn{padding-top:45px;}

.contact-btn li.contact-btn1 a {

	width:151px;

	height:46px;

	background: url(../course/img/exam_btn_contact01.gif) no-repeat 0px 0px;

	line-height: 18px;padding-top:7px;

}

.contact-btn li.contact-btn2 a {

	width:149px;

	height:53px;

	background: url(../course/img/exam_btn_contact02.gif) no-repeat 0px 0px;

	line-height: 53px;

}

.contact-btn li.contact-btn3 a {

	width:153px;

	height:53px;

	background: url(../course/img/exam_btn_contact03.gif) no-repeat 0px 0px;

	line-height: 53px;

}

.contact-btn li a:hover {

	background-position: 0px 0px;

	color: #FFFFFF;

}









/*-----------------------------------------------

  footer

-----------------------------------------------*/

#footer{width:940px;border-top: 1px solid #000000;}

#footer-bg{

	border-top: 2px solid #000000;

}

#footer-link-in{margin-left:15px;margin-right:15px;}

#footer-bg-in{width:902px;}

#footer-bg-in #f-blog{width:367px;float:right;}

#footer-bg-in #f-info{width:240px;}