@charset "UTF-8";

a.hover:hover img { opacity:1 !important; }

/*////////// 汎用クラス //////////*/

/* layout */
.mt5{ margin-top:5px; }
.mt10{ margin-top:10px; }
.mt15{ margin-top:15px; }
.mt20{ margin-top:20px; }
.mt30{ margin-top:30px; }
.mt35{ margin-top:35px; }
.mt40{ margin-top:40px; }
.mt50{ margin-top:50px; }
.mt60{ margin-top:60px; }
.mt100{ margin-top:100px; }
.mt150{ margin-top:150px; }
.mr55{ margin-right:55px; }

.clear{ clear:both; }

/* text */
.txtC{ text-align:center; }
.txtSmall{ font-size:10px; line-height:18px; }

.indent{
	margin-left:1em;
	text-indent:-1em;
}

/*////////// インデックス //////////*/

.wrapper{
	width:902px;
	margin:0 auto;
	background-color:#FFF;
	font-size:14px;
	line-height:2;
}


/* header */
#head{ height:48px; }

#head h1{
	float:left;
	margin-top:17px;
}

#headNav{
	float:right;
	width:414px;
}

#headNav li{
	float:left;
}

#headNav a{ display:block; }


/* main */
#mainImg{
	position:relative;
	width:899px;
	height:599px;
	border:1px solid #000;
}

#mainLogo{
	position: absolute;
	bottom:0;
	right:0;
}

#mainNote{
	position:absolute;
	top:400px;
	left:40px;
}

#mainImg ul li{
	position:absolute;
	top:0;
	left:0;
}

/* mainNavWrap */
#mainCopy{
	float:left;
	width:501px;
	padding-top:13px;
}

/* news */
#newsWrap{
	float:left;
	width:150px;
	padding-top:13px;
}

#news .newsImg:hover{ opacity:0.5; }

#news .newsImg a{
	display:block;
	width:150px;
	height:85px;
	margin-bottom:5px;
}

#news .newsArea a{
	font-size:12px;
	line-height:18px;
	color:#666;
	text-decoration:none;
}

#movieLink img:hover{ opacity:0.5; }

/* mainNav */
#mainNav{
	float:right;
}

#mainNav li{
	width:181px;
	border-bottom:1px solid #000;
}


/* product */
.product{
	margin-top:15px;
}

.product .txtC a img:hover{ opacity:0.5; }

.product1{ width:447px; }
.product2{ width:376px; }
.product3{ width:338px; }
.product4{ width:705px; }

.product1 .product{ width:198px; }
.product2 .product{ width:160px; }
.product3 .product{ width:119px; }
.product4 .product{ width:198px; }

.addCart{
	padding:20px 0;
	text-align:center;
}

.carts{
	font-size:12px;
	line-height:18px;
}

.carts li{
	float:left;
	padding:0 8px 8px 8px;
	text-align:center;
}

.addCart .carts li{
	float:none;
	padding:0;
}
.addCart .carts li a{ display:block; }

.stock {
	height:16px;
	font-size:12px;
	line-height:16px;
	color:#F00;
}

.taidan{
	float:right;
	padding-top:120px;
}

#unite_taidan{
	width:417px;
}

/* info */
#infoWrap{
	clear:both;
	margin-top:75px;
	padding-top:50px;
	border-top:1px solid #000;
	font-size:12px;
}

#infoWrap .fltL{ width:480px; }
#infoWrap .fltR{ width:360px; }

.info{
	padding-bottom:35px;
	border:1px solid #000;
}

.info .conL{
	padding-left:35px;
	margin-top:30px;
}

.info .conR{
	padding-left:60px;
	margin-top:30px;
}

.info .conL span,
.info .conR span{ color:#F00; font-weight:bold; }

.update{
	clear:both;
	margin:50px 0 30px 0;
	padding-bottom:35px;
	border-bottom:1px solid #000;
	text-align:center;
	font-size:12px;
	color:#666;
}


/* footer */
#footer{
	margin-top:30px;
	padding:0 12px;
	border-top:1px solid #000;
}

#footerNav{
	width:878px;
	padding:25px 0;
}



/*////////// ラインナップ //////////*/

#head p.headtitle{
	float:left;
	margin-top:17px;
}


/* slide */
#slideLogo{
	position: absolute;
	top:12px;
	left:20px;
}

#thumb{
	width:900px;
	margin-top:5px;
	border-right:1px solid #000;
}

#thumb li{
	position:relative;
	float:left;
	border:1px solid #000;
	border-right:none;
	cursor:pointer;
}

.thumbActive{
	display:none;
	position:absolute;
	top:0;
	left:0;
}

#thumb img{ display:block; }

/* detail */
#detailL{
	float:left;
	width:400px;
}

.spec{
	margin:30px 0 80px 0;
	padding:20px 30px;
	border:1px solid #000;
	font-size:12px;
}

#detailR{
	float:right;
	width:360px;
	padding-right:64px;
}

#detail_cartWrap{
	padding:30px 30px 0 30px;
	border:1px solid #000;
}

#detail_cartWrap .carts{
	margin-top:30px;
	font-size:12px;
	line-height:18px;
}

#detail_cartWrap .carts li{
	float:left;
	padding:0 12px 40px 12px;
	text-align:center;
}

#detail_cartWrap .addCart{ padding:0; }
#detail_cartWrap .addCart .carts{ margin-top:0; }
#detail_cartWrap .addCart .carts li{
	float:none;
	padding:0;
	padding-bottom:30px;
}
.addCart .carts li a{ display:block; }


#gmapWrap {
	position:relative;
	overflow:hidden;
	margin-top:40px;
	width:360px;
	height:360px;
	border:1px solid #000;
}

#gmap {
	position: absolute;
	top: 0px;
	left: 0;
	width: 400px;
	height: 400px;
	text-align: center;
	color: #FFF;
	background: #FFF;
	z-index: 3;
	visibility: hidden;
}

/* lineupLink */
#lineupLink{
	width:902px;
	padding:20px 0;
}

#newlineupLink{ width:902px; padding-top:20px; }

#lineupLink li,
#newlineupLink li{ float:left; }
#lineupLink li a,
##newlineupLink li a,
#lineupLink li img,
##newlineupLink li img{ display:block; }
	
#lineupLink li img:hover,
##newlineupLink li img:hover{ opacity:0.5; }

#gotoTop{
	margin-top:10px;
	width:575px;
	text-align:right;
}








