/* CSS Document */
/* CSS Document */

/* CSS Document */

/* --- ご利用ガイドリスト--- */

.guide .cl {
margin: 0px 0 15px 0;
padding: 0;
border-top: 5px #7fff00 solid; /* 最上部の枠線 */
border-left: 5px #7fff00 solid; /* 最上部の枠線 */
border-right: 5px #7fff00 solid; /* 最上部の枠線 */
border-bottom: 10px #7fff00 solid; /* 最上部の枠線 */
list-style-type: none;
text-align: left;
width:170px;
}

.guide .cl li {
background-color: #ffffff;
border-bottom: 1px #ECECEC solid;

}

.guide .cl li a {
display: block;
position: relative; /* IE6用 */
padding: 3px 10px; /* リンクエリアのパディング（上下、左右） */

}
html*.guide .cl li a {
display: block;
position: relative; /* IE6用 */
padding: 3px 10px; /* リンクエリアのパディング（上下、左右） */

}



/* --- カテゴリーリスト--- */
.m_catlist{
   float:left;
   margin:0px 3px 0px 4px;
   padding:0px;
      background-color:#DED7C6;

}
html*.m_catlist{
   float:left;
   margin:0px 2px 0px 3px;
   padding:0px;
   background-color:#DED7C6;
}

.m_catlist .cl {
margin: 5px 0 15px 0;
padding: 0;
border-top: 10px #DED7C6 solid; /* 最上部の枠線 */
border-left: 5px #DED7C6 solid; /* 最上部の枠線 */
border-right: 5px #DED7C6 solid; /* 最上部の枠線 */
border-bottom: 5px #DED7C6 solid; /* 最上部の枠線 */
list-style-type: none;
text-align: left;
width:170px;
}

/* --- メニュー項目 --- */
.m_catlist .cl li {
background-color: #ffffff; /* 項目の背景色 */
border-bottom: 1px #ECECEC solid;
 /* 項目の下枠線 */
}


.sc{
  background-image: url(http://www.rakuten.ne.jp/gold/sankyo/files/sidenavi/img/maru.gif);
background-position: 6px center;
background-repeat: no-repeat;
list-style-position: inside;
padding-left: 10px;
}

.sc-sita{
  background-image: url(http://www.rakuten.ne.jp/gold/sankyo/files/sidenavi/img/maru2.gif);
background-position: 6px center;
background-repeat: no-repeat;
list-style-position: inside;
padding-left: 10px;
}



/* --- リンク --- */
.m_catlist .cl li a {
display: block;
position: relative; /* IE6用 */
padding: 3px 10px; /* リンクエリアのパディング（上下、左右） */
 /* テキストの下線（なし） */
}
html*.m_catlist .cl li a {
display: block;
position: relative; /* IE6用 */
padding: 3px 0px; /* リンクエリアのパディング（上下、左右） */
 /* テキストの下線（なし） */
}
#mmcat{
background-color:#DED7C6;
width:750px;
height:500px;
}

 /* 特集 */
#mtokusyu{
margin:15px 0px 10px 0px;
padding:0px;
}
#mtokusyu p{
margin:0px;
padding:0em 0.5em 0em 0.5em;
}

#mtokusyu ul{
margin:5px 0px 15px 0px;
padding:0px;
}
#mtokusyu li{
margin:0px 5px 0px 2px;
padding:0px;
float:left;
width:243px;
}
html*#mtokusyu li{
margin:0px 4px 0px 2px;
padding:0px;
float:left;
width:243px;
}

 /* オススメ商品 */
#mshouhin{
margin:0px 0px 20px 0px;
padding:0px;
}
#mshouhin p{
margin:0px;
padding:0em 0.5em 0em 0.5em;
}

#mshouhin ul{
margin:5px 0px 2px 0px;
padding:0px;
}
#mshouhin li{
margin:0px 5px 0px 2px;
padding:0px;
float:left;
width:180px;
}
html*#mshouhin li{
margin:0px 4px 0px 2px;
padding:0px;
float:left;
width:180px;
}
 /* オススメ商品 ５列 */
#box5{
margin:0px 0px 20px 0px;
padding:0px;
}
#box5 p{
margin:0px;
padding:0em 0.5em 0em 0.5em;
}

#box5 ul{
margin:5px 0px 2px 0px;
padding:0px;
}
#box5 li{
margin:0px 5px 0px 2px;
padding:0px;
float:left;
width:140px;
}
html*#box5 li{
margin:0px 4px 0px 2px;
padding:0px;
float:left;
width:140px;
}
 /* オススメ商品 ５列 */
.mtext{
margin:0px;
padding:0px;

}
#topitem{
  margin:0px;
  padding:0px;
  width:950px;
}

.topL{
  margin:0px;
  padding:0px;
  float:left;
}
.topR{
  margin:0px;
  padding:0px;
  width:180px;
  float:right;
}
.mtcat{
  width:560px;
  margin:5px 0px 0px 0px;
  padding:0px;
}
.mtcatL{
  margin:0px 0px 0px 0px;
  padding:0px;
  float:left;
  width:275px;
}
.mtcatR{
  margin:0px 0px 0px 0px;
  padding:0px;
  float:right;
  width:275px;
}
.text{
   margin:0px 0px 10px 0px;
   padding:0px;
}
#maintop{
  width:750px;
  margin:10px 0px 0px 0px;
  padding:0px;
}
#news{
  width:560px;
  margin:0px;
  padding:0px;
  float:left;
}   
.news{
  width:560px;
  margin:0px;
  padding:0px;
  float:left;
}   
.guide{
  width:180px;
  margin:0px;
  padding:0px;
  float:right;
}
.mranking{
  background-color:#FFFFFF;
}
#m_middle{
  margin:10px 0px 0px 0px;
  padding:0px;
} 
html#m_middle{
  margin:0px;
  padding:0px;
}
.muresuji{
   margin:0px;
   padding:0px;
   background-image:url(http://www.rakuten.ne.jp/gold/sankyo/files/index/uresuji-back.gif);
   width:560px;
}
.uresuji{
   margin:0px;
   padding:70px 0px 15px 10px; 
}
#msale{
  margin:0px 0px 15px 0px;
  padding:15px 0px 15px 0px;
  width:750px;
  border-top:2px solid #a9a9a9;
}
.longhit{
  margin:0px;
  padding:0px;
  float:left;
}
.longhit ul{
  margin:0 auto;
  padding:0px;
}

.longhit li{
  margin:5px 0px 15px 15px;
  padding:0px;
  width:146px;
}
.longhittext{
  margin:0px;
  padding:0px;
}
.muresuji{
  margin:0px;
  padding:0px;
  float:right;
}
.catkanban{
   margin:15px 0px 0px 0px;
   padding:0px;
}
 /* シーン・キーワードで選ぶ */
#mkey{
margin:0px 0px 20px 0px;
padding:0px;
background-color:#DED7C6;
height:485px;
}
html*#mkey{
margin:0px 0px 20px 0px;
padding:0px;
background-color:#DED7C6;
height:485px;
}

#mkey p{
margin:0px;
padding:0em 0.5em 0em 0.5em;
}

#mkey ul{
margin:5px 0px 0px 0px;
padding:0px;
}

#mkey li{
margin:3px 3px 0px 6px;
padding:8px;
float:left;
width:223px;
background-color:#FFFFFF;
}
html*#mkey li{
margin:3px 3px 0px 5px;
padding:8px;
float:left;
width:223px;
background-color:#FFFFFF;
}
.mkeytl{
  font-weight:bold;
}
.mkeytext{
  font-size:10px;
  color:#666666;
}
.rev{
background-image:url(http://www.rakuten.ne.jp/gold/sankyo/files/index/review_item-back.gif);
height:315px;
}
.revtext{
  padding:0.5em 0.5em 0.5em 0.8em;
}
html*.revtext{
  padding:0.5em 0.5em 0.5em 0.8em;
}
.evntkanban{
   margin-top:10px;
}
.ranking{
   margin:0px;
}
#pickup ul{
  margin:0px 0px 15px 0px;
  padding:0px;
}
#pickup li{
  margin:0px 8px 0px 8px;
  padding:0px;
  float:left;
}
html*#pickup ul{
  margin:0px 0px 15px 0px;
  padding:0px;
}
html*#pickup li{
  margin:0px 5px 0px 5px;
  padding:0px;
  float:left;
}
.eventL{
  margin:0px;
  float:left;
}
.eventR{
  margin:0px;
  float:right;
}
#event{
   margin:8px 0px 0px 0px;
   width:750px;
}

hr {
   border-style:dotted;
   color:#999999;
   
}
#maincat ul{
    margin:0px 0px 0px 0px;
	padding:0px;
}
#maincat li{
    margin:0px 3px 15px 2px;
	padding:0px;
	float:left;
	width:245px;
}
html*#maincat li{
    margin:0px 2px 15px 2px;
	padding:0px;
	float:left;
	width:245px;
}
#maincat .text{
    margin:0px;
	padding:0px;
} 
#maincat p{
   margin:0px 0px 5px 0px;
   padding:0px;
}


