body {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #7C6651;
font-size: 12px;
line-height: 18px;
text-align: center;
background: #ffffef;
}

h5 {
font-size: 12px;
line-height: 18px;
font-weight: bold;
display: inline;
}
h5.sp {
margin: 0px 0px 5px 0px;
padding: 0px 0px 0px 0px;
font-size: 12px;
line-height: 18px;
font-weight: bold;
display: block;
}

p {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 12px;
line-height: 18px;
}
div {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 12px;
line-height: 18px;
}
span {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 12px;
line-height: 18px;
}
img {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border: 0px #000000 solid;
}
form {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 12px;
line-height: 18px;
}


li {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 12px;
line-height: 18px;
text-align: left;
}

table {
text-align: center; 
vertical-align: top; 
}
td {
font-size: 12px;
line-height: 18px;
text-align: center; 
vertical-align: top; 
}


ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 22px;
list-style-position: outside;
list-style-type: square;
}

.siro {
color: #FFFFFF;
font-size: 12px;
line-height: 18px;
text-align: left;
}
.siro_b {
color: #FFFFFF;
font-size: 12px;
line-height: 18px;
font-weight: bold;
}


hr {
height: 1px;
}
hr.y {
clear: both;
display: block;
margin-left: 0;
margin-right: 0;
height: 1px;
color: #ECA50D; 
background-color: #ECA50D; 
border: 0;
}


.bg_L {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 20px;
background-image: url(../img/bg_left.gif);
background-repeat: repeat-y;
}
.bg_R {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 20px;
background-image: url(../img/bg_right.gif);
background-repeat: repeat-y;
}
.page {
width: 770px;
background-color: #FFFFFF;
}
#ft {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 810px;
height: 25px;
font-size: 12px;
line-height: 28px;
font-weight: bold;
text-align: center;
color: #FFFFFF;
background-image: url(../img/ft_img.gif);
background-repeat: no-repeat;
}

#title {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 8px;
width: 562px;
height: 40px;
font-size: 16px;
line-height: 34px;
font-weight: bold;
text-align: left;
color: #FFFFFF;
background-image: url(../img/bg_title.gif);
}

.bg_gray {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-image: url(../img/dot_gray.gif);
}


.all_sch_x1 {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-image: url(../img/all_sch_x1.gif);
background-repeat: repeat-x;
}
.all_sch_x2 {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-image: url(../img/all_sch_x2.gif);
background-repeat: repeat-x;
}
.all_sch_y1 {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-image: url(../img/all_sch_y1.gif);
background-repeat: repeat-y;
}
.all_sch_y2 {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-image: url(../img/all_sch_y2.gif);
background-repeat: repeat-y;
}

.gray_x {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-image: url(../img/gray_x.gif);
background-repeat: repeat-x;
}


.guide {
margin: 0px 0px 0px 0px;
padding: 0px 10px 0px 10px;
}

.line {
margin: 0px 0px 2px 0px;
padding: 0px 0px 0px 0px;
height: 15px;
background-image: url(../img/line.gif);
background-repeat: repeat-x;
}

.cld {
margin: 0px;
padding: 0px;
width: 180px;
height: 20px;
background-image: url(../img/bg_yellow.gif);
}
#cld {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 180px;
height: 20px;
font-size: 12px;
line-height: 20px;
font-weight: bold;
text-align: center;
color: #FFFFFF;
background-image: url(../img/cld_title.gif);
background-repeat: no-repeat;
}




.sch_btn {
margin: 0px 0px 0px 0px;
padding: 0px 0px 10px 0px;
}




.spe_out {
margin: 0px;
padding: 0px 0px 0px 0px;
border: solid 1px #333333;
width: 178px;
}
.spe_in {
margin: 0px;
padding: 0px;
border: solid 1px #333333;
text-align: left;
vertical-align: middle; 
}


.rkg_in {
margin: 0px;
padding: 0px;
text-align: left;
vertical-align: middle; 
}

.g_frm {
margin: 0px;
padding: 0px;
font-size: 12px;
line-height: 18px;
border: solid 1px #999999;
border-collapse: collapse;
width: 178px;
}
.y_frm {
margin: 0px;
padding: 0px;
font-size: 12px;
line-height: 18px;
border: solid 1px #ECA50D; 
border-collapse: collapse;
width: 178px;
}
.bk_frm {
margin: 0px;
padding: 0px;
font-size: 12px;
line-height: 18px;
border: solid 1px #666666;
border-collapse: collapse;
width: 178px;
}


.center {
width: 100%;
text-align: center;
}
.left {
width: 100%;
text-align: left;
}
.right {
width: 100%;
text-align: right;
}
.top {
height: 100%;
vertical-align: top; 
}
.middle {
height: 100%;
vertical-align: middle; 
}
.bottom {
height: 100%;
vertical-align: bottom; 
}

.L {
float: right;
}
.R {
float: right;
}

.sp_05 {
margin: 0px 0px 5px 0px;
padding: 0px 0px 0px 0px;
}
.sp_10 {
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
}
.sp_15 {
margin: 0px 0px 15px 0px;
padding: 0px 0px 0px 0px;
}
.sp_20 {
margin: 0px 0px 20px 0px;
padding: 0px 0px 0px 0px;
}
.sp_30 {
margin: 0px 0px 20px 0px;
padding: 0px 0px 0px 0px;
}
.sp_40 {
margin: 0px 0px 40px 0px;
padding: 0px 0px 0px 0px;
}
.sp_50 {
margin: 0px 0px 50px 0px;
padding: 0px 0px 0px 0px;
}


.sp_05 ul {
	
	margin: 0px;
	padding: 0px;
	
}

.sp_05 li {
	
	margin: 4px;
	font-size: 14px;
	padding: 3px;
	border: 1px solid #f60;
	list-style-type: none;
	
}

table.itemloop{
	margin:0 20px;
	_*/margin: 0 10px;
	width:150px;
	height:250px;
	float:left;
}

div.uresujiBox{
	width:340px;
	float:left;
}

h3.uresujiTitle{
	margin:0 auto 0.5em;
}

h3.subtitle{
	margin-bottom:0.5em;
	padding:3px 0;
	text-align:left;
	color:#fff;
	background-color:#fA0;
	text-indent:0.5em;
	border:1px solid #FFCC99;
	font-weight:normal;
}

table.uresuji{
	margin-bottom:1em;
	width:340px;
	text-align:left;
}

	table td.itemCell{
		padding-bottom:0.5em;
		width:165px;
		text-align:left;
	}
	
	table .itemPhoto{
		width:80px;
		float:left;
	}
	
	table .itemName{
		width:78px;
		float:right;
	}

h3.rankingTitle{
	margin:0 0 0.5em;
}

/* -------------------------------------------------------
	↓↓↓	ランキング	↓↓↓
------------------------------------------------------- */
div.rankingBox{
	width:209px;
	float:right;
	padding-bottom:1em;
}

.rankingListBox ul{
	margin:0;
	padding:0;
	list-style:none;
}
.rankingListBox ul li dl,
.rankingListBox ul li dt,
.rankingListBox ul li dd{
	margin:0;
	padding:0;
}


.rightRanking{
	width:199px;
	margin-left:10px;
}
	.rightRanking ul li{
		float:left;
		margin:0;
		padding:0;
		width:100%;
		border:none;
	}
	.rightRanking .rankingListBox ul li dd{
		border-top:solid 1px #ccc;
		border-right:solid 1px #ccc;
		border-left:solid 1px #ccc;
		padding:5px;
	}
		.rightRanking .rankingListBox ul li p.item{
			float:left;
			width:60px;
		}
		.rightRanking .rankingListBox ul li p.name{
			float:right;
			width:124px;
		}
	.rightRanking .rankingListBox ul li dd.last{
		border:solid 1px #ccc;
	}


.leftRanking{
	width:180px;
}
	.leftRanking ul li{
		float:left;
		margin:0;
		padding:0;
		width:100%;
		border:none;
	}
	.leftRanking .rankingListBox ul li dd{
		border-top:solid 1px #ccc;
		border-right:solid 1px #ccc;
		border-left:solid 1px #ccc;
		padding:5px;
	}
		.leftRanking .rankingListBox ul li p.item{
			float:left;
			width:60px;
		}
		.leftRanking .rankingListBox ul li p.name{
			float:right;
			width:105px;
		}
	.leftRanking .rankingListBox ul li dd.last{
		border:solid 1px #ccc;
	}


.footerRanking{
	width:771px;
	margin:0 auto;
}
	.footerRanking ul li{
		float:left;
		margin:0;
		padding:0;
		width:154px;
		border:none;
	}
	.footerRanking .rankingListBox ul li dd{
		border:solid 1px #ccc;
		height:95px;
		overflow:hidden;
		padding:5px;
		margin-right:5px;
	}
		.footerRanking .rankingListBox ul li p.item{
			float:left;
			width:60px;
		}
		.footerRanking .rankingListBox ul li p.name{
			float:right;
			width:75px;
		}
	.footerRanking .rankingListBox ul li dd.last{
		border:solid 1px #ccc;
		margin:0;
	}
	.footerRanking .rankingListBox ul li.rank06,
	.footerRanking .rankingListBox ul li.rank07,
	.footerRanking .rankingListBox ul li.rank08,
	.footerRanking .rankingListBox ul li.rank09,
	.footerRanking .rankingListBox ul li.rank10{
		margin-top:5px;
	}

/* ------- ６位から１０位まで非表示にする ------- */
.rightRanking .rankingListBox ul li.rank06,
.rightRanking .rankingListBox ul li.rank07,
.rightRanking .rankingListBox ul li.rank08,
.rightRanking .rankingListBox ul li.rank09,
.rightRanking .rankingListBox ul li.rank10,
.leftRanking .rankingListBox ul li.rank06,
.leftRanking .rankingListBox ul li.rank07,
.leftRanking .rankingListBox ul li.rank08,
.leftRanking .rankingListBox ul li.rank09,
.leftRanking .rankingListBox ul li.rank10{
	display:none;
}

/* -------------------------------------------------------
	↑↑↑	ランキング	↑↑↑
------------------------------------------------------- */

div.pickupkeyword{
	margin-bottom:0.5em;
	text-align:left;
}

	div.pickupkeyword h3{
		margin:0;
		margin-right:1em;
		padding:2px 5px;
		width:auto;
		float:left;
		font-size:10px;
		font-weight:normal;
		color:#FFF;
		border:1px solid #CCC;
		background-color:#C00;
		text-align:center;
	}
	
	div.pickupkeyword ul{
		margin:0;
		padding:2px 0;
		list-style:none;
		float:left;
	}
	
		div.pickupkeyword ul li{
			margin:0;
			padding: 0 0.5em;
			display:inline;
		}

div.uresujiBox2{
	width:570px;
	float:left;
}

h3.uresujiTitle2{
	margin:0 auto 0.5em;
}

table.uresuji2{
	margin-bottom:1em;
	width:570px;
	text-align:left;
}

	table td.itemCell{
		padding-bottom:0.5em;
		width:185px;
		text-align:left;
	}
	
	table .itemPhoto{
		width:80px;
		float:left;
	}
	
	table .itemName{
		width:90px;
		float:right;
	}

.clear{
	clear:both;
	height:0;
	line-height:0;
	font-size:0;
}
.clear_fix{
	zoom:100%;
	height:1%;
}
.clear_fix:after{
	content:".";
	clear:both;
	display:block;
	visibility:hidden;
	height:0;
	line-height:0;
}

/* 商品ページ　item */
.item-h1{
	margin:0;
	padding:0;
	width:810px;
	text-align:left;
	font-size:1em;
}