@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 h3.headline2 {
height: 50px;
margin-top: 20px;
background-position: top left;
background-repeat: no-repeat;
text-indent: -9999em;
}
#main div#aboutBox h3.headline3 {
height: 64px;
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;
}
/* ここむすについての主なメニューここまで */

/* 注意文 */
#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");}

#main div#aboutBox div.exBox01 ul li.flowBox {
padding: 10px;
background-color: #E8F5FD;
}

#main div#aboutBox div.exBox01 ul li.flowBox h4{
margin-top: 0;
padding-top: 3px;
padding-left: 25px;
font-weight: bold;
}

#main div#aboutBox div.exBox01 ul li.flowBox h4.hlFlow01 { background: url("../images/hl_security_01_04_01.gif") no-repeat left top; min-height: 27px;}
#main div#aboutBox div.exBox01 ul li.flowBox h4.hlFlow02 { background: url("../images/hl_security_01_04_02.gif") no-repeat left top; min-height: 27px;}
#main div#aboutBox div.exBox01 ul li.flowBox h4.hlFlow03 { background: url("../images/hl_security_01_04_03.gif") no-repeat left top; min-height: 27px;}
#main div#aboutBox div.exBox01 ul li.flowBox h4.hlFlow04 { background: url("../images/hl_security_01_04_04.gif") no-repeat left top; min-height: 27px;}
#main div#aboutBox div.exBox01 ul li.flowBox h4.hlFlow05 { background: url("../images/hl_security_01_04_05.gif") no-repeat left top; min-height: 27px;}
/* for IE6 */
*html #main div#aboutBox div.exBox01 ul li.flowBox h4.hlFlow01 { height: 27px;}
*html #main div#aboutBox div.exBox01 ul li.flowBox h4.hlFlow02 { height: 27px;}
*html #main div#aboutBox div.exBox01 ul li.flowBox h4.hlFlow03 { height: 27px;}
*html #main div#aboutBox div.exBox01 ul li.flowBox h4.hlFlow04 { height: 27px;}
*html #main div#aboutBox div.exBox01 ul li.flowBox h4.hlFlow05 { height: 27px;}

#main div#aboutBox div.exBox01 ul li.flowBox p{
padding-left: 30px;
}

#main div#aboutBox img.hlFlow{
margin: 10px 0 10px 310px;
}

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

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 - 共通指定

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

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

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

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

div#main.security div#aboutBox div.exBox01 p.notes {
margin-top: 5px;
font-size:93%;
line-height: 1.3;
}
div#main.security div#aboutBox div.exBox01 p.rightText {
margin-top: 5px;
line-height: 1.3;
text-align: right;
}
div#main.security div#aboutBox div.exBox01 dt {
font-weight: 700;
color: #861098;
}

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

div#main.security div#aboutBox div.exBox01 ul.links li a {
padding-left: 15px;
background: url("./../webapp-base/parts/images/icon_arrow_01.gif") center left no-repeat;
}

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

Redefine - ここむす保障

---------------------------------------- */
div#main.security div#aboutBox {}

div#main.security div#aboutBox h4.headline {
height: 30px;
margin-top: 20px;
padding-top: 38px;
padding-left: 70px;
background-position: top left;
background-repeat: no-repeat;
font-weight: 700;
font-size: 116%;
color: #ab0101;
}

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

#main div#aboutBox h4#hl01_01 { background-image: url("../images/hl_security_01_01_01.gif");}
#main div#aboutBox h4#hl01_02 { background-image: url("../images/hl_security_01_01_02.gif");}
#main div#aboutBox h4#hl01_03 { background-image: url("../images/hl_security_01_01_03.gif");}

div#main.security div#aboutBox div.securityList p#security01,
div#main.security div#aboutBox div.securityList p#security02,
div#main.security div#aboutBox div.securityList p#security03 {
margin-top: 0;
margin-right: 20px;
margin-bottom:7px;
float: left;
}
div#main.security div#aboutBox div.securityList h3 {
	margin-left: 92px;
	}
div#main.security div#aboutBox div.securityList ul {
	margin-top: 0;
	}
	div#main.security div#aboutBox div.securityList ul li {
		list-style-type: disc;
		margin-left: 110px;
		}
div#main.security div#aboutBox div.securityList p.company {
	margin-top: 0;
	margin-left: 92px;
	}
div#main.security div#aboutBox div.securityList p.member_caution {
	margin-left: 92px;
	margin-bottom: -5px;
	color: #B30000;
	font-weight: bold;
	}
div#main.security div#aboutBox div.securityList p.detail_bn {
	padding-bottom: 25px;
	text-align: right;
	}

div#main.security div#aboutBox ul.security_about {
	list-style-type: disc;
	}
	div#main.security div#aboutBox ul.security_about li {
		margin-top: 10px;
		margin-left: 1.1em;
		list-style-type: disc;
		}

div#main.security div#aboutBox h3#hl01 { margin-bottom: 10px; background-image: url("../images/hl_security_01_01.gif");}
div#main.security div#aboutBox h3#hl02 { margin-bottom: 10px; background-image: url("../images/hl_security_01_02.gif");}
div#main.security div#aboutBox h3#hl03 { margin-bottom: 10px; background-image: url("../images/hl_security_01_03.gif");}
div#main.security div#aboutBox h3#hl04 { margin-bottom: 10px; background-image: url("../images/hl_security_01_04.gif");}
div#main.security div#aboutBox h3#hl05 { margin-bottom: 10px; background-image: url("../images/hl_security_01_05.gif");}
div#main.security div#aboutBox h3#hl06 { margin-bottom: 10px; background-image: url("../images/hl_security_01_06.gif");}

div#main.security h2.selfh2 {
height: 66px;
}
div#main.security h2.busih2 {
height: 45px;
}
div#main.security h2.itsuh2 {
height: 45px;
}
div#main.security table.cmopanyProf th,
div#main.security table.cmopanyProf td {
padding: 5px 10px;
border-top: 1px dotted #666;
border-bottom: 1px dotted #666;
font-size: 93%;
}
div#main.security p strong.caution {
font-weight: bold;
}
div#main.security p.graph {
text-align: center;
}
div#main.security span.emphasis {
font-weight: bold;
color: #ab0101;
}

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

ClearFix

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

/* modern browsers */

div#main.security div#aboutBox div.securityList.ex01 ul:after,
div#main.security div#aboutBox dl#exTitle01:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/* IE7 */

div#main.security div#aboutBox div.securityList.ex01 ul,
div#main.security div#aboutBox dl#exTitle01 {
display: inline-block;
}

/* legacy IE */

* html div#main.security div#aboutBox div.securityList.ex01 ul,
* html div#main.security div#aboutBox dl#exTitle01 {
height: 1%;
}

div#main.security div#aboutBox div.securityList.ex01 ul,
div#main.security div#aboutBox dl#exTitle01 {
display: block;
}
div#main.security div#aboutBox dl#exTitle01 p {
margin-left: 93px;
}
/* End of ClearFix */