@charset "UTF-8";

/* CSS Document */

/* --CSS for index.html-- */

/* --for メインカラム-- */

#indexMainCol
{
	float: left;
	width: 500px;
	margin: 0;
	padding: 0;
}

#indexMainCol h3
{
	clear: both;
	margin: 1em 0;
}

#indexMainCol p.banner
{
	clear: both;
	margin-bottom: 1em;
	text-align: center;
}

#indexMainCol p.banner span.itemName,
#indexMainCol p.banner span.price
{
	display: block;
	width: 49%;
	white-space: nowrap;
}

#indexMainCol p.banner span.itemName
{
	float: left;
	margin-left: 0.5em;
	text-align: left;
}

#indexMainCol p.banner span.price
{
	float: right;
	margin-left: 0;
	font-size: 1.1em;
	font-weight: bold;
	color: #C00;
	text-align: right;
}

#indexMainCol p.banner span.price del
{
	font-size: 1em;
	color: #666;
}

#indexMainCol .ranking dd .itemComment .price,
#indexBottomCol .recommendItems ul li .price
{
	clear: both;
	margin-top: 0.5em;
	font-weight: bold;
	color: #C00;
	text-align: left;
}

#indexMainCol .ranking
{
	padding: 1em 0 0 2px;
	background-color: #FFCC33;
}

/* fuck!! for IE7 */
*:first-child+html #indexMainCol .ranking
{
	min-height: 1px;
}

#indexMainCol .ranking dl
{
	float: left;
	width: 145px;
	margin: 0 10px;
}

#indexMainCol .ranking dd img
{
	margin: 1em 0;
}

#indexMainCol .ranking dd .itemComment
{
	margin: 0.5em 0;
}

/* --for 右ナビ-- */

#indexRightCol
{
	float: right;
	width: 190px;
	margin: 0;
	padding: 0;
}

#indexRightCol p.banner
{
	margin: 1em 0;
	text-align: center;
}

#indexRightCol .members .innerBox
{
	margin-bottom: 1em;
	padding-bottom: 0.5em;
	background-color: #FAF3E0;
	border: #C00 solid 1px;
}

#indexRightCol .members ol li
{
	margin: 0.1em 0;
	padding-bottom: 0.1em;
	text-align: center;
	border-bottom: #B08A5D dotted 1px;
}

#indexRightCol .members ul
{
	margin-top: 1em;
}

/* fuck!! for IE7 */
*:first-child+html #indexRightCol .members .innerBox
{
	min-height: 1px;
}

#indexRightCol .members ul li
{
	float: left;
	margin-top: 0.5em;
}

#indexRightCol .members ul li.floatLeft
{
	margin: 0.5em 5px 0 7px;
}

#indexRightCol .members ul li.forgotPass
{
	clear: both;
	width: 100%;
	text-align: center;
}

#indexRightCol .news
{
	clear: both;
}

#indexRightCol .news
{
	clear: both;
}

#indexRightCol .news dl
{
	padding: 0.5em 0;
	height: 135px;
	border: #A47749 solid 1px;
	overflow: auto;
}

#indexRightCol .news dt,
#indexRightCol .news dd
{
	margin: 0 0.3em;
	padding: 0 0.5em
}

#indexRightCol .news dt
{
	margin-top: 0.5em;
}

#indexRightCol .news dd
{
	padding-bottom: 0.3em;
	border-bottom: #B96 dotted 1px;
}

#indexRightCol .voices h3
{
	margin-top: 1em;
}

#indexRightCol .voices .innerBox
{
	border: #F90 solid 1px;
}

#indexRightCol .voices p
{
	margin: 0.5em 0;
	text-align: center;
}

#indexRightCol .voices .facesPhotoBox
{
	width: 100%;
	margin: 0 auto;
	text-align: center;
	white-space: nowrap;
	overflow: auto;
}

/* fuck!! for IE7 */
*:first-child+html #indexRightCol .voices .facesPhotoBox
{
	min-height: 60px;
}

#indexRightCol .voices .facesPhotoBox img
{
	margin: 3px;
}

#indexRightCol .voices dl
{
	padding: 0.5em;
	height: 150px;
	overflow: auto;
}

#indexRightCol .voices dl dt
{
	padding: 0.3em;
	background-color: #faf3e0;
}

#indexRightCol .voices dl dd
{
	/*max-height: 2em;*/
	margin-bottom: 0.5em;
	padding: 0.5em 0 0.5em 3em;
	background: url(../img/index/index_r_bg-voices.gif) 0 0.75em no-repeat;
	/*overflow: hidden;*/
}

#indexRightCol .voices p
{
	padding: 0 0.75em;
	text-align: left;
}

#indexRightCol .TwitterWidget
{
	clear: both;
	margin-top: 1.5em;
}

/* --for ボトムカラム-- */

#indexBottomCol
{
	clear: both;
	margin-top: 1em;
	width: 700px;
}

#indexBottomCol .recommendItems ul li
{
	float: left;
	width: 140px;
	margin-top: 1em;
	text-align: center;
}

#indexBottomCol .recommendItems ul li .itemName
{
	padding: 0.3em 0.5em;
	text-align: left;
}

#indexBottomCol .recommendItems ul li .price
{
	margin: 0;
	padding-left: 0.5em;
}

#indexBottomCol .shopProfile
{
	clear: both;
	margin-top: 1em;
}

#indexBottomCol .shopProfile .innerBox
{
	width: 673px;
	padding: 1em 0.3em;
	background-color: #FFF;
	border: #FC6 solid 10px;
	border-top: none;
}

#indexBottomCol .shopProfile .leftCol,
#indexBottomCol .shopProfile .rightCol
{
	margin-bottom: 1em;
}

#indexBottomCol .shopProfile .leftCol
{
	float: left;
	width: 380px;
}

#indexBottomCol .shopProfile .rightCol
{
	float: right;
	width: 290px;
}

#indexBottomCol .shopProfile .rightCol p.comment
{
	margin-top: 0.3em;
	line-height: 140%;
}

#indexBottomCol .shopProfile .shopInfo
{
	clear: both;
}

#indexBottomCol .shopProfile .shopInfo h3,
#indexBottomCol .shopProfile .shopInfo ul li
{
	margin: 1em 0 0;
	text-align: center;
}

#indexBottomCol .shopProfile .shopInfo ul
{
	width: 630px;
	margin: 0 auto;
}

#indexBottomCol .shopProfile .shopInfo ul li
{
	float: left;
	width: 210px;
}

#indexBottomCol .staffProfile
{
	clear: both;
	margin: 1em 0;
}

#indexBottomCol .staffProfile .introduction
{
	float: left;
	width: 233px;
	margin-top: 1em;
	text-align: center;
}

#indexBottomCol .staffProfile .introduction dt,
#indexBottomCol .staffProfile .introduction dd
{
	width: 180px;
	margin: 1em auto;
}

#indexBottomCol .staffProfile .introduction dt
{
	padding: 0.3em 0;
	background-color: #FC6;
}

#indexBottomCol .staffProfile .introduction dd
{
	text-align: left;
	line-height: 150%;
}