@charset "UTF-8";

/* ///////////////////////////////////////////////
title: careinsurance.css
paths: css/careinsurance.css
/////////////////////////////////////////////// */




/* -----------------------------------------------
Table Of Contents

#01 共通
#02 介護保険制度
#03 介護保険制度について
#04 介護保険サービスを受けるまで
#05 サービスの種類
----------------------------------------------- */



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

#01 共通

----------------------------------------------- */
/* LEFT NAVI */
div#container02 dl.leftNav {
width: 260px;
margin-bottom: 10px;
padding: 5px;
background: #f8f8f8;
}

div#container02 dl.leftNav dt {
width: 260px;
height: 50px;
text-indent: -1000em;
/*¥*/overflow: hidden;/**/
}
div#container02 dl.leftNav dt a {
display: block;
width: 260px;
height: 50px;
background: url(../careinsurance/img/leftnav_ttl.gif) no-repeat;
text-decoration: none;
}

div#container02 dl.leftNav dd {
width: 260px;
text-indent: -1000em;
/*¥*/overflow: hidden;/**/
}
div#container02 dl.leftNav dd.leftNav01 {
height: 41px;
background: url(../careinsurance/img/leftnav_01.jpg) no-repeat;
background-position: -260px 0;
}
div#container02 dl.leftNav dd.leftNav02 {
height: 40px;
background: url(../careinsurance/img/leftnav_02.jpg) no-repeat;
background-position: -260px 0;
}
div#container02 dl.leftNav dd.leftNav03 {
height: 39px;
background: url(../careinsurance/img/leftnav_03.jpg) no-repeat;
background-position: -260px 0;
}

div#container02 dl.leftNav dd a {
display: block;
text-decoration: none;
}
div#container02 dl.leftNav dd a:hover {
display: block;
text-decoration: none;
}
div#container02 dl.leftNav dd.leftNav01 a {
height: 41px;
background: url(../careinsurance/img/leftnav_01.jpg) no-repeat;
}
div#container02 dl.leftNav dd.leftNav01 a:hover {
height: 41px;
background: url(../careinsurance/img/leftnav_01.jpg) no-repeat;
background-position: -260px 0;
}
div#container02 dl.leftNav dd.leftNav02 a {
height: 40px;
background: url(../careinsurance/img/leftnav_02.jpg) no-repeat;
}
div#container02 dl.leftNav dd.leftNav02 a:hover {
height: 40px;
background: url(../careinsurance/img/leftnav_02.jpg) no-repeat;
background-position: -260px 0;
}
div#container02 dl.leftNav dd.leftNav03 a {
height: 39px;
background: url(../careinsurance/img/leftnav_03.jpg) no-repeat;
}
div#container02 dl.leftNav dd.leftNav03 a:hover {
height: 39px;
background: url(../careinsurance/img/leftnav_03.jpg) no-repeat;
background-position: -260px 0;
}



/* PAGE TITLE */
div#careinsurance h2 {
width: 600px;
height: 40px;
margin: 0 auto 20px;
text-indent: -1000em;
text-align: left;
/*¥*/overflow: hidden;/**/
}



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

#02 介護保険制度

----------------------------------------------- */
div.careinsuranceIndex h2 {
background: url(../careinsurance/img/ttl_01.gif) no-repeat;
}

div.careinsuranceIndex div.navBox {
width: 580px;
}

div.careinsuranceIndex div.navBox dl.navBoxL {
display: inline;
float: left;
width: 285px;
margin-right: 10px;
}

div.careinsuranceIndex div.navBox dl.navBoxR {
float: right;
width: 285px;
}

div.careinsuranceIndex div.navBox dl dt {
width: 250px;
height: 30px;
margin-bottom: 4px;
padding-top: 11px;
padding-left: 35px;
background: url(../careinsurance/img/ttl_02_bg.gif) no-repeat;
/*¥*/overflow: hidden;/**/
}
*html div.careinsuranceIndex div.navBox dl dt {/* Win IE6 ONLY */
width: 285px;
height: 41px;
}

div.careinsuranceIndex div.navBox dl dd p.navBoxTxt {
padding: 10px 10px 0;
}



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

#03 介護保険制度について

----------------------------------------------- */
div.careinsuranceSystem h2 {
background: url(../careinsurance/img/ttl_system_01.gif) no-repeat;
}

div.careinsuranceSystem h3.h3A {
width: 148px;
height: 18px;
margin-bottom: 15px;
background: url(../careinsurance/img/ttl_system_02.gif) no-repeat;
text-indent: -1000em;
/*¥*/overflow: hidden;/**/
}

div.careinsuranceSystem h3.h3B {
width: 580px;
height: 30px;
margin-bottom: 7px;
background: url(../careinsurance/img/ttl_system_03.gif) no-repeat;
text-indent: -1000em;
/*¥*/overflow: hidden;/**/
}

div.careinsuranceSystem table.tableA {
width: 580px;
margin-bottom: 8px;
border-collapse: collapse;
border: 1px solid #b7b1a1;
font-size: 0.90em;
}

div.careinsuranceSystem table.tableA th {
width: 50%;
padding: 7px;
border-right: 1px solid #b7b1a1;
background: #dad2be;
vertical-align: top;
text-align: center;
}

div.careinsuranceSystem table.tableA td {
padding: 7px;
border-right: 1px solid #b7b1a1;
vertical-align: top;
color: #827e0a; 
}

div.careinsuranceSystem p.age {
margin-bottom: 10px;
margin-left: 2px;
padding-left: 19px;
background: url(../careinsurance/img/ico_03.gif) left center no-repeat;
color: #9dc217;
}

div.careinsuranceSystem h3.h3C {
width: 580px;
height: 30px;
margin-bottom: 7px;
background: url(../careinsurance/img/ttl_system_04.gif) no-repeat;
text-indent: -1000em;
/*¥*/overflow: hidden;/**/
}

div.careinsuranceSystem table.tableB {
width: 580px;
margin-bottom: 46px;
border-collapse: collapse;
border: 1px solid #b7b1a1;
font-size: 0.90em;
}

div.careinsuranceSystem table.tableB th {
width: 30%;
padding: 7px;
border-right: 1px solid #b7b1a1;
border-bottom: 1px solid #b7b1a1;
background: #dad2be;
vertical-align: top;
text-align: center;
}

div.careinsuranceSystem table.tableB td {
width: 70%;
padding: 7px;
border-bottom: 1px solid #b7b1a1;
vertical-align: top;
}



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

#04 介護保険サービスを受けるまで

----------------------------------------------- */
div.careinsuranceFlow h2 {
background: url(../careinsurance/img/ttl_flow_01.gif) no-repeat;
}

div.careinsuranceFlow h3 {
width: 580px;
height: 30px;
margin-bottom: 7px;
text-indent: -1000em;
/*¥*/overflow: hidden;/**/
}
div.careinsuranceFlow h3.h3A {
background: url(../careinsurance/img/ttl_flow_02.gif) no-repeat;
}
div.careinsuranceFlow h3.h3B {
background: url(../careinsurance/img/ttl_flow_03.gif) no-repeat;
}

div.careinsuranceFlow h4 {
margin-bottom: 8px;
padding-left: 14px;
border-bottom: 1px dotted #aaa;
background: url(../careinsurance/img/ico_02.gif) left center no-repeat;
color: #827e0a;
font-size: 1.10em;
}

div.careinsuranceFlow table {
width: 580px;
margin-bottom: 15px;
border-collapse: collapse;
border: 1px solid #b7b1a1;
font-size: 0.90em;
}

div.careinsuranceFlow table th {
width: 25%;
padding: 10px;
background: #eee7d9;
border-right: 1px solid #b7b1a1;
border-bottom: 1px solid #b7b1a1;
vertical-align: middle;
text-align: center;
}

div.careinsuranceFlow table td {
width: 75%;
padding: 10px;
border-bottom: 1px solid #b7b1a1;
vertical-align: top; 
}

div.careinsuranceFlow table th.bg01 {
background: #f9f2e2;
}

div.careinsuranceFlow ul {
padding-left: 1.5em;
list-style-type: disc;
list-style-position: outside;
}

div.careinsuranceFlow ul li {
margin-bottom: 0.3em;
}



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

#05 サービスの種類

----------------------------------------------- */
div.careinsuranceAssort h2 {
background: url(../careinsurance/img/ttl_assortment_01.gif) no-repeat;
}

div.careinsuranceAssort h3.h3A {
margin-bottom: 10px;
padding-left: 22px;
background: url(../careinsurance/img/ico_01.gif) left center no-repeat;
}

div.careinsuranceAssort table.tableA {
width: 578px;
margin-bottom: 20px;
border-collapse: collapse;
border: 1px solid #eee9dd;
font-size: 0.90em;
}

div.careinsuranceAssort table.tableA th {
width: 35%;
padding: 5px 15px;
background: #eee9dd;
vertical-align: top; 
}

div.careinsuranceAssort table.tableA td {
width: 65%;
padding: 5px 10px;
border-top: 1px solid #eee9dd;
border-right: 1px solid #eee9dd;
border-bottom: 1px solid #eee9dd;
vertical-align: top; 
}

div.careinsuranceAssort table.tableA td.bg01 {
background: #f2f2f2;
}

div.careinsuranceAssort h3.h3B {
width: 580px;
height: 30px;
margin-right: 10px;
margin-bottom: 7px;
margin-left: 10px;
background: url(../careinsurance/img/ttl_assortment_02.gif) no-repeat;
text-indent: -1000em;
/*¥*/overflow: hidden;/**/
}

div.careinsuranceAssort table.tableB {
width: 578px;
border-collapse: collapse;
font-size: 0.90em;
}

div.careinsuranceAssort table.tableB td {
padding: 5px;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
text-align: center;
vertical-align: top;
}

div.careinsuranceAssort table.tableB td.tdA {
width: 15%;
}
div.careinsuranceAssort table.tableB td.tdB {
width: 85%;
}

div.careinsuranceAssort table.tableB td.bg01 {
background: #e9f0de;
}
div.careinsuranceAssort table.tableB td.bg02 {
background: #d6e2c4;
}
div.careinsuranceAssort table.tableB td.bg03 {
background: #f3ecd8;
}

div.careinsuranceAssort table.tableB td.vaM {
vertical-align: middle;
}