@charset "UTF-8";

/* DOREMI TOP
---------------------------------------------------- */
#container {
  width: 850px;
  height: 447px;
  padding:0;
  margin:0 auto;
  background-color:#fff;
}
#c_l_top {
  float:left;
  width: 530px;
  padding:0 0 0 20px;
  margin:0;
}
#c_r_top {
  float:right;
  width: 255px;
  padding:0 20px 0 0;
  margin:0;
}
#c_r_top a img{
  border: 1px solid #c8c8c8;
  margin:0 0 12px 0;
}
#c_r_top a:hover img {
  border: 1px solid #ff0000;
  margin:0 0 12px 0;
}
#c_l_top ul {
  margin: 0;
  padding: 0;
  list-style: none;
  position:relative;
}
#c_l_top li{
  background: url(../floor/images/shoplist_line.gif) no-repeat;
  background-position: left bottom;
  padding:0;
  margin:0 0 10px 0;
  height:1.8em;
  line-height:1.5em;
  font-size:1em;
}
#c_l_top li a{
  padding:0 0 0 15px;
  background: url(../images/lead_g.gif) no-repeat;
  background-position: left center;
}
#c_l_top li em{
  float:left;
  margin:0 0 0 5px;
  width: 80px;
  font-style:normal;
  font-size:0.9em;
  letter-spacing: 1px;
}
#news {
  height:37px;
  margin:0 0 15px 0;
  text-indent: -9999px;
  background: url(../images/top_news.jpg) no-repeat 0 0;
}
#news a , #news em {
  text-decoration: none;	
  display: block;
  height: 37px;
}
#news a:hover    {
  background: url(../images/top_news.jpg) no-repeat 0 -40px;
}
#event {
  height:37px;
  margin:40px 0 15px 0;
  text-indent: -9999px;
  background: url(../images/top_event.jpg) no-repeat 0 0;
}
#event a , #event em {
  text-decoration: none;	
  display: block;
  height: 37px;
}
#event a:hover    {
  background: url(../images/top_event.jpg) no-repeat 0 -40px;
}

/* navi top
---------------------------------------------------- */
#navigation {
width:810px;
height: 57px;
margin:20px;
padding: 0;
background: url(../images/nav_top.jpg) no-repeat;
 position:static;
}

#navigation ul {
  margin: 0;
  padding: 0;
  list-style: none;
position:relative;
}
#navigation li {
	margin: 0;
	padding: 0;
	height: 37px;
	text-indent: -9999px;
	position:absolute;
}
#navigation li a,#navigation strong {
  text-decoration: none;	
  display: block;
 height: 37px;
}
#navigation li#n01      {
 left:22px;
 top:10px;
 width:75px;
}
#navigation li#n02    {
 left:127px;
 top:10px;
 width:76px;
}
#navigation li#n03  {
 left:233px;
 top:10px;
 width:101px;
}
#navigation li#n04  {
 left:364px;
 top:10px;
 width:128px;
}
#navigation li#n05  {
 left:522px;
 top:10px;
 width:102px;
}
#navigation li#n06  {
 left:654px;
 top:10px;
 width:135px;
}
#navigation li#n01 a:hover  ,#navigation li#n01 strong   {
background: url(../images/nav_top.jpg) no-repeat -22px -70px;
}
#navigation li#n02 a:hover ,#navigation li#n02 strong    {
background: url(../images/nav_top.jpg) no-repeat -127px -70px;
}
#navigation li#n03 a:hover ,#navigation li#n03 strong    {
background: url(../images/nav_top.jpg) no-repeat -233px -70px;
}
#navigation li#n04 a:hover ,#navigation li#n04 strong    {
background: url(../images/nav_top.jpg) no-repeat -364px -70px;
}
#navigation li#n05 a:hover ,#navigation li#n05 strong    {
background: url(../images/nav_top.jpg) no-repeat -522px -70px;
}
#navigation li#n06 a:hover ,#navigation li#n06 strong    {
background: url(../images/nav_top.jpg) no-repeat -654px -70px;
}

/* foot
---------------------------------------------------- */
#foot_top {
clear:both;
  margin:0;
  width: 850px;
  height: 80px;
  padding:0;
  background:url("../images/foot_top.jpg") no-repeat 0 0;
  
}