@charset "shift_jis";
/* CSS Document */


/*----------------------
▼cssセレクタについて
div > ul　→　divの直下のulのみ適用
li:nth-child(2) dl　→　2番目のliに適用
div p:nth-last-child(5) --- 後ろから5番目の[p]
li:nth-child(4n)　→　4,8,12…番目のliに適用
li:nth-child(3n+1)　→　1,4,7,10…番目のliに適用
li:nth-child(n+4)　→　4番目から最後まで
div[id^="ka"]　→　kaで始まるdiv#
div[id$="rank"]　→　rankで終わるdiv#
----------------------*/


* {
	margin:0;
	padding:0;
}
#leisure {
	width:750px;
	margin:0 auto;
	background:#F8F4EF;
	text-align:center
}
#leisure>ul>li {
	list-style:none;
	float:left
}
#leisure dt, #leisure dd {
	float:left
}
#leisure h3 {
	padding-bottom:10px
}
#leisure h4 {
	padding:0 0 0 20px;
	text-align:left;
}
#leisure img {
	border:none;
	vertical-align:bottom;
}
#leisure a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
	background: #fff;
}
#leisure a:hover img.imgover {
	filter: alpha(opacity=100);
	opacity:1.0;
	background:none;
}

/* ナビ */
#leisure .ank {
	width:750px;
	padding:0;
	overflow:hidden;
}
#leisure .ank li {
	width:150px
}

/* ページTOP */
#leisure .top {
	width:750px;
	text-align:right;
	padding-top:7px;
	background:#FFF
}


/* ------------
　　　商品 
------------ */
#leisure .tree {
	background:url(../IMAGE/160801leisure/tree.jpg) bottom no-repeat;
	padding-bottom:45px;
}
#leisure>ul>li{
	position:relative;
}
#leisure>ul[class^="ul_col"]>li a{
	display:block;
}
/* ピクニックのみ */
#leisure .picnic {
	width:724px;
	margin:0 auto 10px;
	padding:0;
	overflow:hidden;
}
#leisure .picnic>li:nth-child(1){
	width:280px;
	float:left;
}
#leisure .picnic>li:nth-child(2){
	width:440px;
	float:right;
}


/* 3つ並び */
#leisure .ul_col3 {
	width:738px;
	margin:0 auto 10px;
	padding:0;
	overflow:hidden
}
#leisure .ul_col3>li {
	width:246px;
	padding-bottom:24px;
	overflow:hidden;
}
#leisure .ul_col3>li a { height:345px; background:url(../IMAGE/160801leisure/syosai.jpg) bottom no-repeat; }
#leisure .ul_col3>li a:hover { background:url(../IMAGE/160801leisure/syosai_o.jpg) bottom no-repeat; }


/* 4つ並び */
#leisure .ul_col4 {
	width:724px;
	margin:0 auto 10px;
	padding:0;
	overflow:hidden
}
#leisure .ul_col4>li{
	width:181px;
	padding-bottom:21px;
}
#leisure .ul_col4>li a { height:315px; background:url(../IMAGE/160801leisure/syosai.jpg) bottom no-repeat; }
#leisure .ul_col4>li a:hover { background:url(../IMAGE/160801leisure/syosai_o.jpg) bottom no-repeat; }


/* カテゴリバナー */
#leisure .ul_bn{
	width:720px;
	margin:0 auto;
	padding-bottom:20px;
	overflow:hidden;
}
#leisure .ul_bn li img{
	margin:5px;
}



/*価格プログラム*/
#leisure .buy_price, #leisure .buy_price li {
	width:auto;
	margin:0;
	padding:0;
	border:none;
	background:none;
	float:none;
	line-height:100%;
}
#leisure div.buy_price {
	padding:10px 0px 0px 0px;
}
#leisure li.price {
	display:inline;
	color:#ff0000;
	font-size:18px;
	font-weight:bold
}
#leisure .intax {
	display:inline;
	font-size:10px;
	color:#ff0000
}
#leisure li.motoprice {
	display:none
}
#leisure span.spesicalprice {
	display:inline;
	color:#0000ff;
	font-size:12px;
	font-weight:bold;
        padding-right: 5px;
}

/*位置指定*/
#leisure .picnic>li:nth-child(2) dd:nth-child(1) div.buy_price{
	width:175px;
	position:absolute;
	top:240px;
	right:80px;
}
#leisure .picnic>li:nth-child(2) dd:nth-child(2) div.buy_price{
	width:175px;
	position:absolute;
	bottom:15px;
	right:80px;
}
/*
#leisure .ul_col3 div.buy_price  {
	width:230px;
	position:absolute;
	bottom:75px;
	left:0;
}
#leisure .ul_col4 div.buy_price {
	width:175px;
	position:absolute;
	bottom:65px;
	left:0;
}
*/