@charset "utf-8";
/* detailcssfaile

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

body{

}
.alphahover{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}


.pc_disp{}
.sp_disp{display:none;}




/*-------------------------------
   #spNavi
--------------------------------*/
#spNavi{
	display:none;
}
/*------------------------------ */
/* #header
-------------------------------- */
.headerArea{
	width:100%;
	background:#8e0000;
	color:#fff;
	position:fixed;
	top:0;
	z-index:1000;

}
.headerArea .inner{
	width:1200px;
	margin:0 auto;
	height:200px;
}

.headerArea .inner .headerLeft{
	display:none;
		
}
.headerArea .inner .headerLogo{
	float:left;
	width:267px;
}
.headerArea .inner .headerLogo p{
	width:267px;
	height:69px;
	background: transparent url(../images/pc_header_logo.png) no-repeat left top;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
		
}

 .headerNavi{
	float:right;
	width:933px;
}
 .headerNavi .inner{
	width:546px;
	margin:0 267px 0 120px;
	height:50px;
}
 .headerNavi .inner li{
	float:left;
	width:51px;
	height:140px;
	margin:30px 65px 0 65px;
}
 .headerNavi .inner li.navi00{
}
 .headerNavi .inner li a{
	color:#000;
	text-decoration:none;
}
 .headerNavi .inner li p{
	width:100%;
	height:140px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	cursor: pointer;
	opacity: 0;
	-moz-transition: opacity 1.3s ease;
	-o-transition: opacity 1.1s ease;
	-webkit-transition: opacity 1.3s ease;
	transition: opacity 1.3s ease;
	
}
 .headerNavi .inner li.navi00{
	background: transparent url(../images/pc_navi00.png) no-repeat center center;
}
 .headerNavi .inner li.navi01{
	background: transparent url(../images/pc_navi01.png) no-repeat center center;
}
 .headerNavi .inner li.navi02{
	background: transparent url(../images/pc_navi02.png) no-repeat center center;
}
 .headerNavi .inner li.navi00 p{
	background: transparent url(../images/pc_navi00.png) no-repeat center center;
}
 .headerNavi .inner li.navi01 p{
	background: transparent url(../images/pc_navi01.png) no-repeat center center;
}
 .headerNavi .inner li.navi02 p{
	background: transparent url(../images/pc_navi02.png) no-repeat center center;
}
 .headerNavi .inner li.navi00.active p,
 .headerNavi .inner li.navi00 p:hover{
	background: transparent url(../images/pc_navi00_on.png) no-repeat center center;
	opacity: 1;
}
 .headerNavi .inner li.navi01.active p,
 .headerNavi .inner li.navi01 p:hover{
	background: transparent url(../images/pc_navi01_on.png) no-repeat center center;
	opacity: 1;
}
 .headerNavi .inner li.navi02.active p,
 .headerNavi .inner li.navi02 p:hover{
	background: transparent url(../images/pc_navi02_on.png) no-repeat center center;
	opacity: 1;
}

/*------------------------------ */
/* #Wrapper
-------------------------------- */

#Wrapper{
position:relative;
}




.slide{
	width:100%;
	height:900px;
	background: transparent url(../images/top_bg.jpg) no-repeat center center;
	background-size:cover;
}
.slide .inner{
	margin:0 auto;
	width:1200px;
	position:relative;
}
.slide .inner .pop1{
	width:346px;
	height:572px;
    position:absolute;
    top:260px;
    right:0;
}
.slide .inner .pop2{
	width:517px;
	height:106px;
    position:absolute;
    top:534px;
    left:0;
}

.slide .pop1 p{
	width:346px;
	height:572px;
	background: transparent url(../images/top_img.png) no-repeat center center;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
.slide .pop2 p{
	width:517px;
	height:106px;
	background: transparent url(../images/top_img2.png) no-repeat center center;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

.contents .coupon{
	width:100%;
	padding:40px 0 20px 0;
	background:#fbebec;
}
.contents .coupon .couponTitle{
font-size:171.4%;
text-align:center;
font-weight:bold;
padding-bottom:10px;
}
.contents .coupon .couponText{
font-size:114.3%;
text-align:center;
padding-bottom:30px;
}
.contents .coupon .couponImg{
text-align:center;
}

/*------------------------------ */
/* #Top
-------------------------------- */
#sekou{
	width:100%;
	background: transparent url(../images/sekou_bg.jpg) no-repeat center top;
	background-size:cover;
	background-attachment:fixed;
	padding:150px 0;

}
#sekou .inner{
	width:980px;
	margin:0 auto;
	padding:70px 0 40px 0;
	background-color: rgba(255,255,255,0.7);
	border:3px solid #9fe19c;
	box-shadow:5px 5px 4px -3px #000000;
	-moz-box-shadow:5px 5px 4px -3px #000000;
	-webkit-box-shadow:5px 5px 4px -3px #000000;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}
#sekou li{
	padding:0 90px;
}
#sekou .shl{
	padding-bottom:20px;
	position:relative;
}
#sekou .shl .leftBox{
	width:490px;
	min-height:210px;
}
#sekou .shl .leftBox div{
	padding:0 100px 0 20px;
	font-size:11px;
}
#sekou .shl .leftBox div span{
	font-size:16px;
}
#sekou .shl .leftBox p{
	color:#2c882c;
	text-align:right;
	padding-top:10px;
	padding-right:20px;
}


#sekou .shl .rightBox{
	position:absolute;
	left:490px;
	top:0;
	width:300px;
}


#sekou dt{
	float:left;
	padding-left:9px;
}
#sekou dt.first{
	padding-left:0;
}
#sekou dt div{
	background-position:center center;
	background-size:auto 100px;
}
#sekou dt.maps div{
	background-position:100px center;
	background-size:auto 100px;
}
#sekou dt img{
	width:80px;
}

#sekou .shb{
	padding-top:20px;
}
#sekou .shb .leftBox{
	float:left;
	width:370px;
}
#sekou .shb .rightBox{
	float:right;
	width:370px;
	margin-right:5px;
}

#sekou .shb .leftBox .title,
#sekou .shb .rightBox .title{
	width:100%;
	background:#9fe19c;
	font-size:18px;
	line-height:28px;
	text-align:center;
}

#sekou .shb .leftBox dl,
#sekou .shb .rightBox dl{
	padding-top:10px;
}
#sekou .shb .leftBox dt,
#sekou .shb .rightBox dt{
	padding-left:5px;
}
#sekou .shb .leftBox dt img,
#sekou .shb .rightBox dt img{
	width:180px;
}










#buy{
	width:100%;
	background: transparent url(../images/buy_bg.jpg) no-repeat center top;
	background-size:cover;

}
#buy .inner{
	width:900px;
	margin:0 auto;
	padding:150px 0;
}
#buy .leftBox{
	float:left;
	width:430px;
	height:510px;
	font-size:12px;
	line-height:18px;
box-shadow:5px 5px 4px -3px #000000;
-moz-box-shadow:5px 5px 4px -3px #000000;
-webkit-box-shadow:5px 5px 4px -3px #000000;
margin-right:20px;
}
#buy .sell{
	background: transparent url(../images/sell_gr.png) repeat-x center top;
}
#buy .buy{
	background: transparent url(../images/buy_gr.png) repeat-x center top;
}
#buy .sell .title,
#buy .buy .title{
	width:230px;
	height:54px;
	margin:20px auto 0 auto;
}
#buy .sell .title h3{
	width:230px;
	height:54px;
	background: transparent url(../images/sell_title.png) no-repeat center top;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
#buy .buy .title h3{
	width:230px;
	height:54px;
	background: transparent url(../images/buy_title.png) no-repeat center top;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
#buy .sell .coment,
#buy .buy .coment{
	width:340px;
	margin:10px auto 40px auto;
	font-size:12px;
	
}
#buy .sell .subtitle{
	padding:0 0 20px 20px;
	font-size:14px;
	font-weight:bold;
	color:#b47a6e;
}
#buy .buy .subtitle{
	padding:0 0 20px 20px;
	font-size:14px;
	font-weight:bold;
	color:#fff;
}
#buy .sell .text,
#buy .buy .text{
	padding:0 35px 30px 35px;
	font-size:12px;
	
}
#buy .rightBox{
	float:left;
	height:510px;
	width:430px;
	font-size:12px;
	line-height:18px;
box-shadow:5px 5px 4px -3px #000000;
-moz-box-shadow:5px 5px 4px -3px #000000;
-webkit-box-shadow:5px 5px 4px -3px #000000;
margin-left:20px;
}
#torikumi{
	width:100%;
	background: transparent url(../images/torikumi_bg.jpg) no-repeat center top;
	background-size:cover;
	background-attachment:fixed;

}
#torikumi .inner{
	width:1200px;
	margin:0 auto;
	padding:150px 0;
}
#torikumi .title{
	width:710px;
	height:54px;
}
#torikumi .title h3{
	width:710px;
	height:54px;
	background: transparent url(../images/pc_torikumi_title.png) no-repeat center top;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
#torikumi .leftBox{
	float:left;
	padding:40px 30px;
	width:560px;
	font-size:12px;
	line-height:18px;
}
#torikumi .leftBox .text{
	text-align:left;
}
#torikumi .leftBox .btn{
	float:right;
	margin-top:20px;
	width:210px;
	height:40px;
	background:#8d8a8a;
}
#torikumi .leftBox .btn a{
	color:#fff;
	text-decoration:none;
}
#torikumi .leftBox .btn p{
	width:210px;
	height:40px;
	line-height:40px;
	padding-right:40px;
	text-align:center;
	font-size:14px;
	background:#8d8a8a  url(../images/torikumi_btn_bg.png) no-repeat right center;
}
#torikumi .leftBox .btn p:hover{
	background:#8e0000  url(../images/torikumi_btn_bg.png) no-repeat right center;
}
#torikumi .rightBox{
	float:right;
}
#torikumi .rightBox .img{
	margin:20px;
}
#torikumi .rightBox img{
	border:6px solid #fff;
	/* box-shadow */
box-shadow:5px 5px 4px -3px #000000;
-moz-box-shadow:5px 5px 4px -3px #000000;
-webkit-box-shadow:5px 5px 4px -3px #000000;
}



/*------------------------------ */
/* #footer
-------------------------------- */
#footer{
	width:100%;
	color:#fff;
	background:#000;

}
#footer .footerInner{
	margin:0 auto;
	width:1200px;
	padding:20px 0;

}
#footer .footerInner .logo{
	float:left;
	width:330px;
}
#footer .footerInner .logo div{
	font-size:11px;
	padding-bottom:10px;
}
#footer .footerInner .logo p{
	width:283px;
	height:60px;
	background: transparent url(../images/pc_footer_logo.png) no-repeat left top;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
#footer .footerInner .access{
	float:left;
	font-size:12px;
}
#footer .footerInner .access p{
	padding-top:5px;
	font-size:116%;
}
#footer .footerInner .navi{
	float:right;
	padding-top:110px;
}
#footer .footerInner .navi li{
float:left;
	padding-left:10px;
	font-size:12px;
}
#footer .footerInner .navi li a{
	color:#fff;
	text-decoration:none;
}
#footer .footerInner .navi li a:hover{
	color:#fff;
	text-decoration:underline;
}


#footer .copyright{
	height:36px;
	line-height:36px;
	font-size:77%;
	text-align:center;
	background-color:rgba(255,255,255,0.1);
}


/*Media Query Mediium Display*/
@media screen and (max-width: 1199px) {


	/*------------------------------ */
	/* #header
	-------------------------------- */
	.headerArea .inner{
		width:980px;
		margin:0 auto;
		height:200px;
	}

	 .headerNavi{
		width:713px;
	}
	 .headerNavi .inner{
		width:446pxpx;
		margin:0 auto;
	}
	 .headerNavi .inner li{
		margin:30px 48px 0 48px;
	}

	/*------------------------------ */
	/* #Wrapper
	-------------------------------- */

	.slide .inner{
		width:980px;
	}

	/*------------------------------ */
	/* #Top
	-------------------------------- */


	#torikumi .inner{
		width:980px;
	}
	/*------------------------------ */
	/* #footer
	-------------------------------- */
	#footer .footerInner{
		width:980px;

	}



}


/*Media Query   Portrait Tablets*/
@media screen and (max-width: 979px) {


	/*------------------------------ */
	/* #header
	-------------------------------- */
	.headerArea .inner{
		width:768px;
		margin:0 auto;
		height:200px;
	}

	 .headerNavi{
		width:501px;
	}
	 .headerNavi .inner{
		width:334pxpx;
		margin:0 auto;
	}
	 .headerNavi .inner li{
		margin:30px 38px 0 38px;
	}

	/*------------------------------ */
	/* #Wrapper
	-------------------------------- */

	.slide .inner{
		width:768px;
	}
	.slide .inner .pop1{
		width:246px;
		height:472px;
	    top:260px;
	}
	.slide .inner .pop2{
		width:357px;
		height:106px;
	    top:434px;
	}

	.slide .pop1 p{
		width:246px;
		height:472px;
		background: transparent url(../images/top_img.png) no-repeat center center;
		background-size:246px auto;
	}
	.slide .pop2 p{
		width:357px;
		height:106px;
		background: transparent url(../images/top_img2.png) no-repeat center center;
		background-size:356px auto;
	}

	/*------------------------------ */
	/* #Top
	-------------------------------- */

	#sekou .inner{
		width:768px;
	}
	#sekou .shl .leftBox{
		width:378px;
	}
	#sekou .shl .leftBox div{
		padding:0 70px 0 20px;
	}
	#sekou .shl .rightBox{
		left:380px;
		width:200px;
	}
	#sekou dt{
		float:left;
		padding-left:5px;
	}
	#sekou dt.first{
		padding-left:0;
	}
	#sekou dt div{
		background-position:center center;
		background-size:auto 80px;
	}
	#sekou dt.maps div{
		background-position:100px center;
		background-size:auto 80px;
	}
	#sekou dt img{
		width:60px;
	}
	#sekou .shb .leftBox{
		width:264px;
	}
	#sekou .shb .rightBox{
		width:264px;
	}
	#sekou .shb .leftBox dt img,
	#sekou .shb .rightBox dt img{
		width:127px;
	}
	#buy .inner{
		width:768px;
	}
	#buy .leftBox{
		width:324px;
		height:580px;
	}
	#buy .sell .coment,
	#buy .buy .coment{
		width:260px;
		
	}
	#buy .sell .text,
	#buy .buy .text{
		padding:0 25px 30px 25px;
		
	}
	#buy .rightBox{
		height:580px;
		width:324px;
	}


	#torikumi .inner{
		width:768px;
	}
	#torikumi .leftBox{
		float:left;
		padding:40px 10px;
		width:360px;
	}

	/*------------------------------ */
	/* #footer
	-------------------------------- */
	#footer .footerInner{
		width:768px;

	}
	#footer .footerInner .logo{
		width:240px;
	}
	#footer .footerInner .logo div{
		font-size:10px;
	}
	#footer .footerInner .logo p{
		width:200px;
		background: transparent url(../images/pc_footer_logo.png) no-repeat left top;
		background-size:200px auto;
	}
	#footer .footerInner .access{
		float:left;
		font-size:10px;
	}
	#footer .footerInner .access p{
		padding-top:5px;
		font-size:116%;
	}
	#footer .footerInner .navi{
		float:right;
		padding-top:90px;
	}
	#footer .footerInner .navi li{
	float:left;
		padding-left:10px;
		font-size:10px;
	}


}