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

/* ---------- Header Navigation ---------- */

li.GNservice a,
li.GNservice a:hover { background-position: left -33px;}

li.LNculture a {
background: url(../../../../img/LN_li_act.gif) left center no-repeat;
color: #FD6262;
}

/* Local Second Navigation style */

#LSN {
padding: 8px 0 1px;
background: url(../img/ltn_bg.gif) bottom repeat-x;
}

#LSN li.LSNinternet a {
border-top: 1px solid #E6BFB7;
border-right: 1px solid #E6BFB7;
border-bottom: 1px solid #FFF3F1;
border-left: 1px solid #E6BFB7;
background: #FFF3F1;
}

/* Local Third, Fourth Navigation style */

.LTN ul, .LFN ul { list-style-type: none;}
.LTN li a:hover,
.LFN li a:hover { color: #FD6262;}

.LTN {
clear: both;
padding: 5px 5px 0;
border-right: 1px solid #E6BFB7;
border-bottom: 1px solid #E6BFB7;
border-left: 1px solid #E6BFB7;
background: #FFF3F1;
}
.LTN li {
float: left;
padding: 0 6px 0 0;
}
.LTN li a {
display: block;
padding: 2px 8px;
background: url(../../../../img/LTN_li.gif) 1px center no-repeat;
color: #444444;
}

/* ---------- Title ---------- */

h1 {
height: 42px;
background: url(../../../img/service.gif) left bottom no-repeat;
font-size: 1px;
text-indent: -9999px;
}

div.t-image {
clear: both;
width: 800px;
height: 103px;
margin: 0 0 15px;
background: url(../img/top_title.gif) center no-repeat;
}
h2, div.t-image p {
margin: 0;
padding: 0;
border: none;
background: none;
font-size: 1px;
text-indent: -9999px;
}

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

.contents li a:hover { color: #0C419A; border-bottom: 1px dotted #0C419A;}

div.contents {
margin: 0;
padding: 7px 0 0;
background: url(../img/block_bg_head.gif) left top no-repeat;
}

div.block2 a { color: #444444;}
div.contents li a:hover,
dt a:hover, dd a:hover { color: #FD6262; border-bottom: 1px dotted #FD6262;}

div.block { background: url(../img/block_bg.gif) left repeat-y;}
div.block div.clr {
height: 35px;
background: url(../img/block_bg_btm.gif) bottom left no-repeat;
font-size: 1px;
line-height: 1px;
}

div.new {
float: left;
width: 527px;
}
div.backnumber {
float: right;
width: 255px;
}

div.box {
float: left;
width: 255px;
margin: 0 17px 0 0;
}

div.block2 {
margin: 0;
padding: 0;
background: url(../img/block2_bg.gif) left repeat-y;
}
div#box214, div#box216, div#box220 { margin: 0;}
div.boxfoot214, div.boxfoot216, div.boxfoot220 { clear: both;}
div.boxfoot214, div.boxfoot216 {
height: 24px;
background: url(../img/block2_bg_middle.gif) left bottom no-repeat;
}
div.boxfoot220 {
height: 10px;
background: url(../img/block2_bg_btm.gif) left bottom no-repeat;
}

.new h3, .backnumber h3 {
margin: 0 5px 8px;
font-size: 1px;
text-indent: -9999px;
}
.new h3 {
height: 34px;
border-bottom: 1px solid #FF9900;
background: url(../img/h3_new.gif) 8px center no-repeat;
}
.new h3 a {
display: block;
height: 33px ;
width: 505px;
margin: 0;
}
.backnumber h3 {
height: 22px;
background: url(../img/h3_backnumber.gif) 3px center no-repeat;
border: 1px solid #FFFAF2;
}

div.block li {
margin: 3px 0 3px 15px;
padding: 0 0 0 9px;
background: url(../img/li_mark.gif) left 5px no-repeat;
list-style-type: none;
}

.block dt { margin: 3px 0 3px 15px; letter-spacing: 1px;}
.block dt strong { color: #DD6600; font-weight: normal;}
.block dd {
margin: 3px 0 5px 25px;
padding: 0 0 0 9px;
background: url(../img/li_mark.gif) left 5px no-repeat;
list-style-type: none;
}

h4 {
margin: 8px 0 5px 12px;
padding: 0 0 0 13px;
background: url(../img/arrow.gif) left center no-repeat;
font-size: 1em;
font-weight: normal;
}

.block2 dl { margin: 8px 12px 5px 15px;}
.block2 dt {
margin: 5px 0 5px;
padding: 0 0 0 13px;
background: url(../img/arrow.gif) left center no-repeat;
font-weight: bolder;
color: #666666;
letter-spacing: 1px;
}
.block2 dd {
margin: 3px 0 3px 5px;
padding: 0 0 0 9px;
background: url(../img/li_mark.gif) left center no-repeat;
}

h3 a {
display: block;
width: 230px;
height: 18px;
margin: 15px 0 10px 12px;
background-position: left top;
background-repeat: no-repeat;
font-size: 1px;
text-indent: -9999px;
}
#box217 h3 a { background-image: url(../img/h3_culture.gif);}
#box219 h3 a { background-image: url(../img/h3_language.gif);}
#box214 h3 a { background-image: url(../img/h3_cook.gif);}
#box221 h3 a { background-image: url(../img/h3_hobby.gif);}
#box218 h3 a { background-image: url(../img/h3_health.gif);}
#box216 h3 a { background-image: url(../img/h3_flower.gif);}
#box213 h3 a { background-image: url(../img/h3_art.gif);}
#box275 h3 a { background-image: url(../img/h3_japan.gif);}
#box220 h3 a { background-image: url(../img/h3_nature.gif);}



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

.sitemap .contents a:hover { color: #FD6262;}

.sitemap div.box { float: none;width: auto; margin: 0; background: none;}
.sitemap div.contents { background: none;}

.sitemap h1 {
margin: 15px 0 0;
height: 28px;
background: url(../img/cat_service_ttl.gif) left bottom no-repeat;
}
.sitemap h2 {
height: 49px;
margin: 0 0 15px;
background: url(../img/cat_in_timg.gif) center no-repeat;
font-size: 1px;
text-indent: -9999px;
}

.sitemap h4 {
margin: 5px 30px;
font-size: 1.2em;
}
.sitemap h5 {
margin: 5px 50px;
padding: 0 0 0 9px;
background: url(../img/li_mark.gif) left center no-repeat;
font-size: 1.1em;
font-weight: normal;
}
.sitemap table { margin: 5px 0 5px 70px;}
.sitemap th { width: 5em; padding: 2px 5px; vertical-align: top; font-weight: normal; color: #996600;}
.sitemap td { width: 7em; padding: 2px 5px; vertical-align: top;}
td.entrycell { width: auto; white-space: normal;}
td.entrycell a {
padding-left: 9px;
background: url(../img/li_mark.gif) left center no-repeat;
white-space: normal;
}

.news .contents { margin: 0 50px;}
.news dl { margin: 15px 0 30px 30px;}
.news dt { margin: 10px 0 8px 0; letter-spacing: 1px; color: #555555;}
.news dd { margin: 8px 0 14px 14px;}
.news dd a { padding-left: 9px; background: url(../img/li_mark.gif) left center no-repeat;}