@charset "EUC-JP";

/*========================================
	
	SADA Hospital | common.css
	Recent Edit : 2007.09.12
	
	[1] 基礎設定
	[2] 汎用クラス
	[3] コンテナポジション
	[4-1] 詳細 | Head Container 
	[4-2] 詳細 | Main Container 
	[4-3] 詳細 | Foot Container 	

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


/*	[1] 基礎設定
************************************************/

body{
zoom:1;
color:#333;
line-height:1.4em;
font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,Meiryo,"ＭＳ Ｐゴシック",sans-serif;
}

body,td,th,h1,h2,h3,h4,h5,h6,p,span,div,address,ul,ol,li,dl,dd,dt{
margin:0;
padding:0;
}
ul,ol,li,dl,dd,dt{
list-style-type:none;
}
a{
color:#054fb0;
}
a:hover{
color:#5880b0;
}

a img{
border:0px;
}
strong{
font-weight:bold;
}


/*	[2] 汎用クラス
************************************************/

/* 汎用マージン */

.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb100{margin-bottom:100px;}
.mb150{margin-bottom:150px;}
.mb1em{margin-bottom:1em;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mr10{margin-right:10px;}
.mrb10{margin-right:10px;margin-bottom:10px;}
.m0p0{margin:0;padding:0;}
.plr10{padding:0px 10px 0px;}

.hl120{line-height:1.2em;}

/* clearfix */

.clearfix:after{
content:"."; 
display:block; 
height:0; 
clear:both; 
visibility:hidden;
}
.clearfix{
display:inline-block;
}
/* except Mac IE \*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/**/


/*	[3] コンテナポジション
************************************************/

body{
margin:0;
padding:0;
background:#c5f1a9 url(../img_cmn/bg_wrap_outer.gif) repeat-x;
}
#wrap1{
background:url(../img_cmn/bg_wrap_inner_med.gif) top center repeat-y;
}
#index #wrap2{
background:url(../img_cmn/bg_wrap_inner_top_index.gif) top center no-repeat;
}
#wrap2{
background:url(../img_cmn/bg_wrap_inner_top.gif) top center no-repeat;
}
#wrap3{
text-align:center;
background:url(../img_cmn/bg_wrap_inner_btm.gif) bottom center no-repeat;
}
#wrapContainer{
width:760px;
text-align:left;
margin:0px auto;
}

#mainContainer{

}
#leftContainer{
width:200px;
float:left;
}
#rightContainer{
width:545px;
float:right;
}


/*	[4-1] 詳細 | Head Container 
************************************************/

#headContainer{
height:122px;
position:relative;
}

#head_1{
position:absolute;
top:49px;
left:0px;
}
#head_2_1{
position:absolute;
top:49px;
left:156px;
}
#head_2_2{
position:absolute;
top:86px;
left:156px;
}
#head_2_2 p a{
height:20px;
width:178px;
display:block;
text-decoration:none;
text-indent:-9999px;
/*\*/overflow:hidden;/**/
background:url(../img_cmn/head_org_img2.gif) no-repeat;
}
#head_2_2 p a:hover{
background-position:0px -20px;
}

#head_3{
position:absolute;
top:49px;
left:339px;
}
#head_4{
position:absolute;
top:49px;
left:394px;
}
#head_5{
position:absolute;
top:49px;
left:669px;
}

#size_img{
margin:0 0 0 8px;
}
#fontsize li{
float:left;
display:inline;
}
#sizeswitch1 a,
#sizeswitch2 a,
#sizeswitch3 a{
height:19px;
width:23px;
display:block;
text-decoration:none;
text-indent:-9999px;
/*\*/overflow:hidden;/**/
}
#sizeswitch1 a{
margin-left:8px;
}
#sizeswitch2 a,
#sizeswitch3 a{
margin-left:2px;
}

#haed_inquiry a{
margin-top:5px;
height:19px;
width:90px;
display:block;
text-decoration:none;
text-indent:-9999px;
/*\*/overflow:hidden;/**/
background:url(../img_cmn/head_inquiry_bt.gif) no-repeat;
}
#haed_inquiry a:hover{
background-position:0px -19px;
}



/*	[4-2] 詳細 | Main Container 
************************************************/

/* グローバルナビ */

#gnavbox{
z-index:100;
position:absolute;
width:760px;
height:70px;
background:url(../img_cmn/menu_bg.gif) no-repeat;
margin:0;
pading:0;
}
#gnavbox .inner{
padding:5px 7px;
}
#gnav li{
display:inline;
float:left;
}
#gnav li a.lv1,
#gnav li a.lv1_curr{
margin:0;
padding:0;
height:56px;
display:block;
text-decoration:none;
text-indent:-9999px;
/*\*/overflow:hidden;/**/
background:url(../img_cmn/menu.gif) no-repeat;
}
#gnav li a.lv1:hover{
background:url(../img_cmn/menu.gif) no-repeat;
}
#gnav .gnav01 a.lv1,#gnav .gnav01 a.lv1_curr,
#gnav .gnav08 a.lv1,#gnav .gnav08 a.lv1_curr,#gnav .gnav08_on a.lv1,#gnav .gnav08_on a.lv1_curr{
width:94px;
}
#gnav .gnav02 a.lv1,#gnav .gnav02 a.lv1_curr,#gnav .gnav02_on a.lv1,#gnav .gnav02_on a.lv1_curr,
#gnav .gnav03 a.lv1,#gnav .gnav03 a.lv1_curr,#gnav .gnav03_on a.lv1,#gnav .gnav03_on a.lv1_curr,
#gnav .gnav04 a.lv1,#gnav .gnav04 a.lv1_curr,#gnav .gnav04_on a.lv1,#gnav .gnav04_on a.lv1_curr,
#gnav .gnav05 a.lv1,#gnav .gnav05 a.lv1_curr,
#gnav .gnav06 a.lv1,#gnav .gnav06 a.lv1_curr,
#gnav .gnav07 a.lv1,#gnav .gnav07 a.lv1_curr{
width:93px;
}
#gnav .gnav01 a.lv1{background-position:0px 0px}
#gnav .gnav02 a.lv1,#gnav .gnav02_on a.lv1{background-position:-94px 0px}
#gnav .gnav03 a.lv1,#gnav .gnav03_on a.lv1{background-position:-187px 0px}
#gnav .gnav04 a.lv1,#gnav .gnav04_on a.lv1{background-position:-280px 0px}
#gnav .gnav05 a.lv1{background-position:-373px 0px}
#gnav .gnav06 a.lv1{background-position:-466px 0px}
#gnav .gnav07 a.lv1{background-position:-559px 0px}
#gnav .gnav08 a.lv1{background-position:-652px 0px}
#gnav .gnav01 a.lv1:hover,#gnav .gnav01 .lv1_curr{background-position:0px -56px;overflow:hidden;}
#gnav .gnav02 a.lv1:hover,#gnav .gnav02_on a.lv1:hover,#gnav .gnav02 .lv1_curr,#gnav .gnav02_on .lv1_curr{background-position:-94px -56px;overflow:hidden;}
#gnav .gnav03 a.lv1:hover,#gnav .gnav03_on a.lv1:hover,#gnav .gnav03 .lv1_curr,#gnav .gnav03_on .lv1_curr{background-position:-187px -56px;overflow:hidden;}
#gnav .gnav04 a.lv1:hover,#gnav .gnav04_on a.lv1:hover,#gnav .gnav04 .lv1_curr,#gnav .gnav04_on .lv1_curr{background-position:-280px -56px;overflow:hidden;}
#gnav .gnav05 a.lv1:hover,#gnav .gnav05 .lv1_curr{background-position:-373px -56px;overflow:hidden;}
#gnav .gnav06 a.lv1:hover,#gnav .gnav06 .lv1_curr{background-position:-466px -56px;overflow:hidden;}
#gnav .gnav07 a.lv1:hover,#gnav .gnav07 .lv1_curr{background-position:-559px -56px;overflow:hidden;}
#gnav .gnav08 a.lv1:hover,#gnav .gnav08 .lv1_curr{background-position:-652px -56px;overflow:hidden;}

/* サブカテゴリ */

#gnav .gnav02 .gnav02_sub,
#gnav .gnav03 .gnav03_sub,
#gnav .gnav04 .gnav04_sub,
#gnav .gnav08 .gnav08_sub{
display:none;
}
#gnav .gnav02_on .gnav02_sub,
#gnav .gnav03_on .gnav03_sub,
#gnav .gnav04_on .gnav04_sub,
#gnav .gnav08_on .gnav08_sub{
width:93px;
background:#99d0aa url(../img_cmn/menu_sub_bg.gif) left bottom no-repeat;
padding:0px 0px 8px 0px;
}
#gnav .gnab_sub_li,
#gnav .gnab_sub_li_btm{
background:url(../img_cmn/mark_6.gif) 2px 4px no-repeat;
_background:url(../img_cmn/mark_6.gif) 5px 4px no-repeat;
padding:0px 0px 4px 8px;
display:block;
float:none;
height:auto;
background-color:#fff;
border-right:3px solid #99d0aa;
border-left:3px solid #99d0aa;
line-height:1.2em;
font-size:92%;
font-weight:bold;
}
#gnav .gnab_sub_li_btm{
padding-bottom:0px;
}
*:first-child+html #gnav .gnav02_on .gnav02_sub,
*:first-child+html #gnav .gnav03_on .gnav03_sub,
*:first-child+html #gnav .gnav04_on .gnav04_sub,
*:first-child+html #gnav .gnav08_on .gnav08_sub{
margin-top:0.2em;
}
*:first-child+html #gnav .gnab_sub_li,
*:first-child+html #gnav .gnab_sub_li_btm{ /* for Win IE 7 */
background:#fff url(../img_cmn/mark_6.gif) 2px 4px no-repeat;
width:79px;
margin-top:-0.25em;
}
*:first-child+html #gnav .gnab_sub_li_btm{ /* for Win IE 7 */
margin-top:-0.45em;
margin-bottom:-0.2em;
}

#gnav .gnab_sub_li a,
#gnav .gnab_sub_li_btm a{
color:#333;
text-decoration:none;
}
#gnav .gnab_sub_li a:hover,
#gnav .gnab_sub_li_btm a:hover{
color:#5880b0;
text-decoration:none;
}

/* パンくず */
#topicpath{
padding-top:80px;
position:relative;
height:20px;
font-size:92%;
}

/* ローカルナビ */

#lnavbox{
background:url(../img_cmn/lnavbox_bg.gif) repeat;
width:200px;
}
#lnavbox .inner1{
background:url(../img_cmn/lnavbox_top.gif) top center no-repeat;
}
#lnavbox .inner2{
background:url(../img_cmn/lnavbox_btm.gif) bottom center no-repeat;
}
#lnavbox ul{
padding:10px 5px;
}
#lnavbox li{
border-left:2px solid #5193d0;
border-bottom:1px solid #5193d0;
margin-bottom:3px;
line-height:1.2em;
background:#fff url(../img_cmn/mark_2.gif) 8px 8px no-repeat;
}
#lnavbox li.btm{
margin-bottom:0px;
}
#lnavbox li a,
#lnavbox li .curr{
display:block;
padding:6px 0px 5px 20px;
margin:0;
color:#333;
font-weight:bold;
text-decoration:none;
_width:168px;/* for Win IE 6.0 */
}
#lnavbox li a:hover,
#lnavbox li .curr{
background:#5193d0 url(../img_cmn/mark_3.gif) 8px 8px no-repeat;
_background-position:6px 8px;/* for Win IE 6.0 */
color:#fff;
}
*:first-child+html #lnavbox li a:hover,
*:first-child+html #lnavbox li .curr{ /* for Win IE 7 */
background-position:6px 8px;/* for Win IE 6.0 */
}

/* 見出しタグ */

.ttlbox{
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
margin-bottom:20px;
}
.ttlbox h2{
background-color:#e9e9e9;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
padding:5px 5px 5px 10px;
font-size:120%;
}
.ttlbox h2 .ttl_sub{
font-size:83%;
font-weight:normal;
color:ae0007;
}
.ttlbox h2 .ttl_sub2{
font-size:90%;
font-weight:normal;
}

.ttlbox2 h2 .ttl_sub{
font-size:83%;
font-weight:normal;
}

.ttlbox2{/* カテゴリトップ用 */
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
margin-bottom:10px;
}
.ttlbox2 h2{
border-top:1px solid #fff;
border-bottom:1px solid #fff;
padding:5px 5px 5px 20px;
font-size:110%;
background:#e9e9e9 url(../img_cmn/mark_5.gif) 8px 10px no-repeat;
}

.sttlbox{
background:url(../img_cmn/sttl_line.gif) left bottom repeat-x;
padding-bottom:4px;
margin-bottom:10px;
}
.sttlbox h3{
font-size:110%;
padding-left:20px;
background:url(../img_cmn/sttl_head.gif) 0px 2px no-repeat;
}

h4.ssttl{
border-left:5px solid #5193d0;
padding-left:8px;
}

/* カテゴリトップ */

.c_top_left{
float:left;
width:370px;
}
.c_top_right{
float:right;
width:370px;
}
.c_top_left .inner_left,
.c_top_right .inner_left{
float:left;
width:170px;
}
.c_top_left .inner_right,
.c_top_right .inner_right{
float:right;
width:200px;
}

/* 詳細ページ p */

#rightContainer p{
margin-bottom:1em;
}
#rightContainer p.mb0{
margin-bottom:0px;
}

/* ページトップ */

.pagetop{
margin:20px 10px 0px 0px;
text-align:right;
font-size:90%;
}
.pagetop a{
padding-left:14px;
background:url(../img_cmn/mark_4.gif) 0px 3px no-repeat;
}


/* テーブル */

.tb_style1{
width:545px;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
}
.tb_style1 th,
.tb_style1 td{
font-size:80%;
font-weight:normal;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
}
.tb_style1 th{
text-align:center;
background-color:#e6e6e6;
}
.tb_style1 td{
padding:0px 4px;
text-align:right;
background-color:#ffffe6;
}

.tb_style2{
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
}
.tb_style2 th,
.tb_style2 td{
padding:2px;
font-weight:normal;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
}
.tb_style2 th{
text-align:center;
background-color:#e6e6e6;
}
.tb_style2 td{
padding:0px 4px;
text-align:left;
background-color:#ffffe6;
}

.tb_style3 th{/* 日帰り入院の流れ */
border:1px solid #ccc;
background-color:#e9e9e9;
padding:2px;
}
.tb_style3 th.th01{
background-color:#edf5de;
line-height:1em;
width:20px;
}

.tb_style4{/* 登録医紹介 */
width:760px;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
}
.tb_style4 th,
.tb_style4 td{
border-top:1px solid #ccc;
border-left:1px solid #ccc;
padding:2px 2px 2px 5px;
}
.tb_style4 th{
background-color:#e6e6e6;
}
.tb_style4 td.name{
background-color:#dbeee0;
font-weight:bold;
}

.tb_style5{
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
}
.tb_style5 th,
.tb_style5 td{
padding:2px;
font-weight:normal;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
}
.tb_style5 th{
font-weight:bold;
text-align:center;
background-color:#e6e6e6;
}
.tb_style5 td{
padding:2px 4px;
text-align:left;
background-color:#ffffe6;
}

/* 新着情報 */

.dl_news,
.dl_topics,
.dl_media{
margin:10px 20px 20px 20px; 
line-height:2.2em;
}
.dl_news dt,
.dl_topics dt,
.dl_media dt{
float:left;
clear:left;
}
.dl_news dd,
.dl_topics dd,
.dl_media dd{
padding-left:10em;
border-bottom:1px dotted #ccc;
}

/* トピックス詳細 */

.mews_detail{
margin:10px 20px 100px 20px;
}
.mews_detail p{
margin-bottom:1em;
}

/* リスト */

.list_dot li{
list-style:disc outside;
margin-left:40px;
}

.list_def dd{
margin-left:40px;
}

.list_num li{
list-style:decimal outside;
margin-left:40px;
}
.list_num2 li{
list-style:upper-roman outside;
margin-left:30px;
}

/* フォントカラー */

.f_maroon{
color:#ae0007;
}
.f_orange{
color:#f60;
}
.f_green{
color:#6c0;
}

/* マイナスインデント（※付きの文章） */

.indent_minus{
margin-left:1em;
text-indent:-1em;
}

/* PDFリンク */

.pdf{
padding:2px 20px 0px 0px;
background:url(../img_cmn/icon_pdf.gif) right bottom no-repeat;
}

/* 詳細リンク */

.viewdetail{
text-align:right;
margin:20px 5px 0px 0px;
}
.viewdetail a{
padding-left:8px;
background:url(../img_cmn/mark_1.gif) 0px 4px no-repeat;
}

.viewdetail2{
padding-left:8px;
background:url(../img_cmn/mark_1.gif) 0px 4px no-repeat;
}


/* ボーダー付きボックス */

.orangebox{
padding:10px 10px 0px 10px;
border:1px dotted #fc0;
background-color:#ffffe6;
}

/* よくある質問 */

.qa dt{
float:left;
clear:left;
font-weight:bold;
}
.qa dd{
margin-left:2.5em;
}

/* 日帰り手術　リンク */

#dayope_linx{
background:url(../img_cmn/bg_blue_1.gif) repeat;
padding:5px 5px 5px 8px;
margin-bottom:20px;
}
#dayope_linx_btm{
background:url(../img_cmn/bg_blue_1.gif) repeat;
padding:5px 10px 5px;
margin:30px 0px 20px;
font-size:100%;
}
#dayope_linx .grayout,
#dayope_linx_btm .grayout{
color:#777;
}

/* 日帰り手術　バナー */

#dayope_ttlbox .ttlbox_left{
float:left;
width:399px;
}
#dayope_ttlbox .ttlbox_right{
float:right;
width:136px;
}

/* 登録医紹介 */

#reg_linx{
background:url(../img_cmn/bg_blue_1.gif) repeat;
padding:3px 10px 2px;
margin:5px 0px 10px;
font-weight:bold;
}

/* 交通アクセス リンク */

.viewdetail3{
text-align:right;
margin:0px 5px 0px 0px;
}
.viewdetail3 a{
padding-left:8px;
background:url(../img_cmn/mark_1.gif) 0px 4px no-repeat;
}

/* 横長バナー */

.guidance_bn{
border-top:1px dotted #ccc;
margin-top:20px;
padding-top:20px;
}
.guidance_bn img{
display:block;
margin-bottom:15px;
margin-left:100px;
}

/* 看護部ムービー */

.mov_box_left{
float:left;
width:180px;
}
.mov_box_left img{
border:1px solid #5193d0;
}
.mov_box_right{
float:right;
width:360px;
}
.mov_bt{
text-align:right;
padding-right:10px;
}
.bdr_dtm{
border-bottom:1px dotted #5193d0;
padding-bottom:10px;
}

/* お見舞いメール */

.om_box{
background:url(../omimai/img/img_01.gif) no-repeat right top;
padding-bottom:50px;
}
.om_box p{
margin-bottom:1em;
width:500px;
margin:20px 0px 0px 10px;
}
.om_box img{
margin:30px 0px 20px 20px;
}

/* 関連リンク */

.link_box{
margin:15px 0px 20px;
}
.link_box .inner{
padding:0px 15px 0px;
}
.link_box .inner p{
padding:0px 20px 0px;
}


/*	[4-3] 詳細 | Foot Container
************************************************/

#footContainer{
margin:10px 0 0 0;
padding:10px 0 20px 0;
border-top:1px solid #ccc;
}
#foot_1{
float:left;
width:100px;
}
#foot_2{
float:left;
width:400px;
}
#foot_2 address{
font-style:normal;
font-size:90%;
}
#foot_3{
float:right;
width:260px;
}
#foot_3 ul{
width:259px;
}
#foot_3 li{
float:left;
display:inline;
}

#fnav1 a,
#fnav2 a,
#fnav3 a{
height:14px;
display:block;
text-decoration:none;
text-indent:-9999px;
/*\*/overflow:hidden;/**/
}


#fnav1 a{
width:106px;
background:url(../img_cmn/foot_link_1.gif) no-repeat;
}
#fnav2 a{
width:62px;
background:url(../img_cmn/foot_link_2.gif) no-repeat;
margin-left:8px;
}
#fnav3 a{
width:59px;
background:url(../img_cmn/foot_link_3.gif) no-repeat;
margin-left:8px;
}
#fnav1 a:hover,
#fnav2 a:hover,
#fnav3 a:hover{
background-position:0px -14px;
}