@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: 1100px;
margin: 0px auto;padding: 0px auto;
background: url("../img/bg_srap.gif") center top repeat-y;
}
#wrap ,#header ,#menu ,#footer {width: 1100px;}
#wrap {
height: 1345px;
position:relative;
text-align: left;margin: 0px auto;padding: 0px auto;
background-color: #fff;
background-image: url("../img/bg_top.png");
border-right: 1px solid #4FA134;
border-left: 1px solid #4FA134;
}

.h_l {float: left;width: 350px;padding: 0;}
.h_l h1 {margin: 0;padding: 0;}
.h_l img {margin: 3px 0 0 9px;padding: 0;}
.h_l p a {text-decoration: none;}
.h_l p a:link {color: #333;}
.h_l p a:visited {color: #333;}
.h_l p a:hover {color: #00469C;}

.h_r {font-size: 14px;float: right;width: 500px;padding: 15px 7px 0 0;}
.h_r ul {list-style: none;margin: 0;padding: 0;text-align: right;}
.h_r li {display: inline;}
.h_r li a {text-decoration: none;margin-right: 15px;}
.h_r li:before {color: #666;content: '|';margin-right: 17px;}

.h_r li a:link {color: #40822b;}
.h_r li a:visited {color: #40822b;}
.h_r li a:hover {color: #00469C;}


#contents {position: absolute;top: 381px;left: 192px;}
#contents ul,#contents li {list-style-type: none;margin: 0;padding: 0;}
#contents li {display: inline;}

.m02 {margin-right: 44px;}
.m04 {margin-right: 44px;}
.m05 {margin-right: 44px;}

#bottom {position: absolute;top: 1084px;left: 239px;width: 624px;}
.b_l {float: left;position: absolute;}
.b_r {float: right;}

.kome {font-size: 94%;color: #555;}

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

.board {
text-shadow: 0 0 2px white;
background: -webkit-repeating-linear-gradient(-45deg, #f4fff4, #f4fff4 3px,#eaffea 3px, #eaffea 7px);
background: repeating-linear-gradient(-45deg, #f4fff4, #f4fff4 3px,#eaffea 3px, #eaffea 7px);
border: 1px dotted #00ab5f;
padding: 10px 20px 12px 20px;margin: 30px 0 30px 0;
background-color: #f8f8f8;
border: 1px solid #aaa;border-radius:5px;
}

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

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

.ta_base th,.ta_base td {
border: 1px solid #818181;
border-collapse:collapse;
padding: 5px;
}
.ta_base th {
font-weight: normal;
text-align: center;
padding: 10px 0;
background: left bottom url("../img/bg_case.gif") repeat;
word-break: keep-all;word-wrap:normal;white-space: nowrap;
}
.ta_base td {text-align: left;}
.ta_base ul {margin-left: 0;padding-left: 18px;}


.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;}

.p-time {font-size: 96%;color: #666;display: block;text-align: right;margin: 10px 10px 10px 0;padding: 0;line-height: 0;}
.p-time:before {
  content: '';
  display: inline-block;
  width: 13px;
  height: 13px;
  background-image: url("../img/time.png");
  background-repeat:no-repeat;
  background-size: contain; /*縦横比は保持*/
  vertical-align: middle;
  padding-right: 3px;
}

#footer {font-size: 14px;color: #fff;height: 30px;background-color: #4FA134;border-right: 1px solid #4FA134;
border-left: 1px solid #4FA134;
}
#footer a:link {color: #fff;text-decoration: none;}
#footer a:visited {color: #fff;text-decoration: none;}
#footer a:hover {color: #ffeb60;text-decoration: none;}

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

.open {
	cursor:pointer;
}
#pop-up,
#pop-up2,
#pop-up3,
#pop-up4,
#pop-up5,
#pop-up6,
#pop-up77,
#pop-up80,
#pop-up90 {
	display: none;
}
.overlay {
	display: none;
}
#pop-up:checked + .overlay,
#pop-up2:checked + .overlay,
#pop-up3:checked + .overlay,
#pop-up4:checked + .overlay,
#pop-up5:checked + .overlay,
#pop-up6:checked + .overlay,
#pop-up77:checked + .overlay,
#pop-up80:checked + .overlay,
#pop-up90:checked + .overlay {
	display: block;
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
	z-index: 9999;
	background: rgba(0, 0, 0, 0.6);
}
.window {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 90vw;
	max-width: 800px;
    padding: 20px;
	height: 500px;
	background-color: #fff;
	border-radius: 4px;
	align-items: center;
	transform: translate(-50%, -50%);
	overflow: scroll;
	border-radius:15px;
	border: 5px solid #40822b;
	text-align: left;
}
.close {
	position: absolute;
	top: 14px;
	right: 24px;
	cursor:pointer;
}

.window h2 {margin-top: 35px;text-align: center;}

.b_sign {position: absolute;top: 63px;left: 114px;}