﻿@charset "UTF-8";

/* -----layout styles----- */

body{
	 text-align:center;
	}

#container{
	 width:850px;
	 margin:0 auto;
	 text-align:left;
	}

#contents{
	 width:950px;
	}

#main{
	width:640px;
	float:left;
	}

#side{
 width:200px;
 float:right;
	}

#footer{
 width:100%;
 clear:left;
	}

/* ---contents--- */

/* about category */

.aboutcategory{
	width:640px;
	margin-bottom:15px;
	}

.aboutcategory .spacer{
	border-right:1px solid #40B2B2;
	border-bottom:1px solid #40B2B2;
	border-left:1px solid #40B2B2;
	padding:10px 10px 0 10px;
	}

.aboutcategory .hl-aboutcategory{
	height:30px;
	background:url(../images/bg_hl-aboutcategory.jpg) no-repeat 0 0;
	}

.aboutcategory .hl-aboutcategory h2{
	font-size:18px;
	color:#FFFFFF;
	padding:7px 0 3px 30px;
	}

.aboutcategory .hl-aboutcategory h2 span{
	font-size:14px;
	color:#FFFFFF;
	}

.aboutcategory p{
	font-size:12px;
	line-height:1.5em;
	margin-bottom:10px;
	}


/* tokushu */

.box-feature{
	margin-bottom:15px;
	}

.box-feature .outerspacer{
	border:1px solid #CCCCCC;
	}

.box-feature .subfeature{
	height:auto;
	padding:10px 0px 0px 9px;
	}

.box-feature .subfeature .featureelementleft{
	width:305px;
	background-color:#F2F2F2;
	margin:0 10px 10px 0;
	float:left;
	}

.box-feature .subfeature .featureelementright{
	width:305px;
	background-color:#F2F2F2;
	margin-bottom:10px;
	float:left;
	}

.box-feature .subfeature .featureelementleft .spacer,
.box-feature .subfeature .featureelementright .spacer{
	padding:10px;
	}


.box-feature .subfeature .featureelementleft h3,
.box-feature .subfeature .featureelementright h3{
	width:60px;
	float:left;
	}

.box-feature .subfeature .featureelementleft dl,
.box-feature .subfeature .featureelementright dl{
	width:210px;
	font-size:12px;
	float:right;
	}

.box-feature .subfeature .featureelementleft dl dt,
.box-feature .subfeature .featureelementright dl dt{
	line-height:1.6em;
	}

.box-feature .subfeature .featureelementleft dl dd,
.box-feature .subfeature .featureelementright dl dd{
	line-height:1.6em;
	}

.box-feature .subfeature .featureelementleft img,
.box-feature .subfeature .featureelementright img{
	display:block;
	}


.hl-type02-2{
	height:30px;
	background:url(../images/bg_hl-type02-2.jpg) no-repeat 0 0;
	margin-bottom:10px;
	}

.hl-type02-2 h2{
	font-weight:bold;
	font-size:14px;
	padding:8px 0 0 30px;
	}

/* maker */
.maker{
	border:1px solid #CCCCCC;
	margin-bottom:15px;
	}

.maker dl dt{
	font-size:14px;
	font-weight:bold;
	border-bottom:1px dotted #CCCCCC;
	padding:10px;
	}

.maker dl dt img{
	vertical-align:middle;
	margin-right:10px;
	}

.maker dl dd{
	padding:10px;
	}

.maker dl dd ul{
	width:618px;
	height:auto;
	list-style:none;
	font-size:14px;
	}

.maker dl dd ul li{
	width:180px;
	height:25px;
	font-size:12px;
	vertical-align:bottom;
	line-height:1.3em;
	background:url(../images/bg_ico01.gif) no-repeat 0 0;
	padding:0 0 0 15px;
	margin-bottom:5px;
	float:left;
	}

.world{
	height:auto;
	margin-bottom:15px;
	}

.world ul{
	list-style:none;
	font-size:12px;
	padding:0 10px 10px 10px;
	}

.world ul li{
	width:180px;
	height:25px;
	line-height:1.3em;
	vertical-align:bottom;
	background:url(../images/bg_ico01.gif) no-repeat 0 0;
	padding:0 0 0 15px;
	margin-bottom:5px;
	float:left;
	}

.hl-type01-2{
	height:30px;
	background:url(../images/bg_hl-type01-2.jpg) no-repeat 0 0;
	margin-bottom:10px;
	}

.hl-type01-2 h2{
	font-weight:bold;
	font-size:14px;
	padding:8px 0 0 55px;
	}

.pickupbox{
	width:640px;
	margin-bottom:15px;
	}

.pickupbox .spacer{
	padding:0 0 0 10px;
	}
	
.pickupbox .itemboxLR{
	width:200px;
	margin-bottom:20px;
	float:left;
	}

.pickupbox .itemboxC{
	width:200px;
	margin:0 10px 20px;
	float:left;
	}

.pickupbox .itemboxLR .inner,
.pickupbox .itemboxC .inner{
	border:1px solid #CCCCCC;
	padding:10px 5px;
	}

.pickupbox .itemboxLR h3,
.pickupbox .itemboxC h3{
	text-align:center;
	margin-bottom:5px;
	}

.pickupbox .itemboxLR dl,
.pickupbox .itemboxC dl{
	font-size:12px;
	}

.pickupbox .itemboxLR dl dt,
.pickupbox .itemboxC dl dt{
	line-height:1.5em;
	text-align:center;
	margin-bottom:5px;
	}

.pickupbox .itemboxLR dl dd,
.pickupbox .itemboxC dl dd{
	text-align:center;
	color:#FF0000;
	}

ul.more{
	list-style:none;
	font-size:14px;
	margin-bottom:15px;
	}

ul.more li{
	background:url(../images/bg_ico02.gif) no-repeat 0 50%;
	padding:0 0 0 15px;
	}

.keywords{
	margin-bottom:15px;
	}

.keywords h2{
	font-size:14px;
	background:url(../images/bg_hl-categorykeywords.jpg) no-repeat 0 0;
	padding:10px 0 5px 10px;
	}

.keywords .spacer{
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	padding:10px;
	}

.keywords ul{
	list-style:none;
	}

.keywords ul li{
	display:inline;
	padding-right:5px;
	line-height:150%;
	}

.keywords ul li span.txt10{font-size:10px;}
.keywords ul li span.txt12{font-size:12px;}
.keywords ul li span.txt14{font-size:14px;}
.keywords ul li span.txt16{font-size:16px;}
.keywords ul li span.txt18{font-size:18px;}
.keywords ul li span.txt20{font-size:20px;}

/* ---side--- */

.box-sidenew{
	margin-bottom:10px;
	}

.box-sidenew h2{
	font-size:14px;
	background:url(../images/bg_hl-sidenew.jpg) no-repeat 0 0;
	padding:10px 0 0 10px;
	}

.box-sidenew .spacer{
	height:auto;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	padding:9px 9px 0 9px;
	}

.box-sidenew .element{
	border-bottom:1px dotted #CCCCCC;
	margin-bottom:10px;
	}

.box-sidenew .element img{
	width:60px;
	height:60px;
	display:block;
	margin-bottom:10px;
	float:left;
	}

.box-sidenew .element dl{
	width:110px;
	font-size:12px;
	margin-bottom:10px;
	float:right;
	}

.box-sidenew .element dl dt{
	margin-bottom:5px;
	}

.box-sidenew .element dl dd{
	line-height:1.5em;
	}

/* add categories */

.cat-beer{
	height:60px;
	background:url(../images/bg_bnr-beer.gif) no-repeat 0 0;
	margin-bottom:15px;
	}
.cat-shochu{
	height:60px;
	background:url(../images/bg_bnr-shochu.gif) no-repeat 0 0;
	margin-bottom:15px;
	}

.cat-wine{
	height:60px;
	background:url(../images/bg_bnr-wine.gif) no-repeat 0 0;
	margin-bottom:15px;
	}

.cat-whisky{
	height:60px;
	background:url(../images/bg_bnr-whisky.gif) no-repeat 0 0;
	margin-bottom:15px;
	}

.cat-brandy{
	height:60px;
	background:url(../images/bg_bnr-brandy.gif) no-repeat 0 0;
	margin-bottom:15px;
	}

.cat-spirit{
	height:60px;
	background:url(../images/bg_bnr-spirit.gif) no-repeat 0 0;
	margin-bottom:15px;
	}


.cat-beer p,
.cat-shochu p,
.cat-wine p,
.cat-whisky p,
.cat-brandy p,
.cat-spirit p{
	color:#40B3B3;
	font-weight:bold;
	font-size:16px;
	padding:16px 0 0 45px;
	}

.cat-beer p span,
.cat-shochu p span,
.cat-wine p span,
.cat-whisky p span,
.cat-brandy p span,
.cat-spirit p span{
	color:#40B3B3;
	font-size:26px;
	}

