@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.no_number { margin-left: 0;}
#main div#aboutBox div.exBox01 ol.no_number li { list-style-type: none;}

#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 ol.no_number li ul{ margin: 0 0 10px 40px;}
#main div#aboutBox div.exBox01 ol.no_number 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 {
margin-left: 90px;
}

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 {
padding-bottom: 5px;
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;
}
div#main.service .caution {
	color: #C93011;
	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.life_enjoy_box {
	position: relative;
	margin-top: 35px;
	padding: 10px;
	background-color: #E6F5FB;
	}
	div#main.service div#aboutBox div.exBox01 div.life_enjoy_box h4 {
		position: relative;
		margin-top: -35px;
		text-align: center;
		}
		div#main.service div#aboutBox div.exBox01 div.life_enjoy_box dl {
			clear: both;
			padding: 5px 0;
			border-top: 1px dotted #1C5EAA;
			}
		div#main.service div#aboutBox div.exBox01 div.life_enjoy_box dl.first {
			border-top: 0 none
			}
			div#main.service div#aboutBox div.exBox01 div.life_enjoy_box dl dt {
				position: relative;
				float: left;
				width: 60px;
				margin-top: 0;
				}
				div#main.service div#aboutBox div.exBox01 div.life_enjoy_box dl dt img {
					margin-top: 5px;
					}
			div#main.service div#aboutBox div.exBox01 div.life_enjoy_box dl dd {
				margin-left: 65px;
				}
				div#main.service div#aboutBox div.exBox01 div.life_enjoy_box dl dd h5 {
					font-weight: bold;
					}
			div#main.service div#aboutBox div.exBox01 div.life_enjoy_box dl.no_icon dt {
				float: none;
				width: auto;
				color: #03566F;
				}
			div#main.service div#aboutBox div.exBox01 div.life_enjoy_box dl.no_icon dd {
				margin-left: 0;
				}
	div#main.service div#aboutBox div.exBox01 div.vip_box {
		margin-top: 50px;
		padding: 10px 10px 0;
		border: 1px solid #76560C;
		background-color: #FFF;
		}
		div#main.service div#aboutBox div.exBox01 div.vip_box h4 {
			margin-top: -32px;
			}
		div#main.service div#aboutBox div.exBox01 div.vip_box p {
			padding-bottom: 5px;
			}
		div#main.service div#aboutBox div.exBox01 div.vip_box .vip_life,
		div#main.service div#aboutBox div.exBox01 div.vip_box .vip_book,
		div#main.service div#aboutBox div.exBox01 div.vip_box .vip_fax {
			background: url(../images/hl_service_life_chip.gif) repeat-x;
			}
			div#main.service div#aboutBox div.exBox01 div.vip_box .vip_life dl { background: url(../images/life_image05.gif) no-repeat 500px 13px; }
			div#main.service div#aboutBox div.exBox01 div.vip_box .vip_book dl { background: url(../images/life_image06.gif) no-repeat 500px 13px; }
			div#main.service div#aboutBox div.exBox01 div.vip_box .vip_fax dl { background: url(../images/life_image07.gif) no-repeat 500px 13px; }
			div#main.service div#aboutBox div.exBox01 div.vip_box dl {
				position: relative;
				padding: 10px 90px 10px 0;
				min-height: 81px;
				_height: 81px;
				border: 0 none;
				}
				div#main.service div#aboutBox div.exBox01 div.vip_box dl dt {
					width: 75px;
					}
				div#main.service div#aboutBox div.exBox01 div.vip_box dl dd {
					margin-left: 85px;
					}
					div#main.service div#aboutBox div.exBox01 div.vip_box dl dd h5 {
						color: #342B00
						}




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

Redefine - VIPクラブオフ

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

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

div#main.service div#aboutBox dl#exTitle01 dd.float_off {
	margin-left: 0;
	}
div#main.service div#aboutBox div.exBox01 dl.vip_info dt {
	margin-left: 50px;
	}
div#main.service div#aboutBox div.exBox01 dl.vip_info dd {
	margin-top: 0;
	text-align: center;
	}



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

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");}

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

Redefine - 健康相談24

---------------------------------------- */
div#main.service div#aboutBox div.exBox01 ul.freecall_notes {
	margin: 0;
	padding: 10px;
	border: 1px solid #CC3300;
	background-color: #FFFFF5;
	}
	div#main.service div#aboutBox div.exBox01 ul.freecall_notes li {
		list-style: none;
		}

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

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 */