@charset "utf-8";

/********** hheader **********/
#hheader{
	width: 100%;
	height: 520px;
	background: url(../img/cmn/bg_main.jpg) no-repeat bottom center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#bg_hheader {
	width: 100%;
	height: 520px;
	background: url(../img/cmn/bg_title.png) repeat-x top left;
}
.top #bg_hheader {
	background: url(../img/top/bg_title.png) repeat-x top left;
}

#hheader_in{
	width: 960px;
	margin: 0 auto;
	position: relative;
}
	#hheader_in h1 {
		width: 173px;
		height: 175px;
		position: absolute;
		left: 395px;
		top: 536px;
	}
	#hheader_in h2 { height: 520px; position: absolute; text-indent: -9999px; }
	.top #hheader_in h2 { width: 561px; left: -179px; background: url(../img/top/title.png) no-repeat top left; }
	.sales #hheader_in h2 { width: 539px; left: -126px; background: url(../img/sales/title.png) no-repeat top left; }
	.mainte #hheader_in h2 { width: 539px; left: -126px; background: url(../img/mainte/title.png) no-repeat top left; }
	.about #hheader_in h2 { width: 539px; left: -126px; background: url(../img/about/title.png) no-repeat top left; }
	#hheader_in img.img1 { position: absolute; right: -132px; }
	.top #hheader_in img.img1 { position: absolute; right: -179px; }

/********** navi **********/
#bg_navi{
	width: 100%;
}
#navi{
	width: 960px;
	margin: 0 auto 16px;
	overflow: hidden;
}

#navi li{
	float: left;
}
#navi a{
	margin-top: 16px;
	display: block;
	height: 175px;
	text-indent: -9999px;
}

#navi a{ background: url(../img/cmn/bg_nav.jpg) no-repeat top left; }
#navi #n01 a{ background-position:     0   0; width:  71px; }
#navi #n02 a{ background-position:  -170px 0; width: 126px; margin-left: 99px; }
#navi #n03 a{ background-position:  -669px 0; width: 111px; margin-left: 373px; }
#navi #n04 a{ background-position:  -880px 0; width:  80px; margin-left: 100px; }

#navi #n01 a:hover,#navi #n01 a.ex { background-position:     0   -175px;  }
#navi #n02 a:hover,#navi #n02 a.ex { background-position:  -170px -175px;  }
#navi #n03 a:hover,#navi #n03 a.ex { background-position:  -669px -175px;  }
#navi #n04 a:hover,#navi #n04 a.ex { background-position:  -880px -175px;  }

/*パンくずリスト*/
#bread{
	width: 960px;
	position: absolute;
	font-size: 13px;
	left: -5px;
	top: 529px;
}

/********** mainbox **********/
#mainbox{
	width: 960px;
	margin: 0 auto 120px auto;
	overflow: hidden;
	background: url(../img/cmn/bg_main.jpg) no-repeat;
}

/********** sidebar **********/
#sidebar{
/*	float: right;*/
	float: left;
	width: 280px;
}

/********** ffooter **********/
#ffooter{
	width: 100%;
	height: 424px;
	background: url(../img/cmn/bg_footer02.jpg) repeat-x bottom left;
}
#ffooter_in{
	width: 960px;
	height: 424px;
	margin: 0 auto;
	background: url(../img/cmn/bg_footer01.png) no-repeat top center;
	position: relative;
}
	#ffooter_in #totop { position: absolute; left: 424px; top: 43px; width: 112px; height: 112px; display: block; }

	#ffooter_in p { color: #fff; font-size: 15px; }
	#ffooter_in b { font-size: 18px; }
	#ffooter_in p.p1 {
		width: 182px;
		height: 63px;
		background:
		url(../img/cmn/txt_footer01.jpg) no-repeat;
		text-indent: -9999px;
		position: absolute;
		left: 0;
		top: 128px;
	}
	#ffooter_in p.p2 { position: absolute; left: 10px; top: 199px; }
	#ffooter_in p.p3 { position: absolute; left: 8px; top: 223px; }
	#ffooter_in p.p4 {
		width: 125px;
		height: 60px;
		background: url(../img/cmn/txt_footer02.jpg) no-repeat;
		text-indent: -9999px;
		text-indent: -9999px;
		position: absolute;
		left: 0;
		top: 257px;
	}
	#ffooter_in p.p5 { position: absolute; left: 10px; top: 325px; }
	#ffooter_in p.p6 { position: absolute; left: 8px; top: 349px; }
	#ffooter_in a.a1 { position: absolute; right: 0px; top: 148px; }
	#ffooter_in a.a2 { position: absolute; right: 0px; top: 238px; }

/*フッターナビ*/
#fnavi{
	overflow: hidden;
	color: #fff;
	font-size: 15px;
	position: absolute;
	top: 352px;
	right: -20px;
}
#fnavi li{
	float: left;
	border-left: solid 1px #fff;
	padding: 0 20px 0;
}
#fnavi li:first-child { border-left: none; }
#fnavi li a {
	color: #fff;
}

#ffooter_in #copy {
	position: absolute; left: 283px; top: 402px;
	font-size: 13px;
}

#mainbox01 {
	background: url(../img/top/bg_top05.jpg) repeat;
}
.content {
	width: 960px;
	margin: 0 auto;
}

/*----------------------------------------

index.html

-----------------------------------------*/
#index01 {
	width: 100%;
	height: 424px;
	padding: 98px 0 0;
	background: transparent url("../img/top/bg_top01.jpg") 	no-repeat fixed center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	text-align: center;
}
	#index01 div { width: 804px; height: 233px; background: url(../img/top/bg_top02.png) no-repeat bottom left; margin: 0 auto 0; }
	#index01 h3 { width: 836px; height: 67px; text-indent: -9999px; background: url(../img/top/txt_top01.png) no-repeat; margin: 0 auto 52px; }
	#index01 p { font-size: 17px; color: #000; line-height: 1.8; margin-bottom: 30px; }

.top #mainbox01 .content { padding: 90px 0 7px 0; }
.top #mainbox01 .content h3.h301{ clear:both; width: 836px; height: 67px; text-indent: -9999px; background: url(../img/top/txt_top02.png) no-repeat; margin: 0 auto 43px; }
.top #mainbox01 .content h3.h302{ clear:both; width: 836px; height: 67px; text-indent: -9999px; background: url(../img/top/txt_top03.png) no-repeat; margin: 0 auto 43px; }
.top #mainbox01 .content h3.h303{ clear:both; width: 836px; height: 67px; text-indent: -9999px; background: url(../img/top/txt_top04.png) no-repeat; margin: 0 auto 43px; }
.top #mainbox01 .content img.img1 { float: right; }
.top #mainbox01 .content .box01 { width: 477px; height: 310px; background: url(../img/top/bg_top03.png) no-repeat 0 31px; padding: 132px 0 0 12px; margin-bottom: 96px; }
.top #mainbox01 .content .box01 p { font-size: 15px; line-height: 1.8; }
.top #mainbox01 .content .box01 p.p1 { margin-bottom: 28px; }
.top #mainbox01 .content .box01 p.p2 { margin-bottom: 40px; }
.top #mainbox01 .content .box01 p.p3 { font-size: 20px; font-weight: bold; color: #A74B22; }
.top #mainbox01 .content .box01 p.p4 { margin-bottom: 40px; font-size: 20px; font-weight: bold; color: #A74B22; }
.top #mainbox02 .content { padding: 90px 0 141px 0; }
.top #mainbox02 .content h3.h304{ clear:both; width: 836px; height: 68px; text-indent: -9999px; background: url(../img/top/txt_top05.png) no-repeat; margin: 0 auto 52px; }
.top #mainbox02 .content h3.h305{ clear:both; width: 836px; height: 67px; text-indent: -9999px; background: url(../img/top/txt_top06.png) no-repeat; margin: 0 auto 43px; }
.top #mainbox02 .box01 { width: 470px; }
	.top #mainbox02 .box01 img { margin-bottom: 25px; }
	.top #mainbox02 .box01 h4 { color: #8C2300; font-size: 22px; font-weight: bold; text-align: center; border-bottom: dotted 1px #8C2300; padding: 0 0 15px; margin: 0 10px 18px; }
	.top #mainbox02 .box01 p.p1,
	.top #mainbox02 .box01 p.p2 { color: #8C2200; font-size: 16px; text-align: center; margin-bottom: 15px; }
	.top #mainbox02 .box01 p.p3,
	.top #mainbox02 .box01 p.p4 { width: 450px; height: 94px; color: #8C2200; font-size: 16px; text-align: center; background: url(../img/top/bg_top04.png) no-repeat; margin: 20px 0 50px 10px;  padding: 6px 0 0 0; line-height: 1.8; }
	.top #mainbox02 .box01 p.p4 { height: 64px; padding: 36px 0 0 0; }
	.top #mainbox02 .box01 .map { border: solid 1px #8C2200; width: 448px; height: 348px; margin: 0 0 84px 10px; }
	.top #mainbox02 .box01 .tbl 		{ display: table; margin-bottom: 10px; padding: 0 0 0 10px; }
	.top #mainbox02 .box01 .tbl dl  	{ display: table-row; }
	.top #mainbox02 .box01 .tbl dl dt 	{ display: table-cell; width: 92px; height: 23px; font-size: 15px; font-weight: bold; text-align: center; color: #fff; background-color: #8C2300; padding: 7px 0 0; }
	.top #mainbox02 .box01 .tbl dl dd 	{ display: table-cell; font-size: 15px; padding: 0 0 0 10px; }

/*----------------------------------------

sales.html

-----------------------------------------*/
.sales #mainbox01 .content { padding: 98px 0 100px 0; }
.sales #mainbox01 .content h3.h301{ clear:both; width: 836px; height: 67px; text-indent: -9999px; background: url(../img/sales/txt_sales01.png) no-repeat; margin: 0 auto 56px; }
.sales #mainbox01 .content h3.h302{ clear:both; width: 836px; height: 67px; text-indent: -9999px; background: url(../img/sales/txt_sales02.png) no-repeat; margin: 0 auto 43px; }
.sales #mainbox01 .content h4 { font-size: 27px; line-height: 1.8; color: #A54B20; font-weight: bold; text-align: center; height: 60px; width: 649px; padding: 10px 0 0 50px; }
.sales #mainbox01 .content h4.h401{
	background: url(../img/sales/bg_sales01.png) no-repeat; margin: 0 auto 5px;
}
.sales #mainbox01 .content h4.h402{
	background: url(../img/sales/bg_sales02.png) no-repeat; margin: 0 auto 5px;
}
.sales #mainbox01 .content p { text-align: center; font-size: 17px; line-height: 1.8; }
.sales #mainbox01 .content p.p1 { margin-bottom: 43px; }
.sales #mainbox02 .content { padding: 93px 0 141px 0; }
.sales #mainbox02 .content h3.h302{ clear:both; width: 836px; height: 67px; text-indent: -9999px; background: url(../img/sales/txt_sales02.png) no-repeat; margin: 0 auto 49px; }
.sales #mainbox02 .content h4.h401 { width: 606px; height: 61px; padding: 15px 0 0 0; background: url(../img/sales/bg_sales03.png) no-repeat; font-size: 27px; font-weight: bold; color: #A54B1F; line-height: 1.8; text-align: center; margin: 0 auto 23px; }
.sales #mainbox02 .content h4.h402 { width: 586px; height: 61px; padding: 15px 0 0 0; background: url(../img/sales/bg_sales06.jpg) no-repeat; font-size: 27px; font-weight: bold; color: #A54B1F; line-height: 1.8; text-align: center; margin: 0 auto 23px; }
.sales #mainbox02 .content p.p1 { text-align: center; color: #A54B20; line-height: 1.8; font-size: 17px; margin-bottom: 30px; }
.sales #mainbox02 .content p.p2 { text-align: center; color: #A54B20; line-height: 1.8; font-size: 17px; margin-bottom: 55px; }
.sales #mainbox02 .content .box01 { width: 960px; height: 1000px; background: url(../img/sales/bg_sales04.jpg) no-repeat; position: relative; }
.sales #mainbox02 .content .box01 h5 { color: #3F1314; font-size: 20px; font-weight: bold; position: absolute; }
	.sales #mainbox02 .content .box01 h5.h501 { left: 124px; top: 260px; }
	.sales #mainbox02 .content .box01 h5.h502 { left: 614px; top: 260px; }
	.sales #mainbox02 .content .box01 h5.h503 { left: 124px; top: 775px; }
	.sales #mainbox02 .content .box01 h5.h504 { left: 614px; top: 775px; }
	.sales #mainbox02 .content .box01 .box02 { position: absolute; width: 422px; height: 160px; }
	.sales #mainbox02 .content .box01 .pos01 { left:  22px; top: 310px; }
	.sales #mainbox02 .content .box01 .pos02 { left: 513px; top: 310px; }
	.sales #mainbox02 .content .box01 .pos03 { left:  22px; top: 824px; }
	.sales #mainbox02 .content .box01 .pos04 { left: 512px; top: 824px; }
	.sales #mainbox02 .content .box01 p { text-align: left; font-size: 15px; color: #000; line-height: 1.8; }
	.sales #mainbox02 .content .box01 p.p1 { margin-bottom: 27px; }
.sales #mainbox02 .content .box03 { width: 960px; height: 1055px; background: url(../img/sales/bg_sales05.jpg) no-repeat; position: relative; margin-bottom: 87px; }
.sales #mainbox02 .content h4.h403 { clear:both; width: 836px; height: 67px; text-indent: -9999px; background: url(../img/top/txt_top06.png) no-repeat; margin: 0 auto 43px; }
.sales #mainbox02 .content .box03 h5 { color: #3F1314; font-size: 23px; font-weight: bold; position: absolute; }
	.sales #mainbox02 .content .box03 h5.h501 { left: 78px; top: 15px; }
	.sales #mainbox02 .content .box03 h5.h502 { left: 78px; top: 271px; }
	.sales #mainbox02 .content .box03 h5.h503 { left: 78px; top: 554px; }
	.sales #mainbox02 .content .box03 h5.h504 { left: 78px; top: 836px; }
	.sales #mainbox02 .content .box03 p { text-align: left; font-size: 15px; color: #000; line-height: 1.8; width: 585px; height: 75px; position: absolute; }
	.sales #mainbox02 .content .box03 p.p1 { left: 12px; top: 71px; }
	.sales #mainbox02 .content .box03 p.p2 { left: 12px; top: 327px; }
	.sales #mainbox02 .content .box03 p.p3 { left: 12px; top: 610px; }
	.sales #mainbox02 .content .box03 p.p4 { left: 12px; top: 892px; }


/*----------------------------------------

mainte.html

-----------------------------------------*/
.mainte #mainbox01 .content { padding: 98px 0 82px 0; }
.mainte #mainbox01 .content h3.h301{ clear:both; width: 836px; height: 67px; text-indent: -9999px; background: url(../img/mainte/txt_mainte01.png) no-repeat; margin: 0 auto 75px; }
.mainte #mainbox01 .content .box01 { width: 470px; }
.mainte #mainbox01 .content .box01 h4 { color: #A54B1F; font-size: 27px; font-weight: bold; border-bottom: dotted 1px #A54B1F; padding: 0 0 8px 5px; margin-bottom: 13px; }
.mainte #mainbox01 .content .box01 p { font-size: 17px; line-height: 1.8; padding: 0 0 0 5px; }
.mainte #mainbox01 .content .box01 p.p1 { margin-bottom: 30px; }
.mainte #mainbox01 .content .box01 h5 { font-size: 17px; font-weight: bold; padding: 0 0 0 37px; background: url(../img/mainte/bg_mainte02.png) no-repeat; margin: 0 0 0 10px; }
.mainte #mainbox01 .content .box01 h5.h501 { border-top: solid 1px #999; width: 413px; padding-top: 20px; background: url(../img/mainte/bg_mainte02.png) no-repeat 0 18px; margin-bottom: 36px; }
.mainte #mainbox01 .content img.img1 { margin-bottom: 46px; }
.mainte #mainbox01 .content img.img2 { margin-bottom: 50px; float: right; }
.mainte #mainbox01 .content .box01 p.p3 { font-size: 15px; line-height: 1.8; margin: 7px 0 29px 42px; }
.mainte #mainbox01 .content .box01 p.p4 { font-size: 15px; line-height: 1.8; margin: 0 0 12px 42px; }
.mainte #mainbox02 .content { padding: 93px 0 141px 0; }
.mainte #mainbox02 .content h3.h302 { clear:both; width: 836px; height: 67px; text-indent: -9999px; background: url(../img/mainte/txt_mainte02.png) no-repeat; margin: 0 auto 74px; }
.mainte #mainbox02 .content .box01 { width: 470px; }
.mainte #mainbox02 .content .box01 h4 { color: #A54B1F; font-size: 27px; font-weight: bold; border-bottom: dotted 1px #A54B1F; padding: 0 0 8px 5px; margin-bottom: 15px; }
.mainte #mainbox02 .content .box01 p { font-size: 15px; line-height: 1.8; padding: 0 0 0 3px; }
.mainte #mainbox02 .content img.img3 { margin-bottom: 71px; }
.mainte #mainbox02 .content img.img4 { float: right; }
.mainte #mainbox02 .content h4.h401 { width: 578px; height: 61px; padding: 15px 0 0 0; background: url(../img/mainte/bg_mainte03.jpg) no-repeat; font-size: 27px; font-weight: bold; color: #A54B1F; line-height: 1.8; text-align: center; margin: 0 auto 21px; }
.mainte #mainbox02 .content p.p2 { font-size: 17px; line-height: 1.8; font-weight: bold; padding: 6px 0 0 2px; margin-bottom: 30px; }
.mainte #mainbox02 .content p.p3 { font-size: 15px; line-height: 1.8; margin-bottom: 95px; }
.mainte #mainbox02 .content h4.h402 { clear:both; width: 836px; height: 67px; text-indent: -9999px; background: url(../img/top/txt_top06.png) no-repeat; margin: 0 auto 43px; }

/*----------------------------------------

about.html

-----------------------------------------*/
.about #mainbox01 .content { padding: 97px 0 16px 0; overflow: hidden; }
.about #mainbox01 .content h3.h301 { clear:both; width: 836px; height: 68px; text-indent: -9999px; background: url(../img/top/txt_top05.png) no-repeat; margin: 0 auto 75px; }
.about #mainbox01 .box01 { width: 470px; }
	.about #mainbox01 .box01 img { margin-bottom: 25px; }
	.about #mainbox01 .box01 h4 { color: #8C2300; font-size: 22px; font-weight: bold; text-align: center; border-bottom: dotted 1px #8C2300; padding: 0 0 15px; margin: 0 10px 18px; }
	.about #mainbox01 .box01 h5 { color: #8C2300; font-size: 22px; font-weight: bold; text-align: center; margin: 0 0 18px; }
	.about #mainbox01 .box01 img.img1 { display: block; margin: 0 0 27px 10px; }
	.about #mainbox01 .box01 p.p1,
	.about #mainbox01 .box01 p.p2 { color: #8C2200; font-size: 16px; text-align: center; margin-bottom: 15px; }
	.about #mainbox01 .box01 p.p3,
	.about #mainbox01 .box01 p.p4 { width: 450px; height: 94px; color: #8C2200; font-size: 16px; text-align: center; background: url(../img/top/bg_top04.png) no-repeat; margin: 20px 0 50px 10px; padding: 6px 0 0 0; line-height: 1.8; }
	.about #mainbox01 .box01 p.p4 { height: 64px; padding: 36px 0 0 0; }
	.about #mainbox01 .box01 p.p5 { color: #8C2200; font-size: 16px; text-align: center; line-height: 1.8; margin-bottom: 43px; }
	.about #mainbox01 .box01 .map { border: solid 1px #8C2200; width: 448px; height: 348px; margin: 0 0 84px 10px; }
	.about #mainbox01 .box01 .tbl 		{ display: table; margin-bottom: 10px; padding: 0 0 0 10px; }
	.about #mainbox01 .box01 .tbl dl  	{ display: table-row; }
	.about #mainbox01 .box01 .tbl dl dt { display: table-cell; width: 92px; height: 23px; font-size: 15px; font-weight: bold; text-align: center; color: #fff; background-color: #8C2300; padding: 7px 0 0; }
	.about #mainbox01 .box01 .tbl dl dd { display: table-cell; font-size: 15px; padding: 0 0 0 10px; }
.about #mainbox02 .content { padding: 83px 0 141px 0; }
.about #mainbox02 .content h4.h401 { clear:both; width: 836px; height: 67px; text-indent: -9999px; background: url(../img/top/txt_top06.png) no-repeat; margin: 0 auto 43px; }