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

body{
	background: #FFF;
	color: #333;
	font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif;
	font-size: 14px;
	line-height: 1.5;
	-webkit-text-size-adjust: none; /* フォントサイズ自動調整 */
}

footer{
	text-align:center;
	color:#FFF;
	padding:10px 0;
	background:#00803A;
}

footer a{
	color: #fff;
}

#bnr_healthcheck{
	width: 226px;
	height: auto;
	margin: 0 auto 30px;
}

#bnr_healthcheck img{
	zoom:100%;
	width: 100%;
}

#main_txt{
	width: 100%;
}

#main_txt h3{
	font-size: 20px;
	font-weight: bold;
	border: none;
	padding: 0;
	margin-bottom: 10px;
}

#main_txt p{
	font-size: 16px;
	margin-bottom: 20px
}

#main_txt img{
	width: 290px;
	display: block;
	margin: 0 auto 20px;
	zoom:100%;
}


#facebook_area{
	width: 290px;
	margin: 0 auto;
}

img {
	vertical-align: top;
}

img:not([width]) {
	zoom: .5; /* Retinaディスプレイ対応のためimg要素は半分の大きさに */
}

p, dl, ol, ul {
	margin-bottom: 10px;
}

ol, ul {
	margin-left: 25px;
}

h2,h3,h4{font-size:18px; color:#007F3D;}

a{color:#333;}

.ttl{
	border-top:3px solid #007F3D;
	padding-top:5px;
	border-bottom:1px dotted #666666;
	padding-bottom:5px;
	margin-bottom:10px;
	margin-top:10px;
	font-size:24px;
}

.main h3{
	border-bottom:1px dotted #666666;
	padding-bottom:5px;
	margin-bottom:10px;
}

.main h3 a{
	color:#007F3D;
}

#medical_page h3{
	font-size: 16px;
	color: #333;
}

table{
	width:100%;
	background:#D5CECE;
	margin-bottom:10px;
}

th{
	color:#FFF;
	background:#007F3D;
	text-align:center;
}

td{
	text-align: left;
	box-sizing: border-box;
	background: #FFF;
	padding: 5px;
}

.red {
    color: #D34900;
}

/* ヘッダーの右にメニュー */
.header1{
 height: 46px;
}
 .header1 h1{
 display: block;
 height: 44px;
 width: 240px;
 float: left;
 text-align:left;
 margin-bottom:10px;
 }

 .header1 nav{
 float: right;
 }
 .header1 nav li{
 float: left;
 }
 .header1 nav li>a{
 display: block;
 height: 28px;
 width: 70px;
 color: #fff;
 line-height: 30px;
 background: -webkit-gradient(linear, left top, left bottom, from(#38A068),to(#00803A));
 background: linear-gradient(#38A068 #00803A);
 text-align: center;
 text-decoration: none;
 border: 1px solid #dadada;
 text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6),-1px -1px 1px rgba(255, 255, 255, 0.5);
 font-weight:bold;
 }
 .header1 nav li:first-child>a{
 border-radius: 4px 0 0 4px;
 }
 .header1 nav li:last-child>a{
 border-radius: 4px 4px 4px 4px;
 margin-right: 5px;
 }


 #tel a{
 display: block;
 height: 60px;
 width: 280px;
 color: #fff;
 line-height: 60px;
 background: -webkit-gradient(linear, left top, left bottom, from(#00803A),to(#00803A));
 background: linear-gradient(#38A068 #00803A);
 text-align: center;
 text-decoration: none;
 border: 1px solid #dadada;
 text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6),-1px -1px 1px rgba(255, 255, 255, 0.5);
 font-weight:bold;
 margin:0px auto 10px auto;
 }
 #tel a{
 border-radius: 4px 4px 4px 4px;
 }

  .faq dl{
	  margin-bottom:30px;
  }

 .faq dt{
	 margin-bottom:10px;
	 padding-bottom:5px;
	 border-bottom:1px dotted #666666;
	 text-decoration:underline;
 }

  .faq dd{
	 margin-bottom:10px;
	 padding-bottom:5px;
	 border-bottom:1px dotted #666666;
 }

/*病院案内　地図下の文章*/
#map_info_txt{
  margin-bottom: 20px;
  color:#f00;
  text-indent: -1em;
  padding-left: 1em;
}


/*----------------------------------------------------
 #page
----------------------------------------------------*/
#page {
	overflow: hidden;
	width: 100%;
	margin: 10px auto 0px auto;
	background: #fff;
	padding-bottom: 160px;
}

/*----------------------------------------------------
 ランドスケープ表示
----------------------------------------------------*/
@media all and (orientation:landscape) {
	#page {
		width: 480px;
	}
}

/*----------------------------------------------------
 main
----------------------------------------------------*/
section.main {
	padding: 0 10px 10px;
}

/*----------------------------------------------------
サイトマップ
----------------------------------------------------*/
#sitemap_page ul li a{
	padding:0px 0px 0px 20px;
	color: #007F3D;
	background:url(../common/img/ico_arrow.png) no-repeat 0px 2px;
}


/* リセット */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
 caption, tfoot, thead, aside, canvas, details, figcaption, figure, hgroup, menu, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
	font-weight:normal;
    vertical-align:bottom;
    /*background:transparent;*/
}

li{list-style:none;}

/* 矢印つきリスト２ */
.list2 ul{
 margin: 0px 0px 30px 0px;
 }
 .list2 ul li{
 overflow: hidden;
 margin: 0;
 width: 100%;
 text-align: left;
 padding: 0;
 border: 1px #ccc solid;
 border-bottom: 0;
 background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f0f0f0));
 background: linear-gradient(#fff, #f0f0f0);
 display:block;
 -webkit-box-shadow:0px 3px 3px rgba(000,000,000,0.1);
 box-shadow:0px 3px 3px rgba(000,000,000,0.1);
 }
 .list2 ul li:first-child{
 border-radius: 8px 8px 0 0;
 }
 .list2 ul li:last-child{
 border-radius: 0 0 8px 8px;
 border-bottom:1px #ccc solid;
 }
 .list2 ul li a{
 color: #333;
 display: block;
 height: 44px;
 margin: 0;
 padding: 0 0 0 10px;
 overflow: hidden;
 white-space: nowrap;
 line-height: 44px;
 text-overflow: ellipsis;
 text-decoration: none;
 font-weight:bold;
 }
 .list2 ul li a::after{
 content: url(img/arrow.png);
 float: right;
 }



.center{text-align:center;}

.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}


/*--clearfix--*/

.clearfix{
zoom: 100%;
}

.clearfix:after{
display: block;
clear: both;
content: ".";
height: 0.1px;
font-size: 0.1em;
line-height: 0;
visibility: hidden;
}

.clearfix{
display: inline-block;
}


/*\*/

*html .clearfix{
height: 1px;
}

.clearfix{
display: block;
}

/**/

/*--DW
.clearfix {overflow:hidden;}
--*/

/*float*/

.f_left{float:left;}
.f_right{float:right;}

.clear{clear: both;}



#topics{
	margin-bottom:20px;
	padding:10px;
	border:4px solid #EEE;
}


/*スライダー*/
.slider {
  position: relative;
  width: 100%;
  padding-bottom:30px;
  overflow: hidden;
}
.slides {
  height: 100%;
  overflow: hidden;
  *zoom: 1;
}
.slide {
  height: 100%;
  float: left;
  clear: none;
}
.slide img {
　width: 100%;
}
.slider-arrow {
  position: absolute;
  display: block;
  margin-bottom: -20px;
  padding: 20px;
}
.slider-arrow--right {
  bottom: 50%;
  right: 30px;
  background: url(img/right.png) no-repeat;
}
.slider-arrow--left {
  bottom: 50%;
  left: 30px;
  background: url(img/left.png) no-repeat;
}
.slider-nav {
  position: absolute;
  bottom: 10px;
}
.slider-nav__item {
  width: 12px;
  height: 12px;
  float: left;
  clear: none;
  display: block;
  margin: 0 5px;
  border: 1px solid #007F3D;
  border-radius: 8px;
}
.slider-nav__item:hover {
  background: #007F3D;
}
.slider-nav__item--current {
  background: #007F3D;
}
