/* =========================================================
 name:     main.css
 Modified: 2009-9-21
 editor:    thayashi
========================================================= */



/* =========================================================
 css reset
========================================================= */

body, form, select, input ,ul ,li ,dl ,dt ,dd ,p ,h1 ,h2 ,h3 ,h4 ,h5 ,h6 ,div, fieldset, legend { margin: 0; padding: 0; line-height:1.22;}
body { color:#666; font-family: "Hiragino Kaku Gothic Pro", Osaka ,Arial, Helvetica, sans-serif; font-size:small;}
html:not(:target) body { font-size:13px; }
fieldset {border: 0;}
li {list-style-type:none;}
p { padding-bottom: 0.2em;}
select, input, textarea {font:100% Arial, Helvetica, sans-serif;}



/* =========================================================
 common
========================================================= */

/* layout
--------------------------------------------------------- */

.floatL { float:left;}
.floatR { float:right;}
.floatC { clear:both;}
.alignL { text-align:left;}
.alignR { text-align:right;}
.alignC { text-align:center;}


/* basic link color
--------------------------------------------------------- */

a:link {color: #366bd7;}
a:visited {color: #609;}
a:hover {color: #c33; text-decoration: underline;}
a:active {color: #c33;}
a.navi:visited {color: #366bd7;}
a.navi:hover {color: #c33;}


/* khHeader
--------------------------------------------------------- */

#khHeaderContainer { background:url(../img/head_bg1.gif) repeat-x left top;}
#khHeader { width:950px; margin:0 auto;}
#khHeader img { border:0;}
#khHeader span.headText { display:block; font-size:100%; color:#fff; height:25px; line-height:25px; padding-left:67px;}
#khHeader div.head {background:url(../img/head_bg2.gif) no-repeat left top; padding-top:4px; height:51px; position:relative;}
#khHeader div.head img { display:block;}
#khHeader div.title {margin-top:-29px; position:relative; z-index:10;}
#khHeader div.address { position:absolute; right:15px; top:11px; width:201px; height:36px;}


/* khFooter
--------------------------------------------------------- */

#khFooterContainer { background:#5b3f45; color:#fff;}
#khFooter { background:url(../img/foot_bg2.gif) left top no-repeat; width:950px; margin:0 auto; padding:40px 7px 20px; overflow:hidden; zoom:1;}
#khFooter.top { background-image:url(../img/foot_bg1.gif) }
#khFooter div.cpr { float:left; font-size:92%;}
#khFooter div.address { float:right; font-size:92%;}
#khFooter div.address a { color:#fff;}
#khFooter div.address a:visited { color:#fff;}
#khFooter div.address a:hover { color:#c33;}
#khFooter div.address a.access { background:url(../img/link_arw.gif) no-repeat right center; padding-right:14px;}


/* khGNavi
--------------------------------------------------------- */

#khGNavi { width:950px; height:62px; padding:0 7px; margin:0 auto; background:url(../img/gnavi.gif) left top no-repeat;}
#khGNavi ul { overflow:hidden; zoom:1;}
#khGNavi ul li { float:left; height:52px;}
#khGNavi ul li a {display:block; height:52px; background:url(../img/gnavi.gif) 0 -120px no-repeat; text-decoration:none; text-indent:-10000px; font:0px/0px sans-serif;}
#khGNavi ul li.gn1 { width:137px;}
#khGNavi ul li.gn2 { width:135px;}
#khGNavi ul li.gn3 { width:135px;}
#khGNavi ul li.gn4 { width:135px;}
#khGNavi ul li.gn5 { width:135px;}
#khGNavi ul li.gn6 { width:135px;}
#khGNavi ul li.gn7 { width:138px;}

#khGNavi ul li.gn1 a:hover, #khGNavi ul li.gn1.on a.gn1 { width:137px; background-position:-7px -62px;}
#khGNavi ul li.gn2 a:hover, #khGNavi ul li.gn2.on a.gn2 { width:135px; background-position:-144px -62px;}
#khGNavi ul li.gn3 a:hover, #khGNavi ul li.gn3.on a.gn3 { width:135px; background-position:-279px -62px;}
#khGNavi ul li.gn4 a:hover, #khGNavi ul li.gn4.on a.gn4 { width:135px; background-position:-414px -62px;}
#khGNavi ul li.gn5 a:hover, #khGNavi ul li.gn5.on a.gn5 { width:135px; background-position:-549px -62px;}
#khGNavi ul li.gn6 a:hover, #khGNavi ul li.gn6.on a.gn6 { width:135px; background-position:-684px -62px;}
#khGNavi ul li.gn7 a:hover, #khGNavi ul li.gn7.on a.gn7 { width:138px; background-position:-819px -62px;}


/* subMenu
--------------------------------------------------------- */
div.subMenu { margin-left:10px;}
div.subMenu ul {}
div.subMenu ul li { margin-bottom:1px; width:185px; zoom:1;}
div.subMenu ul li a { display:block; background:url(../img/subnavi_bg.gif) no-repeat; color:#614345; text-decoration:none; padding-top:12px; width:185px;}
div.subMenu ul li a span { display:block; padding-left:17px; padding-bottom:12px; background:url(../img/subnavi_bg.gif) no-repeat -185px bottom;}
div.subMenu ul li a:visited { color:#614345; text-decoration:none;}
div.subMenu ul li.on a, div.subMenu ul li.on a:visited, div.subMenu ul li a:hover { background-position: -370px top; color:#fff; text-decoration:none;}
div.subMenu ul li.on a span, div.subMenu ul li a:hover span { background-position: -555px bottom;}


/* khBodyContainer
--------------------------------------------------------- */

#khBodyContainer { background:#f1d7d2 url(../img/body_bg1.gif) repeat-x left top;}
#khBody { background:#fff url(../img/body_bg2.gif) repeat-y; width:920px; padding:0 22px; margin:0 auto;}
#khBody.top { width:950px; padding:0 7px;}


/* breadCrumbs
--------------------------------------------------------- */

div.breadCrumbs { padding-bottom:8px; color:#666;}


/* columns
--------------------------------------------------------- */
div.columns { background:url(../img/ks_2columns_bg.gif) repeat-y; overflow:hidden; zoom:1; padding-top:17px;}
div.columns div.col1 { float:left;  width:205px;}
div.columns div.col2 { margin-left:205px; padding:0 10px 10px 25px;}


/* paging
--------------------------------------------------------- */
div.paging { margin-top:15px; text-align:center; background:url(../img/dotline-h.gif) no-repeat top; padding-top:10px; zoom:1;}
div.paging span { display:inline-block; margin-right:5px;}
div.paging span.on {background:#f7cec5; padding:5px 8px;}
div.paging span a {display:inline-block; padding:5px 8px; background:#f9f5f2; }
div.paging span.f a {background:url(../img/link_arw4.gif) no-repeat right center; padding:5px 0; padding-right:14px;}
div.paging span.b a {background:url(../img/link_arw3.gif) no-repeat left center; padding:5px 0; padding-left:14px; margin-right:5px;}

div.mtPaging { margin-top:15px; text-align:center; background:url(../img/dotline-h.gif) no-repeat top; padding-top:10px; zoom:1;}
div.mtPaging b { display:inline-block;background:#f7cec5; padding:5px 8px; margin-right:5px;}
div.mtPaging a { display:inline-block;background:#f9f5f2; padding:5px 8px; margin-right:5px;}
div.mtPaging a:visited {color: #366bd7;}
div.mtPaging a:hover {color: #c33;}
div.mtPaging span.np a, div.mtPaging span.pp a { background:none; padding:0; margin-right:0;}
div.mtPaging span.np { display:inline-block;background:url(../img/link_arw4.gif) no-repeat right center; padding:5px 0; padding-right:14px;}
div.mtPaging span.pp { display:inline-block;background:url(../img/link_arw3.gif) no-repeat left center; padding:5px 0; padding-left:14px; margin-right:5px;}



/* h1, h2
--------------------------------------------------------- */
div.h1, div.h2 { border:1px solid #9d868c; padding:1px; margin-bottom:26px;}
div.h1 h1, div.h2 h2 { background:url(../img/h2_bg2.gif) repeat-x; padding:9px; padding-bottom:8px; color:#fff; font-size:107%; line-height:1.1;}


/* contentBlock
--------------------------------------------------------- */
div.contentBlock { margin-bottom:14px; }
div.contentBlock div.head { background:url(../img/h2_bg.gif) repeat-x bottom; margin-bottom:14px; padding-bottom:10px;}
div.contentBlock h2 {font-size:107%;}
/*div.contentBlock.qa div.head { padding-bottom:8px;}*/
div.contentBlock.qa h2 { background:url(../img/q.gif) no-repeat left center; padding-left:30px; line-height:26px;}
div.contentBlock div.body { overflow:hidden; zoom:1;}
div.contentBlock.qa div.body { background:url(../img/a.gif) no-repeat left top; padding-left:30px; min-height:26px;/* _height:26px;*/ padding-top:2px;}

div.contentBlock div.body p {line-height:1.4; padding-bottom:1em;}
div.contentBlock div.body p span.att { color:#ae1b10;}
div.contentBlock div.foot { text-align:right; margin-top:10px;}
div.contentBlock div.foot a.navi { background:url(../img/link_arw2.gif) no-repeat right center; padding-right:14px;}
div.contentBlock div.img.floatR { padding-left:10px; padding-bottom:10px;}
div.contentBlock ul.theme01 { overflow:hidden; zoom:1;}
div.contentBlock ul.theme01 li { float:left; width:320px; padding: 0.4em 0; background:url(../img/dot1.gif) no-repeat 4px 0.85em; padding-left:12px; }
div.contentBlock ul.theme02 { }
div.contentBlock ul.theme02 li { padding: 0.4em 0; background:url(../img/dot1.gif) no-repeat 4px 0.85em; padding-left:12px; }

div.contentBlock div.tel { background:#f7f1eb; padding:20px; text-align:center; margin-top:14px; -moz-border-radius:3px; -webkit-border-radius:3px;}
div.contentBlock div.tel address { display:inline; font-style:normal; font-weight:bold; font-size:24px; background:url(../img/telicon.gif) no-repeat left center; line-height:30px; padding-left:34px; color:#ae1b10;}
div.subContent { background:#f7f1eb; -moz-border-radius:3px; -webkit-border-radius:3px; padding:13px;}
div.subContent h3 { background:url(../img/h2_bg3.gif) repeat-y left top; line-height:16px; padding-left:13px; margin-bottom:3px;}
div.subContentBody { overflow:hidden; zoom:1; background:url(../img/dotline2-h.gif) repeat-x top; padding-top:10px;}


/* caution
--------------------------------------------------------- */

div.caution {}
div.caution h2 { background:#e88a7a; padding:5px 10px; color:#fff;}
div.caution div.cautionBody { background:#f7e8e4; }
div.caution ul {padding:15px; margin:0 10px;} 
div.caution ul li { list-style-type:disc; margin-bottom:0.5em;}
div.caution p {padding:15px; }


/* tableTheme01
--------------------------------------------------------- */

table.theme01 { width:100%; border:0; margin-bottom:10px;}
table.theme01 caption { text-align:left; font-weight:bold; margin-bottom:3px;}
table.theme01 th, table.theme01 td { border:0; padding:8px 25px; padding-bottom:11px; background:url(../img/table_theme01_bg.gif) repeat-x bottom;}
table.theme01 tr.last th, table.theme01 tr.last td { padding-bottom:8px; background-image:none;}
table.theme01 th { width:6em; font-weight:normal; background-color:#f2d8d4; text-align:center;}
table.theme01 td { background-color:#f7f1eb}
table.theme01 td span.att { color:#ae1b10;}
table.theme01 tr.head th { background-color:#e6b7b0; color:#fff; text-align:center;} 
table.theme01 tr.head td { background-color:#e0ccb9; color:#fff; text-align:center;} 
table.theme01.setsubi th { padding:8px 6px; width:12em;}



/* =========================================================
 top page
========================================================= */


/* mainNavi
--------------------------------------------------------- */
div.mainNavi { margin-top:20px; overflow:hidden; zoom:1; margin-left:15px; padding-bottom:10px; background:url(../img/dotline-h.gif) no-repeat left bottom;}

div.ksTsushin { border:1px solid #9d868c; width:448px; padding:1px; background:#f7f5ef; float:left; min-height:202px; _height:202px;}
div.ksTsushin dl { margin:12px; color:#9d868c;}
div.ksTsushin dt { margin-bottom:0.5em;}
div.ksTsushin dd { margin-bottom:1em;}

div.ksMainContents { float:left; width:448px; margin-left:14px;}
div.ksMainContents img {display:block; border:0;}
div.ksMainContents ul { zoom:1;}
div.ksMainContents li { margin-bottom:4px; zoom:1;}


/* hospInfo
--------------------------------------------------------- */
div.hospInfo { overflow:hidden; zoom:1; padding:15px; margin:15px; background:#f7f5ef;}
div.hospInfo div.photos {width:272px; padding-right:25px; float:left;}
div.hospInfo div.photos div.photo { margin-bottom:10px;}
div.hospInfo div.photos div.photo.last { margin-bottom:0;}
div.hospInfo div.photos div.photo span { line-height:1.4;}
div.hospInfo div.doctors { width:593px; float:left;}
div.hospInfo div.doctors div.head { background:url(../img/h2_bg.gif) repeat-x bottom; margin-bottom:14px; padding-bottom:10px;}
div.hospInfo div.doctors div.head h2 {font-size:107%;}
div.hospInfo div.doctors body { overflow:hidden; zoom:1; }
div.hospInfo div.doctors dl.doctor { float:left; min-height:150px; _height:150px; width:296px; overflow:hidden; zoom:1;padding-bottom:10px; margin-bottom:10px; _display:inline;}
div.hospInfo div.doctors dl.doctor dt { font-weight:bold; float:right; font-size:107%; width:160px; padding-right:6px; margin-bottom:1em;}
div.hospInfo div.doctors dl.doctor dd.desc {float:right; width:160px; padding-right:6px;} 
div.hospInfo div.doctors dl.doctor dd.img img { float:left;} 

/* otherInfo
--------------------------------------------------------- */
div.otherInfo { margin-left:15px; overflow:hidden; zoom:1;}
div.otherInfoBlock { width:100%; background:url(../img/top_other_info.gif) left bottom; float:left; color:#666;}
div.otherInfoBlock div.block0 { background:url(../img/top_other_info.gif) left top;}
div.otherInfoBlock div.block0 h2 {background:url(../img/top_other_info.gif) right top; margin-left:32px; padding-top:8px; padding-bottom:11px;}
div.otherInfoBlock div.block1 { clear:both; background:url(../img/top_other_info.gif) right bottom; margin-left:32px; padding: 0px 35px 14px 0px; min-height:12em; _height:12em; zoom:1;}
div.otherInfoBlock p { margin-bottom:0.3em;}
div.otherInfoBlock li { margin-bottom:0.3em; background:url(../img/dot1.gif) no-repeat 4px 0.6em; padding-left:12px; zoom:1;}
div.otherInfoBlock.sizes { width:297px;}
div.otherInfoBlock.sizem { width:608px; margin-left:15px;}



/* =========================================================
 sango
========================================================= */

ul.sangoList { overflow:hidden; zoom:1; background:#f7f1eb url(../img/images/sango_index_01.jpg) no-repeat 5px 15px; padding-left:148px; padding-top:40px; padding-bottom:30px; -moz-border-radius:3px; -webkit-border-radius:3px;}
ul.sangoList img { border:0;}
ul.sangoList li { float:left; padding-right:12px; padding-bottom:12px;}



/* =========================================================
 biyou
========================================================= */


/* biyouList
--------------------------------------------------------- */

ul.biyouList { margin-top:1em; overflow:hidden; zoom:1; padding-top:25px; padding-bottom:15px; padding-left:15px;-moz-border-radius:3px; -webkit-border-radius:3px; background:#f7f1eb}
ul.biyouList img { border:0;}
ul.biyouList li { float:left; padding-right:12px; padding-bottom:12px;}


/* subContentComm
--------------------------------------------------------- */

div.subContentComm { background:#f7f1eb; -moz-border-radius:3px; -webkit-border-radius:3px; padding:13px;}
div.subContentComm h3 {margin-bottom:5px;}
div.subContentComm h3 img { padding-right:6px; vertical-align:middle;}
div.subContentCommBody { overflow:hidden; zoom:1; background:url(../img/dotline2-h.gif) repeat-x top; padding-top:10px;}
div.subContentCommBody span.att { color:#d07264 !important}



/* =========================================================
 info
========================================================= */


/* infoMap
--------------------------------------------------------- */

div.infoMap { overflow:hidden; zoom:1;}
div.infoMap p.floatL { background:url(../img/dotline-v.gif) repeat-y top right; padding-right:14px;}
div.infoMap span.att { color:#d07264 !important}


/* doctor
--------------------------------------------------------- */

div.contentBlock dl.doctor { overflow:hidden; zoom:1;padding-bottom:10px; background:url(../img/dotline-h.gif) no-repeat left bottom; margin-bottom:10px; _display:inline;}
div.contentBlock dl.doctor dt { font-weight:bold; float:right; font-size:107%; width:490px; margin-bottom:1em;}
div.contentBlock dl.doctor dd.desc {float:right;  width:490px;} 
div.contentBlock dl.doctor dd.img img { float:left; padding:0;display:block;} 


/* photos
--------------------------------------------------------- */

div.photos { overflow:hidden; zoom:1;}
div.photos img { display:block;}
div.photos p.img { float:left; padding-right:20px; _padding-right:15px; padding-bottom:5px !important;}
div.photos p.img.min { padding-right:10px;}
div.photos p.img.last { padding-right:0;}
div.photos p.desc { clear:both; padding-bottom:15px !important;}