@import url("base.css");

.sitemap .d-title { background: url(../utility/img/sitemap_image.jpg) no-repeat;}
.recruit .d-title { background: url(../utility/img/recruit_image.jpg) no-repeat;}
.company .d-title { background: url(../utility/img/company_image.jpg) no-repeat;}
.link .d-title { background: url(../utility/img/link_image.jpg) no-repeat;}
.privacy .d-title { background: url(../utility/img/privacy_image.jpg) no-repeat;}
.notfound .d-title { background: url(../utility/img/notfound_image.jpg) no-repeat;}


/* ---------- layout style --------------*/

#contents {
float: none;
width: 850px;
}

/* contents */

.p-title {
height: 30px;
border-left: 5px solid #9B9932;
background-position: 11px 3px;
background-repeat: no-repeat;
font-size: 1px;
text-indent: -9999px;
}
.sitemap .p-title { background-image: url(../utility/img/ttl_sitemap.gif);}
.recruit .p-title { background-image: url(../utility/img/ttl_recruit.gif);}
.company .p-title { background-image: url(../utility/img/ttl_company.gif);}
.link .p-title { background-image: url(../utility/img/ttl_link.gif);}
.privacy .p-title { background-image: url(../utility/img/ttl_privacy.gif);}
.notfound .p-title { background-image: url(../utility/img/ttl_notfound.gif);}


/* ---------- sitemap style --------------*/

div.l-box { width: 420px; float: left;}
div.r-box { width: 420px; float: right;}
.sitemap .contents ul { padding: 0 0 0 30px;}
.sitemap .contents li { margin: 5px 0; list-style-type: none;}
.sitemap .contents li a { padding: 0 0 0 8px; background: url(../img/arrow3.gif) left center no-repeat;}
.sitemap .contents li.lir { margin: 5px 0 5px 20px;}
.sitemap h2 { margin: 25px 20px 10px; padding: 0 0 0 14px; background: url(../img/li_mark.gif) left center no-repeat; color: #336600; font-size: 120%; letter-spacing: 2px;}
.sitemap h2 em { padding: 0 10px; color: #999; letter-spacing: 0; font-weight: normal;}
.sitemap h2 a { text-decoration: none;}
ul.holes { clear: both;}
ul.holes li { float: left; width: 1.7em; text-align: center;}
ul.holes li.bnout, ul.holes li.bnin { width: 3em;}
.sitemap ul.holes li a { padding: 0; background: none;}


/* ---------- link style --------------*/

.link h2 { margin: 20px; color: #336600; font-size: 120%; letter-spacing: 2px;}
.link table { width: 90%; margin: 10px auto;}
.link th, .link td { border-bottom: 1px dotted #9B9932; vertical-align: top;}
.link th { width: 100px; padding: 7px 10px 7px 0; text-align: center;}
.link td { padding: 8px 0 8px; line-height: 170%;}
.link td a { padding: 0 0 0 8px; background: url(../img/arrow3.gif) left center no-repeat;}
.link .contents p { margin: 15px 40px;}


/* ---------- recruit style --------------*/

.recruit .contents p { text-align: center;}
.recruit strong { font-size: 120%; letter-spacing: 1px; color: #556655;}


/* ---------- not found style --------------*/

.notfound h2 { margin: 20px; color: #336600; font-size: 120%; text-align: center;}
.notfound .contents p { text-align: center; line-height: 200%;}
.notfound .contents p a { padding: 0 0 0 12px; background: url(../img/arrow3.gif) left center no-repeat;}