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



* {
	margin: 0;
	padding: 0;
	font-size: 100%;
	border: 0;
	list-style-type: none;
}

body {
	background: #fff;
}

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px; /* IE7用 */
}

* html .clearfix {
  height: 1px; /* IE6用 */
}

.clr {
	clear: both;
}
.hide {
	display: none;
}
.small {
	font-size: 80%;
	line-height: 1.4em;
}
.deepred {
	color: #CC6666;
}
.purple {
	color: #9933CC;
}
.red {
	color: #CC3333;
}
.left {
	float: left;
}
.right {
	float: right;
}

.chushaku {
	font-size: 0.8em;
	color: #CC3366;
}


/* リンク文字の色など */
.body_children a {
	text-decoration : none;
	color: #336699;
}



/* .body_childrenは、ホーム以外のページのbodyにつけたclass------------------ */

.body_children {
	color: #333333;
	font: small "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	line-height: 1.5em;
}





/* ///////////////////// ヘッダー&ナビ ///////////////////// */

#wrapper1 {
	background: url(../images/bg_navi.gif) repeat-x bottom;
}
/* ヘッダー------------------------- */
#header {
	width: 850px;
	height: 75px;
	margin: 0 auto;
}
h1 {
	float: left;
	padding-top: 16px;
}
#ht_right {
	float:right;
	padding-top: 16px;
}


/* ナビ------------------------- */
#navi {
	width: 850px;
	height: 34px;
	margin: 0 auto;
}
#navi li {
	display: inline;
	float: right;
	padding-left: 15px;
}
#navi li img {
	vertical-align: bottom;
}



/* ///////////////////// コンテンツ ///////////////////// */

#wrapper2 {
	background: url(../images/bg_grd.gif) repeat-x top;
}
#container {
	width: 850px;
	padding: 0;
	margin:0 auto;
}
/* パンくず------------------------- */
#bread {
	padding: 10px 0;
	height: 12px;
	margin: 0;
}
#bread p {
	font-size: 90%;
	line-height: 1em;
	color: #333333;
	margin: 0px;
	padding: 0px;
}
#bread p a {
	color: #003399;
}
#bread p a:hover {
	color: #FF0000;
}



/* 左カラムー------------------------- */
div#left {
	width: 176px;
	float: left;
	margin: 0;
}


ul.category_list {
	background: url(../images/side/bg_side_pink.gif) repeat-y;
	line-height: 1em;
}
div.category_lilst_btm {
	background: url(../images/side/be_side_btm.gif) no-repeat bottom;
	padding-bottom: 12px;
}
ul.category_list li {
	padding: 3px 0 4px 13px;
}
ul.category_list li a {
	color: #003399;
}
ul.category_list li a:hover {
	color: #FF0000;
}
ul.category_list img {
	margin-right: 3px;
	_padding-bottom: 3px;
	vertical-align: middle;
	padding-bottom: 3px;
}


img#sidebtn01, img#sidebtn02 {
	vertical-align: bottom;
}
#map img, #far img, #feature img, #drug img, #hospitals img, #director img {
	vertical-align: bottom;
}
#map {
	margin-top: 5px;
}
#far {
	margin-top: 5px;
}
#feature {
	margin-top: 5px;
}
#drug {
	margin-top: 5px;
}
#hospitals {
	margin-top: 5px;
}
#director {
	margin-top: 5px;
}
#aisatsu {
	margin-top: 10px;
}
img#feature {
	vertical-align: bottom;
}
img#feature2 {
	vertical-align: bottom;
}





/* 右カラムー------------------------- */
#right {
	width: 674px;
	float: right;
	margin: 0;
	background: #fff;
}
h2 {

}




#new_ttl {
	margin-bottom: 10px;
}




/* ///////////////////// フッター ///////////////////// */

#wrapper3 {
	background: url(../images/bg_footer.gif) repeat-x bottom;
}
#footer {
	width: 850px;
	height: 72px;
	margin: 5px auto 15px;
}
#footer ul {
	height: 37px;
	text-align: center;
}
#footer li {
	display: inline;
	padding: 0 5px;
	_padding-left: 0;
}
*:first-child+html #footer li {
	padding-left: 0;
}
img.copyright {
	float: right;
	height: 35px;
}




















/* rightの中------------------------- */

#right #main {
	width: 620px;
	padding: 0 20px;
}

#right .sub_menu {
	padding-bottom: 15px;
	font-size: 12px;
	padding-top: 20px;
	line-height: 1em;
}
#right .sub_menu p {
	padding: 9px 0;
}
#right .sub_menu img {
	margin-right: 5px;
	_padding-bottom: 3px;
	vertical-align: middle;
	padding-bottom: 3px;
}





/* mainのワクの下のライン */
.r_corner {
	width: 650px;
	height: 4px;
	background: url(images/round_corner_low.gif) no-repeat left top;
	_height: ;
}

#right h3 {
	width: 620px;
	height: 35px;
	background: url(images/h3_back.gif) no-repeat top left;
	font-size: 100%;
	letter-spacing: 0.1em;
	padding: 6px 0 0 25px;
	_padding: 8px 0 0 25px;
	_height: 25px;
	_margin: 25px 0 0;
	_width: 609px;
	margin: 0px 0px 20px;
}
*:first-child+html #right h3 {
	height: 27px;
	padding: 6px 0 0 25px;
}

.body_children h4 {
	font-size: 120%;
	/*color: #ea7d7d;*/
	color: #f05454;
	margin-top: 10px;
	margin-bottom: 10px;
	border-bottom: 2px dotted #cc6666;
	padding: 0 3px 3px;
}

/* リード */
#right .lead {
	width: 620px;
	margin: 0;
}
#right .lead p {
	line-height: 1.5em;
	padding-bottom: 1em;
}






/* お問い合わせ */
#inq {
	width: 533px;
	height: 131px;
	background: url(byokikara/img/hayameni.gif) no-repeat left top;
	margin: 50px auto 0;
}
#inq p {
	font-weight: bold;
	color: #88b9e2;
	padding: 35px 0 0 95px;
}


/* 下方のリンク（病気・症状から探す） */
#right #byoki_link {
	border-top: 1px dotted #cccccc;
	border-bottom: 1px dotted #cccccc;
	padding: 5px 20px;
	margin: 25px 0 0;
	_margin: 15px 0 10px;
}
.body_children #right ul.byoki {
	list-style-position: outside;
	list-style-type: none;
	line-height: 1.5em;
	margin-left: 10px;
}
#right #byoki_link li {
	padding-right: 0px;
	width: 200px;
	float: left;
	_padding: 3px 0;
}
#right #byoki_link li img {
	padding-right: 3px;
}






#right .sub_menu3 {
	padding-bottom: 15px;
	font-size: 12px;
	line-height: 18px;
	padding-top: 10px;
}
#right .sub_menu3 img {
	margin-right: 5px;
	_padding-bottom: 3px;
	vertical-align: middle;
}

.sub_menu3 .ank_link {
	font-size: 10px;
	color: #FF0000;
}



/* */
#header_top {height:43px; width:862px; padding:16px 15px 5px 13px}
#header_top h1 img {display:block}
#header_top #ht_right {float:right}
#header_top #ht_right img {display:block; float:right}
#header_top #ht_right img#sitemap {margin:20px 6px 0 0}
#navi_g {height:36px}
#navi_g ul {}
#navi_g ul li {list-style-type:none; float:left; }
#navi_g ul li img {display:block}
#flash_area {padding:0px 15px 0; clear:both; float:none;}
#flash_area div {margin:14px 0 0; border:1px solid #999; height:213px}
#top_main {width:860px; padding:10px 15px 27px; overflow:auto}
#top_main ul {}
#top_main ul li {list-style-type:none; float:left; margin:0 10px 0 0}
#top_main ul li#w300 div#upper {background:url(../images/w300b.jpg) no-repeat; width:300px; height:164px}
#top_main ul li#w300 div#upper div {padding:10px 15px}
#top_main ul li#w300 div#upper div ul {float:left}
#top_main ul li#w300 div#upper div ul li {background:url(../images/tri_enpo.jpg) left top no-repeat; padding:0 0 4px 16px; clear:both; line-height:110%; width:132px; margin:0}
#top_main ul li#w300 div#upper div ul#aright li {background:url(../images/tri_enpo.jpg) left top no-repeat; padding:0 0 4px 16px; clear:both; line-height:110%; width:104px; margin:0}
#ibottom {width:298px; height:108px; border:#ccc solid 1px; padding:0 0px;}
ul#iframe {background:#FFF}
ul#iframe {}
ul#iframe li {list-style-type:none; background:url(../images/dotline_top.gif) left bottom repeat-x; width:260px; clear:both; margin:0 auto; float:none}
ul#iframe li p {background:url(../images/tri_enpo.jpg) left top no-repeat; font-size:12px; padding:0px 0 8px 16px; margin-top:6px}
#top_main ul li#r180 {margin:0 0px 0 !important}
#top_main ul li#r180 div {}
#top_main ul li#r180 div ul#iframe {}
#top_main ul li#r180 div ul#iframe li {list-style-type:none; background:url(../images/dotline_top.gif) left bottom repeat-x; width:175px; clear:both; margin:0 auto; float:none}
#top_main ul li#r180 div ul#iframe li p {background:url(../images/tri_enpo.jpg) left top no-repeat; font-size:12px; padding:0px 0 4px 16px; margin-top:4px}
#top_main ul li img {display:block}
#top_main ul li#l180 div {float:left; clear:both}
#top_main ul li#l180 div#upper div ul {float:left; padding:6px 0 6px 6px}
#top_main ul li#l180 div#upper div ul li {background:url(../images/tri_enpo.jpg) left top no-repeat; padding:0 0 4px 16px; clear:both; line-height:110%; width:140px; margin:0}
#top_main ul li#l180 div#upper div ul li.bottom {font-size:10px; font-weight:bold; margin:6px 0 4px}
#silver_line {width:890px; height:10px; background:#999; overflow:hidden}
#footer {
	width: 850px;
	height: 100px;
	margin: 15px auto;
}
#footer ul {
	height: 20px;
	text-align: center;
}
#footer li {
	display: inline;
	padding: 0 5px;
	_padding-left: 0;
}
*:first-child+html #footer li {
	padding-left: 0;
}
img.copyright {
	float: right;
	height: 35px;
	margin-top: 25px;
}

li#w170 img {padding-bottom:2px}
li#w170 div {padding-bottom:2px }
li#w170 div img {padding-bottom:0px }

li#w300 #upper {margin:5px 0 12px}
li#w300 #ibottom {margin-top:5px}

li#r180 img {padding-bottom:5px}
li#r180 #iframe {padding-bottom:10px}

div#left div#sidemenu {width:176px;}
div#left div#sidemenu img {display:block}
div#left div#sidemenu div.okangae {padding-bottom:5px}
div#left div#sidemenu div.qna {padding-bottom:6px; background:url(../images/dotline_topside.jpg) repeat-x bottom; margin-bottom:8px}
div#left div#sidemenu div.qna img {padding-bottom:4px}
div#left div#sidemenu div.shohosen {padding:10px 0 8px}
div#left div#sidemenu div.shohosen img {padding-bottom:3px}

/* added link color */
a:hover {color:#FF0000}}

