
/*ヘッダーナビ*/
.menu ul{
margin: 0;
padding: 0;
list-style-type: none;
text-align:center;
font-size:12px;
}

/*Top level list items*/
.menu ul li{
position: relative;
display: inline;
float: left;
padding: 0;
background-color: #fff; /*overall menu background color*/
}

/*Top level menu link items style*/
.menu ul li a{
display: block;
width: 117px; /*Width of top level menu link items*/
border-left-width: 0;
text-decoration: none;
color: #ccc;

/*
	width: 180px;
	border-bottom: 1px dashed #CCCCCC;
	float: left;
	background: #fff;
	font-weight: bold;
	color: #ff87b3; 
	padding: 5px;
	cursor:pointer;
*/

}
	
/*1st sub level menu*/
.menu ul li ul{
left: 0;
position: absolute;
top: 1em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/ 
.menu ul li ul li{
display: list-item;
float: none;
line-height: 0; /*IE6用*/
vertical-align: bottom;
}


/* Sub level menu links style */
.menu ul li ul li a{
display: block;
width: 117px; /*width of sub menu levels*/
color: #000;
background:#FFF;
text-decoration: none;
padding: 5px 0px;
border-bottom: 1px dashed #ccc;
border: 1px solid #000;

}




.menu ul li a:hover{
background-color: #fff;
color: #ff87b3;

}


* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .menu ul li { float: left; height: 1%; }
* html .menu ul li a { height: 1%; }
/* End */



/*レフトナビ*/
*{
	list-style:none;
	margin:0px;
	padding:0px;
}

#menu4 {
	width: 180px;
	font:12px Tahoma,sans-serif;
	float:center;
	overflow: hidden;
    margin-left: auto;
    margin-right: auto;
	}
	
#menu4 li a {
  	height: 10px;
	text-decoration: none;
	text-align:left;
	}
	
#menu4 li a:link, #menu4 li a:visited {
	color: #fff;
	display: block;
	border-bottom:#FFF solid 1px;
	background: url(http://www.rakuten.ne.jp/gold/dreamv/img/side_menu.gif);
	padding: 10px;
	}
	
#menu4 li a:hover {
	color: #fff;
	background: url(http://www.rakuten.ne.jp/gold/dreamv/img/black.jpg) ;
	padding: 10px;
	}
.icon{
background: url(http://www.rakuten.ne.jp/gold/dreamv/img/navi_mail.gif) no-repeat;
}

.icon2{
background: url(http://www.rakuten.ne.jp/gold/dreamv/img/navi_guide.gif) no-repeat;
background-position:left;
}

.icon3{
background: url(http://www.rakuten.ne.jp/gold/dreamv/img/navi_size.gif) no-repeat;
background-position:left;
}

.icon4{
background: url(http://www.rakuten.ne.jp/gold/dreamv/img/navi_cart.gif) no-repeat;
background-position:left;
}

.icon5{
background: url(http://www.rakuten.ne.jp/gold/dreamv/img/navi_question.gif) no-repeat;
background-position:left;
}

.icon6{
background: url(http://www.rakuten.ne.jp/gold/dreamv/img/navi_support.gif) no-repeat;
background-position:left;
}

.icon7{
background: url(http://www.rakuten.ne.jp/gold/dreamv/img/navi_deli.gif) no-repeat;
background-position:left;
}

.icon8{
background: url(http://www.rakuten.ne.jp/gold/dreamv/img/navi_company.gif) no-repeat;
background-position:left;
}

.icon9{
background: url(http://www.rakuten.ne.jp/gold/dreamv/img/csr.gif) no-repeat;
background-position:left;
}



/*topのお知らせメニュー*/
#left_category {
	font-size:1em;
	padding:5px 0 5px 15px;
	line-height:2em;
	}	
	
#left_category a {
    float:left;
	text-decoration: none;
	width:240px;
	display:block;
	padding-left:18px;
	background:url(http://www.rakuten.ne.jp/gold/dreamv/img-top/corner.gif) no-repeat;
	}
	
#left_category a:hover {
	color: #FF0066;
	padding-left:18px;
	background:url(http://www.rakuten.ne.jp/gold/dreamv/img-top/corner_mark.gif) no-repeat #FFFFFF;
	}
