@charset "UTF-8";
img{
    max-width: 100%;
    height: auto;
    width /***/:auto;?@
}

/* ========BASIC======== */
html {
   overflow-y:scroll;
}

body {
   margin:0;
   padding:0;
   line-height:1.7em;
   letter-spacing:0.9px;
   font-family: “ヒラギノ角ゴ Pro W3″,”Hiragino Kaku Gothic Pro W3″,メイリオ,Meiryo,”ＭＳ Ｐゴシック”,sans-serif;
   _font-family: ‘ＭＳ Ｐゴシック’, sans-serif;
   font-size:15px;
   color:#000;
   background:url(../images/kabe_check47.gif) repeat;
}

h1,h2,h3,h4,h5,h6 {
   margin:0;
   padding:0;
}
h1{
   font-size:10px;
   text-align:right;
	position:absolute;
	right:0px
}
p {
   margin:0 0 1em 0;
   padding:0;
   text-align: justify;
}

br {
   letter-spacing:normal;
}

img {
   border:0;
}
a {
   color:#339900;
   text-decoration:none;
   font-weight:bold;
}

a:hover {
   color:#92C45B;
   border-bottom:2px solid #92C45B;
}
#side a:hover ,#yoyaku a:hover {
   color:#92C45B;
   border-bottom:none;
}
a:hover img{
	    filter: alpha(opacity=60);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=60)";  /* ie 8 */
    -moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.6;              /* Safari 1.x */
    opacity:0.6;
    zoom:1;
}
a:hover.nob{border: none;}
#top a:hover{border: none;}
#top a:hover img {
  opacity: 0.8;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); /* for IE 4以上 */
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); /* for IE 8以上 */
  background: white;
}

table{
border-collapse:collapse;
border:1px solid #999;
width: 100%;
}
th{
border:1px solid #999;
padding:5px;
}
td{
border:1px solid #999;
padding:5px;
}
.fl-l{
	float:left;
}
.fl-r{
	float:right;
}
.al-l{
	text-align:left;
}
.al-r{
	text-align:right;
}
.al-c{
	text-align:center;
}

.cl{
clear:both;
}
.big{
font-size:20px;
}
.point{
font-weight:bold;
color:#990000;
}
.point-box{
	background-color: #FFC3DF;
	padding: 30px;
}
.text_l{
float:left;
display:inline-block;
}
.text_l33{
float:left;
width:33%;
display:inline-block;
}
.text_l33 p{
padding:0 15px;
}
.w100{
width:100%;
margin:auto;
clear:both;
}
.w95{
width:95%;
margin:auto;
}
.w90{
width:90%;
margin:auto;
}
.w80{
width:80%;
margin:auto;
}

.um20{
margin:20px auto 0 auto;
}
.ml-20{
margin:0 0 0 20px;
}
/*------------------------------------------------------------
4、margin・・・周りのブロックからの距離
-------------------------------------------------------------*/

.m0{ margin: 0!important; }/*周りからのmarginを0に*/
.m0-t{ margin-top: 0!important; }/*上からのmarginを0に*/
.m0-r{ margin-right: 0!important; }/*右からのmarginを0に*/
.m0-b{ margin-bottom: 0!important; }/*下からのmarginを0に*/
.m0-l{ margin-left: 0!important; }/*左からのmarginを0に*/

.m5{ margin: 5px!important; }
.m5-t{ margin-top: 5px!important; }
.m5-r{ margin-right: 5px!important; }
.m5-b{ margin-bottom: 5px!important; }
.m5-l{ margin-left: 5px!important; }

.m10{ margin: 10px!important; }
.m10-t{ margin-top: 10px!important; }
.m10-r{ margin-right: 10px!important; }
.m10-b{ margin-bottom: 10px!important; }
.m10-l{ margin-left: 10px!important; }

.m15{ margin: 15px!important; }
.m15-t{ margin-top: 15px!important; }
.m15-r{ margin-right: 15px!important; }
.m15-b{ margin-bottom: 15px!important; }
.m15-l{ margin-left: 15px!important; }

.m20{ margin: 20px!important; }
.m20-t{ margin-top: 20px!important; }
.m20-r{ margin-right: 20px!important; }
.m20-b{ margin-bottom: 20px!important; }
.m20-l{ margin-left: 20px!important; }

.m25{ margin: 25px!important; }
.m25-t{ margin-top: 25px!important; }
.m25-r{ margin-right: 25px!important; }
.m25-b{ margin-bottom: 25px!important; }
.m25-l{ margin-left: 25px!important; }

.m30{ margin: 30px!important; }
.m30-t{ margin-top: 30px!important; }
.m30-r{ margin-right: 30px!important; }
.m30-b{ margin-bottom: 30px!important; }
.m30-l{ margin-left: 30px!important; }

.m40{ margin: 40px!important; }
.m40-t{ margin-top: 40px!important; }
.m40-r{ margin-right: 40px!important; }
.m40-b{ margin-bottom: 40px!important; }
.m40-l{ margin-left: 40px!important; }

.m50{ margin: 50px!important; }
.m50-t{ margin-top: 50px!important; }
.m50-r{ margin-right: 50px!important; }
.m50-b{ margin-bottom: 50px!important; }
.m50-l{ margin-left: 50px!important; }

.m60{ margin: 60px!important; }
.m60-t{ margin-top: 60px!important; }
.m60-r{ margin-right: 60px!important; }
.m60-b{ margin-bottom: 60px!important; }
.m60-l{ margin-left: 60px!important; }

.m70{ margin: 70px!important; }
.m70-t{ margin-top: 70px!important; }
.m70-r{ margin-right: 70px!important; }
.m70-b{ margin-bottom: 70px!important; }
.m70-l{ margin-left: 70px!important; }

.m80{ margin: 80px!important; }
.m80-t{ margin-top: 80px!important; }
.m80-r{ margin-right: 80px!important; }
.m80-b{ margin-bottom: 80px!important; }
.m80-l{ margin-left: 80px!important; }

.m90{ margin: 90px!important; }
.m90-t{ margin-top: 90px!important; }
.m90-r{ margin-right: 90px!important; }
.m90-b{ margin-bottom: 90px!important; }
.m90-l{ margin-left: 90px!important; }

.m100{ margin: 100px!important; }
.m100-t{ margin-top: 100px!important; }
.m100-r{ margin-right: 100px!important; }
.m100-b{ margin-bottom: 100px!important; }
.m100-l{ margin-left: 100px!important; }


/*------------------------------------------------------------
5、padding・・・周りのブロックからの距離（padding）
-------------------------------------------------------------*/

.p0{ padding: 0!important; }
.p0-t{ padding-top: 0!important; }
.p0-r{ padding-right: 0!important; }
.p0-b{ padding-bottom: 0!important; }
.p0-l{ padding-left: 0!important; }

.p5{ padding: 5px!important; }
.p5-t{ padding-top: 5px!important; }
.p5-r{ padding-right: 5px!important; }
.p5-b{ padding-bottom: 5px!important; }
.p5-l{ padding-left: 5px!important; }

.p10{ padding: 10px!important; }
.p10-t{ padding-top: 10px!important; }
.p10-r{ padding-right: 10px!important; }
.p10-b{ padding-bottom: 10px!important; }
.p10-l{ padding-left: 10px!important; }

.p15{ padding: 15px!important; }
.p15-t{ padding-top: 15px!important; }
.p15-r{ padding-right: 15px!important; }
.p15-b{ padding-bottom: 15px!important; }
.p15-l{ padding-left: 15px!important; }

.p20{ padding: 20px!important; }
.p20-t{ padding-top: 20px!important; }
.p20-r{ padding-right: 20px!important; }
.p20-b{ padding-bottom: 20px!important; }
.p20-l{ padding-left: 20px!important; }

.p25{ padding: 25px!important; }
.p25-t{ padding-top: 25px!important; }
.p25-r{ padding-right: 25px!important; }
.p25-b{ padding-bottom: 25px!important; }
.p25-l{ padding-left: 25px!important; }

.p30{ padding: 30px!important; }
.p30-t{ padding-top: 30px!important; }
.p30-r{ padding-right: 30px!important; }
.p30-b{ padding-bottom: 30px!important; }
.p30-l{ padding-left: 30px!important; }

.p40{ padding: 40px!important; }
.p40-t{ padding-top: 40px!important; }
.p40-r{ padding-right: 40px!important; }
.p40-b{ padding-bottom: 40px!important; }
.p40-l{ padding-left: 40px!important; }

.p50{ padding: 50px!important; }
.p50-t{ padding-top: 50px!important; }
.p50-r{ padding-right: 50px!important; }
.p50-b{ padding-bottom: 50px!important; }
.p50-l{ padding-left: 50px!important; }

.p60{ padding: 60px!important; }
.p60-t{ padding-top: 60px!important; }
.p60-r{ padding-right: 60px!important; }
.p60-b{ padding-bottom: 60px!important; }
.p60-l{ padding-left: 60px!important; }

.p70{ padding: 70px!important; }
.p70-t{ padding-top: 70px!important; }
.p70-r{ padding-right: 70px!important; }
.p70-b{ padding-bottom: 70px!important; }
.p70-l{ padding-left: 70px!important; }

.p80{ padding: 80px!important; }
.p80-t{ padding-top: 80px!important; }
.p80-r{ padding-right: 80px!important; }
.p80-b{ padding-bottom: 80px!important; }
.p80-l{ padding-left: 80px!important; }

.p90{ padding: 90px!important; }
.p90-t{ padding-top: 90px!important; }
.p90-r{ padding-right: 90px!important; }
.p90-b{ padding-bottom: 90px!important; }
.p90-l{ padding-left: 90px!important; }

.p100{ padding: 100px!important; }
.p100-t{ padding-top: 100px!important; }
.p100-r{ padding-right: 100px!important; }
.p100-b{ padding-bottom: 100px!important; }
.p100-l{ padding-left: 100px!important; }


/*------------------------------------------------------------
6、font-size・・・フォントサイズの設定
-------------------------------------------------------------*/

.b{ font-weight: bold!important; }/*太字*/
.normal{ font-weight: normal!important; }/*太字を解除*/

.big{ font-size: 1.2em!important; }
.big2{ font-size: 1.5em!important; }
.big3{ font-size: 1.8em!important; }
.small{ font-size: 0.8em!important; }

.f08em{ font-size: 0.8em; }
.f09em{ font-size: 0.9em; }
.f10em{ font-size: 1.0em; }
.f11em{ font-size: 1.1em; }
.f12em{ font-size: 1.2em; }
.f13em{ font-size: 1.3em; }
.f14em{ font-size: 1.4em; }
.f15em{ font-size: 1.5em; }
.f16em{ font-size: 1.6em; }
.f17em{ font-size: 1.7em; }
.f18em{ font-size: 1.8em; }
.f19em{ font-size: 1.9em; }
.f20em{ font-size: 2.0em; }
.f21em{ font-size: 2.1em; }
.f22em{ font-size: 2.2em; }
.f23em{ font-size: 2.3em; }
.f24em{ font-size: 2.4em; }

.f8pt{ font-size: 8.5pt!important; }
.f9pt{ font-size: 9.0pt!important; }
.f10pt{ font-size: 10pt!important; }
.f11pt{ font-size: 11pt!important; }
.f12pt{ font-size: 12pt!important; }
.f13pt{ font-size: 13pt!important; }
.f14pt{ font-size: 14pt!important; }
.f15pt{ font-size: 15pt!important; }
.f16pt{ font-size: 16pt!important; }
.f17pt{ font-size: 17pt!important; }
.f18pt{ font-size: 18pt!important; }
.f19pt{ font-size: 19pt!important; }
.f20pt{ font-size: 20pt!important; }
.f21pt{ font-size: 21pt!important; }
.f22pt{ font-size: 22pt!important; }
.f23pt{ font-size: 23pt!important; }
.f24pt{ font-size: 24pt!important; }

.box-wrap .col{
	width: 50%;
	box-sizing: border-box;
}

.r-n{
float:right;
}
.l-n{
float:left;
}

.hajime{
line-height:1.2em;
font-size:0.7em;
color:#CCCCCC;
}
.btn-square {
  position: relative;
  display: inline-block;
  padding: 0.75em 3em;
  text-decoration: none;
  color: #333;
  background: url(../images/side_male.gif);
  border: solid 1px #a5d069;/*線色*/
  border-radius: 4px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
  text-shadow: 0 1px 0 rgba(0,0,0,0.2);
}
.btn-square:hover {
  color: #333;
  background: url(../images/side_male02.gif);
}
.btn-square:active {
  /*押したとき*/
  border: solid 3px #333;
  box-shadow: none;
  text-shadow: none;
}
/* ========TEMPLATE WIREFRAME======== */
#wrapper {
   width:1080px;
   margin:0 auto;
   padding:0 10px;
   border:1px solid #CECFCE;
   background:#fff;
}

#header {
   width:1080px;
   text-align:center;
   position:relative;
}

#contents {
   width:900px;
   float:right;
}
#side {
   width:180px;
   float:left;
}

#footer {
   width:1080px;
   clear:both;
   padding:10px 0;
}
#share_b{
position: fixed;
bottom:0px;
right:0px;
}
#share_b img{
margin:5px 0;
}

/* ========HEADER CUSTOMIZE======== */
#header h1 {
   padding:0;
   font-weight:bold;
   font-size:10px;
}

#header h1 a {
   color:#333;
}

#header h1 a:hover {
   color:#92C45B;
}
#header p {
   margin:0;
   padding:0 0 5px 0;
   border-bottom:1px solid #CECFCE;
}
#side h3{
	font-weight:normal;
	font-size:0.9em;
	color:#ED92AD;
	margin:20px 10px 0 0;
	padding: 10px 5px 0;
}
#side h3.male{
	color:#64A831;
}
#side li{ list-style: none; }

#side li a{
	margin:0 10px 2px 0;
	display: block;
	padding: 20px 10px 20px 20px;
	background: url(../images/side.gif) ;
	font-size:1em;
  line-height: 1.1em;
	border:none;
	color: #333;
	-webkit-border-top-right-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-topright: 20px;
	-moz-border-radius-bottomleft:20px;
}
#side .malemenu li a{
	background: url(../images/side_male.gif) ;
}

#side li a:active,
#side li a:hover{
	background: url(../images/side02.gif) ;
	color: #333;
}

#side .malemenu li a:active,
#side .malemenu li a:hover{
	background: url(../images/side_male02.gif) ;
	color: #333;
}

#side ul{
	padding: 0;
	margin: 0;
}

#side ul ul{ padding: 0; }

#side li li{
	width: 95%;
	margin-bottom: 0;
	padding-left: 5%;
	border: 0;
}

#side li li a:link,
#side li li a:visited{
	padding: 6px 10px 6px 15px;
	border-left: none;
	background: url(../images/side.gif) 2px 12px no-repeat;
}

#side li li a:active,
#side li li a:hover{ background: url(../images/side.gif) 2px center no-repeat #bcd764; }

/* ========CONTENTS CUSTOMIZE======== */
.news li{
  list-style: none;

}
#okoshi_check,#okoshi_maru{
   float:left;
   margin:0;
   padding:0;
   width:670px;
}
#okoshi_batu{
   float:left;
   margin:0;
   padding:0;
   width:670px;
   background:url(../images/nikibi01_13.gif) right bottom no-repeat;
}
#okoshi_batu_matuge{
   float:left;
   margin:0;
   padding:0;
   width:670px;
   background:url(../images/matuge_03.gif) right bottom no-repeat;
}

#okoshi_check ul{
   margin:0;
   padding:0;
   list-style:url(../images/li_check.gif) inside;
}
#okoshi_maru ul{
   margin:0;
   padding:0;
   list-style:url(../images/li_maru.gif) inside;
   font-size:0.9em;
}
#okoshi_batu ul,#okoshi_batu_matuge ul{
   margin:0;
   padding:0;
   list-style:url(../images/li_batu.gif) inside;
}
#okoshi_check li{
   margin:5px 0 0 0;
   padding:0;
   font-size:1.2em;
}
#okoshi_maru li{
   margin:5px 0 0 0;
   padding:0;
   font-size:1.2em;
}
#okoshi_batu li,#okoshi_batu_matuge li{
   margin:5px 0 0 0;
   padding:0;
   font-size:1.2em;
}

#ireko{
padding:0 0 0 20px;
}
#ireko ul{
   margin:0;
   padding:0;
   list-style:url(../images/li_batu.gif) inside;
   font-size:1.1em;
}
#ireko li{
   margin:0;
   padding:0;
   line-height:1em;
   display:block;
   float:left;
   color:#666;
}

#contents h2{
   margin:30px 0 20px 0;
   padding:8px;
   background:url(../images/index01_14.jpg) repeat-x;
   font-size:18px;
   color:#333333;
   clear:both;
}
#contents h2.male{
   margin:30px 0 20px 0;
   padding:8px;
	background: -moz-linear-gradient(#a5d069, #57b336);
	background: -webkit-gradient(linear, left top, left bottom, from(#a5d069), to(#57b336));
   font-size:18px;
   color:#333333;
   clear:both;
}

#contents h3{
   margin:20px 0 15px 0;
   padding:8px;
   border-bottom:1px dotted #666666;
   font-size:18px;
   color:#333333;
   clear:both;
}

.datumou{
width:70%;
float:right;
}
.datumou table{
border-collapse:collapse;
border:1px solid #999;
}
.datumou th{
border:1px solid #999;
text-align:left;
background:#F0b9b1;
padding:5px;
font-weight:normal;
}
.datumou td{
border:1px solid #999;
text-align:right;
padding:5px;
}

.maledatumou th{
text-align:left;
background:#A2CF67;
font-weight:normal;
}
.maledatumou td{
}

.setumei_pink{
background:url(../images/shimi03_10.gif) bottom no-repeat;
width:788px;
margin:20px auto;
}
.setumei_pink p{
margin:10px;
}

.matuge table{
	margin-bottom: 1.5em;
	padding: 0;
	border-top: 1px solid #959595;
	border-left: 1px solid #959595;
}

.matuge th,
.matuge td{
	padding: 0.5em;
	border-right: 1px solid #959595;
	border-bottom: 1px solid #959595;
}

.matuge th{
	background-color: #f0f0f0;
	font-weight: bold;
	text-align: left;
}

/* ========FOOTER CUSTOMIZE======== */
#yoyaku{
position:relative;
background:url(../images/footer_15.gif) repeat-y;
width:880px;
margin:auto;
}
#yoyakumap{
position:absolute;
top:258px;
left:310px
}
.koma{
margin-left:8px;
}
.point{
color:#FF3333;
}
.blue{
	color:#285aa8;
}
.denwa{
display:none;
}
.copyright {
   text-align:center;
   font-size:11px;
   font-style:normal;
   padding:20px 0;
   border-top:1px solid #CECFCE;
}
.left{
	float: left;
	margin: 0 30px 20px 0!important;
}
.right{
	float: right;
	margin: 0 0 20px 30px!important;
}
.small{
	font-size:0.7em;
}
#feed li{
list-style: none;
}
/* ========PAGETOP CUSTOMIZE========= */
#pageTop {
   padding:10px 0;
   text-align:right;
	position: fixed;
	right: 10px;
	bottom: 20px;
	z-index: 99;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

#pageTop a:hover img{
	filter: alpha(opacity=100) ;
	-moz-opacity: 1;
	opacity: 1 ;
}
#pageTop a {
   padding:0 0 0 12px;
   background:url(../images/bg_pagetop.gif) 0 60% no-repeat;
}

.clinics{
	border:#ccc solid 1px;
	padding: 20px;
}
.clinics h3{
	text-align: center;
	border-bottom: #8cc63f 2px solid;
}
/*------------------------------------------------------------
floatの回り込みを解除
-------------------------------------------------------------*/

.box-wrap:after,
.clearfix:after{ content : ''; display : block; clear : both; height:0; }


.box-wrap,
.clearfix{ /zoom : 1; }

/*------------------------------------------------------------
TOPへ戻る
-------------------------------------------------------------*/

#page-top {
    position: fixed;
    bottom: 0;
    right: 15px;
    width: 150px;
    height: 150px;
}
@media screen and (max-width:1600px){
  #page-top{
    right: 0;
  }
}
@media screen and (max-width:640px){
  #page-top{
    width: 80px;
    height: auto;
    right: 0;
  }
}

/*------------------------------------------------------------
お問い合わせ
-------------------------------------------------------------*/

.otoiawase{
  position: fixed;
  bottom:0;
  right: 5%;
  width: 150px;
  height: 150px;
}

@media screen and (max-width:1500px){
  .otoiawase{
    right: 0;
  }
@media screen and (max-width:640px){
  .otoiawase{
    width: 80px;
    height: auto;
    right: 0;
  }

}
