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

/*
==========================================================
header/head
==========================================================
*/

#header {
	width: 100%;
	height: 145px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background-image: url(../commonImage/hdBg.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
#head{
	width: 960px;
	height: 145px;
	margin: 0px auto;
	padding: 0px;
	overflow: hidden;
	position: relative;
}
#hdLogo{
	width: 422px;
	height: 90px;
	position: absolute;
	top:0px;
	left: 0px;
}
#hdLogo a{
	width: 422px;
	height: 90px;
	display: block;
    background-image: url(../commonImage/hdLogo.jpg) ;
	background-repeat: no-repeat;	
}
#hdTel{
	margin: 0px;
	padding: 0px;
	width: 276px;
	height: 35px;
	position: absolute;
	top:32px;
	left: 684px;
	background-image:url(../commonImage/hdTel.jpg);
	background-position: left top;
	background-repeat:no-repeat;
}
#hdForm{
	margin: 0px;
	padding: 0px;
	width: 276px;
	height: 23px;
	position: absolute;
	top:67px;
	left: 684px;

}
#hdForm a{
	width: 276px;
	height: 23px;
	display:block;
	background-image:url(../commonImage/hdForm.jpg);
	background-position: left top;
	background-repeat:no-repeat;
}
#hdForm a:hover{
	background-position: left -23px;
}


#hdNv{
	width: 276px;
	height: 32px;
	position: absolute;
	top:0px;
	left:684px;
}
#hdNv ul{
	margin: 0px;
	padding: 0px;
	width: 276px;
	height: 32px;
	overflow: hidden;
}
#hdNv ul li{
	margin: 0px;
	padding: 0px;
	height: 32px;
	overflow: hidden;
	float: left;
	display: inline;
}

.sitemap a{
	background-image:url(../commonImage/hdNv.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	width: 81px;
	height: 32px;
	margin: 0px;
}
.sitemap a:hover {
	background-position: 0px -32px;
	}
.privacy a{
	background-image: url(../commonImage/hdNv.jpg);
	background-repeat: no-repeat;
	background-position: -81px 0px;
	display: block;
	width: 112px;
	height: 32px;
	margin: 0px 0px;
}
.privacy a:hover {
	background-position: -81px -32px;
	}
.contact a{
	background-image: url(../commonImage/hdNv.jpg);
	background-repeat: no-repeat;
	background-position: -193px 0px;
	display: block;
	width: 83px;
	height: 32px;
	margin: 0px;
}
.contact a:hover {
	background-position: -193px -32px;
	}


/*
==========================================================
globalNavi
==========================================================
*/

#navi {
	height:55px;
	width:960px;
	overflow:hidden;
	padding:0px 0px;
	margin: 0px 0px 0px 0px;
	position: absolute;
	top: 90px;
	left: 0px;
}
#navi:after {
height:0;
visibility:hidden;
content:".";
display:block;
clear:both;
}
#navi ul {
	padding:0;
	margin: 0px;
}
#navi ul li {
	list-style-type:none;
	float:left;
	height: 55px;
	margin: 0px;
	padding: 0px;
	display: inline;
}
#navi ul li a {
	display:block;
	height:55px;
	margin:0;
	padding:0;
}
#navi .navi1 a,#navi .navi2 a,#navi .navi3 a,
#navi .navi4 a,#navi .navi5 a,#navi .navi6 a,#navi .navi7 a{
	background-image: url(../commonImage/gN.jpg);
}
#navi .navi1, #navi .navi7{
	width: 140px;
}
#navi .navi2, #navi .navi3, #navi .navi4, #navi .navi5, #navi .navi6{
	width: 136px;
}
#navi .navi1 a {
	background-position: 0px 0px;
	display:block;
	width: 140px;
}
#navi .navi1 a:hover {
	background-position:0 -55px;
}
#navi .navi2 a {
	background-position: -140px 0px;
	display:block;
	width: 136px;
}
#navi .navi2 a:hover {
	background-position:-140px -55px;
}
#navi .navi3 a {
	background-position:-276px 0px;
	display:block;
	width: 136px;
}
#navi .navi3 a:hover {
	background-position:-276px -55px;
}
#navi .navi4 a {
	background-position:-412px 0px;
	display:block;
	width: 136px;
}
#navi .navi4 a:hover {
	background-position:-412px -55px;
}
#navi .navi5 a {
	background-position:-548px 0px;
	display:block;
	width: 136px;
}
#navi .navi5 a:hover {
	background-position:-548px -55px;
}
#navi .navi6 a {
	background-position:-684px 0px;
	display:block;
	width: 136px;
}
#navi .navi6 a:hover {
	background-position:-684px -55px;
}
#navi .navi7 a {
	background-position:-820px 0px;
	display:block;
	width: 140px;
}
#navi .navi7 a:hover {
	background-position:-820px -55px;
}
/*
==========================================================
topic_path
==========================================================
*/
#topic_path {
	text-align:left;
	width:950px;
	padding: 0px 0px 0px 10px;
	margin: 0px auto 0px auto;
	height: 57px;
}
#topic_path dl{
	text-align:left;
	padding: 0;
	margin: 0;
	height: 57px;
	color:#3B1E0A;
}
#topic_path dt {
	display:inline;
	font-size:11px;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
}
#topic_path dd {
	display:inline;
	font-size:11px;
	font-weight:normal;
	line-height:57px;
	margin:0;
	padding:0;
}
#topic_path a {
	color:#3B1E0A;
	text-decoration: underline;
}
#topic_path a:hover {
	color: #FF594A;
	text-decoration: underline;
}
/*
==========================================================
container
==========================================================
*/
#container{
	width: 960px;
	margin: 0px auto;
	padding: 0px 0px 40px 0px;
	overflow: hidden;
	clear: both;
	text-align: left;
}

/*main*/
.main {
	width: 714px;
	margin:0px 0px 20px 0px;
	padding: 0px;
	overflow: hidden;
	float: left;
	border: 3px solid #C3B192;
	background-color: #ffffff;
	position: relative;
}
.main form{
	margin: 0px;
	padding: 0px;
}
.main h1,
.main h2{
	height: 20px;
	margin:12px 0px 0px 12px;
	padding: 0px;
	line-height: 20px;
	font-size:20px;
}
/*rightBnr*/
#rightBnr {
	width: 210px;
	margin:0px 0px 0px 0px;
	padding: 0px;
	overflow: hidden;
	float: right;
}
#rightBnr ul{
	width: 210px;
	margin:0px;
	padding: 0px;
	overflow: hidden;
}
#rightBnr ul li{
	width: 210px;
	margin:0px 0px 20px 0px;
	padding: 0px;
	overflow: hidden;
}
.nitto{
	height: 80px;
}
.nitto a{
	height: 80px;
	width: 210px;
	display: block;
	background-image: url(../commonImage/nittoBnr.jpg);
}
.entry{
	height: 80px;
}
.entry a{
	height: 80px;
	width: 210px;
	display: block;
	background-image: url(../commonImage/entryBnr.jpg);
}
#rightBnr ul li a:hover{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}




/*
==========================================================
footer
==========================================================
*/
#footer{
	width: 100%;
	height: 140px;
	margin: 0px;
	padding: 0px;
	clear: both;
	background-image: url(../commonImage/footerBg.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}
#footer #pagetop{
	width: 965px;
	height: 30px;
	line-height: 30px;
	margin: 0px auto;
	padding: 0px 5px 0px 0px;
	overflow: hidden;
	text-align: right;
	clear:both;	
}

#foot{
	width: 960px;
	height: 110px;
	margin: 0px auto;
	padding: 0px;
	overflow: hidden;
	position: relative;
	background-image:url(../commonImage/footerLogo.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}


#footNvBox{
	width: 600px;
	height: 40px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	overflow: hidden;
	position: absolute;
	top: 23px;
	left:360px;
	overflow: hidden;
	text-align:right;
	line-height: 18px;
	font-size: 11px;
	color: #756149;
}

#footNvBox a{
	color: #756149;
	text-decoration: none;
}
#footNvBox a:hover{
	color: #FF594A;
	text-decoration: underline;
}
#copy{
	width: 960px;
	height: 25px;
	margin: 0px;
	padding: 0px;
	position:absolute;
	top:85px;
	left:0px;
	font-size: 12px;
	line-height: 25px;
	color:#fff;
	text-align: right;
}