@import "reset.css";
@import "base.css";
/*----- common -----*/

body {
	border-top:solid 4px #5bbd9a;
}
img {
	vertical-align:bottom;
}
a *.hover:hover, input.hover:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
 -webkit-transition: all .3s;
 transition: all .3s;
}
a *.hover, input.hover {
 -webkit-transition: all .3s;
 transition: all .3s;
}
/*----- header -----*/
#header {
	width:950px;
	margin:0 auto;
	padding:12px 0;
}
#header #logo {
	float:left;
	padding-top:5px;
}
#header #logo .cap {
  display: block;
  font-size: 12px;
  padding-left: .1em;
}
#header #logo a:hover{
  text-decoration: none;
}
#header #head-menu {
	width:237px;
	float:right;
}
#header #head-menu .h-tel {
	clear:both;
	padding-top:10px;
}
/*----- menu -----*/

#menu {
	background:url(../img/menu_bg.png) bottom repeat-x;
	clear:both;
	padding-top:5px;
}
#menu ul {
	width:950px;
	margin:0 auto;
	position:relative;
}

#menu li{
	float:left;
  width: 20%;
  text-align: center;
	}


/*----- main -----*/

#pan{
	width:950px;
	margin:0 auto;
	clear:both;
	line-height:40px;
	}

#wrap{
	width:950px;
	margin:15px auto 40px;
	}

#main{
	width:680px;
	float:left;
	}

#side{
	width:250px;
	float:right;
	}
	
#side .side-contact{
	position:relative;	
	}

#side .side-contact .s-btn{
	position:absolute;
	left:15px;
	top:150px;
	}


/*----- footer -----*/
#f-contact-bg{
	background:url(../img/f_contct_bg.png) bottom center no-repeat;
	padding:40px 0;
	clear:both
	}

#f-contact{
	width:948px;
	border:solid 1px #eaeaea;
	padding:3px;
	background-color: rgba(255,255,255,0.5);
	margin:0 auto;
	}
#f-contact .f-ttl{
	float:left;
	margin-right:50px;
	}

#f-contact .f-tel{
	padding-top:18px;
	float:left;
	}

#f-contact .f-mail{
	width:244px;
	float:right;
	margin-right:30px;
	text-align:center;
	padding-top:18px;
	}

#f-link{
	clear:both;
	text-align:center;
	padding-top:30px;
	}

#footer{
	background-color:#5bbd9a;
	padding:20px 0 40px;
	}

#footer-box{
	width:950px;
	margin:0 auto;
	color:#FFF;
	}