@charset "utf-8";

/* ●ＣＳＳ初期化（修正不可）
==================================================*/

* {
  margin: 0;
  padding: 0;
  font-family:'Lucida Grande','Hiragino Kaku Gothic ProN',Meiryo, sans-serif;
  font-size: 100%;
}

img {
  vertical-align: bottom;
  border: none;
}

address {
  font-style: normal;
}


/* ●基本設定
==================================================*/

body {
  background-color: #FFFFFF;
  font-size: 75%;
  color: #333333;
}

#wrap {
  margin: 0px auto 0px auto;
}

a {
  text-decoration: none;
}

.center {
  text-align: center;
}

.aline_right {
  text-align: right;
}

.float_l {
  float: left;
  display: inline;
}

.float_r {
  float: right;
  display: inline;
}

.clear {
  clear: both;
}

@media print{
#pageTop {
    }
}

/* ●ヘッダー
==================================================*/

#header {
  width: 100%;
  display:table;
  background-color: #026328;
}

#headerDomain {
  width: 100%;
  display:table;
  background-color: #026328;
  height:20PX;
}

#header2 {
  margin: 0px auto 0px auto; 
  width: 960px;
  display:table;
}

#header_navi {
  color: #ffffff;
  text-align: right;
  margin: 0px;
  float:left;
}

#header_navi h1 a{
	display:block;
	width:89px;
	height:19px;
	text-indent:100%;
	line-height:19px;
	overflow:hidden;
	background:url(../img/tg_icon.png) no-repeat;
}

#header_navi a {
  color: #ffffff;
	text-decoration:none;
}

#header_navi a:hover {
	text-decoration:underline;
}

#header_category {
	background:#86BB1E;
	color: #fff;
  float:right;
  margin-top: 5px;
  margin-right:12px;
  vertical-align: bottom;
  min-width:280px;
  text-align:right;
}

#header_category .t {
	background:#009900;
	color: #fff;
  float:left;
  margin: 0px;
  text-align:center;
  width:50px;
}

#header_category .c {
  padding: 0 10px;
}

#header_navi { padding-top:2px; }
#header_navi h1{ float:left; }
#header_breadcrumbs { float:left; margin-left:15px; }
#header_breadcrumbs li{ float:left; list-style:none; margin-right:7px; }
#header_breadcrumbs li a{ margin-right:5px; }

#header_img img{
	display:block;
	margin:0px auto;
}


/* ●コンテンツ・ボックス
==================================================*/

#contents {
  width:960px;
  margin: 0px auto 0px auto;
}


/* ●メインボックス
==================================================*/

#main_box {
  width: 960px;
  margin: 0px auto 0px auto;
  text-align:left;
}

#abstract {
  margin: 28px 0px 0px 0px;
  padding: 3px 0px 10px 0px;
  height: 100％;
  color:#4d4d4d;
}


#abstract #logo{
  margin-right: 30px;
  max-width:190px;
  float:left;
}

#abstract #c_name_box {
  width: 445px;
  padding: 0px 5px 0px 0px;
}

#abstract #c_name_box #rubi {
  font-size:90%;
  color:#024C28;
}

#abstract #c_name_box h2#c_name {
  font-size:190%;
  color:#026328;
}

#abstract #c_name_box ul#icon_box {
  padding-top:3px;
  overflow:hidden;
  margin-bottom:5px;
}

#abstract #c_name_box ul#icon_box li{
	margin-right:5px;
	margin-bottom:5px;
	float:left;
	list-style:none;
	background:#36C;
	color:#FFF;
	border-radius:3px;
	padding:1px 5px;
	font-size:11px;
}

#abstract #c_name_box ul#icon_box .c1{ background:#9474B7; }
#abstract #c_name_box ul#icon_box .c2{ background:#EC67B6; }
#abstract #c_name_box ul#icon_box .c3{ background:#F29019; }
#abstract #c_name_box ul#icon_box .c4{ background:#0044A4; }
#abstract #c_name_box ul#icon_box .c5{ background:#53B426; }
#abstract #c_name_box ul#icon_box .c6{ background:#336FC2; }
#abstract #c_name_box ul#icon_box .c7{ background:#037436; }
#abstract #c_name_box ul#icon_box .c8{ background:#8F4A1E; }
#abstract #c_name_box ul#icon_box .c9{ background:#F46444; }
#abstract #c_name_box ul#icon_box .c10{ background:#065F72; }
#abstract #c_name_box ul#icon_box .c11{ background:#801180; }

#abstract #c_name_box table#addres {
  float:left;
  color:#024C28;
}

#abstract #c_name_box table#addres td{
  padding-right:5px;
  vertical-align: top;
}

#abstract #information{
  float:right;
  width: 290px;
}

#abstract #information img{
  margin-right:7px;
  vertical-align:middle;
}

#abstract #information #qr_code img{
  float:right;
  margin-right:0;
}

#abstract #information li{
	list-style:none;
	line-height:32px;
}

#abstract #information li.tel{
  font-size:22px;
  font-weight:bold;
  background:url(../img/tel_m.gif) no-repeat 0px 2px;
  padding-left:35px;
  color:#024C28;
}

#abstract #information li.fax{
  font-size:22px;
  font-weight:bold;
  background:url(../img/fax_m.gif) no-repeat 0px 0px;
  padding-left:35px;
  color:#024C28;
}

#abstract #information li.mail{
  font-size:17px;
  background:url(../img/mail_m.gif) no-repeat left bottom;
  padding-left:37px;
  color:#024C28;
  white-space: nowrap;
  clear:both;
}

#abstract #information li.url{
  font-size:17px;
  background:url(../img/url_m.gif) no-repeat left bottom;
  padding-left:37px;
  color:#024C28;
  white-space: nowrap;
  clear:both;
	overflow: hidden;
	text-overflow: ellipsis;
}

#abstract #information .mail a,
#abstract #information .url a{
  color:#024C28;
}

#abstract #information .mail a:hover,
#abstract #information .url a:hover{
	text-decoration:underline;	
}


#abstract #c_menu_bar {
  width: 960px;
  height: 28px;
  margin-top: 25px;
  background:url(../img/menu_line.gif) top left no-repeat;
  overflow:hidden;
}


#abstract #c_menu_bar li {
	float:left;
	background:url(../img/menu_line.gif) top right no-repeat;
	list-style:none;
	text-align:center;
}

#abstract #c_menu_bar li a{
	font-weight: bold;
	display:block;
	color:#024C28;
	padding:0px;
	height: 25px;
	line-height:25px;
	margin:0 5px;
	border-bottom:solid 3px #FFFFFF;
}

#abstract #c_menu_bar li a.now{
  border-bottom:solid 3px #86BB1E;
}

#abstract #c_menu_bar li a:hover{
  border-bottom:solid 3px #86BB1E;
}



/* ●お知らせ
==================================================*/

#notice_box {
  width:950px;
  min-height:50px;
  padding:0;
  margin: 0px 0px 10px 0px;
  background-color:#DCE8B3;
  background-image:url(../img/notice_back.gif);
  border-left:solid 10px #86BB1E;
}

#notice_box #title{
  width:140px;
  margin: 0px 0px 0px 0px;
  padding-top:20px;
  text-align:center;
  float:left;
  font-weight:bolder;
  color:#026328;
}

#notice_box #n_contents{
  width:780px;
  margin: 0px 0px 0px 0px;
  padding:20px 15px 15px 15px;
  background-color:#EDFFE6;
  float:right;
}

#notice_box #n_contents dt{
	height:19px;
	margin-bottom:5px;
}

#notice_box #n_contents dd{
	margin-top:-24px;
	margin-left:90px;
	margin-bottom:5px;
}

#notice_box #n_contents a{
  color:#4D4D4D;
  text-decoration:underline;
}

#notice_box #n_contents a:hover{
  text-decoration:none;
}

#seelist{
  width:930px;
  text-align:right;
  margin-bottom:40px;
}

#seelist a{
  color:#4D4D4D;
}

#seelist #arrow{
  background:#86BB1E url(../img/arrow_m.png) center center no-repeat;
  width:20px;
  height:15px;
  float:right;
}



/* ●トップコンテンツ
==================================================*/

div.detail_description .top_box{
  background: #fff;
  width: 900px;
  margin: 0px auto 25px auto;
  overflow:hidden;
}

div.detail_description .top_box .photo_box{
  background:#dce8b3 url(../img/photo_back.gif);
  margin-bottom:20px;
}

div.detail_description .top_box .text_box{
  /*margin-bottom:20px;*/
}

div.detail_description .top_box .full{
	clear:both;
}

div.detail_description .top_box .full img{
	margin:0px auto;
	display:block;
	max-width:900px;
}

div.detail_description .top_box .half img{
	margin:0px auto;
	display:block;
	max-width:440px;
}

div.detail_description .top_box .half{
  width: 440px;
}

/* ●お問い合わせ
==================================================*/
#contact_box {
  width:650px;
  margin: 0px auto;
}

#contact_box #catch {
  font-weight:bold;
  font-size:150%;
  padding-bottom:10px;
  color:#371E19;
}

#contact_box #cont {
  line-height:250%;
}

#contact_box .red {
  color:#FF0000;
}

#contact_box table {
  border-collapse:collapse;
  border:solid 1px #CCCCCC;
  color: #333333;
}

#contact_box table tr td.title {
  background-color: #f0e8e4;
  text-align: left;
  vertical-align:top;
  width: 125px;
  padding: 15px;
  border:solid 1px #CCCCCC;
}

#contact_box table tr td.content {
  /*background-color: #F2EDDE;*/
  text-align: left;
  vertical-align:top;
  padding: 15px;
  width: 465px;
  border:solid 1px #CCCCCC;
}

#contact_box table tr td.content .note{
	font-size:90%;
}

#contact_box table tr td.content .input_l {
   width: 390px;
}

#contact_box table tr td.content .input_s {
   width: 205px;
}

#contact_box table tr td.content .textarea {
  width: 390px;
  height:220px;
  margin-bottom:10px;
}

#contact_box #transmission{
   width: 650px;
   margin:50px 0 55px 0;
   text-align:center;
}

#contact_box #transmission #submit{
	width:210px;
	height:31px;
	border-style:none;
	background:url(../img/submit_01.gif) no-repeat;
}

/* ●ブログ
==================================================*/
#blog_main_box {
  width:605px;
  margin: -25px 0 105px 25px;
  float:left;
}

#blog_main_box .update{
  font-size:100%;
  color:#026328;
}

#blog_main_box .posts_t{
  font-size:150%;
  margin: 15px 0 15px 0;
  padding-left:8px;
  border-left-style:solid;
  border-left-width:8px;
  line-height:100%;
  font-weight:bold;
  border-left-color:#86BB1E;
}

#blog_main_box .posts_c{
  margin:0 0 35px 35px;
  width:570px;
  line-height:200%;
  font-size:110%;
}

#blog_main_box .posts_c img{
	display:block;
	max-width:570px;
	margin:35px auto;
}

#blog_main_box .category{
  margin:0 0 50px 0;
  padding-bottom:15px;
  text-align:right;
  border-bottom:#CCCCCC dotted;
}

#blog_sidebar {
  width:210px;
  margin: -25px 25px 0 0;
  float:right;
}

#blog_sidebar .title{
  font-size:110%;
  margin-bottom:18px;
  padding:5px 0 5px 6px;
  border-left-style:solid;
  border-left-width:6px;
  background-color:#F5EDE0;
  border-left-color:#86BB1E;
  color:#026328;
}

#blog_sidebar .search{
  margin:18px 0 20px 0;
}

#blog_sidebar .search #s_text_area {
  width:159px;
  height:21px;
  background:url(../img/blog_search_box.gif) no-repeat top center;
  border:none;
  margin:0;
  padding-left:10px;
}

#blog_sidebar .search #s_button {
  width:41px;
  height:21px;
  background:url(../img/blog_search_button.gif) no-repeat top center;
  border:none;
  float:right;
  margin:0;
  text-indent:41px;
  line-height:21px;
  overflow:hidden;
}

#blog_sidebar .content{
  margin:18px 0 20px 15px;
  line-height:200%;
}

#blog_sidebar .content a{
  color:#333333;
  text-decoration:none;
}

#blog_sidebar .content a:hover{
  text-decoration:underline;
}




/* ●ボーター
==================================================*/
div.border_s{
  margin-top:15px;
  margin-bottom:30px;
  background:#026328 url(../img/border_m.png);
  height:13px;
  clear:both;
}



/* ●その他の情報
==================================================*/

.o_info {
  width:960px;
  /*margin-bottom:50px;*/
  overflow:hidden;
}

.o_info .s_t_bar{
  width:960px;
  background: #fff;
  border-bottom:solid 4px #026328;
  margin-bottom:40px;
}

.o_info .s_t_bar .s_title{
  width:170px;
  background-color: #026328;
  text-align:center;
  padding:3px 0;
  color:#FFF;
  font-size:120%;
}

#blog.o_info .s_t_bar .s_title{
	width: auto;
	display: inline-block;
	padding: 4px 15px 0px 15px;
}


/* ●クーポン券
==================================================*/

#coupon_box {
  width:900;
  background-color: #ffffff;
  margin: 0px 30px 50px 30px;
}

#coupon_box div.coupon-section {
  width: 720px;
  padding:7px 90px;
  background:url(../img/photo_back.gif) #D2D2D2;
  margin-bottom:10px;
}

#coupon_box table.client-detail-coupon {
  background-color:#FFFFFF;
  border-color: #999999;
  border-style: solid;
  border-width: 1px;
  border-collapse: separate;
  color:#4D4D4D;
  width: 100%;
}

#coupon_box td {
  padding: 5px 5px 5px 10px;
}
#coupon_box td.coupon-shop-name {
  background-color: #f0e8e4;
  font-weight: bold;
  font-size:120%;
  border-right:8px solid #dc0018;
  border-left:8px solid #dc0018;
}

#coupon_box td.coupon-discount {
  background:url(../img/coupon_b.gif) bottom repeat-x;
  font-weight: bold;
  font-size:120%;
  color:#dc0018;
  width: 65%;
  border-left:8px solid #dc0018;
}

#coupon_box td.coupon-period {
  background:url(../img/coupon_b.gif) bottom repeat-x;
  font-weight: bold;
  font-size:120%;
  color:#dc0018;
  border-right:8px solid #dc0018;
}

#coupon_box td.coupon-condition {
  border-right:8px solid #dc0018;
  border-left:8px solid #dc0018;
}

#coupon_box p#coupon-note {
  margin: 20px 90px 0 90px;
  color:#4D4D4D;
}

#coupon_box p#coupon-note a#coupon_link {
  color:#3366FF;
  font-size:15px;
  text-decoration:underline;
  /*text-decoration: none;*/
}

#coupon_box p#coupon-note a#coupon_link:hover {
  text-decoration: none;
}


/* ●詳細情報
==================================================*/

#detail_information {
  background-color: #ffffff;
  width: 900px;
  overflow:hidden;
  margin: 0px auto 20px auto;
}

table#client-detail-table {
  border-collapse:collapse;
  border:solid 1px #CCCCCC;
  color: #333333;
}

table#client-detail-table a{
  color:#4D4D4D;
}

table#client-detail-table a:hover{
  text-decoration: underline;
}

table#client-detail-table tr td.client-detail-td-title {
  background-color: #f0e8e4;
  text-align: left;
  vertical-align:top;
  width: 110px;
  padding: 10px 0px 10px 20px;
  border:solid 1px #CCCCCC;
}

table#client-detail-table tr td.client-detail-td-content {
  /*background-color: #F2EDDE;*/
  text-align: left;
  vertical-align:top;
  padding: 10px 10px 10px 20px;
  width: 310px;
  border:solid 1px #CCCCCC;
}


/* ●診療情報
==================================================*/

div.scheduleImage{
	text-align:center;
	margin-bottom:20px;
}

table.schedules {
	border-collapse:collapse;
	margin-bottom:10px;
}

table.schedules th{
	background:#f0e8e4;
	text-align:center;
	padding:10px 0px;
	border:solid 1px #CCCCCC;
	font-weight:normal;
}

table.schedules th.title{
	min-width:120px;
}

table.schedules td{
	text-align:center;
	padding:10px 0px;
	border:solid 1px #CCCCCC;
	min-width:93px;
}

div.scheduleNote{
	margin-bottom:10px;
}


/* ●フッター
==================================================*/

#footer {
  width:100%;
  margin: 60px auto 0px auto;
  padding:0;
  text-align:center;
  overflow:hidden;
}

#footer #m_label{
  width:960px;
  margin: 0px auto 0px auto;
}

#footer #m_label #m_label2{
  width:210px;
  text-align:center;
  padding:3px 0;
  margin:0 100px 0 650px;
  color:#FFFFFF;
  font-size:120%;
  background-color:#026328;
}

#footer #shop_map {
  width: 100%;
  margin: 0;
  border-top:4px solid #026328;
  border-bottom:65px solid #026328;
  background:#CCC url(../img/photo_back.gif); 
}

#footer #gmap {
  width: 960px;
  height:300px;
  margin: 0 auto;
}

#copyright {
  width: 100%;
  margin: 0;
  padding:5px 0;
  text-align:center;
  color:#FFFFFF;
  background-color:#024C28;
}

#copyright a{
	color:#FFF;
	text-decoration:underline;
}

#copyright a:hover{
	text-decoration:none;
}


/* ●
==================================================*/

.pageTop{
  background:none;
  opacity:0.8;
  filter:alpha(opacity=80);
  -ms-filter: “alpha( opacity=80 )”;
  position:fixed;
  bottom:30px;
  right:30px;
  background:url(../img/gototop.png) no-repeat;
  display:block;
  width:46px;
  height:46px;
  line-height:46px;
  text-indent:46px;
  overflow:hidden;
}
	
.pageTop:hover{
  opacity:0.6;
  filter:alpha(opacity=60);
  -ms-filter: “alpha( opacity=60 )”;
	}


#pageError { text-align:center; }
#pageError h2{ font-size:15px; line-height:30px; margin-bottom:30px; }
#pageError p.text1{ margin-bottom:30px; }
#pageError ul { margin-bottom:30px; }
#pageError ul li{ list-style:none; line-height:20px; }


/* ●音声ガイド
==================================================*/
.voice-guide{
	margin:20px auto;
	width:960px;
	display:flex;
	justify-content:space-between;
}
.voice-01{
	margin:0 auto;
	width: 220px;
	height: 60px;
	background: url(../img/voice-guide.png);
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}

.voice-02{
	margin:0 auto;
	text-decoration: none;
	border-top: 1px solid #4477AA;
	border-left: 1px solid #4477AA;
	border-right: 1px solid #224477;
	border-bottom: 1px solid #224477;
	padding: 30px 10px;
	display: block;
	width: 200px;
	text-align: center;
	color: #333;
	background-image:-webkit-linear-gradient(#224477,#336699);
	background-image:linear-gradient(#224477,#336699);
	color: #fff;
	box-shadow: 0 6px 2px 1px #999999;
	position: relative;
	top: 0;
	border-radius: 6px;
}
.voice-02:hover{
	border-color: #0e6b99;
	box-shadow: none;
	top: 6px;
}
.voice-02 a{
	color:#FFFFFF;
	font-size:150%;
	display: block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	padding-top:16px;
}


/* ●音声ガイド（見出しヨコ）
==================================================*/
.voice-subtitle{
	margin:0 auto;
	display:flex;
	justify-content:space-between;
}
.voice-02h{
	margin:0 auto;
	text-decoration: none;
	border-top: 1px solid #4477AA;
	border-left: 1px solid #4477AA;
	border-right: 1px solid #224477;
	border-bottom: 1px solid #224477;
	padding: 0 10px;
	display: inline-block;
	min-width: 220px;
	height:30px;
	text-align: center;
	color: #333;
	background-image:-webkit-linear-gradient(#224477,#336699);
	background-image:linear-gradient(#224477,#336699);
	color: #fff;
	box-shadow: 0 6px 2px 1px #999999;
	position: relative;
	top: 0;
	border-radius: 6px;
}
.voice-02h:hover{
	border-color: #0e6b99;
	box-shadow: none;
	top: 6px;
}
.voice-02h a{
	color:#FFFFFF;
	font-size:130%;
	display: block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	padding-top:2px;
}