/*============================
 　　　　 ★共通★
=============================*/

body{ font-size:13px; color:#666; line-height:1.3em; }
a,a:link,a:visited {font-size:13px; color:#f60; text-decoration:none;}
a:hover,a:active {font-size:13px; color:#f60; text-decoration:underline;}

img{border:none;}

p{ margin:0; padding:0; }
ul{list-style:none; padding:0; margin:0;}

h3{margin:0; padding:0; font-weight:bold; font-weight:14px;}

/*-文字色-*/
.red{ color:#F00; }

/*margin*/
.mgt5{ margin-top:5px; }
.mgt10{ margin-top:10px !important; }
.mgt15{ margin-top:15px !important; }
.mgt20{ margin-top:20px !important; }
.mgt30{ margin-top:30px !important; }
.mgt40{ margin-top:40px !important; }
.mgt50{ margin-top:50px !important; }
.mgt60{ margin-top:60px !important; }
.mgt70{ margin-top:70px !important; }

.mgt-5{ margin-top:-5px; }
.mgt-10{ margin-top:-10px !important; }
.mgt-15{ margin-top:-15px !important; }
.mgt-20{ margin-top:-20px !important; }
.mgt-30{ margin-top:-30px !important; }
.mgt-40{ margin-top:-40px !important; }
.mgt-50{ margin-top:-50px !important; }
.mgt-60{ margin-top:-60px !important; }
.mgt-70{ margin-top:-70px !important; }

.mgb5{ margin-bottom:5px !important; }
.mgb10{ margin-bottom:10px !important; }
.mgb15{ margin-bottom:15px !important; }
.mgb20{ margin-bottom:20px !important; }
.mgb30{ margin-bottom:30px !important; }
.mgb40{ margin-bottom:40px !important; }
.mgb50{ margin-bottom:50px !important; }
.mgb60{ margin-bottom:60px !important; }
.mgb70{ margin-bottom:70px !important; }



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

 　 ★トップトップページ★
 
=============================*/
#toptop{
    width:500px;
	margin:20px auto;
	text-align:center;
	padding:50px 0;
	}
#toptop p.text{
    margin-top:30px;
	}
#toptop p.text a{
    font-weight:bold;
	}
    

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

 　　　【goldページ】
 　　　★トップページ★
 
=============================*/

#main-cont{
    width:1000px;
	overflow:hidden;
	margin:0 auto;
	padding:0;
	border-bottom:1px solid #060;
	}
.index-left{
    float:left;
	width:180px;
	}
#main-area{
    width:630px;
    float:left;
	text-align:center;
	overflow:hidden;
	padding:20px 0 0 0;
	border-right:1px solid #060;
	border-left:1px solid #060;
	}
#right-area{
    width:180px;
	float:left;
	text-align:center;
	overflow:hidden;
	padding:20px 0 0 0;
	}
	
	
/*-----メイン画像透過-----*/

ul.menu li a:hover img,
ul.pick-up-chara li a:hover img,
p.bnr a:hover img,
ul.new-item li a:hover img,
div.ranking p a:hover img{
    opacity:0.8;
    filter: alpha(opacity=50);
    -ms-filter: "alpha( opacity=50 )";
    background: #fff;
	}
	
/*-----メインJavaScript-----*/
  
#image-navigation {
	width:620px;
	height:300px;
	margin: 0 auto;
	position:relative;
	top:0;
	_left:-300px;
	overflow:hidden;
}
#image-navigation img { border:none;}
#image-navigation, #image-navigation .navi {
	position:relative;
	top:0;
	_left:-156px;
}
#image-navigation .navi-image img{
width:618px;
border:1px solid #999;
}
#image-navigation ul.menu {
	position:absolute;
	top:230px;
	left:0;
	padding:0;
	width:620px;
}
#image-navigation ul.menu li {
	float:left;
	display:inline;
  	width:118px;
  	height:44px;
	margin-left:5px;
	border:1px solid #999;
}
#image-navigation ul.menu li img{
width:100%;
}
#image-navigation ul.menu li.first {
	margin-left: 0;
}


/*-----メインJavaScript end-----*/

#main-area p.info{
    width:598px;
	font-size:13px;
	margin:0 auto 10px auto;
	padding:5px 10px;
	border-top:#ccc solid 1px;
	border-bottom:#ccc solid 1px;
	text-align:left;
	line-height:1.4em;
	}

p.info a,p.info a:link,p.info a:visited {font-size:13px; color:#666; text-decoration:none;}
p.info a:hover,p.info a:active {font-size:13px; color:#f60; text-decoration:underline;}

h2.main-title{
    width:590px;
	margin:30px auto 3px auto;
	text-align:left;
	font-size:16px;
	color:#999;
	background-image:url(http://image.rakuten.co.jp/eyeup/cabinet/layout/title_icon01.gif);
    background-repeat:no-repeat;
    background-position:0 0;
    padding:4px 0 4px 27px;
    border-bottom:2px solid #ccc;
	letter-spacing:1px;
	 }
	 
p.bnr{
    margin:3px auto 0 auto;
	}
p.bnr img{
	width:98%;
}

/*---Pick Up Charactor---*/
ul.pick-up-chara{
    margin:0 auto 30px 5px;
	padding:0;
    width:625px;
	overflow:hidden;
	}
ul.pick-up-chara li{
    float:left;
	margin:0;
	padding:0;
	line-height:1px;
	}

/*---NewItem---*/
ul.new-item{
    width:620px;
	margin:15px auto;
	padding:0;
	overflow:hidden;
	}
ul.new-item li{
    width:155px;
	text-align:center;
	float:left;
	background-image:url(../img/newitem_line01.gif);
	background-repeat:no-repeat;
	background-position:149px 30px;
	}
ul.new-item li img{
    width:120px;
	}
ul.new-item li:last-child{
    background:none !important;
	}
ul.new-item li p.name{
    margin:0;
	color:#f60;
	}
ul.new-item li p.price{
    margin:0 auto 5px auto;
	}

/*--PickUpItem---*/
ul.pickup-item{
    width:620px;
	margin:0 auto 20px auto;
	padding:0;
	overflow:hidden;
	}
ul.pickup-item li{
    width:206px;
	text-align:center;
	float:left;
	background-image:url(../img/newitem_line01.gif);
	background-repeat:no-repeat;
	background-position:200px 8px;
	overflow:hidden;
	}
ul.pickup-item li img{
    width:100px;
	float:left;
	margin:0 2px 0 3px;
	}
ul.pickup-item li:last-child{
    background:none !important;
	}
ul.pickup-item li p.name{
    margin:3px 0 0 0;
	color:#f60;
	text-align:left;
	}
ul.pickup-item li p.price{
    margin:0 auto 5px auto;
	text-align:left;
	}

	
/*----おしらせ枠----*/

div.top-info{
    width:596px;
	text-align:left;
	border:2px solid #c90;
	padding:10px;
	margin:10px auto;
	}
div.top-info h3{
    widows:596px;
	text-align:center;
	margin-bottom:10px;
	color:#f60;
	}
div.top-info p{
    line-height:1.3em;
	font-size:14px;
	}
div.top-info p strong{
    font-weight:bold;
	color:#f60;
	}

	
/*----コピーライト枠----*/

p.copy-right{
    width:610px;
	padding:5px;
	background-color:#ccc;
	color:#888;
	font-size:11px;
	text-align:left;
	margin:10px auto;
	line-height:1.1em;
	}
	
	
/*-----ドラッチ会員用説明枠-----*/

dl.doratch_member{
    width:620px;
	margin:20px auto;
	text-align:center;
	}
dl.doratch_member dt{
    width:620px;
    background-color:#006;
	font-weight:bold;
	color:#fff;
	margin:0 auto;
	padding:7px 0 5px 0;
	}
dl.doratch_member dd{
    width:616px;
	border:2px solid #006;
	margin:0 auto;
	padding:7px 0;
	line-height:1.5em;
	}
dl.doratch_member dd strong span{
    color:#39c;
	font-weight:bold;
	}
dl.doratch_member dd em{
    font-weight:bold;
	font-style:normal;
	}
	
/*============================
 　　　goldトップページ
 　　　　　右カラム
=============================*/
#right-area div{
   margin:0 auto 20px auto;
   }
.ranking img.item-img{
    width:50px;
	margin:7px auto;
	}
ul.info-right{
    width:180px;
	text-align:left;
	}
ul.info-right li{	
	background-image:url(../img/ico_info01.gif);
	background-repeat:no-repeat;
	background-position:5px 8px;
	padding:3px 0 0 20px;
	}
ul.info-right li a{
    font-size:11px;
	color:#060;
	line-height:1.2em;
	}
ul.info-right li a:hover,ul.info-right li a:active {
    text-decoration:underline;
	}
  
/*---カレンダーNEW---*/
table.calbase_rakuten     {
    background-color: #FFFFFF;
    border:none !important;
    width: 168px;
    border-collapse: collapse;
    padding: 0px 0px 10px 0px;
	margin:0 auto;
    }
table.calbase_rakuten *   {
    font-size: 98%;
    color: #666666;
    border-collapse: collapse;
    padding: 0px;
    margin: 0px;
    }
table.calbase_rakuten th  {
    text-align: center;
    }
th.caltitle_rakuten       {
    font-size: 85%;
    padding: 0 !important;
	display:none !important;
    }
table.calframe_rakuten    {
    border-collapse: collapse;
    margin: 10px 10px 0px 10px;
    table-layout: fixed;
    width: 148px;
    }
table.calframe_rakuten th {
    text-align: center;
    padding: 0px 0px 3px 0px;
    }
table.calframe_rakuten td {
    border:1px solid #999999;
    background-color: #FFFFFF;
    width:20px;
    height:20px;
    text-align: center;
    }
tr.weektitle_rakuten td   {
    background-color: #E6E3C9;
    }
td.event1day_rakuten      {
    background-color: #FFCC99 !important;
    }
font.event1day_rakuten    {
    color: #FFCC99;
    }
td.event2day_rakuten      {
    background-color: #33CCFF !important;
    }
font.event2day_rakuten    {
    color: #33CCFF;
    }
td.event3day_rakuten      {
    background-color: #FF94DF !important;
    }
font.event3day_rakuten    {
    color: #FF94DF;
    }
table.event_rakuten       {
    text-align: left;
    word-break: break-all;
    margin: 7px 10px 7px 10px;
    border-collapse: collapse;
    line-height:120%;
    table-layout: fixed;
    width: 148px;
    }
table.event_rakuten td   {
    padding: 0px 0px 0px 0px;
    }
table.text_rakuten       {
    text-align: left;
    word-break: break-all;
    margin: 0px 10px 10px 10px;
    border-collapse: collapse;
    line-height:120%;
    table-layout: fixed;
    width: 148px;
    }
  
/*---カレンダー旧---*/

h3.month{
    font-size:14px;
	font-weight:normal;
	margin:5px auto 0 auto;
	}
table.calendar{
    width:160px;
	border:none;
	border-collapse:1px;
	border-spacing:1px;
	background-color:#999;
	margin:0 auto 5px auto;
	}
table.calendar tr{
    text-align:center;
	background-color:#fff;
	}
table.calendar tr.week{
	background-color:#E6E3C9;
	}
table.calendar td.holiday{
    background-color:#fc9;
	}
div.calendar p.text{
    width:160px;
	text-align:left;
    font-size:11px;
	margin:4px auto;
	line-height:1.0em;
	}
div.calendar p.text a{
    font-size:11px;
	}
div.calendar p.text span{
    color:#fc9;
	}
	

/*============================
 　　　  ★ヘッダー★
=============================*/

#header{
    width:1000px;
	margin:0 auto;
	overflow:hidden;
	padding:0;
	}
#header h1.title_logo{
    float:left;
	margin:0;
	padding:0;
	}
#header p.head-menu{
    margin:0;
	padding:47px 0 5px 0;
    background-image:url(http://image.rakuten.co.jp/eyeup/cabinet/layout/header_bc01.gif);
	background-repeat:no-repeat;
    width:592px;
	float:left; text-align:center;
	font-size:12px;
	color:#fff;
	}
#header p.head-menu a{
	font-size:12px;
	color:#fff;
	text-decoration:none;
	margin:0 auto;
	}
#header p.head-menu a:link{color:#fff;}
#header p.head-menu a:hover{color:#FF0;}
#header p.head-menu a:active{color:#FF0;}
	
#header p.header-cart{
    float:left;
	background-image:url(http://image.rakuten.co.jp/eyeup/cabinet/layout/header_bc02.gif);
	 background-repeat:no-repeat;
	 width:204px;
	 margin:0;
	 padding:2px 0 0 0;
	 }
p.header-cart a img{
    margin:34px auto auto 47px;
	}

/*============================
 　　　★レフトメニュー★
=============================*/

#left-menu{
    width:180px;
	text-align:center;
	margin:20px auto;
	}
.left-temp{
    border-right:1px solid #060;
	}
	
ul.banner-top{
    margin:20px 0 0 0;
	}
	
dl.leftmenu,dl.leftchara{
    overflow:hidden;
	margin:0;
	padding:0;
	}
dl.leftmenu dt,dl.leftchara dt{
    margin:10px 0 0 0;
	}
dl.leftmenu dd,dl.leftchara dd{
    width:170px;
	text-align:left;
	font-size:13px;
	border-bottom:1px dotted #ccc;
	overflow:hidden;
	margin:5px auto auto 5px;
	line-height:1.2em;
	}
dl.leftmenu dd a{
     font-family:"Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4",
	 "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif;
	 font-size:13px;
	 color:#666;
	 text-decoration:none;
	 background-image:url(http://image.rakuten.co.jp/eyeup/cabinet/layout/leftmenu_icon_yaji.gif);
	 background-repeat:no-repeat;
	 background-position:5px 3px;
	 padding:0 0 0 25px;
}
dl.leftchara dd a{
     font-family:"Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4",
	 "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif;
	 font-size:13px;
	 color:#666;
	 text-decoration:none;
	 background-image:url(http://image.rakuten.co.jp/eyeup/cabinet/layout/leftmenu_icon_yaji.gif);
	 background-repeat:no-repeat;
	 background-position:5px 7px;
	 padding:7px 0 0 25px;
	 display:block;
	 width:100px;
	 float:left;
}
dl.leftmenu dd a:hover,dl.leftchara dd a:hover{color:#FF9900;}
dl.leftmenu dd a:active,dl.leftchara dd a:active{ color:#FF9900;}

dl.leftmenu dd.new a,dl.leftchara dd.new a{
	 background-image:url(http://image.rakuten.co.jp/eyeup/cabinet/layout/icon_new01.gif);
	 background-repeat:no-repeat;
	 background-position:0 3px;
	 padding:0 0 0 28px;
}
dl.leftmenu dd img,dl.leftchara dd img{
    float:right;
	margin:0;
	padding:0;
	}
	
dl.left-hotmenu dt{
     font-family:"Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4",
	 "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif;
	 font-size:16px;
	 color:#999999;
	 width:147px;
	 text-align:left;
	 background-image:url(http://image.rakuten.co.jp/eyeup/cabinet/layout/title_icon01.gif);
	 background-repeat:no-repeat;
	 background-position:0 0;
	 padding:0 0 0 27px;
	 margin:0 0 10px 0;
	 border-bottom:1px solid #ccc;
	 letter-spacing:0.2em;
	 }
dl.left-hotmenu dd{
    padding:0;
	margin:0;
	}
	

/*============================
 　　　　★フッター★
=============================*/

#footer{
    width:1000px;
	height:56px;
	padding-top:30px;
	background-image:url(http://image.rakuten.co.jp/eyeup/cabinet/layout/footer_bc1.gif);
	background-repeat:no-repeat;
	text-align:center;
	clear:both;
	margin:0 auto;
	}
#footer p.copy{
    font-size:12px;
	color:#999;
	margin:8px auto;
	}
#footer img.logo{
    margin:12px auto 0 auto;
	}
	
/*=============================
　　　★iPhoneカテゴリ★
=============================*/

div.ip_category{
    width:790px;
	text-align:left;
	margin:20px auto;
	}
	
/*--リンク レイアウト--*/
.ip_category p.link{
    width:760px;
	margin:10px auto;
	border-left-width:20px;
	border-left-style:solid;
	padding-left:10px;
	}
	
.ip_category p.link a{
    font-size:30px;
	font-weight:bold;
    text-decoration:none;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	}
	
.ip_category p.link a:hover{
    opacity:0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha( opacity=70 )";
    background: #fff;
    }

	
/*--リンク 色分け--*/
	
.ip_category p.green{ border-left-color:#390; }
.ip_category p.green a{ color:#390; }
	
.ip_category p.red{ border-left-color:#f33; }
.ip_category p.red a{ color:#f33; }
	
.ip_category p.blue{ border-left-color:#069; }
.ip_category p.blue a{ color:#069; }
	
.ip_category p.orange{ border-left-color:#f90; }
.ip_category p.orange a{ color:#f90; }
	
/*--枠あり注意表記--*/

.ip_category p.chui{
    width:784px;
	padding:10px 0;
	border:3px solid #390;
	margin:10px auto;
	font-size:25px;
	text-align:center;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	color:#390;
	}
.ip_category p.chui span{
    text-decoration:underline;
	color:#f33;
	font-weight:bold;
	font-size:30px;
	}