@charset "utf-8";
@import  "common.css";

/* -*- Encoding: utf8n -*- */

/* body
 ------------------------------------------*/
html {
  height:100%;
}
body {
  background-color:#fff;
}
/* form
 ------------------------------------------*/
.form_error {
  color:red; font-size:11px; display:block; padding-top:3px;
}
input.text {
  border:1px solid #888; margin:0; font-size:16px; height:22px; padding:1px; background-color:#fcfcfc;
}
textarea {
  border:1px solid #888;
}
form dl dt {
  float:left; display:inline; padding:0; margin:0; height:26px; line-height:26px;
}
form dl dd.field {
  padding:0; margin:0; padding-left:35px;
}
form dl dd.must {
  background:url(../images/ico_must.gif) no-repeat 0 3px;
}
form dl dd.opt {
  background:url(../images/ico_opt.gif) no-repeat 0 3px;
}
form dl dd.help {
  clear:both; padding-left:155px; border-bottom:1px dashed #e0e0e0; margin:0; padding:0; padding-top:3px; padding-bottom:3px; margin-bottom:10px;
}
form dl dd.help span {
  display:none;
}
/* form text
 ------------------------------------------*/
form input.text_name {
  width:200px;
}
form input.text_zip {
  width:88px;
}
form input.text_addr {
  width:400px;
}
form input.text_tel, form input.text_fax {
  width:150px;
}
form input.text_mail {
  width:300px;
}
form textarea.message {
  width:400px; height:150px;
}
/* link
 ------------------------------------------*/
a {
  color:#000; text-decoration:none; outline: none;
}
a:hover {
  color:#000; text-decoration:underline;
}
/* layout 
 ------------------------------------------*/
dl.col2 dt, dl.col2 dd {
  float:left; display:inline;
}
/* base layout
 ------------------------------------------*/
#container {
  width:100%; border-top:10px solid #f2f6da;
}
#header {
  width:1000px; margin:0 auto; height:75px; position:relative;
}
#footer {
  width:100%; margin:0 auto; clear:both; background:url(../images/bg_footer.gif) repeat-x;
}
#banner {
  width:100%; height:192px; margin:0 auto; background:url(../images/bg_banner.jpg) repeat-x; text-align:center; border-bottom:3px solid #e0c678; overflow:hidden;
}
#content {
  width:100%; background:url(../images/bg_content.jpg) repeat-x;
}
#content.index {
  width:1000px; margin:0 auto; background:none; height:auto;
}
#content #main {
  width:960px; margin:0 auto;
}
#content #main #left {
  float:left; display:inline; width:720px;
}
#content #main #right {
  float:left; display:inline; width:238px; background-color:#f7fbed; border:1px solid #ccc; border-width:0 1px;
}
/* header
 ------------------------------------------*/
#header h1 {
 width:131px; height:40px; position:absolute; top:30px; left:21px;
}
#header h1 a {
  background:url(../images/logo_main.jpg) no-repeat; display:block; width:100%; height:100%;
}
#header p {
  background:url(../images/logo_sub.jpg) no-repeat; width:123px; height:22px; text-indent:-9999px; position:absolute; top:42px; left:160px;
}
/* header navi
 ------------------------------------------*/
#header ul.navi {
  position:absolute; top:10px; left:873px;
}
#header ul.menu {
  position:absolute; top:36px; left:312px; height:39px; background:url(../images/menu_separator.gif) no-repeat right bottom;
}
/* navi and menu
 ------------------------------------------*/
ul.navi li,  ul.menu li {
  float:left; display:inline;
}
ul.navi li.navi01 {
  width:65px; border-right:1px solid #999999;
}
ul.navi li.navi02 {
  margin-left:7px;
}
ul.navi li a {
  display:block; height:9px; background-repeat:no-repeat;
}
ul.navi li.navi01 a {
  background:url(../images/navi_privacy.gif); width:57px;
}
ul.navi li.navi02 a {
  background:url(../images/navi_sitemap.gif); width:34px;
}
ul.menu li {
  height:39px; background:url(../images/menu_separator.gif) no-repeat 0px bottom; padding:0 8px;
}
ul.menu li a {
  display:block; height:15px; margin-top:18px; background-repeat:no-repeat;
}
ul.menu li.menu01 a {
  background:url(../images/menu_news.gif); width:33px;
}
ul.menu li.menu02 a {
  background:url(../images/menu_collection.gif); width:64px;
}
ul.menu li.menu03 a {
  background:url(../images/menu_concept.gif); width:109px;
}
ul.menu li.menu04 a {
  background:url(../images/menu_handling.gif); width:150px;
}
ul.menu li.menu05 a {
  background:url(../images/menu_shops.gif); width:91px;
}
ul.menu li.menu06 a {
  background:url(../images/menu_company.gif); width:60px;
}
ul.menu li.menu07 a {
  background:url(../images/menu_contact.gif); width:49px;
}
/* footer
 ------------------------------------------*/
#footer .bottom {
   height:77px; width:1000px; margin:0 auto; position:relative;
}
#footer p.logo {
 width:131px; height:40px; position:absolute; top:9px; left:20px;
}
#footer p.logo a {
  background:url(../images/logo_main.jpg) no-repeat; display:block; width:100%; height:100%;
}
#footer ul.menu {
  position:absolute; top:21px; left:312px; height:39px; background:url(../images/menu_separator.gif) no-repeat right bottom;
}
#footer ul.navi {
  position:absolute; top:66px; left:20px;
}
#footer p.copy {
  background:url(../images/copy.gif) no-repeat; position:absolute; top:66px; left:830px; height:9px; width:172px;
}
/* right banner
 ------------------------------------------*/
#right .right_wrap {
  height:100%;
}
#online_shop {
  height:93px; background:url(../images/bg_content_bottom.gif) repeat-x 0 bottom;
}
#online_shop .banner, #online_shop .banner2 {
  width:960px; margin:0 auto;
}
#online_shop .banner p {
  float:right; width:238px; height:93px; background:#f7fbed url(../images/bg_content_bottom.gif) repeat-x 0 bottom; border:1px solid #ccc; border-width:0 1px;
}
#online_shop .banner2 p {
  float:right; width:240px; height:93px; background:url(../images/bg_content_bottom.gif) repeat-x 0 bottom;
}
#online_shop .banner a {
  background:url(../images/btn_shop.jpg) no-repeat; width:182px; height:93px; display:block; margin:0 auto;
}
#online_shop .banner2 a {
  background:url(../images/btn_shop2.jpg) no-repeat; width:182px; height:93px; display:block; margin:0 auto;
}
/* partner
 ------------------------------------------*/
.partner #left .shop_list a {
  color:#b98f15;
}
.partner #left .shop_list {
  padding-top:20px;
}
.partner #left .shop_list h2 {
  background:url(../images/banner_shoplist.png) no-repeat; height:32px; line-height:32px; font-weight:bold; text-indent:40px;
}
.partner #left .shop_list h3 {
  background:url(../images/ico_shop_list_pref.gif) no-repeat; height:14px; line-height:14px; text-indent:20px; padding-bottom:5px; margin:20px 0 20px 10px; border-bottom:1px solid #cccccc; width:680px;
}
.partner #left .shop_list .col2 {
  padding-bottom:20px;
}
.partner #left .shop_list .col2 .row {
  background:url(../images/line_vsplit.gif) repeat-y 50% top; width:740px; overflow:hidden; _width:720px;
}
.partner #left .shop_list .col2 .row dl.l {
  width:370px; float:left; display:inline; _width:360px;
}
.partner #left .shop_list .col2 .row dl.r {
  width:340px; float:left; display:inline; margin-left:30px; _width:320px;
}
.partner #left .shop_list .col2 .row dl {
  padding-bottom:20px;
}
.partner #left .shop_list .col2 .row dl dt {
  background:url(../images/ico_arrow_right_black.gif) no-repeat 0 50%; height:14px; line-height:14px; padding-left:10px;
}
.partner #left .shop_list .col2 .row dl dd {
  padding-left:10px;
}
.partner #right .shop_list {
  width:200px; margin:0 auto; padding-top:60px; padding-bottom:30px;
}
.partner #right .shop_list dl {
  margin-bottom:10px;
}
.partner #right .shop_list dl dt {
  border-bottom:1px solid #cccccc; margin-bottom:5px;
}
.partner #right .shop_list dl dd {
  background:url(../images/ico_arrow_right.gif) no-repeat 0 50%; height:20px; padding-left:15px;
}
.partner #right .shop_list dl dd a {
  display:block; height:20px; line-height:20px;
}
/* quality
 ------------------------------------------*/
.quality #main a {
  color:#b98f15;
}
.quality #main {
  padding:20px 0;
}
.quality #main .top_message h2 {
  /* background:url(../images/banner_shoplist.png) no-repeat; */ height:32px; line-height:32px; font-size:18px; font-weight:bold; text-indent:40px; text-indent:272px; border-bottom:1px solid #ccc;
}
.quality #main .top_message p {
  padding-top:10px; line-height:1.75em; /*font-weight:bold;*/ font-size:14px; text-align:center;
}
.quality #main .row {
  margin-top:30px; margin-bottom:30px;
}
.quality #main .col2 {
  float:left; display:block; width:50%;
}
.quality #main .col2 h3 {
  background:url(../images/banner_shoplist.png) no-repeat; height:32px; line-height:32px; font-weight:bold; text-indent:40px; margin-bottom:10px;
}
.quality #main .col2 img {
  border:1px solid #e0c678; float:left; display:inline; margin-right:10px;
}
.quality #main .col2 p {
  float:left; display:inline; width:220px; text-indent:1em;
}
/* company
 ------------------------------------------*/
.company #main #left {
  background:url(../images/bg_company.jpg) no-repeat 450px top;
}
.company #main .company_profile {
  padding-top:50px;
}
.company #main .company_profile p {
  background:url(../images/ico_arrow_right.gif) no-repeat 0 50%; padding-left:15px;
}
.company #main .company_profile p a {
  color:#b98f15;
}
.company #main .company_profile dl {
  width:500px; padding-bottom:40px;
}
.company #main .company_profile dl dt {
  padding-top:10px; float:left; width:100px; display:inline;
}
.company #main .company_profile dl dd {
  padding-top:10px; margin-left:100px; width:400px; _width:390px;
}
/* handling
 ------------------------------------------*/
.handling #left {
  background:url(../images/bg_handling.jpg) no-repeat 100px 170px;
}
.handling #left .left_wrap {
  padding-top:20px; padding-bottom:280px;
}
.handling #left .left_wrap h2 {
  background:url(../images/banner_shoplist.png) no-repeat; height:32px; line-height:32px; font-weight:bold; text-indent:40px;
}
.handling #left .left_wrap p {
  padding-top:20px; padding-bottom:30px; line-height:1.75em;
}
/* inquiry
 ------------------------------------------*/
.inquiry #left .left_wrap {
  padding-top:20px;
}
.inquiry #left .left_wrap h2 {
  background:url(../images/banner_shoplist.png) no-repeat; height:32px; line-height:32px; font-weight:bold; text-indent:40px;
}
.inquiry #left .thunks {
  padding-top:20px;
}
.inquiry #left form {
  width:560px; padding-top:20px;
}
.inquiry #left form dl dt {
  width:120px;
}
.inquiry #left form dl dd.field {
  margin-left:120px;
}
.inquiry #left form dl dd.help {
  padding-left:155px;
}
.inquiry_done #left {
  height:250px;
}

/* sitemap
 ------------------------------------------*/
.sitemap #left .left_wrap {
  padding-top:20px;
}
.sitemap #left .left_wrap h2 {
  background:url(../images/banner_shoplist.png) no-repeat; height:32px; line-height:32px; font-weight:bold; text-indent:40px;
}
.sitemap #left .left_wrap p {
  padding-top:20px; padding-bottom:30px; line-height:1.75em;
}
.sitemap #left .left_wrap ul {
  margin-top:30px;
}
.sitemap #left .left_wrap ul li {
  background:url(../images/ico_arrow_right.gif) no-repeat 0 50%; padding-left:20px; height:20px; margin-left:3px;
}
/* policy
 ------------------------------------------*/
.policy #left .left_wrap {
  padding-top:20px; padding-right:30px;
}
.policy #left .left_wrap h2 {
  background:url(../images/banner_shoplist.png) no-repeat; height:32px; line-height:32px; font-weight:bold; text-indent:40px;
}
.policy #left .left_wrap p {
  padding-top:20px; padding-bottom:30px; line-height:1.75em;
}
.policy #left .left_wrap h3 {
  padding:0; margin:0; font-weight:bold; margin-top:30px; background:url(../images/ico_shop_list_pref.gif) no-repeat 0 50%; padding-left:15px;
}
.policy #left .left_wrap p {
  padding:0; margin:10px 0;
}
.policy #left .left_wrap dt {
  float:left; display:inline; width:200px;
}
.policy #left .left_wrap dd {
  margin-left:200px;
}
.policy #left .left_wrap ol {
  padding-left:2em;
}
/* news
 ------------------------------------------*/
.news #left .left_wrap {
  padding-top:20px; padding-right:30px;
}
.news #left .left_wrap h2 {
  background:url(../images/banner_shoplist.png) no-repeat; height:32px; line-height:32px; font-weight:bold; text-indent:40px;
}
.news #left .item {
  padding-top:15px; padding-bottom:30px;
}
.news #left .item .images {
  /*float:left; margin-right:5px;*/
}
.news #left .item .images img {
  border:1px solid #c0c0c0; margin-right:10px;
}
/* collection
 ------------------------------------------*/
#content.collection {
  text-align:center; width:100%; height:550px;
}
#content.collection div {
  background:url(../images/bg_collection.jpg) repeat-x; text-align:center; /*width:960px; margin:0 auto;*/
}
#content.collection img {
  border:1px solid #f0f0f0;
}
/* collection_child
 ------------------------------------------*/
.collection_child #main {
  padding-top:40px;
}
.collection_child #collection_left {
  width:380px; float:left; display:inline;
}
.collection_child #collection_right {
  width:578px; float:left; display:inline;
}
.collection_child #collection_right .images {
  background-color:#ccc; width:554px; height:134px; margin:0 auto; overflow:hidden;
}
.collection_child #collection_right .images li {
  float:left; display:inline; margin-right:1px;
}
.collection_child #collection_right .images li.img3 {
  margin-right:0px;
}

/* collection_child sweet
 ------------------------------------------*/
.collection_child .message {
  padding-bottom:30px;
}
.collection_child #collection_right .sweet h2 {
  background:url(../images/collection_sweet_logo.jpg) no-repeat; width:578px; height:85px; text-indent:-9999px;
}
.collection_child #collection_right .swing h2 {
  background:url(../images/collection_swing_logo.jpg) no-repeat; width:578px; height:85px; text-indent:-9999px;
}
.collection_child #collection_right .glamour h2 {
  background:url(../images/collection_glamour_logo.jpg) no-repeat; width:578px; height:85px; text-indent:-9999px;
}
.collection_child #collection_right .classic h2 {
  background:url(../images/collection_classic_logo.jpg) no-repeat; width:578px; height:85px; text-indent:-9999px;
}
.collection_child #collection_right .letters h2 {
  background:url(../images/collection_letters_logo.jpg) no-repeat; width:578px; height:85px; text-indent:-9999px;
}