@charset "UTF-8";

/* ///////////////////////////////////////////////
title: service.css
paths: css/service.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;
background: url(../service/img/leftnav_ttl.gif) no-repeat;
text-indent: -1000em;
/*¥*/overflow: hidden;/**/
}

div#container02 dl.leftNav dt a {
display: block;
width: 260px;
height: 50px;
background: url(../service/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(../service/img/leftnav_01.jpg) no-repeat;
background-position: -260px 0;
}
div#container02 dl.leftNav dd.leftNav02 {
height: 40px;
background: url(../service/img/leftnav_02.jpg) no-repeat;
background-position: -260px 0;
}
div#container02 dl.leftNav dd.leftNav03 {
height: 39px;
background: url(../service/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(../service/img/leftnav_01.jpg) no-repeat;
}
div#container02 dl.leftNav dd.leftNav01 a:hover {
height: 41px;
background: url(../service/img/leftnav_01.jpg) no-repeat;
background-position: -260px 0;
}
div#container02 dl.leftNav dd.leftNav02 a {
height: 40px;
background: url(../service/img/leftnav_02.jpg) no-repeat;
}
div#container02 dl.leftNav dd.leftNav02 a:hover {
height: 40px;
background: url(../service/img/leftnav_02.jpg) no-repeat;
background-position: -260px 0;
}
div#container02 dl.leftNav dd.leftNav03 a {
height: 39px;
background: url(../service/img/leftnav_03.jpg) no-repeat;
}
div#container02 dl.leftNav dd.leftNav03 a:hover {
height: 39px;
background: url(../service/img/leftnav_03.jpg) no-repeat;
background-position: -260px 0;
}



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



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

#02 事業内容

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

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

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

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

div.serviceIndex 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.serviceIndex div.navBox dl dt {/* Win IE6 ONLY */
width: 285px;
height: 41px;
}

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



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

#03 福祉用具レンタル

----------------------------------------------- */
div.serviceRental h2 {
background: url(../service/img/ttl_rental_01.gif) no-repeat;
}

div.serviceRental h3 {
width: 580px;
height: 30px;
margin-bottom: 10px;
text-indent: -1000em;
/*¥*/overflow: hidden;/**/
}
div.serviceRental h3.h3A {
background: url(../service/img/ttl_rental_02.gif) no-repeat;
}
div.serviceRental h3.h3B {
background: url(../service/img/ttl_rental_03.gif) no-repeat;
}

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

div.serviceRental ul.ulA {
margin-bottom: 1.0em;
padding-left: 1.2em;
list-style-type: disc;
list-style-position: outside;
color: #9e8c66;
}

div.serviceRental div.floatBox {
width: 580px;
margin-bottom: 10px;
}
div.serviceRental div.floatBox p.floatBoxL {
display: inline;
float: left;
width: 285px;
margin-right: 10px;
}
div.serviceRental div.floatBox p.floatBoxR {
float: right;
width: 285px;
}

div.serviceRental ul.ulB {
margin-bottom: 1.0em;
padding-left: 1.2em;
list-style-type: disc;
list-style-position: outside;
}



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

#04 福祉用具販売

----------------------------------------------- */
div.serviceSell h2 {
background: url(../service/img/ttl_sell_01.gif) no-repeat;
}

div.serviceSell h3 {
width: 580px;
height: 30px;
margin-bottom: 14px;
background: url(../service/img/ttl_sell_02.gif) no-repeat;
text-indent: -1000em;
/*¥*/overflow: hidden;/**/
}

div.serviceSell h4 {
margin-bottom: 8px;
padding-left: 14px;
border-bottom: 1px dotted #aaa;
color: #827e0a;
font-size: 1.10em;
}

div.serviceSell ul {
margin-bottom: 20px;
padding-left: 4.0em;
list-style-type: disc;
list-style-position: outside;
}




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

#05 住宅改修

----------------------------------------------- */
div.serviceRenovate h2 {
background: url(../service/img/ttl_renovate_01.gif) no-repeat;
}

div.serviceRenovate div.floatBox {
width: 580px;
margin-bottom: 15px;
}

div.serviceRenovate div.floatBox dl.floatBoxL {
display: inline;
float: left;
width: 297px;
margin-right: 30px;
}

div.serviceRenovate div.floatBox dl.floatBoxL dt {
width: 297px;
height: 53px;
margin-bottom: 20px;
background: url(../service/img/ttl_renovate_02.gif) no-repeat;
text-indent: -1000em;
/*¥*/overflow: hidden;/**/
}

div.serviceRenovate div.floatBox dl.floatBoxR {
float: right;
width: 250px;
}

div.serviceRenovate h3 {
margin-bottom: 8px;
padding-bottom: 5px;
border-bottom: 1px dotted #aaa;
font-size: 1.10em;
color: #827e0a;
}

div.serviceRenovate ul {
margin-bottom: 1.0em;
padding-left: 1.2em;
list-style-type: disc;
list-style-position: outside;
color: #9e8c66;
}