@import url("internet.css");

table, th, td {
margin: 0px;
padding: 0px;
}

li { list-style-type: none;}

/* ---------- layout ---------- */

#contents {
float: none;
width: 800px;
}

/* ---------- common ---------- */

div.s-ttl, div.in-ttl,h1 {
font-size: 1px;
text-indent: -9999px;
}
div.s-ttl {
clear: both;
height: 28px;
background: url(../img/cat_service_ttl.gif) left bottom no-repeat;
}
div.in-ttl {
height: 49px;
margin: 0 0 15px;
background: url(../img/cat_in_timg.gif) center no-repeat;
}

h1 {
height: 18px;
margin: 18px 0 8px 12px;
border: none;
background-position: left top;
background-repeat: no-repeat;
}
.cat217 h1 { background-image: url(../img/h3_culture.gif);}
.cat219 h1 { background-image: url(../img/h3_language.gif);}
.cat214 h1 { background-image: url(../img/h3_cook.gif);}
.cat221 h1 { background-image: url(../img/h3_hobby.gif);}
.cat218 h1 { background-image: url(../img/h3_health.gif);}
.cat216 h1 { background-image: url(../img/h3_flower.gif);}
.cat213 h1 { background-image: url(../img/h3_art.gif);}
.cat275 h1 { background-image: url(../img/h3_japan.gif);}
.cat220 h1 { background-image: url(../img/h3_nature.gif);}

h2 {
margin: 8px 20px 20px;
padding: 6px 10px 6px 17px;
border: 1px solid #AAAAAA;
background: url(../img/p_title_bg.jpg) left center no-repeat;
color: #555555;
font-size: 1.2em;
letter-spacing: 1px;
line-height: 1em;
}

.cat217 h2 { background-image: url(../img/culture_title_bg.jpg);}
.cat219 h2 { background-image: url(../img/language_title_bg.jpg);}
.cat214 h2 { background-image: url(../img/cook_title_bg.jpg);}
.cat221 h2 { background-image: url(../img/hobby_title_bg.jpg);}
.cat218 h2 { background-image: url(../img/health_title_bg.jpg);}
.cat216 h2 { background-image: url(../img/flower_title_bg.jpg);}
.cat213 h2 { background-image: url(../img/art_title_bg.jpg);}
.cat275 h2 { background-image: url(../img/japan_title_bg.jpg);}
.cat220 h2 { background-image: url(../img/nature_title_bg.jpg);}

.cat217 li.LTN217 a,
.cat219 li.LTN219 a,
.cat214 li.LTN214 a,
.cat221 li.LTN221 a,
.cat218 li.LTN218 a,
.cat216 li.LTN216 a,
.cat213 li.LTN213 a,
.cat275 li.LTN275 a,
.cat220 li.LTN220 a {
border-top: 1px solid #DEC09E;
border-right: 1px solid #DEC09E;
border-left: 1px solid #DEC09E;
background: #FFF1DF;
}

.cat226 li.LFN226 a,
.cat227 li.LFN227 a,
.cat228 li.LFN228 a,
.cat234 li.LFN234 a,
.cat233 li.LFN233 a,
.cat235 li.LFN235 a,
.cat215 li.LFN215 a,
.cat223 li.LFN223 a,
.cat238 li.LFN238 a,
.cat237 li.LFN237 a,
.cat241 li.LFN241 a,
.cat268 li.LFN268 a,
.cat240 li.LFN240 a,
.cat239 li.LFN239 a,
.cat230 li.LFN230 a,
.cat232 li.LFN232 a,
.cat231 li.LFN231 a,
.cat224 li.LFN224 a,
.cat225 li.LFN225 a,
.cat222 li.LFN222 a,
.cat276 li.LFN276 a,
.cat236 li.LFN236 a,
.cat341 li.LFN341 a,
.cat342 li.LFN342 a,
.cat343 li.LFN343 a,
.cat344 li.LFN344 a,
.cat345 li.LFN345 a,
.cat346 li.LFN346 a { border-bottom: 1px solid #FD7673; color: #FD7673;}

p.pcat-descript,
p.pcat-descript2 { min-height: 42px; margin: 30px 80px 0; padding: 0 0 30px 70px;}
*html p.pcat-descript,
*html p.pcat-descript2 { height: 42px;}

p.descript226 { background: url(../img/pict_tea.jpg) left top no-repeat;}
p.descript227 { background: url(../img/pict_game.jpg) left top no-repeat;}
p.descript228 { background: url(../img/pict_manners.jpg) left top no-repeat;}
p.descript234 { background: url(../img/pict_italian.gif) left top no-repeat;}
p.descript233 { background: url(../img/pict_chinese.jpg) left top no-repeat;}
p.pcat-descript2 { background: url(../img/pict_chinese2.jpg) left top no-repeat;}
p.descript235 { background: url(../img/pict_english.gif) left top no-repeat;}
p.descript215 { background: url(../img/pict_cooking.jpg) left top no-repeat;}
p.descript223 { background: url(../img/pict_vegetables.jpg) left top no-repeat;}
p.descript238 { background: url(../img/pict_camera.jpg) left top no-repeat;}
p.descript237 { background: url(../img/pict_railway.jpg) left top no-repeat;}
p.descript241 { background: url(../img/pict_handwriting.gif) left top no-repeat;}
p.descript268 { background: url(../img/pict_color.gif) left top no-repeat;}
p.descript240 { background: url(../img/pict_wine.jpg) left top no-repeat;}
p.descript239 { background: url(../img/pict_tear_pict.jpg) left top no-repeat;}
p.descript230 { background: url(../img/pict_aromatherapy.gif) left top no-repeat;}
p.descript232 { background: url(../img/pict_tea.jpg) left top no-repeat;}
p.descript231 { background: url(../img/pict_yoga.jpg) left top no-repeat;}
p.descript224 { background: url(../img/pict_herb.gif) left top no-repeat;}
p.descript225 { background: url(../img/pict_arrangment.jpg) left top no-repeat;}
p.descript222 { background: url(../img/pict_antique.gif) left top no-repeat;}
p.descript276 { background: url(../img/pict_tradition.jpg) left top no-repeat;}
p.descript236 { background: url(../img/pict_mountain.jpg) left top no-repeat;}
p.descript350 { background: url(../img/pict_gardening.jpg) left top no-repeat;}
p.descript358 { background: url(../img/pict_sleep.jpg) left top no-repeat;}


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

dl {
margin: 25px 50px 20px;
padding: 8px 15px 8px 90px;
border: 1px dotted #FF9900;
background: url(../img/new.gif) 15px center no-repeat;
}
dd { margin: 3px 0 0 10px;}
dd a {
padding-left: 9px;
background: url(../img/li_mark.gif) left center no-repeat;
}
dd a:hover { color: #FD6262;}

ul.cat-list { margin: 10px 0 10px 40px;}
ul.cat-list li a {
margin: 5px 0 5px;
padding: 0 0 0 13px;
background: url(../img/arrow.gif) left center no-repeat;
color: #444444;
}
ul.cat-list li a:hover { color: #FD6262;}

h3 {
margin: 25px 20px 10px 30px;
padding: 3px 16px;
background: url(../img/ttl_bg.gif) left center no-repeat;
font-size: 1.1em;
letter-spacing: 1px;
}

table { width: 720px; margin: 15px 0 15px 40px;}
th,
td {
width: 7em;
padding: 5px 7px 5px;
border-top: 1px solid #FFFF99;
border-bottom: 1px solid #FFDD99;
background: #FFFFF6;
vertical-align: top;
white-space: nowrap;
}
th {
width: 4em;
padding: 5px 5px 5px 15px;
text-align: center;
color: #CC9933;
letter-spacing: 1px;
}
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;
}
td.entrycell a:hover { color: #FD6262;}

/* ---------- cat1 ---------- */

.cat1 h2 { margin: 15px 20px 20px;}
.cat1 h2 a { color: #444444;}
.cat1 h3 {
margin: 3px 40px;
padding: 3px 0 3px 13px;
background: url(../img/arrow.gif) left center no-repeat;
}