@charset "utf-8";

/*
共通
-------------------------------------------*/
* {
    padding:0;
    margin: 0;
    font-family: "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

html {
    font-size: 62.5%;
}

body {
    color: #333;
    background-color: #F3F3F3;
    font-size: 1.4rem;
    font-size: 14px;
    word-wrap: break-word;
}

img {
    vertical-align: top;
    max-width: 100%;
    height: auto;
    width /***/:auto;　
}

a img {
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}

a:hover img,
input.btn:hover {
    opacity:0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha( opacity=70 )";
    background: #FFFFFF;
}

li {
    list-style-type: none;
}

table {
    border-collapse: collapse;
}
table td {
    border-collapse: collapse;
}

#content table p {
    margin: 0px;
    padding: 0px;
}

a {
/*  color: #C92323;*/
    color: #FF6600;
}
a:hover {
/*    color: #FF4040;*/
    color: #FF5F40;
    text-decoration: none;
}

textarea ,
input {
    font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
    font-size: 1.2rem;
    font-size: 12px;
}

.clfix:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;  
  clear: both; 
  visibility:hidden;
}

.emp {
    font-weight: bold;
}

.emp_r {
    color: red;;
}
.c_y01 {
    color: #ffa800;
}
.c_g01 {
    color: #02ACAC;
}

.f_s18 {
    font-size: 1.8rem;
    font-size: 18px;
}

header {
    width: 100%;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #DDD;
    background-color: #F9F9F9;
}

header h1 {
    font-size: 1.0rem;
    font-size: 10px;
    font-weight: normal;
    line-height: 1.8rem;
    line-height: 18px;
}

header #h_list {
    background-color: #FFFFFF;
    -webkit-border-radius: 0px 0px 5px 5px / 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px / 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px / 0px 0px 5px 5px;
    padding-top: 2px;
    padding-right: 10px;
    padding-bottom: 2px;
    padding-left: 10px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 3px 0px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 3px 0px;
    -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 3px 0px;
}

header #info {
    text-align: right;
    font-size: 1.0rem;
    font-size: 10px;
    color: #444;
    line-height: 2.4rem;
    line-height: 24px;
    letter-spacing: 1px;
}

header #info strong {
    font-size: 2.6rem;
    font-size: 26px;
/*  color: #A91E0E;*/
    color: #FF6600;
    font-family: Arial, Helvetica, sans-serif;
}
header #info span {
    font-size: 1.8rem;
    font-size: 18px;
    color: #505050;
}

header #h_list li {
    display: inline;
    padding-right: 10px;
    padding-left: 10px;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #DDD;
    font-size: 1.0rem;
    font-size: 10px;
}
header #h_list a {
    text-decoration: none;
    color: #444;
}

header #h_list a:hover {
    background-color: #FFFBF2;
/*    color: #B32400;*/
    color: #c84810;
}

#news .list_box{
    margin-left: 25px;
    margin-bottom: 20px;
}

#news .list_box li{
    border-bottom: 1px solid #DDD;
}



/*#pankuzu {*/
#breadcrumbs {
    font-size: 1.2rem;
    font-size: 12px;
    color: #777;
    line-height: 1.6rem;
    line-height: 16px;
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
    background-color: #F9F9F9;
    margin-top: 10px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    border: 1px solid #EEE;
}
/*#pankuzu strong {*/
#breadcrumbs strong {
    font-weight: normal;
    color: #555;
    letter-spacing: 1px;
}

h2 {
    font-size: 1.8rem;
    font-size: 18px;
    line-height: 2.2rem;
    line-height: 22px;
    padding-left: 10px;
    margin-bottom: 10px;
    font-weight: normal;
    color: #111;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #DDD;
    padding-top: 15px;
    padding-bottom: 10px;
    clear: both;
    letter-spacing: 1px;
}

h2 span {
    font-size: 1.2rem;
    font-size: 12px;
/*  color: #999;*/
    color: #5B8392;
    padding-left: 20px;
}

h2 a.btn_s {
    font-size: 1.2rem;
    font-size: 12px;
    text-decoration: none;
    display: inline-block;
    width: 60px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    color: #FFF;
    padding-top: 0px;
    padding-bottom: 0px;
    border-radius: 0px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 2px 0px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 2px 0px;
    -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 2px 0px;
    border: 2px solid #fdc75e;
    background: -moz-linear-gradient(top, #fa9b00, #fa9b00 80%, #fba933);
    background: -webkit-gradient(linear, left top, left bottom, from(#fa9b00), color-stop(0.8, #fa9b00), to(#fba933));
    background-color: #fa9b00;
    letter-spacing: 1px;
    margin-top: 0px;
    margin-bottom: 0px;
}

h2 a.btn_s:hover {
    background: -moz-linear-gradient(top, #D23E11, #C53C10 80%, #C53C10);
    background: -webkit-gradient(linear, left top, left bottom, from(#D23E11), color-stop(0.8, #C53C10), to(#C53C10));
    background-color: #fba933;
}


h3 a.a_txt {
    font-size: 1.3rem;
    font-size: 13px;
    color: #FFF;
}

#content h3 {
    font-size: 1.4rem;
    font-size: 14px;
    line-height: 3.0rem;
    line-height: 30px;
    color: #FFFFFF;
    padding-left: 15px;
    margin-top: 0px;
    font-weight: normal;
/*    background-color: #444444;*/
    background-color: #008080;
    margin-bottom: 10px;
    display: block;
    border-bottom-width: 4px;
    border-bottom-style: solid;
    border-bottom-color: #DDD;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    letter-spacing: 1px;
}

#content h3.topics {
    font-size: 1.4rem;
    font-size: 14px;
    line-height: 3.0rem;
    line-height: 30px;
    color: #FFFFFF;
    padding-left: 15px;
    margin-top: 0px;
    font-weight: normal;
    background-color: #ffa800;
    margin-bottom: 10px;
    display: block;
    border-bottom-width: 4px;
    border-bottom-style: solid;
    border-bottom-color: #DDD;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    letter-spacing: 1px;
}

#content h3.news {
    font-size: 1.4rem;
    font-size: 14px;
    line-height: 3.0rem;
    line-height: 30px;
    color: #FFFFFF;
    padding-left: 15px;
    margin-top: 0px;
    font-weight: normal;
    background-color: #02ACAC;
    margin-bottom: 10px;
    display: block;
    border-bottom-width: 4px;
    border-bottom-style: solid;
    border-bottom-color: #DDD;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    letter-spacing: 1px;
}

#content h3 span {
    font-size: 10px;
    color: #FFF;
    padding-left: 20px;
    letter-spacing: 2px;
}

#content p {
    line-height: 2.2rem;
    line-height: 22px;
    margin-top: 10px;
    margin-right: 20px;
    margin-bottom: 20px;
    margin-left: 20px;
}

#top_img {
    text-align: center;
    background-color: #FFFFFF;
    border: 1px solid #DFDFDF;
    padding: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#foot_base {
/*  background-color: #444;*/
    background-color: #007568;
    clear: both;
    border-top-width: 5px;
    border-top-style: solid;
/*  border-top-color: #E7E7E7;*/
    border-top-color: #FFDEAD;
    width: 100%;
}

footer {
    width: 98%;
    height: 120px;
    position: relative;
    margin-right: auto;
    margin-left: auto;
/*  color: #AAA;*/
    color: #FFF;
}

footer li a {
/*  color: #CCCCCC;*/
    color: #FFF;
    text-decoration: none;
    display: block;
    padding-right: 5px;
    padding-left: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

footer li a:hover {
    color: #000000;
    background-color: #FFF;
}

footer li {
    font-size: 1.2rem;
    font-size: 12px;
    display: block;
    float: left;
    padding-right: 5px;
    padding-left: 5px;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #666;
}

footer p {
    font-size: 1.0rem;
    font-size: 10px;
    line-height: 1.6rem;
    line-height: 16px;
}

footer ul {
    position: absolute;
    left: 0px;
    top: 15px;
    display: block;
    width: 70%;
    line-height: 3.0rem;
    line-height: 30px;
    height: 30px;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #666;
}

footer #f_logo {
    font-size: 2.0rem;
    font-size: 20px;
    letter-spacing: 1px;
}
footer #f_logo_txt {
    font-size: 2.0rem;
    font-size: 11px;
    letter-spacing: 1px;
}

footer .prbox {
    font-size: 1.0rem;
    font-size: 10px;
}

footer .prbox a {
    color: #999;
}

address {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.0rem;
    font-size: 10px;
    font-style: normal;
    color: #555;
    background-color: #DDD;
    line-height: 3.0rem;
    line-height: 30px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #EEE;
    width: 98%;
    padding-left: 2%;
}

#to_top {
    position: fixed;
    bottom: 0px;
    right: 20px;
    z-index: 200;
}
#to_top a {
    text-decoration: none;
    color: #FFF;
    width: 150px;
    text-align: center;
    display: block;
    b-webkit-border-radius: 5px 5px 0px 0px / 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px / 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px / 5px 5px 0px 0px;
    opacity: 0.9;
    filter: alpha(opacity=90);
    -ms-filter: "alpha( opacity=90 )";
    font-size: 1.2rem;
    font-size: 12px;
/*  background-color: #8F180C;*/
    background-color: #EE7000;
    padding-top: 10px;
    padding-bottom: 5px;
    border-bottom-width: 5px;
    border-bottom-style: solid;
/*    border-bottom-color: #6D1D01;*/
    border-bottom-color: #b63204;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 3px 0px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 3px 0px;
    -moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 3px 0px;
}
#to_top a:hover {
    opacity:1.0;
    filter: alpha(opacity=100);
    -ms-filter: "alpha( opacity=100 )";
}

#content .cont_box {
    margin-bottom: 20px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 3px 0px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 3px 0px;
    -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 3px 0px;
    background-color: #FFF;
    padding: 10px;
}

#content .cont_box li.top {
    margin-left: 20px;
    margin-bottom: 10px;
    border-bottom: 1px solid #DDD;
}

#content .cont_box .top {
    line-height: : 3.0rem;
    line-height: : 30px;
    margin-left: 20px;
    margin-bottom: 10px;
}

.iframe_con {
    height: 900px;
    width: 90%;
    overflow: hidden;
    border: none;
    margin: 0px;
}


.box_3l {
    float: left;
    width: 30%;
    margin-left: 1%;
    margin-bottom: 15px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 3px 0px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 3px 0px;
    -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 3px 0px;
    background-color: #FFF;
    padding-top: 10px;
    padding-right: 1%;
    padding-bottom: 15px;
    padding-left: 1%;
}

.box_3l .box_img {
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
}
.box_3l p {
    margin: 10px;
}

.box_3l a.btn_s {
    font-size: 12px;
    width: 140px;
    padding-top: 7px;
    padding-bottom: 7px;
}
.box_3l h3 {
    font-size: 1.4rem;
    font-size: 14px;
    line-height: 2.0rem;
    line-height: 20px;
    color: #FFFFFF;
    text-align: center;
    padding: 3px;
    margin-bottom: 3px;
    display: block;
    background-color: #008080;
    border-bottom-width: 4px;
    border-bottom-style: solid;
    border-bottom-color: #DDD;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

/*
.box_3l ul {
    padding-left: 0px;
}

.box_3l li {
    margin: 0px;
    padding-left: 43px;
    padding-top: 8px;
    height: 55px;
    list-style-type: none;
    background-image: url(img/bk_consultation.png);
    background-repeat: no-repeat;
    padding-bottom: 2px;
}
*/

.side_btn a {
    color: #FFF;
    padding-top: 7px;
    padding-bottom: 7px;
    display: block;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 3px 0px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 3px 0px;
    -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 3px 0px;
/*
    border: 3px solid #D8412C;
    background: -moz-linear-gradient(top, #A91E0E, #A91E0E 80%, #8F180C);
    background: -webkit-gradient(linear, left top, left bottom, from(#A91E0E), color-stop(0.8, #A91E0E), to(#8F180C));
    background-color: #8F180C;
*/
    border: 3px solid #D5510D;
    background: -moz-linear-gradient(top, #EE7000, #EE7000 80%, #DD5D0D);
    background: -webkit-gradient(linear, left top, left bottom, from(#EE7000), color-stop(0.8, #EE7000), to(#DD5D0D));
    background-color: #EE7000;
    text-decoration: none;
    font-size: 1.0rem;
    font-size: 10px;
    letter-spacing: 1px;
}
.side_btn a:hover {
/*
    background: -moz-linear-gradient(top, #D22411, #C52210 80%, #C52210);
    background: -webkit-gradient(linear, left top, left bottom, from(#D22411), color-stop(0.8, #C52210), to(#C52210));
    background-color: #C52210;
*/
    background: -moz-linear-gradient(top, #S23E11, #C53C10 80%, #C53C10);
    background: -webkit-gradient(linear, left top, left bottom, from(#S23E11), color-stop(0.8, #C53C10), to(#C53C10));
    background-color: #C53C10;
}
.side_btn a .bigtxt {
    font-size: 1.8rem;
    font-size: 18px;
    font-weight: normal;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #BE3A2C;
    margin-right: 5px;
    margin-bottom: 2px;
    margin-left: 5px;
}

.side_btn span {
    font-size: 16px;
/*    color: #DE948B;*/
    color: #FFF;
}
#side h3 span {
    color: #999;
}

#content table.table_info {
    width: 94%;
    margin-top: 10px;
    margin-right: auto;
    margin-bottom: 10px;
    margin-left: auto;
}
#content table td {
    padding: 8px;
    border: 1px solid #DDD;
}

#content table td.td_head {
    background: -moz-linear-gradient(top, #FFF, #F9EEE3 5%, #FFF9EE 30%, #FFF9EE);
    background: -webkit-gradient(linear, left top, left bottom, from(#FFF), color-stop(0.05, #F9EEE3), color-stop(0.3, #FFF9EE), to(#FFF9EE));
    background-color: #FFF9EE;
    text-align: right;
    white-space: nowrap;
    color: #333333;
    border-right-width: 4px;
    border-right-color: #BE4943;
}
#content table td.td_head_nl {
    background: -moz-linear-gradient(top, #FFF, #F9EEE3 5%, #FFF9EE 30%, #FFF9EE);
    background: -webkit-gradient(linear, left top, left bottom, from(#FFF), color-stop(0.05, #F9EEE3), color-stop(0.3, #FFF9EE), to(#FFF9EE));
    background-color: #FFF9EE;
    text-align: right;
    white-space: nowrap;
    color: #333333;
}

#content table td.td_odd {
    background: -moz-linear-gradient(top, #FFF, #EEE 5%, #FFF 30%, #FFF);
    background: -webkit-gradient(linear, left top, left bottom, from(#FFF), color-stop(0.05, #EEE), color-stop(0.3, #FFF), to(#FFF));
    background-color: #FFFFFF;
    text-align: left;
}

.td_head .eng {
    margin: 0px;
    padding: 0px;
    font-size: 1.0rem;
    font-size: 10px;
    color: #D38C85;
}

.chui {
    color: #CA3313;
}
.chui_mini {
    font-size: 1.1rem;
    font-size: 11px;
    color: #CA3313;
}
.enc {
    font-size: 1.1rem;
    font-size: 11px;
    color: #5B8392;
}

a.btn_s {
    font-size: 1.6rem;
    font-size: 16px;
    text-decoration: none;
    display: block;
    width: 300px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    color: #FFF;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 3px 0px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 3px 0px;
    -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 3px 0px;
/*
    border: 3px solid #D8412C;
    background: -moz-linear-gradient(top, #A91E0E, #A91E0E 80%, #8F180C);
    background: -webkit-gradient(linear, left top, left bottom, from(#A91E0E), color-stop(0.8, #A91E0E), to(#8F180C));
    background-color: #8F180C;
*/
    border: 3px solid #D5510D;
    background: -moz-linear-gradient(top, #EE7000, #EE7000 80%, #DD5D0D);
    background: -webkit-gradient(linear, left top, left bottom, from(#EE7000), color-stop(0.8, #EE7000), to(#DD5D0D));
    background-color: #EE7000;
    letter-spacing: 1px;
    margin-top: 5px;
    margin-bottom: 20px;
}

a.btn_s:hover {
/*
    background: -moz-linear-gradient(top, #D22411, #C52210 80%, #C52210);
    background: -webkit-gradient(linear, left top, left bottom, from(#D22411), color-stop(0.8, #C52210), to(#C52210));
    background-color: #C52210;
*/
    background: -moz-linear-gradient(top, #D23E11, #C53C10 80%, #C53C10);
    background: -webkit-gradient(linear, left top, left bottom, from(#D23E11), color-stop(0.8, #C53C10), to(#C53C10));
    background-color: #C53C10;
}

a.btn_ss {
    font-size: 1.4rem;
    font-size: 14px;
    text-decoration: none;
    display: block;
    width: 80px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    color: #FFF;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 3px 0px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 3px 0px;
    -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 3px 0px;
    border: 3px solid #D5510D;
    background: -moz-linear-gradient(top, #EE7000, #EE7000 80%, #DD5D0D);
    background: -webkit-gradient(linear, left top, left bottom, from(#EE7000), color-stop(0.8, #EE7000), to(#DD5D0D));
    background-color: #EE7000;
    letter-spacing: 1px;
    margin-top: 5px;
    margin-bottom: 20px;
}

a.btn_ss:hover {
    background: -moz-linear-gradient(top, #D23E11, #C53C10 80%, #C53C10);
    background: -webkit-gradient(linear, left top, left bottom, from(#D23E11), color-stop(0.8, #C53C10), to(#C53C10));
    background-color: #C53C10;
}

input.form_btn {
    color: #FFF;
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 3px 0px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 3px 0px;
    -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 3px 0px;
/*
    border: 3px solid #D8412C;
    background: -moz-linear-gradient(top, #A91E0E, #A91E0E 80%, #8F180C);
    background: -webkit-gradient(linear, left top, left bottom, from(#A91E0E), color-stop(0.8, #A91E0E), to(#8F180C));
    background-color: #8F180C;
*/
    border: 3px solid #D5510D;
    background: -moz-linear-gradient(top, #EE7000, #EE7000 80%, #DD5D0D);
    background: -webkit-gradient(linear, left top, left bottom, from(#EE7000), color-stop(0.8, #EE7000), to(#DD5D0D));
    background-color: #EE7000;
    letter-spacing: 1px;
}

input.form_btn:hover {
    cursor: pointer;
/*
    background: -moz-linear-gradient(top, #D22411, #C52210 80%, #C52210);
    background: -webkit-gradient(linear, left top, left bottom, from(#D22411), color-stop(0.8, #C52210), to(#C52210));
    background-color: #C52210;
*/
    background: -moz-linear-gradient(top, #D23E11, #C53C10 80%, #C53C10);
    background: -webkit-gradient(linear, left top, left bottom, from(#D23E11), color-stop(0.8, #C53C10), to(#C53C10));
    background-color: #C53C10;
}

.wrap_box {
    /* Safari Chrome */
    -webkit-column-count: 3;
    -webkit-column-gap: 10px;
    /* Firefox */
    -moz-column-count: 3;
    -moz-column-gap: 10px;
    /* CSS */
    column-count: 3;
    column-gap: 10px;
}

.mokuji {
    background-color: #FFF9F0;
    padding: 20px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 3px 0px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 3px 0px;
    -moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 3px 0px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #FFF;
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 20px;
    margin-left: 10px;
}
.mokuji li {
    padding: 5px;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #DCC09E;
    color: #B7835B;
}
.mokuji li:hover {
    background-color: #FFFFFF;
    color: #8F2B09;
}

.img_left,
.img_right {
    margin: 20px;
    float: left;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 3px 0px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 3px 0px;
    -moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 3px 0px;
    background-color: #FFF;
    padding: 2px;
}
.img_right {
    float: right;
}


/*
画面サイズ 720pxまで
-------------------------------------------*/
@media screen and (max-width:720px){
    
#side {
    display: none;
}

#hp_base {
    width: 100%;
    min-width: 320px;
}

#h_list {
    float: right;
    margin-right: 10px;
}

header h1 {
/*
    float: left;
    margin-left:10px;
*/
    float: none;
    color: #FFF;
    background-color: #007568;
    margin: 0px;
}

#logo {
    clear: both;
    float: left;
    margin-left: 10px;
}

#info {
    float: right;
    margin-right: 10px;
}
a.menu {
    clear: both;
    display: block;
    height: 20px;
    line-height: 2.0rem;
    line-height: 20px;
    font-weight: bold;
    text-align: left;
    color: #FFFFFF;
/*
    background: -moz-linear-gradient(top, #A91E0E, #A91E0E 50%, #8F180C);
    background: -webkit-gradient(linear, left top, left bottom, from(#A91E0E), color-stop(0.5, #A91E0E), to(#8F180C));
    background-color: #A91E0E;
    border: 2px solid #8F2B09;
*/
    background: -moz-linear-gradient(top, #C8500E, #C8500E 50%, #CE3101);
    background: -webkit-gradient(linear, left top, left bottom, from(#C8500E), color-stop(0.5, #C8500E), to(#CE3101));
    background-color: #D76E20;
    border: 2px solid #C63B0A;
    padding: 10px;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 3px 0px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 3px 0px;
    -moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 3px 0px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    z-index: 100;
    letter-spacing: 1px;
}
a.menu span {
    font-size: 1.2rem;
    font-size: 12px;
    padding-left: 20px;
    color: #F9EAD7;
}
a.menu span:after {
    content: "表示する ▼";
}
a.menuOpen span:after {
    content: "閉じる ×";
}
a.menu:hover {
    cursor: pointer;
/*
    background: -moz-linear-gradient(top, #C73323, #C73323 50%, #A91E0E);
    background: -webkit-gradient(linear, left top, left bottom, from(#C73323), color-stop(0.5, #C73323), to(#A91E0E));
    background-color: #C73323;
*/
    background: -moz-linear-gradient(top, #DB511B, #DB511B 50%, #C8500E);
    background: -webkit-gradient(linear, left top, left bottom, from(#DB511B), color-stop(0.5, #DB511B), to(#C8500E));
    background-color: #DB511B;
}

#g_navi {
    margin-left: 2%;
    width: 96%;
    padding-top: 5px;
    padding-bottom: 5px;
}

#g_navi .gl_menu {
    background-color: #F9EAD7;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    margin-right: auto;
    margin-bottom: 5px;
    margin-left: auto;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 3px 0px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 3px 0px;
    -moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 3px 0px;
    width: 90%;
    border: 1px solid #FFF;
    -webkit-border-radius: 0px 0px 5px 5px / 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px / 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px / 0px 0px 5px 5px;
}

#g_navi .gl_menu li {
    font-size: 1.4rem;
    font-size: 14px;
    line-height: 1.6rem;
    line-height: 16px;
}

#g_navi .gl_menu li a {
    background-color: #FCF3E9;
    display: block;
    padding: 10px;
    margin: 2px;
    color: #89180C;
    text-decoration: none;
}

#g_navi .gl_menu li a:hover {
    background-color: #FFF;
/*    color: #A91E0E;*/
    color: #FF8C01;
}

#g_navi .gl_menu li strong {
/*  color: #A91E0E;*/
    color: #FF8C01;
    padding-top: 10px;
    padding-bottom: 10px;
    display: block;
    margin: 2px;
    padding-right: 5px;
    padding-left: 5px;
}

#main {
    width: 98%;
    padding-top: 1%;
    padding-right: 1%;
    padding-left: 1%;
}

footer ul {
    display: none;
}

footer .prbox {
    margin: 5px;
}

footer #f_logo {
    margin: 5px;
}

footer p {
    margin: 5px;
}

#to_top {
    right: 5px;
}

#to_top a {
    width: 130px;
    font-size: 1.0rem;
    font-size: 10px;
/*  background-color: #872301;*/
    background-color: #CD853F;
    padding-top: 8px;
    padding-bottom: 4px;
    border-bottom-width: 4px;
}

address {
    padding-bottom: 30px;
}
.img_pc {
    display: none;
}

.box_3l {
    float: none;
    width: 96%;
    margin-left: auto;
    margin-right: auto;
}

.box_3l h3 {
    font-size: 1.4rem;
    font-size: 14px;
    line-height: 2.0rem;
    line-height: 20px;
    color: #FFFFFF;
    text-align: center;
    margin-bottom: 3px;
    padding: 3px;
    display: block;
    background-color: #008080;
    background-color: #008080;
    border-bottom-width: 4px;
    border-bottom-style: solid;
    border-bottom-color: #DDD;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

/*
.box_3l li {
    margin: 0px;
    padding-left: 43px;
    padding-top: 8px;
    height: 55px;
    list-style-type: none;
    background-image: url(img/bk_consultation_sp2.png);
    background-repeat: no-repeat;
    padding-bottom: 2px;
}
*/
/*-- /max:720 --*/
}

/*
画面サイズ 720px以上
-------------------------------------------*/
@media screen and (min-width: 720px){   

textarea ,
input {
    font-size: 1.4rem;
    font-size: 14px;
}
    
#hp_base {
    width: 96%;
    margin-right: auto;
    margin-left: auto;
    padding-top: 1px;
    padding-bottom: 1px;
}

header {
    height: 130px;
    position: relative;
    width: 100%;
}

header h1 {
    color: #FFF;
/*  background-color: #8F2B09;*/
    background-color: #007568;
    padding-left: 2%;
    width: 98%;
    border-bottom-width: 4px;
    border-bottom-style: solid;
    border-bottom-color: #EEE;
}

header #h_list {
    position: absolute;
    right: 2%;
    top: 0px;
    z-index: 10;
}

header img#logo {
    position: absolute;
    left: 3%;
    top: 35px;
}

header #info {
    position: absolute;
    right: 3%;
    top: 36px;
}

#main {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
}

#content {
    width: 74%;
    float: right;
}

nav#g_navi {
    position: absolute;
    left: 0px;
    bottom: 0px;
    height: 44px;
    padding-left: 2%;
    width: 98%;
}

nav#g_navi ul {
    height: 44px;
}

nav#g_navi ul.gl_menu {
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #EEE;
    height: 44px;
    display: block !important;
}

nav#g_navi li {
    display: block;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #EEE;
    height: 44px;
    float: left;
    letter-spacing: 1px;
}

nav#g_navi li a {
    display: block;
    color: #555;
    text-decoration: none;
    text-align: center;
    line-height: 2.0rem;
    line-height: 20px;
    padding-right: 15px;
    padding-bottom: 5px;
    padding-left: 15px;
    font-size: 1.2rem;
    font-size: 12px;
    padding-top: 5px;
    margin-right: 5px;
    margin-left: 5px;
    margin-top: 10px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

nav#g_navi li strong {
    display: block;
    float: left;
    color: #666666;
    text-decoration: none;
    text-align: center;
    line-height: 1.6rem;
    line-height: 16px;
    height: 31px;
    padding-right: 20px;
    padding-bottom: 4px;
    padding-left: 20px;
    font-size: 1.3rem;
    font-size: 13px;
    padding-top: 8px;
    width: auto;
    background-color: #FFF;
    margin-right: 5px;
    margin-left: 5px;
    background: -moz-linear-gradient(top, #FFF, #FFF 80%, #F3F3F3);
    background: -webkit-gradient(linear, left top, left bottom, from(#FFF), color-stop(0.8, #FFF), to(#F3F3F3));
}

nav#g_navi li a:hover {
    color: #FFFFFF;
/*    background-color: #A91E0E;*/
/*    background-color: #FF8C01;*/
    background-color: #FF6600;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 6px -1px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 6px -1px;
    -moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 6px -1px;
}
nav#g_navi li strong {
    color: #000000;
    font-weight: normal;
    border-top-width: 2px;
    border-top-style: solid;
/*  border-top-color: #A91E0E;*/
    border-top-color: #ED5105;
}

a.menu {
    display:none;
}


#side {
    float: left;
    width: 24%;
}
#side h3 {
    font-size: 1.4rem;
    font-size: 14px;
    line-height: 1.8rem;
    line-height: 18px;
    color: #FFFFFF;
    padding-bottom: 3px;
    font-weight: normal;
    margin-bottom: 1px;
    padding-top: 5px;
    letter-spacing: 1px;
    text-align: center;
/*    background-color: #444;*/
    background-color: #008080;
    border-bottom-width: 4px;
    border-bottom-style: solid;
    border-bottom-color: #DDD;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
#side .side_box {
    margin-bottom: 5px;
    background-color: #EEE;
    padding-top: 5px;
    padding-bottom: 10px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#side li {
    line-height: 0;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CCC;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #FFFFFF;
    background-color: #F6F6F6;
}
#side li a {
    display: block;
    font-size: 1.2rem;
    font-size: 12px;
    line-height: 1.8rem;
    line-height: 18px;
    color: #333333;
    text-decoration: none;
    background-color: #F6F6F6;
    margin-left: 2px;
    border-left-width: 4px;
    border-left-style: solid;
    border-left-color: #EEE;
    padding-top: 7px;
    padding-right: 5px;
    padding-bottom: 7px;
    padding-left: 10px;
}

#side li a:hover {
    background-color: #FFFFFF;
    color: #000000;
/*    border-left-color: #A91E0E;*/
    border-left-color: #FF8C01;
}

#side .side_box .side_btn {
    text-align: center;
    margin: 7px;
}

#side ul {
    width: 92%;
    margin-right: auto;
    margin-left: auto;
    border-top-width: 1px;
    border-right-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-top-color: #E3E3E3;
    border-right-color: #E3E3E3;
    border-left-color: #E3E3E3;
    display: block;
}

#side .side_office {
    font-size: 1.0rem;
    font-size: 10px;
    letter-spacing: 1px;
}
#side .side_txt {
    font-size: 1.6rem;
    font-size: 16px;
    letter-spacing: 1px;
}
#side .side_txt2 {
    font-size: 1.3rem;
    font-size: 13px;
    letter-spacing: 1px;
}

footer p {
    text-align: right;
    position: absolute;
    right: 0px;
    top: 50px;
}

footer #f_logo {
    position: absolute;
    top: 25px;
    right: 10px;
}
footer #f_logo_txt {
    position: absolute;
    top: 10px;
    right: 10px;
}

footer .prbox {
    position: absolute;
    left: 0px;
    bottom: 10px;
}

.img_sp {
    display: none;
}
/*-- /min:720 --*/
}


/*
画面サイズ 1000px以上
-------------------------------------------*/
@media screen and (min-width: 1000px){

textarea ,
input {
    font-size: 1.6rem;
    font-size: 16px;
    padding-top: 2px;
    padding-right: 5px;
    padding-bottom: 2px;
    padding-left: 5px;
}

#content table td {
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
}

#hp_base {
    width: 1000px;
}

nav#g_navi li a {
    margin-right: 10px;
    margin-left: 10px;
}

#content {
    width: 760px;
    margin-right: 5px;
    margin-top: 10px;
}

#side {
    width: 220px;
}

footer {
    width: 1000px;
}

/*-- /min:1000 --*/
}

/*
画面サイズ 460pxまで
-------------------------------------------*/
@media only screen and (max-width:460px){
body {
    font-size: 1.2rem;
    font-size: 12px;
}

table tr{
        display: block;
        margin-bottom: 15px;
}
table th,
table td{
    display: list-item;
    border: none;
    list-style: none;
    text-align: left;
}
#content table td.td_head {
    text-align: left;
    border-right-width: 1px;
    border-bottom-color: #930;
}
#content table.table_menu th {
    text-align: left;
    font-size: 1.2rem;
    font-size: 12px;
    border-right-width: 1px;
}
#content table.table_menu td {
    font-size: 1.2rem;
    font-size: 12px;
}
#content .table_menu strong {
    font-size: 1.4rem;
    font-size: 14px;
}
header{
    padding-top: 0px;
    text-align: center;
}
header h1{
    float: none;
    color: #FFF;
/*  background-color: #A91E0E;*/
    background-color: #007568;
    margin: 0px;
}
header #h_list {
    float: none;
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 10px;
}
    header #logo{
        float: none;
}
header #info{
    float: none;
    margin: 5px;
    text-align: center;
}
h2 {
    font-size: 1.4rem;
    font-size: 14px;
}

#g_navi .gl_menu li a {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.box_3l {
    float: none;
    width: 96%;
    margin-left: auto;
    margin-right: auto;
}

.box_3l h3 {
    font-size: 1.4rem;
    font-size: 14px;
    line-height: 2.0rem;
    line-height: 20px;
    color: #FFFFFF;
    text-align: center;
    margin-bottom: 3px;
    padding: 3px;
    display: block;
    background-color: #008080;
    background-color: #008080;
    border-bottom-width: 4px;
    border-bottom-style: solid;
    border-bottom-color: #DDD;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

/*
.box_3l li {
    margin: 0px;
    padding-left: 43px;
    padding-top: 8px;
    height: 55px;
    list-style-type: none;
    background-image: url(img/bk_consultation_sp.png);
    background-repeat: no-repeat;
    padding-bottom: 2px;
}
*/
/*-- /max:460 --*/
}

/*
画面サイズ 1260px以上
-------------------------------------------*/
@media screen and (min-width: 1260px){

header h1 {
    padding-left: 10%;
    width: 90%;
}

header #h_list {
    right: 10%;
}

header img#logo {
    left: 10%;
}

header #info {
    right: 10%;
}

nav#g_navi {
    padding-left: 10%;
    width: 90%;
}

/*#pankuzu {*/
#breadcrumbs {
    width: 76%;
}

/*-- /min:1260 --*/
}


/*
印刷時
-------------------------------------------*/
@media print {

.img_sp {
    display: none;
}

#to_top {
    display: none;
}

}