/* 共通スタイルシートの読み込み */
@import url("./common.css");
@import url("./banner.css");



/* //////////目次////////////////////////////// /


/* ■トップページ設定---------- */

/* ▽ニュース---------- */
/* ▽おすすめ商品---------- */
/* ▽新着商品---------- */
/* ▽ランキング商品---------- */






/* ■トップページ設定
-------------------------------------------------- */


/* ▽ニュース---------- */

/* 全体設定 */
#news {
	float: left;
	width: 630px;
	margin-top: 20px;
}
* html #news {
	margin-right: -3px;
}


/* タイトル設定 */
#news h4 {
}


/* リスト設定/全体設定 */
#news li {
	float: left;
	width: 630px;
	margin-top: 10px;
	padding-bottom: 10px;
	background: url(images/news_line_under.jpg) no-repeat 0 bottom;
}


/* リスト/日付の設定 */
.news_date {
	float: left;
	width: 120px;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.4em;
	text-indent: 20px;
	
	color: #f39800;
}


/* リスト/更新情報の設定 */
#news a {
	float: left;
	width: 490px;
	font-size: 12px;
	line-height: 1.4em;
	text-decoration: none;	
	color: #666666;
}

#news a:hover {
	text-decoration: underline;
	color: #f39800;
}






/* ▽おすすめ商品---------- */

.font-line {
color:#333333;
font-size:12px;
font-weight:normal;
text-decoration:line-through;
}

/* 全体設定 */
#featured {
	float: left;
	width: 630px;
	margin-top: 20px;
	/*background: url(./images/featured_line_side.jpg) repeat-y 0 0;*/
}
* html #featured {
	margin-right: -3px;
	display: inline;
}


/* タイトルの設定 */
#featured h4 {
	width: 630px;
}


/* 商品ループ/ボックス設定 */
.featuredItem{
	float: left;
	width: 107px;
	padding: 15px 10px;
	background: url(./images/featuredItem_bg.jpg) repeat-y right top;
}
* html .featuredItem,
* html .featuredItem_right {
	display: inline;
	width: 126px;
}

.featuredItem_right {
	float: left;
	width: 100px;
	padding: 15px 10px;
}


/* 商品ループ/商品画像背景の設定 */
.featuredItem_pic {
	width: 100px;
	height: 100px;
}


/* 商品ループ/商品画像サイズの指定 */
.featuredItem img,
.featuredItem_right img {
	display: block;
	width: 98px;
	height: 98px;
	border: 1px solid #cccccc;
}


/* 商品ループ/商品画像のロールオーバーの設定 */
.featuredItem a:hover img,
.featuredItem_right a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
}


/* 商品ループ/商品名の設定 */
.featuredItem h5,
.featuredItem_right h5 {
	width: 98px;
	margin-top: 10px;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.4em;
	text-align: left;
}

.featuredItem a,
.featuredItem_right a {
	display: block;
	text-decoration: none;
	color: #666666;
}

.featuredItem a:hover,
.featuredItem_right a:hover {
	text-decoration: underline;
	color: #f39800;
}


/* 商品ループ/商品価格の設定 */
.featuredItem p,
.featuredItem_right p {
	width: 98px;
	margin-top: 5px;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.4em;
	text-align: left;
	
	color: #f39800;
}






/* ▽新着商品---------- */

/* 全体設定 */
#new {
	float: left;
	width: 630px;
	margin-top: 20px;
	margin-bottom: 10px;
	padding-bottom: 1px;
	background: url(images/new_line_bottom.jpg) no-repeat 0 bottom;
}
* html #new {
	margin-right: -3px;
	display: inline;
}


/* タイトルの設定 */
#new h4 {
	width: 630px;
}


/* 商品ループ/ボックス設定 */
.newItem {
	float: left;
	width: 107px;
	padding: 15px 10px;
	background: url(./images/featuredItem_bg.jpg) repeat-y right top;
}

*html .newItem{
	width: 126px;
}
.newItem_right {
	float: left;
	width: 100px;
	padding: 15px 10px;
}

/* 商品ループ/商品画像背景の設定 */
.newItem_pic {
	width: 100px;
	height: 100px;
}


/* 商品ループ/商品画像サイズの指定 */
.newItem img,
.newItem_right img {
	display: block;
	width: 98px;
	height: 98px;
	border: 1px solid #cccccc;
}


/* 商品ループ/商品画像のロールオーバーの設定 */
.newItem a:hover img,
.newItem_right a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
}


/* 商品ループ/商品名の設定 */
.newItem h5,
.newItem_right h5 {
	width: 98px;
	margin-top: 10px;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.4em;
	text-align: left;
}

.newItem a,
.newItem_right a {
	display: block;
	text-decoration: none;
	color: #666666;
}

.newItem a:hover,
.newItem_right a:hover {
	text-decoration: underline;
	color: #f39800;
}


/* 商品ループ/商品価格の設定 */
.newItem p,
.newItem_right p {
	width: 98px;
	margin-top: 5px;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.4em;
	text-align: left;
	
	color: #f39800;
}






/* ▽ランキング-------------------- */

/* 全体設定  */
#ranking {
	float: left;
	width:630px;
	margin-top: 20px;
	padding-bottom: 1px;
	background: url(images/ranking_line_bottom.jpg) no-repeat 0 bottom;
}
* html #ranking {
	margin-right: -3px;
}


/* タイトルの設定 */
#ranking h4 {
	width: 630px;
}


/* 商品ループ/ボックス設定 */
.rankingItem,
.rankingItem_right {
	float: left;
	width: 130px;
	padding: 15px 0;
	background: url(images/ranking_line_side.jpg) repeat-y 0 0;
}
* html .rankingItem,
* html .rankingItem_right {
	display: inline;
}

.rankingItem_right {
	width: 110px;
	margin-right: 0px;
}


/* 商品ループ/商品画像背景の設定 */
.rankingItem_pic {
	width: 110px;
	height: 110px;
}


/* 商品画像サイズの設定 */
.rankingItem_pic img {
	display: block;
	width: 108px;
	height: 108px;
	border: 1px solid #cccccc;
}


/* 商品画像のロールオーバーの設定 */
.rankingItem_pic:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);	
}


/* 商品名の設定 */
.rankingItem h5,
.rankingItem_right h5 {
	width: 110px;
	margin-top: 10px;
	font-size: 12px;
	line-height: 1.2em;
}

.rankingItem a,
.rankingItem_right a {
	display: block;
	text-decoration: none;
	color: #666666;
}

.rankingItem a:hover,
.rankingItem_right a:hover {
	text-decoration: underline;
	color: #f39800;
}


/* 商品価格の設定 */
.rankingItem p,
.rankingItem_right p {
	width: 110px;
	margin-top: 10px;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.2em;
	
	color: #f39800;
}


/* ランキングアイコンの設定 */
.rankingItem_icon {
	margin-top: 10px;
}