@charset "utf-8";

img, a img {vertical-align:bottom;}

#wrapper {
	margin:0 auto 20px;
	width:960px;
	background:#fff;
	}

header {
	margin:0 auto;
	width:960px; height:250px;
	display:block;
	background:url(img/bg_header_2016.jpg) no-repeat top center;
	margin:0; padding:0;
	}

hr {
	width:100%;
	height:0;
	border-bottom:1px solid #ddd;
	margin:5px 0;
	}

/*Navigation ----------------------------------------------------------- */
nav {
	width:940px;
	height:40px;
	margin:0px auto 20px;

	/*css3*/
	-moz-border-radius:9px;
	-webkit-border-radius:9px;
	border-radius:9px;
	-moz-box-shadow:0 0 2px #333;
	-webkit-box-shadow:0 0 2px #333;
	box-shadow:0 0 2px #333;
	}
	
nav ul {
	margin-right:-1px;
	overflow:hidden;
	float:left;
	}

nav ul li {
	height:40px;
	display:inline;
	text-indent:-9877em;
	}
	
nav ul li a {
	width:139px;
	height:40px;
	display:block;
	float:left;
	color:#fff;
	border-right:1px solid #250909;
	}
nav ul li.lastbox a {border-right:none;}

nav ul li.home a {width:240px; background:url(img/navi.jpg) 0 0 no-repeat;}
* html nav ul li.home a {width:238px;}
nav ul li.shopinfo a {background:url(img/navi.jpg) -240px 0 no-repeat;}
nav ul li.payment a {background:url(img/navi.jpg) -380px 0 no-repeat;}
nav ul li.delivery a {background:url(img/navi.jpg) -520px 0 no-repeat;}
nav ul li.cart a {background:url(img/navi.jpg) -660px 0 no-repeat;}
nav ul li.rakuten a {background:url(img/navi.jpg) -800px 0 no-repeat;}

nav ul li a:hover {
	filter: alpha(opacity=70);
  	-moz-opacity:0.70;
  	opacity:0.70;
	}

#leftside, #rightside {vertical-align:top;}

	
/*CONTENTS ----------------------------------------------------------- */

#main {padding:0 auto 20px; width:700px;}

.banner {
	background:url(img/logopattern.gif) repeat;
	margin:0;
	}
.banner a img {vertical-align:bottom;}

/*TOPbanners --------------------------------------------------------*/
#topcontent {
	margin-bottom:20px; background:url(img/logopattern.gif) repeat;
	width:460px;
	}

#topcontent ul, #topcontent ul li {margin:0; padding:0;}

#topcontent a img {
	width:230px; height:100px;
	display:inline;
	float:left;
	margin:0; padding:0;
	}


/*Grids -----------------------------------------------------------------*/
.b_100, .b_160, .b_220, .b_520, .b_340 {margin:0 0 20px;}

.b_100 {width:100px;}
.b_160 {width:160px;}
.b_220 {width:220px;}
.b_340 {width:340px;}
.b_520 {width:520px;}

.nomargin {margin:0; float:left;}

dl {clear:both;}
dl dd {
	float:left;  display:inline;
	margin-bottom:20px; margin-right:20px;
	background:url(img/logopattern.gif) repeat;
	}

dl dd.lastbox {margin-right:0px; padding-right:0;}

dl dd a {display:block;}

dl.new_bn {float:left; display:block; margin:0px 0px 0px 10px; padding:0;}

/*ie6. 7 -----------------------------------------------------------*/

*+html dl.new_bn { float:left; display:block; margin:0px 0px 20px 10px; padding:0; }
* html dl.new_bn { float:left; display:block; margin:0px 0px 20px 5px; padding:0; }


/*Other Banners -----------------------------------------------------------*/
#news {
	padding:5px 0;
	background:url(img/bg_blackwood.jpg) no-repeat;
	}
#news p {
	font-size:93%;
	overflow:hidden;
	padding-left:10px; margin:5px;
	}
#news p a {color:#fff;}

/*RECOMMEND ----------------------------------------------*/

#recommend {
	margin:10px 0px 20px;
	padding:0;
	width:700px;
	overflow:hidden;
	}
	
#recommend h2 {
	width:700px;
	clear:both;
}
#recommend dl dd {
	width:100px;
	padding:0;
	margin-right:20px;
	font-size:85%;
	overflow:hidden;
	}
#recommend dl dd.recobox {
	margin-right:-20px;
	}
#recommend dl dd img {
	width:100px;
	display:block;
	overflow:hidden;
	}
html*#recommend dl dd {width:98px;}
	
#recommend dl dd a {
	color: #250909;
	text-align:center;
	display:block;
	background:#fff;
	}

#recommend dl dd a img {
	text-align:center;
	border:none;
	vertical-align:top;
	}
	
html*#recommend dl dd p {line-height:1.0;}
	
#recommend a:hover, #history a:hover {text-decoration:none; color:#00bfff;}

.bottomborder {border-bottom:1px solid #250909; margin-bottom:20px;}
.topborder {border-top:1px solid #250909; margin-bottom:20px;}

/*Brand History ----------------------------------------------*/

#history {
	width:700px;
	background:url(img/bg_blackwood.jpg) repeat;
	padding:10px 0 0px 16px;
	/*css3*/
	-moz-box-shadow:0 0 2px #333;
	-webkit-box-shadow:0 0 2px #333;
	box-shadow:0 0 2px #333;
	}

#history dl {clear:both; margin-bottom:20px; overflow:hidden;}

#history dl dd {
	width:155px;
	background:#eee;
	margin-bottom: 20px;
	}
* html #history dl dd {padding-bottom:0; margin-bottom:0;}
	
#history dl dd a img {width:145px; margin:5px;}

#history h2 {color:#fff;}
#history dl dd a {color:#250909;}

#history h2 {margin:0 0 5px;}
#history a h3 {font-size:85%; font-weight:bold; padding:0 10px; text-align:center;}
#history a p {padding:10px;font-size:85%;}
#history dl dd a:hover p, #history dl dd a:hover h3 {color:#250909; text-decoration:underline;}


/*Footer settings ----------------------------------------------------------- */

footer {
	width:960px;
	margin:0 auto; padding:20px 0;
	background:url(img/bg_footer.jpg) repeat-y top;
	/*css3*/
	border-radius:9px;
	-moz-border-radius:9px;
	-moz-box-shadow:0 0 3px pink;
	-webkit-box-shadow:0 0 3px pink;
	box-shadow:0 0 3px pink;
	behavior: url(ie-css3.htc);
	}

#foot {
	width:960px; 
	background:url(img/bg_footer.jpg) repeat-y top;
	display:block;
	}

.grid_footer h1 {margin-bottom:5px;}

#foot table {
	width:300px;
	border:none;
	font-size:85%;
	text-align:center;
	margin:10px 0;
	}

#foot table tr td {padding:2px; height:20px; vertical-align:middle;}

#foot td.leftborder {border-left:1px solid #250909; color:purple;}

#foot td.bottomborder {border-bottom:1px solid #250909;}

/* penny バナー */
div.container{
	margin:0px; 
	padding:0px; 
	displey:block;
	width:700px;
	height:250px;

	}

ul.penny_bn li{
	list-style-type:none;
	margin:0px;
	padding:0px;
	width:700px;
	height:250px;
	displey:block;
	}



/*トップボックスバナー ----------------------------------------------------------- */
.top {
	float:left;
	displey:block;
	}