@charset "utf-8";
/**
 * トップページのみの要素
 * img path: /common/images/
 */

html {/*
	background:url(/common/images/bg/bg_kingyo.gif) no-repeat 0 0;*/
}

/* 重要なお知らせ
----------------------------------------------------------------------------------------------------*/

div#important {
	clear:both;
	margin:0 0 10px 0;
	padding:3px;
	_width:943px;
	width:942px;
	border: 1px solid #FF2E2E;
}

/* お知らせ
----------------------------------------------------------------------------------------------------*/

div#info {
	clear:both;
	margin:0 auto 5px;
	width:950px;
}

/* Flashバナーエリア
----------------------------------------------------------------------------------------------------*/

div#topBnrArea {
	width:712px;
	height:188px;
	float:left;
	margin:0 0 10px 0;
	position:relative;
}

.sliderbutton {
	float:left; 
	display:none;
}

#slideleft {background:url(/common/images/icon/icons.gif) -50px -265px no-repeat}
#slideleft:hover {background-position:-0 -265px}
#slideright {background:url(/common/images/icon/icons.gif) 0 90px no-repeat}
#slideright:hover {background-position:-50px 90px}

#slider {
	float:left; 
	position:absolute; 
	overflow:hidden; 
	width:530px; 
	height:188px;
}

#slider ul {
	position:absolute; 
	list-style:none; 
	top:0; 
	left:0;
}

#slider li {
	float:left; 
	width:530px; 
	height:188px;
}

.pagination {
	position:relative;  
	list-style:none; 
	height:188px
	width:180px;
	float:right;
}

.pagination li { 
	cursor:pointer; 
	height:50px; 
	width:165px; 
	margin:0 0 1px 0;
	padding:6px 4px 6px 11px;
	background:url(/common/images/bg/bg_bnr.gif) left center no-repeat;
}
.pagination li:hover, li.current {
	background:url(/common/images/bg/bg_bnr_current.gif) left center no-repeat;
}

.pagination li span { 
	width:107px;
	margin:10px 0 0 5px;
	float:right;
	line-height:1.2;
	letter-spacing: 0px;
}

.pagination li a { 
	color:#333;
}

div#orderPrint {
	width:212px;
	height:172px;
	float:left;
	margin:0 0 10px 10px;
	padding:8px;
	background-color:#EDE9E6;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
}

/* 見出し
----------------------------------------------------------------------------------------------------*/

#blog h2,#specialArea h2 {
	padding:0 0 3px 0;
	margin:0 0 10px 0;
	border-bottom:1px dotted #666;
	font-weight:bold;
	color:#666666;
	width:100%;
}

/* コンテンツレイアウト
----------------------------------------------------------------------------------------------------*/

#content {
	width:950px;
	margin:0 auto 5px;
}

/* 見出し共通要素 */

p.allList {
	float:right;
	margin:0;
	padding:0;
	_margin-top:2px;
	text-align:right;
	vertical-align:middle;
	z-index:10;
}


/* おすすめアイコンなど */

div.item img.alphafilter {
	position:absolute;
	left:5px;
	bottom:5px;
	z-index:10;
}

/* キャンペーン・お得情報 */

.campaignContainer {
	margin-bottom:10px;
	height:100px;
	border-bottom: 1px dotted #CCCCCC;
}

.campaignContainer img.bnr {
	border:1px solid #ccc;
	float:left;
}

.campaignContainer div.text {
		width:368px;
		float:left;
		margin-left:10px;
	}

.campaignIcon {
	float:right;
	margin:5px 5px 0 0;
}

/* おしらせ・スタッフ便り */

#blog,#recommend {
	width:400px;
	float:left;
}

div#blogArea li {
	border-bottom:1px dotted #CCCCCC;
	margin:0 0 5px;
}

div#blogArea span {
display:block;
font-size:90%;
text-align:right;
width:400px;
}


/* おすすめ特集 */

#specialArea {
    height: 70px;
    margin: 0 20px 0 0;
    width: 530px;
    float:left;
}

/* 商品ラインナップ
----------------------------------------------------------------------------------------------------*/

ul.lineup {
	width:936px;
	height:20px;
	padding:7px;
	background-color:#f3ebdf;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
}

li.orange {
	background:url('/common/images/icon/icon_arrowOrange.gif') no-repeat right center;
	margin:0 15px 0 0;
	padding:0 17px 0 0;
	float:left;
}

li.blue {
	background:url('/common/images/icon/icon_arrowBlue.gif') no-repeat right center;
	margin:0 15px 0 0;
	padding:0 17px 0 0;
	float:left;
}

li.pink {
	background:url('/common/images/icon/icon_arrowPink.gif') no-repeat right center;
	margin:0 15px 0 0;
	padding:0 17px 0 0;
	float:left;
}

li.green {
	background:url('/common/images/icon/icon_arrowGreen.gif') no-repeat right center;
	margin:0 15px 0 0;
	padding:0 17px 0 0;
	float:left;
}

/* 商品
----------------------------------------------------------------------------------------------------*/

div.item {
	width:295px;
	height:135px;
	float:left;
	padding:7px 0;
	margin:0 0 10px 30px;
}

div#print {
	clear:both;
	margin:15px 0;
}

div#keep,div#present,div#goods {
	clear:both;
	margin:20px 0 0 0;
}

p.catch {
	margin:0 0 5px 9px;
	float:left;
	width:180px;
	line-height:1.4;
}

.btnArea {
	width:195px;
	float:left;
}

.newIcon {
	position:absolute;
	left:0;
	top:80px;
	z-index:10;
}