@import url(common.css);
@charset "Shift_JIS";

/* ------------------------------------------------------ */
/* タブメニュー */
#tab_menu{
	/*padding-top: 6px;*/
	}
#tab_menu h2{
	margin: 6px 0px 0px 0px;
	padding: 0px;
	}
/* ------------------------------------------------------ */
/* コンテンツ */
#contents p{
	margin: 10px 0px 0px 10px;
	padding: 0px;
	}
#contents h3{
	margin: 15px 0px 10px 0px;
	padding: 4px 5px;
	border-top: 1px solid #d3d3d3;
	border-right: 1px solid #d3d3d3;
	border-bottom: 1px solid #d3d3d3;
	border-left: 6px solid #555593;
	background: url(../images/h3_bg.gif) repeat-x 0% 0%;
	color: #555593;
	font-size: 90%;
	line-height: 140%;
	}
#contents h4{
	margin: 20px 0px 10px 0px;
	padding: 4px 5px;
	background-color: #555593;
	color: #fff;
	font-size: 78%;
	line-height: 140%;
	clear: both;
	}
#contents h4 a:link,
#contents h4 a:visited{
	color: #fff;
	text-decoration: none;
	}
#contents h4 a:hover,
#contents h4 a:active{
	color: #fff;
	text-decoration: underline;
	}
/* リスト */
.ol_style1{
	margin: 5px 0px 0px 35px;
	padding: 0px 0px 5px 0px;
	}
.ol_style1 li{
	padding-top: 2px;
	font-size: 78%;
	line-height: 140%;
	}
.ol_style2{
	margin: 5px 0px 0px 35px;
	padding: 0px 0px 5px 0px;
	}
.ol_style2 li{
	padding-top: 2px;
	}
.ul_style1{
	margin: 5px 0px 0px 28px;
	padding: 0px 0px 5px 0px;
	}
.ul_style1 li{
	padding-top: 3px;
	font-size: 78%;
	line-height: 140%;
	}
.ul_style2{
	margin: 5px 0px 0px 30px;
	padding: 0px 0px 5px 0px;
	}
.ul_style2 li{
	padding-top: 2px;
	}
.ul_style3{
	margin: 5px 0px 0px 28px;
	padding: 0px 0px 5px 0px;
	}
.ul_style3 li{
	padding-top: 5px;
	font-weight: bold;
	font-size: 90%;
	line-height: 140%;
	}
/* テーブル */
.table_style1{
	margin: 5px 0px 5px 10px;
	font-size: 78%;
	line-height: 140%;
	}
.table_style1 th{
	padding: 5px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background-color: #387f71;
	color: #fff;
	}
.table_style1 td{
	padding: 5px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background-color: #e1f2ee;
	vertical-align: top;
	}
.table_style1 a:link,
.table_style1 a:visited,
.td_style1 a:link,
.td_style1 a:visited{
	color: #387f71;
	}
.table_style1 a:hover,
.table_style1 a:active,
.td_style1 a:hover,
.td_style1 a:active{
	color: #40b49d;
	}
.table_style2{
	margin: 5px 0px 5px 10px;
	font-size: 78%;
	line-height: 160%;
	}
.table_style2 th{
	padding: 5px 5px 0px 0px;
	color: #387f71;
	vertical-align: top;
	text-align: left;
	}
.table_style2 td{
	padding: 5px 0px 0px 5px;
	vertical-align: top;
	}
.table_style3{
	margin: 5px 0px 5px 10px;
	font-size: 78%;
	line-height: 140%;
	}
.table_style3 th{
	padding: 4px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	}
.table_style3 td{
	padding: 4px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	}
.table_style4{
	font-size: 78%;
	line-height: 160%;
	}
.table_style4 th{
	padding: 5px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background-color: #555593;
	color: #fff;
	}
.table_style4 td{
	padding: 10px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background-color: #e5e5f6;
	vertical-align: top;
	}
.table_style5{
	margin: 5px 0px 5px 10px;
	}
.table_style5 th{
	padding: 2px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	font-size: 78%;
	line-height: 140%;
	}
.table_style5 td{
	padding: 2px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	text-align: center;
	line-height: 140%;
	}
.th_style1{
	background-color: #387f71;
	color: #fff;
	}
.th_style2{
	background-color: #a4d7cb;
	color: #184B4B;
	}
.th_style3{
	background-color: #e1f2ee;
	color: #184B4B;
	}
.th_style4{
	background-color: #808080;
	color: #fff;
	}
.td_style1{
	border-bottom: 1px solid #fff;
	background-color: #e1f2ee;
	}
.td_style2{
	border-bottom: 1px solid #fff;
	background-color: #a4d7cb;
	}
.td_style3{
	border-bottom: 1px solid #fff;
	background-color: #a4d7cb;
	}
/* ボックス */
.box1{
	margin: 10px 0px 10px 10px;
	padding: 10px;
	background-color: #e5e5f6;
	font-size: 78%;
	line-height: 160%;
	}
.box2 {
	background-color: #f1f1f1;
	}
.box2 .box_top{
	height: 10px;
	background: url(../images/box_top.gif) repeat-x;
	background-color: #f1f1f1;
	}
.box2 .box_bottom{
	height: 10px;
	background: url(../images/box_bottom.gif) repeat-x 100% 100%;
	background-color: #f1f1f1;
	}
.box2 .box_left{
	width: 10px;
	background: url(../images/box_left.gif) repeat-y;
	background-color: #f1f1f1;
	}
.box2 .box_right{
	width: 10px;
	background: url(../images/box_right.gif) repeat-y 100% 0%;
	background-color: #f1f1f1;
	}
.box3{
	margin-top: 20px;
	padding: 10px;
	background-color: #e5e5f6;
	}
.box4{
	margin: 5px 0px;
	padding: 10px;
	background-color: #e5e5f6;
	}
/* ------------------------------------------------------ */
/* お知らせ */
#info h5{
	margin: 0px;
	padding: 0px;
	color: #5d53b9;
	font-size: 90%;
	line-height: 150%;
	}
#info p{
	margin:0px;
	}
#info table{
	margin: 0px 0px 0px 10px;
	}
#info th{
	padding: 10px 0px;
	width: 22px;
	border-bottom: 1px solid #ccc;
	vertical-align: top;
	text-align: left;
	}
#info td{
	padding: 8px 0px;
	border-bottom: 1px solid #ccc;
	vertical-align: top;
	}
/* ------------------------------------------------------ */
/* がんセンターたより */
#tayori table{
	margin: 2px 0px 10px 10px;
	font-size: 78%;
	line-height: 140%;
	}
#tayori th{
	padding: 2px 2px 2px 4px;
	width:99px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background-color: #387f71;
	color: #fff;
	text-align: left;
	font-weight: normal;
	}
#tayori td{
	padding: 2px;
	width:99px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background-color: #e1f2ee;
	text-align: center;
	}
#tayori img{
	margin: 2px 0px;
	}

#tayori a:hover, #tayori a:hover img{
	position: relative;
	}

#tayori a:hover{
	top: 1px;left: 1px;
	}

#tayori a:hover img{
	top: 0px;
	left: 0px;
	}
/* ------------------------------------------------------ */
/* 北海道がんセンター通信 */
#tsushin table{
	margin: 2px 0px 10px 10px;
	font-size: 78%;
	line-height: 140%;
	}
#tsushin th{
	padding: 2px 2px 2px 4px;
	width:25%;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background-color: #387f71;
	color: #fff;
	text-align: center;
	font-weight: normal;
	}
#tsushin td{
	padding: 2px;
	width:25%;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background-color: #e1f2ee;
	text-align: center;
	}
#tsushin img{
	margin: 2px 0px;
	}

#tsushin a:hover, #tsushin a:hover img{
	position: relative;
	}

#tsushin a:hover{
	top: 1px;left: 1px;
	}

#tsushin a:hover img{
	top: 0px;
	left: 0px;
	}
/* ------------------------------------------------------ */
/* サイトマップ */
#sitemap h4{
	margin: 15px 0px 0px 0px;
	}
#sitemap div{	
	margin: 0px;
	padding: 5px;
	background-color: #e5e5f6;
	}
#sitemap ul{
	margin: 0px 10px 0px 20px;
	padding: 0px 0px 5px 0px;
	}
#sitemap li{
	padding-top: 3px;
	font-size: 78%;
	line-height: 140%;
	}
#sitemap2 h4{
	background-color: #ab6666;
	}
/* ------------------------------------------------------ */
/* 医師紹介 */
#doctor{
	margin-left: 10px;
	}
#doctor h4{
	margin: 15px 0px 0px 0px;
	padding: 4px 7px 3px 7px;
	border-bottom: 1px solid #bbbbe1;
	background-color: #efeffd;
	color: #5d53b9;
	font-weight: normal;
	font-size: 90%;
	}
#doctor h4.me{
	border-color: #a4d7cb;
	color: #184b4b;
	background: #e1f2ee;
	}
#doctor h5{
	margin: 10px 0px 0px 15px;
	padding: 0px;
	color: #5d53b9;
	font-weight: normal;
	font-size: 68%;
	line-height: 140%;
	}
#doctor p{
	margin: 0px 0px 10px 15px;
	line-height: 140%;
	}
/* ------------------------------------------------------ */
/* がん相談支援室 */
#komon {
	margin: 10px 0px 5px 10px;
	padding5px;
	border:solid 1px #ccc;
}
/* ------------------------------------------------------ */
/* 診療科目のご案内（2008.5.15追加） */
.ph_dr {
	width: 120px;
	margin: 10px 0 15px 10px;
	float: right;
}

.profile {
	width: 365px;
	float: right;
}
/* ------------------------------------------------------ */
/* コンテンツ（2009.4.10追加） */
.noteInH4 {
	color: #fff;
	font-weight: normal;
}
#contents p.mrgT0 {
	margin-top: 0;
}
#contents p.kome {
	margin-left: 1.75em;
	text-indent: -1em
}
#contents .teal_b_w {
	border-bottom: double 3px #387f71;
	color: #387f71;
	font-weight: bold;
}