@charset "Shift_JIS";


.test{
background:pink;
}

HTML{
	overflow: auto;	/* 横幅超過用 */
}

HTML,BODY{
	height: 100%;	/* フッター下部固定 */
}


BODY{
margin:0;
padding:0;
background:#033;	/* フッタ下部固定 フッターと同じ色 */
color:#000;
font-size: 87.5%;	/* 14pxベース */
line-height:1.6;
letter-spacing:1px;
text-align: center;
font-family: "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
overflow-y: scroll;	/* 横幅超過用 横スクロールバー非表示 */
overflow-x: hidden;	/* 横幅超過用 横スクロールバー非表示 */
position: relative;	/* 横幅超過用 */
min-width: 960px;	/* ブラウザ幅を縮めた時スクロールバーが出始める横幅 */
}
* html body {
	 /* for IE6 */ 
font-size: 87.5%;	/* 14pxベース */
}
*:first-child+html body { /* for IE7 */
font-size: 87.5%;	/* 14pxベース */
}


/*------ フォントチェンジャー設定 ------
S:	85%		11.9px
M:	100%	14px
L:	115%	16.1px
--------------------------------------*/

/*------ フォントサイズ ------
font-size:71.4%		10px
font-size:78.6%		11px
font-size:85.7%		12px
font-size:92.9%		13px
font-size:100.0%	14px
font-size:107.1%	15px
font-size:114.3%	16px
font-size:121.4%	17px
font-size:128.6%	18px
font-size:135.7%	19px
font-size:142.9%	20px
font-size:150.0%	21px
font-size:157.1%	22px
font-size:164.3%	23px
font-size:171.4%	24px
--------------------------------------*/



A{
color:#069;
}
A:VISITED{
color:#006;
}
A:HOVER{
color:#09C;
text-decoration:none;
}

P{
margin-top:25px;
margin-bottom:25px;
padding:0;
background:url(img/spacer.gif) no-repeat;	/* Android4.0対策 */
}
*:first-child+html P{/*for IE7*/
margin-top:25px;
margin-bottom:25px;
padding:0;
}


/*-------------------------------------------------------------------------
  見出し
--------------------------------------------------------------------------*/
H2{	/*基本設定*/
margin:0;
padding:0;
font-weight:normal;
font-size:128.6%;	/* 18px */
}


/*------ H3 ------*/
H3{	/*基本設定*/
margin:0 0 15px 0;
padding:5px 10px;
font-weight:normal;
font-size:114.3%;	/* 16px */
background:#CCC;
}
P+H3,
DIV+H3,
TABLE+H3,
UL+H3,
OL+H3,
DL+H3,
IMG+H3,
A+H3,
BR+H3,
BLOCKQUOTE+H3{	/* 各要素に隣接するときは上余白を設ける */
margin-top:70px;
}

/*------ H4 ------*/
H4{	/*基本設定*/
margin:70px 0 15px 0;
padding-left:10px;
font-weight:normal;
font-size:114.3%;	/* 16px */
border-left:4px solid #069;	/* 1番上 TEL */
}


/*-------------------------------------------------------------------------
  右寄せ・左寄せ・センタリング
--------------------------------------------------------------------------*/
/*------ 左寄せ・右寄せ ------*/ 
.text_alignleft{
	text-align:left;
}
.text_aligncenter{
	text-align:center;
}
.text_alignright{
	text-align:right;
}


/*------ 画像の左寄せ・右寄せ ------*/ 
.left{
float: left;
margin: 0 15px 15px 0;
}
.right{
float: right;
margin: 0 0 15px 15px;
}


.clear{
font-size:1px;
width:auto;
height:1px;
clear:both;
}


/*-------------------------------------------------------------------------
  写真レイアウト枠
--------------------------------------------------------------------------*/
.photo{
	text-align:center;
}
IMG.photo,	/* left,rightと併用 */
.photo IMG{
margin-bottom:3px;
border:1px solid #999;
}

.photos{	/* 写真並列キャプション付き */
}
.photos IMG{
margin:0 0 10px 0;
}

.photos SPAN{
display:inline-block;
vertical-align:top;
width:315px;
}
.photos SPAN+SPAN{	/* 2番目以降は左余白を設ける */
margin-left:20px;
display:inline-block;
}


/*-------------------------------------------------------------------------
  フォントサイズ・色
--------------------------------------------------------------------------*/
.small{
font-size:85.7%;	/* 12px */
}
.large{
font-size:114.3%;	/* 16px */
}
.red{
color:#C00;
}
.blue{
color:#06F;
}
.normal{
font-weight:normal;
}

.arrow{
padding:0 0 0 15px;
background:url(img/i_ya.gif) no-repeat 0 0.3em;
}


/*-------------------------------------------------------------------------
  インデント 
--------------------------------------------------------------------------*/
#content_top>DIV,
#content_top>P,
#content_top>H2,
#content_top>H3{
margin-right:25px;
margin-left:25px;
}




/*-------------------------------------------------------------------------
  リストスタイル
--------------------------------------------------------------------------*/
UL{
margin:25px 0;
padding:0;
list-style:none;
}
LI UL,
DD UL,
TD UL{
margin-top:5px;	/* ネスト時は上余白を少な目に */
}

#content UL>LI{	/* ULの直下のLI */
margin:8px 0;
padding:0 0 0 15px;
background:url(img/liststyle.gif) no-repeat 2px 0.6em;
}


/*------ 注釈 ※ ------*/
#content UL.kome>LI,
#content LI.kome{
padding-left:20px;
position: relative;
background:url(img/spacer.gif) no-repeat;	/* Android4.0対策 */
}

UL.kome>LI>SPAN.komemark,
LI.kome>SPAN.komemark{
position: absolute;
top: 0;
left:0;
color:#C00;
}
* html UL.kome>LI>SPAN.komemark,
* html UL>LI.kome>SPAN.komemark{ 	/* for win ie6 */
top: -0.3em;
}
*:first-child+html UL.kome>LI>SPAN.komemark,
*:first-child+html UL>LI.kome>SPAN.komemark{	 /* for win ie7 */
top: -0.3em;
}



/*------ 番号付きリスト ------*/
OL{
margin:25px 0;
padding:0 0 0 25px;
}
LI OL,
DD OL,
TD OL{
margin-top:5px;	/* ネスト時は上余白を少な目に */
}

OL>LI{
margin:10px 0;
padding:0;
list-style-type : decimal;
background:url(img/spacer.gif) no-repeat;	/* Android4.0対策 */
}


/*------ PDFアイコンリスト ------*/
UL.pdf{
margin:30px 0 0 0;
padding:10px 0;
background:url(img/pdf.gif) repeat-x center top;
}

.pdf LI{
padding:10px 0 10px 40px;
background:url(img/pdf.gif) no-repeat 0 0.2em;
list-style:none;
}


/*------ PDF縦2分割 ------*/ 
#pdf{
padding:15px 0 0 0;
width:610px;
font-size:85.7%;	/* 12px */
background:url(img/dbg.gif) repeat-x center top;
}
#pdf .left_box{
margin:5px 0 0 0;
padding:0;
width:88px;
float:left;
}
#pdf .right_box{
margin:2px 0 0 0;
padding:0;
width:510px;
float:right;
}



/*-------------------------------------------------------------------------
  表
--------------------------------------------------------------------------*/
TABLE {
font-size:100%;
}
TH{
text-align:center;
font-weight:normal;
}

TABLE.data_table{	/* 罫線を表示するタイプの表 */
border-collapse:collapse;
border-top:2px solid #999;
border-bottom:2px solid #999;
width:100%;
}
.data_table TH,
.data_table TD{
padding:10px;
border-top:1px solid #CCC;
border-bottom:1px solid #CCC;
background:url(img/spacer.gif) no-repeat;	/* Android4.0対策 */
}

TABLE.layout_table{
	/* 罫線を表示しないレイアウト用の表 */
margin:15px 0 15px 10px;
}
.layout_table TH{
padding:5px 0;
text-align:left;
}
.layout_table TD{
padding:5px 0;
}
.layout_table TH+TD{
padding:5px 40px 5px 5px;
}


/*-------------------------------------------------------------------------
  ヘッダー
--------------------------------------------------------------------------*/
#header{
width:100%;
background:#096 url(img/header_bg.gif) repeat-x bottom;	/* フッター以外の背景色 DarkSeaGreen */
}
#header_inner{
margin:0 auto;
width:960px;
text-align:left;
height:105px;
position: relative;
}

#header H1 {
margin:10px 0 0 0;
padding:0;
font-size:142.9%;	/* 20px */
float:left;
width:300px;
}
#header_right_box{
margin:0;
padding:0;
text-align:right;
float:right;
width:630px;
}

/*------ ヘッダーサブメニュー ------*/
#header_right_box UL#header_menu{
margin:49px 0 0 0;
padding:0;
float: right;
width:615px;		/* 画像幅+ボタン数×5px（左余白） */
height:50px;
}

#header_right_box UL#header_menu LI{
margin:0 0 0 5px;
padding:0;
float: left;
display: inline;
background:none;
}

#header_right_box UL#header_menu LI A{
display: block;
width:200px;
height:50px;
background : transparent url(img/b.gif) no-repeat scroll 0px 0px;
}

#header_right_box UL#header_menu LI.menu01 A{
background-position:0px 0px;
}
#header_right_box UL#header_menu LI.menu01 A:HOVER{
background-position:0px -50px;
}
#header_right_box UL#header_menu LI.menu_a01 A,
#header_right_box UL#header_menu LI.menu_a01 A:HOVER{
background-position:0px -100px;
}

#header_right_box UL#header_menu LI.menu02 A{
background-position:-200px 0px;
}
#header_right_box UL#header_menu LI.menu02 A:HOVER{
background-position:-200px -50px;
}
#header_right_box UL#header_menu LI.menu_a02 A,
#header_right_box UL#header_menu LI.menu_a02 A:HOVER{
background-position:-200px -100px;
}
#header_right_box UL#header_menu LI.menu03 A{
background-position:-400px 0px;
}
#header_right_box UL#header_menu LI.menu03 A:HOVER{
background-position:-400px -50px;
}




#header_right_box LI SPAN{
display: none;
}




/*-------------------------------------------------------------------------
  ページ全体レイアウト枠
--------------------------------------------------------------------------*/
#wrap{
min-height: 100%;
_height: 100%; /* for IE6 */
background:#FFF url(img/bg.gif) repeat-x scroll center bottom;	/* フッター以外の背景色 */
}

#top_photo{	/* トップページ用の背景設置 横幅超過要素 */
margin: 0 -500%;
padding: 0 500%;
background:url(img/top_photo_bg.gif) repeat-x scroll center top;
height:300px;
}
#top_photo IMG{
position:absolute;	/* #boxに対する位置指定 */
top:0px;
left:-120px;	/* （画像幅1200px - BOX幅960px）/2 */
z-index:10;
height:300px;
}


#box{
margin:0 auto;
padding:0 0 80px 0; /* フッター下部固定 */
width: 960px;
text-align: left;
color:#000;
position:relative;
}


#content_top{
margin:30px 0;
padding:0;
width:652px;
float:left;
font-size:100.0%;	/* 14px */
border:1px solid #F5F5DC;	/* Beige */
border-radius:4px;        /* 角丸 */  
-webkit-border-radius:4px;    /* 角丸 Safari,Google Chrome用 */  
-moz-border-radius:4px;   /* 角丸 Firefox用 */  
box-shadow: 0px 0px 15px -6px #666;	/* 横方向のずれ、下方向のずれ、ぼかしの半径、ぼかしの色 */
-webkit-box-shadow: 0px 0px 15px -6px #666;	/* Safari、Google Chorme */
-moz-box-shadow: 0px 0px 15px -6px #666;	/* FIrefox */
background:#FFF url(img/content_bg.gif) no-repeat right center;
}

#content{
margin:44px 0 60px 34px;
padding:0 0 20px 0;
width:670px;
float:left;
font-size:100.0%;	/* 14px */
}


/*-------------------------------------------------------------------------
  右側メニュー欄
--------------------------------------------------------------------------*/
#menubox_top{
margin:30px 0;
width:280px;
float:right;
}
#menubox{
margin:44px 34px 20px 0;
width:210px;
float:right;
}
#menubox H5{
margin:20px 0 0 0;
}




/*------ 右側 住所欄 ------*/
#side_address{
margin-top:20px;
padding:0 0 1px 0;
}
#side_address H4{
margin:0;
padding:1px 15px;
background:#663;
color:#FFF;
font-size:100.0%;	/* 14px */
text-align:center;
border:none;
}
#side_address P{
margin:10px 15px 0 15px;
font-size:85.7%;	/* 12px */
}
#side_address UL{
margin:5px 15px 15px 15px;
}
#side_address LI{
margin:0;
/* text-align:center; */
font-size:114.3%;	/* 16px */
}
#side_address LI+LI{
padding-left:1.0em;
}


/*------ 右側 フォームボタン欄 ------*/
#side_form{
margin:0;
}
#side_form A{
display: block;
width:280px;
height:60px;
background:url(img/b_bbs.gif) no-repeat scroll 0 0;
box-shadow: 0px 0px 10px -3px #000;	/* 横方向のずれ、下方向のずれ、ぼかしの半径、ぼかしの色 */
-webkit-box-shadow: 0px 0px 10px -3px #000;	/* Safari、Google Chorme */
-moz-box-shadow: 0px 0px 10px -3px #000;	/* FIrefox */
}
#side_form A:hover {
background-position: 0 -60px;
}
#side_form SPAN{
display: none;
}

#side_form P{
margin-top:10px;
}

/*-------------------------------------------------------------------------
  パンくず・アンカー
--------------------------------------------------------------------------*/
/*------ リスト ------*/ 
#pkl{
margin:0 15px;
font-size:85.7%;	/* 12px */
height:2em;
}


/*------ アンカー ------*/ 
#pt{
margin:0 auto;
position: relative;
width:960px;
height:25px;
clear:both;	/* 左右分割をクリア */
}
#pt A{
display: block;
width: 110px;
height: 25px;
background : transparent url(img/pt.gif) no-repeat scroll 0px 0px;
zoom: 1;
text-indent: -9999px;
outline: none;
font-size: 1px;
overflow: hidden;
position: absolute;
top:-25px;
right:24px;
z-index:20;
}
#pt A:hover {
background-position: 0 -25px;
}
#pt SPAN{
display: none;
}


/*-------------------------------------------------------------------------
  フッター
--------------------------------------------------------------------------*/
#footer{
margin-top:-50px;	/* フッター下部固定 */
height:50px;		 /* フッター下部固定 */
background:#033;
}

#copyright{
margin:0;
padding:0 0 25px 0;
font-size:71.4%;	/* 10px */
background:#033;
color:#FFF;
}





/*-------------------------------------------------------------------------
  トップページ
--------------------------------------------------------------------------*/
#content_top H2{
margin-top:25px;
}
#content_top H3{
margin-top:15px;
margin-bottom:35px;
padding:0;
background:none;
}
#content_top H4{
margin:35px 25px 0 25px;
padding:0;
background:none;
border:none;
}


#content_top P{
line-height:2;
}

/*------ トップページ お知らせ告知欄 ------*/ 
#top_info{
margin:30px 0 0 0;
padding:25px 0;
border:1px solid #F5F5DC;	/* Beige */
border-radius:4px;        /* 角丸 */  
-webkit-border-radius:4px;    /* 角丸 Safari,Google Chrome用 */  
-moz-border-radius:4px;   /* 角丸 Firefox用 */  
box-shadow: 0px 0px 15px -6px #666;	/* 横方向のずれ、下方向のずれ、ぼかしの半径、ぼかしの色 */
-webkit-box-shadow: 0px 0px 15px -6px #666;	/* Safari、Google Chorme */
-moz-box-shadow: 0px 0px 15px -6px #666;	/* FIrefox */
background:#FFFAFA;	/* Snow */
width:960px;
}

#top_info H2{
margin:0 0 0 25px;
float:left;
width:340px;
}
#top_info DL{
/* margin:3px 25px 0 0;	 告知ありの時 */
margin:50px 25px 50px 0;	/* 告知なしの時*/
float:right;
width:540px;
}
#top_info DT{
/* margin:0;	 告知ありの時 */
margin:30px 0 0 0 !important;	/* 告知なしの時*/
padding:3px 0 3px 10px;
border-left:5px solid #9C9;
color:#060;
}
#top_info DD{
margin:0 0 0 15px;
}
#top_info DT A,
#top_info DT A:visited{
margin-left:1em;
background:#096;
color:#FFF;
text-shadow: 0 1px 0 #000;
text-decoration:none;
display:inline-block;
text-align:center;
border-radius:4px;        /* 角丸 */  
-webkit-border-radius:4px;    /* 角丸 Safari,Google Chrome用 */  
-moz-border-radius:4px;   /* 角丸 Firefox用 */  
width:8em;
font-size:114.3%;	/* 16px */
line-height:2em;
}
#top_info DT A:hover{
background:#3C6;
text-decoration:none;
}
#top_info DT+DT,
#top_info DD+DT{
margin-top:15px;
}
#top_info UL{
margin:0;
}
#top_info UL>LI{	/* ULの直下のLI */
margin:5px 0;
padding:0 0 0 15px;
background:url(img/liststyle.gif) no-repeat 2px 0.6em;
}
#top_info DD P{
margin-bottom:0;
}




/*------ トップページ お知らせ欄 ------*/
#content_top #news{
margin-bottom:20px;
padding:0 0 8px 0;
background:url(img/info_bg02.gif) no-repeat bottom;
}
#content_top #news .inner{
padding:5px 10px 1px 10px;
background:url(img/info_bg01.gif) repeat-y;
}
#content_top #news .inner>DIV{	/* 直下の休診日案内バナー */
margin:5px 0 10px 0;
}
#content_top #news IFRAME{
margin-top:5px;
height:auto;
overflow:hidden;
}

.osirase_outer{
height:auto !important;
}

#content_top #news DT{
margin:5px 0 0 0;
padding:0 0 0 25px;
font-size:116.7%;/* 14px */
background:url(img/info_arrow.gif) no-repeat 0 0.3em;
font-weight:bold;
}
#content_top #news DD{
margin:0 0 0 25px;
}
#content_top #news DD+DT{/* 説明文（DD）がある時だけ、タイトル行（DT）の上に余白を設ける */
margin:10px 0 2px 0;
}

#content_top #news DT.yasumi A{	/* 休診情報 */
color:#C00;
}
#content_top #news DT.yasumi A:hover{	/* 休診情報 */
color:#F00;
}

#content_top #news UL{
margin-top:0;
}
#content_top #news .inner>UL>LI{
margin:0;
padding:6px 0 0 20px;
background:url(img/info_arrow.gif) no-repeat 0 0.7em;
}
#content_top #news .inner>UL>LI+LI{	/* 2番目以降は上に余白を設ける */
margin-top:5px;
border-top:1px dotted #CCC;
}

#content_top #news LI SPAN{	/* 日付 */
color:#666;
}
#content_top #news LI SPAN.red{	/* 赤文字 */
color:#C00;
}

#content_top #news .inner>UL>LI>A{
font-size:116.7%;/* 14px */
}

#content_top #news LI.yasumi A{	/* 休診情報 */
color:#C00;
font-weight:bold;
}
#content_top #news LI.yasumi A:hover{	/* 休診情報 */
color:#F00;
}

#content_top #news LI STRONG{
font-size:116.7%;/* 14px */
}
#content_top #news LI P.small{
margin:1em 0 0 0;
font-size:83.3%;	/* 12px */
}
#content_top #news UL.pdf{
margin:0;
}
#content_top #news .pdf LI{
margin:0;
padding:0 0 0 40px;
}



/*-------------------------------------------------------------------------
  ポリシー
--------------------------------------------------------------------------*/
P#lead{	/* 先頭の段落は上余白を0に */
margin-top:0;
}


#policy H3+P,
#policy H3+OL{
margin-left:35px;
}

#signature{
margin-top:30px;
margin-left:60px;
padding:1px 20px;
border:1px solid #CCC;
}
#signature H4{
margin-top:15px;
}
#signature P{
margin:0 0 15px 15px;
}



/*------ 親要素にまとめて回り込み解除 ------*/
#header_inner:after,
#header_right_box:after,
#box:after,
#footer:after,
#top_info:after,
#pdf:after{
    content: ""; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}


/* Win版IE7とMac版IE5対策 */
#header_inner,
#header_right_box,
#box,
#footer,
#top_info,
#pdf{
display: inline-table;
min-height:1%;  /* for IE 7*/
}


/* Win版IE5および6対策 */
/* Hides from IE-mac \*/
* html #header_inner,
* html #header_right_box,
* html #box,
* html #footer,
* html #top_info,
* html #pdf{
	height: 1%;
}
#header_inner,
#header_right_box,
#box,
#footer,
#top_info,
#pdf{
display: block;
}
/* End hide from IE-mac */



/*------ 個別に回り込み解除（clearfix） ------*/
.clearfix:after {
    content: ""; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {
display: inline-table;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
display: block;
}
/* End hide from IE-mac */