@charset "utf-8";
/* CSS Document */

#hn3 a{
	background:url(../../common/img/header/hn3.png) 0 -60px no-repeat !important;
}
	
#wrapper{
	width:100%;
	height:100%;
	z-index:1;
}
#content{
	width:100%;
	background:url(../img/bg.png) 50px bottom no-repeat;
}

h1{
	display:block;
	position:fixed;
	top:120px;
	left:0;
	width:128px;
	height:17px;
	text-indent:-1000px;
	overflow:hidden;
	z-index:21000;
}
	h1#h1_1{background:url(../img/h1_1.png) 0 0 no-repeat;}
	h1#h1_2{background:url(../img/h1_2.png) 0 0 no-repeat;}
	h1#h1_3{background:url(../img/h1_3.png) 0 0 no-repeat;}
	h1#h1_4{background:url(../img/h1_4.png) 0 0 no-repeat;}

#location{
	position:fixed;
	top:50%;
	left:15px;
	width:15px;
	height:382px;
	margin:-185px 0 0;
	z-index:400;
}
#location a{
	display:block;
	text-indent:-1000px;
	overflow:hidden;
	width:15px;
	margin:0 0 20px;
}
	#ln1 a{height:88px; background:url(../img/location.png) -15px 0 no-repeat;}
	#ln2 a{height:88px; background:url(../img/location.png) 0 -109px no-repeat;}
	#ln3 a{height:72px; background:url(../img/location.png) 0 -217px no-repeat;}
	#ln4 a{height:72px; background:url(../img/location.png) 0 -310px no-repeat;}
	
	#ln1 a.on { background-position: 0 0;}
	#ln2 a.on { background-position: -15px -109px;}
	#ln3 a.on { background-position: -30px -217px;}
	#ln4 a.on { background-position: -45px -310px;}


#l1,#l2,#l3{
	width:920px;
	margin:0 auto;
	position:relative;
}

#l1{
	height:700px;
}#l1in{
	width:920px;
	height:500px;
	position:relative;
}

#l1 h2{
	display:block;
	text-indent:-1000px;
	overflow:hidden;
	width:100%;
	height:35px;
	background:url(../img/h2_1.gif) center 0 no-repeat;
}
#office{
	position:relative;
	width:920px;
	height:344px;
	overflow:hidden;
	margin:20px 0 0;
}
	.inner{
		position:absolute;
		top:0;
		left:0;
		width:3680px;
	}
		#office .inner div{
			float:left;
			width:920px;
			height:344px;
			position:relative;
		}
			#office .inner div a img{
				position:absolute;
			}
	#p_back,#p_next{
		position:absolute;
		top:172px;
		width:15px;
		height:30px;
		cursor:pointer;
		text-indent:-1000px;
		overflow:hidden;
		background:url(../img/p_back.png) 0 0 no-repeat;
		z-index:12345;
	}
	#p_back{
		left:0;
	}
	#p_next{
		right:0;
		background:url(../img/p_next.png) 0 0 no-repeat;
	}
#message{
	position:absolute;
	right:15px;
	bottom:10px;
	width:170px;
	height:173px;
	background:url(../img/message.jpg) 0 0 no-repeat;
}
#message img{margin:0 0 0 17px;}




#l2 h2{
	display:block;
	text-indent:-1000px;
	overflow:hidden;
	width:100%;
	height:35px;
	background:url(../img/h2_2.gif) center 0 no-repeat;
}
#day{
	position:relative;
	width:920px;
	height:301px;
	overflow:hidden;
	margin:50px 0 20px;
}
	#day .inner div{
		float:left;
		width:920px;
		height:301px;
		text-indent:-1000px;
		overflow:hidden;
	}
	#day #d_1i{background:url(../img/day_1.jpg) 0 0 no-repeat;}
	#day #d_2i{background:url(../img/day_2.jpg) 0 0 no-repeat;}
	#day #d_3i{background:url(../img/day_3.jpg) 0 0 no-repeat;}
	#day #d_4i{background:url(../img/day_4.jpg) 0 0 no-repeat;}
#staff{
	width:428px;
	height:100px;
	margin:0 auto;
	}
	#d_1,#d_2,#d_3,#d_4{
		float:left;
		width:107px;
		height:100px;
		cursor:pointer;
		text-indent:-1000px;
		overflow:hidden;
		background:url(../img/staff_1.jpg) center 0 no-repeat;
	}
	#d_2{background:url(../img/staff_2.jpg) center -100px no-repeat;}
	#d_3{background:url(../img/staff_3.jpg) center -100px no-repeat;}
	#d_4{background:url(../img/staff_4.jpg) center -100px no-repeat;}



#l3,#l4{
	line-height:180%;
}
#l3 a,#l4 a{
	border-bottom:1px dotted #7DBBE7;
}
#l3 .cL{
	float:left;
	width:100px;
	margin:15px 0 0;
	font-size:14px;
}
#l3 .cR{
	float:left;
	width:640px;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	font-size:14px;
}

.box{
	width:720px;
	border:1px solid #000;
	line-height:100%;
	font-weight:bold;
	letter-spacing:8px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-size:14px;
}
.scrollbox{
	border:1px solid #000;
	width:740px;
	height:420px;
	overflow: auto;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	font-size:14px;
}
.scrollbox2{
	border:1px solid #000;
	width:740px;
	height:580px;
	overflow: auto;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	font-size:14px;
}
.scrollbox_in{
	width:740px;
	margin:0 0 30px 30px;
}
	.ic2,.icL,.icR{
		float:left;
		width:100%;
		margin:20px 0 0;
		font-size:14px;
	}
	.icL{
		width:90px;
	}
	.icR{
		width:640px;
	}
	
#shin_ft{
	position:relative;
	width:700px;
	height:40px;
	margin:10px auto 0;
	font-size:12px;
}
	#shin_ft a{
		display:block;
		width:130px;
		height:60px;
		position:absolute;
		right:0;
		bottom:0;
		border:none;
	}
		
.tyuto_ft{
	width:700px;
	height:20px;
	margin:10px auto 0;
	font-size:12px;
}
.tyuto_ft2{
	width:640px;
	height:70px;
	margin:10px auto 0;
	font-size:12px;
}