@charset "utf-8";
@import url(./cmn.css);

p {
	margin:0;
	padding:0 0 10px 0;
}

/*************個別指導塾設定********/

h2.title {
  background:url(../img/kobetsu/title.jpg) no-repeat;
}

h3.sttl01 {
	height:30px;
	margin-bottom:10px;
	background:url(../img/kobetsu/sttl01.jpg) no-repeat;
}

/*******左メニュー設定*************/ 
.snavi {
  margin:0;
  padding:0;
  width:200px;
        }
 
.snavi ul {
  margin:0 0 20px 0;
  padding:0;
  width:200px;
    }
  
.snavi li {
  height:39px;
  margin:0;
  padding:0;
  list-style:none;
  text-indent:-9999px;
  text-decoration:none;
  }

/*snavi01*/

.snavi01 {
  margin:0;
  padding:0;
  width:200px;
  height:39px;
  display:block;
  text-indent:-9999px;
  text-decoration:none; 
  background:url(../img/kobetsu/on/snavi01.jpg) no-repeat;
  }
  
.snavi01 a,.snavi01 a:link,.snavi01 a:visited {
  margin:0;
  padding:0;
  width:200px;
  height:39px;
  display:block;
  text-indent:-9999px;
  text-decoration:none; 
  background:url(../img/kobetsu/snavi01.jpg) no-repeat;
  }
  
.snavi01 a:hover,.snavi01 a:active {
  margin:0;
  padding:0;
  width:200px;
  height:39px;
  display:block;
  text-indent:-9999px;
  text-decoration:none; 
  background:url(../img/kobetsu/on/snavi01.jpg) no-repeat;
  }

/*snavi02*/

.snavi02 {
  margin:0;
  padding:0;
  width:200px;
  height:39px;
  display:block;
  text-indent:-9999px;
  text-decoration:none; 
  background:url(../img/kobetsu/on/snavi02.jpg) no-repeat;
  }
  
.snavi02 a,.snavi02 a:link,.snavi02 a:visited {
  margin:0;
  padding:0;
  width:200px;
  height:39px;
  display:block;
  text-indent:-9999px;
  text-decoration:none; 
  background:url(../img/kobetsu/snavi02.jpg) no-repeat;
  }
  
.snavi02 a:hover,.snavi02 a:active {
  margin:0;
  padding:0;
  width:200px;
  height:39px;
  display:block;
  text-indent:-9999px;
  text-decoration:none; 
  background:url(../img/kobetsu/on/snavi02.jpg) no-repeat;
  }

/*snavi03*/

.snavi03 {
  margin:0;
  padding:0;
  width:200px;
  height:39px;
  display:block;
  text-indent:-9999px;
  text-decoration:none; 
  background:url(../img/kobetsu/on/snavi03.jpg) no-repeat;
  }
  
.snavi03 a,.snavi03 a:link,.snavi03 a:visited {
  margin:0;
  padding:0;
  width:200px;
  height:39px;
  display:block;
  text-indent:-9999px;
  text-decoration:none; 
  background:url(../img/kobetsu/snavi03.jpg) no-repeat;
  }
  
.snavi03 a:hover,.snavi03 a:active {
  margin:0;
  padding:0;
  width:200px;
  height:39px;
  display:block;
  text-indent:-9999px;
  text-decoration:none; 
  background:url(../img/kobetsu/on/snavi03.jpg) no-repeat;
  }

/*******20点アップシステム*************/
#up20 {
	margin:0 auto;
	margin-bottom:10px;
	padding:0;
	width:470px;
	height:140px;
	background:url(../img/kobetsu/bk_20up.jpg) no-repeat;
}

#up20 p{
	width:420px;
	padding:7px 25px;
}

/*******コンテンツエリアバナー*************/
#kobetsu_bn01 {
	margin:0 auto;
	margin-bottom:10px;
	padding:0;
	width:560px;
	height:141px;
	background:url(../img/kobetsu/bk01.jpg) no-repeat;
}

#kobetsu_bn01 p,#kobetsu_bn02 p,#kobetsu_bn03 p {
	width:330px;
	height:45px;
	padding:0 0 5px 20px;
}

#kobetsu_bn02 {
	margin:0 auto;
	margin-bottom:10px;
	padding:0;
	width:560px;
	height:141px;
	background:url(../img/kobetsu/bk02.jpg) no-repeat;
}

#kobetsu_bn03 {
	margin:0 auto;
	margin-bottom:10px;
	padding:0;
	width:560px;
	height:141px;
	background:url(../img/kobetsu/bk03.jpg) no-repeat;
}


/* コンテンツエリア　詳細ボタン */
.detail_btn {
	width:330px;
	text-align:center;
	padding:5px 0 5px 20px;
}	

.detail_btn a,.detail_btn a:link,.detail_btn a:visited {
	display:block;
	margin:0;
    padding:0;
	filter:alpha(opacity=100);  /* IE7以下用 */
    -ms-filter: "alpha(opacity=100)"; /* IE8用 */
    -moz-opacity:1; /* Firefox 1.5未満, Netscape用 */
    -khtml-opacity: 1;  /* Safari 1.x, 他khtmlに対応したブラウザ用  */
    opacity: 1; /* Firefox 1.5以上, Opera, Safari用 */
	}

.detail_btn a:hover,.detail_btn a:active {
	display:block;
	margin:0;
    padding:0;
	filter:alpha(opacity=70);  /* IE7以下用 */
    -ms-filter: "alpha(opacity=70)"; /* IE8用 */
    -moz-opacity:0.7; /* Firefox 1.5未満, Netscape用 */
    -khtml-opacity: 0.7;  /* Safari 1.x, 他khtmlに対応したブラウザ用  */
    opacity: 0.7; /* Firefox 1.5以上, Opera, Safari用 */
	}


/*******出来る4つの理由と安心の10大サポート*************/

h3.sttl_s01 {
	background:url(../img/kobetsu/support/sttl01.gif) no-repeat;
	margin:0 0 10px;
	width:580px;
	height:30px;
}

h3.sttl_s02 {
	background:url(../img/kobetsu/support/sttl02.gif) no-repeat;
	margin:0 0 10px;
	width:580px;
	height:30px;
}

/****「できる」理由コンテンツ*****/
.waku {
  margin:0 auto;
  padding:0;
  width:560px;
}

h3.ttl_reason {
  margin:0;
  padding:0;
  width:560px;
  height:46px;
  display:block;
  text-indent:-9999px;
  text-decoration:none; 
  background:url(../img/kobetsu/support/ttl_reason.jpg) no-repeat;
}

.contents01 {
	width:512px;
	height:auto;
	margin:0 0 10px 0;
    padding:15px 15px 15px 15px;
	border-bottom:9px solid #3348BD;
	border-left:9px solid #3348BD;
	border-right:9px solid #3348BD;
	background:#fff;
}

.btn_03 a,.btn_03 a:link,.btn_03 a:visited {
	display:block;
	filter:alpha(opacity=100);  /* IE7以下用 */
    -ms-filter: "alpha(opacity=100)"; /* IE8用 */
    -moz-opacity:1; /* Firefox 1.5未満, Netscape用 */
    -khtml-opacity: 1;  /* Safari 1.x, 他khtmlに対応したブラウザ用  */
    opacity: 1; /* Firefox 1.5以上, Opera, Safari用 */
	}

.btn_03 a:hover,.btn_03 a:active {
	display:block;
	filter:alpha(opacity=70);  /* IE7以下用 */
    -ms-filter: "alpha(opacity=70)"; /* IE8用 */
    -moz-opacity:0.7; /* Firefox 1.5未満, Netscape用 */
    -khtml-opacity: 0.7;  /* Safari 1.x, 他khtmlに対応したブラウザ用  */
    opacity: 0.7; /* Firefox 1.5以上, Opera, Safari用 */
	}

h3 {
  margin:0;
  padding:0;
  height:24px;
  display:block;
  text-indent:-9999px;
  text-decoration:none; 
}

h3.sttl_reason01 {
  width:210px;
  background:url(../img/kobetsu/support/sttl_reason01.gif) no-repeat;
}

h3.sttl_reason02 {
  width:310px;
  background:url(../img/kobetsu/support/sttl_reason02.gif) no-repeat;
}

h3.sttl_reason03 {
  width:310px;
  background:url(../img/kobetsu/support/sttl_reason03.gif) no-repeat;
}

h3.sttl_reason04 {
  width:360px;
  background:url(../img/kobetsu/support/sttl_reason04.gif) no-repeat;
}


.btn01 {
	width:316px;
	height:57px;
	display:block;
	margin:10px auto;
}

.contents_txt {
	margin:5px 0;
    padding:0;
	line-height:140%;
}

p.style01 {
	margin:5px 5px 10px;
	padding:0;
	line-height:150%;
}

p.style03 {
	padding:0;
	text-align:center;
}

p.style02 {
	padding:0;
	line-height:150%;
}

/****クラス・コース紹介*****/

h3.sttl_c01 {
	background:url(../img/kobetsu/class/sttl01.gif) no-repeat;
	margin:0 0 10px;
	width:580px;
	height:30px;
}

h3.sttl_c02 {
	background:url(../img/kobetsu/class/sttl02.gif) no-repeat;
	margin:0 0 10px;
	width:580px;
	height:30px;
}

h3.sttl_c03 {
	background:url(../img/kobetsu/class/sttl03.gif) no-repeat;
	margin:0 0 10px;
	width:580px;
	height:30px;
}

span.txt_color01 {
	color:#394CB1;
}

span.txt_color02 {
	color:#394CB1;
	font-weight:bold;
}

span.txt_color03 {
	color:#6AAA57;
	font-weight:bold;
}

/******クラス紹介*****/

div.class_waku {
	margin:20px auto;
	padding:0;
	width:560px;
	height:auto;
}

div.class_waku01 {
	margin:0;
	padding:0;
	width:265px;
	height:433px;
	float:left;
	border:1px solid #156AB4;
}

.txt_area {
	margin:10px;
	padding:0;
	line-height:150%;
}

div.class_waku02 {
	margin:0;
	padding:0;
	width:265px;
	height:433px;
	float:left;
	border:1px solid #6AAA57;
}

.cl_img01 {
	width:122px;
	height:20px;
	display:block;
	margin:5px auto;
}

.cl_img02 {
	width:243px;
	height:79px;
	display:block;
	margin:5px auto 10px;
}

/*タイトル*/

.p_txt02_1 {
	margin:0;
	padding:8px 0 0;
	width:265px;
	height:24px;
	background:#156AB4;
	color:#fff;
	font-size:15px;
	font-weight:bold;
	text-align:center;
}

.p_txt02_2 {
	margin:0;
	padding:8px 0 0;
	width:265px;
	height:24px;
	background:#6AAA57;
	color:#fff;
	font-size:15px;
	font-weight:bold;
	text-align:center;
}

/*矢印*/
div.yajirushi_class {
	margin:196px 3px 0;
	padding:0;
	width:18px;
	height:41px;
	display:inline;
	float:left;
}

/******コース紹介*****/

.co_contents {
	margin:20px auto;
	padding:0;
	width:560px;
	height:auto;
}

div.co_waku {
	margin:10px 0 0;
	padding:10px;
	width:538px;
	height:78px;
	border:1px solid #9A9A99;
	background:#FAF8E7;
}

.img_area_co {
	margin:0;
	padding:0;
	width:230px;
	height:auto;
	display:block;
	float:left;
}

.txt_area_co {
	margin:0;
	padding:0;
	width:300px;
	height:auto;
	float:right;
	line-height:150%;
}

/****小学生他****/

.bnr_co {
	margin:15px auto;
	padding:0;
	width:540px;
	height:80px;
	display:block;
}