@charset "UTF-8";
/* CSS Document */
html,body {
	height:100%;
	font:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:13px;
	line-height:21px;
	color:#444;
}	
	
header {
	width:100%; height:80px;
	background:url(../img/common/headerBg.png) top left repeat-x;
	position:relative;
	z-index:200;
}

header h1 {
	position:absolute;
	top:20px; left:40px;
}

header h1 img {
	z-index:100;
}

#topMainWrap {
	position:absolute;
	bottom:0; left:0;
	width:100%;
}

#contentsWrap {
	width:900px;
	margin:0 auto 20px auto;
}

#contentsWrap h2 {
	width:440px;
	margin-bottom:-133px;
}

nav ul#topNav > li {
	width:210px; height:105px;
	margin:20px 0 0 20px;
	float:left;
	box-shadow:1px 2px 7px rgba(0,0,0,0.5);
	opacity:0.9;
}

ul#topNav >li#nav01 { margin-left:460px; }
li#nav02 { position:relative; }
/*ul#topNav >li#nav03 {  }
ul#topNav >li#nav04 {  }
ul#topNav >li#nav05 {  }*/
ul#topNav >li#nav03 { margin-left:0px; }

img.icon {
	position:absolute;
	right:-18px; top:-25px;
}

div#wrapper {
	width:100%;
    min-height: 100%;
    height: auto !important;
    height: 100%;
	position:relative;
	overflow:hidden;
}

footer {
	height:100px; width:100%;
	background:url(../img/top/topFooterBg.gif) bottom left repeat-x;
}

footer div {
/*	width:1000px;
*/
	margin:0px 20px;

	

}


#footerWrap {
	width:900px;
	margin:0 auto 20px auto;
}

ul#footerNav > li {
    height:70px;
	margin:0 0 0 20px;
	float:left;
}

ul#footerNav >li#footer_nav01 { margin-left:180px; }
ul#footerNav >li#footer_nav02 { }


p.toppagecopyright {
    width:400px;
    line-height:30px;
    float:left;
    margin-top:-18px;
}

#recruite_nav_wrap {
	color:#FFF;
	position:relative;
}

#nav02 { z-index:100; }

#recruite_nav_wrap {
	background:#19429D;
	width:500px;
	height:60px;
	line-height:60px;
	position:absolute;
	bottom:-50px;
	right:0;
	overflow:hidden;
}

#recruite_nav_wrap div {
	text-align:center;
}

#recruite_nav_wrap div a {
	color:#FFF;
	font-weight:bold;
	font-size:15px;
	display:inline-block;
	height:60px;
}

#recruite_nav_wrap div a:hover {
	text-decoration:underline;
}

	

/*-----背景写真-----*/
#bg {
	position:relative;
	z-index:-100;
	margin-top:-30px;
	width:100%;
}

#bg img {
	position:absolute;
}