﻿@charset "utf-8";


#header .top{
	padding: 15px 0 0 10px;
	height: 83px;
	background-image: url(../images/bg_top.gif);
	background-repeat: no-repeat;
	border-bottom: #525252 1px solid;
}

#contents .top{
	width: 800px;
	height: 454px;
	background-color: #f2f2f2;
	margin: 0px;
}

#header .catalogue{
	padding: 15px 0 0 10px;
	height: 83px;
	background-image: url(../images/bg_catalogue.gif);
	background-repeat: no-repeat;
	border-bottom: #525252 1px solid;
}

#header .whisky{
	padding: 15px 0 0 10px;
	height: 83px;
	background-image: url(../images/bg_whisky.jpg);
	background-repeat: no-repeat;
	border-bottom: #525252 1px solid;
}

#header .brandy{
	padding: 15px 0 0 10px;
	height: 83px;
	background-image: url(../images/bg_brandy.jpg);
	background-repeat: no-repeat;
	border-bottom: #525252 1px solid;
}

#header .wine{
	padding: 15px 0 0 10px;
	height: 83px;
	background-image: url(../images/bg_wine.jpg);
	background-repeat: no-repeat;
	border-bottom: #525252 1px solid;
}

#header .champagne{
	padding: 15px 0 0 10px;
	height: 83px;
	background-image: url(../images/bg_champagne.jpg);
	background-repeat: no-repeat;
	border-bottom: #525252 1px solid;
}

#header .liqueur{
	padding: 15px 0 0 10px;
	height: 83px;
	background-image: url(../images/bg_liqueur.jpg);
	background-repeat: no-repeat;
	border-bottom: #525252 1px solid;
}

#contents table.list {
	width: 760px;
	margin: 30px 20px 20px 20px;
}

#contents table.list th {
	width: 370px;
	vertical-align: top;
	padding: 0 20px 0 0;
}

#contents table.list td {
	vertical-align: top;
	width: 370px;
}

#contents table.list img.liqur{
	margin:0 0 20px 0;
}

#contents table.list li .detail{
/*	float:right;*/
	position: absolute;
	top: 0;
	right: 10px;
	font-size: 77%;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

/*for IE7 */
*:first-child+html #contents table.list li .detail {
	position: absolute;
	top: 0;
	right: 10px;
	font-size: 58%;
}

/* for IE6 */
/*\*/
* html #contents table.list li .detail {
	position: absolute;
	top: 0;
	right: 10px;
	font-size: 58%;
}
/**/

#contents table.list li .special{
	position: absolute;
	top: 0;
	right: 0;
	border-left: #FFFFFF 5px solid;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

/*for IE7 
*:first-child+html #contents table.list li .special {
	float:right;
	border-left: #FFFFFF 5px solid;
	margin: -17px -10px 0 0;
}*/

/* for IE6 */
/*\*/
/*
* html #contents table.list li .special {
	float:right;
	font-size: 58%;
	margin: -17px -10px 0 0;
}*/
/**/


/************ whisky ************/

#contents table.list .whisky {
	margin: 0 0 50px 0;
}

#contents table.list .whisky ul {
	border-left: #5a3a19 5px solid;
	margin: 0 0 15px 0;
}

#contents table.list .whisky ul li.category {
	position: relative;
	width: 340px;
	color: #FFFFFF;
	background-color: #5a3a19;
	font-size: 108%;
	line-height: 1.4em;
	vertical-align: middle;
	height: 20px;
	padding: 0 10px 0 10px;
	margin: 0 0 0 5px;
}

#contents table.list .whisky ul li.categoryOn {
	position: relative;
	width: 340px;
	color: #FFFFFF;
	background-color: #845646;
	font-size: 108%;
	line-height: 1.4em;
	vertical-align: middle;
	height: 20px;
	padding: 0 10px 0 10px;
	margin: 0 0 0 5px;
}


#contents table.list .whisky ul li.category a:link,
#contents table.list .whisky ul li.categoryOn a:link{
	color: #FFFFFF;
	text-decoration: none;
}
#contents table.list .whisky ul li.category a:visited,
#contents table.list .whisky ul li.categoryOn a:visited{
	color: #FFFFFF;
	text-decoration: none;
}
#contents table.list .whisky ul li.category a:active,
#contents table.list .whisky ul li.categoryOn a:active{
	color: #FFFFFF;
	text-decoration: none;
}
#contents table.list .whisky ul li.category a:hover,
#contents table.list .whisky ul li.categoryOn a:hover{
	color: #FFFFFF;
	text-decoration: none;
}

#contents table.list .whisky ul li.brand {
	position: relative;
	width: 340px;
	color: #5a3a19;
	background-color: #dbd1c6;
	font-size: 93%;
	line-height: 1.4em;
	vertical-align: middle;
	height: 20px;
	padding: 0 10px 0 10px;
	margin: 5px 0 0 5px;
}

#contents table.list .whisky ul li.brandOn {
	position: relative;
	width: 340px;
	color: #5a3a19;
	background-color: #b7a591;
	font-size: 93%;
	line-height: 1.4em;
	vertical-align: middle;
	height: 20px;
	padding: 0 10px 0 10px;
	margin: 5px 0 0 5px;
}

#contents table.list .whisky ul li.brand a:link,
#contents table.list .whisky ul li.brandOn a:link{
	color: #5a3a19;
	text-decoration: none;
}
#contents table.list .whisky ul li.brand a:visited,
#contents table.list .whisky ul li.brandOn a:visited{
	color: #5a3a19;
	text-decoration: none;
}
#contents table.list .whisky ul li.brand a:active,
#contents table.list .whisky ul li.brandOn a:active{
	color: #5a3a19;
	text-decoration: none;
}
#contents table.list .whisky ul li.brand a:hover,
#contents table.list .whisky ul li.brandOn a:hover{
	color: #5a3a19;
	text-decoration: none;
}

/************ brandy ************/

#contents table.list .brandy {
	margin: 0 0 50px 0;
}

#contents table.list .brandy ul {
	border-left: #632b24 5px solid;
	margin: 0 0 15px 0;
}

#contents table.list .brandy ul li.category {
	position: relative;
	width: 340px;
	color: #FFFFFF;
	background-color: #632b24;
	font-size: 108%;
	line-height: 1.4em;
	vertical-align: middle;
	height: 20px;
	padding: 0 10px 0 10px;
	margin: 0 0 0 5px;
}

#contents table.list .brandy ul li.categoryOn {
	position: relative;
	width: 340px;
	color: #FFFFFF;
	background-color: #845646;
	font-size: 108%;
	line-height: 1.4em;
	vertical-align: middle;
	height: 20px;
	padding: 0 10px 0 10px;
	margin: 0 0 0 5px;
}

#contents table.list .brandy ul li.category a:link,
#contents table.list .brandy ul li.categoryOn a:link{
	color: #FFFFFF;
	text-decoration: none;
}
#contents table.list .brandy ul li.category a:visited,
#contents table.list .brandy ul li.categoryOn a:visited{
	color: #FFFFFF;
	text-decoration: none;
}
#contents table.list .brandy ul li.category a:active,
#contents table.list .brandy ul li.categoryOn a:active{
	color: #FFFFFF;
	text-decoration: none;
}
#contents table.list .brandy ul li.category a:hover,
#contents table.list .brandy ul li.categoryOn a:hover{
	color: #FFFFFF;
	text-decoration: none;
}

#contents table.list .brandy ul li.brand {
	position: relative;
	width: 340px;
	color: #632b24;
	background-color: #dbcdc5;
	font-size: 93%;
	line-height: 1.4em;
	vertical-align: middle;
	height: 20px;
	padding: 0 10px 0 10px;
	margin: 5px 0 0 5px;
}

#contents table.list .brandy ul li.brandOn {
	position: relative;
	width: 340px;
	color: #632b24;
	background-color: #b89d8f;
	font-size: 93%;
	line-height: 1.4em;
	vertical-align: middle;
	height: 20px;
	padding: 0 10px 0 10px;
	margin: 5px 0 0 5px;
}

#contents table.list .brandy ul li.brand a:link,
#contents table.list .brandy ul li.brandOn a:link{
	color: #632b24;
	text-decoration: none;
}
#contents table.list .brandy ul li.brand a:visited,
#contents table.list .brandy ul li.brandOn a:visited{
	color: #632b24;
	text-decoration: none;
}
#contents table.list .brandy ul li.brand a:active,
#contents table.list .brandy ul li.brandOn a:active{
	color: #632b24;
	text-decoration: none;
}
#contents table.list .brandy ul li.brand a:hover,
#contents table.list .brandy ul li.brandOn a:hover{
	color: #632b24;
	text-decoration: none;
}


/************ wine ************/

#contents table.list .wine {
	margin: 0 0 50px 0;
}

#contents table.list .wine ul {
	border-left: #7e071c 5px solid;
	margin: 0 0 15px 0;
}

#contents table.list .wine ul li.category {
	position: relative;
	width: 340px;
	color: #FFFFFF;
	background-color: #7e071c;
	font-size: 108%;
	line-height: 1.4em;
	vertical-align: middle;
	height: 20px;
	padding: 0 10px 0 10px;
	margin: 0 0 0 5px;
}

#contents table.list .wine ul li.categoryOn {
	position: relative;
	width: 340px;
	color: #FFFFFF;
	background-color: #99473f;
	font-size: 108%;
	line-height: 1.4em;
	vertical-align: middle;
	height: 20px;
	padding: 0 10px 0 10px;
	margin: 0 0 0 5px;
}

#contents table.list .wine ul li.category a:link,
#contents table.list .wine ul li.categoryOn a:link{
	color: #FFFFFF;
	text-decoration: none;
}
#contents table.list .wine ul li.category a:visited,
#contents table.list .wine ul li.categoryOn a:visited{
	color: #FFFFFF;
	text-decoration: none;
}
#contents table.list .wine ul li.category a:active,
#contents table.list .wine ul li.categoryOn a:active{
	color: #FFFFFF;
	text-decoration: none;
}
#contents table.list .wine ul li.category a:hover,
#contents table.list .wine ul li.categoryOn a:hover{
	color: #FFFFFF;
	text-decoration: none;
}

#contents table.list .wine ul li.brand {
	position: relative;
	width: 340px;
	color: #7e071c;
	background-color: #e2cbc3;
	font-size: 93%;
	line-height: 1.4em;
	vertical-align: middle;
	height: 20px;
	padding: 0 10px 0 10px;
	margin: 5px 0 0 5px;
}

#contents table.list .wine ul li.brandOn {
	position: relative;
	width: 340px;
	color: #7e071c;
	background-color: #c5978a;
	font-size: 93%;
	line-height: 1.4em;
	vertical-align: middle;
	height: 20px;
	padding: 0 10px 0 10px;
	margin: 5px 0 0 5px;
}

#contents table.list .wine ul li.brand a:link,
#contents table.list .wine ul li.brandOn a:link{
	color: #7e071c;
	text-decoration: none;
}
#contents table.list .wine ul li.brand a:visited,
#contents table.list .wine ul li.brandOn a:visited{
	color: #7e071c;
	text-decoration: none;
}
#contents table.list .wine ul li.brand a:active,
#contents table.list .wine ul li.brandOn a:active{
	color: #7e071c;
	text-decoration: none;
}
#contents table.list .wine ul li.brand a:hover,
#contents table.list .wine ul li.brandOn a:hover{
	color: #7e071c;
	text-decoration: none;
}

/************ champagne ************/

#contents table.list .champagne {
	margin: 0 0 50px 0;
}

#contents table.list .champagne ul {
	border-left: #7f7746 5px solid;
	margin: 0 0 15px 0;
}

#contents table.list .champagne ul li.category {
	position: relative;
	width: 340px;
	color: #FFFFFF;
	background-color: #7f7746;
	font-size: 108%;
	line-height: 1.4em;
	vertical-align: middle;
	height: 20px;
	padding: 0 10px 0 10px;
	margin: 0 0 0 5px;
}

#contents table.list .champagne ul li.categoryOn {
	position: relative;
	width: 340px;
	color: #FFFFFF;
	background-color: #9f946a;
	font-size: 108%;
	line-height: 1.4em;
	vertical-align: middle;
	height: 20px;
	padding: 0 10px 0 10px;
	margin: 0 0 0 5px;
}

#contents table.list .champagne ul li.category a:link,
#contents table.list .champagne ul li.categoryOn a:link{
	color: #FFFFFF;
	text-decoration: none;
}
#contents table.list .champagne ul li.category a:visited,
#contents table.list .champagne ul li.categoryOn a:visited{
	color: #FFFFFF;
	text-decoration: none;
}
#contents table.list .champagne ul li.category a:active,
#contents table.list .champagne ul li.categoryOn a:active{
	color: #FFFFFF;
	text-decoration: none;
}
#contents table.list .champagne ul li.category a:hover,
#contents table.list .champagne ul li.categoryOn a:hover{
	color: #FFFFFF;
	text-decoration: none;
}

#contents table.list .champagne ul li.brand {
	position: relative;
	width: 340px;
	color: #7f7746;
	background-color: #e5e1d5;
	font-size: 93%;
	line-height: 1.4em;
	vertical-align: middle;
	height: 20px;
	padding: 0 10px 0 10px;
	margin: 5px 0 0 5px;
}

#contents table.list .champagne ul li.brandOn {
	position: relative;
	width: 340px;
	color: #7f7746;
	background-color: #cbc4ac;
	font-size: 93%;
	line-height: 1.4em;
	vertical-align: middle;
	height: 20px;
	padding: 0 10px 0 10px;
	margin: 5px 0 0 5px;
}

#contents table.list .champagne ul li.brand a:link,
#contents table.list .champagne ul li.brandOn a:link{
	color: #7f7746;
	text-decoration: none;
}
#contents table.list .champagne ul li.brand a:visited,
#contents table.list .champagne ul li.brandOn a:visited{
	color: #7f7746;
	text-decoration: none;
}
#contents table.list .champagne ul li.brand a:active,
#contents table.list .champagne ul li.brandOn a:active{
	color: #7f7746;
	text-decoration: none;
}
#contents table.list .champagne ul li.brand a:hover,
#contents table.list .champagne ul li.brandOn a:hover{
	color: #7f7746;
	text-decoration: none;
}


/************ fortified ************/

#contents table.list .fortified {
	margin: 0 0 50px 0;
}

#contents table.list .fortified ul {
	border-left: #6c2b3e 5px solid;
	margin: 0 0 15px 0;
}

#contents table.list .fortified ul li.category {
	position: relative;
	width: 340px;
	color: #FFFFFF;
	background-color: #6c2b3e;
	font-size: 108%;
	vertical-align: middle;
	line-height: 1.4em;
	height: 20px;
	padding: 0 10px 0 10px;
	margin: 0 0 0 5px;
}

#contents table.list .fortified ul li.categoryOn {
	position: relative;
	width: 340px;
	color: #FFFFFF;
	background-color: #89344d;
	font-size: 108%;
	line-height: 1.4em;
	vertical-align: middle;
	height: 20px;
	padding: 0 10px 0 10px;
	margin: 0 0 0 5px;
}

#contents table.list .fortified ul li.category a:link,
#contents table.list .fortified ul li.categoryOn a:link{
	color: #FFFFFF;
	text-decoration: none;
}
#contents table.list .fortified ul li.category a:visited,
#contents table.list .fortified ul li.categoryOn a:visited{
	color: #FFFFFF;
	text-decoration: none;
}
#contents table.list .fortified ul li.category a:active,
#contents table.list .fortified ul li.categoryOn a:active{
	color: #FFFFFF;
	text-decoration: none;
}
#contents table.list .fortified ul li.category a:hover,
#contents table.list .fortified ul li.categoryOn a:hover{
	color: #FFFFFF;
	text-decoration: none;
}

#contents table.list .fortified ul li.brand {
	position: relative;
	width: 340px;
	color: #6c2b3e;
	background-color: #e0d0cd;
	font-size: 93%;
	line-height: 1.4em;
	vertical-align: middle;
	height: 20px;
	padding: 0 10px 0 10px;
	margin: 5px 0 0 5px;
}

#contents table.list .fortified ul li.brandOn {
	position: relative;
	width: 340px;
	color: #6c2b3e;
	background-color: #c1a19d;
	font-size: 93%;
	line-height: 1.4em;
	vertical-align: middle;
	height: 20px;
	padding: 0 10px 0 10px;
	margin: 5px 0 0 5px;
}

#contents table.list .fortified ul li.brand a:link,
#contents table.list .fortified ul li.brandOn a:link{
	color: #6c2b3e;
	text-decoration: none;
}
#contents table.list .fortified ul li.brand a:visited,
#contents table.list .fortified ul li.brandOn a:visited{
	color: #6c2b3e;
	text-decoration: none;
}
#contents table.list .fortified ul li.brand a:active,
#contents table.list .fortified ul li.brandOn a:active{
	color: #6c2b3e;
	text-decoration: none;
}
#contents table.list .fortified ul li.brand a:hover,
#contents table.list .fortified ul li.brandOn a:hover{
	color: #6c2b3e;
	text-decoration: none;
}


/************ liqueur ************/

#contents table.list .liqueur {
	margin: 0 0 50px 0;
}

#contents table.list .liqueur ul {
	border-left: #db530f 5px solid;
	margin: 0 0 15px 0;
}

#contents table.list .liqueur ul li.category {
	position: relative;
	width: 340px;
	color: #FFFFFF;
	background-color: #db530f;
	font-size: 108%;
	line-height: 1.4em;
	vertical-align: middle;
	height: 20px;
	padding: 0 10px 0 10px;
	margin: 0 0 0 5px;
}

#contents table.list .liqueur ul li.categoryOn {
	position: relative;
	width: 340px;
	color: #FFFFFF;
	background-color: #e48143;
	font-size: 108%;
	line-height: 1.4em;
	vertical-align: middle;
	height: 20px;
	padding: 0 10px 0 10px;
	margin: 0 0 0 5px;
}

#contents table.list .liqueur ul li.category a:link,
#contents table.list .liqueur ul li.categoryOn a:link{
	color: #FFFFFF;
	text-decoration: none;
}
#contents table.list .liqueur ul li.category a:visited,
#contents table.list .liqueur ul li.categoryOn a:visited{
	color: #FFFFFF;
	text-decoration: none;
}
#contents table.list .liqueur ul li.category a:active,
#contents table.list .liqueur ul li.categoryOn a:active{
	color: #FFFFFF;
	text-decoration: none;
}
#contents table.list .liqueur ul li.category a:hover,
#contents table.list .liqueur ul li.categoryOn a:hover{
	color: #FFFFFF;
	text-decoration: none;
}

#contents table.list .liqueur ul li.brand {
	position: relative;
	width: 340px;
	color: #db530f;
	background-color: #f8e0cc;
	font-size: 93%;
	line-height: 1.4em;
	vertical-align: middle;
	height: 20px;
	padding: 0 10px 0 10px;
	margin: 5px 0 0 5px;
}

#contents table.list .liqueur ul li.brandOn {
	position: relative;
	width: 340px;
	color: #db530f;
	background-color: #f1bd97;
	font-size: 93%;
	line-height: 1.4em;
	vertical-align: middle;
	height: 20px;
	padding: 0 10px 0 10px;
	margin: 5px 0 0 5px;
}

#contents table.list .liqueur ul li.brand a:link,
#contents table.list .liqueur ul li.brandOn a:link{
	color: #db530f;
	text-decoration: none;
}
#contents table.list .liqueur ul li.brand a:visited,
#contents table.list .liqueur ul li.brandOn a:visited{
	color: #db530f;
	text-decoration: none;
}
#contents table.list .liqueur ul li.brand a:active,
#contents table.list .liqueur ul li.brandOn a:active{
	color: #db530f;
	text-decoration: none;
}
#contents table.list .liqueur ul li.brand a:hover,
#contents table.list .liqueur ul li.brandOn a:hover{
	color: #db530f;
	text-decoration: none;
}


/************ search result ************/

#header .search_result {
	padding: 15px 0 0 10px;
	height: 83px;
	background-image: url(../images/bg_search.gif);
	background-repeat: no-repeat;
	border-bottom: #525252 1px solid;
}

#contents .search {
	margin: 30px 0 20px 0;
}
	
#contents .search .result {
	width: 760px;
	display: table;
	color: #FFFFFF;
	background-color: #000000;
	margin: 0 20px 0 20px;
}

#contents .search .result p.key {
	float: left;
	display: table-cell;
	font-size: 116%;
	padding: 10px;
}

#contents .search .result p.num {
	float: right;
	display: table-cell;
	font-size: 93%;
	padding: 10px;
}

#contents .search .result table.page {
	width: 740px;
}

#contents .search .result table.page td {
	padding: 10px;
}

#contents .search .result table.page ul.next{
	list-style-position:inside;
	list-style-type: none;
	text-align:center;
}

#contents .search .result table.page ul.next li {
	display:inline;
	padding: 0 5px 0 0;
	font-size: 85%;
}


#contents .search ul.list {
	width: 780px;
	margin: 20px 0 0 20px;
}

#contents .search ul.list li {
	float:left;
	width: 175px;
	margin: 0 20px 20px 0;
	vertical-align: top;
}

#contents .search ul.list .photo{
	width: 153px;
	border: #CCCCCC 1px solid;
	text-align: center;
	padding: 10px;
}

#contents .search ul.list table.name{
	width: 175px;
	height: 50px;
	background-color: #000000;
	margin:0;
}

#contents .search ul.list table.name td{
	font-size: 85%;
	line-height: 1.2em;
	text-align: center;
	vertical-align: middle;
	padding: 0 5px 0 5px;
}

/*for IE7 */
*:first-child+html #contents .search ul.list table.name td {
	font-size: 77%;
	line-height: 1.3em;
}

/* for IE6 */
/*\*/
* html #contents .search ul.list table.name td {
	font-size: 77%;
	line-height: 1.3em;
}
/**/

#contents .search ul.list a:link {
	color: #FFFFFF;
	text-decoration: none;
}
#contents .search ul.list a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#contents .search ul.list a:active {
	color: #FFFFFF;
	text-decoration: none;
}
#contents .search ul.list a:hover {
	color: #FFFFFF;
	text-decoration: none;
}


