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

/*
==========================================================
#header
==========================================================
*/
#header{
	width:100%;
	height:259px;
	overflow:hidden;
	background-image:url(../commonImage/header_bg.jpg);
	background-repeat:repeat-x;
	background-position: left top;
}
#head_container{
	width:1020px;
	height:259px;
	margin:0 auto;
	overflow:hidden;
	text-align:left;
	position:relative;
}
#head_container .page_title{
	clear:both;
	width:1020px;
	height:90px;
	margin:0;
	overflow:hidden;
	text-align:left;
}
#head_container .left{
	width:320px;
	height:109px;
	margin:0;
	overflow:hidden;
	float:left;
}
#head_container .left p{
	width:500px;
	height:20px;
	margin:20px 0 5px 0;
	padding:0;
	font-size:12px;
	color:#111;
	float:left;
}
#head_container .left p.logo{
	width:220px;
	height:54px;
	margin:0px;
	padding:0;
	float:left;
}
#head_container p.logo a{
	width:220px;
	height:54px;
	display:block;
	background-image: url(../topImage/logo.png);
	background-position:left top;
}
#head_container .right{
	width:700px;
	height:109px;
	margin:0;
	overflow:hidden;
	float:right;
}
#head_container .right .tel{
	width:207px;
	height:48px;
	margin:10px 0 0 0;
	padding:0;
	overflow:hidden;
	float:right;
	background-image:url(../commonImage/heaad_tel.png);
}
/*
==========================================================
#gnv
==========================================================
*/
.right #gnv{
	width:690px;
	height:51px;
	margin:0;
	padding:0;
	float: right;
	overflow:hidden;
}


#gnv ul{
	width:690px;
	height:51px;
	margin:0px;
	overflow:hidden;
	padding:0;
}
#gnv ul li{
	height:51px;
	margin:0;
	overflow:hidden;
	float:left;
	display:inline;
}
#gnv ul li a{
	height:51px;
	display:block;
}
#gnv ul li.home a{
	width:64px;
	background-image:url(../commonImage/gn.png);
	background-position: 0 0;
}
#gnv ul li.about a{
	width:139px;
	background-image:url(../commonImage/gn.png);
	background-position: -64px 0px;
}
#gnv ul li.products a{
	width:129px;
	background-image:url(../commonImage/gn.png);
	background-position: -203px -0;
}
#gnv ul li.shouga a{
	width:133px;
	background-image:url(../commonImage/gn.png);
	background-position: -332px -0px;
}
#gnv ul li.customer a{
	width:116px;
	background-image:url(../commonImage/gn.png);
	background-position: -465px -0px;
}
#gnv ul li.contact a{
	width:109px;
	background-image:url(../commonImage/gn.png);
	background-position: -581px -0px;
}
#gnv ul li.home a:hover{
	width:64px;
	background-image:url(../commonImage/gn.png);
	background-position: 0px -51px;
}
#gnv ul li.about a:hover{
	width:139px;
	background-image:url(../commonImage/gn.png);
	background-position: -64px -51px;
}
#gnv ul li.products a:hover{
	width:129px;
	background-image:url(../commonImage/gn.png);
	background-position: -203px -51px;
}
#gnv ul li.shouga a:hover{
	width:133px;
	background-image:url(../commonImage/gn.png);
	background-position: -332px -51px;
}
#gnv ul li.customer a:hover{
	width:116px;
	background-image:url(../commonImage/gn.png);
	background-position: -465px -51px;
}
#gnv ul li.contact a:hover{
	width:109px;
	background-image:url(../commonImage/gn.png);
	background-position: -581px -51px;
}
/*
==========================================================
topic_path
==========================================================
*/
#topic_path {
	text-align: left;
	padding: 0px;
	margin: 0px ;
	height: 59px;
}
#topic_path dl {
	text-align: left;
	width: 400px;
	padding: 0;
	margin: 0 0 0 20px;
	height: 59px;
	color: #372B06;
}
#topic_path dt {
	display: inline;
	font-size: 12px;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
}
#topic_path dd {
	display: inline;
	font-size: 12px;
	font-weight: normal;
	line-height: 60px;
	margin: 0;
	padding: 0;
}
#topic_path a {
	color: #372B06;
	text-decoration: none;
}
#topic_path a:hover {
	color: #999;
	text-decoration: underline;
}
/*
==========================================================
social
==========================================================
*/
#social{
	clear:both;
	height: 30px;
	width: 740px;
	margin: 10px 0 0 0;
	padding:0px 0;
	overflow: hidden;
	
}
.socialbutton {
	width: 400px;
	overflow: hidden;
	height: 20px;
	margin: 0px auto 0px auto;
	float: right;
}
.socialbutton div {
	float:right;
	display: inline;
	margin-right:5px;
}
.socialbutton #facebook {
	width: 110px;
	margin-right: 10px;
}
.socialbutton #g-plusone {
	width: 60px;
}
.socialbutton #twitter {
	width: 100px;
}
/*
==========================================================
footer
==========================================================
*/

#footer {
	clear: both;
	width: 100%;
	height: 120px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	background-image:url(../commonImage/footer_bg.jpg);
	background-repeat:repeat-x;
}
#foot {
	width: 1020px;
	height: 120px;
	margin: 0px auto;
	padding: 0px;
	overflow: hidden;
	position: relative;
}
#footNv {
	width: 1020px;
	height: 40px;
	line-height: 40px;
	margin: 0;
	padding: 0px;
	text-align: center;
	font-size: 11px;
	overflow: hidden;
	color: #222;
	font-weight: normal;
	position: absolute;
	top: 5px;
	left: 0px;
}
#footNv a {
	color: #222;
	text-decoration: none;
}
#footNv a:hover {
	color: #C00;
	text-decoration: underline;
}
#foot_add {
	width: 500px;
	height: 130px;
	line-height: 14px;
	position: absolute;
	padding:11px 0 0 230px;
	top: 55px;
	left: 0px;
	font-weight: normal;
	font-size: 12px;
	text-align: left;
	color: #111;
	background-image:url(../commonImage/foot_logo.png);
	background-repeat:no-repeat;
	background-position:left top;
	overflow:hidden;
}
#copy {
	width: 400px;
	height: 30px;
	line-height: 30px;
	text-align: right;
	font-size: 11px;
	overflow: hidden;
	color: #333;
	font-weight: normal;
	position: absolute;
	top: 85px;
	left: 620px;
}