/* ‘S‘ÌÝ’è -------------------------------------*/

* {
  border:0;
  margin:0;
  padding:0;
}

html {
  height: 100%;
}

a { color:#444444; }
a:link{ text-decoration:none; }
a:visited { text-decoration:none; }
a:hover { border-bottom:dashed 1px #EF810F; }

a.image:link { text-decoration:none; }
a.image:visited { text-decoration:none; }
a.image:hover { text-decoration:none;border-bottom:none; }

#body{
  position:relative;
  width:815px;
  margin-left:auto;
  margin-right:auto;
  padding-top:20px;
  text-align:left;
  font-size:12px;
  line-height:150%;
  background-color:#FFFFFF;
  font-family: "‚l‚r ‚oƒSƒVƒbƒN","Osaka]“™•","ƒqƒ‰ƒMƒmŠpƒS Pro W3", Arial, Verdana, sans-serif;
}

/* ƒƒS -----------------------------------------*/
#logo_img{
  float:left;
  width:100px;
  height:50px;
}

#logo_name{
  padding-top:7px;
  height:50px;
}

/* ƒOƒ[ƒoƒ‹ƒiƒrƒQ[ƒVƒ‡ƒ“ ---------------------*/
#bag_menu {
  width:100px;
  height:20px;
  float:left;
}

#bag_menu a {
  width:100%;
  display:block;
  background:url(../img/menu8.GIF) no-repeat 25px 0;
}

#bag_menu a:hover{
  width:100%;
  background:url(../img/menu8.GIF) no-repeat 25px -22px;
  text-decoration:none;
  border-bottom:none;
}

#jewelry_menu {
  width:105px;
  height:20px;
  float:left;
}

#jewelry_menu a {
  width:100%;
  display:block;
  background:url(../img/menu9.GIF) no-repeat 10px -2px;
}

#jewelry_menu a:hover{
  text-decoration:none;
  border-bottom:none;
  background:url(../img/menu9.GIF) no-repeat 10px -24px;
  width:100%;
}

#color_menu {
  width:85px;
  height:20px;
  float:left;
}

#color_menu a {
  width:100%;
  display:block;
  background:url(../img/menu10.GIF) no-repeat 12px 0;
}

#color_menu a:hover{
  width:100%;
  background:url(../img/menu10.GIF) no-repeat 12px -22px;
  text-decoration:none;
  border-bottom:none;
}

#access_menu {
  width:105px;
  height:20px;
  float:left;
}

#access_menu a {
  width:100%;
  display:block;
  background:url(../img/menu7.GIF) no-repeat 10px 0;
}

#access_menu a:hover{
  width:100%;
  background:url(../img/menu7.GIF) no-repeat 10px -22px;
  text-decoration:none;
  border-bottom:none;
}

#blog_menu {
  width:85px;
  height:20px;
  float:left;
}

#blog_menu a {
  width:100%;
  display:block;
  background:url(../img/menu12.GIF) no-repeat 15px 0;
}

#blog_menu a:hover{
  width:100%;
  background:url(../img/menu12.GIF) no-repeat 15px -22px;
  text-decoration:none;
  border-bottom:none;
}

#order_menu {
  width:85px;
  height:20px;
  background:url(../img/menu5.GIF) no-repeat 15px -3px;
  float:left;
}

#order_menu a {
  width:100%;
  display:block;
}

#order_menu a:hover{
  width:100%;
  background:url(../img/menu5.GIF) no-repeat 15px -25px;
  text-decoration:none;
  border-bottom:none;
}

#links_menu {
  width:120px;
  height:20px;
  float:left;
}

#links_menu a {
  width:100%;
  display:block;
  background:url(../img/menu11.GIF) no-repeat 30px 0;
}

#links_menu a:hover{
  width:100%;
  background:url(../img/menu11.GIF) no-repeat 30px -22px;
  text-decoration:none;
  border-bottom:none;
}

#contact_menu {
  width:100px;
  height:20px;
  float:left;
}

#contact_menu a {
  width:100%;
  display:block;
  background:url(../img/menu6.GIF) no-repeat 10px 0;
}

#contact_menu a:hover{
  width:100%;
  background:url(../img/menu6.GIF) no-repeat 10px -22px;
  text-decoration:none;
  border-bottom:none;
}

/* –{•¶ -----------------------------------------*/
.clr {
  clear:both;
}

#top_left {
  float:left;
}

#info_logo {
  margin-top:10px;
  width:444px;
  height:20px;
}

#info_top {
  width:422px;
  height:20px;
  background:url(../img/info_back1.jpg);
  padding-left:30px;
  padding-top:8px;
}

.info_middle {
  width:422px;
  height:18px;
  background:url(../img/info_back2.jpg);
  padding-left:30px;
}

#info_bottom {
  width:422px;
  height:30px;
  background:url(../img/info_back3.jpg);
  padding-left:30px;
}

#top_right {
  width:300px;
  height:120px;
  background-color:#EEEEDD;
  padding:13px;
  margin:10px 15px 10px 0px;
  float:right;
}

div#title {
  width:815px;
  height:20px;
}

span#title {
  width:400px;
  padding:15px 0px 5px;
  color:#EF810F;
  font-size:15px;
  font-family:Comic Sans MS;
  float:left;
}
div.copyright {
float:right;
text-align:right;
}

div.footer_menu {
float:left;
text-align:center;
vertical-align:middle;
width:430px;
height:50px;
color:#AAAAAA;
}

h1 {
color:#EF810F;
font-size:13px;
font-weight: normal;
}

/* header-navi ------------------------------------------- */

div.header-navi {
  width:815px;
}

div.header-navi ul{
}

div.header-navi ul li{
  position: relative;
  display:block;
  list-style-type:none;
  text-indent:-9999px;
}

table.header-navi {
width:100%;
border-collapse:collapse;
border:0;
}

td.bag {
  width:100px;
  text-align:center;
}

td.bag a {
  width:100%;
  display:block;
  background:url(../img/menu8.GIF) no-repeat 12px 0;
}

td.bag a:hover{
  text-decoration:none;
  border-bottom:none;
  width:100%;
  background:url(../img/menu8.GIF) no-repeat 12px -22px;
}


td.jewelry {
  width:100px;
  text-align:center;
}

td.jewelry a {
  width:100%;
  display:block;
  background:url(../img/menu9.GIF) no-repeat 10px -2px;
}

td.jewelry a:hover{
  text-decoration:none;
  border-bottom:none;
  background:url(../img/menu9.GIF) no-repeat 10px -24px;
  width:100%;
}

td.color {
  width:80px;
}

td.color a {
  width:100%;
  display:block;
  background:url(../img/menu10.GIF) no-repeat 12px 0;
}

td.color a:hover{
  width:100%;
  background:url(../img/menu10.GIF) no-repeat 12px -22px;
  text-decoration:none;
  border-bottom:none;
}

td.access {
  width:14%;
}

td.access a {
  width:100%;
  display:block;
  background:url(../img/menu7.GIF) no-repeat 10px 0;
}

td.access a:hover{
  width:100%;
  background:url(../img/menu7.GIF) no-repeat 10px -22px;
  text-decoration:none;
  border-bottom:none;
}

td.blog {
  width:10%;
}

td.blog a {
  width:100%;
  display:block;
  background:url(../img/menu12.GIF) no-repeat 10px 0;
}

td.blog a:hover{
  width:100%;
  background:url(../img/menu12.GIF) no-repeat 10px -22px;
  text-decoration:none;
  border-bottom:none;
}

td.order {
  width:10%;
  background:url(../img/menu5.GIF) no-repeat 15px -3px;
}

td.order a {
  width:100%;
  display:block;
}

td.order a:hover{
  width:100%;
  background:url(../img/menu5.GIF) no-repeat 15px -25px;
  text-decoration:none;
  border-bottom:none;
}

td.contact {
  width:15%;
}

td.contact a {
  width:100%;
  display:block;
  background:url(../img/menu6.GIF) no-repeat 0px 0;
}

td.contact a:hover{
  width:100%;
  background:url(../img/menu6.GIF) no-repeat 0px -22px;
  text-decoration:none;
  border-bottom:none;
}

li.course {
  background:url(../img/menu2.GIF) no-repeat 10px 0px;
}

li.course a:hover{
  background:url(../img/menu2.GIF) no-repeat 10px -22px;
}

li.collect {
  background:url(../img/menu3.GIF) no-repeat 10px 0;
}

li.collect a:hover{
  background:url(../img/menu3.GIF) no-repeat 10px -22px;
}

li.proc {
  background:url(../img/menu4.GIF) no-repeat 10px 0px;
}

li.proc a:hover{
  background:url(../img/menu4.GIF) no-repeat 10px -22px;
  text-decoration:none;
}

td.top {
  width:7%;
  background:url(../img/menu1.GIF) no-repeat 10px 0;
}

td.top a {
  width:100%;
  display:block;
}

td.top a:hover{
  width:100%;
  background:url(../img/menu1.GIF) no-repeat 10px -22px;
  text-decoration:none;
  border-bottom:none;
}

td.links {
  width:15%;
}

td.links a {
  width:100%;
  display:block;
  background:url(../img/menu11.GIF) no-repeat 30px 0;
}

td.links a:hover{
  width:100%;
  background:url(../img/menu11.GIF) no-repeat 30px -22px;
  text-decoration:none;
  border-bottom:none;
}

div#bagMenu,div#jewelryMenu{
  display:none;
  background-color:#ffffff;
  width:130px;
  height:63px;
  padding-top:5px;
  position:relative;
  left:expression("-100px");
  left:0px;
  top:expression("20px");
  top:0px;
  border:1px outset #CCCCCC;
}

div.contents_nomenu{
padding:20px 10px;
width:790px;
}

/* contact-form ---------------------------------------------- */
input,select,textarea,form {
  border:1px ridge #CCCCCC;
}

input.chkbx{
  border:none;
}
