@charset "utf-8";
/* *******************************************
*　スタイルシート

目次-------------------------------------------

1．ページ全体の設定
2．フォントの指定
3．リンクの設定
4．サブナビゲーションの設定
5．表（table）の設定

******************************************* */
/* 1．ページ全体の設定 */
body {
	margin: 0;
	background: url(../images/body_bk.gif) top left repeat-x; /*背景画像*/
}
td.shadow_l {
	background-image: url(../images/shadow_l.gif);
	background-repeat: repeat-y;
	width: 4px;
	}
td.shadow_r {
	background-image: url(../images/shadow_r.gif);
	background-repeat: repeat-y;
	width: 4px;
	}

/* ページ全体をブラウザの真ん中に */
/* ブラウザの左に寄せたいときはautoを削除 */
table#container {
	margin: 0px auto;
	width:808px;
	}

/* サブナビ背景色 */	
table#container td.left{
	background-color:#EEEAEC;
	}

/* 画像のボーダーをなしに */
img{
	border: none;
	}

	
/* 2．フォントの指定 */
/* 本文テキストの色 */
body {
	font-family: ＭＳ Ｐゴシック, Osaka, ヒラギノ角ゴ Pro W3; /*テキストのフォント*/
	font-size: 80%; /*テキストのサイズ*/
	color: #666666; /*テキストの色*/
	line-height: 150%; /*テキストの行間*/
	}

/* コピーライト（フッター部分） */
td.foot {
	background-image: url(../images/footer_bk.gif);
	background-repeat: repeat-x;
	background-position: left top;
	height: 80px;
	}
p.copy {
	margin: 0;
	padding: 0;
	}
p.copy a {
	color: #FFFFFF;
	}
small {
	color: #FFFFFF;
	margin-top: 15px;}
	
/* 黄色太字 */
/* 採用情報で使用 */	
.yellow_b {
	color: #FF9900;
	font-weight:bold;}
	
/* ピンク太字 */	
/* インフォメーションで使用 */	
.pink_b {
	color: #FD7B7B;
	font-weight: bold;
	font-size:110%
	} 

/* 本文太字 */	
/* 診療科目のご案内で使用 */
.honbun_b {
	font-weight: bold;
	} 

/* 3．リンクの設定 */
/* リンクテキストの色を変えたいときはcolor: の後の#666666を希望の色に変更 */
a:link	{text-decoration:none; color: #666666;} /* リンクテキストの色 */
a:visited	{text-decoration:none; color: #666666;} /* リンクテキストの色 */
a:hover, a:focus, a:active {text-decoration:none; color: #ff7575;} /* リンクテキストの色 */


/* 4．サブナビゲーションの設定 */
table#sub_nav{
	width:255px;
	}
table#sub_nav ul{
	margin-bottom: 0;
	}
table#sub_nav ul li{
	list-style: none;
	margin: 2px 0;
	}
/* 矢印を変えたい場合は以下の画像を差し替えるか、使用したい画像へのパスに変更
通常用：url(../images/arrow01_off.gif)
マウスオーバー用：url(../images/arrow01_on.gif)
 */
table#sub_nav ul li a{padding-left: 18px; }
table#sub_nav ul li a:link	{background: url(../images/arrow01_off.gif) left center no-repeat;}
table#sub_nav ul li a:visited	{background: url(../images/arrow01_off.gif) left center no-repeat;}
table#sub_nav ul li a:hover, a:focus, a:active {background: url(../images/arrow01_on.gif) left center no-repeat;}

/* ご予約・お問合せ先*/
.info{
	width:258px;
	background-color:#FFFFFF;
	margin: 0px 0px 40px;
	}

.infoTd{
	text-align: left;
	padding: 0px 10px;
	}

/* 5．表（table）の設定 */

/* 診療時間
診療時間の表以外でも、<table>タグの属性にclass="border"を指定すれば、線のある表にできます。
色を変えたい場合は#CCCCCCを希望の色に変更 */
.border{
	border: solid #CCCCCC 1px;
	}
table.border th{
	border-collapse: collapse;
	border: solid #CCCCCC 1px;
	background-color:#E6FFFF;
	text-align:center;
	}
table.border td{
	border-collapse: collapse;
	border: solid #CCCCCC 1px;
	text-align:center;
	}
/* 追加分、料金表 */
.priceTb {
	width: 300px;
	margin: 0px 0px 20px;
	background-color: #FFFBD9;
}
.priceTb td {
	text-align: left;
	padding: 3px 3px 3px 5px;
	border-bottom: 2px solid #FFFFFF;
}
.priceTd01 {
	width: 80px;
}
.priceTitle01 {
	font-weight: bold;
	color: #FF6666;
}
.priceTitle02 {
	font-weight: bold;
	color: #6699FF;
}
.priceTd03 {
	font-weight: bold;
	color: #FF6666;
}
.priceTd04 {
	font-weight: bold;
	color: #FF6666;
}

/* 採用情報
採用情報以外でも、<td>タグにclass="border_y"を指定すれば、セルを線で囲うことができます。 
色を変えたい場合は#FFD637を希望の色に変更*/
.border_y {border:solid #FFD637 1px ;}


/*
===== license number ライセンス番号　削除しないでください=================================
*/
p.license-num{
 display:none;}