/* ----------- 要素の初期化 ----------- */
html, body, div, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, address,
ul, ol, li, dl, dt, dd,
table, th, td, form, fieldset{
	margin:0px;
	padding:0px;
	font-size:15px;
	font-weight:normal;
	color:#000;
}
img {
	border:0px;
	margin:0px;
	padding:0px;
	vertical-align:bottom;
}
body	{
	font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS P Gothic",sans-serif;
	font-size:15px;
	line-height:130%;
	text-align:center;
	background:url(../img/header/bg_header.gif) 0 1.2em repeat-x;
}
a,
a:active,
a:hover,
a:visited {
	color:#000;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}

.green {color:#00684d;}
.pink {color:#ff6266;}

/* ----------- Header ----------- */

#container {
	width:920px;
	text-align:left;
	margin:0 auto;
}

#header {
	position:relative;
	height:135px;
}
	#header h1 {
		font-size:12px;
		line-height:18px;
		margin-left:5px;
	}
	#header .logo {
		position:absolute;
		left:0;
		top:40px;
	}
	#header .home {
		background:url(../img/header/to_home.png) 0 0 no-repeat;
		position:absolute;
		left:522px;
		top:78px;
		line-height:30px;
		width:120px;
		display:block;
		font-size:15px;
		color:#fff;
		font-weight:bold;
		text-indent:16px;
		text-decoration:none;
                letter-spacing: 0.1em;
	}
	#header .info_area {
		position:absolute;
		right:15px;
		top:40px;
		width:250px;
	}
		#header .info_area p.tel,
		#header .info_area p.fax{
			margin:3px 0;
			color:#ff7200;
			font-size:18px;
			font-weight:bold;
		}
		#header .info_area p.tel {
			font-size:22px;
		}
		#header .info_area span{
			background:url(../img/header/pic_001.gif) 0 0 no-repeat;
			line-height:20px;
			padding-left:7px;
			width:43px;
			float:left;
			display:block;
			font-size:14px;
			color:#fff;
			font-weight:bold;
		}

/* ----------- Menu ----------- */

#menu {
	width:920px;
	height:63px;
	background:url(../img/header/menu.gif) 50% 50% no-repeat;
	margin-bottom:5px;
}
	#menu ul{
		margin-left:10px;
		text-align:left;
		list-style:none;
	}
	#menu ul li{
		float:left;
		line-height:53px;
	}
	#menu ul li.staff { width:173px; }
	#menu ul li.facility { width:134px; }
	#menu ul li.ope { width:176px; }
	#menu ul li.lens { width:244px; }
	#menu ul li.access { width:173px; }
	#menu ul li a{
		float:left;
		display:block;
		height:53px;
		margin-left:45px;
		margin-right:25px;
	}
	#menu ul li.lens a{
		margin-left:35px;
	}
	#menu ul li a:hover{
		color:#1b79b0;
	}
		body.staff #menu ul li.staff a{
			color:#1b79b0;
		}
		body.facility #menu ul li.facility a{
			color:#1b79b0;
		}
		body.ope #menu ul li.ope a{
			color:#1b79b0;
		}
		body.lens #menu ul li.lens a{
			color:#1b79b0;
		}
		body.access #menu ul li.access a{
			color:#1b79b0;
		}

/* ----------- Main ----------- */
#main { /* topを除く */
	width:900px;
	margin:0 auto;
	text-align:left;
}

.title {
	background:url(../img/bg_title.gif) 0 0 repeat-x;
	padding-left:25px;
	margin:15px 0 25px 0;
	height:61px;
}
	.title img{
		margin-top:15px;
	}

.pre strong {
	font-size:19px;
	color:#027ABB;
	font-weight:normal;
	line-height:130%;
}
.pre p {
	margin-top:1em;
	font-size:16px;
}

h2 {
	background:url(../img/pic_001.gif) 0 0 no-repeat;
	padding-left:25px;
	font-size:18px;
	font-weight:bold;
	letter-spacing:2px;
	margin-top:2em;
	margin-bottom:18px;
}

/* ----------- Parts ----------- */

.mt_10 { margin-top:10px; }
.mt_20 { margin-top:20px; }
.mt_30 { margin-top:30px; }

/* ----------- Footer ----------- */

#footer {
	height:112px;
	font-size:14px;
	background:url(../img/footer/bg_footer.gif) 0 0 repeat-x;
	text-align:center;
	margin-top:50px;
}
	#footer .link{
		height:84px;
		width:900px;
		text-align:right;
		margin:0 auto 2px auto;
		position:relative;
	}
		#footer img {
			position:absolute;
			top:-12px;
			left:0;
		}
		#footer p.hp {
			position:absolute;
			top:50%;
			left:132px;
			text-align:left;
			margin-top:-1em;
		}
		#footer .link_text {
			position:absolute;
			top:50%;
			right:0;
			margin-top:-1em;
		}
		#footer .link a{
			font-size:14px;
		}
	#footer span{
		line-height:25px;
	}

/* ----------- Clearfix ----------- */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
	min-height: 1%;
}  

/* Hides from IE-mac \*/
* html .clearfix {
    height: 1%;
}  

.clearfix {
    display: block;
}  

a.link {
    color: #1b79b0;
    text-decoration: underline;
}
a.link:hover {
    color: #333;
    text-decoration: none;
}