/*######################################
東海眼科
■レイアウト用■
layout.css
CSS Version 2.0
LastModefied:2008.9.12 By nakata
######################################*/

/*########################
各ページ　共通
########################*/
*{
	margin: 0;
	padding: 0;
}
body{
	font-size: 14px;
	color: #000000;
	background-color: #FFFFCC;
	text-align: center;
}
div,span,p{
	color: #000000;
}
table{
	border-collapse: collapse;
}

th, td, li, dt{
	font-size: 15px;
}
div{
	font-size: 16px;
}
ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

img{
	border: 0;
}

a:link		{color:#FA651E; text-decoration:underline }
a:visited	{color:#3366AA; text-decoration:underline;}
a:hover		{text-decoration:underline; color:#FFCC00;}

#main{
	width: 950px;
	text-align: center;
	margin: auto;
	padding: auto;
}

.main_l_border {
	background-image: url('../grf/left.gif');
	background-repeat: repeat-y;
}

.main_r_border {
	background-image: url(../grf/right.gif);
	background-repeat: repeat-y;
}

#container{
	width: 950px;
	background-color: white;
}
/*########################
ヘッダー
########################*/
#header{
	width: 950px;
	background-image: url('../grf/head.gif');
	background-position: top;
	background-repeat: no-repeat;
}

#title{
	height: 50px;
}

h1{
	font-size: 10px;
	font-weight: normal;
	text-align: right;
	padding-top: 4px;
	padding-right: 4px;
	color: white;
}

/*========================
サブメニュー
========================*/
#subMenu{
	width: 546px;
	height: 20px;
	padding-top: 18px;
	margin-left: 404px;
}

#subMenu strong{
	font-weight: normal;
	margin-right: 8px;
	margin-left: 12px;
}

#subMenu a{
	font-size: 16px;
	font-weight: bold;
	color: #26499d;
	text-decoration: none;
	background-image: url('../grf/submenu-point.gif');
	background-repeat: no-repeat;
	background-position: left middle;
	padding-left: 16px;
}

#subMenu a:hover{
	color: #FF6347;
}

#subMenu a.on{
	color: #FF6347;
}

/*########################
コンテンツメニュー
########################*/
#contentsMenu{
	width: 100%;
	height: 74px;
}
	#contentsMenu td{
		width: 14%;
		font-size: 20px;
		text-align: center;
		border-right:1px solid #BECBC1;
		background-image: url("../grf/headmenu_bg_line.jpg");
		background-repeat: repeat-x;
		background-position: left middle;
	}
	#contentsMenu .menuright{
		border-right:0px;
		width: 16%;
	}
		#contentsMenu .menuright p{
			padding-top: 20px;
		}
	#contentsMenu td.text1 p{
		padding-top: 20px;
	}
	#contentsMenu td.text2 p{
		padding-top: 10px;
	}
	#contentsMenu a{
		width: 100%;
		height: 59px;
		color: #333333;
		font-weight: bold;
		text-decoration:none;
		margin-top: 6px;
		background-image: url("../grf/headmenu_bg_off.jpg");
		background-repeat: repeat-x;
		background-position: left middle;
		display: block;
	}
	#contentsMenu a:hover{
		color: #333333;
		text-decoration:none;
		background-image: url("../grf/headmenu_bg_on.jpg");
		background-repeat: repeat-x;
		background-position: left middle;
	}
	#contentsMenu a.on{
		color: #333333;
		text-decoration:none;
		background-image: url("../grf/headmenu_bg_on.jpg");
		background-repeat: repeat-x;
		background-position: left middle;
	}
#contentsMenu2 {
	width: 100%;
	height: 40px;
	background-color: #FFDFE5;
	/*
	background-image: url("../grf/contentsmenu2_bg.gif");
	background-repeat: repeat-y;
	background-position: left middle;
	*/
}
	#contentsMenu2 ul{
		padding-top: 6px;
		margin-left: 10px;
	}
	#contentsMenu2 li{
		font-size: 19px;
		height: 27px;
		line-height: 140%;
		margin-right: 20px;
		background-image: url("../grf/icon.gif");
		background-repeat: no-repeat;
		background-position: left middle;
		float: left;
	}
	#contentsMenu2 li a{
		color: #0000FF;
		font-weight: bold;
		margin-left: 36px;
	}
	#contentsMenu2 li a:hover{
		color: #FF9900;
	}
	#contentsMenu2 li a.on{
		color: #FF9900;
	}
/*########################
フッター
########################*/
#footer{
	text-align: right;
	border-top: 4px solid #408C8C;
	color: #408C8C;
	padding-top: 4px;
	padding-left: 4px;
	margin-top: 12px;
	clear: both;
}

#footer p{
}

#footer a{
	color: #408C8C;
	text-decoration: none;
}
#footer a:hover{
	color: #3366AA;
}
/*########################
フッターサブページ
########################*/
#footer2{
	text-align: right;
	border-top: 4px solid #408C8C;
	color: #408C8C;
	padding-top: 4px;
	padding-left: 4px;
	background-color: #E9F2E5;
	clear: both;
}

#footer2 p{
}

#footer2 a{
	color: #408C8C;
	text-decoration: none;
}
#footer2 a:hover{
	color: #3366AA;
}
