@import url("base.css");

#contents {
float: right;
width: 610px;
}

.d-title { background: url(../story/img/d_title.jpg) no-repeat;}
.tradition .d-title { background: url(../story/img/tradition_image.jpg) no-repeat;}
.create .d-title { background: url(../story/img/create_image.jpg) no-repeat;}
.eco .d-title { background: url(../story/img/eco_image.jpg) no-repeat;}
.contribute .d-title { background: url(../story/img/contribute_image.jpg) no-repeat;}

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

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

.lnavi li a { color: #555555;}
.lnavi li 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.LNstory {
margin: 4px 0 10px;
padding: 0;
border-bottom: 1px dotted #989934;
background: none;
}

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

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

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

.story h2 { background-image: url(../story/img/ttl_story.gif);}
.tradition h2 { background-image: url(../story/img/ttl_tradition.gif);}
.create h2 { background-image: url(../story/img/ttl_create.gif);}
.eco h2 { background-image: url(../story/img/ttl_eco.gif);}
.contribute h2 { background-image: url(../story/img/ttl_contribute.gif);}
.marine h2 { background-image: url(../story/img/ttl_marine.gif);}
.challenge h2 { background-image: url(../story/img/ttl_challenge.gif);}
.family h2 { background-image: url(../story/img/ttl_family.gif);}


/* ---------- contents style --------------*/

h3 { margin: 10px 0; font-size: 110%; letter-spacing: 1px;}
h4 { margin: 10px 0; font-size: 100%; letter-spacing: 1px; color: #334422;}

div.in, div.img-r, div.img-l { clear: both; margin: 0 0 35px 5px;}
div.img-r img { float: right;}
div.img-r p { margin: 0 170px 10px 0;}
div.img-l img { float: left;}
div.img-l p { margin: 0 0 10px 170px;}
.contents p.nn { margin: 0 0 10px;}

/* ---------- eco style --------------*/

div.messe {
margin: 20px;
background: #F5F5F5 url(../story/img/messe_bar.jpg) top repeat-x;
}
div.messe h3 {
margin: 0 0 15px;
padding: 40px 0 0;
font-size: 110%;
text-align: center;
font-weight: normal;
}
div.messe p {
margin: 10px 20px 18px;
}
div.messe p.messe-foot {
margin: 0;
padding: 0 20px 30px;
background: url(../story/img/messe_bar.jpg) bottom repeat-x;
text-align: right;
}

.eco .contents img { margin: 0 20px 0 0;}
.eco .contents img.end { margin: 0 0 0 0;}