@charset "Shift_JIS";

/* summary ------------------
shopping
-------------------------- */

#contents .speech{
	position: absolute;
	top: -99999px;
	left: -99999px;
	overflow: hidden;
	font-size: 0;
	height: 0;
	width: 0;
}

#contents #ShoppingTop {
width:314px;
margin:0 0 10px 0;
background:#FFF;
border:1px solid #D9D9D9;
}
#contents #ShoppingTop h3 {
margin:0 0 7px 0;
padding:5px;
background:#ECECEC url(../images/h3_bg_001.gif) repeat-x;
border-bottom:1px solid #D9D9D9;
position:relative;
font-size:1em;
}
#contents #ShoppingTop h3 span.title {
font-size:1.4em;
}
#contents #ShoppingTop h3 span.yahoo {
display:inline-block;
position:absolute;
right:5px;
top:7px;
font-size:1.2em;
}

#contents #ShoppingTop ul {
margin:0 5px;
}
#contents #ShoppingTop ul li {
width:304px;
margin:0 0 10px 0;
padding:0 0 10px 0;
border-bottom:1px dotted #B2B2B2;
}
	#contents #ShoppingTop ul li:after {
	content: ".";  
	display: block;  
	visibility: hidden;  
	height: 0.1px;  
	font-size: 0.1em;  
	line-height: 0;  
	clear: both;  
	}
	#contents #ShoppingTop ul li {
	display: inline-block;
	}

#contents #ShoppingTop ul li span.photo {
float:left;
display:block;
width:76px;
}
#contents #ShoppingTop ul li span.title,
#contents #ShoppingTop ul li span.text {
display:block;
padding:0 0 0 86px;
font-size:1.4em;
line-height:1.3;
}

#contents #ShoppingTop .more {
margin:0 7px 10px 7px;
text-align:right;
}
#contents #ShoppingTop .more a {
padding:0 0 0 10px;
font-size:1.2em;
background:url(../images/arrow_004.gif) no-repeat left center;
}






#contents #shopping {
width:168px;
margin:0 0 10px 0;
border:1px solid #D9D9D9;
overflow:hidden;
}
#contents #shopping h3 {
margin:0 0 7px 0;
padding:5px;
background:#ECECEC url(../images/h3_bg_001.gif) repeat-x;
border-bottom:1px solid #D9D9D9;
font-size:1.4em;
}


#contents #shopping dl {
margin:0 7px;
}
#contents #shopping dl dt {
margin:0 0 7px 0;
font-size:1.4em;
line-height:1.3;
}
#contents #shopping dl dt img {
margin:0 0 7px 35px;
}
#contents #shopping dl dd.price {
margin:0 0 7px 0;
font-size:1.2em;
line-height:1.3;
text-align:center;
color:#CC0000;
}
#contents #shopping dl dd.button {
margin:0 0 7px 0;
padding:0 0 7px 25px;
border-bottom:1px dotted #B2B2B2;
}


#contents #shopping .more {
margin:0 7px 10px 7px;
text-align:right;
}
#contents #shopping .more a {
padding:0 0 0 10px;
font-size:1.2em;
background:url(../images/arrow_004.gif) no-repeat left center;
}
