* {
  padding : 0px;
  margin : 0px;
  font-family : 'Hiragino Kaku Gothic Pro','メイリオ';
  font-size : 14px;
  line-height : 1.6;
  color : #333333;
}
body {
  text-align : center;
}
ul {
  list-style-type : none;
}
#main {
  padding : 0px;
  margin : auto;
  width : 987px;
  height : auto;
  background-color : white;
}
#header {
  width : 989px;
  height : 130px;
  background-color : white;
  text-align : left;
  margin : 25px auto 0 auto;
}
#column {
  margin-top : 16px;
  margin-right : 0px;
  width : 262px;
  float : right;
  background-color : white;
  text-align : left;
}
#cont {
  text-align : left;
  margin-top : 16px;
  margin-left : 0px;
  width : 684px;
  float : left;
  background-color : white;
}
#footer {
  width : 100%;
  margin : 0 auto;
  color : #ffffff;
  font-family : 'Arial';
  text-align : center;
  clear : both;
}

a.navi1 {
  float : left;
  display : block;
  margin-right : 10px;
  width : 110px;
  height : 35px;
  background-image: url('../img/glb_navi_login.jpg');
}
a.navi1:hover {
  background-image: url('../img/glb_navi_login_over.jpg');
}
a.navi2 {
  float : left;
  display : block;
  margin-right : 10px;
  width : 110px;
  height : 35px;
  background-image: url('../img/glb_navi_regist.jpg');
}
a.navi2:hover {
  background-image: url('../img/glb_navi_regist_over.jpg');
}
a.navi3 {
  float : left;
  display : block;
  margin-right : 10px;
  width : 35px;
  height : 35px;
  background-image: url('../img/glb_navi_facebook.jpg');
}
a.navi3:hover {
  background-image: url('../img/glb_navi_facebook_over.jpg');
}
a.navi4 {
  float : left;
  display : block;
  margin-right : 10px;
  width : 70px;
  height : 35px;
  background-image: url('../img/glb_navi_blog.jpg');
}
a.navi4:hover {
  background-image: url('../img/glb_navi_blog_over.jpg');
}
a.navi5 {
  float : left;
  display : block;
  margin-right : 10px;
  width : 110px;
  height : 35px;
  background-image: url('../img/glb_navi_cart.jpg');
}
a.navi5:hover {
  background-image: url('../img/glb_navi_cart_over.jpg');
}
a.navi51 {
  float : right;
  display : block;
  margin-right : 10px;
  width : 110px;
  height : 35px;
  background-image: url('../img/glb_navi_myacount.jpg');
}
a.navi51:hover {
  background-image: url('../img/glb_navi_myacount_over.jpg');
}
a.navi52 {
  float : right;
  display : block;
  margin-right : 10px;
  width : 35px;
  height : 35px;
  background-image: url('../img/glb_navi_facebook.jpg');
}
a.navi52:hover {
  background-image: url('../img/glb_navi_facebook_over.jpg');
}
a.navi53 {
  float : right;
  display : block;
  margin-right : 10px;
  width : 70px;
  height : 35px;
  background-image: url('../img/glb_navi_blog.jpg');
}
a.navi53:hover {
  background-image: url('../img/glb_navi_blog_over.jpg');
}
a.navi54 {
  float : right;
  display : block;
  margin-right : 10px;
  width : 110px;
  height : 35px;
  background-image: url('../img/glb_navi_cart.jpg');
}
a.navi54:hover {
  background-image: url('../img/glb_navi_cart_over.jpg');
}

a.navi11 {
  float : left;
  display : block;
  width : 174px;
  height : 24px;
  background-image: url('../img/glb_navi_about_wl.jpg');
}
a.navi11:hover {
  background-image: url('../img/glb_navi_about_wl_over.jpg');
}
a.navi12 {
  float : left;
  display : block;
  width : 97px;
  height : 24px;
  background-image: url('../img/glb_navi_introduce.jpg');
}
a.navi12:hover {
  background-image: url('../img/glb_navi_introduce_over.jpg');
}
a.navi13 {
  float : left;
  display : block;
  width : 97px;
  height : 24px;
  background-image: url('../img/glb_navi_company.jpg');
}
a.navi13:hover {
  background-image: url('../img/glb_navi_company_over.jpg');
}
a.navi14 {
  float : left;
  display : block;
  width : 97px;
  height : 24px;
  background-image: url('../img/glb_navi_buy.jpg');
}
a.navi14:hover {
  background-image: url('../img/glb_navi_buy_over.jpg');
}
a.navi15 {
  float : left;
  display : block;
  width : 111px;
  height : 24px;
  background-image: url('../img/glb_navi_voice.jpg');
}
a.navi15:hover {
  background-image: url('../img/glb_navi_voice_over.jpg');
}
a.navi16 {
  float : left;
  display : block;
  width : 120px;
  height : 24px;
  background-image: url('../img/glb_navi_faq.jpg');
}
a.navi16:hover {
  background-image: url('../img/glb_navi_faq_over.jpg');
}
a.navi17 {
  float : left;
  display : block;
  width : 91px;
  height : 24px;
  background-image: url('../img/glb_navi_contact.jpg');
}
a.navi17:hover {
  background-image: url('../img/glb_navi_contact_over.jpg');
}

a.navi21 {
  margin-right : 29px;
  float : left;
  display : block;
  width : 310px;
  height : 101px;
  background-image: url('../img/banner_body_dic.png');
}
a.navi21:hover {
  background-image: url('../img/banner_body_dic_over.png');
}
a.navi22 {
  margin-right : 29px;
  float : left;
  display : block;
  width : 310px;
  height : 101px;
  background-image: url('../img/banner_about_wl.png');
}
a.navi22:hover {
  background-image: url('../img/banner_about_wl_over.png');
}
a.navi23 {
  float : left;
  display : block;
  width : 310px;
  height : 100px;
  background-image: url('../img/banner_blog.png');
}
a.navi23:hover {
  background-image: url('../img/banner_blog_over.png');
}

a.navi31 {
  float : left;
  display : block;
  width : 989px;
  height : 410px;
  background-image: url('../img/top_image07.png');
}
a.navi31:hover {
  background-image: url('../img/top_image07_over.png');
}
a.navi32 {
  float : left;
  display : block;
  width : 480px;
  height : 200px;
  background-image: url('../img/banner_otameshi.jpg');
}
a.navi32:hover {
  background-image: url('../img/banner_otameshi_over.jpg');
}
a.navi33 {
  float : right;
  display : block;
  width : 481px;
  height : 200px;
  background-image: url('../img/banner_teiki.jpg');
}
a.navi33:hover {
  background-image: url('../img/banner_teiki_over.jpg');
}
a.navi34 {
  float : right;
  display : block;
  width : 110px;
  height : 25px;
  background-image: url('../img/button_for_list.jpg');
  vertical-align : middle;
}
a.navi34:hover {
  background-image: url('../img/button_for_list_over.jpg');
}
a.navi35 {
  float : right;
  display : block;
  width : 110px;
  height : 25px;
  background-image: url('../img/button_more_read.jpg');
}
a.navi35:hover {
  background-image: url('../img/button_more_read_over.jpg');
}

a         { text-decoration : none; }
a:link    { color : #333333; }
a:visited { color : #333333; }
a:hover   { color : #0085be; }
a:active  { color : #333333; }

#header h1 {
  font-size : x-large;
  color : white;
  text-align : left;
  padding-top : 15px;
  padding-left : 10px;
  display : none;
}
a.navi62 {
  float : left;
  display : block;
  width : 480px;
  height : 200px;
  background-image: url('../img/banner_otameshi_gel.jpg');
}
a.navi62:hover {
  background-image: url('../img/banner_otameshi_over_gel.jpg');
}
a.navi63 {
  float : right;
  display : block;
  width : 481px;
  height : 200px;
  background-image: url('../img/banner_teiki_gel.jpg');
}
a.navi63:hover {
  background-image: url('../img/banner_teiki_over_gel.jpg');
}


.gelpack_img {
  float : left
}

.hydro_img {
  float : right
}