@charset "utf-8";

/*------------------------------------------------------------------------------
COCOMUS - CSS Modules Import
Date: 2008-04-16
Copyright (C) COCOMUS. All Rights Reserved.
------------------------------------------------------------------------------*/
/* ----------------------------------------

Redefine - other

---------------------------------------- */

#header h1 {
background: #fff url("../images/img_logo.gif") top left no-repeat;
}

#main {
width: 685px;
}

#main h2 {
height: 24px;
margin-top: 20px;
margin-left: 20px;
}

#main p.goTop {
margin-top: 10px;
margin-right: 10px;
text-align: right;
}

#main p.goTop a {
padding-left: 12px;
background: url("../images/icon_gotop_01.gif") left center no-repeat;
}

/* ----------------------------------------

Redefine - main

---------------------------------------- */

#main div#aboutBox {
padding: 0 0 0 20px;
}

#main div#aboutBox h3.headline {
height: 29px;
margin-top: 20px;
background-position: top left;
background-repeat: no-repeat;
text-indent: -9999em;
}

#main div#aboutBox div.exBox01 {
padding: 0 20px;
}

#main div#aboutBox div.exBox01 p,
#main div#aboutBox div.exBox01 ul,
#main div#aboutBox div.exBox01 ol,
#main div#aboutBox div.exBox01 dt {
margin-top: 10px;
}

#main div#aboutBox div.exBox01 h4 {
margin-top: 15px;
}

#main div#aboutBox div.exBox01 ul.ex01 { margin-left: 20px;}
#main div#aboutBox div.exBox01 ul.ex01 li { list-style-type: disc;}

#main div#aboutBox div.exBox01 ol { margin-left: 20px;}
#main div#aboutBox div.exBox01 ol li { list-style-type: decimal;}

#main div#aboutBox div.exBox01 ol li ul{ margin: 0 20px 10px 0;}
#main div#aboutBox div.exBox01 ol li ul li{ list-style-type: disc;}

#main div#aboutBox div.exBox01 dd ul,
#main div#aboutBox div.exBox01 dd ol { margin-top: 0; margin-left: 20px;}
#main div#aboutBox div.exBox01 dd ul li { list-style-type: disc;}

#main div#aboutBox div.exBox01 p.imgStyle01 { text-align: center;}
#main div#aboutBox div.exBox01 p.imgStyle02 {
margin-top: 20px;
text-align: center;
}

/* ここむすについての主なメニューここから */
#main div#aboutBox dl#aboutNav {
margin-top: 20px;
}

#main div#aboutBox dl#aboutNav dt {
display: none;
}

#main div#aboutBox dl#aboutNav dd ul li {
display: inline;
margin-right: 5px;
}

#main div#aboutBox dl#aboutNav dd ul li.listEnd {
margin-right: 0;
}
/* ここむすについての主なメニューここまで */

/* 注意文 */
#main div#aboutBox p.about_caution img {
padding-top: 15px;
}
/* /注意文 */

/* ----------------------------------------

Redefine - ここむすについてトップ

---------------------------------------- */
div#main.index div#greeting {
margin-top: 20px;
background: url("../images/bg_greeting_border_01.gif") top left repeat-y;
}

div#main.index div#greeting h3 {
height: 110px;
background: url("../images/hl_greeting_01.gif") top left no-repeat;
text-indent: -9999em;
}

div#main.index div#greeting p {
margin-top: 10px;
padding: 0 35px;
}

div#main.index div#greeting p.ex01 {
padding: 0 35px 20px 35px;
background: url("../images/bg_greeting_foot_01.gif") bottom left no-repeat;
text-align: right;
color: #bc0048;
}

#main.index div#aboutBox div.exBox01.ex01 {
min-height: 130px;
padding-left: 124px;
background: url("../images/bg_main_01.gif") 1em 0.3em no-repeat;
}

* html #main.index div#aboutBox div.exBox01.ex01 {
height: 130px;
}

div#main.index div#aboutBox h3#hl01 { background-image: url("../images/hl_about_01_01.gif");}
div#main.index div#aboutBox h3#hl02 { background-image: url("../images/hl_about_01_02.gif");}


/* ----------------------------------------

Redefine - 制度概要

---------------------------------------- */
div#main.rule div#aboutBox dl.ex01 dt {
color: #871099;
}

div#main.rule div#aboutBox dl.ex01 dd {
padding: 10px;
border: 1px solid #871099;
}

div#main.rule div#aboutBox ol.ex02 {
padding-right: 164px;
background: url("../images/img_dummy_02.gif") top right no-repeat;
}

div#main.rule div#aboutBox div.ex03 {
background: url("../images/bg_about_01.gif") top right no-repeat;
}

div#main.rule div#aboutBox div.ex03 dd.ex01 {
padding-right: 164px;
}

div#main.rule div#aboutBox h3#hl01 { background-image: url("../images/hl_about_02_01.gif");}
div#main.rule div#aboutBox h3#hl02 { background-image: url("../images/hl_about_02_02.gif");}
div#main.rule div#aboutBox h3#hl03 { background-image: url("../images/hl_about_02_03.gif");}

/* ----------------------------------------

Redefine - ここむすカンパニーズ

---------------------------------------- */
ul.pageNav {
margin-top: 20px;
padding: 10px 15px;
border: 1px solid #ddd;
}
ul.pageNav li a {
padding-left: 15px;
background: url("../../../images/common/icon_arrow_01.gif") center left no-repeat;
}
div#main.service div#aboutBox div.exBox01 ul.ex01 li strong {
color: #cc3300 ;
font-weight: bold ;
}
/* ----------------------------------------

Redefine - 共通指定

---------------------------------------- */

div#main.service div#aboutBox dl#exTitle01 {
margin-top: 20px;
}

div#main.service div#aboutBox dl#exTitle01 dt {
margin-top: 5px;
margin-right: 20px;
float: left;
}

div#main.service div#aboutBox dl#exTitle01 dd h3 {
line-height: 1.4;
font-size: 130%;
font-weight: 700;
color: #009b8b;
}

div#main.service div#aboutBox div.exBox01 p.notes {
margin-top: 5px;
font-size: 93%;
line-height: 1.3;
}

div#main.service div#aboutBox div.exBox01 dt {
font-weight: 700;
color: #861098;
}

div#main.service div#aboutBox div.exBox01 ul.links li {
list-style: none;
}

div#main.service div#aboutBox div.exBox01 ul.links li a {
padding-left: 15px;
background: url("./../../parts/images/icon_arrow_01.gif") center left no-repeat;
}
div#main.service p.fontCaution {
margin-top: 0 !important;
margin-left: 5px !important;
color: rgb(222,35,35);
font-size: 100%;
font-weight: bold;
}

/* ----------------------------------------

Redefine - 会員特典サービストップ

---------------------------------------- */

div#main.service div#aboutBox div.serviceList h4 {
margin-top: 5px;
margin-right: 20px;
margin-bottom: 7px;
float: left;
}

div#main.service div#aboutBox div.serviceList dl {
}

div#main.service div#aboutBox div.serviceList dt {
margin-top: 0;
font-weight: 700;
color: #bc0048;
}

div#main.service div#aboutBox div.serviceList.ex01 {
padding-right: 0;
}

div#main.service div#aboutBox div.serviceList.ex01 ul li {
width: 316px;
margin-bottom: 10px;
float: left;
}

div#main.service div#aboutBox div.serviceList.ex01 ul li.ex02 {
float: right;
}

div#main.service div#aboutBox h3#hl01 { margin-bottom: 10px; background-image: url("../images/hl_service_01_01.gif");}
div#main.service div#aboutBox h3#hl02 { margin-bottom: 10px; background-image: url("../images/hl_service_01_02.gif");}
div#main.service div#aboutBox h3#hl03 { margin-bottom: 10px; background-image: url("../images/hl_service_01_03.gif");}
div#main.service div#aboutBox h3#hl04 { margin-bottom: 10px; background-image: url("../images/hl_service_01_04.gif");}
div#main.service div#aboutBox h3#hl05 { margin-bottom: 10px; background-image: url("../images/hl_service_01_05.gif");}


/* ----------------------------------------

Redefine - 生活応援団

---------------------------------------- */
div#main.service div#aboutBox div.exBox01 div.lifeBox {
margin-top:20px;
border-top: 1px dashed rgb(116,112,35);
}

div#main.service div#aboutBox div.exBox01 div.lifeBox div.lifeBoxMini{
float: left;
width: 310px;
}

div#main.service div#aboutBox div.exBox01 div.lifeBox div.lifeBoxMini p{
width: 270px;
}

div#main.service div#aboutBox div.exBox01 div.lifeBox div.lifeBoxMini p.notes2{
margin: 0 0 10px;
color: #C93011;
}

div#main.service div#aboutBox div.exBox01 div.lifeBox div.lifeBoxMini img.lifeReport{
margin-left: 75px;
}

div#main.service div#aboutBox div.exBox01 div.lifeBox p.lifeComentL {
width: 380px;
margin-right: 20px;
float: left;
}

div#main.service div#aboutBox div.exBox01 div.lifeBox ul {
width: 210px;
float: left;
}

div#main.service div#aboutBox div.exBox01 div.shopStyle p.lifeComentL {
width: 369px;
margin-right: 20px;
float: left;
}

div#main.service div#aboutBox div.exBox01 div.shopStyle ul {
width: 221px;
float: left;
margin: 0;
}


/* ----------------------------------------

Redefine - VIPクラブオフ

---------------------------------------- */

div#main div.vipJump {
float: right;
width: 243px;
margin-top: 18px;
}

div#main.service div#aboutBox h3.vip {
margin-left: 20px;
line-height: 1.4;
font-size: 130%;
font-weight: 700;
color: #9f4591;
}


/* ----------------------------------------

Redefine - カンパニーズ

---------------------------------------- */

div#main.service.companies div#aboutBox div.exBox01 p.imgStyle03 {
margin: 0 0 10px 20px;
float: right;
}

div#main.service.companies div#aboutBox div.exBox01 dd ol ol { margin-top: 0; margin-left: 25px;}

div#main.service.companies div#aboutBox h3#hl01 { background-image: url("../images/hl_service_06_01.gif");}
div#main.service.companies div#aboutBox h3#hl02 { background-image: url("../images/hl_service_06_02.gif");}
div#main.service.companies div#aboutBox h3#hl03 { background-image: url("../images/hl_service_06_03.gif");}
div#main.service.companies div#aboutBox h3#hl04 { background-image: url("../images/hl_service_06_04.gif");}

/* ----------------------------------------

ClearFix

---------------------------------------- */

/* modern browsers */

div#main.service div#aboutBox div.serviceList.ex01 ul:after,
div#main.service div#aboutBox dl#exTitle01:after,
div#main.service div#aboutBox div.exBox01 div.lifeBox:after,
div#main.service.companies div#aboutBox div.exBox01:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/* IE以外 */
html>/**/body div#main div.vipJump {
margin-top: 0;
}

/* IE7 */

div#main.service div#aboutBox div.serviceList.ex01 ul,
div#main.service div#aboutBox dl#exTitle01,
div#main.service div#aboutBox div.exBox01 div.lifeBox,
div#main.service.companies div#aboutBox div.exBox01 {
display: inline-block;
}

/* legacy IE */

* html div#main.service div#aboutBox div.serviceList.ex01 ul,
* html div#main.service div#aboutBox dl#exTitle01,
* html div#main.service div#aboutBox div.exBox01 div.lifeBox,
* html div#main.service.companies div#aboutBox div.exBox01 {
height: 1%;
}

div#main.service div#aboutBox div.serviceList.ex01 ul,
div#main.service div#aboutBox dl#exTitle01,
div#main.service div#aboutBox div.exBox01 div.lifeBox,
div#main.service.companies div#aboutBox div.exBox01 {
display: block;
}

/* End of ClearFix */