@charset "utf-8";

/* =======================================================================

   ●
   
======================================================================= */

/* -----------------------------------------------------------
　●
----------------------------------------------------------- */

/* :::::::::: ● :::::::::: */


/* =======================================================================

   基本
   
======================================================================= */

/* -----------------------------------------------------------
　色
----------------------------------------------------------- */
/*
メインカラー:#00000
サブカラー:#00000
アクセントカラー:#00000
アクセントカラー:#00000
*/

/* -----------------------------------------------------------
　見出し
----------------------------------------------------------- */

h1{}
h2{
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
h3{
	margin: 0 auto 20px;
	padding: 0;
}
h4{
	background-image:url(../images/h4bg.png);
	background-repeat:no-repeat;
	color:#a17d2c;
	padding: 0 0 0 35px;
	margin:0 0 5px;
	font-weight:bold;
}
.h4box{ margin:0 auto 20px;}
.h4box:last-child{ margin:0 auto;}
h5{}
h6{}

/* -----------------------------------------------------------
　リスト
----------------------------------------------------------- */
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:"メイリオ", sans-serif;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size:16px;
	color:#717171;
	line-height: 130%;
	letter-spacing: 0.05em;
	background-image: url(../images/bg.jpg);
}
a:link {
	color: #5f450b;
	text-decoration: underline;
}
a:visited {
	color:#5f450b;
	text-decoration: underline;
}
a:hover {
	color: #90712d;
	text-decoration: underline;
}
a:active {
	color:#90712d;
	text-decoration: underline;
}

img {
	border: none;
	margin: 0px;
}

p{ margin:0 0 15px;}

p:last-child{ margin:0;}

.box{margin:0 auto 30px;}

.box:last-child{margin:0 auto;}

.fontB{font-weight:bold;}

.fontS{font-size:80%;}

.fontL{font-size:120%;}

.check{ color:#ff0000;}

.caution{ color:#ff0000; font-size:85%;}

.contHead{
	border-top:2px solid #895f00;
	border-bottom:2px solid #895f00;
	width:100%;
}

/* -----------------------------------------------------------
　ラッパー
----------------------------------------------------------- */

#wrapper {
	margin:0 auto;
	padding:0 0 30px;
	width:1000px;
	text-align:left;
}


/* -----------------------------------------------------------
　ヘッダ
----------------------------------------------------------- */

#header{
	background-color:#ffffff;
}

#header h1{
	color: #ffffff;
	font-size: 75%;
	font-weight: normal;
	margin: 0;
	background-image: url(../images/h1bg.jpg);
	background-repeat: repeat-x;
	height: 21px;
	text-align: center;
}

#header-area{
	width:1000px;
	margin:0 auto;
	padding: 10px 0;
}

#header #logo-add{
	height: 82px;
	margin: 0 0 10px;
}

#header #logo-add .logo{
	width: 415px;
	float: left;
}

#header #logo-add .add{
	width: 318px;
	float: right;
	margin: 10px 0 0;
}

/* :::::::::: cookie+CSS切り替え :::::::::: */

#header #font-buttons{}

/* :::::::::: メインナビ :::::::::: */

ul#main_nav{
	margin:20px auto;
	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:242px; height:50px;}/* ボタンが5個のとき　width:193px*/
ul#main_nav li.nav02{width:252px; height:50px;}/* ボタンが5個のとき　width:201px*/
/*ul#main_nav li.nav03{width:252px; height:50px;} ボタンが5個のとき　width:202px*/
ul#main_nav li.nav04{width:252px; height:50px;}/* ボタンが5個のとき　width:202px*/
ul#main_nav li.nav05{width:252px; height:50px;} /*ボタンが5個のとき　width:202px*/

ul#main_nav li.nav01 a{ background-position: 0 0;}
ul#main_nav li.nav02 a{ background-position: -242px 0px;}/* ボタンが5個のとき　-193px*/
/*ul#main_nav li.nav03 a{ background-position: -494px 0px;}/* ボタンが5個のとき　-394px*/
ul#main_nav li.nav04 a{ background-position: -494px 0px;}/* ボタンが5個のとき　-596px*/
ul#main_nav li.nav05 a{ background-position: -746px 0px;} /*ボタンが5個のとき　-798px*/

ul#main_nav li.nav01 a:hover{ background-position: 0 -50px;}
ul#main_nav li.nav02 a:hover{ background-position: -242px -50px;}/* ボタンが5個のとき　-193px*/
/*ul#main_nav li.nav03 a:hover{ background-position: -494px -50px;}/* ボタンが5個のとき　-394px*/
ul#main_nav li.nav04 a:hover{ background-position: -494px -50px;}/* ボタンが5個のとき　-596px*/
ul#main_nav li.nav05 a:hover{ background-position: -746px -50px;} /*ボタンが5個のとき　-798px*/


/* :::::::::: キービジュアル :::::::::: */

#key_visual{
	margin: 0 auto;
	width: 1000px;
}


/* -----------------------------------------------------------
　コンテンツラッパー
----------------------------------------------------------- */

#contents_wrapper{}

#contents_left{
	width:810px;
	float:left;
}

#contents_right{
	width:170px;
	float:right;
}


/* :::::::::: パンくずリスト :::::::::: */

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:560px;
	float:right;
	background-color:#ffffff;
	border: 1px solid #adadad;
	padding: 15px;
}

#main_contents_rehabilitation-floor{
	width:970px;
	background-color:#ffffff;
	border: 1px solid #adadad;
	padding: 15px;
}


/* :::::::::: お知らせ欄 :::::::::: */

#infomation{
	height: 230px;
	overflow-y: scroll;
	margin: 0 auto 30px;
}
#infomation dl{}
#infomation dt{color:#ee6833; font-size:110%;}
#infomation dd{ margin-bottom:20px;}

/* :::::::::: 医院概要 :::::::::: */
table.Chour_table{
   border: 1px solid #848484;
   border-collapse:collapse;
   margin:0 0 5px;
}
table.Chour_table td{
	border:1px solid #848484;
	text-align:center;
	letter-spacing:0.1em;
	font-size:90%;
	padding:10px;
	line-height: 100%;
}
table.Chour_table th{
	background-color:#ab8b42;
	border:1px solid #848484;
	font-weight:bold;
	color:#ffffff;
	text-align: center;
	padding: 5px;
}
table.Chour_table .Chour_time{
	background-color:#f6e8c7;
}

#map_canvas{
	width:140px;
	height:175px;
}

#map_canvas2{
	width:100%;
	height:400px;
}


/* -----------------------------------------------------------
　サブコンテンツ（左カラム）
----------------------------------------------------------- */

#sub_contents{
	width:200px;
	float:left;
}

/* :::::::::: サブナビ :::::::::: */

#sub_contents .menubox{
	margin:0 auto 20px;
}

ul#sub_nav{
	padding:0;
	margin:0 auto;
	width: 200px;
}

#sub_nav li{
	margin:0 auto;
	padding:0;
	list-style:none;
	width:200px;
	height:50px;
}

ul#sub_nav li a{
	background-image:url(../images/menu_img.png);
	background-repeat:no-repeat;
	line-height: 50px;
	display: block;
	text-indent: -9999px;
}

ul#sub_nav li.nav01 a{background-position: 0 0;}
ul#sub_nav li.nav02 a{background-position: 0 -50px;}
ul#sub_nav li.nav03 a{background-position: 0 -100px;}
ul#sub_nav li.nav04 a{background-position: 0 -150px;}

ul#sub_nav li.nav01 a:hover{background-position: -200px 0;}
ul#sub_nav li.nav02 a:hover{background-position: -200px -50px;}
ul#sub_nav li.nav03 a:hover{background-position: -200px -100px;}
ul#sub_nav li.nav04 a:hover{background-position: -200px -150px;}

ul#sub_nav-2{
	padding:0;
	margin:0 auto;
	width: 200px;
}

#sub_nav-2 li{
	margin:0 auto;
	padding:0;
	list-style:none;
	width:200px;
	height:50px;
}

ul#sub_nav-2 li a{
	background-image:url(../images/menu_img2.png);
	background-repeat:no-repeat;
	line-height: 50px;
	display: block;
	text-indent: -9999px;
}

ul#sub_nav-2 li.nav01 a{background-position: 0 0;}
ul#sub_nav-2 li.nav02 a{background-position: 0 -50px;}
ul#sub_nav-2 li.nav03 a{background-position: 0 -100px;}
ul#sub_nav-2 li.nav04 a{background-position: 0 -150px;}
ul#sub_nav-2 li.nav05 a{background-position: 0 -200px;}
ul#sub_nav-2 li.nav06 a{background-position: 0 -250px;}
ul#sub_nav-2 li.nav07 a{background-position: 0 -300px;}
ul#sub_nav-2 li.nav08 a{background-position: 0 -350px;}

ul#sub_nav-2 li.nav01 a:hover{background-position: -200px 0;}
ul#sub_nav-2 li.nav02 a:hover{background-position: -200px -50px;}
ul#sub_nav-2 li.nav03 a:hover{background-position: -200px -100px;}
ul#sub_nav-2 li.nav04 a:hover{background-position: -200px -150px;}
ul#sub_nav-2 li.nav05 a:hover{background-position: -200px -200px;}
ul#sub_nav-2 li.nav06 a:hover{background-position: -200px -250px;}
ul#sub_nav-2 li.nav07 a:hover{background-position: -200px -300px;}
ul#sub_nav-2 li.nav08 a:hover{background-position: -200px -350px;}


ul.subcontents-list{
	margin:0 0 0 10px;
	padding:0;
}

ul.subcontents-list li{
	list-style:none;
	background-image:url(../images/sub_contents-listicon.png);
	background-repeat:no-repeat;
	background-position:left top;
	margin:0 0 5px;
	padding:0 0 0 20px;
	font-size: 80%;
	letter-spacing: 0em;
}

ul.linkbana{
	margin:0;
	padding:0;
}
ul.linkbana li{
	margin:0;
	padding:0;
	list-style:none;
}

ul.linkbana li img{
	margin:0 0 5px;}

/* -----------------------------------------------------------
　サブコンテンツ2（右カラム）
----------------------------------------------------------- */

#sub_contents2{
	width:170px;
	float:right;
}

#sub_contents2 .clinicinfo{
	background-image:url(../images/sub_contents-bana2.png);
	background-repeat:no-repeat;
	position:relative;
	height: 439px;
	margin: 20px 0;
	letter-spacing: 0em;
	line-height: 100%;
}

#sub_contents2 .clinicinfo .infocom{
	widht:144px;
	height:343px;
	position:absolute;
	left:15px;
	top:70px;
	font-size: 90%;
}




/* -----------------------------------------------------------
　フッタ
----------------------------------------------------------- */
#footer{
	margin:0 auto;
	padding:0;
	width:100%;
	clear:both;
	background-image:url(../images/footerbg.png);
	background-repeat:repeat-x;
	color:#5f450b;
}

#footer a:link {
	color: #5f450b;
	text-decoration: underline;
}
#footer a:visited {
	color:#5f450b;
	text-decoration: underline;
}
#footer a:hover { color: #90712d; text-decoration: underline; }
#footer a:active { color:#90712d; text-decoration: underline; }

#footer .footerarea{
	width:1000px;
	margin:0 auto;
	padding: 30px 0 0;
	background-image: url(../images/footer_add.png);
	background-repeat: no-repeat;
}


/* :::::::::: フッターナビ :::::::::: */

ul.footer_nav{
	margin: 0;
	padding: 0;

}

ul.footer_nav li{
	float:left;
	list-style:none;
	font-size:80%;
	margin:0 20px 5px 0;
}
.footer-txt{
	margin:0 0 0 300px;
}

#footer .copyright{
	font-size: 70%;
	padding-top: 5px;
}


/* :::::::::: アクセス :::::::::: */
table.access-add{
	border-collapse:collapse;
	margin: 20px 0 0;
}

table.access-add th{
	font-weight:normal;
	color:#bea34e;
	padding:15px 10px 15px 0;
}

table.access-add th, table.access-add td{
	padding:15px 0;
	border-bottom:1px dashed #ebebeb;
}

/* :::::::::: 求人 :::::::::: */
table.recruit-type{
	padding: 0px;
	margin:10px auto 40px;
	border-collapse: collapse;
	border: 1px solid #CCC;
}
table.recruit-type th, table.recruit-type td{
	border: 1px solid #CCC;
	padding:10px 15px;
}

table.recruit-type th{
	background-color: #EEE7D0;
	color: #423818;
	font-weight: normal;
}


/* :::::::::: リハビリフロア :::::::::: */
table.facilities{
	border-collapse:collapse;
	margin: 30px auto 0;
}

table.facilities td{
	padding:0 20px 30px;
	line-height:120%;
	width:20%;
	vertical-align:top;
	font-size:90%;
}

table.facilities td .title{
	margin:10px 0;
	text-align:center;
	background-color:#f1e29f;
	padding:10px;
}


/* :::::::::: 整形外科 :::::::::: */
table.ortho-symp{
	border-collapse:collapse;
}

table.ortho-symp th, table.ortho-symp td{
	border-bottom:1px dashed #cccccc;
	font-size:90%;
}

table.ortho-symp th{
	padding:15px 20px 15px 0;
	color:#cc5d26;
	text-align: left;
}

table.ortho-symp td{
	padding:15px 0;
}



/* :::::::::: リハビリ :::::::::: */
table.reha-menu{
	border-collapse:collapse;
	margin: 0 auto 20px;
}

table.reha-menu th, table.reha-menu td{
	border-bottom:1px dashed #cccccc;
	font-size:90%;
}

table.reha-menu th{
	padding:15px 20px 15px 0;
	color:#cc5d26;
	text-align: left;
}

table.reha-menu td{
	padding:15px 0;
}


/* :::::::::: リハビリプログラム :::::::::: */

table.reha-pg{
   border: 1px solid #848484;
   border-collapse:collapse;
   margin:0 0 5px;
}
table.reha-pg td{
	border:1px solid #848484;
	text-align:left;
	letter-spacing:0.1em;
	padding:10px;
	line-height: 100%;
}
table.reha-pg th{
	background-color:#ab8b42;
	border:1px solid #848484;
	font-weight:bold;
	color:#ffffff;
	text-align: center;
	padding:5px;
}
table.reha-pg .time{
	background-color:#f6e8c7;
	text-align: center;
}

table.reha-pg-service{
	border-collapse:collapse;
	margin: 0 0 30px;
}

table.reha-pg-service th, table.reha-pg-service td{
	padding:20px 0;
	border-bottom:1px dashed #cccccc;
	vertical-align:middle;
	font-weight:normal;
}

table.reha-pg-service th{
	color:#e46904;
	text-align: center;
}



table.calendar{
	border:1px solid #999999;
	line-height:100%;
	margin: 0 0 10px;
}

table.calendar th{
	border:1px solid #999999;
	background-color:#e46904;
	font-weight:bold;
	text-align:center;
	padding:10px 0;
	color: #ffffff;
	width: 14%;
}

table.calendar td{
	border:1px solid #999999;
	text-align:center;
	margin:2px 0 0;
	font-size:90%;
	padding:15px 0;
}
table.calendar .holiday{
	background-color:#dcdcdc;
}



/* :::::::::: インフルエンザ　予防接種 :::::::::: */

table.vaccination{
	border-collapse:collapse;
}

table.vaccination th, table.vaccination td{
	border-bottom:1px dashed #cccccc;
	font-size:90%;
	line-height:120%;
	padding:10px;
}

table.vaccination th{
	padding:15px 20px 15px 0;
	border-right:1px dashed #cccccc;
	color:#cc5d26;
	text-align: center;
}



/* :::::::::: スタッフ紹介 :::::::::: */


.staff-box-top {
text-align:center;
border:solid 1px #7a621c;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-radius:6px;
padding:20px;
height:auto;
margin-bottom:40px;}

.staff-box {
border:solid 1px #cccccc;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-radius:6px;
padding:10px;
clear:both;
margin-bottom:20px;
height:auto}

.staff-box .staff-pic{width:130px;

	text-align:center;
	float:left;
	margin-right:20px}

.staff-box .staff-pic img {margin-bottom:10px}
	
.staff-box .staff-pic h3 {padding-top:3px;
font-weight:normal}


.staff-profile {font-size:14px;
text-align:left;}

.staff-profile th {font-weight:normal;
color:#7a621c;
vertical-align:top;
width:90px}

.staff-profile td {vertical-align:top;
padding-bottom:5px}
