﻿@charset "UTF-8";

@import "common.css";

/*--------------------top_contents-------------*/
#top_main_contents {
  width: 730px;
  margin: 0 auto 50px auto;
}

/*------------------flash_contents----------*/
#flash_contents {
  margin: 40px auto;
  text-align: center;
}

/*-----------------top_contents_list-------------*/
#top_contents_list {
  width: 709px;
  overflow: hidden;
  margin: 40px auto 0 auto;
}

/*-----------------------products_list------------*/
#products_list {
  float: left;
  width: 220px;
  border-left: 1px solid #616161;
  padding: 0 10px 10px 0;
}

#products_title a {
  width: 217px;
  height: 52px;
  display: block;
  text-indent: -9999px;
  background: url(../images/img_title_index_01.gif) left no-repeat;
}

#products_title a:hover { background: url(../images/img_title_index_01.gif) -217px no-repeat; }

#products_list p {
  margin: 0;
}

#products_list li a {
  width: 216px;
  height: 36px;
  display: block;
  text-indent: -9999px;
}

#nail a { background: url(../images/btn_top_products_01.gif) left no-repeat; }

#nail a:hover { background: url(../images/btn_top_products_01.gif) -216px no-repeat; }

#lip a { background: url(../images/btn_top_products_02.gif) left no-repeat; }

#lip a:hover { background: url(../images/btn_top_products_02.gif) -216px no-repeat; }

#eye a { background: url(../images/btn_top_products_03.gif) left no-repeat; }

#eye a:hover { background: url(../images/btn_top_products_03.gif) -216px no-repeat; }

#face a { background: url(../images/btn_top_products_04.gif) left no-repeat; }

#face a:hover { background: url(../images/btn_top_products_04.gif) -216px no-repeat; }

/*-----------------------all_about_us_list------------*/
#all_about_us_list {
  float: left;
  width: 220px;
  border-left: 1px solid #616161;
  padding: 0 10px 10px 0;
}

#all_about_us_title a {
  width: 217px;
  height: 52px;
  display: block;
  text-indent: -9999px;
  background: url(../images/img_title_index_02.gif) left no-repeat;
}

#all_about_us_title a:hover { background: url(../images/img_title_index_02.gif) -217px no-repeat; }

#all_about_us_list p {
  margin: 0;
}

#all_about_us_list li a {
  width: 216px;
  height: 36px;
  display: block;
  text-indent: -9999px;
}

#summary a { background: url(../images/btn_top_allabout_01.gif) left no-repeat; }

#summary a:hover { background: url(../images/btn_top_allabout_01.gif) -216px no-repeat; }

#message a { background: url(../images/btn_top_allabout_02.gif) left no-repeat; }

#message a:hover { background: url(../images/btn_top_allabout_02.gif) -216px no-repeat; }

#feature a { background: url(../images/btn_top_allabout_03.gif) left no-repeat; }

#feature a:hover { background: url(../images/btn_top_allabout_03.gif) -216px no-repeat; }

#recrult a { background: url(../images/btn_top_allabout_04.gif) left no-repeat; }

#recrult a:hover { background: url(../images/btn_top_allabout_04.gif) -216px no-repeat; }

/*--------------english_menu-------------------*/

#summary_e a { background: url(../images/btn_top_allabout_01_e.gif) left no-repeat; }

#summary_e a:hover { background: url(../images/btn_top_allabout_01_e.gif) -216px no-repeat; }

#message_e a { background: url(../images/btn_top_allabout_02_e.gif) left no-repeat; }

#message_e a:hover { background: url(../images/btn_top_allabout_02_e.gif) -216px no-repeat; }

#feature_e a { background: url(../images/btn_top_allabout_03_e.gif) left no-repeat; }

#feature_e a:hover { background: url(../images/btn_top_allabout_03_e.gif) -216px no-repeat; }

#recrult_e a { background: url(../images/btn_top_allabout_04_e.gif) left no-repeat; }

#recrult_e a:hover { background: url(../images/btn_top_allabout_04_e.gif) -216px no-repeat; }


/*-----------------------facilities_list------------*/
#facilities_list {
  float: left;
  width: 240px;
  border-left: 1px solid #616161;
  padding: 0 0 10px 0;
}

#facilities_title a {
  width: 221px;
  height: 43px;
  display: block;
  text-indent: -9999px;
  background: url(../images/img_title_index_03.gif) left no-repeat;
}

#facilities_title a:hover { background: url(../images/img_title_index_03.gif) -221px no-repeat; }

#facilities_list p {
  margin: 0;
}

#facilities_list span {
  display: block;
  margin-left: 18px;
}

#facilities_list a {
  font-size: 10px;
}

#facilities_list a:hover {
  font-size: 10px;
}

#faciliteis_list_border {
  border-bottom: 1px dotted #999;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

/*-------------------------iso_logo-----------*/
#iso_logo {
  margin: 10px 0;
  text-align: right;
}