/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.8.1
*/

/*-------------------------------------------------
 body
-------------------------------------------------*/
body {
	font-family: Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'モリサワ 新ゴ R', 'Droid Sans', ' メイリオ' sans-serif;
	-webkit-text-size-adjust: 100%;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	color:#717171;
	line-height:120%;
	background-color: #f4f4f4;
}

a:link { color: #12821a; text-decoration: none; }
a:visited { color:#12821a; text-decoration: none; }
a:hover { color: #259f2e; text-decoration: underline; }
a:active { color:#259f2e; text-decoration: underline; }

p {
	margin: 0 0 30px;
}

h1 {
	margin: 0 auto;
	padding: 0px;
}

img {
   margin: 0px;
   padding: 0px;
   border-top-width: 0px;
   border-right-width: 0px;
   border-bottom-width: 0px;
   border-left-width: 0px;
}

section {
	width: 90%;
	text-align: left;
	margin: 0 auto 20px;
	background-color:#ffffff;
	padding: 10px;
	box-shadow: 0px 0px 1px 2px #CCC;
}

aside {
   background-color: #ffffff;
   border-radius: 8px;
   -webkit-border-radius: 5px;
   padding: 10px;
   border: 1px solid #CCC;
}

aside p:last-child { margin-bottom: 0; }

aside p a {
   text-decoration: none;
   color: #00F;
}

aside p a:hover { color: #E95C99; }


.all_clear {
   clear:both;
   height:0;
}

/*  --------------------------------------
			　ClearFix
----------------------------------------*/
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/*-------------------------------------------------
 footer
-------------------------------------------------*/
footer {
	border-top: 1px solid #ebebeb;
	font-size: 80%;
	padding: 10px 0 30px;
}

footer p {
   clear: both;
   padding: 0;
}

footer img { vertical-align: top; }

footer p:last-child { margin: 0; }

/*-------------------------------------------------
 header
-------------------------------------------------*/
header {
   text-align: center;
   margin: 0px;
   padding: 10px 0 0;
   width: 100%;
}

/*-------------------------------------------------
 nav
-------------------------------------------------*/
nav {
	padding: 0px;
	height: auto;
	width: 100%;
	margin: 10px auto 20px;
}
nav ul{
	margin:0 auto;
	padding:0;
}

nav li{
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #4ab25e 2%, #4ab25e 41%, #19854d 43%, #19854d 98%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(2%,#4ab25e), color-stop(41%,#4ab25e), color-stop(43%,#19854d), color-stop(98%,#19854d), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#4ab25e 2%,#4ab25e 41%,#19854d 43%,#19854d 98%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#4ab25e 2%,#4ab25e 41%,#19854d 43%,#19854d 98%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#4ab25e 2%,#4ab25e 41%,#19854d 43%,#19854d 98%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#4ab25e 2%,#4ab25e 41%,#19854d 43%,#19854d 98%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	border-bottom: 1px solid #19854d;
	margin: 0;
	text-align:left;
	position:relative;
	padding: 10px 5px 10px 13px;
	font-size:120%;
	text-shadow:1px 1px 2px #063;
}

nav li span{
	font-size:60%;
	padding:0 0 0 10px;
	color:#8ff2a2;
}

nav li a {
   color: #ffffff;
   text-decoration:none;
   display:block;
}

nav li a:link { color: #ffffff; text-decoration: none; }
nav li a:visited { color:#ffffff; text-decoration: none; }
nav li a:hover { color: #c8f1eb; text-decoration: underline; }
nav li a:active { color:#c8f1eb; text-decoration: underline; }

nav li a::after {
   content:url(../images/icon/yaji.png);
   float: right;
   margin-top:2px;
   padding-right:10px;
}

.menutitle{
	border-bottom:2px solid #19854d;
	margin: 0 0 10px;
}

.menubana{
	text-align: center;
}

.menubana p{
	margin:0 0 10px 0;
}

.sub_menubana img{
	border:3px double #cccccc;
}

#btnTop {
   border-radius: 8px;
   -webkit-border-radius: 8px;
   background-color: #cbcccf;
   background: -webkit-gradient(linear, left top, left bottom, from(#cbcccf), to(#acaeb0));
   width: 7em;
   font-size: 85%;
   text-align: center;
   float: right;
   margin-right: 10px;
   border: 1px solid #CCC;
}

#btnTop a {
   text-shadow: 1px 1px 0 #ddd;
   display: block;
   padding: 5px 0;
   color: #444444;
   text-decoration: none;
}


/*-------------------------------------------------
   院内写真
-------------------------------------------------*/
.viewport {
   width: 260px;
   overflow: hidden;
   margin: 0 auto;
}

.flipsnap {
	width: 260px;
}

.item {
   float: left;
   width: 260px;
   font-size: 50px;
   text-align: center;
   color: #666;
}



/*-------------------------------------------------
 Color
-------------------------------------------------*/




/*-------------------------------------------------
 画像
 -------------------------------------------------*/

/* Firefox, Safari, Chrome, Opera fluid Image */
img.fluid-image { max-width: 100%; }


/*------------------------------------------------
				お知らせスマホ
------------------------------------------------*/
#frame{
	width:100%;
	overflow:auto;
	height:auto;
	margin:0 0 20px;
	border:1px solid #c7c7c7;
	background: #f9f9f9; /* Old browsers */
	background: -moz-linear-gradient(top,  #f9f9f9 1%, #f5f5f5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f9f9f9), color-stop(100%,#f5f5f5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f9f9f9 1%,#f5f5f5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f9f9f9 1%,#f5f5f5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f9f9f9 1%,#f5f5f5 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f9f9f9 1%,#f5f5f5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-9 */
}
.info_box{
	width:95%;
	margin:0 auto 10px;
	display:block;
	cursor: pointer;
	position: relative;
}
.info_box::before { 
	position: absolute;
	top: 12px;
	left: 0;
	display: block;
	content: '▲';
	font-size: 1em;
	color: #239b34;
	-webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.info_box.active::before { 
	content: '▼';
	-webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}
.info_title{
	margin:0 0 10px;
	padding:12px 0 5px 25px;
	color:#239b34;
	font-weight:bold;
	font-size:120%;
	line-height:120%;
	border-bottom:1px dashed #bfbfbf;
	background-image:url(../images/info_icon.png);
	background-repeat:no-repeat;
	background-position:left;
}
.info_combox{
	display:block;
	line-height:120%;
	display: none;
	margin: 0;
	padding: 0 25px;
}


#frame2 { height: auto; }

/*------------------------------------------------
			　	共通部分
------------------------------------------------*/
.fontS {
	font-size:80%;
}

.fontB { font-weight:bold; }

.center { text-align:center; }

.check { color:#ff0000; }

.caution {
   color: #e54c22;
   font-size: 85%;
}

.right{ text-align:right;}

.txtbox{ margin:0 0 30px; }

.pagetop {
   float:left;
   margin-bottom:10px;
}

.forPC {
	float:right;
	font-size: 80%;
	margin: 0 0 10px 0;
}

.forIndex{
	border-top:1px solid #cccccc;
	text-align:right;
	margin:0 0 20px;
	padding:5px 5px 0;
	font-size:80%;
}

.forTOP{
	position:fixed;
	bottom:0;
	right:15px;
	display:inline-block;
	background-color:#dcf1d1;
	padding:5px 15px;
	font-size:90%;
	z-index:1;
}

.contRoot{
	text-align:left;
	margin:0 0 20px;
	padding:5px 5px 0;
	font-size:80%;
}	

/*------------------------------------------------
			　	　アコーディオン
------------------------------------------------*/
#accordion {
   width:100%;
   margin:10px auto 5px;
}

#accordion dt {
   background-color:#ffffff;
   border-bottom: 1px dashed #cccccc;
   height: 20px;
   margin: 0;
   text-align:left;
   position:relative;
   padding: 10px 5px 10px 13px;
   font-weight: bold;
   font-size:120%;
}

#accordion dt a {
   color: #0d67b3;
   text-decoration:none;
   display:block;
}

#accordion dt a::after {
   content:url(../images/icon/yaji.png);
   float: right;
   margin-top:2px;
   padding-right:10px;
}

#accordion dt a:link {
   color: #0d67b3;
   text-decoration: none;
}

#accordion dt a:visited {
   color: #0d67b3;
   text-decoration: none;
}

#accordion dt a:hover {
   color: #0d67b3;
   text-decoration: none;
}

#accordion dt a:active {
   color:#0d67b3;
   text-decoration: none;
}

#accordion dd {
   padding:10px 5px;
   margin:0;
}




/*------------------------------------------------
			　	　アコーディオン2
------------------------------------------------*/
#accordion2 { margin:10px auto; z-index:2; }

#accordion2 dt {
	background: #f3fae7; /* Old browsers */
	background: -moz-linear-gradient(top,  #f3fae7 0%, #cee89d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3fae7), color-stop(100%,#cee89d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f3fae7 0%,#cee89d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f3fae7 0%,#cee89d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f3fae7 0%,#cee89d 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f3fae7 0%,#cee89d 100%); /* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3fae7', endColorstr='#cee89d',GradientType=0 ); /* IE6-9 */
	font-weight:bold;
	padding:5px;
	margin:20px 0 0;
	color:#12821a;
	border:1px solid #9bc74b;
	position:relative;
}

#accordion2 dt a {
   color: #389565;
   text-decoration:none;
   display:block;
}

#accordion2 dt a::after {
   content:url(../images/icon/yaji2.png);
   float: right;
   margin-top:2px;
}

#accordion2 dt a:link {
   color: #19854d;
   text-decoration: none;
}

#accordion2 dt a:visited {
   color: #19854d;
   text-decoration: none;
}

#accordion2 dt a:hover {
   color: #49b87e;
   text-decoration: none;
}

#accordion2 dt a:active {
   color:#49b87e;
   text-decoration: none;
}

#accordion2 dd {
	padding:10px 5px;
}


h2{
	margin:0 0 10px 0;
	padding:5px 5px 5px 25px;
	background-image:url(../images/title_bg.png);
	background-repeat:repeat-y;
	background-position:left top;
	color:#19854d;
}

h2 span{
	font-size:60%;
	padding:0 0 0 10px;
	color:#737373;
	font-weight: normal;
}

h3{
	background: #f3fae7; /* Old browsers */
	background: -moz-linear-gradient(top,  #f3fae7 0%, #cee89d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3fae7), color-stop(100%,#cee89d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f3fae7 0%,#cee89d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f3fae7 0%,#cee89d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f3fae7 0%,#cee89d 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f3fae7 0%,#cee89d 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3fae7', endColorstr='#cee89d',GradientType=0 ); /* IE6-9 */
	font-weight:bold;
	font-size:120%;
	padding:10px 5px;
	margin:0;
	color:#12821a;
	border:1px solid #9bc74b;
}

.h3box{
	background-color:#fbfff6;
	padding:15px;
	margin:0 0 15px;
}

h4{
	margin:0 auto 10px;
	padding:5px 10px 5px 32px;
	border-bottom:2px solid #57be62;
	background-image:url(../img/h4bg.png);
	background-repeat:no-repeat;
}

.h4box{
	margin:0 30px 30px;
}

.hrline{
	border:0;
	border-top:1px dashed #cccccc;
	margin:30px 0;
	padding:0;
}

.outline table{
	border-top:3px solid #19854d;
	border-bottom:3px solid #19854d;
	border-collapse:collapse;
	margin:0 0 20px;
}

.outline td{
	padding:15px 10px;
	border-bottom:1px dotted #ababab;
	font-size:90%;
	letter-spacing:0;
	line-height: 120%;
}

.outline th{
	border-right:1px solid #ababab;
	border-bottom:1px dotted #ababab;
	border-left:none;
	border-top:none;
	padding:15px 5px 15px 0;
	font-weight:normal;
	text-align: left;
	line-height:110%;
	font-size: 90%;
}


.outline_hour table{
	border:1px solid #ababab;
	border-collapse:collapse;
	margin:0 0 5px;
}

.outline_hour td, th{
	border:1px solid #ababab;
	padding:8px 0;
	text-align:center;
}

.outline_hour th{
	background-color:#19854d;
	color:#ffffff;
	font-weight:normal;
}

.outline_hour .hour{
	background-color:#ebebeb;
}

.cut{
	padding:4px;
	border:1px solid #ebebeb;
}

/*-----------------------------------------
		       　院長紹介
-----------------------------------------*/
.docProf table{
	border-top:3px solid #19854d;
	border-bottom:3px solid #19854d;
	border-collapse:collapse;
	margin:5px 0 30px;
}

.docProf td{
	padding:15px 10px;
	border-bottom:1px dotted #ababab;
	font-size:90%;
	letter-spacing:0;
	line-height: 120%;
}

.docProf th{
	border-right:1px solid #ababab;
	border-bottom:1px dotted #ababab;
	border-left:none;
	border-top:none;
	padding:15px 10px;
	font-weight:normal;
	text-align: left;
	line-height:110%;
}


/*-----------------------------------------
		      　よくある質問
-----------------------------------------*/
.QA_Q{
	background-color:#d9f2df;
	padding:15px;
	margin:0 0 30px;
}

.QA_Q .title{
	font-size:120%;
	color:#19854d;
	margin:0 0 8px;
}

.QA_A{
	background-color:#ffffff;
	padding:15px;
}



.linkbox{
	margin:0 10px 10px 0;
	display:inline-block;
	float:left;
}

.linkbox a{ text-decoration:none; border:1px solid #cccccc;}
.linkbox  a:link,.subcont .linkbox  a:visited {
	background-color:#a1e89a;
	display:block;
	padding:10px 30px;
}
.linkbox a:hover, .subcont .linkbox a:active {
	background-color:#48bf3b;
	color:#ffffff;
}

.reservation p {
	margin: 0 0 1em;
}
.reservation ul {
	margin: 0 0 0 1.8em;
}
.reservation ul li {
	margin: 0 0 1em;
}
.reservation ul li span {
	text-decoration: underline;
	font-size: 1.2em;
}
.reservation .bnr {
	text-align: center;
	margin: 0 0 1em;
}
.reservation .bnr img {
	max-width: 100%;
	height: auto;
}