@charset "utf-8";
/* CSS Document */

/* base
------------------------------------------------------------------------------------------------ */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,p,blockquote,th,td {
margin:0; padding:0; }  

img{max-width: 100%;height: auto; width: auto\9; /* ie8 */border:0;vertical-align: top;} 

body{font-size: 62.5%;font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",sans-serif;line-height:1.4;
color:#333;background:#fff; height:100%;}

/* 768 */
@media screen and (max-width: 768px){
body{ min-width: 320px; }
}

a:link,
a:visited,
a:active{color:#1D3994; text-decoration: none;}
a:hover{color:#006699; text-decoration: underline;}
ul,ol{ list-style: none; }

/*clearfix*/
.clearfix:after{  visibility:hidden;height:0;display: block;font-size: 0;content: " ";clear: both;}  
* html .clearfix             { zoom: 1; } /* IE6 */  
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


/* pc-nonpc_switch  */
.nonpc{ display: none; }
.pc{ display:block; }

/* 1024 */
@media screen and (max-width: 1024px){
/*.nonpc{ display:block; }*/
/*#nav .pc{ display:none; }*/

}
@media screen and (max-width: 768px){
.pc{ display:none; }
.nonpc{ display:block; }
}

@media screen and (max-width: 767px){
.pc{ display:none; }
.nonpc{ display:block; }
}

/* ---------------------------------------------------------------------------------------------
HEADER
------------------------------------------------------------------------------------------------ */
#header{ max-width:100%; }
#header_top{width:960px;margin: 0 auto;padding:0;}
#h1-header{ font-size: 1.2em; padding-top: 10px; text-align: right; margin-left: 10px; }
#header-catch{ width: 300px; float: left; margin: 13px 0 10px; }
#header-contact{ float: right; padding-top: 1px; text-align: right; margin: 0px; margin:24px 3px 0 0;}
#header-img{ width:960px; margin: 0 auto; }
#header-contact div { margin: 0px; padding: 0px; font-size: 1.2em; font-weight: bold; }


/* 1024 */
@media screen and (max-width: 1024px){
#header{ width: 100%; }
#header_top{ width: 960px; }
#h1-header{ margin: 0px; }
#header-box{float: left; padding-top: 0; clear: both; width: 300px;}
#header-catch{ float: left; padding-top: 0; width: 300px; margin-left: 10px; }
#header-contact{ float: right; padding-top: 1px; text-align: right; margin: 0px; margin:24px 3px 0 0;}
#header-img{ width: /*100%*/960px; clear: both; margin: 0 auto; }

}
/* 768 */
@media screen and (max-width: 768px){
#header{ max-width: 100%; }
#header_top{ width:100%; }
#header-img{ width: 100%; clear: both; margin: 0 auto; }
}


/* 767 */
@media screen and (max-width: 767px){
#header{ width: 100%; }
#header_top{ width: 300px; margin: 0 auto; float: none; }
#h1-header{ float: none; margin: 0px; text-align: left; }
#header-catch{ float: none; }
#header-contact{ float: none; padding-top: 1px; }
#header-contact div{ text-align: left; }
#header-img{ width: 100%; clear: both; margin-top: 20px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
}

/* GNAVI ------------------------------------------------------ */
#gnavi-box{width:960px;margin:0 auto 30px auto;}
#nav{ width:960px; margin:0 auto; }
#nav li{ float:left; }
#nav .nonpc { background:#034E1C; }
#nav .nonpc a{ display: block; width: 100%; height: 100%;}
#nav .nonpc:hover{}
#nav .nonpc li{  background:#034E1C;}
#nav .nonpc a img{ background:url(../images/nav_non_bg.jpg) repeat-x left center; }
#nav .nonpc a img:hover{ background:url(../images/nav_non_bg_up.jpg) repeat-x left center; }

/* 1024 */
@media screen and (max-width: 1024px){ 
#gnavi-box{ width: 100%; margin-top: 15px;}
#nav{width:960px; /*100%;*/}
}


/* 768 */
@media screen and (max-width: 768px){
#gnavi-box{	width: 100%; margin: 15px 0px;}
#nav{ width: 100%; }
#nav .pc a img{ }
}

/* 767 */
@media screen and (max-width: 767px){
#gnavi-box{ width: 100%; margin: 15px auto; }
#nav{ width: 300px; margin:0 auto;}
#nav .nonpc a img{ width:100px;}
}

/* CONTENTS
------------------------------------------------------------------------------------------------ */
#contents{ width:960px; margin:0 auto; height:100%; }
#main{ width:630px;	float:right; font-size: 1.4em; height:100%; }

@media screen and (max-width: 1024px){
#contents{ width:100%; }
#main{ margin: 0 auto; float: none; }
}

@media screen and (max-width: 768px){
#main{ width:90%; width:630px; margin: 0 auto; float: none; }
}

@media screen and (max-width: 767px){
#main{ width:90%; width:300px; margin: 0 auto; float: none; }
}


#breadcrumb{ margin: 0 0 6px 0; font-size: 1em; }

#page-ttl{ margin-bottom: 10px; }
#page-ttl img{ vertical-align: text-bottom; margin-bottom: 10px; margin-top: 10px; }


#main h1 { background:#02541E url(../images/ttl_bg.gif) no-repeat 10px center; padding:8px 0 6px 35px; margin: 0 0 15px 0; font-size: 1.4em; font-weight:bold; color: #FFF;　font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;}

#main h1 img{ padding: 0 0 0 25px;}
#main #idx-h1 {background:none; padding: 0;}
#main #idx-h1 img{ padding: 0;}

#main h2{ background: url(../images/h2_bg.jpg) repeat-x left 2px;
	padding: 5px 0 0 15px; height:28px; font-size: 1.2em; margin: 40px 0 15px 0; clear:both;}

#main h3{ border-bottom: 1px solid #F38181;	font-size: 1.2em; height: 20px; margin: 20px 0 20px; padding: 5px 0px 2px 25px; 
background: url(../images/h3_bg.gif) no-repeat 2px 8px;
}
#main h4{border-bottom:1px solid #1A6701;border-left:4px solid #1A6701;font-size: 1.2em;border-left: 3px solid #1A6701; padding: 3px 0px 4px 12px; background:#FEFCF0;}

@media screen and (max-width: 767px){
#main h2{ background: url(../images/h2_bg_sp.jpg) no-repeat left center; font-size:1.1em; padding: 8px 0 0 10px; margin:15px 0 5px;}
#main h3{ }
}

#gotop{ text-align: right; margin-top: 30px; overflow: hidden; margin-bottom: 10px; }


/* SIDEBAR
------------------------------------------------------------------------------------------------ */

#sidebar,
#sidebox{width:300px;float:left;font-size: 1.18em;}

/* 1024 */
@media screen and (max-width: 1024px){
#sidebar{ width: 300px; margin: 60px auto 0 auto; float: none; }
#sidebox{ width: 100%; }
}

#sidebar h2{ margin: 25px auto 0; padding: 5px 0 5px;}
#sidebar h2 img{ }
#sidebar p{ padding-left: 0; margin: 0; width: 300px; }
#sidebar p img{ padding: 0; margin: 0 auto; width: 300px; }
#ul-side-bnr{ width: 300px; margin-top: 0px; margin-right: auto; margin-bottom: 0; margin-left: auto; }
#ul-side-bnr img{ margin-bottom: 10px; margin-left: auto; width: 300px; }
#ul-side-bnr p{ margin: 0 0 10px 0; }

#ul-side-link{ padding: 0px; width: 300px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; }
#ul-side-link li{margin: 0px 0px 5px;padding: 0px;}
#ul-side-link li a{width: 300px;display: block;padding: 0px;}

.side-bnr{ /*width: 300px;*/ margin: 0 auto 20px auto;}

#ul-side-blog{ padding-top: 0px; padding-bottom: 10px; margin: 0px; width: 300px; }
#ul-side-blog li{ padding-bottom: 2px; padding-top: 8px; background: url(../images/side_li_bg.gif) no-repeat left bottom; padding-left: 10px; }
#ul-side-menu{ padding: 0 0  10px 0; }
#ul-side-menu li{ padding: 8px 0 2px; width: 300px; }
#ul-side-menu a{ color: #333; padding-left: 30px; background: url(../images/side_menu_li.gif) no-repeat 8px 2px; }
#ul-side-menu a:hover{color: #333; text-decoration: underline;background: url(../images/side_menu_li_up.gif) no-repeat 8px 2px;}

#ul-side-menu_symptom
{ padding: 0 0 10px 0; }
#ul-side-menu_symptom li{ background: url(../images/side_li_bg.gif) no-repeat left bottom; padding: 15px 0 2px 10px; width: 300px; color: #333; font-size:1.1em; font-weight:bolder; letter-spacing:-2px; }

@media screen and (max-width: 767px){
#h2-side-menu,#ul-side-menu{
display: none;
}
#ul-side-link li a{ width: 100%; }
#ul-side-blog{ margin: 0 auto;}
.side-div {	width: 300px; margin:0 auto 0;}
}
.gmap iframe { border:solid 1px #999;} 


/* FOOTER
------------------------------------------------------------------------------------------------ */


#footer{width:960px;height: 120px;margin:60px auto 0 auto;font-size: 1.4em; clear: both;}
@media screen and (max-width: 1024px){
#footer{width:90%;}
}

#footer_inner{width: 100%;background: url(../images/footer_link_bg.gif) no-repeat top;padding: 10px 0;margin: 0 auto;}

#footer-link{ margin: 0 auto; overflow: hidden; }
#footer-link ul{text-align: center; }
#footer-link li{ display:inline-block; position: relative; margin: 0 0 4px; padding: 0 10px;border-right: 1px solid #333; /display: inline; /zoom: 1;}
#footer-link a{ color: #333;}
#footer-link a:hover{ text-decoration: underline; }


#footer-copy{ font-size: 0.9em; color: #FFF; text-align: center; width: 100%; background: url("../images/cmn/footer_copy_bg.gif") repeat-x scroll center bottom #02541E; margin-top: 15px; padding: 8px 0 6px; }
#footer-copy a{ color: #FFF; }
#footer-copy img{ padding:4px 0 0; }