@charset "utf-8";

h1,h2,h3,h4,h5 {margin: 0px;padding: 0px;}
img {border-style: none;}
strong ,em {font-style: normal;font-weight: normal;}
address {font-style: normal;}


.bold {font-weight: bold;}

.f_FFF {color: #FFFFFF;}
.f_CCC {color: #CCCCCC;}
.f_F00 {color: #FF0000;}
.f_F30 {color: #FF3300;}
.f_F60 {color: #FF6600;}
.f_333 {color: #333333;}
.f_600 {color: #660000;}
.f_630 {color: #663300;}
.f_666 {color: #666666;}
.f_060 {color: #006600;}
.f_00A {color: #0000aa;}

.f_F00b {font-weight: bold;color: #FF0000;}
.f_F60b {font-weight: bold;color: #FF6600;}
.f_600b {font-weight: bold;color: #660000;}
.f_F30b {font-weight: bold;color: #FF3300;}

.f_10 {font-size: 10px;}
.f_12 {font-size: 12px;}
.f_14 {font-size: 14px;}
.f_16 {font-size: 16px;}
.f_18 {font-size: 18px;}

.f_80 {font-size: 80%}
.f_84 {font-size: 84%}
.f_86 {font-size: 86%}
.f_88 {font-size: 88%}
.f_90 {font-size: 90%}
.f_92 {font-size: 92%}
.f_94 {font-size: 94%}
.f_96 {font-size: 96%}
.f_100 {font-size: 100%}
.f_110 {font-size: 110%}
.f_120 {font-size: 120%}
.f_140 {font-size: 140%}
.f_150 {font-size: 150%}
.f_160 {font-size: 160%}


.tp0 {margin-top: 0px;}
.tp3 {margin-top: 3px;}
.tp5 {margin-top: 5px;}
.tp10 {margin-top: 10px;}
.tp15 {margin-top: 15px;}
.tp20 {margin-top: 20px;}
.tp25 {margin-top: 25px;}
.tp30 {margin-top: 30px;}
.tp35 {margin-top: 35px;}
.tp40 {margin-top: 40px;}
.tp50 {margin-top: 50px;}

.bp0 {margin-bottom: 0px;}
.bp3 {margin-bottom: 3px;}
.bp5 {margin-bottom: 5px;}
.bp10 {margin-bottom: 10px;}
.bp15 {margin-bottom: 15px;}
.bp20 {margin-bottom: 20px;}
.bp25 {margin-bottom: 25px;}
.bp30 {margin-bottom: 30px;}
.bp35 {margin-bottom: 35px;}
.bp40 {margin-bottom: 40px;}

.lp0 {margin-left: 0px;}
.lp5 {margin-left: 5px;}
.lp10 {margin-left: 10px;}
.lp15 {margin-left: 15px;}
.lp20 {margin-left: 20px;}
.lp25 {margin-left: 25px;}
.lp30 {margin-left: 30px;}
.lp35 {margin-left: 35px;}
.lp40 {margin-left: 40px;}
.lp50 {margin-left: 50px;}

.rp0 {margin-right: 0px;}
.rp5 {margin-right: 5px;}
.rp10 {margin-right: 10px;}
.rp15 {margin-right: 15px;}
.rp20 {margin-right: 20px;}
.rp30 {margin-right: 30px;}


.tl {text-align: left;}
.tr {text-align: right;}
.tc {text-align: center;}

.fl ,.fl_sp {float: left;}
.fr ,.fr_sp {float: right;}

.w5 {width: 5%;}
.w10 {width: 10%;}
.w15 {width: 15%;}
.w20 {width: 20%;}
.w25 {width: 25%;}
.w30 {width: 30%;}
.w35 {width: 35%;}
.w40 {width: 40%;}
.w45 {width: 45%;}
.w50 {width: 50%;}
.w55 {width: 55%;}
.w60 {width: 60%;}
.w65 {width: 65%;}
.w70 {width: 70%;}
.w75 {width: 75%;}
.w80 {width: 80%;}
.w85 {width: 85%;}
.w90 {width: 90%;}
.w95 {width: 95%;}
.w100 {width: 100%;}

.li14 {line-height: 1.4em;}
.li16 {line-height: 1.6em;}
.li18 {line-height: 1.8em;}
.li20 {line-height: 2.0em;}


.clean{clear:both;font-size: 1%;height: 1px;line-height: 1%;}

.box_clear:after {
content: ".";
display: block;
visibility: hidden;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
clear: both;
}
.box_clear{display: inline-block;}
/* Hides from IE-mac \*/
* html .cbox_clear {height: 1%;}
.box_clear {display: block;}
/* End hide from IE-mac */




body {
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
margin: 0px auto;padding: 0px auto;
text-align: center;
background:  url("../img/bg.gif") top left repeat;}
}

a:link {color: #1166ff;text-decoration: underline;}
a:visited {color: #750893;text-decoration: underline;}
a:hover {color: #218800;text-decoration: underline;}


#srap {
width: 912px;
margin: 0px auto;padding: 0px auto;
background: url("../img/bg_srap.gif") center top repeat-y;
}
#wrap ,#header ,#menu ,#footer ,#page ,.f_menu {width: 900px;}
#wrap {background-color: #fff;text-align: left;margin: 0px auto;padding: 0px auto;}


#header {height: 87px;background: url("../img/bg_h.jpg") top left no-repeat;}
.h_l {width: 370px;float: left;}
.h_l img {margin: 23px 0 0 26px;}
.h_r {width: 520px;float: right;text-align: right;}
.h_r h1 ,.h_r h2 {font-size: 82%;font-weight: normal;color: #247bab;margin: 18px 10px 0 0;}
.h_r img {margin: 5px 15px 0 0;}

#menu ul ,#menu li {list-style-type: none;margin: 0;padding: 0;display: inline-block;}
#menu li {display: inline-block;}

#top ,#page {font-size: 105%;width: 840px;padding: 35px 30px 0 30px;}
#top h4 {font-size: 150%;margin-bottom: 40px;border-bottom: 2px solid #ccc;}

.top_r {width: 260px;float: right;text-align: right;}
.top_r h5 {font-size: 82%;font-weight: normal;color: #1f3570;margin: 0;padding: 0;}
.top_r p {font-size: 100%;color: #1f3570;margin: 0;padding: 0;}

#page h2 ,#page h3 {font-size: 150%;margin-bottom: 30px;border-bottom: 2px solid #ccc;}
#page h3 {margin-top: 40px;}

.f_menu {
font-size: 92%;
list-style-type: none;
margin: 35px 0 0 0;padding: 0;
display: inline-block;
}
.f_menu ul ,.f_menu li {margin: 0;padding: 0;}
.f_menu li {display: inline-block;margin: 0px;}
.f_menu li:before {content:"|";padding: 0 10px;}
.f_menu li:last-child:after {content:"|";padding: 0 0px 0 10px;}

.b_company {
font-size: 98%;
padding: 8px 20px 8px 20px;margin: 30px 0 30px 0;
background-color: #f8f8f8;
border: 1px solid #aaa;border-radius:5px;
}
.b_company .b_c_t {font-size: 110%;color: #1f3570;}


#footer {
font-size: 86%;height: 37px;
padding-top: 70px;text-align: center;
background: url("../img/bg_footer.gif") center bottom repeat-x;}

#footer ,#footer a {color: #fff;text-decoration: none;}
#footer a {font-size: 110%;margin-left: 5px;}
#footer a:link {color: #fff;}
#footer a:visited {color: #fff;}
#footer a:hover {color: #ffff97;}


.kome {font-size: 86%;color: #666;}

.img_s {
background: url("../img/shadow.gif") right bottom no-repeat;
padding: 7px 12px 12px 7px;
}

.board {
padding: 10px 20px 12px 20px;margin: 30px 0 30px 0;
background-color: #f8f8f8;
border: 1px solid #aaa;border-radius:5px;
}
.board p {font-size: 96%;margin: 5px;}
.board .b_title {font-size: 110%;color: #2e3553;margin-bottom: 0px;}

.fortop {font-size: 90%;text-align: right;margin-top: 35px;}


.mail_form table{
width: 96%;
border: 1px solid #27a7a2;
border-collapse:collapse;
margin-left: 5px;
}

.mail_form table th,.mail_form table td{
border: 1px solid #27a7a2;
border-collapse:collapse;
padding: 15px 10px;

}
.mail_form table th {font-weight: normal;text-align: center;white-space: nowrap;background: #eaf6ff;}
.mail_form input:focus ,.mail_form textarea:focus {background:#efffef;}

.mail_sosin {margin-top: 30px;text-align: center;}
.mail_sosin input {padding: 10px 20px;}

.mail_form textarea {font-size: 86%;}

.f_hiss {font-size: 86%;color: #f30;margin-left: 5px;}
.f_tel {font-family: alial;font-size: 180%;font-weight: bold;color: #ea7503;margin-left: 10px;}

.title {
font-size: 115%;font-weight: bold;color: #3d2110;margin-top: 40px;margin-bottom: 25px;padding-left: 15px;
border-left: 12px solid #3d2110;/*border-bottom: 1px solid #3d2110;*/
}



.ta_base table {
width: 100%;
border-collapse:collapse;
margin-left: 1px;
}

.ta_base th,.ta_base td {
border: 1px dotted #818181;
border-collapse:collapse;
padding: 5px;
}

.ta_base table {border: 1px solid #818181;}
.ta_base th {font-weight: bold;color: #fff;text-align: center;padding: 10px 0;background-color: #5d2113;}





@media screen and (max-width: 1024px){	/* start_max-width */


}/* end_max-width */


@media screen and (max-width: 768px){	/* start_max-width */

/*.nosp {display: none;}

#top ,#contents ,#menu_top ,#menu ,.h_l ,.h_r {float: none;}
*/

#srap ,#wrap ,#header ,#menu ,#footer ,#top ,#page ,.h_l ,.h_r ,.f_menu {width: 100%;box-sizing:border-box;}

}/* end_max-width */



@media screen and (max-width: 435px){	/* start_max-width */

/*.h_l h1 {max-width: 100%;height: auto;margin: 0;box-sizing:border-box;}
.h_r {text-align: left;}
*/

/*#toppage img ,iframe {max-width: 100%;}
#toppage img ,iframe {height: auto;}
*/

#header {height: auto;background: none;}

}/* end_max-width */