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

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


/*************家庭教師設定********/

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

h3.sttl01 {
	height:30px;
	margin-bottom:10px;
	background:url(../img/katei/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/katei/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/katei/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/katei/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/katei/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/katei/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/katei/on/snavi02.jpg) no-repeat;
  }

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

#katei_bn01 p,#katei_bn02 p,#katei_bn03 p {
	width:330px;
	height:45px;
	padding:0 0 5px 20px;
}

#katei_bn02 {
	margin:0 auto;
	margin-bottom:10px;
	padding:0;
	width:560px;
	height:141px;
	background:url(../img/katei/bk02.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/katei/sttl01.gif) no-repeat;
	margin:0 0 10px;
	width:580px;
	height:30px;
}

h3.sttl_s02 {
	background:url(../img/katei/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/katei/ttl_reason.jpg) no-repeat;
}

.contents01 {
	width:512px;
	height:auto;
	margin:0 0 10px 0;
    padding:15px 15px 15px 15px;
	border-bottom:9px solid #BE4159;
	border-left:9px solid #BE4159;
	border-right:9px solid #BE4159;
	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/katei/sttl_reason01.gif) no-repeat;
}

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

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

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