/* CSS Document */
@charset "euc-jp";
* {
	margin: 0;
	padding: 0;
	}
	
body {
	text-align: center;
	font: 10px/14px 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック', sans-serif;
	}
	
ul, li {
	list-style: none;
	}
	
a img {
	border-style:none;
	}
	
a {
	outline: none;
	}
	
a:hover img {
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	}
	
.clearfix:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
	}

.clearfix {
	min-height: 1px;
	}

* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
	}
	
.relative {
	position: relative;
	}

/*---------- サイドメニュー1 ----------*/
div#side1Block {
	width: 200px;
	margin: 0 auto;
	text-align: left;
	background-color: #FFF;
	}
	
/* 新作アイテム */
div#newItemBox {
	width: 180px;
	margin: 0 10px 10px 10px;
	}
	
div#newItemBox dl {
	margin: 0;
	padding: 0;
	background-image: url("../img/s_newitem_bg.gif");
	background-repeat: repeat-y;
	background-position: left top;
	}
	
div#newItemBox dl dt {
	margin: 0;
	padding: 0;
	height: 37px;
	background-image: url("../img/s_newitem_top.gif");
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	}
	
div#newItemBox dl dd {
	margin: 0 6px;
	height: 315px;
	overflow: auto;
	}
	
div#newItemBox dl dd p.newItemUpdate {
	margin: 10px auto 0 15px;
	padding-top: 2px;
	padding-bottom: 2px;
	width:120px;
	text-align: center;
	border-top: 1px dashed #3CC;
	border-bottom: 1px dashed #3CC;
	}
	
div#newItemBox dl dd p.newItemUpdate strong {
	margin: 0 4px;
	color: #F09;
	font-weight: bold;
	}
	
div#newItemBox dl dd ul {
	margin: 8px auto 20px 15px;
	padding: 0;
	}
	
div#newItemBox dl dd ul li {
	margin-bottom: 10px;
	padding: 0;
	}

div#newItemBox dl dd ul li a {
	display: block;
	width: 120px;
	text-decoration: none;
	text-align: center;
	font: 10px 'ＭＳ Ｐゴシック', sans-serif;
	}

div#newItemBox dl dd ul li a img {
	border: 1px solid #CCC;
	}
	
div#newItemBox dl dd ul li a span {
	color: #90F;
	text-decoration: underline;
	line-height: 1.5em;
	}
	
div#newItemBox dl dd ul li a:hover span {
	text-decoration: none;
	background-color: #FDF;
	}
	
div#newItemBox p.newItemBtn {
	margin: 0;
	padding: 0;
	height: 50px;
	text-align: center;
	background-image: url("../img/s_newitem_bottom.gif");
	background-repeat: no-repeat;
	background-position: left top;
	}
	
div#newItemBox p.newItemBtn a {
	}
	
div#newItemBox p.newItemBtn a img {
	margin-top: 11px;
	}
	
div#newItemBox ul li a span.newItemMore{
	display:block;
	border:1px solid #F69;
	color:#666;
	font-size:14px;
	padding:6px;
	font-weight:bold;
	}
	
	
/* 検索 */
div#side1Block div#searchBox {
	width: 180px;
	margin: 0 10px;
	background-image: url("../img/boxbg02.gif");
	background-repeat: repeat-y;
	}
	
div#searchBox dl {
	margin: 0;
	padding: 0;
	background-image: url("../img/boxbottom02.gif");
	background-repeat: no-repeat;
	background-position: left bottom;
	}
	
div#searchBox dl dt {
	height: 26px;
	margin: 0;
	padding: 0;
	background-image: url("../img/searchtitle.gif");
	background-repeat: no-repeat;
	text-indent: -9999px;
	}
	
div#searchBox dl dd {
	margin: 0;
	padding: 10px;
	}
	
div#searchBox dl dd span.searchForm {
	display: block;
	margin: 0;
	padding: 0 0 10px 0;
	background-image: url("../img/searchline.gif"); 
	background-repeat: repeat-x;
	background-position: left bottom;
	}
	
div#searchBox dl dd span.searchHotWord {
	display: block;
	margin: 10px 0 0 0;
	padding: 0;
	font-size: 12px;
	color: #555;
	background-color: #FF0;
	} 
	
div#searchBox dl dd span.searchWords {
	display: block;
	margin: 0;
	padding: 0;
	line-height: 2em;
	} 
	
div#searchBox dl dd span.searchWords a {
	display: block-inline;
	margin: 0 3px 0 0;
	padding: 0;
	line-height: 2em;
	} 	

div#searchBox dl dd a:link, div#searchBox dl dd a:visited {
	color: #00CC99;
	}

div#searchBox dl dd a:hover {
	background-color: #E1DDE0;
	color: #FF3399;
	text-decoration: none;
	}	


/* カテゴリー */
div#categoryBox {
	margin: 10px;
	padding:0;
	background-image: url("../img/boxbg02.gif");
	background-repeat: repeat-y;
	}

div#categoryBox dl {
	margin: 0;
	padding: 0;
	background-image: url("../img/boxbottom02.gif");
	background-repeat: no-repeat;
	background-position: right bottom;
	}
	
div#categoryBox dl dt {
	height: 26px;
	margin: 0;
	padding: 0;
	background-image: url("../img/categorytitle.gif");
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	}
	
div#categoryBox dl dd {
	margin: 0;
	padding: 0;
	}
	
div#categoryBox dl dd ul {
	margin: 0;
	padding: 0;
	width: 178px;
	}

div#categoryBox dl dd ul li{
	margin: 0;
	padding: 0;
	}

div#categoryBox ul.categoryItems {
	width: 178px;
	margin: 0;
	padding: 0;
	}

div#categoryBox ul.categoryItems li {
	width: 178px;
	margin: 0 1px;
	padding: 0;
	}
	
	
div#categoryBox ul.categoryItems li a {
	display: block;
	width: 178px;
	padding: 7px 0 5px;
	background-image: url("../img/main_line_dot.gif");
	background-repeat: repeat-x;
	background-position: right bottom;
	}

div#categoryBox ul.categoryItems li a span {
	padding-left: 21px;
	background-image: url("../img/l_cate_icon.gif");
	background-repeat: no-repeat;
	background-position: 7px 0;
	font-size: small;
	}


div#categoryBox ul.categoryItems li a:link, div#categoryBox ul.categoryItems li a:visited {
	color: #666;
	text-decoration: none;
	}

div#categoryBox ul.categoryItems li a:hover {
	background-color: #FFF;
	color: #F39;
	text-decoration: none;
	}

/* サイドバナー */
div.sideBanner {
	margin: 0 10px 5px 10px;
	}

/* Mobile Site モバイルサイトのご案内 */
div#mobileSiteInfomationBox {
	width: 180px;
	margin: 0 10px 10px 10px;
	padding: 0;
	background-image: url("../img/boxbg03.gif");
	background-repeat: repeat-y;
	}

div#mobileSiteInfomationBox dl {
	margin: 0;
	padding: 0;
	background-image: url("../img/boxbottom03.gif");
	background-repeat: no-repeat;
	background-position: right bottom;
	text-align: center;
	}

div#mobileSiteInfomationBox dl dt {
	height: 25px;
	margin: 0;
	padding: 0;
	background-image: url("../img/r_navi_mobile.gif");
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	}
	
div#mobileSiteInfomationBox dl dd {
	margin: 0;
	padding: 5px auto 10px auto;
	}


div#mobileSiteInfomationBox dl dd img {
	margin-top: 5px;
	}
	
div#mobileSiteInfomationBox dl dd p {
	padding: 5px 10px 10px 10px;
	text-align: left;
	}
	
div#mobileSiteInfomationBox dl dd p a:link, div#mobileSiteInfomationBox dl dd p a:visited {
	color: #0C9;
	}
	
div#mobileSiteInfomationBox dl dd p a:hover {
	background-color: #FCC;
	color: #F09;
	text-decoration: none;
	}
	
	
/* 楽天ランキング入賞のご案内 */
div.rakutenRankingWrapper {
	margin: 0 auto 10px auto;
	width: 180px;
}
div.rakutenRankingWrapper p.rakutenRankingTitle {
	width: 180px;
	height: 84px;
	margin: 0;
	padding: 0;
	background-image: url("../img/rakuten_ranking_head.gif");
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
}
div.rakutenRankingWrapper ul {
	width: 160px;
	height: 970px;
	margin: 10px;
    position:relative;
    overflow: hidden;
}
div.rakutenRankingWrapper ul li {
	margin-bottom: 10px;
	border-bottom: 1px dashed #B00;
}
div.rakutenRankingWrapper ul li a {
	display: block;
	text-decoration: none;
}
div.rakutenRankingWrapper ul li span {
	display: block;
	width: 160px;
}
div.rakutenRankingWrapper ul li span.rakutenRankImage {
	margin: 0 10px 0 0;
}
div.rakutenRankingWrapper ul li a span.rakutenRankTitle {
	margin: 0;
	color: #666;
	font-size: 10px;
	text-decoration: none;
	line-height: 1.5em;
}
div.rakutenRankingWrapper ul li a:hover span.rakutenRankTitle {
	color: #B00;
	text-decoration: underline;
	font-weight: bold;
	position: relative;
	top: 1px;
}
div.rakutenRankingWrapper ul li a span.rakutenRrankPrice {
	width: 100%;
	margin: 3px 0 5px 0;
	color: #F06;
	font-size: 10px;
	line-height: 1.5em;
}	
div.rakutenRankingWrapper ul li a span.rakutenRrankPrice strong {
	font-size: 18px;
}
div.rakutenRankingWrapper p.rakutenRankingBottom {
	width: 180px;
	height: 24px;
	margin: 0;
	padding: 0;
	background-image: url("../img/rakuten_ranking_bottom.gif");
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
}

.none {
	background-position: 82px 0px;
}

.four {
	background-position: 82px -48px;
}

.five {
	background-position: 82px -60px;
}