@charset "UTF-8";

/*	base
 =======================================================*/

@import "reset.css";
@import "base.css";
@import "clearfix.css";


#Wrapper {
 width: 100%;
 background: #ffffff;
 margin:0 auto;
}
#headerCover {
	width: 100%;
	height: 82px;
	background: url("../img/header_bg.gif") repeat-x;

}
#header {
	width: 980px;
	height: 82px;
	margin: 0 auto;
	position: relative;
}
#header > h1 {
	top: 25px;
	left: 15px;
	position: absolute;
}
#header > p.subtitle {
	top: 12px;
	left: 66px;
	position: absolute;
}
#header > p.yearSale {
	left: 300px;
	top : 26px;
	position: absolute;
}
/*
#header > p.telNumber {
	right: 7px;
	top : 13px;
	position: absolute;
}
*/
#header > p.telNumber {
	right: 7px;
	top : 13px;
	position: absolute;
	width: 313px;
	height:63px;
	background-image:url("../img/tel_number_bg.gif");
	background-repeat: no-repeat;
	text-align: right;
	vertical-align: bottom;
	padding: 24px 0px 0px 0px;
}
#header > p.telNumber > a {
	color: #5bae08;
	font-size: 200%;
	font-weight: 600;
	text-decoration : none ;
}
#contents {
	width: 100%;
}
#contents .contentTop {
	width: 966px;
	height: 509px;
	margin: 0 auto;
	background: url("../img/contentTop_bg.png") right top no-repeat;
	padding-top: 27px;
	padding-left: 14px;
	position: relative;
	overflow: hidden;
}
.contentTop > h1 {
	font-size: 27px;
	color: #6d6d6d;
	line-height: 59px;
}
.contentTop > h1 > span{
	color: #cb443b;
}
.contentTop > p {
	margin-top: 25px;
	margin-bottom: 5px;
	font-size: 23px;
	color: #764A26;
	padding-left: 15px;
	line-height:17px;
	background: url("../img/left_764A26.gif")  left top  no-repeat;
}
.contentTop > div {
	width: 324px;
	height: 232px;
	background: url("../img/campaign_bg.png") no-repeat;
	position: absolute;
	bottom: -20px;
	right: 48px;

}
.contentTop > div  img {
	bottom: 20px;
	left: 50px;
	position: absolute;
	display: block;
}
.quotationLabel {
	margin-top: 20px;
	margin-bottom: 10px;
	margin-left: 5px;
}
.titleLine {
	width: 100%;
	border-top: 2px solid #E4E1DC;
	background-color: #F4EFE8;
	position: relative;
}
.titleLine > div{
	width: 980px;
	margin: 0 auto;
	position: relative;
	z-index: 50;
}
.titleLine > div img{
	position: relative;
	top: 12px;
}
.titleLine > div > dl {
	height: 189px;
}
.titleLine > div  dt {
	margin: 24px 0px;
}
.dlLeft dd {
	float: left;
	margin-right: 12px;
	margin-left: 12px;
}
.contentLine {
	width: 980px;
	margin: 0 auto;
	padding: 15px 0px;
}
.point5 {
	width: 978px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	border: solid 1px #54A100;
}
.point5 > div{
	height: 130px;
	background: #54A100;
	position: relative;
}
.point5 > div > img{
	position: absolute;
	top: 0px;
	left:0px;
}
.point5 > div > h2 {
	position: absolute;
	color: #ffffff;
	width: 30%;
	font-size: 16px;
	right: 30px;
	top: 15px;
    font-weight:normal;
}
 .point5 > div > p
 {
 	position: absolute;
	color: #ffffff;
	width: 30%;
	font-size: 16px;
	right: 30px;
	top: 93px;
 }
.pointDl {
	overflow:  hidden;
	width: 100%;
	color: #343425;
}
.pointDl > li {
	border-bottom: 1px solid #DDDDDD;
	overflow: hidden;
}
.pointDl > li > span {
	float: left;
	width: 176px;
	padding-top: 17px;
	padding-left: 26px;

}
.pointDl > li > div {
	margin: 5px ;
	float: left;
	width: 746px;
	position: relative;
	margin-bottom: 20px;
	padding-top: 18px;

}
.pointDl> li > div  > p {
	margin-bottom: 10px;
	font-size: 16px;
}
.pointDl  > li > div > img {
	float: right;
	margin-left: 15px;
}
.pointDl > li > div  .title {
	font-size: 32px;
	line-height: 32px;
	font-weight: bold;
	margin-bottom: 10px;
}
.bottomLine {
	background: #DDDDDD;
	height: 1px;
	width: 978px;
}
.gitaShowDiv {
	margin: 10px 20px;
	border: 5px solid #009DD4;
	background: #CBECF7;
}
.gitaShowDiv img {
	float: right;
}
.gitaShowDiv > h4 {
	font-size: 24px;
	padding-left: 30px;
	padding-top: 20px;
	font-weight: bold;
}
.gitaShowDiv > dl{
	margin-left: 30px;
}
.gitaShowDiv > dl > dt{
	width: 155px;
	height: 85px;
	float: left;
	background: #009DD4;
	color: #FFFF00;
	font-size: 24px;
	padding-top: 15px;
	padding-left: 35px;

}
.gitaShowDiv > dl > dd {
	width: 330px;
	height: 83px;
	float: left;
	background: #ffffff;
	font-size: 16px;
	padding-top: 17px;
	padding-left: 30px;
}
.mailLink {
	position: relative;
	height: 362px;
	margin-top: 30px;
}
.linktype01 {
	background: url("../img/mail_link_bg01.png") no-repeat;
}
.linktype02 {
	background: url("../img/mail_link_bg02.png") no-repeat;
}
.linktype03 {
	background: url("../img/mail_link_bg03.png") no-repeat;
}
.mailLinkTop {
	width: 950px;
	height: 121px;
	
	position: absolute;
	left: 15px;
}
/*
.mailLinkTop > p {
	font-size: 30px;
	position: absolute;
	top: 45px;
	left: 135px;
	color: #ffffff;
}
*/
.mailLinkTop > p {
	font-size: 28px;
	position: absolute;
	top: 45px;
	left: 135px;
	color: #ffffff;
}

.mailContents {
	width: 950px;
	height: 195px;
	position: absolute;
	left: 15px;
	top: 130px;
	background: url("../img/mail_main_bg.gif") no-repeat;
}
.mailContents > img {
	position: absolute;
	top: -145px;
	left:20px;
}
.mailContents > div {
	position: relative;
	width: 756px;
	height: 195px;
	left: 172px;
}
.mailContents > div > p {
	position: absolute;
	top :10px;
	color: #21B2E0;
	font-size: 29px;
}
.mailContents > div > p > span.type02 {
	color: #764A28 !important;
}
.mailContents > div > a {
	position: absolute;
}
/*
.link_tel{
	bottom: 20px;
}
*/
.link_tel{
        position: absolute;
	top: 70px !important;
	width: 473px;
	height:106px;
	background-image:url("../img/mail_tel_img_bg.png");
	background-repeat: no-repeat;
	text-align: right;
	vertical-align: bottom;
	padding: 48px 8px 0px 0px;
}
.link_tel > a {
	color: #e34747;
	font-size: 400%;
	font-weight: 600;
	text-decoration : none ;
}
.linkBtn {
	bottom: 20px;
	right: 0px;
}
.select3Dl {
	margin-top: 20px;
	position: relative;
}
.select3Dl > dd {
	width: 310px;
	height: 450px;
	float: left;
	margin: 20px 7px 30px 7px;
	border: 1px solid #999999;
	position: relative;
}
.select3Dl > dt {
	position: relative;
	left: 83px;
}
.select3Dl > dt > img {
	position: absolute;
	top: -16px;
	z-index: 100;

}
.select3Dl > dd > p.text {
	padding: 5px 6px 20px 14px;
	font-size: 15px;
	margin-top: 35px;
	height: 135px;
}
.select3Dl > dd > p.bottomImag {
	position: absolute;
	left: 1px;
	bottom: 1px;
}
.select3Dl > dd > dl {
	padding-top: 10px;
	padding-left: 21px;
}
.select3Dl > dd > dl > dd {
	padding-left: 19px;
	margin-bottom: 6px;
	background: url("../img/check_img.gif") no-repeat left center;
}
.select_area {
	position: relative;
	top: 36px;
	left: 16px;
}
.top23px {
	top: 23px !important;
}

.gita_flow > li {
	float: left;
	margin: 10px 9px;
}
.gita_flow > li > h4 {
	margin-top: 20px;
	text-align: center;
	height: 138px;
}
.gita_flow > li > h4 > img {
	margin-top: 0px;
	position: relative;
}
.gita_flow > li > dl > dt {
	font-size: 16px;
	padding-top: 10px;
	padding-left: 10px;
	font-weight: bold;
	border-top: 1px solid #BDBDAD;
	border-left: 1px solid #BDBDAD;
	border-right: 1px solid #BDBDAD;
	background:  #ffffff;
	position: relative;
	top: 1px;
}

.gita_flow > li > dl > dd  div {
	padding: 10px;
	font-size: 14px;
	line-height: 18px;
}
.gita_flow > li > dl > dd  div img {
	float: right;
}
.gita_flow > li > dl > dd {
	width: 305px;
	height: 164px;
	border-bottom: 1px solid #BDBDAD;
	border-left: 1px solid #BDBDAD;
	border-right: 1px solid #BDBDAD;
	margin-bottom: 34px;
	position: relative;
}
.gita_buttom_img {
	display: block;
	position: absolute;
	bottom: -25px;
	width: 305px;
	text-align: center;

}
.buyImagbuttom  {
	height: 200px !important;
	position: relative;
	left: 26px;
}
.buyImagbuttom > img {
	position: absolute;
	top: -65px;
}
.longDD {
	height:398px !important;
	position: relative;
}
.longDD  img {
	position: absolute;
	bottom: 20px;
}
.gita_gotu {
	margin-top: 20px;
	margin-left: 15px;
}
.gita_gotu > dt {
	width: 280px;
	height: 103px;
	float: left;
	font-size: 25px;
	color: #ffffff;
	margin-bottom: 25px;
	padding-top: 23px;
	padding-left: 40px;
	font-weight: bold;
}
.gita_gotu > dt > span {
	font-size: 15px;
	display: block;
	color: #EEEEEE;
}
.gita_gotu_bg1 {
	background: #58B000;
}
.gita_gotu_bg2 {
	background: #009DD4;
}
.gita_gotu_bg3 {
	background: #EA7829;
}
.gita_gotu > dd {
	background: #F0F0F0;
	width: 600px;
	height: 96px;
	float: left;
	margin-bottom: 25px;
	padding: 15px;
	font-size: 13.6px;
}
.qnaDl {
	margin-top: 20px;
	margin-left: 15px;
}
.qnaDl > dt {
	font-size: 30px;
	color: #FF7F00;
	padding-bottom: 3px;
}
.qnaDl > dd {
	border: 1px solid #CCCCCC;
	width: 950px;
	height: 127px;
	margin-bottom: 20px;
}
.qnaDl > dd  > p {
	font-size: 16px;
	padding-top : 15px;
}
.qnaDl > dd  > p  > a {
	color: #3B8C8D;
}
.qnaDl > dd  img {
	float: left;
	margin-right: 20px;
}
.productList {
	background: #DDEDCE;
	width: 947px;
	margin-left: 15px;
	margin-top: 30px;
	overflow: hidden;
	padding-left: 3px;

}
.productList > li {
	margin: 10px 7px;
	padding-top: 10px;
	width: 220px;
	height: 385px;
	border: 1px solid #AFAFAF;
	background:#ffffff;
	float: left;
	text-align: center;
}
.productList > li > p:nth-child(2) {
	height: 70px;
	text-align: left;
	color: #B20000;
	font-size: 18px;
	padding-top: 10px;
	padding-left: 15px;
	padding-right: 5px;
	font-weight: bold;
}
.productList > li > div {
	padding: 13px;
	text-align: left;
	font-size: 14px;
    line-height:1.3em;
}
.voiceDl {
	width: 950px;
	margin-left: 15px;
	margin-top: 30px;
	margin-bottom: 30px;
	overflow: hidden;
}
.voiceDl dd {
	width: 465px;
	height: 355px;
	float: left;
	position: relative;
}
.voiceDl dd > div {
	padding: 20px 0px;
	
}
.voiceDl dd > div  > p {
	font-size: 16px;
	margin-bottom: 15px;
}

.voiceDl dd > p.voiceP {
	position: absolute;
	bottom: 0px;
	text-align: left;
	background: #D8F1F9;
	width: 460px;
	padding: 5px;
	font-size: 16px;
	font-weight: bold;

}
.endDiv {
	background: #FBFFED;
	border: 1px solid #84B400;
	width: 950px;
	height: 470px;
	margin-left: 15px;
	margin-top: 30px;
	position: relative;
	z-index: 100;
}

.endDiv > div {
	width: 568px;
	padding-left: 20px;
	
}
.endDiv > div > p {
	font-size: 15px;
	color: #3F2F16;
	margin-bottom: 5px;
}
.endDiv > img {
	display: block;
	position: absolute;
	right: 0px;
	top: -62px;
	z-index: 100;

}
.endDiv > h4 {
	font-size: 30px;
	padding: 20px;
}
#footerCover {
	background: url("../img/footer_bg.gif") top;
	background-repeat: repeat-x;
	height: 71px;
	padding-top: 15px;
}
.MailForm {
	height: 86px !important;
}
.copyright {
	margin: 10px 0px;
}
#footer {
	width: 950px;
	height: 57px;
	margin: 0 auto;
	background: #ffffff;
}
#footer > img {
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}
#footer > p {
	height: 45px;
	padding-top: 12px;
}
#footer > a {
	float: right;
	text-decoration: none;
	width: 163px;
	height: 21px;
	text-align: center;
	margin-top: 17px;
	margin-right: 10px;
	margin-left: 10px;
	border: solid 1px #0081B8;
	color:  #000000;
	padding-top: 3px

}

#mailForm {
	width: 980px;
	margin: 30px auto;
}


a:hover img{
    opacity: 0.7; filter: alpha(opacity=70); 
    }
    
    
/*メーカー部分追加 20140620*/
#maker{ padding:20px;}
#maker h3{ font-size:26px; border-bottom:2px solid #DDD; margin-bottom:10px; color:#453214; font-weight:normal;}
#maker ul{}
#maker ul li{ width:275px; margin:0 10px; float:left; padding:5px 0 5px 15px; border-bottom:1px solid #DDD; background:url(../img/maker_dot.gif) no-repeat 2px 10px;}
#maker p{ margin-bottom:25px;}

.kikan{
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	text-align: center;
	display: block;
	}