@charset "utf-8";
/* CSS Document */






/* 主なエレメント */

body{
	margin:0;
	padding:0;
	background:#ff9d12 url("../img/body_bg.gif") repeat-x;
	text-align:center;
	font-family: "メイリオ","Meiryo","ＭＳ Ｐゴシック", "MS P Gothic","Osaka",Verdana,Arial, Helvetica, sans-serif;
	color:#333333;
	line-height:180%;
}



h1{
	position:absolute;
	top:0px;
	left:110px;
	margin:0;
	padding:0;
}
h2{
	clear:both;
	margin:0 0 20px;
	padding:0;
}
.toppage h2{
	margin:0 0 10px;
}

h3{
	clear:both;
	margin:20px 10px 10px;
	padding:0 1ex;
	font-size:120%;
	color:#ffffff;
	background:url("../img/h3_bg.gif") no-repeat;
	letter-spacing:0.2ex;
	height:39px;
	line-height:37px;
}
.main-large h3{
	background:url("../img/h3_l_bg.gif") no-repeat;
}

.case h3				{background:url("../img/case_h3_bg.gif") no-repeat;}
.checkup h3			{background:url("../img/checkup_h3_bg.gif") no-repeat;}
.cure	h3				{background:url("../img/cure_h3_bg.gif") no-repeat;}
.prevent	h3			{background:url("../img/prevent_h3_bg.gif") no-repeat;}
.admission h3		{background:url("../img/admissio_h3_bg.gif") no-repeat;}
.introduction h3	{background:url("../img/introduction_h3_bg.gif") no-repeat;}
.facilities h3		{background:url("../img/facilities_h3_bg.gif") no-repeat;}
.symptoms h3,
h3.symptoms			{background:url("../img/symptoms_h3_bg.gif") no-repeat;}
.emergency h3,
h3.emergency		{background:url("../img/emergency_h3_bg.gif") no-repeat;}
.activities h3		{background:url("../img/activities_h3_bg.gif") no-repeat;}

h4{
	clear:both;
	margin:20px 10px 10px;
	border-bottom:#ffb400 2px solid;
	font-size:125%;
	color:#444444;
}

.case h4				{border-bottom-color:#ff7663;}
.checkup h4			{border-bottom-color:#69cd20;}
.cure	h4				{border-bottom-color:#30cfb4;}
.prevent	h4			{border-bottom-color:#69a5f4;}
.admission h4		{border-bottom-color:#ba7dfe;}
.introduction h4	{border-bottom-color:#ff6d7e;}
.facilities h4		{border-bottom-color:#ffb400;}
.symptoms h4		{border-bottom-color:#97bc01;}
.emergency h4		{border-bottom-color:#ff3b1e;}
.activities h4		{border-bottom-color:#97bc01;}

h5{
	clear:both;
	margin:20px 10px 10px;
	padding-left:1ex;
	border:#dddddd 1px solid;
	border-left:#ffb400 5px solid;
	font-size:100%;
	background:#fafafa;
	color:#444444;
}

.case h5				{border-left-color:#ff7663;}
.checkup h5			{border-left-color:#69cd20;}
.cure	h5				{border-left-color:#30cfb4;}
.prevent	h5			{border-left-color:#69a5f4;}
.admission h5		{border-left-color:#ba7dfe;}
.introduction h5	{border-left-color:#ff6d7e;}
.facilities h5		{border-left-color:#ffb400;}
.symptoms h5		{border-left-color:#97bc01;}
.emergency h5		{border-left-color:#ff3b1e;}
.activities h5		{border-left-color:#97bc01;}

textarea{
	width:540px;
}


a:link{color:#0066ff;text-decoration:none}
a:visited{text-decoration:none}
a:hover{text-decoration:underline}
a:active{text-decoration:underline}



p{
	margin:0.5em 15px 1em;
}

form{
	margin:0;
	padding:0;
}


img{
	vertical-align:bottom;
	border:0;
}
h3 img{
	vertical-align:middle;
}
fieldset{
	margin:15px;
}
legend{
	color:#6699ff
}




/* ヘッダとか */

.root{
	margin:0 auto;
	padding:0;
	width:900px;
	text-align:left;
	background:#ffffff;
}

.header{
	position:relative;
}
	.header-function{
		position:relative;
		height:91px;
	}
		.flashlogo{
			position:absolute;
			top:0px;
			left:20px;
		}
		
		.header-address{
			position:absolute;
			top:9px;
			left:420px;
		}
		.header-inquiry{
			position:absolute;
			top:9px;
			left:691px;
		}
		.header-search{
			position:absolute;
			top:53px;
			left:420px;
		}
			.search-box td{
				vertical-align:middle;
			}
			.search-box img{
				display:block;
			}
			.search-keyworda{
				margin:0;
				padding:0;
				display:block;
			}
			.search-keyword{
				width:100px;
			}

	
		.chfsize{
			position:absolute;
			top:53px;
			left:691px;
			margin:0;
			padding:0;
			line-height:0;
		}
			.chfsize ul{
				position:absolute;
				list-style-type:none;
				margin:0;
				padding:0;
				top:0;
				left:0;
			}
			.chfsize li{
				position:absolute;
				margin:0;
				padding:0;
				top:0;
			}
			.chfont-small{left:85px;}
			.chfont-medium{left:120px;}
			.chfont-large{left:153px;}
			.chfsize a{
				display:block;
				height:27px;
			}
			.chfsize a:link,
			.chfsize a:visited,
			.chfsize a:hover,
			.chfsize a:active{
				text-decoration:none;
			}
			.chfsize a span{
				visibility:hidden;
				font-size:0;
				line-height:0;
			}
			.chfont-small a{
				background:url("../img/header_btn_fsc_s.gif") no-repeat;
				width:35px;
			}
			.chfont-medium a{
				background:url("../img/header_btn_fsc_m.gif") no-repeat;
				width:33px;
			}
			.chfont-large a{
				background:url("../img/header_btn_fsc_l.gif") no-repeat;
				width:35px;
			}
	
	.gnavi{
		margin:0;
		padding:0;
		list-style-type:none;
		height:85px;
		background:url("../img/gnavi_bg.gif") no-repeat;
		padding-left:20px;
	}
		.gnavi li{
			margin:0;
			padding:0;
			float:left;
		}



	.index-mainimage{
		text-align:center;
		margin-bottom:3px;
	}



/* 主要エリア */


.main{
	float:left;
	padding-left:20px;
	padding-bottom:50px;
	width:660px;
}
.main-large{
	padding:0 20px 50px;
}
	.main .ec-navi{
		margin:20px 0 20px;
		padding:0;
		list-style-type:none;
		text-align:center;
	}
	.main .ec-navi li{
		padding:0;
		margin:0;
		display:inline;
	}
	.main .ec-navi li img{
		margin:12px;
	}



/* サイドバー */

.sidebar{
	float:right;
	width:180px;
	padding-right:20px;
	padding-bottom:50px;
}
	.sidebar .subnavi{
		margin:0;
		padding:0;
		list-style-type:none;
	}
	.sidebar .subnavi li{
		margin:0 0 8px;
		padding:0;
	}
	.sidebar .ec-navi{
		margin:0 0 20px;
		padding:0;
		list-style-type:none;
	}
	.sidebar .ec-navi li{
		margin:0 0 0px;
		padding:0;
	}
		.sidebar .ec-navi ul{
			margin:5px 0 10px;
			padding:0;
			list-style-type:none;
		}
		.sidebar .ec-navi ul li{
			margin:0px 0;
			padding:0 0 0 10px;
			list-style-type:none;
		}
		.sidebar .ec-navi ul li a{
			background:url("../img/arrow01.gif") 0% 50% no-repeat;
			padding:0.5ex 0 0.5ex 20px;
		}


	
.footer{
	clear:both;
	text-align:right;
	color:#808080;
	padding:20px 0 0;
}

.footer-copy{
	background:url("../img/footer_line.gif") no-repeat top center;
	padding:10px 20px 30px;
	font-size:90%;
}
.footer-creation{
	padding:9px 20px 2em;
}


/* その他のよく使われるクラス */

.caution{
	color:#ff3300;
}
.notice{
	color:#008866;
}

.clear{
	clear:both;
}
hr.clear{
	clear:both;
	border:none;
}

.even{
	background:#f8fbee;
}
.odd{
	background:#ffffff;
}

.arrow-alignright{
	text-align:right;
}
.arrow-alignright a,
a.arrowed{
	background:url("../img/arrow01.gif") 0% 50% no-repeat;
	padding:0.5ex 0 0.5ex 20px;
}
.general-datatable{
	margin:10px 15px;
}
	.general-datatable th{
		padding:0 5px;
		text-align:left;
		white-space:nowrap;
		vertical-align:top;
	}
	.general-datatable td{
		padding:0 5px;
		vertical-align:top;
	}
	
	.bordered-datatable{
		margin:10px 15px;
		border:1px solid #dddddd;
		border-collapse:collapse;
	}
	.bordered-datatable th{
		padding:0 5px;
		text-align:left;
		white-space:nowrap;
		vertical-align:top;
		border:1px solid #dddddd;
		background:#eeffdd;
		color:#336600;
	}
	.bordered-datatable td{
		padding:0 5px;
		vertical-align:top;
		border:1px solid #dddddd;
	}
	.bordered-datatable table,
	.bordered-datatable table td,
	.bordered-datatable table th{
		border:0;
		border-collapse:collapse;
		background:transparent;
	}
	.nowrap{
		white-space:nowrap;
	}

.left-column{
	float:left;
	padding-left:15px;
}
.right-column{
	float:right;
	padding-right:15px;
}


.left-column .general-datatable,
.left-column .bordered-datatable,
.left-column p,
.left-column .medicals-table,
.right-column .general-datatable,
.right-column .bordered-datatable,
.right-column p,
.right-column .medicals-table{
	margin-left:0;
	margin-right:0;
}
.left-column h4,
.right-column h4,
.left-column h5,
.right-column h5{
	margin:5px 0 20px;
}

.photo-container{
	text-align:center;
}


.notice-box{
	border:#bad5ff 1px dotted;
	background:#f2f7ff;
	margin:0.5em 15px 1em;
}
.notice-box td{
	vertical-align:top;
	padding:0 0.5ex;
}
.pdf-box{
	border:#db1010 1px dotted;
	background:#fffbf8;
	margin:0.5em 15px 1em;
}

.pdf-box2{
	border:#db1010 1px dotted;
	background:#fff0e5;
	margin:0.5em 15px 1em;
}
.pdf-icon{
	vertical-align:middle;
	margin:0.5ex 1ex;
}
.pdf-banner{
	margin:1ex 2ex;
	float:left;
}


/* 個々のページのCSS */

/* INDEX */

.topicslist-table,
.topicslist-table th,
.topicslist-table td{
	border-collapse:collapse;
	vertical-align:top;
}
.toppage .topicslist-table{
	margin:0 5px 0;
}

.topicslist-table{
	margin:0 10px 0;
	width:100%;
}

.topicslist-table th{
	color:#ff9000;
	text-align:left;
	padding-right:1ex;
	width:80px;
	white-space:nowrap;
}

.top-mainbanners{
	margin:1.5em 0;
	padding:0;
	list-style-type:none;
}
.top-mainbanners li{
	margin:0;
	padding:0;
	text-align:center;
}

.main-left{
	float:left;
	width:320px;
}
.main-right{
	float:right;
	width:320px;
}

.main-left p{
	margin:10px;
}

.main-right p{
	margin:10px;
}



/* SCHEDULE */

	.schedule-table{
		border:2px solid #bbccaa;
		border-collapse:collapse;
		margin:0 auto 20px;
		width:840px
	}
	
	.schedule-table tr.topline th{
		border-collapse:collapse;
		border:none;
		padding:0.5ex 1em;
		vertical-align:top;
		text-align:center;
		background:#cbe96d;
	}
	
	.schedule-table th{
		border-collapse:collapse;
		border-left:1px dotted #ccccbb;
		padding:0.5ex 1em;
		vertical-align:top;
		text-align:left;
	}
	
	.schedule-table td{
		border-collapse:collapse;
		border-left:1px solid #bbccaa;
		vertical-align:top;
		text-align:center;
		padding:0.3ex 0.5ex;
		width:14%;
	}
		.schedule-table .sunday{
			color:#ff6666;
			background:#fff0e7;
		}
		.schedule-table .saturday{
			color:#ed8000;
			background:#fff7e7;
		}
		.schedule-table .absence{
			color:#6aa1fc;
			background:#eef4ff;
		}
		.schedule-table .absence_am{
			color:#f6d600;
			background:#fbffca;
		}
		.schedule-table .absence_pm{
			color:#1bde4d;
			background:#e0ffe8;
		}
	.schedule-table .date{
		text-align:right;
		border-top:1px solid #bbccaa;
		border-bottom:1px dotted #ccddbb;
	}
	.schedule-note{
		font-weight:bold;
	}






/* BLOG */

.blogside{
		margin:0;
		padding:0 0 10px;
}
	.blogside .sidetitlebody,
	.blogside .calendarhead{
		background:url("../../blog/img/blogside_title_bg.gif") no-repeat;
		height:38px;
		padding:0;
		margin:0;
		font-size:12px;
		font-weight:bold;
		color:#667540;
		line-height:36px;
		text-align:center;
		
	}
	.blogside .side,
	.blogside .calbody{
		background:url("../../blog/img/blogside_body_bg.gif") repeat-y;
		padding:0 15px;
		margin:0;
	}
	.blogside .sidebottom,
	.blogside .calbottom{
		background:url("../../blog/img/blogside_foot_bg.gif") no-repeat;
		height:7px;
		padding:0;
		margin:0 0 10px;
	}
	.calbody table{
		margin:0 auto;
		font-size:12px;
	}

	.side form input.sf{
		width:90px;
	}
	#ld-services{
		list-style-type:none;
		margin:0;
		padding:0;
	}
	#ld-services li{
		text-align:center;
		margin:1ex 0;
		padding:0;
	}

.datespan{
	font-size:90%;
	font-weight:normal;
	letter-spacing:0;
}
.posted{
	text-align:right;
	margin-bottom:3em;
	clear:both;
}


/* ACCESS */

#access-map{
	width:640px;
	height:480px;
	margin:0 10px 30px;
}



/* FORM */

.name		{width:20ex}
.age		{width:4ex}
.tel		{width:20ex}
.mail		{width:30ex}
.graduate	{width:8ex}
.university	{width:30ex}
.quiry		{width:450px}



/* STAFF */

.staff-left{
	width:212px;
	float:left;
	padding-left:15px;
}
.staff-right{
	float:right;
	width:410px;
	padding-right:15px;
}


.staff-right p{
	margin-left:0;
	margin-right:0;
}
.staff-right .general-datatable{
	margin-left:0;
	margin-right:0;
}



/* MEDICALS */

.medicals-table{
		margin:10px 15px;
		border-collapse:separate;
	}
	.medicals-table th{
		padding:1ex 1em;
		text-align:left;
		white-space:nowrap;
		vertical-align:top;
		border-right:3px solid #dddddd;
		border-bottom:1px solid #dddddd;
		color:#336600;
		background:#eeffdd;
	}
	.medicals-table td{
		padding:1ex 1ex;
		text-align:left;
		vertical-align:top;
		border-bottom:1px dotted #dddddd;
	}

.cure-menu{
	margin:0 10px;
	padding:0;
	list-style-type:none;
}

.cure-menu li{
	float:left;
	margin:0;
	padding:0;
}



/* eyecheck */

.eyecheck-navi{
	margin:0;
	padding:0 0 20px 10px;
	list-style-type:none;
}
.eyecheck-navi li{
	padding:0 5px 3px 0;
	margin:0;
	float:left;
}


.eyecheck-subnavi-container{
	width:150px;
	background:url("../../eyecheck/img/eyecheck_navi_bg.gif") no-repeat left bottom;
	margin:0 0 15px;
	line-height:0;
}
.eyecheck-subnavi-container img{
	display:block;
}
.eyecheck-subnavi{
	list-style-type:none;
	width:140px;
	padding:0 5px 5px;
	margin:0;
	background:url("../../eyecheck/img/eyecheck_navi_bg.gif") no-repeat left bottom;
}
.eyecheck-subnavi li{
	margin:1px 0 0;
	padding:0;
}
.pagetop{ padding:2em 0 0 0; text-align:right;}
/*　ここから追加　*/
.gmenu{
		position:absolute;
		top:90px;
		list-style-type:none;
		margin:0;
		padding:0 20px;
		
	}	
		.gmenu li{
			margin:0;
			padding:0;
			float:left;
			width:143px;
			overflow:hidden;
		}
		.gmenu a{
			display:block;
			height:68px;
			text-indent:-8000px;
			outline:none;
			background-repeat:repeat-x;
		}
		.gmenu01 a{background-image:url("../img/gnavi_01_.gif");}
		.gmenu02 a{background-image:url("../img/gnavi_02_.gif");}
		.gmenu03 a{background-image:url("../img/gnavi_03_.gif");}
		.gmenu04 a{background-image:url("../img/gnavi_04_.gif");}
		.gmenu05 a{background-image:url("../img/gnavi_05_.gif");}
		.gmenu06 a{background-image:url("../img/gnavi_06_.gif");}
		.gmenu a:hover,
		.gmenu a:active{
			background-position:0 -68px;
		}
		
		.gmenu li ul{
			margin:0;
			padding:10px 0 10px 0px;
			float:none;
			width:143px;
			list-style-type:none;
			background:url("../img/submenu_bg.gif") 0 100% no-repeat;
		}
		.gmenu li li{
			margin:0;
			padding:0;
			float:none;
			width:143px;
			height:20px;
			line-height:20px;
			font-size:80%;
			overflow:hidden;
		}
		.gmenu li li a{
			display:block;
			margin:0;
			padding:0;
			overflow:hidden;
			height:20px;
			text-indent:-9900px;
		}
		.gmenu li li a:hover,
		.gmenu li li a:active{
			background-position:0 -20px;
		}
		
		#gmenu01-submenu,
		#gmenu02-submenu,{
		position: relative;
		z-index:1;
			display:none;

		}
		
		
		.gmenu01-01 a{background:url("../img/gmenu01_01_.gif");}
		.gmenu01-02 a{background:url("../img/gmenu01_02_.gif");}
		.gmenu01-03 a{background:url("../img/gmenu01_03_.gif");}
		.gmenu01-04 a{background:url("../img/gmenu01_04_.gif");}
		.gmenu01-05 a{background:url("../img/gmenu01_05_.gif");}
		.gmenu01-06 a{background:url("../img/gmenu01_06_.gif");}
		
		.gmenu02-01 a{background:url("../img/gmenu02_01_.gif");}
		.gmenu02-02 a{background:url("../img/gmenu02_02_.gif");}
	.gmenu li li.gmenu02-01{
			margin:0;
			padding:0;
			float:none;
			width:143px;
			height:40px;
			line-height:40px;
			font-size:80%;
			overflow:hidden;
		}
	.gmenu li li.gmenu02-01 a{
			display:block;
			margin:0;
			padding:0;
			overflow:hidden;
			height:40px;
			text-indent:-9900px;
		}

.gmenu li li.gmenu02-01 a:hover,
		.gmenu li li a:active{
			background-position:0 -40px;
		}
.navi{ height:85px;}

