@charset "utf-8";
/* 共通スタイルシートの読み込み */
@import url("common.css");
@import url("calendar.css");
@import url("cart.css");
@import url("info.css");
@import url("item.css");
@import url("mail.css");
@import url("mess.css");
@import url("quest.css");

/*--right-------------------------------------------------------------------------------------------------------*/

#right {
	float: left;
	width: 575px;
	margin-left: 25px;
	margin-bottom: 58px;
}


/*--ranku -------------------------------------------------------------------------------------------------------*/

#ranku p {
	font-size: 11px;
	color: #FF0000;
}
/*--mail -------------------------------------------------------------------------------------------------------*/
#mail1 {
	float: left;
	height: 100px;
	width: 200px;
}
/*--banner-03 banner-04  -------------------------------------------------------------------------------------------------------*/

#box-02 {
	height: 100px;
	margin-bottom: 20px;
}


#banner-03 {
	float: left;
	height: 100px;
	width: 280px;
	margin-left: 25px;
}
#banner-04 {
	float: left;
	margin-left: 15px;
	height: 100px;
	width: 280px;
}

/*--ranku -------------------------------------------------------------------------------------------------------*/

#ranku {
	margin-bottom: 10px;
	clear: both;
	float: left;
}
.ranku-img {
	background-image: url(../images/ranking-bg.gif);
	height: 96px;
	width: 102px;
	background-repeat: no-repeat;
	display: block;
	text-align: center;
	padding-top: 6px;
}
#ranku h3 {
	vertical-align: bottom;
	height: 28px;
	width: 575px;
	margin-bottom: 5px;
}
#ranku li {
	width: 102px;
	float: left;
	margin-left: 16px;
}


#ranku .ranku-box {
	width: 102px;
	float: left;
	margin-left: 10px;
}

#ranku img {
	vertical-align: bottom;
}


#ranku h4 a {
	font-size: 11px;
	color: #666666;
	font-weight: normal;
	margin-bottom: 16px;
	text-decoration: none;
}

*html .ranku-img {
	height: 102px;
}

/*--new-------------------------------------------------------------------------------------------------------*/

#new {
	clear: both;
	width: 575px;
	margin-bottom: 10px;
}
#new h3 {
	vertical-align: bottom;
	margin-bottom: 5px;
}

#new-waku {
	overflow: auto;
	height: 185px;
	width: 458px;
	padding-right: 88px;
	padding-left: 30px;

}

*html #new-waku {
	width: 575px;

}



#new-waku li {
	text-align: left;
	background-image: url(../images/whatnew-title-62.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	margin-bottom: 10px;
	padding-bottom: 10px;
	line-height: 18px;
}



#new-waku li a {
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}

/*--ここからnewitem-------------------------------------------------------------------------------------------------------*/

#newitem {
	margin-bottom: 10px;
	clear: both;
	float: left;
}
#newitem h3 {
	vertical-align: bottom;
	margin-bottom: 5px;
}
.newitem-img {
	background-image: url(../images/new-bg.gif);
	height: 122px;
	width: 129px;
	background-repeat: no-repeat;
	display: block;
	text-align: center;
	padding-top: 7px;
	margin-bottom: 10px;
}

#newitem li {
	width: 129px;
	float: left;
	display: block;
	padding-right: 31px;
	padding-left: 31px;
}

*html #newitem li {
	width: 191px;
}


.newitem-img {
	vertical-align: bottom;
}
#newitem .bg {
	background-image: url(images/new-line.jpg);
	background-repeat: repeat-y;
	background-position: right;
}

/*--ここからitemcategoiy-------------------------------------------------------------------------------------------------------*/

#itemcategoiy {
	clear: both;
	margin-bottom: 10px;
}
#itemcategoiy h3 {
	vertical-align: bottom;
	margin-bottom: 5px;
}
#banner-05 {
	vertical-align: text-botom;
	height: 119px;
	width: 575px;
	margin-bottom: 5px;
}
#banner-06 {
	margin-bottom: 5px;
	vertical-align: bottom;
}



#banner-07 {
	float: left;
	vertical-align: bottom;
	height: 100px;
	width: 279px;
	margin-bottom: 5px;
}
#banner-09 {
	vertical-align: bottom;
	margin-bottom: 5px;
	clear: both;
}



/*--ここからnewitem-------------------------------------------------------------------------------------------------------*/

*html .newitem-img {
	height: 129px;
}

#newitem h4 a {
	font-size: 12px;
	color: #f58185;
	font-weight: bold;
	text-decoration: none;
	display: block;
	margin-bottom: 10px;
}

#newitem p a {
	font-size: 12px;
	color: #666666;
	font-weight: normal;
	margin-bottom: 10px;
	text-decoration: none;
	display: block;
}
.txt-price {
	color: #FF0000;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 10px;
}
.newitem-bu {
	height: 24px;
	width: 126px;
	margin-bottom: 10px;
}




/*--ここからpickup-------------------------------------------------------------------------------------------------------*/
#pickup {
	clear: both;
	float: left;
}


#pickup h3 {
	vertical-align: bottom;
	margin-bottom: 5px;
}
.pickup-img {
	background-image: url(../images/pickop-bg.gif);
	background-repeat: no-repeat;
	height: 90px;
	width: 98px;
	display: block;
	padding-top: 8px;
	float: left;
}
#pickup h4 {
	padding-right: 5px;
	padding-left: 5px;
	width: 83px;
	float: left;
	padding-top: 5px;
	height:150px;
}

*html #pickup h4 {
	padding-left: 0px;
	width: 88px;
}


#pickup h4 a {
	color: #666666;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
}


*html .pickup-img {
	height: 98px;
}
#pickup li {
	width: 191px;
	float: left;
	margin-bottom: 10px;
	height: 140px;
}