@import url("common.css");

/* ---------- 共通---------- */

/*ベイジュ枠*/
#contents div.waku_beige {
	width: 580px;
	background-image:url(images/waku_beige_middle.gif);
	background-repeat: repeat-y;
	padding: 10px;
}
#contents div.waku_beige_top {
	margin-top: 20px;
}

#contents div.waku_beige_bottom {
	margin-bottom: 20px;
}
#contents div.waku_beige p.text_waku_beige {
	color: #7D311F;
	font-weight: bold;
	font-size: 14px;
}
#contents div.waku_beige .dot_line {
	background-image: url(images/dot_line.gif);
	background-repeat: repeat-x;
	width: 575px;
	height: 1px;
	margin-bottom: 10px;
}
	
/*ページトップ設定*/
.pagetop {
	padding: 10px 0 10px 0;
	text-align: right;
}

/*リスト設定*/
#contents ul {
	list-style: none;
	}
#contents ul li {
	background: url(images/icon_dot.gif) no-repeat 0 .6em;
	margin-top: 0px;
	margin-left: 10px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 3px;
}

/*コンテンツ内枠設定*/
div.content_box {
	width: 600px;
	padding: 10px 0;

}
div.content_left_box {
	width: 350px;
	float: left;
}
div.content_right_box {
	width: 240px;
	float: right;
}
div.content_right_box img {
	padding-left: 10px;
}

/*コース紹介*/
.text_price  {
	color:#7D311F ;
	text-align: right;
	font-weight:bold;
	padding: 2px;
	margin: 10px 0;
	border:#7D311F;
} 

div.text_course  {
	width: 594px;
	color:#7D311F;
	text-align: left;
	font-weight:bold;
	padding: 3px;
	margin: 10px 0;
	background-color:#F0EDD9;
	font-size: 12px;
}
div.ring_box {
	margin: 20px 0;
}

div.ring_box .ring_02 {
	background-image: url(course/img/ring_02.gif);
	background-repeat: repeat-y;
	padding:10px 20px 10px 30px;
}
div.ring_bar {
	width: 540px;
	background-color:#F0EDD9;
	font-weight: bold;
	margin: 10px 0;
	padding-left: 5px;
}


/*講師の紹介ページ*/
.text_teacher {
	color:#7D311F;
	text-align: left;
	font-weight:bold;
	padding: 2px;
	margin: 10px 0;
	background-color:#F0EDD9;
}

/*よくある質問のページ*/
.text_question {
	color:#7D311F;
	text-align: left;
	font-weight:bold;
	padding: 2px;
	margin: 10px 0;
	background-color:#F0EDD9;
}

/*メンバー様の特典のページ*/
.text_member {
	color:#7D311F;
	text-align: left;
	font-weight:bold;
	padding: 2px;
	margin: 10px 0;
	background-color:#F0EDD9;
}

/*受験生の声*/
div.koe_box {
	width:599px;
}

div.koe_box .dot_line {
	background-image: url(images/dot_line.gif);
	background-repeat: repeat-x;
	width: 599px;
	height: 1px;
	margin: 10px 0;
}


.koe {
	width: 250px;
	height: 95px;
	float: left;
	margin: 0 ;
	padding: 0;
	clear: both;
}
.koe_02 {
	width: 160px;
	height: 95px;
	float: left;
	margin: 0 ;
	padding: 0;
	clear: both;
}
.koe img {
	vertical-align: top;
}
.koe .thumnail {
	float: left;
	margin: 0px 10px 0 0;
}
.koe .caption {
	font-size: 12px;
	color: #787266;
	margin: 10px 10px 0 0px;
	line-height: 140%;
	height:30px;
}
.koe_02 .caption {
	font-size: 12px;
	color: #787266;
	margin: 10px 10px 0 0px;
	line-height: 140%;
	height:30px;
}
.koe .schoolname {
	background: url(./images/pass.gif) right no-repeat;
	height: 45px;
	font-size: 12px;
	color: #7D311F;
	font-weight: bold;
}
.koe_02 .schoolname {
	background: url(./images/pass.gif) right no-repeat;
	height: 45px;
	font-size: 12px;
	color: #7D311F;
	font-weight: bold;
}
.koe .up {
	background: url(./images/up.gif) right no-repeat;
	height: 45px;
	font-size: 12px;
	color: #7D311F;
	font-weight: bold;
}
.koe_02 .up {
	background: url(./images/up.gif) right no-repeat;
	height: 45px;
	font-size: 12px;
	color: #7D311F;
	font-weight: bold;
}

.koe_left {
	 width: 340px;
	 float: right;
}
.koe_left_02 {
	 width: 415px;
	 float: right;
}
	 
.list_navi {
	padding: 10px 0;
}

/*最新のニュースページ*/
.data {
	font-size: 11px;
	padding: 5px 0 0 0;
}


.news_title {
	background: url(images/arrow.gif) left 0.5em no-repeat;
	margin-left: 5px 0 0 0 ;
	padding: 0 0 0 15px;
	font-weight: bold;
}

p.news_detail {
	padding: 0 0 0 15px;
}
div.news_box .dot_line {
	background-image: url(images/dot_line.gif);
	background-repeat: repeat-x;
	width: 599px;
	height: 1px;
	margin: 10px 0;
}

/*プライバシーポリシー*/

h2.title_privacy {
	color: #7D311F;
	font-size: 14px;
	font-weight: bold;
	padding-top: 10px;
}

.text_privacy_top {
 padding-top: 20px;
 }
.renraku {
	border-top: 1px dotted #990000;
	padding: 20px 0 0 0;
	margin: 20px 0 0 0;
	line-height: 100%;
	}

/*会社概要ページ*/

.text_company {
	color:#7D311F;
	text-align: left;
	font-weight:bold;
	padding: 2px;
	margin: 10px 0;
	padding-left: 10px;
	background-color:#F0EDD9;
}


.text_company_right {
 border-bottom: #999999 dotted 1px;
 margin-right:10px;
 padding-left: 10px;
 }
 
.text_company01 {
 padding-right: 10px;
 }
 /*サイトマップ*/
.sitemap2 {
	 font-size: 12px;
	 width: 230px;
	 float: left;
	 margin: 20px 0 0 0;
	 border-top: 1px solid #990000;
	 padding: 10px 0 0 0;
	 font-weight: bold;
	 }

.sitemap3 {
	width: 369px;
	margin: 20px 0 0 0;
	padding: 10px 0 0 0;
	float: left;
	border-top: 1px dotted #990000;
	background-image: none;
	list-style: none;
	}
.sitemap3 p {
	background-image: no-image;
	}
 
/*最新の合格実績*/
.news_title {
	background: url(images/arrow.gif) left 0.5em no-repeat;
	margin-left: 5px 0 0 0 ;
	padding: 0 0 0 15px;
	font-weight: bold;
}

p.news_detail {
	padding: 0 0 0 15px;
}
div.data_box img {
	margin: 0px 3px 0 0 ;
}

div.data_box2{
	padding-top: 30px;
	}
	
div.data_box2 p {
	color:#333333;
	font-weight: bold;
	padding: 10px 0 0 10px ;
	margin: 0;
}
div.data_box2 table {
	margin-left: 20px;
	 }
	 
div.data_box2 table .text_left {
	color: #701905;
	font-weight: bold;
	 }

/*リンクページ*/
.link {
	margin: 10px 0 0 0;
	padding: 0 0 20px 0;
	border-bottom: 1px dotted #990000;
	}
.link a {
	font-weight: bold;
	padding: 0 0 0 13px;
	background-image: url(images/icon_dot.gif);
	background-repeat: no-repeat;
	}


#container #contents .left #area {
	height: 175px;
	background-image: url(step/img/area_back.jpg);
	background-repeat: no-repeat;
	padding-top: 60px;
	background-position: 0px 25px;
	margin-bottom: 15px;
	padding-left: 15px;
	padding-right: 180px;
}
#container #contents .left #area strong {
	color: #993300;
	margin-right: 5px;
}
#container #contents .left .data_box2 #select {
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight: bold;
	text-align: center;
}
#container #contents .left #area #outarea {
	margin-top: 8px;
	background-color: #FFFFFF;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
}
#container #contents .left #kouhi {
	font-size: 10px;
	line-height: 13px;
	margin-top: 10px;
	margin-bottom: 15px;
	background-image: url(course/img/train.jpg);
	background-repeat: no-repeat;
	background-position: left;
	margin-left: 150px;
	padding-left: 30px;
}
.both {
	clear: both;
}
.buzz {
	padding-right: 15px;
	width: 66px;
	float: left;
}
.buzz_r {
	padding-left: 15px;
	width: 66px;
	float: right;
}
.img_c {
	text-align: center;
}
.voice {
	color: #003366;
}
.web_ta {
	background-color: #CCCCCC;
	width: 599px;
	margin-bottom: 30px;
}
.web_ta th {
	text-align: center;
	padding-top: 8px;
	padding-bottom: 8px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #7D311F;
}
.item {
	background-color: #F0EDD9;
	width: 90px;
	text-align: center;
	font-weight: bold;
	color: #7D311F;
	vertical-align: top;
	padding-top: 5px;
	padding-bottom: 5px;
}
.cont {
	background-color: #FFFFFF;
	vertical-align: top;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 5px;
	width: 237px;
}
.cont02 {
	background-color: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}
#contents .left #campaign {
	background-image: url(course/img/web_img_back.jpg);
	background-repeat: no-repeat;
	height: 53px;
	margin-bottom: 25px;
	text-align: right;
	padding-top: 28px;
	padding-right: 20px;
}