/*
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-size:15px;
   font-family: Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'モリサワ 新ゴ R', 'Droid Sans', ' メイリオ' sans-serif;
   -webkit-text-size-adjust: 100%;
   width: 95%;
   margin-right: auto;
   margin-left: auto;
   background-image:url(../images/bg.png);
   background-repeat:repeat-x;
   color:#717171;
   line-height:130%;
}


a:link { color: #216cab; text-decoration: none; }
a:visited { color:#216cab; text-decoration: none; }
a:hover { color: #5d9dd3; text-decoration: underline; }
a:active { color:#5d9dd3; text-decoration: underline; }

p { margin: 8px 0; }

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

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

h2{
   -webkit-border-radius: 8px;
   background-color:#dbf5eb;
   padding:5px 7px;
   margin-bottom:10px;
   color:#555555;
   font-size:110%;
   font-weight:bold;
}

h3{
   margin:0 0 10px;
   padding:3px 0 3px 7px;
   border-left:5px solid #37a8bd;
   border-bottom:1px dashed #cccccc;
   color:#37a8bd;
   font-size: 130%;
}

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

section { padding: 10px; }

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; }

#wrap {
   width: 100%;
   text-align: left;
   margin: 0px auto;
   background-color:#ffffff;
}

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

.subtitle{
   background-image:url(../images/icon/icon_yaji.png);
   background-repeat:no-repeat;
   height:15px;
   padding-left:20px;
   color:#31b004;
   font-size: 130%;
   margin:10px 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;
   padding-top: 10px;
}

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-top: 10px;
   margin-right: 0px;
   margin-bottom: 0px;
   margin-left: 0px;
}

.link li {
   padding:0;
   margin:0;
   list-style: none;
}

.link li a {
   display: block;
   color: #2c2119;
   text-decoration: none;
   border-bottom:2px solid #a39b8b;
   height:30px;
   width:100%;
   padding-top:12px;
   padding-left:10px;
   background: #fcfbf9; /* Old browsers */
   background: -moz-linear-gradient(top, #fcfbf9 0%, #e6e0d0 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcfbf9), color-stop(100%, #e6e0d0)); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top, #fcfbf9 0%, #e6e0d0 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top, #fcfbf9 0%, #e6e0d0 100%); /* Opera 11.10+ */
   background: -ms-linear-gradient(top, #fcfbf9 0%, #e6e0d0 100%); /* IE10+ */
   background: linear-gradient(to bottom, #fcfbf9 0%, #e6e0d0 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfbf9', endColorstr='#e6e0d0', GradientType=0 ); /* IE6-9 */
}

.link li a:active {
   display: block;
   border-bottom:2px solid #a39b8b;
   height:30px;
   width:100%;
   background: #efe8da; /* Old browsers */
   background: -moz-linear-gradient(top, #efe8da 0%, #c6bca1 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #efe8da), color-stop(100%, #c6bca1)); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top, #efe8da 0%, #c6bca1 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top, #efe8da 0%, #c6bca1 100%); /* Opera 11.10+ */
   background: -ms-linear-gradient(top, #efe8da 0%, #c6bca1 100%); /* IE10+ */
   background: linear-gradient(to bottom, #efe8da 0%, #c6bca1 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efe8da', endColorstr='#c6bca1', GradientType=0 ); /* IE6-9 */
}

/*-------------------------------------------------
 Top Page
-------------------------------------------------*/



#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;
}

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

.bule { color: #0E6EB8; }

.pink { color: #E40073; }

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

.container {
   width: 90%;
   padding: 5px;
   margin-top: 0;
   margin-right: auto;
   margin-bottom: 0;
   margin-left: auto;
}

.left-column {
   float: left;
   width: 60%;
}

.right-column {
   float: right;
   width: 40%;
   margin-bottom: 10px;
   text-align: right;
   padding-left: 10px;
}

.exemples {
   text-align: center;
   padding: 0px;
   width: 100%;
   margin-top: 0px;
   margin-right: auto;
   margin-bottom: 0px;
   margin-left: auto;
}

/*------------------------------------------------
				お知らせスマホ
------------------------------------------------*/
.info_box {
   width:95%;
   margin-bottom:10px;
   display:block;
}

.info_titlebox {
   color:#133B82;
   font-weight:bold;
   font-size:110%;
   line-height:120%;
   border-bottom: 2px solid #EAF3FF;
   margin-bottom: 10px;
   padding: 5px 0;
}

.info_combox {
   width:100%;
   margin-bottom:20px;
   display:block;
   line-height:120%;
   font-size:100%;
}

#frame { height: auto; }

#frame2 { height: auto; }

/*------------------------------------------------
			　	共通部分
------------------------------------------------*/
.minitxt { font-size:85%; }

.fontC_uB { color:#84c0d7; }

.fontS { font-size:90%; }

.fontB { font-weight:bold; }

.colorPink { color:#ff6ea5; }

.colorLBlue {
   color: #479fe9;
   font-size: 110%;
   font-weight: bold;
}

.center { text-align:center; }

.right { text-align:right; }

.check { color:#ff0000; }

.txtarea {
   width:95%;
   margin:0 auto 35px;
}

.txtbox{ margin-bottom:30px; 
}

.forPC {
   float:right;
   margin-bottom:10px;
}


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

#accordion dt {
	-webkit-border-radius: 8px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(50%,#eaeaea), color-stop(51%,#dbdbdb), color-stop(100%,#fefefe)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f7f7f7 0%,#eaeaea 50%,#dbdbdb 51%,#fefefe 100%); /* Chrome10+,Safari5.1+ */
	background: linear-gradient(to bottom, #f7f7f7 0%,#eaeaea 50%,#dbdbdb 51%,#fefefe 100%); /* W3C */
   border:2px solid #cccccc;
   height: 20px;
   margin: 0;
   text-align:left;
   position:relative;
   padding: 10px 5px 10px 13px;
   font-weight: bold;
}

#accordion dt a {
   color: #2db8ec;
   text-decoration:none;
   display:block;
}

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

#accordion dt a:link {
   color: #0087e9;
   text-decoration: none;
}

#accordion dt a:visited {
   color: #0087e9;
   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;
}

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

.ACpagelink a {
   color: #2db8ec;
   text-decoration:none;
   display:block;
}

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

.ACname {
   width:85%;
   float:left;
}

.ACprice {
   width:15%;
   float:right;
}

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

#accordion2 dt {
   background-color:#ffffff;
   border:2px solid #cccccc;
   border-radius:6px;
   padding:5px;
   margin:5px 0 10px;
   color:#000000;
   font-weight: bold;
   position:relative;
}

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

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

#accordion2 dt a:link {
   color: #3fa1d4;
   text-decoration: none;
}

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

#accordion2 dt a:hover {
   color: #3fa1d4;
   text-decoration: none;
}

#accordion2 dt a:active {
   color:#3fa1d4;
   text-decoration: none;
}

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

.ans {
   color:#5cb6dd;
   font-weight:bold;
}

/*------------------------------------------------
			　　　メニュー
------------------------------------------------*/
.list1 ul {
   border-bottom: 1px solid #ccc;
   margin-top:10px;
}

.list1 ul li {
   background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f0f0f0));
   background: linear-gradient(#fff, #f0f0f0);
   border-bottom: 1px solid white;
   border-top: 1px solid #ccc;
   height: 38px;
   margin: 0;
   text-align:left;
}

.list1 ul li a {
   color: #518b0d;
   display: block;
   height: 38px;
   margin: 0;
   padding: 0 0 0 10px;
   overflow: hidden;
   text-overflow: ellipsis;
   text-decoration: none;
   font-weight: bold;
   white-space: nowrap;
   line-height: 38px;
}

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

.list1 a:link {
   color: #518b0d;
   text-decoration: none;
}

.list1 a:visited {
   color: #518b0d;
   text-decoration: none;
}

.list1 a:hover {
   color: #518b0d;
   text-decoration: none;
}

.list1 a:active {
   color:#518b0d;
   text-decoration: none;
}

.subtitle_s {
   background: #3033ba; /* Old browsers */
   /* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMwMzNiYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxZDFlNTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
   background: -moz-linear-gradient(left, #3033ba 0%, #1d1e56 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, right top, color-stop(0%, #3033ba), color-stop(100%, #1d1e56)); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(left, #3033ba 0%, #1d1e56 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(left, #3033ba 0%, #1d1e56 100%); /* Opera 11.10+ */
   background: -ms-linear-gradient(left, #3033ba 0%, #1d1e56 100%); /* IE10+ */
   background: linear-gradient(to right, #3033ba 0%, #1d1e56 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3033ba', endColorstr='#1d1e56', GradientType=1 ); /* IE6-8 */
   color:#d3d4ff;
   font-size:12px;
   border:3px double #7577d3;
   margin-bottom:7px;
   padding:3px 7px;
   display: inline-block;
   font-weight: bold;
   margin-left: 3px;
}

.listmark3 {
   background-image: url(../images/listmark3.png);
   background-repeat: no-repeat;
   padding-left: 20px;
   padding-bottom: 5px;
   border-bottom: 1px dotted #bfbfbf;
   font-weight: bold;
   margin-bottom: 10px;
   color: #1ac381;
}

.shinryo_box {
   width:93%;
   margin:0 auto 20px;
   padding:5px;
   border:3px double #e5e1e2;
   line-height: 110%;
}

/*  --------------------------------------
			　TOP 医院概要
----------------------------------------*/
#Cinfobox {
   width: 100%;
   text-align: left;
}

.CinfoLeft {
   width: 350px;
   float: left;
}

.CinfoRight {
   width: 285px;
   float: right;
}

.CinfoTable table {
   width:100%;
   border-collapse:collapse;
   margin-bottom: 15px;
}

.CinfoTable td {
   padding: 5px 0 10px 0;
   border-bottom: 1px solid #cccccc;
   vertical-align: top;
}

.CinfoTable .CinfoTableTd1 {
   color: #e9a021;
   font-size: 110%;
   font-weight: bold;
   padding-right:10px;
}

.CinfoTable .CinfoTableTel {
   font-size: 180%;
   font-weight: bold;
   padding-top: 10px;
}

.Chour Table {
   border: 1px solid #a2a2a2;
   border-collapse: collapse;
   width: 100%;
   margin:10px 0;
}

.Chour td {
   border:1px solid #a2a2a2;
   border-collapse:collapse;
   padding:5px;
   text-align:center;
   color:#163573;
   vertical-align: middle;
}

.Chour .Chourtd1 {
   border: 1px solid #a2a2a2;
   border-collapse: collapse;
   background-color: #60a9e1;
   font-size: 12px;
   color: #ffffff;
}


.Chour .Chourtd2 {
   border: 1px solid #a2a2a2;
   border-collapse: collapse;
   background-color: #d9e8f3;
   font-size: 12px;
}

.ChourHoliday {
   font-size: 15px;
   color: #2d2d2d;
   font-weight: normal;
}

/*------------------------------------------------
			　　　クリニック紹介
------------------------------------------------*/

.viewport {
   width: 260px;
   overflow: hidden;
   margin: 0 auto;
}

.flipsnap { width: 1300px; /* 320px(item width) * 3(item count) */ }

.viewport2 {
   width: 260px;
   overflow: hidden;
   margin: 0 auto;
}

.flipsnap2 { width: 1560px; /* 320px(item width) * 3(item count) */ }

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

/*------------------------------------------------
			　　　
------------------------------------------------*/
.concept_title {
   color: #FEB639;
   font-size: 110%;
   font-weight: bold;
   margin: 20px 0 5px;
}
/*  --------------------------------------
		　　　クリニック紹介
----------------------------------------*/
.Cintro_table table{
	margin:15px auto;
	width:90%;
	border:1px solid #acceed;
	border-collapse:collapse;
}

.Cintro_table td{
	padding:5px;
	border:1px solid #acceed;
	background-color:#ffffff;
}

.Cintro_table .CinTd1{
	background-color:#7eb5e6;
	text-align:center;
	font-weight:bold;
	color:#ffffff;
}

.CintroFacBox{
	width:710px;
	margin:0 0 30px;
	padding:10px;
	background-color:#ffffff;
	border:1px solid #cccccc;
}

.CintroFacImg{
	width:340px;
	margin-right:15px;
}

.txtareaBox2{
	margin:0 0 30px;
	padding:10px;
	background-color:#ffffff;
	border:1px solid #cccccc;
}

/*  --------------------------------------
		　　　　English
----------------------------------------*/
.English_list{margin-bottom:30px;}
.English_list ul{
	margin:0 0 10px 0;
	padding:0;
}
.English_list li{
   list-style:none;
   list-style-position:outside;
   background-image:url(../images/icon/icon_yaji.png);
   background-repeat:no-repeat;
   padding-left:15px;
   float:left;
   margin-right: 25px;
   margin-bottom: 10px;
}

.Eng_Cinfo table{
   border:1px solid #cccccc;
   border-collapse:collapse;
}
.Eng_Cinfo td{
	padding:10px;
	border:1px solid #cccccc;
}
.Eng_Cinfo .EngTd1{
	background-color:#ffc12c;
}
