a:focus{
outline:none;
} 



/* ----------------------------- top right navi start　---------------------------------*/
#top_contact{
  width: 125px;
  float:left;

}

#top_contact ul {
  list-style: none;
  width: 125px;
  height: 27px;
	margin: 0;
	padding:0;
}

#top_contact li, a {
 display: block;
 height: 27px;
}
#top_contact li {

  text-indent: -9999px;
}
#top_contact a {
  text-decoration: none;
  background: url(images/navi/b_contact.gif) no-repeat;
  height: 27px;
}

#b_contact a { 
width: 125px;
background-position:   0px 0px;}

#b_contact a:hover {
background-position:   0px -27px; }





#top_shop{
  width: 125px;
    float:left;
	margin:0 0 0 10px;

}

#top_shop ul {
  list-style: none;
  width: 125px;
  height: 27px;
	margin: 0;
	padding:0;
}

#top_shop li, a {
 display: block;
 height: 27px;
}
#top_shop li {

  text-indent: -9999px;
}
#top_shop a {
  text-decoration: none;
  background: url(images/navi/b_shop.gif) no-repeat;
  height: 27px;
}

#b_shop a { 
width: 125px;
background-position:   0px 0px;}

#b_shop a:hover {
background-position:   0px -27px; }


/* ----------------------------- top right navi End　---------------------------------*/

/* ----------------------------- Main top navi Start org---------------------------------

#topnavi{
	clear:both; 
	width: 920px;
	height: 37px;
	padding:0;
}

#topnavi ul {
  width: 920px;
  list-style: none;
    height: 37px;
	margin: 0;
	padding:0;
}
#topnavi li, a {
 display: block;
 height: 37px;
}
#topnavi li {
  float: left;
  text-indent: -9999px;
}
#topnavi a {
  text-decoration: none;
   height: 37px;
  background: url(images/navi/top_navi3.gif) no-repeat;
}


#about a { 
height: 37px;
width: 141px;
background-position:    0px 0px;}

#list a { 
height: 37px;
width: 123px;
background-position: -141px 0px;}

#care a { 
height: 37px;
width: 136px;
background-position: -264px 0px;}

#blog a { 
height: 37px;
width: 137px;
background-position: -400px 0px;}

#voice a { 
height: 37px;
width: 111px;
background-position: -537px 0px;}

#question a { 
height: 37px;
width: 124px;
background-position: -648px 0px;}

#shop a { 
height: 37px;
width: 148px;
background-position: -772px 0px;}


#about a:hover { background-position:    0px -37px; }
#list a:hover { background-position: -141px -37px; }
#care a:hover { background-position: -264px -37px; }
#blog a:hover { background-position: -400px -37px; }
#voice a:hover { background-position: -537px -37px; }
#question a:hover { background-position: -648px -37px; }
#shop a:hover { background-position: -772px -37px; }
----------------------------- Main top navi End　---------------------------------*/

/* ----------------------------- Main top navi Start　---------------------------------*/

#topnavi{
	clear:both; 
	width: 920px;
	height: 37px;
	padding:0;
}

#topnavi ul {
  width: 920px;
  list-style: none;
    height: 37px;
	margin: 0;
	padding:0;
}
#topnavi li, a {
 display: block;
 height: 37px;
}
#topnavi li {
  float: left;
  text-indent: -9999px;
}
#topnavi a {
  text-decoration: none;
   height: 37px;
  background: url(images/navi/top_navi4.gif) no-repeat;
}


#about a { 
height: 37px;
width: 141px;
background-position:    0px 0px;}

#list a { 
height: 37px;
width: 123px;
background-position: -141px 0px;}

#care a { 
height: 37px;
width: 154px;
background-position: -264px 0px;}

#voice a { 
height: 37px;
width: 111px;
background-position: -418px 0px;}

#question a { 
height: 37px;
width: 124px;
background-position: -529px 0px;}

#shop a { 
height: 37px;
width: 142px;
background-position: -653px 0px;}

#blog a { 
height: 37px;
width: 125px;
background-position: -795px 0px;}



#about a:hover { background-position:    0px -37px; }
#list a:hover { background-position: -141px -37px; }
#care a:hover { background-position: -264px -37px; }
#voice a:hover { background-position: -418px -37px; }
#question a:hover { background-position: -529px -37px; }
#shop a:hover { background-position: -653px -37px; }
#blog a:hover { background-position: -795px -37px; }
/* ----------------------------- Main top navi End　---------------------------------*/

/* ----------------------------- to buy　---------------------------------*/

#mid_shop ul {
float:left;
  list-style: none;
  width: 116px;
  height: 27px;
	margin: 0;
	padding:0;
}

#mid_shop li, a {
 display: block;
 height: 27px;
}
#mid_shop li {

  text-indent: -9999px;
}
#mid_shop a {
  text-decoration: none;
  background: url(images/navi/b_buy.gif) no-repeat;
  height: 27px;
}

#to_buy a { 
width: 116px;
background-position:   0px 0px;}

#to_buy a:hover {
background-position:   0px -27px; }



#mid_shop_g {margin:0 0 5px 0; height:27px;}

#mid_shop_g ul {
float:left;
  list-style: none;
  width: 116px;
  height: 27px;
	margin: 0 0 0 10px;
	padding:0;
}

#mid_shop_g li, a {
 display: block;
 height: 27px;
}
#mid_shop_g li {

  text-indent: -9999px;
}
#mid_shop_g a {
  text-decoration: none;
  background: url(images/navi/b_buy.gif) no-repeat;
  height: 27px;
}


/* ----------------------------- to buy end　---------------------------------*/

/* ----------------------------- to voice　---------------------------------*/

#mid_voice ul {
float:left;
  list-style: none;
  width: 116px;
  height: 27px;
	margin: 0 0 0 10px;
	padding:0;
}

#mid_voice li, a {
 display: block;
 height: 27px;
}
#mid_voice li {

  text-indent: -9999px;
}
#mid_voice a {
  text-decoration: none;
  background: url(images/navi/b_voice.gif) no-repeat;
  height: 27px;
}

#to_voice a { 
width: 116px;
background-position:   0px 0px;}

#to_voice a:hover {
background-position:   0px -27px; }



#mid_info ul {
float:left;
  list-style: none;
  width: 116px;
  height: 27px;
	margin: 0 0 0 10px;
	padding:0;
}

#mid_info li, a {
 display: block;
 height: 27px;
}
#mid_info li {

  text-indent: -9999px;
}
#mid_info  a {
  text-decoration: none;
  background: url(images/navi/b_info.gif) no-repeat;
  height: 27px;
}

#to_info a { 
width: 116px;
background-position:   0px 0px;}

#to_info a:hover {
background-position:   0px -27px; }


/* ----------------------------- to voice end　---------------------------------*/


/* ----------------------------- to element　---------------------------------*/
#element_list ul {
float:right;
  list-style: none;
  width: 74px;
  height: 21px;
	margin: 0 0 0 10px;
	padding:0;
}

#element_list li, a {
 display: block;
 height: 21px;
}
#element_list li {

  text-indent: -9999px;
}
#element_list a {
  text-decoration: none;
  background: url(images/navi/b_p_skin_care_element.gif) no-repeat;
  height: 21px;
}

#to_list a { 
width: 74px;
background-position:   0px 0px;}

#to_list a:hover {
background-position:   0px -21px; }

/* ----------------------------- to element end　---------------------------------*/ 

/* ----------------------------- shop　---------------------------------*/

#shop_b{
	width: 528px;
	height: 40px;
	padding:5px 0 30px 0;
	margin:0px:
}

#shop_b ul {
  list-style: none;
    height: 40px;
	padding: 0 20px 0 11px;
	margin:0;
	width: 505px;
}
#shop_b li, a {
 display: block;
 height: 40px;
}
#shop_b li {
  float: left;
  text-indent: -9999px;
}
#shop_b a {
  text-decoration: none;
   height: 40px;
  background: url(images/shop/shop_reishimed_b.gif) no-repeat;
}


#hajimete_b a { 
height: 40px;
width: 250px;
margin:0;
padding:0;
background-position:    0px 0px;}

#reishimed_b a { 
height: 40px;
width: 250px;
margin:0;
padding:0;
background-position: -250px 0px;
margin-left:5px;}




#hajimete_b a:hover { background-position:    0px -40px; }
#reishimed_b a:hover { background-position: -250px -40px;
margin-left:5px; }


/* ----------------------------- shop end　---------------------------------*/