@charset "utf-8";

/* =======================================================================

   ●
   
======================================================================= */

/* -----------------------------------------------------------
　●
----------------------------------------------------------- */

/* :::::::::: ● :::::::::: */


/* =======================================================================

   基本
   
======================================================================= */

/* -----------------------------------------------------------
　色
----------------------------------------------------------- */
/*
メインカラー:#00000
サブカラー:#00000
アクセントカラー:#00000
アクセントカラー:#00000
*/

/* -----------------------------------------------------------
　見出し
----------------------------------------------------------- */

h1{/* h1cssヘッダー内に有り */}


h2 {}

h3{
	margin-bottom: 20px;
	background-image: url(../images/title.png);
	background-repeat: no-repeat;
	height: 50px;
	width: 760px;
	font-size: 20px;
	font-weight: normal;
	padding-top: 15px;
	padding-left: 20px;
}
h4{
	margin-right: 20px;
	margin-left: 20px;
	font-size: 18px;
	font-weight: normal;
	color: #09164A;
	margin-bottom: 10px;
}
h5{}
h6{}
h7{}

/* -----------------------------------------------------------
　リスト
----------------------------------------------------------- */
ol{}
ol li{}

ul{}
ul li{}

dl{}
dl dt{}
dl dd{}

/* :::::::::: テーブル :::::::::: */

table{}

table tr th,
table tr td{
	border:1px solid #ccc;
	padding:10px;
}

table tr th{}

table tr td{}


/* =======================================================================

   全体
   
======================================================================= */

body{
	font-family: Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background-image: url(../images/bg.png);
	background-repeat: repeat-x;
	text-align: center;
}

/* -----------------------------------------------------------
　ラッパー
----------------------------------------------------------- */

#wrapper {
	padding: 0;
	width: 1020px;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

/* -----------------------------------------------------------
　ヘッダ
----------------------------------------------------------- */

#header{
	margin-bottom: 20px;
}

#header h1 {
	font-weight:normal;
	font-size:10px;
	text-align: right;
	width: 1020px;
	line-height:30px;
	height:30px;
}





#header #right  #telephones{
	margin: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: right;
}
#header #right #online {
	padding-top: 2px;
}

/* :::::::::: メインナビ :::::::::: */

ul#main_nav{
height: 50px;
}

ul#main_nav li{
float: left;
margin: 0px;
padding: 0px;
height: 50px;
width: 204px;
}

ul#main_nav li a{}

/* :::::::::: キービジュアル :::::::::: */

#key_visual{
/*width:660px;*/
width: 100%;
height:400px;
/*float:left;*/
margin:0 0 20px 0;
background-image:url(../images/key_visual01_bg.png);
background-position:center;
border:solid 6px #dad6d5;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius: 6px;
}

#key_visual h2{
margin:0;
padding:0;
}

#key_right {
	float: right;
	width: 340px;
	margin:0;
	padding:0;
	height: auto;
}

#logo {
	margin: 0px;
	padding: 0px;
}


/* :::::::::: お知らせ欄 :::::::::: */

#information{
/*width:340px;*/
/*height:310px;*/
height:auto;
overflow:auto;
/*padding:20px 0;*/
/*border:solid 6px #dad6d5;*/
/*-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;*/
/*-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius: 6px;*/
}

#information dt{
	color:#705548;
	font-size:18px;
}

#information dl dt::before {
    display: inline-block;
    content: '▶';
    font-size: 0.9em;
}	

#information dt.active::before {
    content: "▼";
}

/* -----------------------------------------------------------
　コンテンツラッパー
----------------------------------------------------------- */

#contents_wrapper{
	height: 20px;
}

/* :::::::::: パンくずリスト :::::::::: */

ol.bredcrumbs{
	height: 20px;
	margin-bottom: 10px;
}

ol.bredcrumbs li{
	display:inline;
	list-style-type:none;
}

ol.bredcrumbs li:after{
	content:" >> ";
}

ol.bredcrumbs li:last-child:after{
	content:"";
}

/* -----------------------------------------------------------
　メインコンテンツ
----------------------------------------------------------- */

#main_contents{
	width: 760px;
	float: right;
	margin-bottom: 40px;
}
#main_contents .box {
	width: 760px;
	height: auto;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#main_contents .box p {
	margin-right: 20px;
	margin-left: 20px;
	margin-bottom: 20px;
}
#sub_contents .bottom20 {
	margin-bottom: 20px;
}


#main_contents  #clinic_info{
	width: 760px;
	height: auto;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#main_contents #clinic_info #map {
	margin: 0px;
	padding: 0px;
	float: right;
	border-radius: 8px;
	height: 305px;
	width: 330px;
}
#main_contents #clinic_info #telnumber {
	font-size: 18px;
}
#main_contents #clinic_info #clinicname {
	font-size: 18px;
	margin-bottom: 10px;
	margin-right: 20px;
	margin-left: 20px;
}
#main_contents #clinic_info p {
	line-height: 24px;
	margin-bottom: 10px;
	margin-right: 20px;
	margin-left: 20px;
}
#main_contents #clinic_info #timetable {
	padding: 0px;
	vertical-align: middle;
	font-size: 14px;
	width: 370px;
	height: 80px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 20px;
	background-color: #FFF;
	border-collapse: collapse;
}
#main_contents #clinic_info #timetable tr {
	margin: 0px;
	padding: 0px;
}
#main_contents #clinic_info #timetable tr td {
	margin: 0px;
	padding: 0px;
	text-align: center;
	border: 1px solid #ddd7ca;
	font-weight: bold;
	vertical-align: middle;
	height: 30px;
	line-height: 30px;
	color: #705548;
}
#main_contents #clinic_info #timetable tr th {
	0margin: 0px;
	padding: 0px;
	background-color: #705548;
	text-align: center;
	color: #FFF;
	border: 1px solid #ddd7ca;
	font-weight: normal;
	vertical-align: middle;
	height: 30px;
	line-height: 30px;
}
#main_contents #clinic_info #timetable tr #sun {
	width: 50px;
}

#main_contents #clinic_info #timetable tr .head {
	width: 100px;
	height: 30px;
	margin: 0px;
	background-color: #705548;
	text-align: center;
	border: 1px solid #ddd7ca;
	padding: 0px;
	color: #FFF;
}
#main_contents #clinic_info #timetable tr .time {
	width: 110px;
	height: 30px;
	margin: 0px;
	text-align: right;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 9px;
	border: 1px solid #ddd7ca;
	font-weight: bold;
	background-color: #efebe8;
}
#main_contents #clinic_info #timetable tr .orange {
	color: #F90;
	font-weight: normal;
}

#main_contents #clinic_info p .orange {
	color: #F90;
}
#main_contents #clinic_info .summary2 {
	width: 410px;
	height: 60px;
}
#main_contents #clinic_info .summary2 .point {
	background-color: #705548;
	color: #FFF;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
	border-radius: 6px;
	font-size: 12px;
	height: 50px;
	line-height: 50px;
	vertical-align: middle;
	width: 50px;
	text-align: center;
	float: left;
	margin-right: 10px;
}
#main_contents #clinic_info .summary2 p {
	line-height: 20px;
	padding-top: 5px;
}

#main_contents #clinic_info .summary {
	width: 410px;
	height: 35px;
}
#main_contents #clinic_info .summary .point {
	background-color: #705548;
	color: #FFF;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
	border-radius: 6px;
	font-size: 12px;
	height: 24px;
	line-height: 24px;
	vertical-align: middle;
	width: 50px;
	text-align: center;
	float: left;
	margin-right: 10px;
}
#main_contents #clinic_info .summary .point2 {
	background-color: #cc7c59;
	color: #FFF;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
	border-radius: 6px;
	font-size: 12px;
	height: 24px;
	line-height: 24px;
	vertical-align: middle;
	width: 50px;
	text-align: center;
	float: left;
	margin-right: 10px;
}
#main_contents #clinic_info .summary p {
	line-height: 24px;
}
#main_contents #clinic_info .summary .text18 {
	font-size: 18px;
}
#map_canvas {
	width: 330px;
	height: 380px;
	float: right;
	margin-right: 20px;
	border-radius: 8px;
}

/* -----------------------------------------------------------
　サブコンテンツ
----------------------------------------------------------- */

#sub_contents{
	width: 240px;
	float: left;
}

/* :::::::::: サブナビ :::::::::: */

ul#sub_nav{
	padding-top: 10px;
	text-align: center;
	background-image: url(../images/sub_nav.png);
	background-repeat: no-repeat;
	padding-bottom: 20px;
}

#sub_nav li{
	margin-bottom: 10px;
}

ul#sub_nav li a{}

ul#sub_nav li.nav01{}
ul#sub_nav li.nav02{}
ul#sub_nav li.nav03{}
ul#sub_nav li.nav04{}
ul#sub_nav li.nav05{}

ul#sub_nav li.nav01 a{}
ul#sub_nav li.nav02 a{}
ul#sub_nav li.nav03 a{}
ul#sub_nav li.nav04 a{}
ul#sub_nav li.nav05 a{}

ul#sub_nav li.nav01 a:hover{}
ul#sub_nav li.nav02 a:hover{}
ul#sub_nav li.nav03 a:hover{}
ul#sub_nav li.nav04 a:hover{}
ul#sub_nav li.nav05 a:hover{}
#main_contents #topics {
	margin-bottom: 40px;
}
#main_contents #topics #topic1 {
	padding: 0px;
	float: left;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 0px;
}
#main_contents #topics #topic2 {
	padding: 0px;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}

#footer_area {
	height: auto;
	width: 100%;
	float: left;
	text-align: center;
	padding-bottom: 30px;
	padding-top: 20px;
	background-image: url(../images/footer.gif);
	background-repeat: repeat-x;
}



/* -----------------------------------------------------------
　フッタ
----------------------------------------------------------- */

#footer{
	width: 1020px;
	clear: both;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 20px;
	height: auto;
	padding-bottom: 20px;
}
#footer .smoothScrolls {
	text-align: right;
	width: 1020px;
	margin-bottom: 10px;
}
#footer .smoothScrolls a {
	font-size: 14px;
}


/* :::::::::: フッターナビ :::::::::: */

ul.footer_nav{
	text-align: center;
	width: 650px;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	float: left;
	padding-left: 20px;
}
.footer_nav li{
	float: left;

}
ul.footer_nav li a{

}
.orange {
	color: #F90;
}
.brown {
	color: #705548;
}
.navy {
	color: #0A164A;
}

#footer .copyright{
	height: 20px;
	width: 1020px;
	text-align: center;
	font-size: 14px;
	margin-right: auto;
	margin-left: auto;
	float: left;
	margin-top: 20px;
}
#footer .copyright a {

}



