/*  base
==============================================*/

html body {
	color: #000;	
	font: 0.9em/1.3em "Lucida Grande", "Hiragino Kaku Gothic Pro", "Geneva", "Arial", "Verdana", "Helvetica", sans-self;
	margin: 0 auto;
	width: 800px;
	}
	html:not(:target) body{
		font: 14px/1.4em "Lucida Grande", "Hiragino Kaku Gothic Pro", "Geneva", "Arial", "Verdana", "Helvetica", sans-self;
		}

a:link, a:visited { color: #000099; text-decoration: none; }
a:active, a:hover { color: #CC3300;
	text-decoration: underline;
	}

:focas{-moz-outline-style:none;}
a {outline:none;}

.imgboder {
	border: 1px solid #cccccc;
	width: 150px;
	display: block;
	padding: 4px;
	}

.imgboder:hover {
	border: 1px solid #000099;
	}


.border{
	border:solid 1px #ccc;
	padding:5px 10px;	
	}
.f_left{
	display:block;
	width:auto;
	float:left;
	margin-right:10px;
	}

.orange{
	color:#CC3300;
	}


/*  header
==============================================*/
table#tophd{
	margin-bottom: 10px;
	width: 800px;
	}
   	html body #tophd h2{
		margin: 0;
		padding: 0;		
		font: 0.8em/1.5em "Lucida Grande", "Hiragino Kaku Gothic Pro", "Geneva", "Arial", "Verdana", "Helvetica", sans-self;
		}
		html:not(:target) body h2{
			font: 12px/1.5em "Lucida Grande", "Hiragino Kaku Gothic Pro", "Geneva", "Arial", "Verdana", "Helvetica", sans-self;
			}
		
		
		
    #tophd h1{
		background: no-repeat url(images/title.gif);
		display: block;
		width: 473px;
		height: 46px;
		margin: 0;
		}
	html body .date{
		text-align: right;
		color: #666666;		
		font: 0.75em/1.5em "Lucida Grande", "Hiragino Kaku Gothic Pro", "Geneva", "Arial", "Verdana", "Helvetica", sans-self;
		padding-right: 10px;
		padding-top: 20px;
		}
		html:not(:target) body .date{
			font: 11px/1.5em "Lucida Grande", "Hiragino Kaku Gothic Pro", "Geneva", "Arial", "Verdana", "Helvetica", sans-self;
			}
	a.head {
		display: block;
		width: 473px;
		height: 46px;
		float: none;
		margin: 0;
		padding: 0;
		text-decoration: none;}
	td #link{
		margin: 0;
		padding: 0;
		width: 163px;}
	a.univ {
		display: block;
		background: url(images/univ1.gif) no-repeat;
		width: 163px;
		height: 22px;
		float: right;
		margin: 0;
		padding: 0;
		text-decoration: none;}
	a.univ:hover{
		display: block;
		background: url(images/univ2.gif) no-repeat;
		width: 163px;
		height: 22px;
		float: right;
		margin: 0;
		padding: 0;}

table#pagehd{
	margin-bottom: 0px;
	width: 800px;}
    #pagehd h1{
	background: no-repeat url(images/title2.gif);
	display: block;
/* width: 400px; */
	height: 55px;
	margin: 0;}


table#topimg {
	background: url(images/top_head.jpg) no-repeat;
	width: 800px;
	height: 88px;}

table#pageimg {
	background: url(images/page_head.jpg) no-repeat;
	width: 800px;
	height: 63px;}


/*  contents navi
==============================================*/
table#contents {
	background: url(images/bg.gif) repeat-y;
	margin: 0;
	padding: 0;}
	td #navi {width: 206px;
	display: block;
	height: 41px;}
	#navi ul{
	width: 206px;
	list-style: none;
	margin: 0;
	padding: 0;}
	#navi li{
	width: 206px;
	height: 41px;
	margin-bottom: 5px;}
	#navi li a{
	width: 206px;
	height: 41px;
	display: block;
	text-decoration: none;}
	#navi li#patient{ background: url(images/navi.gif) 0 0;}
	#navi li#charge{ background: url(images/navi.gif) 0 -46px; }
	#navi li#depart{ background: url(images/navi.gif) 0 -92px; }
	#navi li#section{ background: url(images/navi.gif) 0 -138px; }
	#navi li#meeting{ background: url(images/navi.gif) 0 -184px; }
	#navi li#volunteer{ background: url(images/navi.gif) 0 -230px; }
	#navi li#medic{ background: url(images/navi.gif) 0 -281px; }
	#navi li#access{ background: url(images/navi.gif) 0 -327px; }
	#navi li#seishu{ background: url(images/navi.gif) 0 -373px; }
	#navi li#link{ background: url(images/navi.gif) 0 -420px; }
	#navi li#top{ background: url(images/navi.gif) 0 -463px; }
	#navi li#iryo{ background: url(images/navi.gif) 0 -510px; }
	
	#navi li#patient a:hover{ background: url(images/navi.gif) 206px 0;}
	#navi li#charge a:hover{ background: url(images/navi.gif) 206px -46px; }
	#navi li#depart a:hover{ background: url(images/navi.gif) 206px -92px; }
	#navi li#section a:hover{ background: url(images/navi.gif) 206px -138px; }
	#navi li#meeting a:hover{ background: url(images/navi.gif) 206px -184px; }
	#navi li#volunteer a:hover{ background: url(images/navi.gif) 206px -230px; }
	#navi li#medic a:hover{ background: url(images/navi.gif) 206px -281px; }
	#navi li#access a:hover{ background: url(images/navi.gif) 206px -327px; }
	#navi li#seishu a:hover{ background: url(images/navi.gif) 206px -373px; }
	#navi li#link a:hover{ background: url(images/navi.gif) 206px -420px; }
	#navi li#top a:hover{ background: url(images/navi.gif) 206px -463px; }
	#navi li#iryo a:hover{ background: url(images/navi.gif) 206px -510px; }
	
	
	#navi li#patient2{ background: url(images/navi.gif) 206px 0;}
	#navi li#charge2{ background: url(images/navi.gif) 206px -46px; }
	#navi li#depart2{ background: url(images/navi.gif) 206px -92px; }
	#navi li#section2{ background: url(images/navi.gif) 206px -138px; }
	#navi li#meeting2{ background: url(images/navi.gif) 206px -184px; }
	#navi li#volunteer2{ background: url(images/navi.gif) 206px -230px; }
	#navi li#medic2{ background: url(images/navi.gif) 206px -281px; }
	#navi li#access2{ background: url(images/navi.gif) 206px -327px; }
	#navi li#seishu2{ background: url(images/navi.gif) 206px -373px; }
	#navi li#link2{ background: url(images/navi.gif) 206px -420px; }


	.banner_mama{
		display:block;
		padding:20px 0 0 14px;
		}
		
	.address-area{
		background-color:#f5f5f5;
		margin:15px 0 20px 5px;
		padding:5px 6px;
		border:solid 1px #ccc;
		}
		.address-area .time{
			width:187px;
			}
		.address-area .time span{
			display:block;
			width:60px;
			float:left;
			margin:0 0 5px;
			}
	
	html body .address-area h3{
		font: 0.9em/1.3em "Lucida Grande", "Hiragino Kaku Gothic Pro", "Geneva", "Arial", "Verdana", "Helvetica", sans-self;
		color:#CC3300;
		padding:0;
		margin:0 0 5px;
		
		}
		html:not(:target) body .address-area h3{
			font: 14px/1.4em "Lucida Grande", "Hiragino Kaku Gothic Pro", "Geneva", "Arial", "Verdana", "Helvetica", sans-self;
			font-weight:bold;
			}
	html body .address-area p{
		padding:0;
		margin:0;
		}
		html:not(:target) body .address-area p{
			}

	
/*  sub
==============================================*/
table#menu{
	margin-top:8px;
	margin-left:148px;
	}
table#menu td {
	border: 1px solid #CCCCCC;
	text-align: center;
	width: 124px;
	padding: 2px;
	font-size:12px;
	}
	#menu td.col{
	border: 1px solid #CCCCCC;
	text-align: center;
	width: 268px;
	padding: 2px;}
	#menu a {
	text-decoration: none;
	color: #000099;
	width: 100%;
	display: block;
	}
	#menu a:hover{
	background: #CCFFCC;
	width: 100%;
	}	
	table#menu td.none{
	border: 1px solid white;
	}
	
table#menu2{
	margin-bottom:2px;
	background-color:#e8f5ff;
	margin-left:17px;
	}
	#menu2 th{
		padding-right:8px;
		padding-left:6px;
		}
	#menu2 td {
		border: 1px solid #b4d8f5;
		text-align: center;
		padding: 1px 0;
		width:128px;
		background-color:#FFFFFF;
		font-size:12px;
		}
	#menu2 a {
		text-decoration: none;
		color: #0c6db9;
		width: 100%;
		display: block;
		}
	#menu2 a:hover{
		background: #CCFFCC;
		width: 100%;
		}	


#contents #clv1 {
	background-repeat: no-repeat;
	}

#contents #clv2 {
	background-image: url(images/clv_02.gif);
	background-repeat: no-repeat;
}

#contents #clv3 {
	background-image: url(images/clv_03.gif);
	background-repeat: no-repeat;
	background-position: 340px 115px;
}

#contents #main {
	margin-left: 25px;
}
	
/*  footer
==============================================*/
table#topft {margin-top: 10px;}
	html body #cr {
		padding: 0 0 5px;
		color: #446944;
		border-top-width: 2px;
		border-top-style: solid;
		border-top-color: #99CC33;		
		font: 0.7em/1.5em "Lucida Grande", "Hiragino Kaku Gothic Pro", "Geneva", "Arial", "Verdana", "Helvetica", sans-self;
		}
		html:not(:target) body #cr{
			font: 11px/1.5em "Lucida Grande", "Hiragino Kaku Gothic Pro", "Geneva", "Arial", "Verdana", "Helvetica", sans-self;
			}

#ft{
	margin-top: 5px;}
	a.pgtop {
	display: block;
	background: url(images/pagetop1.gif) no-repeat;
	width: 123px;
	height: 22px;
	float: right;
	margin: 0;
	padding: 0;
	text-decoration: none;}
	a.pgtop:hover {
	display: block;
	background: url(images/pagetop2.gif) no-repeat;
	width: 123px;
	height: 22px;
	float: right;
	margin: 0;
	padding: 0;}


/*  hidden
==============================================*/

table#topimg,
table#pageimg,
a.univ,
#tophd h1,
#pagehd h1,
#navi li,
#navi li a,
a.pgtop {
	text-indent: -9999px ;
	}