@charset "utf-8";

/* -----------------------------------------------------------
CSS Information

File name:      base.css
Created:        2014-12-23
Style Info:     共通 CSS
----------------------------------------------------------- */


body {font-size:13px;font-family: verdana,"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif; 
	color:#333;overflow-x:hidden;-webkit-text-size-adjust: none;}
a {text-decoration:none;color:#333;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none;color:#333;}
a:active {text-decoration:none;}

/* clearfix
===========================================================*/
.clearfix:after {content:".";display: block;clear:both;height:0;visibility:hidden;}
.clearfix {min-height:1%;}
* html .clearfix {
  height: 1%;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/}

/* text-align・float
===========================================================*/
.taL {text-align:left;}
.taC {text-align:center;}
.taR {text-align:right;}
.fL {float:left;}
.fR {float:right;}
.cB {clear:both;}
.ofH{overflow:hidden;}


/* ==========================================================

	共通部分 Common style

========================================================== */
#wrapper {width:100%;overflow:hidden;}

/* header 
-------------------------------- */
#top {
	overflow: hidden;
	width: 100%;
	height: 60px;
	padding: 8px 15px 0 15px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	background-color: #ebebeb;
}
#header_logo {float:left;text-indent:-9999px;width:252px;height:40px;
	background:url(../images/header_logo.png) left top no-repeat;
	-webkit-background-size:252px auto;
	background-size:252px auto;}
#header_logo a {display:block;text-indent:-9999px;width:252px;height:36px;}
#mobile-bar {cursor:pointer;text-indent:-9999px;float:right;width:35px;height:35px;
	background:url(../images/header_menu.png) center center no-repeat;
	-webkit-background-size:30px auto;
	background-size:30px auto;}

/* gnav 
-------------------------------- */
#gnav {
	background-color: #f5f5f5;
}
#gnav ul {overflow:hidden;}
#gnav ul li {width:50%;float:left;
	background: #f5f3ec; /* Old browsers */
	background: -moz-linear-gradient(top, #fff 0%, #f5f5f5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), 	color-stop(100%,#f5f5f5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fff 0%,#f5f5f5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fff 0%,#FDF4DF 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fff 0%,#f5f5f5 100%); /* IE10+ */
	background: linear-gradient(to bottom, #fff 0%,f5f5f5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-9 */}
#gnav ul li a {display:block;height:30px;font-size:14px;font-weight:bold;padding-top:15px;text-align:center;
	border-left:1px solid #ccc;border-top:1px solid #ccc;
	-webkit-background-size:30px auto;
	background-size:30px auto;}






/* btn3 
-------------------------------- */

.side_contact .more4 {margin:15px 20px 0px 20px;}
.side_contact .more4 a {padding:10px 15px 8px 24px;font-size:22px;letter-spacing:2px;}

.main .btn4 a {
	position: relative;
	display: block;
	color: #9eb32f;
	text-align: center;
	font-size: 21px;
	margin:10px 0px 20px 0px;
	padding:15px 15px;
	height:23px;
	line-height: 110%;
	vertical-align: middle;
	border: 1px solid #9eb32f;
	background: #f5f5f5;
	font-weight:bold;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.main .btn4 a:after {position:absolute;top:50%;right:10px;margin-top:-6px;content:"";width:8px;height:13px;
	background: url(../images/arr1.png) left top no-repeat;
	-webkit-background-size:8px auto;
	background-size:8px auto;}
.main .btn4 a:before {position:absolute;top:50%;left:10px;content:"";width:25px;height:24px;margin-top:-12px;
	background-repeat:no-repeat;
	-webkit-background-size:25px auto;
	background-size:25px auto;}
	
/* btn 
-------------------------------- */
.main .btn1 a {
	position: relative;
	display: block;
	color: #666;
	text-align: center;
	font-size: 18px;
	padding: 10px 15px;
	border: 1px solid #666666;
	background: #f5f5f5;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.main .btn1 a:after {position:absolute;top:50%;right:10px;margin-top:-6px;content:"";width:8px;height:13px;
	background: url(../images/arr1.png) left top no-repeat;
	-webkit-background-size:8px auto;
	background-size:8px auto;}
.main .btn1 a:before {position:absolute;top:50%;left:10px;content:"";width:25px;height:24px;margin-top:-12px;
	background-repeat:no-repeat;
	-webkit-background-size:25px auto;
	background-size:25px auto;}

/* arrow 
-------------------------------- */
.main .arr1 a {position:relative;}
.main .arr1 a:after {position:absolute;top:50%;right:10px;margin-top:-7px;content:"";width:8px;height:13px;
	background: url(../images/arr1.png) left top no-repeat;
	-webkit-background-size:8px auto;
	background-size:8px auto;}
.main .arr1.title1 a:after {
	background: url(../images/arr1.png) left bottom no-repeat;
	-webkit-background-size:8px auto;
	background-size:8px auto;}

/* ご予約・お問い合わせ 
-------------------------------- */
.side_contact {margin-bottom:15px;}
.side_contact .more {margin:15px 20px 0 20px;}
.side_contact .more a {padding:8px 15px 8px 24px;font-size:22px;letter-spacing:2px;}
.side_contact .more a:before {background-position:left bottom;}

/* 診療時間 
-------------------------------- */
.side_time .txt {margin:15px;line-height:1.6;}
.side_time .txt .tit1 {color:#f3980f;font-weight:normal;font-size:13px;}
.side_time .txt > p {margin-bottom:15px;}
.side_time .txt > div span {color:#f3980f;}

/* footer 
-------------------------------- */
#footer_btn {margin:20px 10px 10px 0;}
#footer_btn ul {overflow:hidden;}
#footer_btn ul li {float:left;width:33.333333%;}
#footer_btn ul li a {
	display: block;
	margin-left: 10px;
	padding: 10px 0;
	color: #333333;
	font-size: 12px;
	text-align: center;
	background-color: #f5f5f5;
	border: solid 1px #999999;
}

#footer small {
	padding: 10px 0;
	text-align: center;
	color: #000;
	display: block;
	font-size: 11px;
	background-color: #dfdfdf;
}


/* ドロワーメニュー
===========================================================*/

/*----スライド部分のカスタマイズ------- */
.mobile-cont {display:none;top:0;z-index:200;width:100%;height:100%;position:absolute;
	background: rgba(0, 0, 0, 0.7);}
.mobile-nav {position:relative;margin:40px 20px 20px 20px;
	background:#fff;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 0px 0px 3px rgba(255, 255, 255, 1);
	-webkit-box-shadow: 0px 0px 3px rgba(255, 255, 255, 1);
	box-shadow: 0px 0px 3px rgba(255, 255, 255, 1);}
.mobile-nav li {line-height:1.4;border-top:#3f8202 dotted 1px;}
.mobile-nav li:first-child {border-top:0;}
.mobile-nav li a {display:block;padding:10px;}
.close-but {
	position: relative;
	width: 100px;
	text-align: center;
	margin: 0 auto 12px;
	padding: 5px 15px;
	cursor: pointer;
	color: #fff;
	font-weight: bold;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	box-shadow: 0px 0px 3px rgba(255, 255, 255, 0.5);
	-moz-box-shadow: 0px 0px 3px rgba(255, 255, 255, 0.5);
	-webkit-box-shadow: 0px 0px 3px rgba(255, 255, 255, 0.5);
	background-color: #9eb32f;
}

/* アコーディオンメニュー
===========================================================*/
.trigger{position:relative;font-weight:normal;font-size:13px;line-height:1.6;padding:10px 35px 10px 15px;cursor:pointer;}
.trigger:after {position:absolute;top:50%;right:10px;margin-top:-9px;content:"";width:18px;height:18px;
	background: url(../images/ico_acordion.png) left top no-repeat;
	-webkit-background-size:18px auto;
	background-size:18px auto;}
.trigger.active{}
.trigger.active:after {position:absolute;top:50%;right:10px;content:"";width:18px;height:18px;
	background: url(../images/ico_acordion.png) left bottom no-repeat;
	-webkit-background-size:18px auto;
	background-size:18px auto;}
.acordion_tree {padding:12px 15px;line-height:1.6;}
.dn{display:none}

/* フッター修正(20150203)
===========================================================*/
section.footer_counseling_banner {
	padding: 20px 10px 10px 10px;
}

section.footer_counseling_banner a {
	display: block;
	box-shadow: 0 0 6px rgba( 0, 0, 0, 0.2 );
}

section.footer_counseling_banner a img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
	height: auto;
}

.side_contact .more.btn2 a,
.side_contact .more.btn3 a {position:relative;display:block;color:#f3980f;text-align:center;font-size:18px;padding:10px 15px;
	border:1px solid #ffbe41;background:#fdf2e0;
	border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;}
.side_contact .more.btn2 a:after, 
.side_contact .more.btn3 a:after {position:absolute;top:50%;right:10px;margin-top:-6px;content:"";width:8px;height:13px;
	background: url(../images/arr1.png) left top no-repeat;
	-webkit-background-size:8px auto;
	background-size:8px auto;}

.side_contact .more.btn2 a:before, 
.side_contact .more.btn3 a:before {position:absolute;top:50%;left:10px;content:"";width:25px;height:24px;margin-top:-12px;
	background-image:url(../images/ico_btn3.png);
	background-repeat:no-repeat;
	-webkit-background-size:25px auto;
	background-size:25px auto;}
	
	
.indent-1 {
	padding-left:1em;
	text-indent:-1em;
}

.indent-1-2{
	padding-left:1em;
	text-indent:-1em;
	padding:10px 35px 10px 28px;
	}
	
#main_news_info{
	padding:0px 0px 0px 20px;
}



.acordion_tree2 {padding:12px 15px 15px 0px;line-height:1.6;}
#white .acordion_tree2 .img {max-width:480px;text-align:center;margin:0 auto 10px auto;}
#white .acordion_tree2 .img img {width:90%;}

.acordion_tree2 ul{
	padding-left:14px;
}
.acordion_tree2 ul li{
	margin-left:13px;
}
#kyousei .cnt8 .acordion_tree2 {padding:0;}
#kyousei .cnt8 .acordion_tree2 > p {padding:10px 15px;}


h2{ font-weight:bold;}


.indent-1 {
padding-left:1em;
text-indent:-1em;
}

.pl10{
	padding-left:10px;
}

.pl20{
	padding-left:20px;
}

.side_time table{
	width:100%;
	font-size:14px;
	border-top:1px solid #cccccc;
	border-right:1px solid #cccccc;
}

.side_time table th{
	padding:7px 0;
	text-align:center;
	background:#f4f4ea;
	border-left:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
}

.side_time table td{
	padding:15px 0;
	border-left:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
}

.tmain_l{
	text-align:left;
	text-indent: 10px;
}

.tcentr_l{
	text-align:center;
}

.wakuin{
	padding-left:10px;
	padding-right:10px;
}

.pTop05{
	padding-top:5px;
}

.pTop10{
	padding-top:10px;
}

.pbot05{
	padding-bottom:5px;
}

.pbot15{
	padding-bottom:15px;
}
.txtb{
	font-weight:bold;
}

.taL70{
	width:70px;
	padding-left:10px;
	padding-right:10px;
	float:left;
	margin-top:10px;
}

.taR70{
	width:70%;
	min-width:180px;
	float:left;
	font-size:14px;
	line-height: 150%;
	margin:10px 10px 10px 0px;
}

.linc{
	border-bottom:1px dashed #999;
	clear:both;
	margin:10px;
	padding-left:10px;
	padding-right:10px;
}

.snwak{
	width:100%;
}


* html .contents_box{ width:100%;}

.contents_box .page_link{
	width:100%;
	overflow:hidden;
	text-align: center;
}

.contents_box .page_link li{
	margin:0 10px 8px 0;
	width:100%;
	height:48px;
	display:inline;
	overflow:hidden;
}

.contents_box .page_link li a{
	width:100%;
	height:46px;
	line-height:48px;
	border:1px solid #d5d5d5;
	display:block;
	overflow:hidden;
}

.contents_box .page_link li a:hover{
	border:1px solid #010101;
	text-decoration:none;
}


.wakucenter{
	display: inline-block;
	width:90%;
	padding-top:15px;
}


#left_column .contents_box .page_link li.line2 a{
	padding-top:7px;
	height:39px;
	line-height:120%;
}

.pTop05{
	padding-top:5px;
}

.pTop10{
	padding-top:10px;
}

.pTop25{
	padding-top:25px;
}



.mTop20{
	margin-top:20px;
}


.mTop25{
	margin-top:25px;
}

.mTop35{
	margin-top:35px;
}

.mTop40{
	margin-top:40px;
}
.mTop45{
	margin-top:45px;
}
.mTop50{
	margin-top:50px;
}



.mLft05{
	margin-left:5px;
}

.mLft10{
	margin-left:10px;
}

.mLft15{
	margin-left:15px;
}

.mLft20{
	margin-left:20px;
}

.mLft25{
	margin-left:25px;
}

.mLft30{
	margin-left:30px;
}

.mLft35{
	margin-left:35px;
}

.mLft40{
	margin-left:40px;
}

.mLft50{
	margin-left:50px;
}

.mLft55{
	margin-left:55px;
}

.mLft80{
	margin-left:80px;
}

.mLft100{
	margin-left:100px;
}


.mLft120{
	margin-left:120px;
}


.mLft310{
	margin-left:310px;
}

.mRit20{
 	margin-right:20px;
}

.mBtm05{
	margin-bottom:5px;
}

.mBtm08{
	margin-bottom:8px;
}

.mBtm10{
	margin-bottom:10px;
}

.mBtm13{
	margin-bottom:13px;
}

.mBtm14{
	margin-bottom:14px;
}

.mBtm15{
	margin-bottom:15px;
}

.mBtm20{
	margin-bottom:20px;
}

.mBtm25{
	margin-bottom:25px;
}

.mBtm30{
	margin-bottom:30px;
}

.mBtm35{
	margin-bottom:35px;
}

.mBtm40{
	margin-bottom:40px;
}

.mBtm45{
	margin-bottom:45px;
}

.mBtm50{
	margin-bottom:50px;
}

.mBtm55{
	margin-bottom:55px;
}

.mBtm60{
	margin-bottom:60px;
}

.mBtm65{
	margin-bottom:65px;
}

.mBtm70{
	margin-bottom:70px;
}

.mBtm75{
	margin-bottom:75px;
}

.mBtm80{
	margin-bottom:80px;
}

.mBtm85{
	margin-bottom:85px;
}

.mBtm90{
	margin-bottom:90px;
}

.mBtm95{
	margin-bottom:95px;
}

.mBtm100{
	margin-bottom:100px;
}

.pBtm30{
	padding-bottom:30px;
}

.pLft15{
	padding-left:15px;
}


.indent-1 {
  padding-left: 1em;
  text-indent: -0.5em;

}

.indent-2 {
  padding-left: 2em;
  text-indent: -2em;

}

.f14{
	font-size:14px;
	line-height: 150%;
}

.f16{
	font-size:16px;
	line-height: 160%;
}

.f18{
	font-size:18px;
	line-height: 180%;
}

.red{
	color:#990000;
}
