@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 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;
}
/* ここむすについての主なメニューここまで */

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

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");}
div#main.index div#aboutBox h3#hl03 { background-image: url("../images/hl_about_01_03.gif");}

#main.index div#aboutBox table.company_info {
	width: 655px;
	margin: 20px auto 10px;
	}
	#main.index div#aboutBox table.company_info th {
		width: 120px;
		padding: 5px;
		border: 1px solid #34AC53;
		background-color: #E6EED7;
		font-weight: bold;
		text-align: center;
		}
	#main.index div#aboutBox table.company_info td {
		padding: 5px;
		border: 1px solid #34AC53;
		}
		#main.index div#aboutBox table.company_info td dl dt {
			clear: both;
			float: left;
			width: 6em;
			text-align: right;
			}
		#main.index div#aboutBox table.company_info td dl dd {
			margin-left: 6.5em;
			}

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

Redefine - 制度概要

---------------------------------------- */
div#main.rule div#aboutBox div.exBox01 .member_box {
	position: relative;
	margin-top: 31px;
	padding: 10px;
	border: 1px solid #7FBDE4;
	}
	div#main.rule div#aboutBox div.exBox01 .member_box h4 {
		position: relative;
		margin-top: -21px;
		}
	div#main.rule div#aboutBox .member_box dl.ex01 dd {
		padding: 7px;
		border: none 0;
		background-color: #F3E7F5;
		}
	div#main.rule div#aboutBox .member_box .button_area {
		margin-top: 10px;
		border-top: 1px dotted #007BC9;
		}
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/bg_register_dl_02.jpg") 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 div.ex03 dt.ex04 {
padding-bottom: 10px;
line-height: 1.3;
}
div#main.rule div#aboutBox div.ex03 dt.ex04 span {
color: #444;
font-size: 93%;
letter-spacing: 0;
}
div#main.rule div#aboutBox div.exBox01 ol li span.notes2 {
color: #C93111;
}

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");}
div#main.rule div#aboutBox h3#hl04 { background-image: url("../images/hl_about_02_04.gif");}

div#main.rule div#aboutBox div.exBox01 p.service_bn {
	float: left;
	}
div#main.rule div#aboutBox div.exBox01 p.register_bn {
	text-align: right;
	}