@import url("base.css");
@import url("thickbox.css");

.d-title { height: 37px; background-image: url(../company/img/d_ttl.jpg);}
.outline .d-title { height: 188px; background-image: url(../company/img/dimage.jpg);}

.outline li.LNoutline a,
.philosophy li.LNphilosophy a,
.history li.LNhistory a,
.organization li.LNorganization a,
.environment li.LNenvironment a,
.message li.LNmessage a { color: #0C3D98; background-color: #CDEBF5;}

#lnavi ul { height: 100%;}

/* outline ----------------- */

.outline table { width: 564px; margin: 20px 0; border-collapse: collapse; border: 1px solid #C3CDD7;}
.outline th { padding: 5px 10px; border: 1px solid #C3CDD7; background: #F0F5FA; text-align: center; font-weight: normal; white-space: nowrap; vertical-align: top;}
.outline td { padding: 5px 0 5px 8px; border: 1px solid #C3CDD7; vertical-align: top;}
div.mapFlame { padding: 7px; border: 1px solid #CCC;}
div#map { height: 320px; border: 1px solid #CCC;}
img.maplogo { margin: 0 0 0 40px;}
#map #copyright { padding: 0; background: none;}
#map #copyright a { cursor: default;}

/* philosophy ----------------- */

.philosophy table { margin: 30px 20px 40px; padding: 15px; border: 1px solid #DDDDEE; background: #F6F6FC;}
.philosophy th { padding: 3px 15px 3px 10px; text-align: left; vertical-align: top; color: #003399;}
.philosophy td { padding: 3px 10px 3px 0; vertical-align: top; color: #222;}
.philosophy h3 { margin: 18px 0 10px 12px;}
.philosophy ol { padding: 0 0 0 42px;}
.philosophy ol li { margin: 7px 0;}
.philosophy em { font-style: normal; color: #006;}

/* organization ----------------- */

.organization p { margin: 25px 0 15px; text-align: center;}

/* history ----------------- */

.history table { width: 564px; margin: 20px 0; border-collapse: collapse; border: 1px solid #C3CDD7;}
.history th { width: 7em; padding: 5px 3px 5px 10px; border: 1px solid #C3CDD7; background: #F0F5FA; font-weight: normal; white-space: nowrap; vertical-align: top; white-space: nowrap;}
.history td { padding: 5px 0 5px 8px; border: 1px solid #C3CDD7; vertical-align: top;}

/* environment ----------------- */

.environment img { padding: 30px 0 0;}
.environment ol { width: 440px; padding: 15px 0 0 30px;}
.environment ol li { margin: 10px 0;}

/* message ----------------- */

.message div.box { float: left; width: 215px; height: 320px; margin: 15px 0 0; background: url(../company/img/message.jpg) left top no-repeat;}
.message h2 .fonts { line-height: 150%; color: #666; letter-spacing: 1px; font-family: "Times New Roman", Times, serif;}
.message h2.ttl { clear: none; margin: 15px 0 15px 215px;}
.message h3.ttl2 { clear: none;}