@charset "utf-8";
/*top*/
h3.topshimei{
padding:3px 0;
margin-bottom:10px;
font-size:20px;
border-bottom:2px solid #3fbdd8;
font-family: "ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
font-weight:bold;
}
h4.topshimei2{
padding:3px 0;
font-size:18px;
font-family: "ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
font-weight:bold;
text-align:center;
}
.tabletopshimei{
width:90%;
margin:10px auto;
}
.tabletopshimei th{
text-align:center;
font-weight:bold;
width:40px;font-family: "ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;

}
.tabletopshimei td{
text-align:left;font-family: "ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;

}
p.topshimeiunder{
padding:3px 0;
font-size:20px;
font-family: "ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
font-weight:bold;
text-align:center;
}

/* スマホ用 */
@media only screen and (max-width:480px){
.tabletopshimei{width:100%;}
}



span.tablecampanyp{
  vertical-align:top;
  }
.big2{
        font-size:20px;
	color:#000;
}
.bb{
   font-weight:bold;
   }
.red{
        font-size:20px;
	color:red;
}
#red{
     color:red;
     }
.redd{
	color:red;
}
.pink{
	color:#EFC9EE;
	font-size:20px;
}

.orenge{
        font-size:20px;
	color:#EF6800;
}
.ye{
        font-size:20px;
	color:#EFE700;
}

.green{
        font-size:20px;
	color:#0EEF59;
}
.water{
        font-size:20px;
	color:#64D8EF;
	}
.blue{
        font-size:20px;
	color:blue;
}
.puple{
        font-size:20px;
	color:#8E0EEF;
}
.black{
        font-size:20px;
	color:#000;
}

/*************
テーブル
*************/
table.masuda{
border-collapse:collapse;
width:100%;
margin:10px auto;
}
table.masuda th,table.masuda td{
padding:5px;
border:1px solid #5476FF;
}
table.masuda th{
text-align:center;
font-weight:bold;
letter-spacing:1px;
white-space:nowrap;
color:#fff;
background:#4BDFFF;

width:80px;
text-shadow: 2px 2px 2px #000;

}
table.masuda td{border-left:#5476FF 3px double}

/*************
reword
*************/



.reword{
border-collapse:collapse;
width:90%;
margin:10px auto;
}
.reword th,.reword td{
padding:5px;
border:3px solid #5476FF;
}
.reword th{
text-align:center;
font-weight:bold;
color:#fff;
background:#4BDFFF;width:50%;
}
.reword td{text-align:center;
}
.reword tr.rr{background:#ffa500;}
/* スマホ用 */

@media only screen and (max-width:480px){
.reword{width:100%;}
}



.rewordtyu{
width:90%;
margin:10px auto;
}
.rewordtyu th{
text-align:center;
font-weight:bold;
color:red;width:40px;
}
.rewordtyu td{
text-align:left;color:red;
}

/* スマホ用 */
@media only screen and (max-width:480px){
.rewordtyu{width:100%;}
}

.rewordhoka{
width:90%;
margin:10px auto;
}
.rewordhoka th{
text-align:left;
width:500px;
border-bottom:1px solid #000;
font-weight:bold;
}
.rewordhoka td{
text-align:left;
border-bottom:1px solid #000;

}

/* スマホ用 */
@media only screen and (max-width:960px){
    .rewordhoka {}
    .rewordhoka th,
    .rewordhoka td{
        width: 100%;
        display: block;
margin:0 auto;
border:none;
    }
.rewordhoka td{
     padding-left:30px;
     }
}

/*所長紹介*/
.introduction{
width:98%;
margin:10px auto;
}
.introduction th{
text-align:left;
width:70%;vertical-align: top;
}
.introduction td{
width:100%;float:right;
}

/* スマホ用 */
@media only screen and (max-width:960px){
    .introduction {}
    .introduction th,
    .introduction td{
        width: 100%;
        display: block;
margin:0 auto;
border:none;
    }
.introduction td img{
display: block;
 margin-left: auto;
 margin-right: auto;
     }
}


.introduction2{
width:90%;
margin:10px auto;
}
.introduction2 th{
text-align:center;
font-weight:bold;
color:AB4646;width:40px;
}
.introduction2 td{
text-align:left;font-weight:bold;
}
p.int{
 width:90%;
 margin:0 auto;
 }
/* スマホ用 */
@media only screen and (max-width:480px){
.introduction2{width:100%;}
}
/*----------------------------------------------------
    .sitemap
----------------------------------------------------*/
p.big{
font-size:18px;
line-height:30px;
padding-left:10px;
letter-spacing : 2px;
}
p.big a{
text-decoration: underline;
}
img.sitemapb{
vertical-align: text-top;
}
/*----------------------------------------------------
    .company
----------------------------------------------------*/

.company{ width: 100%; margin:0 auto;}
.company th,.company td{
padding:5px;
border:1px solid #5476FF;
}
.company th  { width: 30%; text-align:center;
font-weight:bold;
letter-spacing:1px;
white-space:nowrap;
color:#fff;
background:#4BDFFF;
text-shadow: 2px 2px 2px #000;
width:80px;}
.company td  {padding:8px;}
.company iframe{
      width:100%;
      height:auto;
}

@media only screen and (max-width:480px){
    .company {}
    .company th,
    .company td{
        width: 100%;
        display: block;
margin:0 auto;
    }
    .company tr:first-child th   { border-top: 1px solid #ddd; }
        .company{border-top:2px solid #5476FF;}

}


/*----------------------------------------------------
    .link2
----------------------------------------------------*/

.link2{ width: 100%; margin:0 auto; margin-bottom:40px;}
.link2 th  { width: 40%; text-align:center;}
.link2 td{vertical-align: top;}
.link2 tr{height:150px;}

@media only screen and (max-width:480px){
    .link2 {}
    .link2 th,
    .link2 td{
width: 100%;
display: block;
padding:0 20px;
margin:0 auto;

    }
    .link2 td{
margin-bottom:20px;

    }


}
/*----------------------------------------------------
    .inq
----------------------------------------------------*/
.inq {border:1px solid #5476FF;width:100%;}
.inq th  { width: 30%;height:30px; text-align: left; vertical-align: top;padding:10px;color:#fff;
background:#6BE6FF;color:#000;
}
.inq td {text-align:left;padding:10px;} 
.inq td, .inq th { border:1px solid #5476FF; }
.inq select{
	width:30%;font-size:16px;
}
.inq select.t1{
	width:20%;font-size:16px;
}
.inq select.t2{
	width:10%;font-size:16px;
}
.form_box table input[type='text'].itype_01{
	width:20%;height:26px;
	border-radius: 4px;        /* CSS3草案 */  
    -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 4px;   /* Firefox用 */ 
    font-size:16px; 
}
.form_box table input[type='text'].itype_03{
	width:100%;height:26px;
	border-radius: 4px;        /* CSS3草案 */  
    -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 4px;   /* Firefox用 */ 
    font-size:16px; 
}

.form_box table select[type='select'].itype_04{
	width:100%;height:26px;
}
.form_box table input[type='text'].itype_05{
	width:60%;height:26px;
	border-radius: 4px;        /* CSS3草案 */  
    -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 4px;   /* Firefox用 */ 
    font-size:16px; 
}
.form_box table input[type='tel'].itype_06{
	width:100%;height:26px;
	border-radius: 4px;        /* CSS3草案 */  
    -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 4px;   /* Firefox用 */ 
    font-size:16px; 
}

textarea.ttype_01{
	width:100%;
	height:7em;
        border-radius: 2px;        /* CSS3草案 */  
    -webkit-border-radius: 2px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 2px;   /* Firefox用 */ 
    font-size:16px; 	
	}
@media only screen and (max-width:480px){
    .inq { width: 100%;border:none;}
    .inq th,
    .inq td{
        width: 100%;
        display: block;
margin:0 auto;

    }
    .inq th{padding-bottom:30px;}
    }
span.conred1{
    font-size:12px;
    color:red;
}
span.conred2{
    font-size:16px;
    color:#E6FF08;
}
span.conyellow{
    font-size:14px;
    color:#AABD06;
}
span.hissu{
    text-shadow:none;
    font-size:10px;
    color:#fff;
    background:red;
    padding:3px; border:1px solid red;
    border-radius:5px;
    margin-right:6px;

}


/*QA*/
p.qalink{
font-size:16px;
}
h4#qa{
    margin-top:20px;
    font-size:18px;
    margin-bottom:4px;
    }
h4#qa2{
    margin-top:20px;
    font-size:18px;
    margin-bottom:4px;
    }
.qa_box {
        width:95%;
        margin:0 auto;
        margin-top:10px;
}
.qa_box dl{
	padding-bottom:30px;
        padding-right:20px;
}
.qa_box dt{
	background:url(images/qa/Q.png) no-repeat left top;
	padding:7px 0 5px 40px;
	border-bottom:1px #9a9a9a dashed;
	font-size:16px;
	font-weight:bold;
}
.qa_box dd{
	background:url(images/qa/A.png) no-repeat left top;
	padding:5px 0 5px 40px;
	margin-top:8px;
}
.qaimg{
  float:right;
  }
@media only screen and (min-width:960px){
.qaimg{
margin-right:30px;
margin-bottom:10px;
  }
  }
@media only screen and (max-width:660px){
.qaimg{
        display: block;
margin:0 auto;
width:100%;
  }
}

/* PC用 */

@media only screen and (min-width:960px){
.company td  { border-left:#5476FF 3px double;}

}





/* モニター幅960px以下 */

/*表示を切り替えるウィンドウサイズの指定*/


@media only screen and (max-width:960px){
 #main{
  margin-top:40px;
}
    .company { margin-bottom:40px;}





/* iPad 縦 */

@media only screen and (max-width:960px){

}




/* スマートフォン 横(ランドスケープ) */


@media only screen and (max-width:640px){

/*メインメニュー
---------------------------------------------------------------------------*/
}