@charset "utf-8";
/* CSS Document */

/* ★ファイルの文字コードを上記でutf-8を指定していて実際のファイル保存がShift_JISになっていたためIEで表示が崩れました。 */

/*
============================================================
 共通スタイルシート
 ----------------------------------------------------------
 概要：全ページで共通して使用するスタイルを記述する
============================================================
*/
/*
================= 目次 =================

// 初期設定
// IE5.5以下用センタリング設定
// 余白設定用クラス
// ページ構造
// レイアウト
// トップページ
// text
// CSSハック

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


/*-------------------------------------
// 初期設定
-------------------------------------*/

/* 基本設定 */
html
{
background: #FFFFFF;	/* ユーザがブラウザでデフォルト設定している背景をクリア */
font-family: "メイリオ","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",sans-serif;	/* デフォルトのフォント設定 */
font-size: 14px;		/* ブラウザのデフォルトのフォントサイズを14pxに設定 */
font-style: normal;		/* 斜体やイタリック体のフォントをリセット */
font-weight: normal;	/* 太字のフォントをリセット */
line-height: 153%;		/* 行間を153%に設定 */
overflow-y:scroll;		/* 常に縦のスクロールバーを表示して、ページ間のズレをなくす */
}

/* タグ初期値クリア */
body, h1, h2, h3, h4, h5, h6, p, ul, ol, img, table, th, td, dl, dt, dd, div, li 
{
font-size: 100%;	/* フォントサイズをデフォルト(上記htmlで設定した12px)の100%(1倍)のサイズに設定 */
color:#666;	/* デフォルトの文字色をグレー666に設定 */
margin: 0;			/* デフォルトマージンをリセット */
padding: 0;			/* デフォルトパディングをリセット */
}
/* 画像初期値クリア */
img
{
border: 0; 				/* (リンクを設定した)画像のボーダーをリセット */
line-height: 0;
vertical-align: bottom; /* 画像の下の隙間(ディセンダ)をなくす */
}
/* リストスタイルクリア */
ul, dl, ol {
list-style:none;	/* リストマークのリセット */
}

/*-------------------------------------
// IE5.5以下用センタリング設定
-------------------------------------*/
body {
text-align: center;	/* [MEMO:IE5.5以下対策①。これと②がないと内容がセンタリングされない] */
}
#wrapper {
text-align: left;  	/* [MEMO:IE5.5以下対策②。これと①がないと内容がセンタリングされない] */
}

/*-------------------------------------
// 余白設定用クラス
-------------------------------------*/

/* 【マージン】上部 */
.mrThalf {	margin-top: 0.5em;}
.mrT1 {	margin-top: 1em;}
.mrT2 {	margin-top: 2em;}
.mrT3 {	margin-top: 3em;}
.mrT4 {	margin-top: 4em;}
.mrT5 {	margin-top: 5em;}
/* 【マージン】下部 */
.mrBhalf {	margin-bottom: 0.5em;}
.mrB1 {	margin-bottom: 1em;}
.mrB2 {	margin-bottom: 2em;}
.mrB3 {	margin-bottom: 3em;}
.mrB4 {	margin-bottom: 4em;}
.mrB5 {	margin-bottom: 5em;}
/* 【マージン】右部 */
.mrRhalf {	margin-right: 0.5em;}
.mrR1 {	margin-right: 1em;}
.mrR2 {	margin-right: 2em;}
.mrR3 {	margin-right: 3em;}
.mrR4 {	margin-right: 4em;}
.mrR5 {	margin-right: 5em;}
/* 【マージン】左部 */
.mrLhalf {	margin-left: 0.5em;}
.mrL1 {	margin-left: 1em;}
.mrL2 {	margin-left: 2em;}
.mrL3 {	margin-left: 3em;}
.mrL4 {	margin-left: 4em;}
.mrL5 {	margin-left: 5em;}
/* 【パディング】上部 */
.pdThalf {	padding-top: 0.5em;}
.pdT1 {	padding-top: 1em;}
.pdT2 {	padding-top: 2em;}
.pdT3 {	padding-top: 3em;}
.pdT4 {	padding-top: 4em;}
.pdT5 {	padding-top: 5em;}
/* 【パディング】下部 */
.pdBhalf {	padding-bottom: 0.5em;}
.pdB1 {	padding-bottom: 1em;}
.pdB2 {	padding-bottom: 2em;}
.pdB3 {	padding-bottom: 3em;}
.pdB4 {	padding-bottom: 4em;}
.pdB5 {	padding-bottom: 5em;}
/* 【パディング】右部 */
.pdRhalf {	padding-right: 0.5em;}
.pdR1 {	padding-right: 1em;}
.pdR2 {	padding-right: 2em;}
.pdR3 {	padding-right: 3em;}
.pdR4 {	padding-right: 4em;}
.pdR5 {	padding-right: 5em;}
/* 【パディング】左部 */
.pdLhalf {	padding-left: 0.5em;}
.pdL1 {	padding-left: 1em;}
.pdL2 {	padding-left: 2em;}
.pdL3 {	padding-left: 3em;}
.pdL4 {	padding-left: 4em;}
.pdL5 {	padding-left: 5em;}

/*-------------------------------------
// ページ構造
-------------------------------------*/

/* ラッパー */
#wrapper{
width:1000px;				/* ページの横幅 */
margin: 0px auto;/* ★ページのセンタリング(※但しIE5.5以下では適用されない) */
margin-top:10px;
padding-bottom:20px;
text-align:justify;
}

/* ヘッダー */
#header{
color:#999;
font-size:12px;
}
 
/* ページボディ */
#pageBody{
float:left;
width:1000px;
display:inline;
padding-top:20px;	
}
/* 左サイドバー*/
#leftSide{
float:left;
width:250px;
font-size:14px;
}

/* メインコンテンツ */	
#mainContents{
float:left;
width:730px;
margin-bottom:20px;
}


/* フッター */
#footer{
clear:both;
width:1000px;
padding-top:30px;
font-size:12px;
text-align:center;

}

/*-------------------------------------
// レイアウト
-------------------------------------*/

/* ボックス要素の不可視化 */
.hidden {
/* 方法１：最も一般的な不可視化の方法（※ブロック要素にしか使えない） */
width: 0;
height: 0;
overflow: hidden;

/* 方法２：ブロック要素、インライン要素ともに使用できる方法（※ただし、音声ブラウザによってはvisibility:hiddenが読まれない） */
/*
position: absolute;
visibility: hidden;
*/

/* 方法３：簡単だが音声ブラウザで読まれないため推奨されない方法 */
/*
display:none;
*/

}


/*-------------------------------------
// トップページ
-------------------------------------*/
/* ヘッダー */
#header p {color:#999; font-size:1.8em; font-weight:bold;}
#header h1 { float:left; padding:5px 0 5px 0;}
#header .navi {float:left; padding:30px 0px 0px 13px; width:190px; }
#header .navi p {float:left; background-color:#CF9;}

ul.mainMenu {height:46px; margin-top:5px; clear:both; width:990px;}

ul.mainMenu li {float:left;}
ul.mainMenu li.menu1 {width:165px;background:url(../img/menu1-over.jpg) no-repeat;}
ul.mainMenu li.menu1 a{display:block;width:165px;}
ul.mainMenu li.menu1 a:hover{background-color:transparent;}
ul.mainMenu li.menu1 a:hover img{visibility:hidden;}

ul.mainMenu li.menu2 {width:165px;background:url(../img/menu2-over.jpg) no-repeat;}
ul.mainMenu li.menu2 a{display:block;width:165px;}
ul.mainMenu li.menu2 a:hover{background-color:transparent;}
ul.mainMenu li.menu2 a:hover img{visibility:hidden;}

ul.mainMenu li.menu3 {width:165px;background:url(../img/menu3-over.jpg) no-repeat;}
ul.mainMenu li.menu3 a{display:block;width:165px;}
ul.mainMenu li.menu3 a:hover{background-color:transparent;}
ul.mainMenu li.menu3 a:hover img{visibility:hidden;}

ul.mainMenu li.menu4 {width:165px;background:url(../img/menu4-over.jpg) no-repeat;}
ul.mainMenu li.menu4 a{display:block;width:165px;}
ul.mainMenu li.menu4 a:hover{background-color:transparent;}
ul.mainMenu li.menu4 a:hover img{visibility:hidden;}

ul.mainMenu li.menu5 {width:165px;background:url(../img/menu5-over.jpg) no-repeat;}
ul.mainMenu li.menu5 a{display:block;width:165px;}
ul.mainMenu li.menu5 a:hover{background-color:transparent;}
ul.mainMenu li.menu5 a:hover img{visibility:hidden;}

ul.mainMenu li.menu6 {width:165px;background:url(../img/menu6-over.jpg) no-repeat;}
ul.mainMenu li.menu6 a{display:block;width:165px;}
ul.mainMenu li.menu6 a:hover{background-color:transparent;}
ul.mainMenu li.menu6 a:hover img{visibility:hidden;}

/* 左サイドバー*/
#leftSide {padding-top:5px;}
#leftSide p{margin-top:5px;}	
#leftSide p.map{padding-top:5px;}	

#leftSide .yoyaku {width:223px;background:url(../img/yoyaku-over.jpg) no-repeat; margin-top:25px;}
#leftSide .yoyaku a{display:block;width:223px;}
#leftSide .yoyaku a:hover{background-color:transparent;}
#leftSide .yoyaku a:hover img{visibility:hidden;}

#leftSide .staff {width:223px;background:url(../img/staff-over.jpg) no-repeat; margin-top:25px;}
#leftSide .staff a{display:block;width:223px;}
#leftSide .staff a:hover{background-color:transparent;}
#leftSide .staff a:hover img{visibility:hidden;}

#leftSide .fb {width:223px;background:url(../img/instagram-over.jpg) no-repeat; margin-top:25px;}
#leftSide .fb a{display:block;width:223px;}
#leftSide .fb a:hover{background-color:transparent;}
#leftSide .fb a:hover img{visibility:hidden;}



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

#mainContents h3{ background:url(../img/bar.jpg) no-repeat; width:740; color:#666; font-size:1.3em; font-style:normal; font-weight:normal; padding:10px 0 15px 33px;}
#mainContents ul.disc{list-style-type:disc;}
#mainContents ul li.no-disc{list-style-type:none;}
#mainContents ul li.disc1{margin-left:20px;}

/* お知らせ投稿 */	
.post-body a:link{ color:#F90; text-decoration:underline;}
.post-body a:visited{ color:#F90; text-decoration:underline;}
.post-body a:hover{color:#393;}


/* フッター */
#footer { padding-bottom:20px; background-image:url(../img/under.jpg); background-repeat:repeat-x; background-position:bottom;
}

#footer address{ padding-top:5px;}



/*-------------------------------------
// 2ndページ
-------------------------------------*/
/* welcome*/
#welcome {float:left; padding:10px 0 0 15px;}
#welcome p.aisatsu{width:710px; padding:10px 0px 10px 0px; font-size:1.1em; line-height:170%; text-indent:1em;}
#welcome p.doctor{float:right; padding-left:20px;}
#welcome p.docname{ text-align:right; font-size:1.2em;}
#welcome h3#staff{ background:url(../img/staff-bar.jpg) no-repeat; width:717; color:#666; font-size:1.5em; font-style:normal; font-weight:normal; margin-top:40px; padding-top:5px;}
#welcome ul{ padding:0 0 5px 0;}
ul li.square{list-style-type:square; margin-left:20px;}
#welcome dl{float:left;width:700px;}
#welcome dl dd{float:left;width:75px;}
#welcome dl dt{float:left;width:595px;}
#welcome dl.media {width:700px;}
#welcome dl.media dt{width:100px;}
#welcome dl.media dd{width:600px;}

/* treatment*/
#welcome p.tremenu{padding-bottom:20px;}

/* expenses*/
#exMenu{width:690px; height:150px; padding:10px 0 20px 15px;}
#exMenu ul{float:left; width:700px; padding:5px 0 0 30px;} 
#exMenu ul li{ float:left; padding:0 15px 0px 0;}
#exMenu p{ float:left;}

#exMenu p.biyou {width:105px;background:url(../img/biyou-over.jpg) no-repeat;}
#exMenu p.biyou a{display:block;width:105px;}
#exMenu p.biyou a:hover{background-color:transparent;}
#exMenu p.biyou a:hover img{visibility:hidden;}

#exMenu p.other {width:280px;background:url(../img/other-over.jpg) no-repeat; margin-top:15px;}
#exMenu p.other a{display:block;width:280px;}
#exMenu p.other a:hover{background-color:transparent;}
#exMenu p.other a:hover img{visibility:hidden;}

#biyou{ padding:0 0 0 10px; width:680px;}
#other{ padding:0 0 0 10px; width:680px;}
h4{font-size:1.1em;border-bottom-style:dashed; border-bottom-width:thin; padding:5px 0 2px 0; margin-bottom:5px;}
table{width:680px; table-layout:fixed; margin-bottom:20px; margin-top:5px;}
table.down5{ margin-bottom:5px;}
table th { width:390px; padding:5px 0 5px 10px; line-height: 1.2; background-color:#FF9; font-weight:normal;}
table td {padding:5px 10px 5px 10px; background-color:#FFC; text-align:right; }
.sub{ padding-bottom:15px;}

#ex01{padding-bottom:10px;}
#ex02{padding-bottom:10px;}
#box{padding:15px; border:#9C3 solid 1px; margin-bottom:20px;}

/*-------------------------------------
// text
-------------------------------------*/
.bold{font-weight:bold;}
.bold-big{font-size:1.4em;}
.red{ text-decoration:underline; color:#F00; font-weight:bold; font-size:1.2em;}
.small{font-size:0.8em;}

/* リンクスタイル（基本） */
a:link { color:#666; text-decoration:none;}
a:visited { color:#666; text-decoration:none;}
a:hover {color:#FC6;}

a.for-ex:link { color:#F90; text-decoration:underline;}
a.for-ex:visited { color:#F90; text-decoration:underline;}
a.for-ex:hover {color:#393;}

#exMenu a:link {color:#F90;}
#exMenu a:visited {color:#F90; text-decoration:underline;}
#exMenu a:hover {color:#F90; text-decoration:underline;}

span.title a:link {text-decoration: underline; color:#06C; font-weight:bold; font-size:1.1em;}
span.title a:visited { color:#999; text-decoration:underline; font-weight:bold; font-size:1.1em;}
span.title a:hover {color:#F93;}


/* テキスト初期化用クラス */
.noDecoration{
text-decoration:none;
}


/*-------------------------------------
// CSSハック
-------------------------------------*/

/* グローバルナビゲーション clearfix hack */

/* clearfix hack */
#mainContents  #secoundInfo:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#mainContents  #secoundInfo {
display: inline-block;
}
*/
/* hide macie \*/
*html #mainContents  #secoundInfo {
height: 1%;
clear:both;
}

#mainContents  #secoundInfo {
display: block;
}


/* end hide */
/* end clearfix hack */


/* clearfix hack */
ul.sidebar li:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
ul.sidebar li {
display: inline-block;
}

/* hide macie \*/
*html ul.sidebar li {
height: 1%;
}

ul.sidebar li {
display: block;
}
/* end hide */
/* end clearfix hack */

.tel-link {
}

.tel-link-img {
}