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

.d-title { background: url(../information/img/d_title.jpg) no-repeat;}

#contents {
width: 580px;
}

#lnavi {
width: 208px;
border: 1px solid #989934;
background: #9EB564 url(../img/lnbg.jpg) top repeat-x;
}

/* ---------- local navi style --------------*/

#lnavi li {
margin: 5px 3px;
padding: 0 0 0 12px;
background: url(../img/ln_mark2.gif) left 7px no-repeat;
letter-spacing: 1px;
}

#lnavi .in {
margin: 12px 0 0;
padding: 15px;
border: 3px double #989934;
background: #FDFDF9;
}

#in li {
margin: 5px 0;
padding: 0 0 0 12px;
background: url(../img/ln_mark.gif) left 7px no-repeat;
font-size: 90%;
}
#in ul.lsn li {
margin: 5px 0 5px 8px;
background: url(../img/ln_mark_s.gif) left 8px no-repeat;
font-size: 90%;
}

.lnavi a { color: #FFF;}

.lnavi .in a { color: #555555;}
.lnavi .in a:hover { color: #669933;}

.story li.LNstory a { ;}
.tradition li.LNtradition a,
.create li.LNcreate a,
.eco li.LNeco a,
.contribute li.LNcontribute a,
.marine li.LNmarine a,
.challenge li.LNchallenge a,
.family li.LNfamily a { color: #446622;}

#lnavi li.LNinformation {
margin: 4px 0 10px;
padding: 0;
border-bottom: 1px dotted #FFF;
background: none;
}

li.LNinformation a {
display: block;
width: 208px;
height: 20px;
padding: 2px 0;
background: url(../information/img/LNinformation.gif) center top no-repeat;
font-size: 1px;
text-indent: -9999px;
}

.index li.LNnews a,
.event li.LNevent a,
.restaurant li.LNrestaurant a { color: #FFFF99;}

/* ---------- page title style --------------*/

h2 {
height: 30px;
border-left: 5px solid #9B9932;
background-position: 11px 3px;
background-repeat: no-repeat;
font-size: 1px;
text-indent: -9999px;
}

.index h2 { background-image: url(../information/img/ttl_news.gif);}
.event h2 { background-image: url(../information/img/ttl_event.gif);}
.restaurant h2 { background-image: url(../information/img/ttl_restaurant.gif);}

/* ---------- cat style --------------*/

table.etylist {
margin: 20px 0;
}
table.etylist th {
padding: 0 10px 10px 0;
vertical-align: top;
text-align: left;
letter-spacing: 1px;
font-weight: normal;
}
table.etylist td {
padding: 0 0 10px;
vertical-align: top;
}
div.simg { float: right; width: 87px; text-align: right;}

/* ---------- entry style --------------*/

h3 { margin: 20px 0; color: #FF7700; font-size: 120%; letter-spacing: 1px;}