@charset "UTF-8";
/* ===================================================================
CSS information
 file name  :s-top.css
 style info :
このスタイルシートの構成
店舗サイトトップページの設定
 #primary
 #secondary
=================================================================== */

/*----------------------------------------------------
	#contents
----------------------------------------------------*/


/*----------------------------------------------------
	オススメ商品、特集・キャンペーン、お知らせ
----------------------------------------------------*/

#s-top #contents #main #primary {
	width:540px;
	float:right;
	padding-right:10px;
}


/*オススメ商品　特集・キャンペーン*/
#s-top #contents #main #primary .push-Box {
	width:540px;
	margin-top:15px;
	padding-top:5px;
	background:url(../img/top/bg_540f_top.gif) no-repeat top;
}

#s-top #contents #main #primary .push-Box .push-Box-inner {
	background:url(../img/top/bg_540f_btm.gif) no-repeat bottom;
	padding-bottom:10px;
}

#s-top #contents #main #primary .push-Box dt {
	padding:10px 0;
}


#s-top #contents #main #primary .push-Box dd {
	line-height:1.2;
}

#s-top #contents #main #primary .push-Box ul.more{
	text-align:right;
	padding-bottom:3px;
}

#s-top #contents #main #primary .push-Box ul.next-entry {
	border-top: #CCC dotted 1px;
	padding:7px 0 0;
}

#s-top #contents #main #primary .push-Box ul.next-entry li{
	padding:0 0 3px 20px;
	background:url(../img/cmn/icon_arrow_s_or.jpg) no-repeat 0px 2px;
}

#s-top #contents #main #primary .push-Box .push-Box-L {
	float:left;
	width:258px;
	padding-left:5px;
}

#s-top #contents #main #primary .push-Box .push-Box-R {
	float:right;
	width:258px;
	padding-right:5px;
}

/*楽天市場店　オススメ商品*/
#s-top #contents #main #primary .rakuten-Box {
	width:540px;
	margin-top:15px;
	padding-top:5px;
	background:url(../img/top/bg_540f_rakuten_top.gif) no-repeat top;
}

#s-top #contents #main #primary .rakuten-Box .rakuten-Box-inner {
	background:url(../img/top/bg_540f_rakuten_btm.gif) no-repeat bottom;
	padding-bottom:10px;
}
#s-top #contents #main #primary .rakuten-Box .rakuten-Box-inner_title {
	width:530px;
	margin-top:0px;	
	margin-left:5px;
	padding-top:0px;
	
}

/*five-column*/
#s-top #contents #main #primary .rakuten-Box .rakuten-five-column  .box-a,
#s-top #contents #main #primary .rakuten-Box .rakuten-five-column  .box-b,
#s-top #contents #main #primary .rakuten-Box .rakuten-five-column  .box-c,
#s-top #contents #main #primary .rakuten-Box .rakuten-five-column  .box-d,
#s-top #contents #main #primary .rakuten-Box .rakuten-five-column  .box-e{
	float:left;
}

#s-top #contents #main #primary .rakuten-Box .rakuten-five-column  .box-a,
#s-top #contents #main #primary .rakuten-Box .rakuten-five-column  .box-b,
#s-top #contents #main #primary .rakuten-Box .rakuten-five-column  .box-c,
#s-top #contents #main #primary .rakuten-Box .rakuten-five-column  .box-d{
	width:100px;
	margin-left:3px;
	margin-right:4px;
	margin-top:10px;
}

#s-top #contents #main #primary .rakuten-five-column  .box-e{
	width:100px;
	margin-left:4px;
	margin-right:3px;
	margin-top:10px;
}

#s-top #contents #main #primary .rakuten-Box dt {
	padding:10px 0;
}


#s-top #contents #main #primary .rakuten-Box dd {
	line-height:1.2;
}

#s-top #contents #main #primary .rakuten-Box ul.more{
	text-align:right;
	padding-bottom:3px;
}

#s-top #contents #main #primary .rakuten-Box ul.next-entry {
	border-top: #CCC dotted 1px;
	padding:7px 0 0;
}

#s-top #contents #main #primary .rakuten-Box ul.next-entry li{
	padding:0 0 3px 20px;
	background:url(../img/cmn/icon_arrow_s_or.jpg) no-repeat 0px 2px;
}



/*プライベートブランド　商品・売り場案内*/

#s-top #contents #main #secondary {
	width:200px;
	float:left;
	padding-bottom:10px;
	background:url(../img/top/bg_200f_btm.gif) no-repeat bottom;
}


#s-top #contents #main #secondary ul {
	width:200px;
	margin:0 auto;
	background:url(../img/top/bg_200f_mid.gif) repeat-y;
}

#s-top #contents #main #secondary ul li{
	padding-left:5px;
}

/*新規お取引先*/

#s-top #contents #main #secondary .partner-Box{
	margin-top:15px;
}

/*お知らせ*/

#s-top #contents #main #primary .info-Box{
	margin-top:13px;
}

#s-top #contents #main #primary .news-List-Box{
	padding:8px 5px 0;
}

#s-top #contents #main #primary .news-List-Box dt{
	float:left;
	clear:left;
	font-size:85%;
	padding-left:25px;
}

#s-top #contents #main #primary .news-List-Box dt{
	padding-top:3px;
	background:url(../img/cmn/icon_arrow_s_or.jpg) no-repeat 0px 2px;
}

#s-top #contents #main #primary .news-List-Box dd{
	padding-left:10em;
	border-bottom:1px dotted #999;
	padding-top:2px;
	padding-bottom:4px;
	margin-bottom:4px;
}


/*ショッピングセンター*/

#s-top #contents #main #primary .sc-Box {
	width:540px;
	margin:15px auto 0;
}

#s-top #contents #main #primary .sc-Box .sc-more {
padding:5px 7px 0 0;
text-align:right;
}

#s-top #contents #main #primary .sc-Box .sc-Box-L {
	float:left;
	width:267px;
	background:url(../img/top/bg_scf_btm.gif) no-repeat bottom;
}

#s-top #contents #main #primary .sc-Box .sc-Box-R {
	float:right;
	width:267px;
	padding-bottom:10px;
	background:url(../img/top/bg_scf_btm.gif) no-repeat bottom;
}

#s-top #contents #main #primary .sc-Box .sc-Box-L dl,
#s-top #contents #main #primary .sc-Box .sc-Box-R dl {
	padding:7px;
}

#s-top #contents #main #primary .sc-Box .sc-Box-L dl dt,
#s-top #contents #main #primary .sc-Box .sc-Box-R dl dt {
	float:left;
	display:block;
	padding:0 5px 0 0;
}

#s-top #contents #main #primary .sc-Box .sc-Box-L dl dd,
#s-top #contents #main #primary .sc-Box .sc-Box-R dl dd {
	font-size:85%;
	line-height:1.2;
	padding:0;
}


/*店舗情報・チラシバナー*/
#s-top #contents #main #primary ul.bn-shopinfo img{
	margin-top:7px;
}


/*新規出店・テナントバナー*/
#s-top #contents #main #primary .article-Box {
	width:100%;
	margin-top:7px;
}

#s-top #contents #main #primary .article-Box-L {
	float:left;
}

#s-top #contents #main #primary .article-Box-R {
	float:right;
}

#s-top #contents #sub dl.important-info {
	font-size:85%;
	zoom:1;
}

#s-top #contents #sub dl.important-info dd dl {
	width:184px;
	padding:7px;
	border-left:#F9D7CD solid 1px;
	border-right:#F9D7CD solid 1px;
	border-bottom:#F9D7CD solid 1px;
}

#s-top #contents #sub dl.important-info dt a {
	margin:0;
	padding:0;
}



/*----------------------------------------------------
	右カラム
----------------------------------------------------*/

/*店舗サイト トップ　マイストア*/

#s-top #contents #sub .myShopList {
	background:url(../img/top/bg_200f_y_mid.gif) repeat-y;
	padding:0;
	margin:0;
	font-size:85%;
}

#s-top #contents #sub .myShopList dl dt {
	background-color:#FAD8CE;
	width:160px;
	margin:0 auto;
	padding:3px 0 3px 10px;  
	font-weight:bold;  
	clear:both;
}

#s-top #contents #sub .myShopList dl dt span.delete-btn {
	text-align:right;
	padding:0 0 0 15px;
}


#s-top #contents #sub .myShopList dd.leaflet {
	width:5em;
	padding:5px 0 5px 20px;  
}

#s-top #contents #sub .myShopList dd.storeinfo {
	width:7em;
	padding:5px;  
}

#s-top #contents #sub .myShopList dd {
	float:left;
	padding:5px 5px 5px 20px;  
}

#s-top #contents #sub ul.myst-info {
	background:url(../img/top/bg_myst_btm.gif) no-repeat bottom;
	padding:5px 0 8px;
	margin-bottom:5px;
	zoom:1;
	font-size:1%;
}

#s-top #contents #sub ul.myst-info  li {
	padding:2px 20px 0;
}


#s-top #contents #sub .myShopList .myst-default {
	background-color:#FAD8CE;
	width:150px;
	margin:2px auto 10px;
	padding:10px 10px;  
}

#s-top #contents #sub .myShopList .myst-default .myst-about {
	background:url(../img/cmn/icon_arrow_ss_or.gif) no-repeat 0 0;
	margin-left:0;
	padding:0 0 0 14px;
}


/*マイストアここまで*/


/*CM*/

#s-top #contents #sub div.cm-Box {
	background:url(../img/top/bg_200f_y_btm.gif) no-repeat bottom;
	padding-bottom:10px;
	margin-bottom:7px;
	font-size:85%;
}

#s-top #contents #sub div.cm-Box dl.cm-Box-inner {
	background:url(../img/top/bg_200f_y_mid.gif) repeat-y;
}

#s-top #contents #sub div.cm-Box dl.cm-Box-inner dt {
	display:block;
	width:157px;
	margin:0 auto;
	padding:7px 0;
}

#s-top #contents #sub div.cm-Box dl.cm-Box-inner dd {
	margin-left:20px;
	padding-left:20px;
	background:url(../img/cmn/icon_arrow_s_or.jpg) no-repeat;
}




#s-top #contents #main #secondary {
	width:200px;
	float:left;
	padding-bottom:10px;
	background:url(../img/top/bg_200f_btm.gif) no-repeat bottom;
}


#s-top #contents #main #secondary ul {
	width:200px;
	margin:0 auto;
	background:url(../img/top/bg_200f_mid.gif) repeat-y;
}