@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; text-indent: -1.3em;}
#main div#aboutBox div.exBox01 ol.no_number li span.list_catch { color: #D2691E; }

#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 {
padding: 0 15px 0 90px;
}
ul.pageNav li {
	float: left;
	width: 272px;
	padding: 3px 3px 1px 0;
}
ul.pageNav li a img {
	vertical-align: bottom;
}
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.life_dd {
margin-left: 0;
}

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 .standardBox {
	position: relative;
	margin-bottom: 25px;
	padding: 7px 0 4px 7px;
	border: 1px solid #E0E0CC;
	background-color: #FDFDF4;
		_zoom: 1;
	}
	div#main.service div#aboutBox .standardBox dl {
		float: left;
		_overflow: hidden;
		width: 321px;
		margin-right: 7px;
		padding-bottom: 3px;
		}
	div#main.service div#aboutBox .standardBox dl.section {
		clear: left;
		}
		div#main.service div#aboutBox .standardBox dl dt {
			_overflow: hidden;
			color: #BC0048;
			font-weight: bold;
			}
			div#main.service div#aboutBox .standardBox dl dt a img {
				padding-top: 5px;
				}
		div#main.service div#aboutBox .standardBox dl dt.img_area {
			text-align: right;
			_line-height: 0;
			}
		div#main.service div#aboutBox .standardBox dl dd {
			font-size: 72%;
			line-height: 1.2;
			}
	div#main.service div#aboutBox .standardBox p {
		position: relative;
		margin-bottom: -28px;
		text-align: center;
		}
div#main.service div#aboutBox ul.servieceList li {
	float: left;
	margin: 0 15px 5px 0;
	}
div#main.service div#aboutBox ul.servieceList li.list_end {
	margin-right: 0;
	}
div#main.service div#aboutBox p.rule_bn {
	clear: both;
	padding: 5px 0 15px;
	text-align: right;
	}
div#main.service div#aboutBox .vipBox {
	padding: 10px 0 10px;
	border-top: 1px dotted #007BC9;
	}
	div#main.service div#aboutBox .vipBox p.icon {
		float: left;
		width: 75px;
		}
	div#main.service div#aboutBox .vipBox dl {
		margin-left: 85px;
		}
			div#main.service div#aboutBox .vipBox dt img {
				vertical-align: top;
				}
			div#main.service div#aboutBox .vipBox dd span {
				color: #A96001;
				font-weight: bold;
				}
	div#main.service div#aboutBox .vipBox ul.company_list {
		margin-left: 85px;
		}
		div#main.service div#aboutBox .vipBox ul.company_list li {
			float: left;
			width: 272px;
			padding: 3px 3px 1px 0;
			}
	div#main.service div#aboutBox .vipBox p.member_caution {
		padding-top: 5px;
		color: #C93011;
		font-weight: bold;
		}
	div#main.service div#aboutBox .vipBox p.detail_bn {
		clear: both;
		padding-top: 5px;
		text-align: right;
		}
	div#main.service div#aboutBox .vipBox p.goTop {
		clear: both;
		}
	div#main.service div#aboutBox .vipBox h4 {
		padding: 15px 0 5px;
		}
	div#main.service div#aboutBox .vipBox ul.ex01 {
		margin-left: 20px;
		}
		div#main.service div#aboutBox .vipBox ul.ex01 li {
			list-style-type: disc;
			}


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 dt span {
					color: #000;
					font-weight: normal;
					}
			div#main.service div#aboutBox div.exBox01 div.life_enjoy_box dl.no_icon dt {
				margin-left: 65px;
				}
	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: url("../images/hl_service_06_01.gif") no-repeat 0 10px; clear: both; margin-top: 0; padding-top: 10px;}
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");}

div#main.service.companies div#aboutBox div.exBox01 dl .shidax_list {
	margin: -15px 0 0;
	}
	div#main.service.companies div#aboutBox div.exBox01 dl .shidax_list dt {
		clear: both;
		}
		div#main.service.companies div#aboutBox div.exBox01 dl dd p.imgStyle04 {
			clear: right;
			float: right;
			margin: -15px 0 5px 10px;
			}
		div#main.service.companies div#aboutBox div.exBox01 dl .shidax_list h4 {
			margin-top: 0;
			color: #0B5E00;
			font-weight: bold;
			padding-top: 10px;
			}
		div#main.service.companies div#aboutBox div.exBox01 dl .shidax_list p {
			margin: 0 20px 0 20px;
			}
		div#main.service.companies div#aboutBox div.exBox01 dl .shidax_list .lead_area {
			margin-right: 190px;
			}
			div#main.service.companies div#aboutBox div.exBox01 dl .shidax_list .lead_area .course {
				font-weight: bold;
				color: #d2691e;
				}
		div#main.service.companies div#aboutBox div.exBox01 dl .shidax_list ul,
		div#main.service.companies div#aboutBox div.exBox01 dl .shidax_list ol {
			margin-left: 40px;
			}
div#main.service.companies div#aboutBox div.exBox01 h4.h4clear {
	clear: both;
	}
div#main.service.companies div#aboutBox div.exBox01 p.banner_area {
	text-align: center;
	}
div#main.service.companies div#aboutBox div.exBox01 p.catch {
	color: #861098;
	font-weight: bold;
	}

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

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,
div#main.service div#aboutBox .standardBox: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,
div#main.service div#aboutBox .standardBox {
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,
* html div#main.service div#aboutBox .standardBox {
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,
div#main.service div#aboutBox .standardBox {
display: block;
}

/* End of ClearFix */