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


/*************インデックスページ設定********/

#main_kanban_area {
  margin:0;
  padding:0;
  width:798px;
  height:248px;
  background:#fff;
  border:solid 1px #999;
  }

#main_kanban_left {
  margin:0;
  padding:0;
  width:588px;
  height:248px;
  float:left;
  }

#main_kanban_right {
  margin:0;
  padding:0;
  width:210px;
  height:248px;
  float:right;
  }

#flash_area {
  margin:0;
  padding:0;
  width:588px;
  height:160px;
  }
  
#top_b {
  margin:0;
  padding:1px;
  width:586px;
  height:86px;
  }


/*

#top_fla {
  margin:0;
  padding:0;
  width:798px;
  height:218px;
  background:#fff;
  border-left:solid 1px #ccc;
  border-right:solid 1px #ccc;
  border-top:solid 1px #ccc;
  }

.top_bnrarea {
  margin:0;
  padding:1px;
  width:796px;
  height:74px;
  border-left:solid 1px #ccc;
  border-right:solid 1px #ccc;
  border-bottom:solid 1px #ccc;
}

*/

.img_opa a,.img_opa a:link,.img_opa a:visited {
	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用 */
	}

.img_opa a:hover,.img_opa a:active{
	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用 */
	}
 

h2.ttl_reason {
  margin:0;
  padding:0;
  width:510px;
  height:50px;
  display:block;
  text-indent:-9999px;
  text-decoration:none; 
  background:url(../img/index/ttl_reason.jpg) no-repeat;
}

/****個別指導・家庭教師ボタンエリア*****/

.btn_area {
	width:800px;
    height:106px;
	margin:0px 0 10px;
    padding:0;
	}
	
.btn_area a,.btn_area a:link,.btn_area 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_area a:hover,.btn_area 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用 */
	}
	
.btn_area_left {
	width:397px;
    height:106px;
	float:left;
	}
	
.btn_area_right {
	width:397px;
    height:106px;
	float:right;
	}

/****「できる」理由コンテンツ*****/

.contents01 {
	width:462px;
	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/index/sttl_reason01.gif) no-repeat;
}

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

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

h3.sttl_reason04 {
  width:360px;
  background:url(../img/index/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%;
}

/********レフト*************/

.bnr_area01 {
	width:270px;
	height:auto;
	margin:0 0 10px 0;
    padding:5px;
	background:#F3E4D6;
}

.bnr_area01 a,.bnr_area01 a:link,.bnr_area01 a:visited {
	display:block;
	margin:0;
    padding:5px 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用 */
	}

.bnr_area01 a:hover,.bnr_area01 a:active {
	display:block;
	margin:0;
    padding:5px 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用 */
	}

/***************/

.bnr_area02 {
	width:280px;
	height:auto;
	margin:0 0 10px 0;
    padding:0;
}

.bnr_area02 a,.bnr_area02 a:link,.bnr_area02 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用 */
	}

.bnr_area02 a:hover,.bnr_area02 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用 */
	}