@charset "UTF-8";

/*---------- ページ全体の指定 ----------*/

html, body, header, section, article, nav, footer,
div, span, p, h1, h2, h3, h4,
ul, ol, li, dl, dt, dd,
table, tr, th, td, tbody, thead, tfoot {
  margin: 0;
  padding: 0;
}
li {
  display:inline;
}
img {
  border: 0;
  display: block;
  margin: 0;
  padding: 0;
  max-width: 100%;  /* 横幅に合わせて自動縮小するが、拡大はしない */
}

body {
  width: 100%;
  background-color: #ffffff;
  font: 14px/1.231 'ヒラギノ角ゴ pro W3', "Hiragino KaKu Gothic Pro", Osaka, sans-serif;
  line-height: 1.5;
}


   /* 単語の途中で改行されるのを防ぐ */
.no_br {
	white-space: nowrap;
}

   /* リンクカラー */
a:link { color: #0174DF; }
a:hover { color: #2E9AFE; }
a:visited { color: #0174DF; }

a img {
    border-style:none;
}


   /* 太字 */
.fwb { font-weight: bold; }

   /* 行間 */
.lh15 { line-height: 1.5em; }
.lh30 { line-height: 3.0em; }


   /* マージン */
.mt5 { margin-top:5px; }
.mt10 { margin-top:10px; } 
.mt15 { margin-top:15px; } 

.mb10 { margin-bottom:10px; }

.ml15 { margin-left:15px; }

.mr15 { margin-right:15px; }

   /* パディング */  
.padding20 { padding:20px; }

.pt5 { padding-top:5px; }
.pt10 { padding-top:10px; }
.pt20 { padding-top:20px; }
.pt50 { padding-top:50px; }

.pb10 { padding-bottom:10px; }
.pb20 { padding-bottom:20px; }

.pl10 { padding-left:10px; }
.pl20 { padding-left:20px; }

.pr10 { padding-right:10px; }
.pr20 { padding-right:20px; }


.va_top { vertical-align:top; }   /* 縦の上寄せ */
.va_middle { vertical-align:middle; }   /* 縦の中央寄せ */
.va_bottom { vertical-align:bottom; }   /* 縦の下寄せ */

.ta_left { text-align:left; }   /* 左寄せ */
.ta_center { text-align:center; }   /* 中央寄せ */
.ta_right { text-align:right; }   /* 右寄せ */


   /* フォントカラー */
.c_darkgray { color:#444444; } 
.c_gray { color:#636363; }
.c_blue { color:#2042FF; }
.c_white { color:#FFFFFF; }


.mousikomi {
background-image: url("../img/back02.jpg");
background-size: 40px 40px;
}

.midashi1 {
  width:auto;
  padding:6px 0 6px 10px;
  color:#fff;
  background: -moz-linear-gradient(top,#FA6C33 0%,#DC4822);
  background: -webkit-gradient(linear, left top, left bottom, from(#FA6C33), to(#DC4822));
  text-shadow:0px 1px 1px #000;
}

.midashi2 {
  width:auto;
  margin: 8px 0;
  padding:3px 10px 3px 10px;
  border-bottom:2px solid #CFAB7E;
  color:#663300;
  /*background-image: url("../img/back02.jpg");*/
  background-size: 40px 40px;
}


.midashi3 {
	padding:6px;
	margin: 3px 0 0 0;
	background: -moz-linear-gradient(top,#98CC42 0%,#B1D971);
	background: -webkit-gradient(linear, left top, left bottom, from(#98CC42), to(#B1D971));
    text-shadow:0px 1px 1px #fff;
    color:#004000;
	border-radius: 4px;
	-webkit-border-radius: 4px;
}


.honbun1{
padding:3px 10px 3px 10px;
}

.button1 {
    width:90%;
    font-size:18px;
    font-weight:bold;
    text-decoration:none;
    display:block;
    text-align:center;
    padding:8px 8px 10px 0;
    color:#333;
	box-shadow:4px 4px #333;
    background-image:-moz-linear-gradient(top,#ffa035 0%,#ff8300);
    background-image:-webkit-gradient(linear,left top,left bottom,from(#ffa035),to(#ff8300));
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	border: 2px solid #FFF;
}

a.button1 {
    color:#FFF;
}

.button_img1 {
  /*background-image:url('../img/arrow072_09.png');*/
  background-repeat: no-repeat;
  padding:0 10px;
  margin-top:2px;
  width:14px;
  height:14px;
  background-position: left center
}

.button_img2 {
  /*background-image:url('../img/arrow072_08.png');*/
  background-repeat: no-repeat;
  padding:0 10px;
  margin-top:2px;
  width:14px;
  height:14px;
  background-position: left center
}

.line1 {
/*background-image: url(../img/line1.gif);*/
background-repeat: repeat-x;
background-position: bottom left;
padding-bottom: 1px;
margin-bottom: 5px;
}

.title1 {
  width:auto;
  margin: 8px 0;
  padding:3px 10px 3px 10px;
  color:#663300;
  /*background-image: url("../img/back05.jpg");*/
  background-size: 40px 40px;
}


   /* 枠 */
.waku_01 {
   display: table;
   margin: 0px auto 15px;
   padding: 10px 1%;
   width: 92%;
}

.waku_flow {
   display: table;
   margin: 10px auto 10px;
   padding: 20px 10px;
   width: 90%;
   border:1px solid #D4EBF3;
   background-image: url("../img/back01.gif");
}
   
.table_waku_01 {
   display: table;
   margin: 0px auto 15px;
   padding: 10px 1%;
   width: 98%;
}


   /* ２分割枠（ＰＣ版） */
   
div.waku_area35 {
   display: table-cell;
   width: 33%;
   margin:0 auto;
}
div.waku_area65 {
   display: table-cell;
   width: 63%;
   margin:0 auto;
}
   
div.waku_area45 {
   display: table-cell;
   width: 43%;
   margin:0 auto;
}
div.waku_area55 {
   display: table-cell;
   width: 53%;
   margin:0 auto;
}


/*---------- ヘッダー ----------*/

header {
  width: 100%;
}

header h1 {
  padding: 20px 0 0 120px;
  text-align: left;
  color: #045FB4;
  font-size: 48px;
  background: url(../img/common/main_title.gif) center repeat-x;
  height: 187px;
}

header h1 a {
  color: #333333 !important;
  text-decoration: none;
  font-size: 18px;
}

header h1 a:hover {
  color: #8686E3 !important;
  text-decoration: underline;
  font-size: 18px;
}

#page_top {
  margin: 0;
  padding: 0;
}


/*---------- コンテンツ ----------*/

article {
  width: 100%;
  margin: 0 0 8px 0;
}

section {
  margin: 0 0 8px 0;
}

section h2 {
  margin: 0 0 8px 0;
  padding: 5px 0 3px 14px;
  font-size: 14px;
  color: #ffffff;
  border-bottom: solid 1px;
  border-bottom-color: #cccccc;
  /* background: url(img/h_bg.gif) center repeat-x; */
}

section p {
  margin: 0 0 12px 0;
  padding: 3px 8px 3px 8px;
  line-height: 1.8;
}

section .gray_bg {
  margin: 8px 0 8px 0;
  padding: 2px 8px 2px 8px;
  line-height: 1.7;
  letter-spacing: 1px;
  border-top: solid 1px #dddddd;
  border-right: solid 1px #dddddd;
  border-bottom: solid 1px #dddddd;
  border-left: solid 1px #dddddd;
  background-color: #eeeeee;
}

section .gray_bg p {
  padding: 3px;
  line-height: 1.7;
  letter-spacing: 1px;
}

section img.picture {
  margin: 0 10px 10px 0;
  float: left;
}

section img.picture_r {
  margin: 0 0 10px 10px;
  float: right;
}

section span.red {
  color: #e60033;
}

section span.red_b {
  color: #e60033;
  font-weight: bold;
}

section span.blue {
  color: #007bbb;
}

section span.pink {
  color: #c53d43;
}

section span.brown {
  color: #993300;
}

section span.brown_b {
  color: #993300;
  font-weight: bold;
}

section span.green {
  color: #008257;
}

section table.table_line {
  width: 100%;
  border-collapse: collapse;
  border: solid 1px #bbbbbb;
  margin : 8px  0 8px 0;
}

section td.table_line {
  border-collapse: collapse;
  border: solid 1px #bbbbbb;
  padding : 8px 10px 8px 10px;
}

#menu a {
  width:50%;
  padding:10px 20px 10px 10px;
  background:#FAF5F1;
  float:left;
  box-sizing: border-box; 
  border-top:1px solid #555;
  font-weight:bold;
  /*background-image: url("../img/sankaku.gif");*/ /* 画像の指定 */
  background-repeat: no-repeat; /* 画像の並び */
  background-position: right 5pt bottom 50%;
}
#menu a:nth-child(2n+1){
  border-right:1px solid #555;
}
#menu a:nth-last-child(1),#menu a:nth-last-child(2){
  border-bottom:1px solid #555;
}



/*---------- トップに戻る ----------*/

#page_back {
  margin: 0 0 8px 0;
  padding: 0 6px 0 0;
  text-align: right;
}


/*---------- フッター ----------*/

footer {
  width: 100%;
  padding: 10px 0 10px 0;
  color: #333333;
  text-align: center;
  border-top: solid 1px;
  border-top-color: #cccccc;
  background-color: #eeeeee;
}

footer p {
  padding: 10px;
  color: #555555;
}

footer a {
  color: #555555 !important;
}

footer a:hover {
  color: #777777 !important;
}

footer a:visited {
  color: #555555;
}

footer p.copy {
  padding: 10px;
  font-size: 80%;
  color: #555555;
}

footer p.copy a {
  color: #5151C1 !important;
  text-decoration: none;
}

footer p.copy a:hover {
  color: #8686E3 !important;
  text-decoration: underline;
}

footer p.copy a:visited {
  color: #5151C1;
  text-decoration: none;
}

/*---------- 会社概要ページ ----------*/

table.company {
	border-collapse: collapse;
	width:95%;
}
.company th.t_top {
	border-top: #b3b3b3 4px solid;
	background: #96CA35;
	color: #FFFFFF;
	font-weight:bold;
}
.company th {
	border-bottom: #e3e3e3 1px dotted;
	text-align: left;
	padding: 10px;
	font-weight: normal;
	background: #96CA35;
	color: #FFFFFF;
	font-weight:bold;
}
.company td.t_top {
    border-top: #04A95C 4px solid;
	background: #f8f8f8;
}
.company td {
	border-bottom: #e3e3e3 1px dotted;
	text-align: left;
	padding: 10px;
	background: #f8f8f8;
}

/*---------- ホントによくあるご質問ページ ----------*/

.qa_q01 {
  /*background-image: url("../qa/img/qa_q01.gif");*/
  background-size: 30px 30px;
  background-repeat: no-repeat;
  line-height: 1.6em;
  color: #FF6600;
  font-weight: bold;
  margin:15px 0px 0px 0px;
  padding-left: 40px;
  padding-bottom: 5px;
  padding-top: 2px;
}

.qa_a01 {
  /*background-image: url("../qa/img/qa_a01.gif");*/
  background-size: 30px 30px;
  background-repeat: no-repeat;
  line-height: 1.6em;
  color: #000000;
  margin:5px 0px 0px 0px;
  padding-left: 40px;
  padding-bottom: 8px;
  padding-top: 3px;
}

.qa_line{
display: block;
margin-left: auto;
margin-right: auto;
}

span.qa_font01 {
  color: #EB4B4B;
  font-weight: bold;
}

.qa01 {
	background-color: #E6A76F;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: 4px 6px;
	margin-bottom: 10px;
	color: #FFFFFF;
	font-size: 100%;
	font-weight: bold;
}

.Brown_box {
	background-color: #FDFCFB;
	padding: 10px;
	margin: 0 10px;
    border: 2px solid #a37759;
    min-height:120px;
    -moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
    -webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
}

hr.qa_line {
height: 2px;
border: none;
border-top: 3px #d0b08d dotted;
}

/*---------- スタート体験が始まるまでページ ----------*/

.flow_01 {
  min-height:130px;
  overflow:hidden;
  margin:3px 0px 20px 0px;
  height:auto;
}

.flow_02 {
  color: #FFF;
  font-weight: bold;

}


.flow_side {
	background-color: #FE714B;
	padding: 10px;
	width: 95%;
	margin:auto;
}

.flow_side p:last-child {
	margin-bottom: 0;
}

.waku1 {
	background-color: #FFFEE8;
	border:solid 3px #3C92D9;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	padding: 10px;
	width: auto;
	margin:0 10px;
}

/*---------- 家庭教師登録ページ ----------*/


.midashi4 {
	margin: 0 0 22px 0;
  border-top:solid 1px #DFDFDF;
  border-right:solid 1px #dDFDFDFdd;
  border-bottom:solid 1px #DFDFDF;
  border-left:6px solid #D5AA75;
    padding: 7px 5px 7px 8px;
    background: #eee;
    background: -moz-linear-gradient(top,  #F7F7F7,  #DFDFDF); /* FF */
    background: -webkit-gradient(linear, left top, left bottom, from(#F7F7F7), to(#DFDFDF));/* Webkit */
    -pie-background:linear-gradient(top,  #F7F7F7,  #DFDFDF); /* ie */
    color:#1B3A58;
	font-size: 120%;
}

.midashi5 {
	padding:4px 6px 4px 6px;
	margin: 0;
	background: #3C92D9;
	font-weight:bold;
    color:#FFF;
}

.point01 {
	/*background: url(../img/point8_2s.png) left top no-repeat;*/
	padding-left: 26px;
	margin-bottom: 6px;
	color: #FF3300;
	font-size: 100%;
	font-weight: bold;
}

.area_waku_02 {
   display: table;
   margin: 0px auto 10px;
   padding: 4px;
   width: 94%;
   border:2px solid #CBF1FE;
}

.waku2 {
	min-height: 150px;
	background-color: #FFFFFF;
	border:solid 3px #3C92D9;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: 0;
	width: 95%;
	margin:auto;
}

.font1 {
	padding: 6px;
	min-height: 100px;
}

.btn_tel {
    width:90%;
    font-size:16px;
    font-weight:bold;
    text-decoration:none;
    display:block;
    text-align:center;
    padding:8px 0 10px;
	margin-bottom:10px;
    color:#333;
	box-shadow:4px 4px #333;
    background-image:-moz-linear-gradient(top,#A4CC59 0%,#6E9B1C);
    background-image:-webkit-gradient(linear,left top,left bottom,from(#A4CC59),to(#6E9B1C));
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	border: 2px solid #FFF;
}

a.btn_tel {
    color:#FFF;
}

.btn2_form {
    width:90%;
    font-size:16px;
    font-weight:bold;
    text-decoration:none;
    display:block;
    text-align:center;
    padding:8px 0 10px;
    color:#333;
	box-shadow:4px 4px #333;
    background-image:-moz-linear-gradient(top,#8CCFCC 0%,#4C8D8A);
    background-image:-webkit-gradient(linear,left top,left bottom,from(#8CCFCC),to(#4C8D8A));
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	border: 2px solid #FFF;
}

a.btn2_form {
    color:#FFF;
}

.tourokumenu {
	margin-bottom: 1em;
	font-size: 107%;
	}


.tourokumenu li {
	text-align: center;
	float: left;
	margin: 0px 5px;
	font-weight: bold;
	}

.tourokumenu li a {
	text-decoration: none;
	}
	
.contents {
	margin: 0 10px;
} 

.boshuu dt {
	margin-left:1em;
	}
.boshuu dd {
	margin-left:2em;
	margin-bottom:1em;
	}
	
/*---------- お問合せフォーム・家庭教師登録フォームページ ----------*/

.midashi6-1 {
	margin: 4px 0 6px 0;
    padding: 0 0 0 8px;
    background: #EDEDED;
    background: -moz-linear-gradient(top,  #F2F2F2,  #E9E9E9); /* FF */
    background: -webkit-gradient(linear, left top, left bottom, from(#F2F2F2), to(#E9E9E9));/* Webkit */
    -pie-background:linear-gradient(top,  #F2F2F2,  #E9E9E9); /* ie */
	border-bottom: solid 1px #999;
}

.midashi6-2 {
	margin: 0;
    padding: 4px 4px 4px 10px;
	/*background-image:url(../img/maru2.gif);*/
	background-repeat:no-repeat;
	background-position:left center;
    color:#000;
	font-size: 110%;
}

input, select, textarea {
padding: 5px;
margin: 4px 10px;
font-size:100%;
max-width:90%;
}

.form_contents {
	margin: 0 10px;
	background-color: #FFFFFF;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
} 

.haikei1 {
	/*background-image:url(../img/003-004.gif);*/
	padding: 12px 0;
}

.haikei2 {
	/*background-image:url(../img/003-005.gif);*/
	padding: 12px 0;
}

div.waku_area50 {
   display: table-cell;
   width: 48%;
   margin:0 1% 0 1%;
}

div.waku_area40 {
   display: table-cell;
   width: 37%;
   margin:0 1% 0 1%;
}

div.waku_area60 {
   display: table-cell;
   width: 58%;
   margin:0 1% 0 1%;
}
/* ---------------------------------------------------------------
   スタッフブログ
--------------------------------------------------------------- */

.area_waku_blog {
   display: table;
   margin: 0px auto 20px;
   padding: 1px 1%;
   width: 84%;
   position:relative;
}

.blog_margin_pc_sm {
   margin-top:-26px;
}

div#waku_area502 {
   display: table-cell;
   width: 40%;
   margin: 5px auto;
   padding:0 2%;
   height: auto;
   border:medium solid #00B9FF;
}#waku_area502 p {
   font-size: 1.0em;
   line-height: 1.4em;
}#waku_area502 img {
   margin:0 4% 4%;
}

h3.blog_h3 {
  width: 96%;
  margin :8px 0 8px 0;
  font-size: 1.3em;
  font-weight:bold;
  position: relative;
  border-bottom: 4px solid #00B9FF;
  background-color: transparent;
  color: #000;
  text-align: center;
}

h3.blog_h3::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  z-index: 2;
  content: '';
  width: 30%;
  height: 4px;
  background-color: #00B9FF;
}

.c_pink { color:#EB0A58; }

.style2 {
	color: #2A2A2A;
	line-height:140%;
}
.style3 {
         line-height:140%;}
.style4 {
	color: #AE1717;
	font-weight: bold;
	line-height:140%;
	padding:2px;
}
.style7 {
	color: #FF6600;
	font-weight: bold;
	line-height:130%;
}
.style9 {color: #0066FF; font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; }

.pcs {
        display:inline;
}
.sms {
	display:none;
}

.pcs img{
        display:inline;
}
.sms img{
	display:none;
}
.contents {
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
	width: 100%;
	max-width:1023px;
	text-align: left;
}
.wrap {
	padding: 0px 10px;
}
.fs40b { font-size:0.4em;line-height: 1.2em; color:#000000;}
.fs50 { font-size:0.5em;line-height: 1.0em; }
.fs60 { font-size:0.6em;line-height: 1.0em; }
.fs70 { font-size:0.7em;line-height: 1.0em; }
.fs80 { font-size:0.8em;line-height: 1.0em; }
.fs90 { font-size:0.9em;line-height: 1.0em; }
.fs120 { font-size:1.2em;line-height: 1.5em; }
.fs120g { font-size:1.0em;line-height: 1.5em; color:#a3997e;}
.fs140 { font-size:1.4em;line-height: 1.8em; }
.fs150 { font-size:1.5em;line-height: 1.8em; }
.fs180 { font-size:1.8em;line-height: 1.8em; }
.fs180v { font-size:1.8em;line-height: 2.5em; }
.fs220 { font-size:2.2em;line-height: 2.5em; }
.fl { float:left; }
.fr { float:right; }

h2 { font-size:1.4em; line-height: 1.8em; }
h3 { color:#0040FF; }

hr { color:#58ACFA; }

.waku01 {
   margin: 0px auto;
   padding: 12px 24px 12px 150px;
   width: 80%;
   height:7em;
   color:#FFFFFF;
   font-size: 1.2em;
   text-align:left;
   background-color:#045FB4;
    border-radius: 10px;        /* CSS3草案 */
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;   /* Firefox用 */
	/*behavior: url(border-radius.htc);    IE用 */
   position:relative;
}
.waku01 img {
	position:absolute;top:5px;left:5px;
/*
	margin:0 0 0 -125px;
*/
}
.waku02 {
   margin: 0px auto;
   padding: 12px 24px 12px 24px;
   width: 88%;
   font-size: 1.2em;
   text-align:left;
   background-color:#BCF5A9;
    border-radius: 10px;        /* CSS3草案 */
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;   /* Firefox用 */
	behavior: url(border-radius.htc);   /* IE用 */
}

.waku03 {
   margin: 0px auto;
   padding: 12px 24px 12px 24px;
   width: 88%;
   font-size: 1.2em;
   text-align:left;
   background-color:#F7D358;
    border-radius: 10px;        /* CSS3草案 */
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;   /* Firefox用 */
	behavior: url(border-radius.htc);   /* IE用 */
}
.waku04 {
   margin: 0px auto;
   width: 95%;
   font-size: 1.0em;
   text-align:left;
}

.underp {
  background: linear-gradient(transparent 50%, #F6CEF5 50%);
  width:15.5em;
}
.underg {
  background: linear-gradient(transparent 50%, #A9F5D0 50%);
  width:19em;
}
.undery {
  background: linear-gradient(transparent 50%, #F3F781 50%);
  width:11.5em;
}
.mae {
	z-index:999;
}
.c_blue { color:#045FB4; }
.c_gold { color:#B18904; }
.c_red  { color:#DF3A01; }

.iframe-voice1-1 {
	width: 82%;
	height:380px;
	margin:0 auto 20px;
	border:1px solid;
	overflow:hidden;
}

.iframe-voice1-2 {
      width:100%;
      height:100%;
}

table.voice_list {
	text-align: left;
	border-collapse: collapse;
	border: 2px solid #BBBBBB;
	width:98%;
	margin:0 auto 15px auto;
}

table.voice_list th {
	padding: 10px;
	border-width: 0;
	font-size:1.2em;
	color:#333333;
	font-weight: bold;
}

table.voice_list th.voice1_color {
	background: #F3E2A9;
}

table.voice_list th.voice2_color {
	background: #D9F8FF;
}


table.voice_list td {
	padding: 4px 10px;
	border-width: 0;
	background:#FFFFFF;
}

table.voice_list .waku_area15 {
min-width:130px;
}

/* ================================================

   ページトップ

=================================================== */

#pageTop span{
display: block;
overflow: hidden;
width: 14px;
height: 12px;
background: url(../img/common/icon_up_01.png) no-repeat center center;
}

#pageTop{
border: 0px solid #000;
background: #BBB;
text-shadow: 0 1px 0 #333;
color:#fff;
padding: 16px 19px;
position:fixed;
bottom: 20px;
right: 20px;
top: auto;
left: auto;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-icab-border-radius: 6px;
-khtml-border-radius: 6px;
border-radius: 6px;

}
#pageTop:hover{
transition: all .3s;
opacity: 0.8;
filter: alpha(opacity=80);
}

/* ================================================

   先輩家庭教師のブログ

=================================================== */
.blogtitle {
   margin:0 auto;
   width:84%;
}
.blogtop {
   background-image:url(../img/subpage/pink.gif);
   background-repeat: no-repeat;
}
.area_waku_002 {
   display: table;
   margin: 4px auto 15px;
   padding: 0;
   width: 80%;
   text-align:left;
   border:2px solid #5F6CCB;
}
.area_waku_002 h2 {
   padding: 6px;
   background-color:#5F6CCB;
   font-size:1.3em;
   line-height: 1.4em;
   color:#FFFFFF;
}
.area_waku_002 p {
   padding: 0 1em;
}
#detailWrap {
   padding: 0 1em;
}
#pagenavi {
	font-size: 1.6em;
	line-height: 2.0em;
	float: right;
	margin-top: 25px;
	margin-bottom: 25px;
}

#pagenavi li {
	float: left;
	margin-right:10px;
}

#pagenavi li .current_page {
	background-color: #F0EDE8;
	color: #240002;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 10px;
	display: block;
	border: 1px solid #F0EDE8;
}

#pagenavi li a {
	background-color: #FFFFFF;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 10px;
	color: #5F6CCB;
	display: block;
	text-decoration: none;
	border: 1px solid #5F6CCB;
}

#pagenavi li a:hover {
	background-color: #5F6CCB;
	border: 1px solid #5F6CCB;
	color: #FFFFFF;
}

#pagenavi li .no_page {
	background-color: #FFFFFF;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 10px;
	color: #DDDDDD;
	display: block;
	text-decoration: none;
	border: 1px solid #DDDDDD;
}

#pagenavi li .now_page {
	background-color: #5F6CCB;
	padding-top: 4px;
	padding-right: 15px;
	padding-bottom: 4px;
	padding-left: 15px;
	color: #FFFFFF;
	display: block;
	text-decoration: none;
	border: 1px solid #5F6CCB;
}



#prev_next {
	margin-top: 30px;
	text-align: center;
}
/* ================================================

   地図セクション

=================================================== */


/* ================================================

   エリアセクション

=================================================== */
.area-sec ul li {
	margin-left: 50px;
}

table.area-list01 {
	margin:25px 0px 0px 15px;
	padding:0px;
	line-height: 1.5em;
}
	
.kakko01-1_img:before {
  content:"《 ";
  padding:0 3px 0 0;
 
	/*
    width: 32px;
    height: 22px;
    background: url('../img/subpage/btn_kakko01-1.gif');
	background-repeat: no-repeat;
	background-position: center center;
 */
}

.kakko01-2_img:before {
  content:" 》";
  padding:0 0 0 3px;
  
	/* 
    width: 32px;
    height: 22px;
    background: url('../img/subpage/btn_kakko01-2.gif');
	background-repeat: no-repeat;
	background-position: center center;
 */	
}

/* ================================================================

   767px以下の画面（スマートフォン）スタイル ここから↓

================================================================ */
@media only screen and (max-width: 767px) {
	
div.waku_area40,div.waku_area60,div.waku_area45,div.waku_area55,div.waku_area75,div.waku_area85,div.waku_area25,div.waku_area50,div.waku_area12,div.waku_area88
{
   display: block;
   width: 100%;
}
div#waku_area502 {
   display: block;
   width: 320px;
   margin: 4px auto;
}
img{
	max-width: 98%;
	height: auto;
	width /***/:auto; /* IE8用*/
}
.pcs {
	display:none;
}
.sms {
        display:inline;
}
.pcs img{
	display:none;
}
.sms img{
        display:inline;
}

header h1 {
  padding: 10px 0 0 20px;
  font-size: 32px;
  background: url(../img/common/main_titles.gif);
  height: 240px;
}

/*
header .sms h1 {
  padding: 20px 0 0 60px;
  text-align: left;
  color: #045FB4;
  font-size: 48px;
  background: url(../img/common/main_titles.gif) center repeat-x;
  height: 380px;
}
*/
.contents {
	max-width:767px;
	width:100%;
}

.waku01 {
	max-width:64%;
	padding: 12px 4px 12px 125px;
	width:95%;
	height:12em;
	font-size: 1.0em;
}

.iframe-voice1-1 {
-webkit-overflow-scrolling: touch;
overflow: auto;
}

.area-sec ul li {
	margin-left: 30px;
}

   /* ２分割枠（スマートフォン用） */
div.waku_area35,div.waku_area65,div.waku_area45,div.waku_area55 {
   display: block;
   width: 100%;
}
   
   
}