@charset "UTF-8";

/* ///////////////////////////////////////////////
title: company.css
paths: css/company.css
/////////////////////////////////////////////// */




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

#01 共通
#02 企業情報
#03 代表挨拶
#04 会社概要
----------------------------------------------- */



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

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


/* PAGE TITLE */
div#company h2 {
width: 600px;
height: 40px;
margin: 0 auto 20px;
text-indent: -1000em;
/*¥*/overflow: hidden;/**/
}
div#company div.companyIndex h2 {
background: url(../company/img/ttl_company.gif) no-repeat;
}
div#company div.companyOutline h2 {
background: url(../company/img/ttl_outline.gif) no-repeat;
margin-bottom: 10px;
}
div#company div.companyProfile h2 {
background: url(../company/img/ttl_profile.gif) no-repeat;
}




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

#02 企業情報

----------------------------------------------- */
div.companyIndex div.txtBox {
width: 558px;
margin-bottom: 15px;
padding: 10px;
border: #eaeaea 1px solid;
background: #f8f8f8;
}
*html div.companyIndex div.txtBox {/* Win IE6 ONLY */
width: 580px;
}

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

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

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

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

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



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

#03 代表挨拶

----------------------------------------------- */
div.companyOutline h3.aisatsu {
width: 580px;
height: 300px;
margin-bottom: 30px;
background: url(../company/img/img_04.jpg) no-repeat;
text-indent: -1000em;
/*¥*/overflow: hidden;/**/
}

div.companyOutline h3.message {
width: 143px;
height: 15px;
margin-bottom: 15px;
background: url(../company/img/ttl_01.gif) no-repeat;
text-indent: -1000em;
/*¥*/overflow: hidden;/**/
}



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

#04 会社概要

----------------------------------------------- */
div.companyProfile table {
width: 100%;
margin-bottom: 30px;
border-collapse: collapse;
border: 1px solid #eaeaea;
}

div.companyProfile table th,
div.companyProfile table td {
padding: 8px 20px;
border: 1px solid #eaeaea;
vertical-align: top; 
}

div.companyProfile table th {
background: #f8f8f8;
}