html { margin: 0; padding: 0; background: #3D8DB2; }
body { margin: 0; padding: 0; font-family: 'メイリオ', 'MS UI Gothic', 'trebuchet ms', sans-serif; font-size: 15px; text-align: left; color: #333; }
.clearfix:after { content: "."; display: block; clear: both; height: 0; font-size: 0; visibility: hidden; }
.clearfix { min-height: 1px; display: inline-block; display: block; }
* html .clearfix { height: 1px; /*\*//*/ height: auto; overflow: hidden; /**/ }
a:focus { outline: none; }
a img { border: 0; }
img { border: 0; }
.rt_f { float: right; }
.lt_f { float: left; }
.rt_t { text-align: right; }
.ctr { margin: 0 auto; }
.ctr_t { text-align: center; }

b { font-size: 16px; color: #3D8DB2; }
img{ width: auto; height: auto; max-width: 100%; max-height: 100%; }

a { color: #3D8DB2; font-weight: bold; text-decoration: none; }
a:hover { text-decoration: underline; }
h1 { margin: 0; font-size: 13px; color: #fff; }

h1, h2 { font-weight: normal; }
.mr20 { margin-right: 20px; }
.w300 { width: 300px; }
.w550 { width: 550px; }

.all, .cov_in { margin: 0 auto; width: 850px; }
.wt { background: #fff; }
.top h1 { text-align: right; color: #3D8DB2; }
.pan a { font-weight: normal; }
.pan p { color: #3D8DB2; padding: 3px 0 2px 0; }

.imp { background: url(/img/imp.jpg) no-repeat; height: 550px; }
.imp h2, .imp p { margin: 0; padding: 0; font-size: 13px; text-align: right; color: #fff; }

.imp2 { margin: 0 0 20px 0; background: url(/img/imp2.png) no-repeat -30px 0; }
.imp2_in, .cate_in, .entry_in { margin: 50px 5px 0 220px; padding: 25px; background: #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.imp2 h3, .cate_in h3, .entry_in h3, .mf h3 { margin: 0; padding: 4px 10px 2px 15px; color: #fff; background: #3D8DB2; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.imp2 p { margin: 30px 10px 0 10px; }

.up { margin: 0 0 5px 0; }
.up_in { margin: 50px 5px 0 5px; padding: 15px; background: #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.up h3 { margin: 0; padding: 4px 10px 2px 15px; color: #fff; background: #3D8DB2; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.up p { margin: 15px 30px 0 10px; }

.cate { background: url(/img/imp_lt2.gif) no-repeat; min-height: 550px; }
.cate_in {  }

.entry { background: url(/img/imp_lt.gif) no-repeat -50px 0; min-height: 600px; }
.entry h2 { margin: 40px 5px 15px 220px; padding: 10px 20px 8px 20px; color: #3D8DB2; background: #fff; border: 0px solid #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.entry p { margin: 10px 15px; line-height: 1.7; }

#navi { width: 850px; height: 60px; margin: 10px 0; position: relative; }
#navi ul { margin: 0; padding: 0; list-style: none; }
#navi li { text-indent: -9842px; float: left; margin: 0; padding: 0; }
#navi li a { height: 60px; display: block; background: url(/img/navi.gif); }

li#navi_top a { width: 155px; background-position: 0 0; }
li#navi_pol a { width: 245px; background-position: -155px 0; }
li#navi_pro a { width: 145px; background-position: -400px 0; }
li#navi_coo a { width: 145px; background-position: -545px 0; }
li#navi_con a { width: 160px; background-position: -690px 0; }

li#navi_top a:hover { background-position: 0 -60px; }
li#navi_pol a:hover { background-position: -155px -60px; }
li#navi_pro a:hover { background-position: -400px -60px; }
li#navi_coo a:hover { background-position: -545px -60px; }
li#navi_con a:hover { background-position: -690px -60px; }

.f_m { margin: 10px 25px; }
.f_m h4 { margin: 10px 0; }
.f_m table { border-collapse: collapse; border-spacing: 0; background: #fffff7; width: 100%; padding: 0 10px; border-top: 1px solid #666; }
.f_m td { white-space: no-wrap; padding: 10px 15px; border-bottom: 1px solid #666; empty-cells:show; }
.f_m img { border: 1px solid #888; padding: 5px; margin: 0 0 15px 0; }
.f_m td img { border: 0px solid #888; padding: 0; margin: 0; }

.mf { background: #fff; margin: 15px auto; padding: 15px; width: 530px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.mf p { text-align: left; }
form#mf_form { margin: 10px 25px; padding: 0; }
form#mf_form fieldset { width: 430px; margin:0; padding: 10px 25px; border: 1px solid #CCC4BA; background-color: inherit; color: #fff; font-size: 12px; }
form#mf_form legend { margin: 0 0 10px 0; padding: 2px 5px; color: #645B5B; font-weight: bold; }
form#mf_form label { display: block; }
form#mf_form p { margin: 0; padding: 0 0 10px 0; color: #666; }
form#mf_form input.txt,textarea.txt_area { border: 1px solid #CCC4BA; padding: 1px 3px; margin-bottom: 10px; }
form#mf_form input.txt { width: 200px; }
form#mf_form textarea.txt_area { width: 415px; }
form#mf_form input.submit { border: 1px solid #CCC4BA; background-color: #fff; color: #645B5B; }
form#mf_form dl { margin: 0; padding: 0; text-align: left; color: #555; }
form#mf_form dt { margin: 0; padding: 0; }
form#mf_form dd { margin: 0 0 15px 0; padding: 0; }

.footer { margin: 30px 0; padding: 5px; text-align: center; background: #fff; color: #3D8DB2; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

.copy { color: #fff; }




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


h3 { padding 15px; }

.imp2_in { margin: 50px 5px 0 150px; }
.imp2 { background: url(/img/imp2.png) no-repeat -20px 0; background-size: 200px; }

.cate_in, .entry_in { margin: 50px 5px 0 120px; }
.entry { background-size: 200px; }
.entry h2 { margin: 40px 5px 15px 120px; }
.entry p { margin-bottom: 50px; line-height: 1.3; }

 
}