@charset "UTF-8";

#header01 *,
#gnavi01 *,
#footer01 *{
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	text-align: left;
	zoom:1;
}

/*  */
#header01 br.clear{
	clear: both;
	line-height: 0;
	height: 0;
	font-size: 0;
	margin: 0;
	padding: 0;
	border:none;
}

#header01{
	width: 100%;
	height: 69px;
	position: relative;
	font-size: 0;
	background: url("../common/header_bg_05.png") no-repeat bottom left;
	margin: 0 auto;
	padding: 0;
}

#header01 img{
	vertical-align: bottom;
}

#header01 p.siteLogo {
	position: absolute;
	top: 27px;
	left: 5px;
	z-index: 1;
}

#header01 .p01{
	position: absolute;
	top: 21px;
	right: 0;
	font-size: 12px;
}

#header01 .p01 a{
	color: #666;
	text-decoration: none;
	font-size: 12px;
	line-height: 18px;
	padding-left: 10px;
	background: url("../common/footer_bg_04.png") no-repeat 0px 3px;
}

#header01 .p01 a:hover{
	text-decoration: underline;
}

#header01 .p02{
	position: absolute;
	top: 39px;
	right: 0;
}

#header01 .div01{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 725px;
	height: 30px;
}

#header01 .div01 .div02{
	position: absolute;
	bottom: 0;
	left: 288px;
	width: 437px;
	height: 30px;
}

#header01 .div01 .div02 .div03{
	position: absolute;
	bottom: 0;
	left: 64px;
	width: 303px;
	height: 26px;
	padding: 2px 0;
	padding-left: 70px;
}

#header01 .div01 .div02 .div03 form{
	float: left;
}

#header01 .div01 .div02 .div03 input{
	vertical-align: top;
}

#header01 .div01 .div02 .div03 input.text01{
	width: 113px;
	height: 16px;
	border: 1px solid #888;
	margin-top: 2px;
	*margin-top: 1px;
	font-size: 12px;
	padding-top: 4px;
	margin-right: 5px;
}

#header01 .div01 .div02 .div03 input.image01{
	margin-top: 4px;
	margin-right: 10px;
}

#header01 .div01 .div02 .div03 ul{
}

#header01 .div01 .div02 .div03 ul li{
	float: left;
	font-size: 10px;
}

#header01 .div01 .div02 .div03 ul .li01{
	padding-left: 15px;
	margin-left: 5px;
	background: url("../common/common_bg_01.png") no-repeat 5px 50%;
}

#header01 .div01 .div02 .div03 ul li a{
	color: #fff;
	text-decoration: none;
	line-height: 26px;
}

#header01 .div01 .div02 .div03 ul li a:hover{
	text-decoration: underline;
}

#gnavi01{
	position:relative;
	margin:0 auto;
	padding:1px 0 7px 1px;
	z-index:100;
}

#gnavi01 .ul01{
	width:789px;
}

#gnavi01 .ul01:after{
	content:"";
	clear:both;
	display:block;
	height:0;
	visibility:hidden;
}

#gnavi01 .ul01 li{
	position:relative;
	float:left;
	height:36px;
	margin-right:1px;
}

#gnavi01 .ul01 li a{
	overflow:hidden;
	display:block;
	float:left;
	height:36px;
	background:url("../common/gnavi_bg_01.png") no-repeat;
	font-size:0;
	text-indent:-9999px;
	}

#gnavi01 .ul01 #li01 a{
	width:77px;
	background-position:0 0;
}

#gnavi01 .ul01 #li01 a:hover{
	background-position:0 -36px;
}

#gnavi01 .ul01 #li02 a{
	width:132px;
	background-position:-78px 0;
}

#gnavi01 .ul01 #li02 a:hover{
	background-position:-78px -36px;
} 

#gnavi01 .ul01 #li03 a{
	width:113px;
	background-position:-211px 0;
} 

#gnavi01 .ul01 #li03 a:hover{
	background-position:-211px -36px;
}

#gnavi01 .ul01 #li04 a{
	width:82px;
	background-position:-325px 0;
}

#gnavi01 .ul01 #li04 a:hover{
	background-position:-325px -36px;
}

#gnavi01 .ul01 #li05 a{
	width:154px;
	background-position:-551px 0;
}

#gnavi01 .ul01 #li05 a:hover{
	background-position:-551px -36px;
}

#gnavi01 .ul01 #li06 a{
	width:142px;
	background-position:-408px 0;
}

#gnavi01 .ul01 #li06 a:hover{
	background-position:-408px -36px;
}

#gnavi01 .ul01 #li07 a{
	width:82px;
	background-position:-706px 0;
}

#gnavi01 .ul01 #li07 a:hover{
	background-position:-706px -36px;
}

#gnavi01 .ul01 li .div01 *{
	position: relative;
	float: none;
	width: auto;
	height: auto !important;
	padding: 0;
	background: none;
	text-indent: 0;
}

#gnavi01 .ul01 li .div01{
	position: absolute;
	width: 190px;
	top: 36px;
	left: 0;
	padding-bottom: 3px;
	background: url("../common/gnavi_bg_07.png") no-repeat bottom right;
	*_background: none;
	z-index: 100;
}

#gnavi01 .ul01 li .div01 .div02{
	width: 190px;
	background: url("../common/gnavi_bg_06.png") repeat-y top right;
	*_background: none;
}

#gnavi01 .ul01 li .div01 .div02 ul{
	width: 185px;
	border: 1px #CFC4B4 solid;
	background: #fff;
}

#gnavi01 .ul01 li .div01 .div02 ul li{
	width: 183px;
	*float: left;
	border-right: 1px #E4DDD0 solid;
	overflow: hidden;
}

#gnavi01 .ul01 li .div01 .div02 ul li a{
	display: block;
	width: 163px !important;
	*width: 185px !important;
	height: 11px;
	*height: 23px;
	padding: 6px 10px;
	border-bottom: 1px #E4DDD0 dotted !important;
	border-bottom: 1px #f4ede0 solid;
	background: #FAF7EE;
}

#gnavi01 .ul01 li .div01 .div02 ul li a:hover{
	background-image: url("../common/gnavi_bg_03.png");
}

#gnavi01 .ul01 li .div01 .div02 ul li a img{
	vertical-align: top;
}

#gnavi01 .ul01 li .div01 .div02 #ul01,
#gnavi01 .ul01 li .div01 .div02 #ul02,
#gnavi01 .ul01 li .div01 .div02 #ul03,
#gnavi01 .ul01 li .div01 .div02 #ul04{
	display: none;
}

#gnavi01 .ul01 li > .div01{
	display: none;
}

#gnavi01 .ul01 li:hover > .div01{
	display: block;
}


#footer01 *{
	margin: 0;
	padding: 0;
	font-style: normal;
	font-size: 1em;
	border: 0;
	list-style: none;
	text-align: left;
}


/*  */
br.clear{
	clear: both;
	line-height: 0;
	height: 0;
	font-size: 0;
	margin: 0;
	padding: 0;
	border: none;
}


#footer01{
	position: relative;
	z-index: 50;
	width: 791px;
	font-size: 10px;
	height: 50px;
	clear: both;
	border-top: #000000 solid 1px;
	margin: 0 auto;
	background: url("../common/footer_bg_05.png") no-repeat left top;
}

#footer01 .ul01{
	position: absolute;
	width: 488px;
	height: 30px;
	left: 0;
	padding: 0 15px;
}

#footer01 .ul01 li{
	display: inline;
	line-height: 30px;
}

#footer01 .ul01 li{
	padding-left: 7px;
	margin-right: 7px;
	background: url("../common/common_bg_01.png") no-repeat left 50%;
}

#footer01 .ul01 li.li01{
	padding-left: 0;
	margin-left: 0;
	background: none;
}

#footer01 .ul01 li a{
	color: #fff;
	line-height: 30px;
	text-decoration: none;
}

#footer01 .ul01 li a:hover{
	text-decoration: underline;
}


#footer01 .div01{
	position: absolute;
	width: 293px;
	height: 30px;
	left: 497px;
}

#footer01 .div01 .div02{
	position: absolute;
	width: 233px;
	height: 30px;
	right: 5px;
}

#footer01 .div01 .div02 .ul02{
	margin-top: 8px;
	margin-left: 15px;
}

#footer01 .div01 .div02 .ul02 li{
	text-align: right;
}

#footer01 .div01 .div02 .ul02 li a{
	color: #666;
	text-decoration: none;
	font-size: 12px;
	line-height: 18px;
	padding-left: 10px;
	background: url("../common/footer_bg_04.png") no-repeat 0px 50%;
	}

#footer01 .div01 .div02 .ul02 li a:hover{
	text-decoration:underline;
}

#footer01 address{
	color: #555555;
	font-size: 12px;
	line-height: 12px;
	height: 12px;
	position: absolute;
	top: 36px;
	left: 15px;
}