﻿/* 基本設定ココカラ --------------------------------------------------------- */
*{
	margin:0px;
	padding:0px;
}


/* おしらせ文ココカラ20160418 --------------------------------------------------------- */
.notice {
	width: 1080px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: small;
	font-weight: bold;
	color: #009;
	text-align: center;
	border: thin solid #009;
	margin:5px 0px 5px 0px
}

.notice a:link {
	text-decoration: none;
	color: #49443a;
}

.notice a:visited {
	color: #49443a;
}
.notice a:hover {
	text-decoration: none;
	color: #0281c1;
}


/* リンク画像にマウスオンしたときの画像の透過性の設定ココカラ --------------------------------------------------------- */
a:hover img
{
opacity: 0.7; /*SafariOpera*/
filter: alpha(opacity=70); /*ie*/
-ms-filter: "alpha( opacity=70 )"; /*Firefox*/
}



/* 縦クーポン用バナーを貼るための設定ココカラ20160427 --------------------------------------------------------- */
/* right fixd */
* html body {background: url(null) fixed;}

* html div#rc_rightArea{
	position:absolute !important;
	top: expression((documentElement.scrollTop || document.body.scrollTop) + 100 + 'px');
	left: expression((documentElement.scrollLeft || document.body.scrollLeft) + document.body.clientWidth - 100 + 'px');/*画像の横幅数値*/
}

div#rc_rightArea{
	position: fixed;
	top: 150px;
	right: 0px;
	text-indent:-9993px;
	display:block;
}

div#rc_rightArea2{
	position: fixed;
	top: 580px;
	right: 0px;
	text-indent:-9993px;
	display:block;
}



div#rc_rightArea .rc_right {
	outline:none;
	display: block;
	position: relative;
	width:100px;
	height:387px;
	left:0px;
	z-index:9998px;
}

div#rc_rightArea2 .rc_right2  {
	outline:none;
	display: block;
	position: relative;
	width:100px;
	height:300px;
	left:0px;
	z-index:9998px;
}

div#rc_rightArea .rc_right{
	background: url("") no-repeat scroll 0 0 transparent;  
}

div#rc_rightArea2 .rc_right2{
	background: url("") no-repeat scroll 0 0 transparent;  
}



div#rc_rightArea .rc_right:hover ,
div#rc_rightArea2 .rc_right2:hover  {
	background-position:0px 0px; width:100px;
}


/* 縦バナーを貼るための設定ココカラ ---------------------------------------------------------縦バナー1つにしたい場合は,url()とleft,を削除する */
/* body{
	background-image: url("#"),url("#");
	background-repeat: repeat-y;
	background-attachment: scroll;
	background-position: left, right;
}



/* サイト内検索のフォームの設定ココカラ --------------------------------------------------------- */
div#saerch_area {
	height: 40px;
	width: 1080px;
	text-align: left;
	border: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	
}
div#saerch_area table {
	width: 1080px;
}
.txtbox {
	color:#5d5d5d;
	background-color: #ffffff;
	border: 5px solid #ffc119;
	border-radius:15px;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
	padding-left:50px;
	width: 590px;
	height: 40px;
	background: url("http://www.rakuten.ne.jp/gold/wwpc/renew_img/searchimg.png") no-repeat 5px -5px;
}



/* メガドロップダウンメニューの設定ココカラ --------------------------------------------------------- */
#container {
	width: 1080px;
	margin: 0px;
}
#menu {
	list-style:none;
	width:1080px;
	margin:0px 0px 10px 0px;
	height:90px;
	padding:0px 0px 0px 0px;
}
#menu li {
	float:left;
	display:block;
	text-align:center;
	position:relative;
	padding: 0px 0px 0px 0px;
	margin-right:0px;
	margin-top:0px;
	border:none;
}
#menu li:hover {
	padding: 0px 0px 0px 0px;
}
#menu li a {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:12px;
	color: #EEEEEE;
	display:block;
	outline:0;
	text-decoration:none;
}
#menu li:hover a {
	color:#161616;
}
.dropdown_1column, 
.dropdown_2columns, 
.dropdown_3columns, 
.dropdown_4columns,
.dropdown_5columns {
	margin:0px;
	float:left;
	position:absolute;
	left:-999em; /* Hides the drop down */
	text-align:left;
	padding:10px 5px 10px 5px;
	border-style:solid;
	border-width:1px;
	border-color:#777777;
	/* Gradient background */
	background:#FFFFFF;
}
.dropdown_1column {width: 140px;}
.dropdown_2columns {width: 280px;}
.dropdown_3columns {width: 550px;}
.dropdown_4columns {width: 550px;}
.dropdown_5columns {width: 700px;}
#menu li:hover .dropdown_1column, 
#menu li:hover .dropdown_2columns, 
#menu li:hover .dropdown_3columns,
#menu li:hover .dropdown_4columns,
#menu li:hover .dropdown_5columns {
	left:-1px;
	top:auto;
}
.col_1,
.col_2,
.col_3,
.col_4,
.col_5 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 5px;
	margin-right: 5px;
}
.col_1 {width:170px;}
.col_2 {width:270px;}
.col_3 {width:530px;}
.col_4 {width:530px;}
.col_5 {width:690px;}
#menu .menu_right {
	float:right;
	margin-right:0px;
}
#menu li:hover .align_right {
	left:auto;
	right:-1px;
	top:auto;
}
#menu p, #menu h2, #menu h3, #menu ul li {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:12px;
	line-height:21px;
	text-align:left;
}
#menu h2 {
	text-align:center;
	color:#003399;
	font-size:14px;
	margin:7px 0 7px 0;
	padding-bottom:12px;
	border-bottom:1px solid #888888;
	letter-spacing:10px;
}
#menu h3 {
	font-size:13px;
	margin:7px 0 7px 0;
	padding-bottom:7px;
	color:#31AD2E;
}
#menu p {
	line-height:18px;
	margin:0 0 10px 0;
}

#menu li:hover div a {
	font-size:12px;
	color:#49443a;
}
#menu li:hover div a:hover {
	color:0281c1;
	text-decoration:none;
}
#menu li ul {
	list-style:none;
	padding:0;
	margin:0 0 12px 0;
}
#menu li ul li {
	font-size:12px;
	line-height:24px;
	position:relative;
	padding:0;
	margin:0;
	float:none;
	text-align:left;
	width:150px;

}
#menu li ul li:hover {
	background:none;
	border:none;
	padding:0;
	margin:0;
}


/* スライダー（大）の設定ココカラ --------------------------------------------------------- */
#slider {
	float: left;
	position: relative;
	overflow: auto;
	width: 700px;
	height: 289px;
}
#slider ul {
	position: absolute;
	list-style: none;
	top: 0;
	width: 700px;
}
#slider li {
	float: left; 
	width: 700px
}
.pagination {
	float: left;
	list-style: none;
	height: 70px;
	margin: 0 0 0 0;
}
.pagination li {
	float: left;
	cursor: pointer;
	margin: 0 2 0 0;
	text-align: center;
	color: #ffffff;
	width: 116px;
	padding: 0 0 0 0;
}
.pagination li:hover {
	background-color: #3498db;
}
li.current {
	background-color: #ff0000;
}
#box {
	width: 700px;
}


/* 新着情報の設定ココカラ --------------------------------------------------------- */

.whatsnew {
	margin:0 0px 0 0px;
	overflow-x: hidden;
	overflow-y: scroll;
	width: 380px;
	height:291px;
	vertical-align:bottom;

	
}
.whatsnew tr{

	margin:0 0 10px 0;
	padding:0 0 10px 0;
	background-repeat:repeat-x;
	background-position:center bottom;
	background-image:url(line_horizon.gif);
}

.top {
	vertical-align: top;
}
.lefttd {
	padding-top:15px;
	width: 54px;
	text-align: left;
	vertical-align: top
}
.righttd {
	padding: 15px 26px 12px 0px;
	width: 326px;
	text-align: justify;
	vertical-align: top;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	line-height:18px;
	
}
.righttd a:link {
	text-decoration: none;
	color: #49443a;
}
.righttd a:visited {
	color: #49443a;
}
.righttd a:hover {
	text-decoration: none;
	color: #0281c1;
}



/* スライダー（小）の設定ココカラ --------------------------------------------------------- */
td#index div#brandArea{
  width:860px;
  height:170px;
  margin:0 auto;
  margin-top:0px;
  margin-bottom:0px;
  padding-top:0px;
  overflow:hidden;
  z-index:1;	
  position:relative;
}
body#index div#brandArea img{
  cursor:pointer;
}
div#ScrollArea{
  width:860px;
  min-height:170px;
  z-index:2;
  position:relative;
  left:-220px;
}
div#ScrollArea li{
  float:left;
  position:relative;	
  padding:0px 0px 0px 0px;
  text-align:center;
  list-style:none;
}
#Leftbtn{
	width:30px;
	height:170px;
	overflow:hidden;
	z-index:4;
	background-image: url(left.png);
	background-repeat:no-repeat;
	cursor:pointer;	
	position:absolute;
	top:0px;
	left:-2px;
}
#Rightbtn{
	width:30px;
	height:170px;
	overflow:hidden;
	z-index:3;
	background-image: url(right.png);
	background-repeat:no-repeat;
	cursor:pointer;
	position:absolute;
	top:0px;
	right:-2px;
}


/* フッターのブランド一覧の設定ココカラ --------------------------------------------------------- */
.brand{
	width:172px;
	height:65px;
	text-align:center;
	vertical-align:middle;
}


/* ランキングの設定ココカラ --------------------------------------------------------- */
.rank_title{
	padding: 0px 0px 5px 0px;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #3399cc;
}
.rank{
	padding: 0px 0px 5px 0px;
	text-align: center;
	font-size: 10px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #31AD2E
}

/* 買い物カゴボタンの設定ココカラ --------------------------------------------------------- */
#rakutenLimitedId_aroundCart input {
  width: 225px;
  height: 70px;
  background:url(http://image.rakuten.co.jp/wwpc/cabinet/01105671/imgrc0068207667.gif) #fcfcfc no-repeat;
  overflow: hidden;
  border-width: 0px;
  cursor: pointer !important;
  text-indent: 150%;
  white-space: nowrap;
  margin: 5px 0 0 0;
}


/* 個数入力部分の設定ココカラ --------------------------------------------------------- */
#rakutenLimitedId_aroundCart input#units {
  border:solid #ccc 1px;
  background: #fff!important;
  width: 45px;
  height:　45px;
  cursor:　auto;
  padding:　7px 7px 7px 3px;
  text-indent: 0px;
  overflow: hidden;
}


/* お問い合わせボタンの設定ココカラ --------------------------------------------------------- */
#rakutenLimitedId_aroundCart font input {
  width: 320px;
  height: 45px;
  background:　url(http://image.rakuten.co.jp/wwpc/cabinet/01105671/imgrc0068207662.gif) #fcfcfc no-repeat;
  overflow: hidden;
  border-width: 0px;
  cursor: pointer;
  display: block;
  text-indent: 150%;
}
.adstyle {
	width:300px;
	margin:3px;
	float:left;
}


/* 左サイド設定ココカラ --------------------------------------------------------- */
a:link {
	text-decoration:none;
	color:#49443a;
}
a:visited {
	text-decoration:none;
	color:#49443a;
}
a:active {
	text-decoration:none;
	color:#6a6a6a;
}
h3 a:hover {
	text-decoration:none;
	color:#C1E0EF;
}
.dog_inner a:hover {
	text-decoration:none;
	color:#fde100;
}
.cat_inner a:hover {
	text-decoration:none;
	color:#FFC3BE;
}
.both_inner a:hover {
	text-decoration:none;
	color:#54c0c0;
}
#navi_syugo h1,h2,h3,h4,h5,ul,li,p,a {
	margin:0px;
	padding:0px;
	list-style:none;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo, Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
#navi_syugo {
	width: 210px;
	margin-top: 10px;
}
#navi_syugo h2 a img {
	margin-bottom: 10px;
	width: 210px;
}
#navi_syugo h3 {
	text-align:center;
	font-size: 13px;
	font-weight: bold;
	color: #3399cc;
	padding: 6px;
	border: 1px solid #3399cc;
	margin-top:2px;
	margin-bottom: 2px;
}
#navi_syugo h4 {
	text-align:center;
	color: #FFFFFF;
	background-color: #3399cc;
	padding: 6px;
	font-size: 14px;
}
.dog  {
	font-size: 13px;
	color: #e76b20;
	font-weight: bold;
	padding: 5px 3px 3px 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #e76b20;
}
.dog_inner {
	padding-top: 5px;
	padding-bottom: 5px;
}
.dog_inner li    {
	font-size: 13px;
	background-image: url(http://image.rakuten.co.jp/wwpc/cabinet/oushin/imgrc0068389486.gif);
	background-position: 5px center;
	background-repeat: no-repeat;
	padding-left: 20px;
	padding-top: 1px;
	padding-bottom: 1px;
}
.cat  {
	font-size: 13px;
	color: #c05d54;
	font-weight: bold;
	padding: 5px 3px 3px 5px;
	border-bottom: 1px dotted #c05d54;
}
.cat_inner {
	margin-top: 5px;
	margin-bottom: 5px;
}
.cat_inner li  {
	background-image: url(http://image.rakuten.co.jp/wwpc/cabinet/oushin/imgrc0068389487.gif);
	background-position: 5px center;
	background-repeat: no-repeat;
	padding-left: 20px;
	font-size: 13px;
	padding-top: 1px;
	padding-bottom: 1px;
}
.both  {
	font-size: 13px;
	color: #54c0c0;
	font-weight: bold;
	padding: 5px 3px 3px 5px;
	border-bottom: 1px dotted #54c0c0;
}
.both_inner {
	margin-top: 5px;
	margin-bottom: 5px;
}
.both_inner li  {
	background-image: url(http://image.rakuten.co.jp/wwpc/cabinet/rmail/imgrc0068736718.gif);
	background-position: 5px center;
	background-repeat: no-repeat;
	padding-left: 20px;
	font-size: 13px;
	padding-top: 1px;
	padding-bottom: 1px;
}


/* サジェスト検索設定ココカラ --------------------------------------------------------- */
.ticker {
	font-size:12px;
	margin: 0px;
	padding: 5px 0 5px 0;
	width: 1080px;
	height: 22px;
	text-align: left;
	border: 0px;
	position: relative;
	overflow: hidden;
}
.ticker ul {
	width: 100%;
	position: relative;
}
.ticker ul li {
	width: 100%;
	display: none;
}
.ticker a:hover {
	text-decoration:underline;
}

