@charset "euc-jp";

/* summary ------------------
Contents
-------------------------- */

/* Contents ----------------- */
#Contents {
width:740px;
margin:0 0 25px 0;
font-size:62.5%;
color:#666;
text-align:left;
}

#Contents h2 {
margin:0 0 15px 0;
}

#Contents .itemList001 {
width:740px;
margin:0 0 25px 0;
overflow:hidden;
}
#Contents .itemList001 ul {
width:760px;
margin:0 0 15px 0;
}
	#Contents .itemList001 ul:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height:0;
	clear: both;
	}
	* html #Contents .itemList001 ul {
	display: inline-block;
	}
	*+html #Contents .itemList001 ul {
	display: inline-block;
	}
#Contents .itemList001 ul li {
float:left;
width:150px;
margin:0;
}
#Contents .itemList001 ul li dl {
margin:0;
}
#Contents .itemList001 ul li dl dt {
width:136px;
margin:0 0 5px 0;
padding:1px;
border:1px solid #CCC;
}
#Contents .itemList001 ul li dl dt img {
display:block;
}
#Contents .itemList001 ul li dl dd {
margin:0;
}
#Contents .itemList001 ul li dl dd span.itemName {
display:block;
margin:0 0 5px 0;
font-size:1.4em;
line-height:1.3;
}
#Contents .itemList001 ul li dl dd span.price {
display:block;
margin:0;
font-size:1.2em;
line-height:1.3;
}


/* mainTopics */
#Contents #mainTopics {
margin:0 0 20px 0;
}
#Contents #mainTopics h2 {
font-size:2.4em;
line-height:1.3;
color:#000;
vertical-align:middle;
}
#Contents #mainTopics h2 a {
color:#000;
}

#Contents #mainTopics h2 img {
margin:0 5px 0 0;
}

#Contents #mainTopics p {
margin:0 0 20px 0;
font-size:1.4em;
line-height:1.5;
}
#Contents #mainTopics p.title {
margin:0 0 10px 0;
font-size:1.6em;
line-height:1.3;
font-weight:bold;
}
#Contents #mainTopics p a.continue {
text-decoration:underline;
}
#Contents #mainTopics p a.continue:hover {
text-decoration:none;
}



/* recommendTopics */
#Contents #recommendTopics {
margin:0;
}
#Contents #recommendTopics .topicsArea {
margin:0 0 40px 0;
}
#Contents #recommendTopics .topicsArea .topics {
margin:0 0 15px 0;
}
	#Contents #recommendTopics .topicsArea .topics:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height:0;
	clear: both;
	}
	* html #Contents #recommendTopics .topicsArea .topics {
	display: inline-block;
	}
	*+html #Contents #recommendTopics .topicsArea .topics {
	display: inline-block;
	}
#Contents #recommendTopics .topicsArea .topics .banner {
float:left;
width:334px;
}
#Contents #recommendTopics .topicsArea .topics .text {
float:right;
width:396px;
padding:10px 0 0 0;
}
#Contents #recommendTopics .topicsArea .topics .text p {
margin:0 0 10px 0;
font-size:1.4em;
line-height:1.5;
}
#Contents #recommendTopics .topicsArea .topics .text p.title {
font-size:1.6em;
line-height:1.3;
font-weight:bold;
}
#Contents #recommendTopics .topicsArea .topics .text p.continue {
padding:0 0 0 10px;
background:url(../images/css/arrow_001.gif) no-repeat left 2px;
font-size:1.2em;
line-height:1.3;
}

#Contents #recommendTopics .topicsArea p.more {
padding:10px 0 0 0;
border-top:1px dotted #B2B2B2;
font-size:1.2em;
line-height:1.3;
text-align:right;
}
#Contents #recommendTopics .topicsArea p.more a {
padding:0 0 0 10px;
background:url(../images/css/arrow_001.gif) no-repeat left 2px;
}



/* recommendTopics02 */
#Contents #recommendTopics02 {
width:740px;
margin:0 0 20px 0;
overflow:hidden;
}
#Contents #recommendTopics02 .topicsArea {
width:750px;
margin:0 0 25px 0;
}
	#Contents #recommendTopics02 .topicsArea:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height:0;
	clear: both;
	}
	* html #Contents #recommendTopics02 .topicsArea {
	display: inline-block;
	}
	*+html #Contents #recommendTopics02 .topicsArea {
	display: inline-block;
	}
#Contents #recommendTopics02 .topicsArea .topics {
float:left;
width:324px;
margin:0 50px 0 0;
}
#Contents #recommendTopics02 .topicsArea .topics .banner {
margin:0 0 10px 0;
}
#Contents #recommendTopics02 .topicsArea .topics .text {
margin:0;
}
#Contents #recommendTopics02 .topicsArea .topics .text p {
font-size:1.4em;
line-height:1.3;
}
#Contents #recommendTopics02 p.more {
padding:10px 0 0 0;
border-top:1px dotted #B2B2B2;
font-size:1.2em;
line-height:1.3;
text-align:right;
}
#Contents #recommendTopics02 p.more a {
padding:0 0 0 10px;
background:url(../images/css/arrow_001.gif) no-repeat left 2px;
}






/* recommendItem */
#Contents #recommendItem {
margin:0;
}

/* otherContents */
#Contents #otherContents {
margin:0 0 25px 0;
}
#Contents #otherContents .leftArea {
float:left;
width:360px;
margin:0;
overflow:hidden;
}
#Contents #otherContents .rightArea {
float:right;
width:360px;
margin:0;
overflow:hidden;
}
#Contents #otherContents .textArea {
margin:0;
}
	#Contents #otherContents .textArea:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height:0;
	clear: both;
	}
	* html #Contents #otherContents .textArea {
	display: inline-block;
	}
	*+html #Contents #otherContents .textArea {
	display: inline-block;
	}
#Contents #otherContents .textArea .photo {
float:right;
width:180px;
margin:0 0 5px 5px;
}
#Contents #otherContents .textArea p {
font-size:1.2em;
line-height:1.8;
margin:0 0 15px 0;
}
#Contents #otherContents .textArea p.title {
font-size:1.4em;
line-height:1.5;
margin:0 0 10px 0;
font-weight:bold;
}
#Contents #otherContents .textArea p.more {
margin:0 0 40px 0;
text-align:right;
}
#Contents #otherContents .textArea p.more a {
padding:0 0 0 10px;
background:url(../images/css/arrow_001.gif) no-repeat left 2px;
}

/* staffRecommend */
#Contents #staffRecommend {
height:420px;
margin:0 0 50px 0;
padding:0 10px 0 0;
overflow:auto;
}

#Contents #staffRecommend .textArea {
margin:0 0 25px 0;
border-bottom:1px dotted #666;
}
	#Contents #staffRecommend .textArea:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height:0;
	clear: both;
	}
	* html #Contents #staffRecommend .textArea {
	display: inline-block;
	}
	*+html #Contents #staffRecommend .textArea {
	display: inline-block;
	}
#Contents #staffRecommend .textArea .photo {
float:right;
width:180px;
margin:0 0 10px 10px;
}
#Contents #staffRecommend .textArea p {
font-size:1.2em;
line-height:1.8;
margin:0 0 15px 0;
}
#Contents #staffRecommend p.title {
font-size:1.6em;
line-height:1.5;
margin:0 0 10px 0;
}
#Contents #staffRecommend p.title a {
color:#000;
}
#Contents #staffRecommend .textArea p.more {
margin:0 0 25px 0;
font-size:14px;
line-height:1.3;
text-align:right;
}
#Contents #staffRecommend .textArea p.more a {
padding:0 0 0 10px;
background:url(../images/css/arrow_004.gif) no-repeat left 5px;
}



/* staffRecommend02 */
#Contents #staffRecommend02 {
margin:0 0 40px 0;
}



/* shopInformation */
#Contents #shopInformation {
margin:0 0 40px 0;
}
#Contents #shopInformation dl {
margin:0;
}
	#Contents #shopInformation dl:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height:0;
	clear: both;
	}
	* html #Contents #shopInformation dl {
	display: inline-block;
	}

	*+html #Contents #shopInformation dl {
	display: inline-block;
	}

#Contents #shopInformation dl dt {
float:left;
width:7.4em;
margin:0 0 5px 0;
font-size:1.4em;
line-height:1.5;
}
	html*#Contents #shopInformation dl dt  {width:7.4em;} /* Safari */
	
#Contents #shopInformation dl dd {
margin:0 0 5px 0;
padding:0 0 0 7.6em;
font-size:1.4em;
line-height:1.5;
}
	html*#Contents #shopInformation dl dd  {padding:0 0 0 7.6em;} /* Safari */

#Contents #shopInformation dl dd a {
text-decoration:underline;
}
#Contents #shopInformation dl dd a:hover {
text-decoration:none;
}


/* forIEclearfix */
#Contents .forIEclearfix {
clear:both;
height:0;
font-size:0;
line-height:0;
}
