/*
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%;
}

a:link { color: #1697b2; text-decoration: none; }
a:visited { color:#1697b2; text-decoration: none; }
a:hover { color: #31b1cc; text-decoration: underline; }
a:active { color:#31b1cc; 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;
}

.list ul{
	margin:10px 0 10px 20px;
	padding:0;
}

.list li{
	margin:10px 0;
	padding: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: 0;
	width: 100%;
}

/*-------------------------------------------------
 nav
-------------------------------------------------*/
nav {
	padding: 0px;
	height: auto;
	width: 100%;
	margin: 10px auto 20px;
	border-top: 1px solid #cccccc;
}
nav ul{
	margin:0 auto;
	padding:0;
}

nav li{
	border-bottom: 1px solid #cccccc;
	margin: 0;
	text-align:left;
	position:relative;
	padding: 10px 5px 10px 13px;
	font-size:120%;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f5f5f5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f5f5f5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f5f5f5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#f5f5f5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#f5f5f5 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#f5f5f5 100%); /* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-9 */
	font-weight: bold;
}

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

nav li a:link { color: #555555; text-decoration: none; }
nav li a:visited { color:#555555; text-decoration: none; }
nav li a:hover { color: #727272; text-decoration: underline; }
nav li a:active { color:#727272; 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 20px;
	display:block;
}
.info_title{
	margin:0 0 10px;
	padding:12px 0 5px 20px;
	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%;
}


#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:#baf3fc;
	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:0 auto;
}

#accordion2 dt {
	background-color:#dcf5f7;
	font-weight:bold;
	padding:5px 15px;
	margin:10px 15px 0;
	color:#838383;
	position:relative;
}

#accordion2 dt a {
   color: #838383;
   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: #838383;
   text-decoration: none;
}

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

#accordion2 dt a:hover {
   color: #8c8c8c;
   text-decoration: none;
}

#accordion2 dt a:active {
   color:#8c8c8c;
   text-decoration: none;
}

#accordion2 dd {
	padding:5px;
	margin: 0 15px;
}


h2{
	margin:0 0 10px 0;
	padding:5px;
	color:#0f5258;
	border-bottom:3px solid #35a8af;
	background: #8cd9e1; /* Old browsers */
	background: -moz-linear-gradient(top,  #8cd9e1 50%, #55d0dc 51%, #55d0dc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#8cd9e1), color-stop(51%,#55d0dc), color-stop(100%,#55d0dc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #8cd9e1 50%,#55d0dc 51%,#55d0dc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #8cd9e1 50%,#55d0dc 51%,#55d0dc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #8cd9e1 50%,#55d0dc 51%,#55d0dc 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #8cd9e1 50%,#55d0dc 51%,#55d0dc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8cd9e1', endColorstr='#55d0dc',GradientType=0 ); /* IE6-9 */
	
}
h3{
	margin:0 0 10px;
	padding:7px 10px 7px 30px;
	border-radius:5px;
	border:1px solid #cccccc;
	font-size:100%;
	color:#175e65;
	background: #fefefe; /* Old browsers */
	background: url(../images/h3bg.png), -moz-linear-gradient(top,  #fefefe 0%, #e7e7e7 100%); /* FF3.6+ */
	background: url(../images/h3bg.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#e7e7e7)); /* Chrome,Safari4+ */
	background: url(../images/h3bg.png), -webkit-linear-gradient(top,  #fefefe 0%,#e7e7e7 100%); /* Chrome10+,Safari5.1+ */
	background: url(../images/h3bg.png), -o-linear-gradient(top,  #fefefe 0%,#e7e7e7 100%); /* Opera 11.10+ */
	background: url(../images/h3bg.png), -ms-linear-gradient(top,  #fefefe 0%,#e7e7e7 100%); /* IE10+ */
	background: url(../images/h3bg.png), linear-gradient(to bottom,  #fefefe 0%,#e7e7e7 100%); /* W3C */
	filter: url(../img/h3bg.png), progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e7e7e7',GradientType=0 ); /* IE6-9 */

	background-repeat:no-repeat;
}

.h3txtbox{
	margin:0 auto 20px;
}

h4{
	margin:0 0 10px;
	padding:4px 10px;
	border-left:4px solid #1ca8dc;
	font-size:100%;
	color:#31758e;
}

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


.overview_table {
	border:3px double #ebebeb;
	padding:5px;
}

.overview_table td, .overview_table th{
	padding:10px 15px;
	font-size:90%;
	border-collapse:collapse;
}

.overview_table th{
	background-color:#dcf5f7;
	text-align: left;
	border-bottom: 1px dashed #a9e4ea;
}

.overview_table td{
	border-bottom: 1px dashed #cccccc;
}

.service_link { font-size:85%; text-align:right; margin:10px 0 0;}
.service_link a:link, .service a:visited { color: #0f5258; text-decoration: none;  border-bottom:1px dashed #cccccc;}
.service_link a:hover, .service a:active { color: #32848b; border-bottom:1px dashed #32848b; }

.bxs{
	width:300px;
	margin:0 auto;
}