﻿@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.topImage {
clear: both;
width: 800px;
height: 103px;
margin: 0 0 15px 0;
background: url(../img/top_title110401.gif) center no-repeat;
}
h2, div.topImage p {
margin: 0;
padding: 0;
border: none;
background: none;
font-size: 1px;
text-indent: -9999px;
}

/* ---------- link ---------- */

div.contents li a:hover,
dt a:hover,
dd a:hover,
h4 a:hover {
color: #FD6262;
border-bottom:1px dotted #FD6262;
}

/* ------------- 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;
}
------------- */



/* index */

div.news_cseminar {
float: left;
width: 527px;
border-bottom: 1px solid #ECD7B8;
overflow:hidden;
zoom:1;
}
div.news_cseminar h3 a {
background-image:url(../img/title_seminar.jpg);
background-repeat:no-repeat;
background-position:top;
width:527px;
height:42px;
margin: 0px;
padding: 0px;
}
div.news_cseminar dl {
border-left: 1px solid #ECD7B8;
border-right: 1px solid #ECD7B8;
background-color:#FEFBF4;
padding:10px;
}
div.news_cseminar dt strong { color: #DD6600; font-weight: normal; }
div.news_cseminar dd { margin: 5px 0 10px 0; }
div.news_cseminar a { padding-left: 9px; background: url(../img/li_mark.gif) left center no-repeat; }

div.backnumber {
margin: 0 0 0 540px;
width: 255px;
border-bottom: 1px solid #ECD7B8;
overflow:hidden;
zoom:1;
}
div.backnumber h3 {
background-image:url(../img/title_backnumber.jpg);
background-repeat:no-repeat;
background-position:top;
width:255px;
height:30px;
text-indent:-9999px;
}
div.box_bnr {
border-left: 1px solid #ECD7B8;
border-right: 1px solid #ECD7B8;
background-color:#FEFBF4;
padding:10px;
height:100%;
}
div.backnumber ul {
margin: 0 0 10px 0;
}
div.backnumber li {
margin: 3px 0 3px 0;
padding: 0 0 0 9px;
background: url(../img/li_mark.gif) left 5px no-repeat;
list-style-type: none;
}
div.backnumber h4 {
background: url(../img/arw_cseminar.jpg) left center no-repeat;
padding: 0px 0px 0px 15px;
margin:0;
font-size: 1em;
font-weight: normal;
}
div.box {
float: left;
width: 255px;
margin: 0 10px 0 0;
padding: 0;
overflow:hidden;
zoom:1;
}
div.heightLineParent {
margin: 0 0 20px 0;
overflow:hidden;
zoom:1;
}

#boxtop217 { border-bottom: 1px solid #348735; }
#boxtop219 { border-bottom: 1px solid #4344C3; }
#boxtop214 { border-bottom: 1px solid #D04761; }
#boxtop221 { border-bottom: 1px solid #2D2D63; }
#boxtop218 { border-bottom: 1px solid #D17E48; }
#boxtop216 { border-bottom: 1px solid #EBB4EB; }
#boxtop213 { border-bottom: 1px solid #612C62; }
#boxtop275 { border-bottom: 1px solid #B69961; }
#boxtop220 { border-bottom: 1px solid #92AE47; }

ul.boxtop217 { border-left: 1px solid #348735; border-right: 1px solid #348735; padding:10px; height:100%; }
ul.boxtop219 { border-left: 1px solid #4344C3; border-right: 1px solid #4344C3; padding:10px; height:100%; }
ul.boxtop214 { border-left: 1px solid #D04761; border-right: 1px solid #D04761; padding:10px; height:100%; }
ul.boxtop221 { border-left: 1px solid #2D2D63; border-right: 1px solid #2D2D63; padding:10px; height:100%; }
ul.boxtop218 { border-left: 1px solid #D17E48; border-right: 1px solid #D17E48; padding:10px; height:100%; }
ul.boxtop216 { border-left: 1px solid #EBB4EB; border-right: 1px solid #EBB4EB; padding:10px; height:100%; }
ul.boxtop213 { border-left: 1px solid #612C62; border-right: 1px solid #612C62; padding:10px; height:100%; }
ul.boxtop275 { border-left: 1px solid #B69961; border-right: 1px solid #B69961; padding:10px; height:100%; }
ul.boxtop220 { border-left: 1px solid #92AE47; border-right: 1px solid #92AE47; padding:10px; height:100%; }

#boxtop217 h3 a { background-image: url(../img/h3_culture.jpg); }
#boxtop219 h3 a { background-image: url(../img/h3_language.jpg); }
#boxtop214 h3 a { background-image: url(../img/h3_cook.jpg); }
#boxtop221 h3 a { background-image: url(../img/h3_hobby.jpg); }
#boxtop218 h3 a { background-image: url(../img/h3_health.jpg); }
#boxtop216 h3 a { background-image: url(../img/h3_flower.jpg); }
#boxtop213 h3 a { background-image: url(../img/h3_art.jpg); }
#boxtop275 h3 a { background-image: url(../img/h3_japan.jpg); }
#boxtop220 h3 a { background-image: url(../img/h3_nature.jpg); }

h3 a {
display: block;
width: 255px;
height: 40px;
background-position: left top;
background-repeat: no-repeat;
font-size: 1px;
text-indent: -9999px;
}

div.box li {
margin: 3px 0 3px 0;
padding: 0 0 0 15px;
background: url(../img/arw_cseminar.jpg) 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;
}



/* ------------- sitemap news ------------- */

h3 a {
display: block;
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 .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;}



