@import url(common.css);

.wrap {
	width : 640px;
	margin : 156px auto 0;
}
.inbox {
	width : 560px;
	margin : 0 auto;
}
.topbox {
	width : 100%;
	position :fixed;
	top: 0;
	z-index :10;
}
.header, .footer{width : 100%;}

.header { 
	position: relative;
	padding : 14px 0;
	background-color : #e7e8ea;
	z-index : 10;
}
.header ul{
	width : 640px;
	margin : 0 auto;
}
.header li {
	float : left;
	width : 25%;
	
}
.header li a{
	display  :block;
	width : 71px;
	height : 71px;
	margin : 0 auto;
}

.menu1 a {background : url(../images/menu1.png) no-repeat;}
.menu2 a {background : url(../images/menu2.png) no-repeat;}
.menu3 a {background : url(../images/menu3.png) no-repeat;}
.menu4 a {background : url(../images/menu4.png) no-repeat;}

.menu1 a:hover {background : url(../images/menu1_av.png) no-repeat 0 0;}
.menu2 a:hover {background : url(../images/menu2_av.png) no-repeat;}
.menu3 a:hover {background : url(../images/menu3_av.png) no-repeat;}
.menu4 a:hover {background : url(../images/menu4_av.png) no-repeat;}

.header .bgbg {position: absolute;bottom: -1px;width: 100%;height: 2px;background-color: #fff}

.navi {
	position :relative; 
	width : 640px;
	margin : 0 auto;
	height : 33px;
	padding : 12px 0;
	background : url(../images/navi_bg.png) repeat-x;
}
.navi .title {
	 color : #000;
	 font-size :25px;
	 line-height : 25px;
	 margin-left: 60px;
	 font-weight:600;
}	
.navi .right {
	position : absolute;
	display : block;
	top : 0;
	right : 0;
	width : 156px;
	height : 51px;
	background : url(../images/top_right.png) no-repeat;
}

.navi .menu {
	position : absolute;
	top : 12px;
	left : 14px;
	display :block;
	width : 39px;
	height : 26px;
	background : url(../images/menubtn.png) no-repeat;
}

.visual {
	position : relative;
	width : 640px;
	height : 850px;
	margin-top : -6px;
	z-index : -1;
	background : url(../images/main.png) no-repeat;
}

.footer {
	padding-bottom : 110px;
	padding-top : 19px;
	border-top : 1px solid  #535353;
	background-color : #e7e8ea;

}
.footer>p {
	text-align : center;
	color: #808080;
	font-size : 15px;
	line-height : 27px;
	letter-spacing : -0.8px;
}
.footer>p a{
	 color : #c04225;
	 font-weight : bold;
}	

/*.footer .f_menu {

	width : 100%;

	background : url(../images/footer_bg.png) repeat-x;
}*/
.footer .f_inbox {
	
	margin-top :13px;
	position : fixed;
	width : 640px;
	bottom : 0;
	z-index : 10;
	padding : 20px 0 18px;
	background : url(../images/footer_inbg.png) no-repeat;
	
}
.footer .f_inbox>a {
	position : absolute;
	bottom : 68%;
	left : 50%;
	display : block;
	width : 102px;
	height : 37px;
	margin-left : -51px;
	z-index : 1;
	color : #010101;
	text-align : center;
	font-weight : bold;
	font-size : 17px;
	line-height : 35px;

}
.footer .f_inbox ul{
	width : 352px;
	margin : 0 auto;
}
.footer .f_inbox ul li {
}

.footer .f_inbox ul li a {
	display : block;
	width : 352px;
	height : 58px;

}
.f_menu {}
.f_menu a{background : url(../images/f_menu.png) no-repeat;}