@charset "shift_jis";

@import "style_news.css";
@import "style_specific.css";
@import "style_support.css";
@import "style_profile.css";




/* +++■ 初期化、共通 ■+++ */
body {
	text-align:center;
	line-height:18px;
	letter-spacing:1px;
	color:#454545;
	font-size:12px;
	background-color:#FFF5C4;
	font-family:
		"MS UI ゴシック",
		"MS UI Gothic",
		"ＭＳ Ｐゴシック",
		"MS P Gothic",
		"メイリオ",
		Meiryo,
		"ヒラギノ角ゴ Pro W3",
		"Hiragino Kaku Gothic Pro W3",
		"ヒラギノ丸ゴ Pro W4",
		"Hiragino Maru Gothic  Pro W4",
		Osaka,
		sans-serif;
}
body, div, p, img, ul, li, h1, h2, h3, h4, h5, h6, form, object, input, select, textarea { margin:0; padding:0; }
img, object, embed { vertical-align:bottom; border:none;}
* { box-sizing : border-box}
* { -moz-box-sizing : border-box}
* { letter-spacing:1px;}
.align-left		{ text-align:left;}
.align-right	{ text-align:right;}
.align-center	{ text-align:center;}
.float-left		{ float:left;}
.float-right	{ float:right;}
.clear			{ clear:both; height:0; font-size:0; line-height:0;}
.small  		{ font-size:smaller !important; line-height:10px; letter-spacing:normal;}
.disp_block		{ display:block;}
.spacer			{ width:900px; line-height:20px; clear:both;}
a			{ color:#454545; text-decoration:underline;}
a:link		{ color:#454545; text-decoration:underline;}
a:visited	{ color:#454545; text-decoration:underline;}
a:hover		{ color:#FF6600; text-decoration:none;}
a:active	{ color:#454545; text-decoration:none;}
a:link img, a:visited img {border:none;}
h4, h5, h6		{ font-size:0.9em; font-weight:normal;}

#centering { text-align:center; margin-top:5px;}
.center_margin	{ margin:0 auto; clear:both;}

.emphasis { color:#FF0000 !important; font-weight:bold; background:none !important;}

	/* ///□ 初期化、共通 □/// */



/* +++■ 電脳クリニック・リアルタイム診療 ■+++ */


.anime_gif {
	width:879px;
	height:663px;
	position:relative;
	margin:0 auto;
	}
	
.anime_gif div {
	font-size:0;
	line-height:0;
	float:left;
	}

#btn_nagare {
	position:absolute;
	left:760px;
	top:620px;
	}

#kadou {
	position:absolute;
	left:40px;
	top:120px;
	}







/* +++■ 入院のご案内 ■+++ */

#bed {
	width:700px;
	margin:0 auto;
	}
#bed a {
	color:#339933;
	}
	
.bed_toparea,
.bed_area {
	background:url(../bed/image/bed_bg_003.jpg) repeat-y;
	}
	
.bed_toparea div {
	}

.bed_toparea table {
	margin:0 auto;
	font-size:12px;
	}

.bed_toparea td {
	background-color:#FFFFFF;
	padding:5px;
	text-align:left;
	}

.bed_toparea td img {
	margin-left:20px;
	}
	
.bed_area div.title {
	background-color:#E6FAC7;
	text-align:left;
	margin:0 60px 20px 60px;
	padding:5px;
	position:relative;
	}
		
.bed_area span.totop {
	position:absolute;
	display:block;
	left:470px;
	top:10px;
	font-size:10px;
	}

.bed_area table {
	width:500px;
	margin:0 auto;
	font-size:12px;
	background-color:#E7F0CE;
	}

.bed_area th {
	background-color:#FFFFFF;
	padding:5px;
	}

.bed_area td {
	vertical-align:top;
	text-align:left;
	background-color:#FFFFFF;
	padding:5px;
	}

.small_p {
	color:#FF6699;
	font-size:10px;
	}
	
.bed_area p {
	width:500px;
	text-align:left;
	margin:10px auto 0 auto;
	}
	
#keitai td {
	text-align:center;
	color:#336699;
	padding:3px;
	}
	




/* +++■ ヘッダー ■+++ */
#header	{ width:920px; height:98px; position:relative; margin:0 auto; background:url(../image/global/header_base.gif) top left no-repeat;}
#header h1, #header h2, #header h3 { text-indent:-7777px; margin:0; padding:0;}
#header h1 a {
	width:67px; height:65px; background:transparent url(../image/global/header_logo.gif) no-repeat; display:block; position:absolute; left:100px; top:15px; overflow:hidden;}
#header h2 a {
	width:317px; height:47px; background:transparent url(../image/global/header_title.gif) no-repeat; display:block; position:absolute; left:200px; top:30px; overflow:hidden;}
#header h3 a {
	width:145px; height:36px; background:transparent url(../image/global/access_map_btn.gif) no-repeat; display:block; position:absolute; left:760px; top:10px; overflow:hidden;}
#header h3 a:hover {
	width:145px; height:36px; background:transparent url(../image/global/access_map_btnOn.gif) no-repeat; display:block; position:absolute; left:760px; top:10px; overflow:hidden;}
#header img { position:absolute; left:760px; top:55px;}
	/* ///□ ヘッダー □/// */



/* +++■ フッター ■+++ */
#footer	{ width:920px; height:38px; margin:5px auto 0; background:url(../image/global/footer_base.gif) bottom no-repeat;}
#footer span { margin:10px 0 0 30px; float:left;}
#footer a { float:left;}
#footer p { width:332px; height:12px; position:relative; overflow:hidden;}
address	{ width:332px; height:12px; background:url(../image/global/copyright.gif) top no-repeat; text-indent:-7777px; float:right; margin:17px 20px 0 0;}
	/* ---□ フッター □--- */


/* +++■ メインメニュー＆イメージエリア ■+++ */
#main_menu { width:900px; height:270px; margin:5px auto 8px; background:url(../image/menu_area/menu_base_a.gif) no-repeat; text-align:left;}
#main_menu ul { width:200px; height:250px; top:10px; left:10px; float:left; list-style:none; overflow:hidden; position:relative;}
#m_menu1	{ top:0px; position:absolute; width:200px; height:50px; background:transparent url(../image/menu_area/main_menu_1.gif) top no-repeat;}
#m_menu2	{ top:50px; position:absolute; width:200px; height:50px; background:transparent url(../image/menu_area/main_menu_2.gif) top no-repeat;}
#m_menu3	{ top:100px; position:absolute; width:200px; height:50px; background:transparent url(../image/menu_area/main_menu_3.gif) top no-repeat;}
#m_menu4	{ top:150px; position:absolute; width:200px; height:50px; background:transparent url(../image/menu_area/main_menu_4.gif) top no-repeat;}
#m_menu5	{ top:200px; position:absolute; width:200px; height:50px; background:transparent url(../image/menu_area/main_menu_5.gif) top no-repeat;}
#main_menu li a	{
	text-indent:-7777px; position:absolute; width:200px; height:50px; display:block; background:transparent url(../image/menu_area/main_menu_out.gif) top right no-repeat;}
#main_menu li a:hover	{ background:transparent url(../image/menu_area/main_menu_over.gif) top right no-repeat;}

#main_image { top:10px; left:10px; float:left; position:relative;}

#page_menu { width:680px; height:39px; float:left; margin:10px 0 0 7px;}
#main_menu>div#page_menu { width:680px; height:39px; float:left; margin:10px 0 0 10px;}
#page_menu img { vertical-align:top; float:left;}
#page_menu img.p_menu_head { margin:19px 5px 0 -6px;}
#main_menu>#page_menu img.p_menu_head { margin:19px 5px 0 0;}
#page_menu img.p_menu { margin:19px 5px 0 0;}
#page_menu img.p_menu_end { margin:19px 0 0 0;}

.page_head { float:right;}
.page_head img { margin:0 15px 15px 0;}
	/* ///□ メインメニュー＆イメージエリア □/// */


/* +++■ ページメイン ■+++ */
#wrapper	{
	text-align:center; width:920px; margin:0 auto; background:transparent url(../image/contents/contents_bg_am.gif) top right repeat-y;}
	/* ///□ ページメイン □/// */


/* +++■ メインコンテンツエリア ■+++ */
#main_upper { width:920px; height:12px; line-height:12px; background:url(../image/contents/contents_bg_at.gif) top no-repeat; text-align:left;}
#main_lower { width:920px; height:16px; line-height:16px; vertical-align:top; background:url(../image/contents/contents_bg_ab.gif) top no-repeat; text-align:left;}

#main_contents_a { width:900px; margin:0 auto; text-align:left;}
#main_contents_ac { width:900px; margin:0 auto;}
.contents900_element { width:875px; margin:10px 0 0 25px; text-align:left;}
	/* ///□ メインコンテンツエリア □/// */


/* +++■ 最新のお知らせ ■+++ */
#top_newsarea { width:450px; float:left;}
#top_newsarea dl { margin:10px 0 0 20px; padding:0;}
#top_newsarea dt { line-height:18px; float:left;}
#top_newsarea dd { width:345px; margin-left:75px; padding-left:5px; line-height:17px; margin-bottom:10px; border-bottom: 1px dotted #333333;}
#top_newsarea { font-size:13px; letter-spacing:1px; font-family:"MS UI Gothic", "ヒラギノ丸ゴ Pro W4";}
#top_newsarea a { text-decoration:none;}
#top_news_foot { width:465px; height:26px; background:url(../image/contents/index/top_news_bottom.gif) bottom left no-repeat;}
#top_news_foot a { float:right;}
	/* ///□ 最新のお知らせ □/// */


/* +++■ TOPインフォメーション ■+++ */
#top_information1 { width:420px; margin-top:5px; margin-right:5px; float:right; position:relative;}
#top_information1 a { text-indent:-7777px; position:absolute; overflow:hidden;}
#top_information1 p { float:left;}

p#top_info1 { width:414px; height:94px; margin-bottom:10px;}
p#top_info1 a { width:414px; height:94px; background:url(../image/contents/index/top_doctor_a.gif) top no-repeat;}
p#top_info1 a:hover { background:url(../image/contents/index/top_doctor_b.gif) top no-repeat;}
p#top_info2 { width:414px; height:84px; margin-bottom:10px;}
p#top_info2 a { width:414px; height:84px; background:url(../image/contents/index/top_equipment_a.gif) top no-repeat;}
p#top_info2 a:hover { background:url(../image/contents/index/top_equipment_b.gif) top no-repeat;}
p#top_info3 { width:206px; height:64px;}
p#top_info3 a { width:206px; height:64px; background:url(../image/contents/index/top_electricbrain_a.gif) top no-repeat;}
p#top_info3 a:hover { background:url(../image/contents/index/top_electricbrain_b.gif) top no-repeat;}
p#top_info4 { width:208px; height:64px;}
p#top_info4 a { width:208px; height:64px; background:url(../image/contents/index/top_realtime_a.gif) top no-repeat;}
p#top_info4 a:hover { background:url(../image/contents/index/top_realtime_b.gif) top no-repeat;}


#top_information2 { width:420px; height:64px; margin-top:10px; margin-right:5px; float:right;}
#top_information2 span { float:left; margin-right:6px;}
	/* ///□ TOPインフォメーション □/// */



/* +++■ クリニックの理念＆クリニックの概要 ■+++ */
#contents_area450 { width:450px; float:left;}
#contents_area450 p { width:400px; margin-left:20px; margin-bottom:30px;}
#clinic_summary { margin-top:10px; margin-left:20px;}
#clinic_summary div { width:400px; margin-bottom:10px; font-size:14px; clear:both;}
#clinic_summary span { float:left; display:block; margin-bottom:10px;}
#clinic_summary span.summary_title { width:70px;}
#clinic_summary span.summary_element { padding-left:10px; background:url(../image/contents/about/bline_boundary.gif) top left repeat-y;}
	/* ///□ クリニックの理念＆クリニックの概要 □/// */


/* +++■ スタッフ紹介 ■+++ */
.profile_box { width:420px; height:244px; margin:10px 0 20px 13px; float:left; text-align:left;}
div#main_contents_ac > div.profile_box { width:420px; height:244px; margin:10px 0 20px 25px; float:left; text-align:left;}
.doctor_photo_range { width:193; height:244px; background:url(../image/contents/staff/profile_base.gif) top left no-repeat; float:left;}
.doctor_photo_range img { margin:17px;}
.doctor_summary1 { width:215px; height:244px; padding-top:10px; float:right;}
.doctor_summary1 p { margin-bottom:10px;}
.doctor_summary1 img {}
.doctor_name { font-size:16px; font-weight:bold;}
#staff_image { margin:10px auto 0;}
#staff_image01 { width:860px; margin:20px auto 0; position:relative;}
#staff_image01 p {
	position:absolute;
	text-align:left;
	width: 238px;
}
#staff_image01 p.cap01 { top:222px; left:173px;}
#staff_image01 p.cap02 { top:206px; left:504px; white-space:nowrap;}
#staff_image01 p.cap03 { top:357px; left:710px;}
#staff_image02 { width:860px; margin:20px auto 0; position:relative;}
#staff_image02 p { position:absolute; text-align:left;}
#staff_image02 p.cap01 { top:274px; left:28px;}
#staff_image02 p.cap02 { top:209px; left:468px;}
#staff_image02 p.cap03 { top:258px; left:669px;}
#staff_image03 { width:652px; margin:20px auto; position:relative;}
#staff_image03 p { position:absolute; text-align:left;}
#staff_image03 p.cap01 { top:335px; left:5px;}

	/* ///□ スタッフ紹介 □/// */


/* +++■ 診療時間 ■+++ */
.orange_16 { margin:15px 0; font-size:16px; color:#FF8E10; font-weight:bold;}
.hospitalization_element1 { width:400px; float:left;}
.hospitalization_element1 img { margin:10px 0 0 80px;}
.table_box { margin:10px 0 10px; padding-right:20px; float:right;}

.table_box table { font-size:12px; background-color:#CCCCCC; color:#666666; letter-spacing:normal; line-height:14px;}
.table_box th { text-align:center; background-color:#fffff0; padding:5px 18px; font-weight:normal;}
.table_box td { text-align:center; vertical-align:middle; background-color:#fffff0; padding:5px 18px;}
.table_box .time { background-color:#FFFFFF; padding:5px 22px;}
.table_box .sun { background-color:#fff5fa;}
.table_box .sat { background-color:#ebf8ff;}
.opinion { width:auto; background-color:#fff0d7;}
th.sun { color:#FF6699;}
th.sat { color:#3399FF;}
	/* ///□ 診療時間 □/// */


/* +++■ 診療内容 ■+++ */
.medical_department_box { width:440px; margin:10px 0 15px; padding-left:20px; float:left; text-align:left;}
div#main_contents_a > div.medical_department_box { width:420px; margin:10px 0 15px 20px; padding-left:0; float:left; text-align:left;}
.department_name { width:420px; height:29px;}
.department_name img { float:left;}
.department_name p.small { width:310px; float:left;}
.department_summary { width:420px; clear:both; background:url(../image/contents/hospitalization/medical_department_bgm.gif) top repeat-y;}
.department_summaryT { width:420px; height:5px; line-height:5px; background:url(../image/contents/hospitalization/medical_department_bgt.gif) top no-repeat;}
.department_summaryB { width:420px; height:5px; line-height:5px; background:url(../image/contents/hospitalization/medical_department_bgb.gif) top no-repeat;}
.department_summary p { width:400px; margin:0 10px;}
.medical_department_box .department_summary a { color:#00A3DA;}
.medical_department_box .department_summary a:hover { color:#FF8E10;}
.pharmacy_summary { width:310px; float:left; margin-top:10px;}
.pharmacy_summary img { margin-top:40px; margin-left:35px;}

.right_space15 { margin-right:15px; float:left;}
	/* ///□ 診療内容 □/// */


/* +++■ 当クリニックの施設 ■+++ */
.facility_box { width:860px; margin-left:20px;}

	/* ///□ 当クリニックの施設 □/// */


/* +++■ 設備・医療機器の紹介 ■+++ */
.equipment_box { width:800px; height:auto; margin:15px auto 25px; padding:24px 0 27px; text-align:center; background:url(../image/contents/equipment/equipment_bg.gif) top left repeat-y;}
.equipment_inbox { width:754px; margin:0 auto; padding:8px; background-color:#FFFFFF; text-align:left;}
.equipment_photo { margin:0 15px 3px 0; border:1px solid #10A9E9; float:left;}
.equipment_name { padding:5px 0 10px 0; font-size:16px; font-weight:bold; color:#0400BB;}
.equipment_summary1 { margin-left:3px; padding-bottom:10px; border-bottom: 1px dotted #FA0578;}
.equipment_summary2 { margin-left:3px; padding:10px 0; color:#3D71A6;}
	/* ///□ 設備・医療機器の紹介 □/// */



/*//////////////////////////////////////////////////////////////////////////*/