body{margin: 0;
	padding: 0;
	background-image: url();
	text-align:center;
	background : #ffffff;
	color : #333333;
	font-size : 85%;
	align : center;}

p,h1,h2,h3,h4,h5,a,div {
text-align:left;
}

a {
color: #274db3;
text-decoration: none;
}

a:link { color: #274db3; }
a:visited { color:#274db3; }
a:hover { color: #cc3300
; } 


img { border-style:none; }

a img { border-style:none; }

ul {list-style-type: none;
list-style-position: outside}

hr {width:98%}

hr.black{
	border: solid thin;
	
}


a:hover {
text-decoration: underline;
}

hr.hidden{
	clear : both;
	visibility : hidden;
}

	/* span */
	
span.red{color: red;}

span.blue{color: blue;}


span.size{font-size: 100%;}


span.bold{
	font-size: 95%;
		font-weight: bold; 
	}

span.center{
	text-align: center;
	}
div.center{
	margin-left: 20px;
 
	}
/* =====================================================================
	tableパターン
====================================================================== */

caption{
font-size: 120%;
	text-align:left;
	padding: 10px;
	font-weight:bolder;
}

.ta1	{
	width:95%;
	margin:0px 0px 10px 0px;
	padding:0px;
	border-collapse:collapse;
	margin-left: auto;
	margin-right: auto;
}
.ta1 th	{
	padding:4px 2px 2px 4px;
	text-align:center;
	vertical-align:middle;
	color:#000;
	background-color:#d8f0a9;
	border:1px solid #663300;
	font-size:110%
}

.ta1 td	{
	padding:4px 2px 2px 4px;
	background-color:#ffffff;
	border:1px solid #663300;
	text-align:center;
	font-size:100%
}




.ta1cate	{
	width:95%;
	margin:5px;
	padding:0px;
	border-collapse:collapse;
	margin-left: auto;
	margin-right: auto;
}
.ta1cate th	{
	padding:4px 2px 2px 4px;
	text-align:center;
	vertical-align:middle;
	color:#000;
	background-color:#d8f0a9;
	border:1px solid #663300;
	font-size:110%;
	width: 22%;
}

.ta1cate th#mi	{
	padding:4px 2px 2px 4px;
	text-align:center;
	vertical-align:middle;
	color:#000;
	background-color:#d8f0a9;
	border:1px solid #663300;
	font-size:110%;
	width: 12%;
}

.ta1cate td	{
	padding:4px 2px 2px 4px;
	background-color:#ffffff;
	border:1px solid #663300;
	text-align:left;
	font-size:100%
}








.ta1docter	{
	width:90%;
	margin:0px 0px 10px 0px;
	padding:0px;
	border-collapse:collapse;
	margin-left: auto;
	margin-right: auto;
}
.ta1docter th	{
	padding:4px 2px 2px 4px;
	text-align:center;
	vertical-align:middle;
	color:#000;
	background-color:#ecfad0;
	border:1px solid #663300;
	font-size:110%;
	width:60%;
}

.ta1docter td	{
	padding:4px 2px 2px 4px;
	background-color:#ffffff;
	border:1px solid #663300;
	text-align:center;
	font-size:100%;
		width:25%;
}

.ta2	{
	width:80%;
	margin:0px 0px 10px 0px;
	padding:0px;
	border-collapse:collapse;
	margin-left: auto;
	margin-right: auto;

}

.ta2 th	{
	padding:4px 2px 2px 4px;
	text-align:center;
	vertical-align:middle;
	color:#333;
	background-color:#eefbf9;
	border:1px solid #cccccc;
	font-size:110%
}

.ta2 td	{
	padding:6px 2px 2px 6px;
	background-color:#ffffff;
	border:1px solid #cccccc;
	text-align:left;
	font-size:100%
}


.ta3	{
	width:80%;
	margin:0px 0px 10px 0px;
	padding:0px;
	border-collapse:collapse;
	margin-left: auto;
	margin-right: auto;

}

.ta3 th	{
	padding:4px 2px 2px 4px;
	text-align:center;
	vertical-align:middle;
	color:#000;
	background-color:#fff;
	border:1px solid #663300;
	font-size:110%
}

.ta3 td	{
	padding:6px 2px 2px 6px;
	background-color:#ffffff;
	border:1px solid #663300;
	text-align:center;
	font-size:110%
}


.ta4	{
	width:95%;
	margin:15px 0px 10px 0px;
	padding:0px;
	border-collapse:collapse;
	margin-left: auto;
	margin-right: auto;

}

.ta4 th	{
	padding:4px 2px 2px 4px;
	text-align:center;
	vertical-align:middle;
	color:#666;
	background-color:#f2f2f2;
	border:1px solid #cccccc;
	font-size:100%;
	
}

.ta4 td	{
	padding:6px 2px 2px 6px;
	background-color:#fff;
	border:1px solid #cccccc;
	text-align:left;
	font-size:95%;
	
}



.ta4speci	{
	width:95%;
	margin:15px 0px 10px 0px;
	padding:0px;
	border-collapse:collapse;
	margin-left: auto;
	margin-right: auto;

}

.ta4speci th	{
	padding:4px 2px 2px 4px;
	text-align:center;
	vertical-align:middle;
	color:#666;
	background-color:#f2f2f2;
	border:1px solid #cccccc;
	font-size:100%;
	
}

.ta4speci td	{
	padding:6px 2px 2px 6px;
	background-color:#fff;
	border:1px solid #cccccc;
	text-align:center;
	font-size:95%;
	width:15%;
}





.ta5	{
	width:95%;
	margin:15px 0px 10px 0px;
	padding:0px;
	border-collapse:collapse;
	margin-left: auto;
	margin-right: auto;
	
}

.ta5 th	{
	padding:4px 2px 2px 4px;
	text-align:center;
	vertical-align:middle;
	color:#666;
	background-color:#f2f2f2;
	border:1px solid #cccccc;
	font-size:105%;

}

.ta5 td	{
	padding:6px 2px 2px 6px;
	background-color:#fff;
	border:1px solid #cccccc;
	text-align:center;
	font-size:100%;
	
}



.ta6	{
	width:95%;
	margin:0px 0px 10px 0px;
	padding:0px;
	border-collapse:collapse;
	margin-left: auto;
	margin-right: auto;
}
.ta6 th	{
	padding:2px 1px 1px 2px;
	text-align:center;
	vertical-align:middle;
	color:#000;
	background-color:#d8f0a9;
	border:1px solid #663300;
	font-size:110%
}

.ta6 td	{
	padding:2px 2px 2px 2px;
	background-color:#ffffff;
	border:1px solid #663300;
	text-align:center;
	font-size:100%
}



/* =====================================================================
	中身css始まり
====================================================================== */


/* 全体枠 */
div#wrapper	{background-image: url(image/backwhite.gif);
	background-repeat: repeat-y;
	background-position: center;
	width: 880px;
	margin-left: auto;
	margin-right: auto}

/* =====================================================================
	上のナビゲーション
====================================================================== */


/* 上ナビ */






#nav li{
	list-style: none;
	float: left;
}

#nav li li{
	border: 1px solid #ccc;
	border-right:1px solid #333;
	border-bottom:1px solid #333;
	background-color: #778899;
	float:none;
	background-image:none;
	font-size: 80%;
	width: 9.3em;
	
	text-align: left;
}

#nav li li a{
background-image:none;
text-align: left;
}

#nav ul li ul{
display: none;
}

#nav ul li:hover ul{
display: block;
position: absolute;
}


div#nav {
	background-image: url(img/topnaviback.gif);
	background-repeat: no-repeat;
	background-position: center 2.5em;
	margin-left: auto;
	margin-right: auto;
	height: 78px;
	padding: 0;
	margin: 0;

	}
	
#nav ul{
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 100%;}
	
#nav li{	
	margin:0 0 0 0px;
	padding:0 10px 0 0;
	white-space: nowrap;
	
	background: url(img/topnav.gif) 100% 0px no-repeat;
	text-align: center;}
	
	
#nav li.current{
	background-position:  100% -400px;}
	
	
#nav a,#nav li.current span{
	display: block;
	padding: 5px 10px 3px 5px;
	width: 5.5em;
	
	text-align: center;
	line-height: 2em;}
	
	
#nav li a{
	
	text-decoration: none;
	color: #ef5d9b;
	background: url(img/topnav.gif ) 0% 0px no-repeat;}
	
	
#nav li.current span{
	color: #fff;
	background: url(img/topnav.gif) 0% -400px no-repeat;}
	
	
#nav li:hover{background-position: 100% -200px;color: #fff;}

#nav li.current:hover{background-position: 100% -400px;color: #fff;}

#nav li:hover a{background-position: 0% -200px;color: #fff;}	
	
#nav li.current span a{
	color: #fff;
	background: url(img/topnav.gif) 1% -400px no-repeat;}

	
/* =====================================================================
	ヘッダー
====================================================================== */

/* ヘッダー */
div#header	{
	
}

div#header h1	{text-align:center;margin: 0}

div#header p	{color: #333333;
		font-size:90%;
		margin: 0;
		padding:10px 0px 0px 20px;}

div#header ul.activities {
	float:right;
	margin-top:-100px;
	margin-left: ;
	margin-right:20px;
	margin-bottom:0px;
	display: inline;
	 }
	 
	 

/* パンくずリスト */
p#bread	{background-color: #ffffff;
	font-size: 0.75em;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 3px;
	padding-bottom: 20px}


/* =====================================================================
	コンテンツ
====================================================================== */
/* コンテナ */
div#container	{
	
	width: 820px;
	margin-left: auto;
	margin-right: auto;
	}
	
	
/* コンテンツ */
div#content	{width: 600px;
	float: right;
	margin-top:20px;
	margin-left: auto;
	margin-right: 10px;
	
	display: inline;
}

div#content h2	{
	font-size: 0.875em;
	color: #ffffff;
	line-height: px;
	padding-left: 0px;
	margin-top: 6px;
	margin-bottom: 0}
	
	
/* ＴＯＰ病院お知らせ */
div#news{
	background-image: url(img/news-waku1.gif);
	background-repeat: no-repeat;
	font-size: 90%;
	color: #333333;
	padding:0px;
	margin-top:0px;
	margin-bottom: 0px;
	width:380px;
	height:300px;
}



div#news ul{
margin: ;
	padding-top: 0px;
	padding-left:30px;
	padding-right: 10px;
	width: 90%;}
	
	
	
* html div#news ul{margin:0px ;
	padding: 5px;
}
	
	

div#news1{
margin-left: 0px;
overflow:auto;
padding: 10px;
height: 200px;
width: 92%;
}	
	

* html div#news1{
margin-left: 25px;
overflow:auto;
height: 200px;
width: 85%;
}		


div#content h3	{background-color: #e0e0e0;
	background-image: url();
	background-repeat: no-repeat;
	
	line-height: 23px;
	padding-left: 30px;
	margin-top: 30px;
	margin-bottom: 0}

div#content p	{font-size: 0.75em;
	line-height: 1.6;
	margin-top: 10px}

div#content p#message	{margin-top: 0}






/* ＴＯＰページ右側バーナー */	
div#topbanar{
	float: right;
	margin-top: -280px;
	margin-left: auto;
	margin-right: 10px;
	width:200px;
	height:300px;
}


/* =====================================================================
	サイドバー
====================================================================== */


/* サイドバー 全体 */
div#sidebar	{width: 180px;
	float: left;
	margin-bottom: 20px;
	
	}

div#sidebar a:hover {
text-decoration: none;
}

ul.side{margin: 0;
		padding:0;
		margin-top: 20px;
		margin-bottom: 20px;
		padding-left: 15px;
		font-size: small;}

ul.side li{margin-bottom: 5px;}


/* サイドバー top */

ul.side li#vtop{
	display:block;
	width:160px;
	height:49px;
	text-align: center;
	background-image: url(img/toptbottom-vis-top.gif);
	
	}

ul.side li#top a{
	display:block;
	width:160px;
	height:49px;
	text-align: center;
	background-image: url(img/toptbottom-top.gif);
	line-height: 30px;
	background-position: left bottom;
	}
	
ul.side li#top a:hover{
background-position: left top;}


ul.side li#top a:activ{
background-position: left top;}



html>body div#container {
  position:relative;
  z-index:1;
}

ul.side li span {
  position:relative;
  top:0;
  left:10px;
  z-index:-1;

  overflow: hidden;


}



/* サイドバー 来院者様 */

ul.side li#vvis{
	display:block;
	width:160px;
	height:49px;
	text-align: center;
	background-image: url(img/toptbottom-vis-vis.gif);
	
	}

ul.side li#vis a{
	display:block;
	width:160px;
	height:49px;
	text-align: center;
	background-image: url(img/toptbottom-vis.gif);
	line-height: 30px;
	background-position: left bottom;
	}
	
ul.side li#vis a:hover{
background-position: left top;}


ul.side li#vis a:activ{
background-position: left top;}


/* サイドバー 医療関係者様様 */

ul.side li#vmedi{
	display:block;
	width:160px;
	height:49px;
	text-align: center;
	background-image: url(img/toptbottom-vis-medi.gif);
	
	}

ul.side li#medi a{
	display:block;
	width:160px;
	height:49px;
	text-align: center;
	background-image: url(img/toptbottom-medi.gif);
	line-height: 30px;
	background-position: left bottom;
	}
	
ul.side li#medi a:hover{
background-position: left top;}


ul.side li#medi a:activ{
background-position: left top;}


/* サイドバー 診療科目 */

ul.side li#vspeci{
	display:block;
	width:160px;
	height:49px;
	text-align: center;
	background-image: url(img/toptbottom-vis-speci.gif);
	
	}
	
	
ul.side li#speci a{
	display:block;
	width:160px;
	height:49px;
	text-align: center;
	background-image: url(img/toptbottom-speci.gif);
	line-height: 30px;
	background-position: left bottom;
	}
	
ul.side li#speci a:hover{
background-position: left top;}


ul.side li#speci a:activ{
background-position: left top;}



ul.side li#vhos{
	display:block;
	width:160px;
	height:49px;
	text-align: center;
	background-image: url(img/toptbottom-vis-hos.gif);
	
	}
	
	
ul.side li#hos a{
	display:block;
	width:160px;
	height:49px;
	text-align: center;
	background-image: url(img/toptbottom-hos.gif);
	line-height: 30px;
	background-position: left bottom;
	}
	
ul.side li#hos a:hover{
background-position: left top;}


ul.side li#hos a:activ{
background-position: left top;}



/* サイドバー 地図 */

ul.side li#vmap{
	display:block;
	width:160px;
	height:49px;
	text-align: center;
	background-image: url(img/toptbottom-vis-map.gif);
	
	}

ul.side li#map a{
	display:block;
	width:160px;
	height:49px;
	text-align: center;
	background-image: url(img/toptbottom-map.gif);
	line-height: 30px;
	background-position: left bottom;
	}
	
ul.side li#map a:hover{
background-position: left top;}


ul.side li#map a:activ{
background-position: left top;}



/* サイドバー 職員募集 */

ul.side li#vjob{
	display:block;
	width:160px;
	height:49px;
	text-align: center;
	background-image: url(img/toptbottom-vis-job.gif);
	
	}

ul.side li#job a{
	display:block;
	width:160px;
	height:49px;
	text-align: center;
	background-image: url(img/toptbottom-job.gif);
	line-height: 30px;
	background-position: left bottom;
	}
	
ul.side li#job a:hover{
background-position: left top;}


ul.side li#job a:activ{
background-position: left top;}


/* 左サイドバーナー */
div#wakubanar{
	float: left;
	margin-top: 0px;
	margin-left:auto;
	margin-right: auto;

}


div#hospl{
	background-image: url(img/side-hospl3.gif);
	background-repeat: no-repeat;
	float: left;
	margin-top: 0px;
	margin-left:auto;
	margin-right: auto;
	padding: 0px;
	width: 200px;
	height: 300px;
	font-size: 80%;
}

div#hospl p{
	padding: 0px;
	margin: 0px;
	margin-left: 3px;

}


div#hospl img{
	padding: 0px;
	margin: 0px;
	margin-top:  5px;
	margin-left: 5px;
	
}

	




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


/* フッター */
div#footer	{background-image: none;
	background-repeat: repeat-x;
	background-color: #ffffff;
	border-top: solid 2px #ffccff;
	width: 100%;
	margin-top: 0;
	padding-top: 8px;
	clear: both;
	text-align: center;}

div#footer ul{
margin:0px;
padding:0px;
}


div#footer li{
font-size:90%;
display: inline;
padding-right: 1em;
padding-left: 1em;
border-left-style: solid;

border-width:thin thin;}

li#aa{
border-right-style: solid;
border-width:thin;}


address	{font-size:85%;
	font-style: normal;
	color: #666666;
	text-align: left;
	padding-bottom:  15px;
	padding-left: 50px;}