@charset "UTF-8";

/* CSS Document */


#main { position:relative; width:100%; height:270px; padding:0; background:url(../img/bg_main.jpg) no-repeat fixed; background-size:cover; }
#main img{ position:absolute; top:30px; left:50%; margin-left:-500px; box-shadow:3px 3px 7px 0px rgba(0,0,0,0.4);}

/*--contents------------------------ */
#contents{ padding:20px 0 70px; }
#contents .con{ width:878px; padding:80px 60px; margin:0 auto; background:rgba(255,255,255,0.7); border:1px solid #d9d9d9; }
#pan{ margin-bottom:50px; }
#pan li{ float:left; font-size:14px; margin-right:18px; }
#pan li a{ text-decoration:underline; }
#pan li:before{ content:" >　"; }
#pan li:first-child:before{ content:""; }


/*--stock------------------------ */
#stock #contents{ background:url(../img/bg_stock.jpg) no-repeat fixed; background-size:cover;}
#stock .listStock li{ float:left; width:182px; margin:0 50px 50px 0; } 
#stock .listStock li:nth-child(4n){ margin-right:0; }
#stock .listStock li:nth-child(4n+1){ clear:both; }
#stock .listStock .imgCar img{ width:180px; border:1px solid #d9d9d9; }
#stock .listStock .no{ font-size:11px; }
#stock .listStock .spec{ font-size:11px; text-align:right; }

#stock .link { margin:-40px 0 20px; text-align:right; }
#stock .link a { display:inline-block; padding:4px 15px; color:#FFF; background:#006a4e; border:1px solid #006a4e; }
#stock .link a:hover { color:#006a4e; background:#FFF; }

#stock .tblStock{ width:878px; margin-bottom:50px; border-collapse:collapse; font-size:11px; border:1px solid #d9d9d9; }
#stock .tblStock th{ width:110px; height:30px; padding:5px 10px; background:#226b49; color:#fff; font-weight:normal; border:1px solid #d9d9d9; text-align:center;}
#stock .tblStock td{ padding:5px 20px; border:1px solid #d9d9d9; background:#fff; text-align:left;}
#stock .tblStock th.spec,
#stock .tblStock th.comment{ height:auto!important; padding:15px 10px; }
#stock .tblStock td.spec,
#stock .tblStock td.comment{ padding:15px 20px; }
#stock .price { margin:0 10px 5px 0; text-align:right; font-size:1.3em; }

#stock .boxContact { width:620px; margin:0 auto; padding:30px 60px 40px; background:url(../contact/img/bg_office.jpg) no-repeat 0 bottom; background-color: #fff; border:1px solid #d9d9d9; }
#stock .boxContact .ttlSub{ margin-bottom:40px; }
#stock .boxContact .tel{ float:left; margin-right:30px; padding-top:5px; text-align:center; text-shadow: 0 0 10px #fff;}
#stock .boxContact .tel span{ font-size: 24px; font-weight: bold; }
#stock .boxContact .btnMail{ position:relative; padding-left:300px; }
#stock .boxContact .btnMail h4{ position:absolute; top:13px; right:105px; z-index:100; }

#stock .boxContact .btnMail .scale{ width:293px; height:112px; }

/* stock slider */
.slider .bx-viewport{ margin-bottom: 20px; }
.bxslider01 li{ overflow: hidden; }
.bxslider01 li p{ text-align: center; }
.bxslider01 li img{ margin: 0 auto; }
.bxslider02 li{ height: 50px; overflow: hidden; }

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev { transition:none; left: 24px;	background: url(../img/controls.png) no-repeat 0 0; }
.bx-wrapper .bx-next { transition:none; right: 24px; background: url(../img/controls.png) no-repeat -44px 0; }
.bx-wrapper .bx-prev:hover {background-position: 0 -44px;}
.bx-wrapper .bx-next:hover {background-position: -44px -44px;}
.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 44px;
	height: 44px;
	text-indent: -9999px;
	z-index: 9999;
}
.bx-wrapper .bx-controls-direction a.disabled {	display: none;}

.controlWrap { position:relative; }
.controlWrap #PrevIcon a { transition:none; 
	background:url(../img/controls.png) 0 0 no-repeat; background-size:50px; display:block;
  width:25px; height:25px; margin:0; text-indent:-9999px;
  position:absolute; top:10px; left:30px; }
.controlWrap #NextIcon a { transition:none; 
	background:url(../img/controls.png) -25px 0 no-repeat; background-size:50px; display:block;
  width:25px; height:25px; margin:0; text-indent:-9999px;
  position:absolute; top:10px; right:30px; }
.controlWrap #PrevIcon a:hover { background:url(../img/controls.png) 0 -25px; background-size:50px; }
.controlWrap #NextIcon a:hover { background:url(../img/controls.png) -25px -25px; background-size:50px; }

/*--how to buy------------------------ */
#how #contents{ background:url(../img/bg_how.jpg) no-repeat fixed; background-size:cover;}
#how .lead{ margin-bottom:80px; font-size:17px; text-align:center; }
#how ol{ margin: 0 30px; }
#how ol > li{ margin:0 0 20px 23px; list-style-type:decimal; }
#how ol > li ol > li{ margin:10px 0 0 0; list-style-type:none; list-style-position:inside; counter-increment: cnt; }
#how ol > li ol > li:before{ display: marker; content: "(" counter(cnt) ")"; }


/*--bank------------------------ */
#bank #contents{ background:url(../img/bg_bank.jpg) no-repeat fixed; background-size:cover;}
#bank .con{ width:550px; height:340px; padding:80px 100px; margin:0 auto; font-size:16px;}
#bank .con .ttlSub{ width:550px; }
#bank .con h3{ margin-bottom:10px; }
#bank .con dt{ float:left; }
#bank .con dd{ padding-left:270px; }
#bank .con dd:before{ content:"：　"; }
 

/*--contact------------------------ */
#contact #contents{ background:url(../img/bg_contact.jpg) no-repeat fixed; background-size:cover;}
#contact .lead{ margin-bottom:15px; text-align:center; }
#contact .attention{ margin-bottom:50px; font-size:12px; text-align:center; }
#contact h3.appear{ margin-bottom:20px; text-align:center; }
#contact .office{ position:relative; width:740px; height:224px; margin:0 auto; background:url(../contact/img/bg_office.jpg) no-repeat; border:1px solid #d9d9d9; }
#contact .office h3{ position:absolute; top:50px; left:170px; }
#contact .office .address{ position:absolute; top:95px; left:134px; text-align:center; }
#contact .tbl{ width:742px; margin:50px auto 30px; border-spacing:0 10px; }
#contact .tbl th{ width: 200px; padding:5px 10px; margin-bottom:20px; background:#226b49; border-radius:3px; color:#fff; font-weight:normal; }
#contact .tbl td{ padding:5px 20px; }



/*--pagination------------------------ */
.page{padding: 3px; margin: 3px 3px 20px; text-align: center; font-size:15px; }
.page a{color: #006a4e; border: 1px solid #2c8a32; margin-right: 3px; padding: 4px 10px; background-position: bottom; text-decoration: none;}
.page a:hover,
.page a:active {border: 1px solid #2c8a32; background-image: none; background-color: #006a4e; color: #fff;}
.page span.current {color: #006a4e; font-weight: bold; margin-right: 3px; padding: 4px 10px;}
.page span.disabled {border: 1px solid #ddd; color: #bbb; margin-right: 3px; padding: 4px 10px;}
.page .next {margin: 0 3px 0 8px;}
.page .prev {margin: 0 8px 0 0;}

.pagination{ clear:both; padding: 3px; margin: 3px 3px 20px; text-align: center; font-size:15px; }
.pagination a{margin-right: 5px; padding: 4px 10px; background-position: bottom; color: #fff; background:#006a4e; border: 1px solid #006a4e; text-decoration: none;}
.pagination a:hover,
.pagination a:active {border: 1px solid #006a4e; background-image: none; background-color: #fff; color: #006a4e;}
.pagination span.current {color: #006a4e; font-weight: bold; margin-right: 3px; padding: 4px 10px;}
.pagination span.disabled {border: 1px solid #ddd; color: #bbb; margin-right: 3px; padding: 4px 10px;}
.pagination .next {margin: 0 3px 0 8px;}
.pagination .prev {margin: 0 8px 0 0;}