@charset "utf-8";

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

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

/* -----------------------------------------------------------
　●
----------------------------------------------------------- */

/* :::::::::: ● :::::::::: */


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

   基本
   
======================================================================= */

/* -----------------------------------------------------------
　色
----------------------------------------------------------- */
/*
メインカラー:#00000
サブカラー:#00000
アクセントカラー:#00000
アクセントカラー:#00000
*/

/* -----------------------------------------------------------
　見出し
----------------------------------------------------------- */

h1{}
h2{
	margin: 0 auto;
	width: 1000px;
}
.h2bg{
	background-image:url(../images/mainimg-bg.png);
	border-top:1px solid #cce7df;
	border-bottom:1px solid #cce7df;
}
h3{
	margin:0 auto 20px;
	padding: 10px 0 20px 0;
	background:url(../images/title_bg.png) right bottom no-repeat;
	color: #1ead86;
	font-size: 150%;
}
h4{
	border-top: 2px solid #f4b252;
	border-bottom: 2px solid #f4b252;
	border-radius: 2px;
	border-left:15px solid #f6be6d;
	border-right:15px solid #f6be6d;
	padding: 10px;
	font-size: 120%;
	color: #b16d0a;
	margin: 0 0 10px;
}


.h4box{ margin:0 auto 30px;}
.h4box:lash-child{ margin:0;}
h5{}
.h5box{ margin:0 15px 30px;}
.h5box:lash-child{ margin:0;}
h6{}
.h6box{ margin:0 auto 30px;}
.h6box:lash-child{ margin:0;}

/* -----------------------------------------------------------
　リスト
----------------------------------------------------------- */
ol{
	margin:0 0 0 30px;
	padding:0;
}
ol li{
	margin:10px 0;
	padding:0;
}

ul{
	margin:0 0 0 30px;
	padding:0;
}
ul li{
	margin:10px 0;
	padding:0;
}

dl{}
dl dt{}
dl dd{}

/* :::::::::: テーブル :::::::::: */

table{}

table tr th,
table tr td{}

table tr th{}

table tr td{}


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

   全体
   
======================================================================= */

body{
	font-family:Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size:16px;
	color:#717171;
	line-height: 120%;
	letter-spacing: 0.05em;
	background-color: #f3f3f3;
}

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

img {
	border: none;
	margin: 0px;
}

p{ margin:0 0 15px;}
p:last-child{margin:0;}

.box{
	margin:0 auto 30px;
}

.fontB{font-weight:bold;}


/* -----------------------------------------------------------
　ラッパー
----------------------------------------------------------- */

#wrapper {
	margin:0 auto;
	padding:0;
	text-align:left;
}


/* -----------------------------------------------------------
　ヘッダ
----------------------------------------------------------- */
.header-area{
		background-color: #ffffff;
}
#header{
	width: 1000px;
	margin: 0 auto;
}

#header h1{
	color: #808080;
	font-size: 75%;
	font-weight: normal;
	margin: 0;
	text-align: right;
	padding: 5px 0;
}

#header #logo-add{
}

#header #logo-add .logo{
	width: 554px;
	float: left;
}

#header #logo-add .add{
	width: 340px;
	float: right;
}

/* :::::::::: cookie+CSS切り替え :::::::::: */

#header #font-buttons{}

/* :::::::::: メインナビ :::::::::: */

ul#main_nav{
	margin:30px auto 0;
	padding:0;
	width: 1000px;
	height: 50px;
}

ul#main_nav li{
	float:left;
	list-style:none;
	margin:0;
	padding:0;
}

ul#main_nav li a{
	background-image:url(../images/navi_bg.png);
	line-height: 50px;
	display: block;
	text-indent: -9999px;
}

ul#main_nav li.nav01{ width:200px; height:50px;}
ul#main_nav li.nav02{	width:200px; height:50px;}
ul#main_nav li.nav03{	width:200px; height:50px;}
ul#main_nav li.nav04{	width:200px; height:50px;}
ul#main_nav li.nav05{	width:200px; height:50px;}

ul#main_nav li.nav01 a{ background-position: 0 0;}
ul#main_nav li.nav02 a{ background-position: -200px 0px;}
ul#main_nav li.nav03 a{ background-position: -400px 0px;}
ul#main_nav li.nav04 a{ background-position: -600px 0px;}
ul#main_nav li.nav05 a{ background-position: -800px 0px;}

ul#main_nav li.nav01 a:hover{ background-position: 0 -50px;}
ul#main_nav li.nav02 a:hover{ background-position: -200px -50px;}
ul#main_nav li.nav03 a:hover{ background-position: -400px -50px;}
ul#main_nav li.nav04 a:hover{ background-position: -600px -50px;}
ul#main_nav li.nav05 a:hover{ background-position: -800px -50px;}


/* :::::::::: キービジュアル :::::::::: */

#key_visual{}


/* -----------------------------------------------------------
　コンテンツラッパー
----------------------------------------------------------- */

#contents_wrapper{
	width: 1000px;
	margin: 0 auto;
	padding: 20px 0 0;
}

/* :::::::::: パンくずリスト :::::::::: */

ol.bredcrumbs{}

ol.bredcrumbs li{
	display:inline;
	list-style-type:none;
}

ol.bredcrumbs li:after{
	content:" >> ";
}

ol.bredcrumbs li:last-child:after{
	content:"";
}

/* -----------------------------------------------------------
　メインコンテンツ
----------------------------------------------------------- */

#main_contents{
	width:718px;
	float:right;
	background-color:#ffffff;
	padding: 20px 20px 0;
	margin: 0 auto 70px;
}

/* :::::::::: お知らせ欄 :::::::::: */

#information{
	height: 190px;
	/*overflow-y: scroll;*/

	margin: 0 0
]30px;
	margin: 0 0 30px;
}
#information dl{}
#information dt{ color:#dd9122;}
#information dd{ padding-bottom:20px;}

/* :::::::::: 医院概要 :::::::::: */

#clinic_info{}

#infobox{
	font-size:90%;
}

#infobox .info{
	width:380px;
	float:left;
}

#infobox .info .title{
	background-color:#00a7e3;
	padding:3px 12px;
	color:#ffffff;
	display:inline-block;
	margin:0 0 5px;
	border-radius:5px;
}

#infobox .map{
	width:300px;
	float:right;
}

.Chour_table table{
   border: 1px solid #848484;
   border-collapse:collapse;
   margin:0 0 5px;
}
.Chour_table td{
	border:1px solid #848484;
	text-align:center;
	line-height:110%;
}
.Chour_table th{
	border:1px solid #848484;
	background-color:#725377;
	color:#ffffff;
	font-weight: normal;
	text-align: center;
}
.Chour_table .Chour_time{
	background-color:#f2edf8;
	color:#56395b;
	line-height: 120%;
	padding: 5px;
	text-align: center;
}

.Cguide_table table{
	border-collapse:collapse;
	margin:0 0 20px;
}
.Cguide_table td{
	letter-spacing:0.1em;
	padding:15px 0 5px 5px;
	line-height:110%;
	border-bottom: 1px dotted #e2aa3f;
}
.Cguide_table th{
	font-weight:normal;
	color:#ffffff;
	text-align:center;
	padding: 10px 0 0 5px;
}

.Cguide_table .box-bg{
	background-color:#e2aa3f;
	padding: 5px 0;
}

#map_canvas{
	width:100%;
	height:370px;
}

#map_canvas2{
	width:100%;
	height:385px;
}

/* -----------------------------------------------------------
　サブコンテンツ
----------------------------------------------------------- */

#sub_contents{
	width:223px;
	float:left;
}

/* :::::::::: サブナビ :::::::::: */

ul#sub_nav1{
	padding:0;
	margin:0 auto 30px;
	width: 223px;
	height: 312px;
}

#sub_nav1 li{
	margin:0 auto;
	padding:0;
	list-style:none;
	width:223px;
	height:78px;
}

ul#sub_nav1 li a{
	background-image:url(../images/menu_img1.png);
	background-repeat:no-repeat;
	line-height: 77px;
	display: block;
	text-indent: -9999px;
}

ul#sub_nav1 li.nav01 a{background-position: 0 0;}
ul#sub_nav1 li.nav02 a{background-position: 0 -77px;}
ul#sub_nav1 li.nav03 a{background-position: 0 -154px;}
ul#sub_nav1 li.nav04 a{background-position: 0 -231px;}

ul#sub_nav1 li.nav01 a:hover{background-position: -223px 0;}
ul#sub_nav1 li.nav02 a:hover{background-position: -223px -77px;}
ul#sub_nav1 li.nav03 a:hover{background-position: -223px -154px;}
ul#sub_nav1 li.nav04 a:hover{background-position: -223px -231px;}



ul#sub_nav2{
	padding:0;
	margin:0 auto 20px;
	width: 223px;
}

#sub_nav2 li{
	margin:0 auto;
	padding:0;
	list-style:none;
	width:223px;
	height:77px;
}

ul#sub_nav2 li a{
	background-image:url(../images/menu_img2.png);
	background-repeat:no-repeat;
	line-height: 78px;
	display: block;
	text-indent: -9999px;
}

ul#sub_nav2 li.nav01 a{background-position: 0 0;}
ul#sub_nav2 li.nav02 a{background-position: 0 -77px;}
ul#sub_nav2 li.nav03 a{background-position: 0 -154px;}

ul#sub_nav2 li.nav01 a:hover{background-position: -223px 0;}
ul#sub_nav2 li.nav02 a:hover{background-position: -223px -77px;}
ul#sub_nav2 li.nav03 a:hover{background-position: -223px -154px;}

/* -----------------------------------------------------------
　フッタ
----------------------------------------------------------- */
#footer{
	margin:0 auto;
	padding:20px 0 0;
	width:100%;
	clear:both;
	background-color:#d3efe7;
	background-image:url(../images/footer-bg.png);
	background-repeat:repeat-x;
	position: relative;
	overflow: hidden;
	color:#878787;
}

.footer-logo{
	width:223px;
	text-align:right;
	float: left;
}

.footer-area{
	width:1000px;
	margin:0 auto;
}

/* :::::::::: フッターナビ :::::::::: */

#footer_nav{
	width:758px;
	float:right;
	margin: 15px 0 0;
}

#footer_nav ul{
}

#footer_nav li{
	float:left;
	list-style:none;
	font-size:80%;
	margin:0 15px 5px 0;
}


.copyright{
	text-align: center;
	font-size: 70%;
	margin: 0;
	background-color: #56c1a4;
	color: #ffffff;
	padding: 3px 0;
}

.copyright a:link { color: #ffffff; text-decoration: underline; }
.copyright a:visited { color:#ffffff; text-decoration: underline; }
.copyright a:hover { color: #ffffff; text-decoration: underline; }
.copyright a:active { color:#ffffff; text-decoration: underline; }



/* :::::::::: clinic :::::::::: */
.itemtitle{
	padding:10px;
	margin:0 0 15px;
	background-color:#ffd998;
	font-size: 120%;
	color: #cf6118;
	font-weight: bold;
}

/* :::::::::: fix banner :::::::::: */
.btn_line{
	width: 70px;
	position: fixed;
	right: 0;
	bottom: 50%;
}
.btn_line img{
	max-width: 100%;
	height: auto;
}