/*------------------------------------------------------------
●全体設定
------------------------------------------------------------*/

body{
	overflow: hidden;
	overflow-x: hidden;
	overflow-y: hidden;
margin: 0;
font-family: "ＭＳ Ｐゴシック","平成角ゴシック",sans-serif;
}

/*◇◇◇ランキング外枠全体◇◇◇*/
.r3-wrap{
margin: 0px;
width: 198px; /*●サイズ調整１*//*全体幅を指定*/
border: 1px solid #999 ;/* 全体外枠線（線幅｜線種（点線dotted、破線dashed）｜線色）*/
background-color:#FFF;
}

/*外枠全体の幅は「widthの幅＋borderの線幅（左右分）」です。*/
/*外枠線を太くした場合はその分を全体幅から差し引きして調整。*/


/*◇◇◇上部タイトル設定◇◇◇*/
.r3-title{
	font-size: 11pt;/*文字サイズ*/
	font-weight: bold; /* bold → normalで標準 */
	color: #fff;/* タイトル部分の文字色 */
	text-align: left;/* 左寄left 右寄right 中央center */
	padding: 5px;/*タイトル文字周りの余白設定*/
	margin: 0px;
	border-bottom: 1px solid #999;/* 枠線（線幅｜線種（点線dotted、破線dashed）｜線色）*/
	background-color: #BF0000;/* タイトル部分の背景色 */
	background-image: url(img/slash.png);
}

.r3-title-data{/* 更新日の文字設定 */
font-size: 9pt;/*文字サイズ*/
font-weight: normal; /* normal → boldで太字 */
color: #333333;/*文字色*/
}


/*◇◇◇アイテムボックス設定◇◇◇*/

.r3-item-box{
position: relative;
margin: 3px;/* 外枠までの余白 */
padding: 0 0 0 0;/* 内側の余白（上 右 下 左の順に余白を設定） */
border: px solid #F50000 ;/* 商品ボックスに枠線（線幅｜線種｜線色） */
background-color: #ffffff;/* 商品ボックス内塗り潰し色 */
}


/*◇◇◇順位画像サイズ設定◇◇◇*/

.im-ranking-pict{
width: 170px;/*横幅でサイズを指定*/
}

/*順位画像のポジション調整*/

.im-ranking-pict-position{
text-align: center;/* 左寄left 右寄right 中央center */
padding: 5px 0px;/* 余白 */
}


/*◇◇◇順位変動矢印◇◇◇*/

.r3-ranking-arrow{
width: 17px;/* 横幅を指定してサイズ調整 */
}

/*上下矢印のポジション調整*/
.r3-arrow-pisition{
position:absolute; top:8px; left:5px
}

/*◇◇◇商品画像の設定◇◇◇*/

.r3-item-pict{
width: 155px;/*●サイズ調整３*//* 大きさを横幅で指定 */
border: 1px solid #ededed;/*商品画像の縁取り線*/
}


/*商品画像のポジション調整*/
.r3-item-pisition{
text-align: center;/* 左寄left 右寄right 中央center */
margin: 0px;/* 余白を設定 */
}


/*◇◇◇商品名の設定◇◇◇*/
.r3-item-name1{
font-size: 9pt; /* 商品名の文字サイズ */
font-weight: normal; /* normal → bold で太字 */
text-align: left; /* left（左寄せ）center（中央）right（右寄せ） */
line-height: 1.1em; /* 商品名の行間 */
padding: 5px 5px 5px 8px ; /* 商品名の周りの余白 */
margin: 0px;
}

a{ text-decoration: none; } /* none → underlineで下線有り */
a:link{color: #555; } /* 商品名のフォント色 */
a:visited{ color: #555; } /* クルック済みの色 */


.r3-item-name1 a:hover{
color: #16ABFF; /* マウスを当てた時の色 */
text-decoration: ; /* マウスオンで下線underline、下線なし none */
background-color: #FFFF99;
}

/*商品名の文字数は「にぎわいランキングR3＞テンプレート＞書式設定」で指定できます。*/



/*◇◇◇販売価格の設定◇◇◇*/

.r3-price{
font-size: 11pt; /* 販売価格の文字サイズ */
font-weight: bold; /* bold → normalで標準 */
color: #FF8000; /* 価格の色（#で始まる6桁のカラーコードを入力） */
text-align: left; /* 左寄 left 中央 center 右寄 right */
padding: 0 6px 5px 8px; /* 販売価格の周りの余白 */
margin: 0px;
}


.r3-zei{
font-size: 8pt; /* 販売価格の文字サイズ */
font-weight: normal; /* bold → normalで標準 */
color: #FF8000; /* 価格の色（#で始まる6桁のカラーコードを入力） */
}


/*◇◇◇マウスオーバーで画像を白色化◇◇◇*/

/*マウスをリンク付き画像に乗せると色が薄くなります。*/
/*効果を「なし」にしたい場合は下記を削除してください。*/


a:hover img{
filter: alpha(opacity=70);
-moz-opacity:0.70;
opacity:0.70;
}

/* Easy Slider */

#slider ul, #slider li{
margin:0;
padding:0;
list-style:none;
}
#slider li{
	/* スライドするエリアのサイズ */
	width: 198px;
	height: 240px;
	overflow: hidden;
}

#prevBtn, #nextBtn,
#slider1next, #slider1prev{ 
display:block;
position:absolute;
left:-1000px; /* 非表示 */
}