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

html{
	width:100%;
	height:100%;
}


a{
	color: #CCCC00;
	text-decoration:none;
}
a:hover{
	color: #FFFF00;
	text-decoration:underline;
	
}

a.vector{
	background:url(images/vector.gif) no-repeat 0% 50%;
	padding-left: 30px;
}

img{
	border:none;
}
img[align="right"]{
	margin:0 0 0 20px;
}

img[align="left"]{
	margin:0 20px 0 0;
}

body{
	background: url(images/bg.gif);
	margin:0;
	padding:0;
	width:100%;
	height:100%;
}






#body{
	background: url(images/bg_onpu.jpg) no-repeat 50% -50px fixed;
	padding: 10px 0 20px 0;
	color: #CCE1EC;
	font-size:78%;
	font-family:"ヒラギノ角ゴ Pro W3",Meiryo;
}

#body h1{
	position:absolute;
	top:20px;
	left:20px;
	width:320px;
	height:44px;
	margin: 0;
	font-size:70%;
}

#header{
	width:900px;
	background: url(images/bg_main.gif) no-repeat 50% 0%;
	height:140px;
	margin: 0px auto 0;
	position: relative;
	color: #CCCCCC;
	line-height: 150%;
}

#header div.logo{
	position:absolute;
	top:20px;
	left:20px;
	width:320px;
	height:64px;
	margin: 0;
}

#header h1{
	position:absolute;
	top:20px;
	left:20px;
	text-indent:50px;
	width:320px;
	height:64px;
	background: url(images/h1.gif) no-repeat 0% 0%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size: 70%;
	text-align: left;
	font-weight: 500;
	color: #CCCCCC;
}

#header h1 a{
	display:block;
	width:320px;
	height:64px;
}

#header div.address{
	position:absolute;
	top:20px;
	left:370px;
	width:300px;
	font-style:normal;
	line-height: 150%;
	color: #CCCCCC;
}

#header div.recruit{
	position:absolute;
	top:57px;
	left:363px;
	width:300px;
	height:44px;
	font-style:normal;
	font-size: 14px;
	line-height: 150%;	
}

#header div.tel{
	position:absolute;
	top:42px;
	left:670px;
	width:220px;
	height:44px;
	font-family: Arial, Helvetica, sans-serif;
	font-style:normal;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
}

#header div.email{
	position:absolute;
	top:22px;
	left:670px;
	width:220px;
	height:44px;
	font-family: Arial, Helvetica, sans-serif;
	font-style:normal;
	font-size: 20px;
	line-height: 20px;
	font-weight: bold;
	text-align: center;
}



#navi{
	z-index:100;
	position:absolute;
	top:80px;
	width: 900px;
	background: url(images/bg_navi.gif) no-repeat 50% 0;
}


#navi ul{
	margin:0;
	padding:0;
	height:35px;
}

#navi li{
	list-style-type:none;
	position:absolute;
	margin: 0;
	padding: 0;
	width: 140px;
}

#navi li li{
	list-style-type:none;
	position:static;
	margin: 0;
	padding: 0;
	width: 140px;
}

#navi li a{
	display:block;
	height: 30px;
	width: 140px;
	text-indent: -9999px;
}


#navi li#navi1{
	top:5px;
	left:20px;
	height:30px;
	overflow:hidden;
	width:140px;
	z-index:1000;
}

#navi li#navi1:hover{
	height:120px;
}


#navi li#navi1_1 a{
	background: url(images/navi.gif) no-repeat 0px 0px;
}
#navi li#navi1_2 a{
	background: url(images/navi.gif) no-repeat 0px -30px;
}
#navi li#navi1_3 a{
	background: url(images/navi.gif) no-repeat 0px -60px;
}
#navi li#navi1_4 a{
	background: url(images/navi.gif) no-repeat 0px -90px;
}

#navi li#navi1_1 a:hover,#navi li#navi1_1 a.s{
	background: url(images/navi.gif) no-repeat 0px -250px;
}
#navi li#navi1_2 a:hover{
	background: url(images/navi.gif) no-repeat 0px -280px;
}
#navi li#navi1_3 a:hover{
	background: url(images/navi.gif) no-repeat 0px -310px;
}
#navi li#navi1_4 a:hover{
	background: url(images/navi.gif) no-repeat 0px -340px;
}




#navi li#navi2{
	top:5px;
	left:164px;
	height:30px;
	overflow:hidden;
	width:140px;
	z-index:1000;
}

#navi li#navi2:hover{
	height:60px;
}


#navi li#navi2_1 a{
	background: url(images/navi.gif) no-repeat -140px 0px;
}
#navi li#navi2_2 a{
	background: url(images/navi.gif) no-repeat -140px -30px;
}
#navi li#navi2_3 a{
	background: url(images/navi.gif) no-repeat -140px -60px;
}
#navi li#navi2_4 a{
	background: url(images/navi.gif) no-repeat -140px -90px;
}
#navi li#navi2_5 a{
	background: url(images/navi.gif) no-repeat -140px -120px;
}
#navi li#navi2_6 a{
	background: url(images/navi.gif) no-repeat -140px -150px;
}
#navi li#navi2_7 a{
	background: url(images/navi.gif) no-repeat -140px -180px;
}

#navi li#navi2_1 a:hover,#navi li#navi2_1 a.s{
	background: url(images/navi.gif) no-repeat -140px -250px;
}
#navi li#navi2_2 a:hover{
	background: url(images/navi.gif) no-repeat -140px -280px;
}
#navi li#navi2_3 a:hover{
	background: url(images/navi.gif) no-repeat -140px -310px;
}
#navi li#navi2_4 a:hover{
	background: url(images/navi.gif) no-repeat -140px -340px;
}
#navi li#navi2_5 a:hover{
	background: url(images/navi.gif) no-repeat -140px -370px;
}
#navi li#navi2_6 a:hover{
	background: url(images/navi.gif) no-repeat -140px -400px;
}
#navi li#navi2_7 a:hover{
	background: url(images/navi.gif) no-repeat -140px -430px;
}



#navi li#navi3{
	top:5px;
	left:308px;
	height:30px;
	overflow:hidden;
	width:140px;
	z-index:1000;
}
#navi li#navi3:hover{
	height:210px;
}

#navi li#navi3_1 a{
	background: url(images/navi.gif) no-repeat -280px 0px;
}
#navi li#navi3_2 a{
	background: url(images/navi.gif) no-repeat -280px -30px;
}
#navi li#navi3_3 a{
	background: url(images/navi.gif) no-repeat -280px -60px;
}
#navi li#navi3_4 a{
	background: url(images/navi.gif) no-repeat -280px -90px;
}
#navi li#navi3_5 a{
	background: url(images/navi.gif) no-repeat -280px -120px;
}
#navi li#navi3_6 a{
	background: url(images/navi.gif) no-repeat -280px -150px;
}
#navi li#navi3_7 a{
	background: url(images/navi.gif) no-repeat -280px -180px;
}

#navi li#navi3_1 a:hover,#navi li#navi3_1 a.s{
	background: url(images/navi.gif) no-repeat -280px -250px;
}
#navi li#navi3_2 a:hover{
	background: url(images/navi.gif) no-repeat -280px -280px;
}
#navi li#navi3_3 a:hover{
	background: url(images/navi.gif) no-repeat -280px -310px;
}
#navi li#navi3_4 a:hover{
	background: url(images/navi.gif) no-repeat -280px -340px;
}
#navi li#navi3_5 a:hover{
	background: url(images/navi.gif) no-repeat -280px -370px;
}
#navi li#navi3_6 a:hover{
	background: url(images/navi.gif) no-repeat -280px -400px;
}
#navi li#navi3_7 a:hover{
	background: url(images/navi.gif) no-repeat -280px -430px;
}

#navi li#navi4{
	top:5px;
	left:452px;
	height:30px;
	overflow:hidden;
	width:140px;
	z-index:1000;
}
#navi li#navi4:hover{
	height:120px;
}

#navi li#navi4_1 a{
	background: url(images/navi.gif) no-repeat -420px 0px;
}
#navi li#navi4_2 a{
	background: url(images/navi.gif) no-repeat -420px -30px;
}
#navi li#navi4_3 a{
	background: url(images/navi.gif) no-repeat -420px -60px;
}
#navi li#navi4_4 a{
	background: url(images/navi.gif) no-repeat -420px -90px;
}
#navi li#navi4_5 a{
	background: url(images/navi.gif) no-repeat -420px -120px;
	display: none;
}
#navi li#navi4_6 a{
	background: url(images/navi.gif) no-repeat -420px -150px;
}

#navi li#navi4_1 a:hover,#navi li#navi4_1 a.s{
	background: url(images/navi.gif) no-repeat -420px -250px;
}
#navi li#navi4_2 a:hover{
	background: url(images/navi.gif) no-repeat -420px -280px;
}
#navi li#navi4_3 a:hover{
	background: url(images/navi.gif) no-repeat -420px -310px;
}
#navi li#navi4_4 a:hover{
	background: url(images/navi.gif) no-repeat -420px -340px;
}
#navi li#navi4_5 a:hover{
	background: url(images/navi.gif) no-repeat -420px -370px;
}
#navi li#navi4_6 a:hover{
	background: url(images/navi.gif) no-repeat -420px -400px;
}

#navi li#navi5{
	top:5px;
	left:596px;
	height:30px;
	overflow:hidden;
	width:140px;
	z-index:1000;
}
#navi li#navi5:hover{
	height:60px;
}

#navi li#navi5_1 a{
	background: url(images/navi.gif) no-repeat -560px 0px;
}
#navi li#navi5_2 a{
	background: url(images/navi.gif) no-repeat -560px -30px;
}
#navi li#navi5_3 a{
	background: url(images/navi.gif) no-repeat -560px -60px;
}
#navi li#navi5_4 a{
	background: url(images/navi.gif) no-repeat -560px -90px;
}
#navi li#navi5_5 a{
	background: url(images/navi.gif) no-repeat -560px -120px;
	display: none;
}
#navi li#navi5_6 a{
	background: url(images/navi.gif) no-repeat -560px -150px;
}

#navi li#navi5_1 a:hover,#navi li#navi5_1 a.s{
	background: url(images/navi.gif) no-repeat -560px -250px;
}
#navi li#navi5_2 a:hover{
	background: url(images/navi.gif) no-repeat -560px -280px;
}
#navi li#navi5_3 a:hover{
	background: url(images/navi.gif) no-repeat -560px -310px;
}
#navi li#navi5_4 a:hover{
	background: url(images/navi.gif) no-repeat -560px -340px;
}
#navi li#navi5_5 a:hover{
	background: url(images/navi.gif) no-repeat -560px -370px;
}
#navi li#navi5_6 a:hover{
	background: url(images/navi.gif) no-repeat -560px -400px;
}




#navi li#navi6{
	top:5px;
	left:740px;
	height:30px;
	overflow:hidden;
	width:140px;
	z-index:1000;
}
#navi li#navi6:hover{
	height:60px;
}

#navi li#navi6_1 a{
	background: url(images/navi.gif) no-repeat -700px 0px;
}
#navi li#navi6_2 a{
	background: url(images/navi.gif) no-repeat -700px -30px;
}
#navi li#navi6_3 a{
	background: url(images/navi.gif) no-repeat -700px -60px;
}
#navi li#navi6_4 a{
	background: url(images/navi.gif) no-repeat -700px -90px;
}
#navi li#navi6_5 a{
	background: url(images/navi.gif) no-repeat -700px -120px;
}
#navi li#navi6_6 a{
	background: url(images/navi.gif) no-repeat -700px -150px;
}

#navi li#navi6_1 a:hover,#navi li#navi6_1 a.s{
	background: url(images/navi.gif) no-repeat -700px -250px;
}
#navi li#navi6_2 a:hover{
	background: url(images/navi.gif) no-repeat -700px -280px;
}
#navi li#navi6_3 a:hover{
	background: url(images/navi.gif) no-repeat -700px -310px;
}
#navi li#navi6_4 a:hover{
	background: url(images/navi.gif) no-repeat -700px -340px;
}
#navi li#navi6_5 a:hover{
	background: url(images/navi.gif) no-repeat -700px -370px;
}
#navi li#navi6_6 a:hover{
	background: url(images/navi.gif) no-repeat -700px -400px;
}




#main{
	width:900px;
	background: url(images/bg_main2.gif) repeat-y 50% -200px;
	margin: 0 auto;
}

#main div.body{
	background: url(images/bg_main.gif) no-repeat 50% -140px;
	padding: 0px 40px 20px;
}
#main div.body div.body{
	padding: 10px 40px 20px;
}

#main hr{
	clear:both;
	visibility:hidden;
}
#main div.pankuzu{
	font-size: 10px;
	letter-spacing: 2px;
	color: #666666;
	margin: 0 0 5px 0;
	display: none;
}

#main div.pankuzu a{
	color: #015C8A;

}
#main div.pankuzu a:hover{
	color: #999900;

}


#main div.subnavi{
	font-size: 10px;
	letter-spacing: 2px;
	margin: 0 0 5px 0;
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	border-top-color: #08476E;
	border-bottom-color: #01426A;
	padding: 5px 0;
	text-align: right;
}

#main div.subnavi a{
	color: #078BCB;

}
#main div.subnavi a:hover{
	color: #999900;

}





#main input.small{
	width: 100px;
}
#main input.middle{
	width: 200px;
}
#main input.large{
	width: 300px;
}
#main textarea{
	width: 400px;
}












#footer{
	width:900px;
	background: url(images/bg_footer.gif) no-repeat 50% 100%;
	margin: 0 auto;
	padding:20px 0;
	text-align: center;
	border-top:1px dashed #000066;
	border-color: #5D5D5D;
	clear: both;
}
#footer p{
	padding:10px 0;
	margin:0;
	font-size: 11px;
	line-height: 150%;
}
#footer a{
	color: #6099C4;

}

#footer2{
	width:620px;
	background: url(images/bg_footer.gif) no-repeat 50% 100%;
	margin: 0 auto;
	padding:20px 0;
	text-align: center;
	border-top:1px dashed #000066;
	border-color: #5D5D5D;
	clear: both;
}
#footer2 p{
	padding:10px 0;
	margin:0;
	font-size: 11px;
	line-height: 150%;
}
#footer2 a{
	color: #6099C4;
}

#main2{
	width:620px;
	background: url(images/bg_main2.gif) repeat-y 50% -200px;
	margin: 0 auto;
	padding:10px 0;
	clear: both;
}

#main2 p{
	padding: 10px 60px 5px;
	font-size: 14px;
}

.big{
	font-size:140%;
}