@charset "utf-8";
@import url("../commom/default.css");        /* 全ページ共通フォント設定 */
@import url("../commom/layout.css");         /* 全ページ共通大枠レイアウト */
@import url("../commom/header.css");         /* 全ページ共通ヘッダー */
@import url("../commom/footer.css");         /* 全ページ共通フッター */
@import url("../commom/layout_child.css");   /* 全ページ共通2段組みレイアウト */
@import url("../commom/side_list.css");      /* 左メニューリスト共通レイアウト */
@import url("../banner/banner.css");         /* バナーエリアスタイル */
@import url("../action_btn/action_btn.css"); /* 全ページ下部お申込み・資料請求ボタン */
@import url("../commom/course_top.css");     /* 講座カテゴリTOP共通スタイル */
@import url("../commom/course_exam.css");     /* 講座試験概要共通スタイル */
@import url("../commom/course_detail.css");     /* 講座詳細共通スタイル */

/*TOP背景画像---------------------------------------*/
#title_box {
	background: url(img/system_bg.gif) no-repeat;
}

/*特徴リスト----------------------------------------*/
#course_list {
	border-top: 2px solid #1C747D;
	border-bottom: 2px solid #1C747D;
	margin:2px 0 2px 0;
}

#course_list li {
	background-image: url(img/system_arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
/*eラーニングとは？領域----------------------------*/
#elearning_box {
	margin: 40px 20px 80px 20px;
	line-height:1.5em;
}
#elearning_box dd img {
	float: right;
	margin:0 0 0 10px;
}
#environment_cheack {
	margin-top: 30px;
}
/*視聴できます領域---------------------------------------*/
#whach_box {
	line-height:1.6em;
	background: url(img/gradation_bg.jpg) no-repeat bottom;
	border-bottom: 1px solid #CCCCCC;
	/display:inline;
	/zoom:1;
	font-size:0.9em;
}
#whach_box dt {
	margin-bottom:10px;
	}
#hour_box {
	position: relative;
	width:188px;
	/width:185px;
	float:left;
	border-top: 1px solid #CCCCCC;
	padding:50px 10px 20px 10px;
}
#any_time {
	position: absolute;
	top: -40px;
	left: -1px;
}
#going_out_box {
	position: relative;
	width:188px;
	/width:185px;
	float:left;
	border-top: 1px solid #CCCCCC;
	padding:50px 10px 20px 10px;
}
#any_where {
	position: absolute;
	top: -40px;
	left: 1px;
}
#repet_box {
	position: relative;
	width:188px;
	/width:185px;
	float:right;
	border-top: 1px solid #CCCCCC;
	padding:50px 10px 20px 10px;
	
}
#degrees_how_many {
	position: absolute;
	top: -40px;
	left: -4px;
	}
#plus_img {
	background: url(img/plus.gif) no-repeat center bottom;
	padding-bottom:60px;
	margin-bottom:30px;
}
/*Webテスト領域-------------------------------------------------*/
#webtest_box {
	position: relative;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	padding:30px 20px 20px 20px;
	background: url(img/gradation_bg02.jpg) repeat-x bottom;
	line-height:1.6em;
	font-size:0.9em;
}
#tries {
	position: absolute;
	top: -40px;
	left: 0px;
}
#webtest_box_text {
	margin-top: 10px;
}
#webtest_box_text img {
	float:right;
	padding-left:10px;
	}
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}

/*学習ケース詳細----------------------------------------------*/
#busy_learning {
	background: url(img/for_busy.jpg) no-repeat;
	padding:87px 20px 0 0;
	margin:0 0 10px 0;
	text-align: right;
}
#capricious_learning {
	background: url(img/for_capricious.jpg) no-repeat;
	padding: 93px 20px 10px 0;
	margin:0 0 10px 0;
	text-align: right;
}
#safety_learning {
	background: url(img/for_safety.jpg) no-repeat;
	padding:95px 20px 50px 0;
	text-align: right;
}
#case_boder {
	background: url(img/case_boder.gif) no-repeat bottom;
	margin-bottom:40px;
}
/*case１エリア--------------------------------------------*/
#case01_box {
	line-height:1.5em;
	padding:0 20px;
	margin-bottom:40px;
	background: url(img/case01_bg.gif) no-repeat;
}
#case01_box h3 {
	padding: 70px 0 20px 0;
}
/*case2エリア------------------------------------------*/
#case02_box {
	line-height:1.5em;
	padding:0 20px;
	margin-bottom:40px;
	background: url(img/case02_bg.gif) no-repeat;
}
#case02_box h3 {
	padding: 70px 0 20px 0;
}
/*case3エリア------------------------------------------*/
#case03_box {
	line-height:1.5em;
	padding:0 20px 40px 20px;
	margin-bottom:40px;
	background: url(img/case03_bg.gif) no-repeat;
}
#case03_box h3 {
	padding: 70px 0 20px 0;
}
.case_text {
	padding-bottom: 30px;
}

/*webテストとは領域-----------------------------------*/
#whats_webtest_box {
	margin: 40px 30px 100px 25px;
	line-height:1.5em;
}
#whats_webtest_text {
	float:left;
	width:315px;
	}
#whats_webtest_text span{
	color:#FF3300;
	font-size:0.8em;
}	
#whats_webtest_img {
	float:right;
	}
/*Webテストのポイント---------------------------------*/
.point_l {
	line-height: 1.5em;
	background: url(img/point_bg.gif) no-repeat;
	width: 301px;
	float: left;
	position:relative;
	margin-bottom:80px;
}
.point_r {
	line-height: 1.5em;
	background: url(img/point_bg.gif) no-repeat;
	width: 301px;
	float: right;
	position:relative;
	margin-bottom:80px;
}
.point_l h3 {
	margin: 40px 0 20px 25px;
}
.point_r h3 {
	margin: 40px 0 20px 25px;
}
.point_text {
	padding:0 25px;
	}
#profit {
	position:absolute;
	margin-top: -55px;
	margin-left: -1px;
	/margin-left: -26px;
	} 
#flesh {
	position:absolute;
	margin-top: -55px;
	margin-left: -1px;
	/margin-left: -26px;
	} 
#safety {
	position:absolute;
	margin-top: -55px;
	margin-left: -5px;
	/margin-left: -29px;
	} 
#confidence {
	position:absolute;
	margin-top: -55px;
	margin-left: -5px;
	/margin-left: -29px;
	} 
/*無料テスト体験領域----------------------------------*/

#free_test_box {
	background-image: url(../check/img/slash_bg.gif);
	margin:10px 40px 80px 40px;
	padding:30px 0;
	text-align:center;
	border-bottom:solid 5px #13575F;
	border-top:solid 5px #13575F;
	position:relative;
	line-height:1.5em;
}
#free_test {
	position:absolute;
	margin-top:-55px;
	margin-left:100px;
	/margin-top:-53px;
	/margin-left:-180px;
}
#test_button {
	margin:10px 0 20px 0;
}
#free_test_box span {
	color:#F30;
	font-size:0.9em;
}