/* CSS Document */


/* ========================================

サイドナビ

=========================================== */

/* myRakuten */

body {
	font-size: 12px;
}

div#myRakuten {
	margin-bottom: 10px;
	color: #444444;
}
div#myRakuten ul {
	list-style: none outside;
}
div#myRakuten div.inner {
	padding: 2px;
	border-width: 0 1px 1px;
	border-style: solid;
	border-color: #BBBBBB;
	background: #F8F8F8;
}
div#myRakuten em,
div#personalize p#memberRank a,
div#personalize div#pointInfo p#pointAll span {
	font-weight: bold;
	font-style: normal;
}
div#myRakuten p#welcome {
	margin: 0 0 10px;
	padding: 10px 5px 0;
	text-align: center;
}
div#myRakuten p#welcome em a {
	color: #444444;
}
div#myRakuten p#welcome span {
	font-size: 82%;
	margin-top: 4px;
	display: block;
}
div#myRakuten.logout dl#welcome {
	margin: 5px;
	font-size: 12px;
}
div#myRakuten.logout dl#welcome dt {
	margin-bottom: 8px;
	font-weight: bold;
}
div#myRakuten.logout dl#welcome dd {
	margin: 0 5px 10px 10px;
}
div#myRakuten.logout p#welcome span {
	margin-top: 7px;
}
div#myRakuten.logout div.more {
	margin: 0 8px 10px 0;
	text-align:right;
}
div#myRakuten div#myPageBox {
}
div#myRakuten div#myPageBox a img {
	border-style:none;
}
div#myRakuten div#myPageBox dl {
	margin: 0 7px;
	padding: 0;
}
div#myRakuten div#myPageBox dt {
	margin-bottom: 4px;
	padding-left: 15px;
	background: url(../rank/icon_mypage.gif) no-repeat 0 50%;
	font-weight: bold;
	text-align: left;
}
div#myRakuten div#myPageBox dd {
	margin: 0;
	padding: 8px 18px;
}
div#myRakuten div#myPageBox dd ul {
	margin: 0;
	padding: 0;
}
div#myRakuten div#myPageBox dd li {
	padding-left: 10px;
	background: url(../rank/icon_dot.gif) no-repeat 0 7px;
}

div#personalize {
	border: 1px solid;
	padding: 5px 10px;
	zoom: 1;
}
div#myRakuten.premium div#personalize {
	background: #f0faff url(../rank/bg_premium.gif) repeat-x;
	border-color: #98CEE6;
}
div#myRakuten.gold div#personalize {
	background: #fffde0 url(../rank/bg_gold.gif) repeat-x;
	border-color: #cc9900;
}
div#myRakuten.silver div#personalize {
	background: #f0f0f0 url(../rank/bg_silver.gif) repeat-x;
	border-color: #999999;
}
div#myRakuten.regular div#personalize,
div#myRakuten.logout div#personalize {
	background: #ffffff;
	border-color: #bbbbbb;
}
div#personalize img {
	vertical-align: middle;
}
div#personalize p {
	margin: 0;
	padding: 0;
}
div#personalize p#pointClub a {
	margin-right: 5px;
	color: #bf0000;
}
div#personalize p#pointClub a img {
	border: none;
}
div#myRakuten p#memberRank {
	margin: 6px 0;
	text-align: center;
}
div#myRakuten.premium p#memberRank a {
	color: #0099cc;
}
div#myRakuten.gold p#memberRank a {
	color: #996600;
}
div#myRakuten.silver p#memberRank a {
	color: #565656;
}
div#myRakuten.regular p#memberRank a {
	color: #000000;
}
div#personalize div#pointInfo {
	margin-bottom: 5px;
	text-align: left;
}
div#personalize div#pointInfo p#pointAll {
	margin-bottom: 3px;
}
div#personalize div#pointInfo p.limit,
div#personalize div#pointInfo p.cashOnly {
	background: url(http://jp.rakuten-static.com/1/bu/myraku/im/bg_pointinfo.gif) no-repeat 5px 0; 	
	padding: 3px 2px 0 19px;
	border-left: none;
}
div#personalize div#pointInfo p.cash {
	padding-left: 5px;
}
div#personalize div#pointInfo p.limit,
div#personalize div#pointInfo p.cash,
div#personalize div#pointInfo p.cashOnly {
	display: inline;
	padding-left: 12px;
	background: url(../rank/icon_L.gif) no-repeat;
 	font-size: 82%;
	letter-spacing: -0.07em;
}
div#myRakuten p.limit em,
div#personalize p#pointAll em {
	color: #bf0000;
}
div#myRakuten p.cash em,
div#myRakuten p.cashOnly em {
	color: #0f218b;
}
div#personalize ul#campaign {
	padding: 6px 0 0;
	margin: 6px 0 2px 0;	
}
div#personalize ul#campaign li {
	padding-left: 10px;
	background: url(../rank/icon_dot.gif) no-repeat 0 7px;
}
div#myRakuten.premium ul#campaign {
	background: url(http://jp.rakuten-static.com/1/bu/myraku/im/line_premium.gif) repeat-x 0 0;
}
div#myRakuten.gold ul#campaign {
	background: url(http://jp.rakuten-static.com/1/bu/myraku/im/line_gold.gif) repeat-x 0 0;
}
div#myRakuten.silver ul#campaign {
	background: url(http://jp.rakuten-static.com/1/bu/myraku/im/line_silver.gif) repeat-x 0 0;
}
div#myRakuten.regular ul#campaign,
div#myRakuten.logout ul#campaign {
	background: url(http://jp.rakuten-static.com/1/bu/myraku/im/line_normal.gif) repeat-x 0 0;
}


/* バナー */
div.bnr {
	margin-bottom: 10px;
	text-align: center;
}
div.bnr img {
	border: none;
}
div.bnr ul {
	list-style: none outside;
}
div.bnr li {
	margin-bottom: 5px;
}



/* お知らせ・メルマが登録・ヘルプ・出展のご相談　共通パーツ */
div#sideBoxInformation,
div#sideBoxMailmagazine,
div#sideBoxHelp,
div#sideBoxConsult,
div#sideBoxFunction {
	margin-bottom: 10px;
	color: #444444;
}
div#sideBoxShopInformation{
    margin-bottom: 10px;
    color: #444444;
    width: 190px;
}
div#sideBoxInformation div.inner,
div#sideBoxShopInformation div.inner,
div#sideBoxMailmagazine div.inner,
div#sideBoxHelp div.inner,
div#sideBoxConsult div.inner,
div#sideBoxFunction div.inner {
	padding: 10px;
	border-width: 0 1px 1px;
	border-style: solid;
	border-color: #BBBBBB;
	background: #F8F8F8;
}
div#sideBoxInformation div.more,
div#sideBoxShopInformation div.more,
div#sideBoxMailmagazine div.more,
div#sideBoxHelp div.more,
div#sideBoxConsult div.more,
div#sideBoxFunction div.more {
	text-align: right;
}
div#sideBoxInformation p,
div#sideBoxShopInformation p,
div#sideBoxMailmagazine p,
div#sideBoxHelp p,
div#sideBoxConsult p,
div#sideBoxFunction p {
	margin: 0 0 0.5em;
}
div#sideBoxInformation ul,
div#sideBoxShopInformation ul,
div#sideBoxMailmagazine ul,
div#sideBoxHelp ul,
div#sideBoxConsult ul,
div#sideBoxFunction ul {
	list-style: none outside;
}


/* ヘルプ */
div#sideBoxHelp ul {
	margin-bottom: 5px;
}
div#sideBoxHelp li {
	margin: 2px 0;
	padding-left: 18px;
	background: url(http://netsuper.rakuten.co.jp/imgs/right-navi/icn-02.gif) no-repeat;
}
div#sideBoxHelp ul ul {
	margin: 0;
}
div#sideBoxHelp li li {
	padding-left: 10px;
	background: url(../rank/icon_dot.gif) no-repeat 2px 10px;
}

/* 便利な機能 */
div#sideBoxFunction dl {
	margin-bottom: 10px;
	padding-left: 18px;
	background: url(http://netsuper.rakuten.co.jp/imgs/right-navi/icn-01.gif) no-repeat;
	font-size: 12px;
}
div#sideBoxFunction dt {
	margin-bottom: 5px;
}



/* ========================================

ログアウト

=========================================== */

div#logout {
	width: 700px;
	margin: 70px auto;
	font-size: 82%;
}
div#logout a {
	color: #BF0000;
	font-size: 125%;
	font-weight: bold;
}
div#logout div#alert {
	margin-bottom: 50px;
	padding: 10px 10px 10px 55px;
	border: 2px solid #BF0000;
	color: #BF0000;
	background: #FFFFCB url(../rank/bg_logout.gif) no-repeat 10px 50%;
	text-align: left;
}
div#logout div#alert p.title {
	font-size: 125%;
	font-weight: bold;
}


/* ========================================

その他

=========================================== */

div#sideBoxInformation img.QRcode {
	float: left;
        margin: 0 13px 4px 0;
        vertical-align: middle;
}

/* メニュー */
#dropmenu {
  list-style-type: none;
  width: 950px;
  height: 40px;
  padding: 0;
  color:#333;
  text-align:center;
  list-style-type:none;
  margin:0 auto;
  z-index: 5;
}

#dropmenu li {
  position: relative;
  font-size:12px;
  float:left;
  color:#333;
  text-align:center;
  list-style-type:none;
  margin: 0;
  padding: 0;
  z-index: 5;
}

#dropmenu li a {
  display: block;
  width:133px;
  color:#333;
  font-size: 12px;
  line-height: 30px;
  border-top:1px solid #dcdcdc;
  border-left:1px solid #999;
  border-right:1px solid #f5f5f5;
  background:url("../img/menu.png") 0 0px repeat-x;
  text-decoration: none;
  z-index: 5;
}

#dropmenu li:hover > a{
  text-align:center;
  color:#fff;
  border-top:1px solid #ff8c00;
  border-right:1px solid #d2691e;
  background:url("../img/menu.png") 0 -40px repeat-x;
  text-shadow:0px 0px 3px #fff;
  z-index: 5;
}

#dropmenu > li:hover > a{
  border-radius: 3px 3px 0 0;
  z-index: 5;
}

#dropmenu li ul {
  text-align:center;
  position: absolute;
  top: 100%;
  left: 0;
  list-style: none;
  margin: 0;
  z-index: 5;
}

#dropmenu li ul li{
  text-align:center;
  overflow: hidden;
  width: 100%;
  height: 0;
  color: #fff;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
  z-index: 5;
}

#dropmenu li ul li a{
  text-align:center;
  font-weight: normal;
  color:#333;
  font-size: 12px;
  line-height: 1;
  line-height:30px;
  border-top:1px solid #dcdcdc;
  border-left:1px solid #999;
  border-right:1px solid #999;
  background:url("../img/menu.png") 0 0px repeat-x;
  text-decoration: none;
  z-index: 5;
}

#dropmenu li:hover ul li{
  overflow: visible;
  height: 30px;
  color:#fff;
  border-top:1px solid #dcdcdc;
  border-right:1px solid #999;
  background:url("../img/menu.png") 0 -40px repeat-x;
  z-index: 5;
}

#dropmenu li:hover ul li:first-child{
  border-top: 0;
  z-index: 5;
}

#dropmenu li:hover ul li:last-child{
  border-bottom: 0;
  z-index: 5;
}
#dropmenu li:hover ul li:last-child a{
  border-radius: 0 0 3px 3px;
  z-index: 5;
}