@import url("other.css");

.inquiry h1,
.office h1 { background: url('../du/img/inquiry_ttl.gif') no-repeat left top;}
.sitemap h1 { background: url('../du/img/sitemap_ttl.gif') no-repeat left top;}
.use h1 { background: url('../du/img/use_ttl.gif') no-repeat left top;}
.link h1 { background: url('../du/img/link_ttl.gif') no-repeat left top;}
.notfound h1 { background: url('../du/img/not_found_ttl.gif') no-repeat left top;}
.error h1 { background: url('../du/img/error_ttl.gif') no-repeat left top;}
.thankyou h1 { background: url('../du/img/thankyou_ttl.gif') no-repeat left top;}


/* -------------- inquiry -----------------*/

.inquiry li.PNinquiry a,
.office li.PNinquiry a { background-position: left -28px;}

div.tell-img {
width: 530px;
margin: 40px auto 40px;
padding: 18px 18px;
border: 1px solid #FED7BD;
background: #FEE7DD;
text-align: center;
}
.inquiry .contents ul { margin: 30px 140px 25px 150px;}
.inquiry .contents li { margin: 8px 0;}
.inquiry h2 {
width: 530px;
margin: 15px auto 30px;
border: none;
background: none;
}
.inquiry h2 a {
padding: 4px 0 4px 20px;
border-bottom: 1px solid #6666FF;
background: url(../img/arrow_r.gif) 5px center no-repeat;
}

/* -------- inquiry office --------- */

.office h3 {
width: 15em;
margin: 25px 5px 15px;
padding: 5px 10px;
border-top: 1px solid #E5A952;
border-left: 1px solid #D59942;
border-right: 1px solid #B57932;
border-bottom: 1px solid #955902;
background: url(../union/img/ttl_bg.gif) bottom repeat-x;
text-align: center;
letter-spacing: 1px;
font-size: 1.1em;
}
img.map { margin: 15px 15px 15px 30px; padding: 8px; border: 2px solid #DDCCBB;}
div.wrap { width: 600px; margin: auto;}
.office p { margin: 0 0 0 20px;}
img.call { margin: 0 3px; vertical-align: middle;}

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

.sitemap .contents a { color: #444444;}
.sitemap .contents a:hover { color: #FD6262; border-bottom: 1px dotted #FD6262;}

.sitemap div.block {
width: 380px;
margin: 20px 0;
padding: 0 0 5px;
border: 1px solid #EEEEEE;
}

div.lifeb { float: left; background: #FCFCFF;}
div.fireb { float: right; background: #FFFCFC;}
div.unionb { float: left; background: #FFFDFB;}
div.serviceb { float: right; background: #FCFFFC;}
div.otherb { float: left; background: #FFFEFA;}

.sitemap h2 {
margin: 0;
padding: 8px 0 8px 10px;
background: none;
border: none;
}
div.lifeb h2 { background: #DDDDFF;}
div.fireb h2 { background: #FFDDDD;}
div.unionb h2 { background: #F9EECF;}
div.serviceb h2 { background: #DDF9DD;}
div.otherb h2 { background: #FFE6CC;}

.sitemap h3 {
margin: 12px 0 5px 5px;
padding: 1px 8px;
color: #666;
font-size: 1em;
letter-spacing: 1px;
}

div.lifeb h3 { background: #F3F3FF;}
div.fireb h3 { background: #FFF3F3;}
div.unionb h3 { background: #FCF6EE;}
div.serviceb h3 { background: #EFFFEF;}
div.otherb h3 { background: #FFF6EC;}

.sitemap h3 a,
.sitemap .contents li a,
.sitemap dt a,
.sitemap dd a { padding-left: 10px; background-repeat: no-repeat; background-position: left center;}

.sitemap h3 a { padding-left: 16px;}
div.lifeb h3 a { background-image: url('../img/home/life_limark.gif');}
div.fireb h3 a { background-image: url('../img/home/fire_limark.gif');}
div.unionb h3 a { background-image: url('../img/home/union_limark.gif');}
div.serviceb h3 a { background-image: url('../img/home/service_limark.gif');}
div.otherb h3 a { background-image: url('../du/img/arrow_other.gif');}

.sitemap .contents li { margin: 3px 0 3px 20px; list-style-type: none;}
.sitemap .contents ul ul li { margin: 3px 0 3px 35px;}

div.lifeb li a { background-image: url('../img/arrow.gif');}
div.fireb li a { background-image: url('../du/img/arrow_fire.gif');}
div.unionb li a { background-image: url('../du/img/arrow_union.gif');}
div.serviceb li a { background-image: url('../du/img/arrow_service.gif');}

.sitemap dt { margin: 3px 0 3px 50px; padding: 1px; background: #F3FFF3;}
.sitemap dd { margin: 2px 0 2px 65px;}
.sitemap dt a,
.sitemap dd a { background-image: url('../du/img/arrow_service.gif');}


/* ------------- use ------------- */

.use div.contents { width: 700px; margin: auto;}

.use p { margin: 25px 40px;}

.use h3 {
margin: 20px;
font-size: 1.1em;
}
.use h3:first-letter {
padding: 0 3px 2px 0;
vertical-align: middle;
color: #CC0000;
font-size: 0.6em;
}
.use ol {
margin: 20px 0 20px 30px;
padding: 0 0 0 30px;
}
.use ol li { margin: 2px 0;}
.use .contents img {
float: left;
margin: 0 20px 15px 0;
}

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

.link dl {
width: 660px;
margin: 20px auto;
}
.link dt { clear: both; padding: 30px 0 0;}
.link dt a {;}
.link dd { margin: 25px 0 0 20px;}
.link dd img { margin: 0 15px 0 0; vertical-align: middle;}

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

.notfound div.wrap {
width: 500px;
margin: 50px auto;
padding: 5px 25px;
border: 1px dotted #FF9900;
background: #FFFCF6;
}

.notfound h3 {
margin: 15px 0 25px;
padding: 0 0 0 10px;
background: url(../img/arrow.gif) left center no-repeat;
}
.notfound h3 a:hover { text-decoration: underline;}


/* ------------- thankyou / error ------------- */

.thankyou div.wrap,
.error div.wrap {
margin: 70px 100px;
text-align: center;
}