body{ margin:0 auto; padding:0; text-align:center; background:url(../image/img_background_day.gif) top center no-repeat #00c4dd;}
/*html{ filter:expression(document.execCommand("BackgroundImageCache",false,true));}*/


body{ font-size:90%; font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; }

div,p,ul,li,img,h1,h2,h3,h4,h5,h6,h7,a,address{ margin:0; padding:0; background:none;}
p{ line-height:1.5em;}
ul,li{ list-style:none;}
img{ border:none; outline:none;}
a,a:hover,p,ul,li,h1,h2,h3,h4,h5,h6,h7,a,address,td,tr{ text-decoration:none; outline:none;}
address{ font-style:normal;}
strong{ font-weight:normal;}


/*IE用font*/
* html body{ font-size:95%; font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; line-height:1.6em;}
*+html body{ font-size:100%; font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";}
 /*Safari用font-size*/
body:first-of-type{ font-size:80%;}




/*------------------------------------------------
BODY --各コンテンツ　又は　時間帯ごとのid--
------------------------------------------------*/

body#morning{ background:url(../image/img_background.gif) top center no-repeat #bbe5ff;}
body#day.normal{ background:url(../image/img_background_day.gif) top center no-repeat #00c4dd;}
body#day.rea{ background:url(../image/img_background_day2.gif) top center no-repeat #dd0025;}
body#night{ background:url(../image/img_background_night.gif) top center no-repeat #174b88;}


body#flash{ background:#fff; text-align:center;}



/*------------------------------------------------
LAYOUT --各div要素で囲んだレイアウトid--
------------------------------------------------*/
/*ヘッダー用 id*/
#headder{ width:100%; background:#fff; margin: auto; text-align:left; height:97px;}
#headder.top{ height:71px;}

/*グローバルナビゲーション用 id*/
#navi{ width:603px; height:50px; margin:auto; margin-top:35px;}

/*フッター用 id*/
#fotter{width:100%; height:75px; margin:0px auto; text-align:left; clear:both; padding-top:82px;}

/*大枠用 id*/
#container{}

/*ABOUT + GUIDEコンテンツ用 id*/
#guide,
#about{position:relative; width:603px; height:100%; margin:15px auto 0px auto; background:#fff;}

/*MAIN + SUB 格納用 id*/
#contents{text-align:left; height:100%;}

/*SUBナビゲーション用 id*/
#sub{ position:absolute; top:134px; left:30px;}

/*MAINコンテンツ用 id*/
#main{ position:relative; text-align:left; padding:0px 30px 60px 0px; margin-left:159px; width:413px;}

/*Flash格納　トップindex.html用 id*/
#flash_html{ text-align:center; margin:auto; width:743px; position:relative;}
#swf{ width:743px; text-align:center; margin:auto; position:absolute; z-index:10; top:0px; left:0px;}

/*院内案内 flash の記述*/
#mapflash {width:421px; height:451px; text-align:center; margin:0px; padding:0px; background:url(../../about/guide/image/guide_bg_side.gif) repeat-y top left;}

/*------------------------------------------------
MAIN
------------------------------------------------*/
#guide div#main,
#about div#main{ margin-left:95px; padding:0px 93px 60px 0px;}



/*------------------------------------------------
HEADDER
------------------------------------------------*/
#headder img#logo{ margin:21px 30px 25px 30px; padding:0px;}
#headder.top img#logo{ margin-top:10px;}
#headder div.box{ position:relative; width:800px; margin:0 auto;}
#headder div.box div{
	position:absolute;
	top:15px;
	right:-9px;
	width:430px;
	text-align:right;
	}
#headder div.box a{ padding:0px;}
#headder div.box div ul{ margin-bottom:15px;}
#headder div.box div ul li{
	display:inline;
	margin:0px 0px 0px 5px;
	padding:0px 14px 0px 0px;
	background:url(../image/img_hedder_check.gif) right center no-repeat;
	}
#headder div.box div ul li#top_link{ background:url(../image/img_hedder_check_top.gif) right center no-repeat;}
#headder div.box div ul li a{ color:#a7a7a7; font-size:75%;}
#headder div.box div ul li a:hover{ color:#000;}

/*------------------------------------------------
NAVIGATION
-------------------------------------------------*/
#navi ul li{ float:left; width:130px; height:50px; background:#003399;}
#navi ul li#navi01{ margin-right:27px;}
#navi ul li#navi02,#navi ul li#navi03{ margin-right:28px;}
#navi ul li a{
	font-size:12px;
	display:block;
	width:130px;
	height:50px;
	overflow:hidden;
	text-indent:-9999px;
	}
#navi ul li#navi01 a{ background:url(../image/img_navi_01.gif) no-repeat left top;}
#navi ul li#navi02 a{ background:url(../image/img_navi_02.gif) no-repeat left top;}
#navi ul li#navi03 a{ background:url(../image/img_navi_03.gif) no-repeat left top;}
#navi ul li#navi04 a{ background:url(../image/img_navi_04.gif) no-repeat left top;}
#navi ul li#navi01 a:hover,#navi ul li#navi02 a:hover,#navi ul li#navi03 a:hover,#navi ul li#navi04 a:hover{ background-position: top right;}

#navi ul li.active{ font-size:12px; display:block; overflow:hidden; text-indent:-220px;}
#navi ul li#navi01.active{ background:url(../image/img_navi_01.gif) no-repeat right top;}
#navi ul li#navi02.active{ background:url(../image/img_navi_02.gif) no-repeat right top;}
#navi ul li#navi03.active{ background:url(../image/img_navi_03.gif) no-repeat right top;}
#navi ul li#navi04.active{ background:url(../image/img_navi_04.gif) no-repeat right top;}




		/* main contents page-link---------------------------------------------*/
		#main ul#page_btn{ position:absolute; top:1px; right:25px; height:13px;}
		#main ul#page_btn_end{ position:absolute; bottom:1px; right:25px; height:13px;}
		#main ul#page_btn li,
		#main ul#page_btn_end li{
			float:left;
			text-align:center;
			width:13px;
			height:13px;
			margin:0px 3px 0px 0px;
			}
		#main ul#page_btn li a,
		#main ul#page_btn_end li a,
		#main ul#page_btn li.active,
		#main ul#page_btn_end li.active{
			overflow:hidden;
			display:block;
			width:13px;
			height:13px;
			color:#fff;
			background:#ccc;
			font-weight:bold;
			}
		/*----------------------------------------------------------------------*/


/*------------------------------------------------
SUB
----------------------------------------------*/
#sub ul{ width:96px;}
#sub ul li{ height:28px; width:96px; float:left; border-top:#e2e2e2 solid 1px;}
#sub ul li.border_bottom{ border-bottom:#e2e2e2 solid 1px;}
#sub ul li a{
	display:block;
	overflow:hidden;
	font-size:70%;
	height:28px;
	width:96px;
	text-indent:-9999px;
	}






/*------------------------------------------------
FOTTER
------------------------------------------------*/
#fotter div{ position:relative; width:800px; margin:0 auto;}
#fotter ul{ margin:55px 0px 0px 60px; height:27px;}
#fotter li{ float:left; height:27px;}
#fotter li a{ display:block; overflow:hidden; text-indent:-9999px; height:27px;}
#fotter li a#f_navi01{ width:187px; background:url(../image/img_fotter_01.gif) no-repeat top left;}
#fotter li a#f_navi02{ width:127px; margin-left:10px; margin-right:43px; background:url(../image/img_fotter_02.gif) no-repeat top left;}
#fotter li a.f_navi03{ width:144px; background:url(../image/img_fotter_03.gif) no-repeat top left;}
#fotter li a:hover#f_navi01,#fotter li a:hover#f_navi02,#fotter li a:hover.f_navi03{ background-position:top right;}

#fotter address{ margin-top:20px; padding:10px 0px; background:#fff; font-size:75%; text-align:center;}
#fotter address span{ margin-left:30px; color:#666;}

body #fotter div div.hospital{ display:block; width:150px; height:82px; position:absolute; right:40px; bottom:-30px; background:url(../image/img_fotter_hose.gif) no-repeat;}
body#morning div#fotter div div.hospital{ background:url(../image/img_fotter_hose_day.gif) no-repeat;}
body#day div#fotter div div.hospital{ background:url(../image/img_fotter_hose.gif) no-repeat;}
body#night div#fotter div div.hospital{ background:url(../image/img_fotter_hose_night.gif) no-repeat;}

body#flash div#fotter{ padding-top:0px;}





/*------------------------------------------------
POPUP
------------------------------------------------*/
body#popup #flashcontent{ width:640px; height:608px; position:absolute; margin:0px; padding:0px; z-index:10;}
body#popup #main{ position:static; width:640px; padding:0px; margin:0px 0px 0px 0px; text-align:center;}
body#popup #main h1{ color:#FFF; font-weight:normal; line-height:1.7em; padding-top:200px;}
body#popup #fotter{ margin:0px auto; text-align:center;}
body#popup #fotter address,body#popup #fotter address span{ background:none; color:#fff; font-size:90%;}





/*------------------------------------------------
CONTENTS
------------------------------------------------*/
#contents { padding-bottom:60px;}
#contents img#hoken{ position:absolute; top:30px; right:30px; background:#fff; padding-left:30px; z-index:10;}


	/*-------drop-shadow box-------*/
	div#main div.dropshadow{
	background:url(../image/img_dropshadow_side.gif) repeat-y top left;
	padding:20px 0px;
	position:relative;
	}
	div#main div.dropshadow img#d_top{ float:left; position:absolute; top:0px; left:1px;}
	div#main img#d_bottom{ margin-left:1px;}
	/*-------/drop-shadow box-------*/



/*------------------------------------------------
MAIN
------------------------------------------------*/
#main p,#main ul li{ font-size:83%;}
 /*Safari用font-size*/
body:first-of-type #main p{ font-size:75%; line-height:1.7em;}
body:first-of-type #main ul li{ font-size:75%; line-height:1.7em;}
/*IE用font*/
* html #main ul li{ line-height:1.6em;}
*+html #main ul li{ line-height:1.6em;}


#main div h3,#main div div h4{ font-size:90%;}
 /*Safari用font-size*/
body:first-of-type #main div h3{ font-size:75%;}
body:first-of-type #main div h4{ font-size:75%;}


		/*------------------------------------------------
		ABOUT
		------------------------------------------------*/
		
		#about h2{ padding:25px 0 30px 0; text-align:center;}
		#about div#main div{ text-align:center;}
		#about div#main div h3{
			width:413px;
			text-align:center;
			color:#330000;
			background:none;
			border-bottom:#660000 solid 1px;
			font-size:115%;
			font-weight:normal;
			padding:0px 0px 3px 0px;
			margin-bottom:5px;
		}
		/*IE用*/
		* html #about div#main div p{ letter-spacing:0.1em;}
		*+html #about div#main div p{ letter-spacing:0.1em;}

		#about div#main div p{margin-bottom:45px; text-align:left;}
		#about div#main div img{ margin-bottom:3px;}

		/*地図ページ Google Maps用*/
		#about div#map{ margin:0px 0px 35px 0px; padding:0px; width:413px; height:363px; clear:both;}
		#about div#map p{ margin:0px 0px 5px 0px; padding:0px; color:#333; font-size:83%;}
		#about div#map p span{ font-size:110%;}
		#about div#map img,#about #main div div div,#about #main div div div p{ margin:0px; padding:0px; float:none;}
		
		#about div#main p.margin_bottom20	{ margin-bottom:20px;}
		#about div#main p.map_info			{ text-align:right; margin:0px 0px 48px 330px; cursor:pointer; width:87px; height:16px;}
		#about div#main p.map_info a		{ width:87px; height:16px; display:block; background:url(../../about/map/image/map_parking_01.gif) no-repeat;}
		#about div#main p.map_info a:hover	{ background:url(../../about/map/image/map_parking_01_over.gif) no-repeat;}
		#about div#main span p.map_info		{ margin-bottom:60px;}
		
		/*スタッフページ divクラスプロパティ*/
		#about div#main span div.stuff{ margin-bottom:50px;}
		#about div#main div.stuff{
			background:url(../../about/stuff/image/stuff_bg_side.gif) repeat-y #fff;
			width:421px; 
			position:relative;
			margin-bottom:15px;
			padding-top:10px;
			padding-bottom:10px;
		}
		#about div#main div.stuff h3{ position:absolute; border:none; top:10px; left:25px; text-align:left;}
		#about div#main div.stuff h3#head{ top:127px;}
		#about div#main div.stuff h3#head span{ font-size:75%;}
		#about div#main div.stuff h4{ position:absolute; width:auto; color:#330000; bottom:10px; left:25px; text-align:left;}
		#about div#main div.stuff p{ margin:0px 15px 0px 168px; line-height:1.6em;}
		#about div#main div.stuff p span{ color:#330000;}
		#about div#main div.stuff img#igari{ position:static; float:left; margin-left:25px; padding-top:5px; display:inline;}
		#about div#main div.stuff span img{ position:absolute; top:-21px; left:20px; z-index:10;}
		#about div#main div.stuff img.stuff_top{ position:absolute; top:-6px; left:0px;}
		#about div#main div.stuff img.stuff_bottom{ position:absolute; top:auto; bottom:-9px; left:0px;}
		
		#about div#main div.stuff div{ overflow:hidden; height:100%;}
		#about div#main div.stuff div img{ float:right; margin-right:20px; margin-left:10px; display:inline;}
		#about div#main div.stuff p.cyan_font a{ color:#10c8df;}
		#about div#main div.stuff p.cyan_font a img{ float:none; margin:0px 0px -10px 3px;}

		#about div h2#stuff{ margin-left:-7px;}
		#about div h2#maps{ margin-left:-18px;}

		*html #about div#main div.stuff p{ font-size:70%;}





		/*------------------------------------------------
		GUIDE
		------------------------------------------------*/
        /*院内案内ページ プロパティー*/
        #guide h2{ padding:25px 0 30px 0; margin-left:-18px; text-align:center;}
        #guide h2 img#midashi{margin:0; padding:0;}
        #guide div.guideshadow{
			background:url(../../about/stuff/image/stuff_bg_side.gif) repeat-y #fff;
			width:421px;
			position:relative;
			margin:0;
			padding:21px 0 21px 0;
		}
        #guide div.guideshadow p{text-align:left; width:381px; margin:0 0 0 20px;padding:0; line-height:1.6em;}
        #guide_d_top{left:0px; top:0px; position:absolute; margin:0; padding:0;}
        #guide_d_bottom{margin:0px; padding:0px; position:absolute; bottom:-2px; left:0px;}

        #flashtop {margin:30px 0 0 0; padding:0px;}
		#flashbottom {margin:0px; padding:0px;}
		
		/*IE用*/
		*html #flashtop { margin-bottom:-8px;}
		*+html #flashtop { margin-bottom:-8px;}
		
		*html #flashbottom {margin:-14px 0px 0px 0px;}
		*+html #flashbottom {margin:-14px 0px 0px 0px;}


		#denta {height:100%; overflow:visible; position:relative;}
		#dentahead {margin:62px 0 0 0; padding:0 0 0 0;}
		#dentabody {margin:0 0 0 0; padding:0 0 0 0; position:absolute; top:227px; left:213px;}
		#dentainfo {margin:20px 0 0 40px; padding:0 0 0 0; width:160px;}
		#dentainfo p{margin: 0 0 25px 0; width:150px; line-height:1.7em; color:#320000;}
		#dentainfo ul li {margin:0 0 3px 0; padding: 0 0 0 0; width:160px; color:#320000; border-bottom:1px solid #64c2db;}
		#dentainfo ul li span{color:#64c2db;}


















/*------------------------------------------------
MARGIN & PADDING
------------------------------------------------*/

.margin_none    { margin:0px;}
.margin_bottom5 { margin-bottom:5px;}
.margin_bottom10{ margin-bottom:10px;}
.margin_bottom20{ margin-bottom:20px;}
.margin_bottom30{ margin-bottom:30px;}
.margin_bottom40{ margin-bottom:40px;}
.margin_bottom50{ margin-bottom:50px;}
.margin_bottom60{ margin-bottom:60px;}
.margin_bottom100{ margin-bottom:100px;}

.margin_bottom15{ margin-bottom:15px;}
.margin_bottom17{ margin-bottom:17px;}
.margin_bottom25{ margin-bottom:25px;}
.margin_bottom35{ margin-bottom:35px;}
.margin_bottom45{ margin-bottom:45px;}
.margin_bottom75{ margin-bottom:75px;}

.margin_top5    { margin-top:5px;}
.margin_top50   { margin-top:50px;}



.padding_none    { padding:0px;}
.padding_bottom10{ padding-bottom:10px;}
.padding_bottom20{ padding-bottom:20px;}
.padding_bottom30{ padding-bottom:30px;}
.padding_bottom40{ padding-bottom:40px;}
.padding_bottom50{ padding-bottom:50px;}

.padding_bottom43{ padding-bottom:43px;}
.padding_bottom45{ padding-bottom:45px;}

.padding_top14   { padding-top:14px;}
.padding_top28   { padding-top:28px;}




/*------------------------------------------------
etc...
------------------------------------------------*/

a.link_basic{ font-size:75%; color:#666; position:absolute; right:20px; bottom:0px;}

a.page_top{
	position:absolute;
	right:30px;
	bottom:30px;
	color:#666;
	font-size:70%;
	clear:both;
	}
a:hover.page_top{ color:#000;}

.pink_font      { color:#ee009d; margin:0px; padding:0px;}
.yellow_font    { color:#ffa822;}
.cyan_font		{ color:#00999b;}
.green_font     { color:#009a00;}

.pink_border    { border-bottom:1px solid #ee009d; color:#ee009d; margin:0px; padding:0px;}
.underline_dot  { border-bottom:1px dotted #333333; }


.clear          { clear:both;}
.relative       { position:relative;}