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

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

h2 span.title { padding: 0 0 0 10px; border-left: 1px dotted #33CC33;}

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

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

#culture li.LNculture a,
#stage li.LNstage a,
#sports li.LNsports a,
#tour li.LNtour a,
#nature li.LNnature a,
#book li.LNbook a {
background: url('../img/LN_li_act.gif') no-repeat left center;
color: #FD6262
}

.internet #LSN li.LSNinternet a,
.center #LSN li.LSNcenter a,
.seminar #LSN li.LSNseminar a {
border-top: 1px solid #E6BFB7;
border-right: 1px solid #E6BFB7;
border-bottom: 1px solid #FFF3F1;
border-left: 1px solid #E6BFB7;
background: #FFF3F1;
}

/* ------------- service top ------------- */

div.illust { height: 680px;}
div.illust ul {
position: absolute;
width: 800px;
height: 666px;
background: url('../service/img/top_illust.gif');
}
div.illust p { margin: 0; font-size: 1px; text-indent: -9999px; line-height: 1px;}
div.illust li { list-style-type: none;}
div.illust a {
display: block;
position: absolute;
width: 159px;
height: 44px;
font-size: 1px;
text-indent: -9999px;
background-position: left top;
}
div.illust li a:hover { background-position: left bottom;}
li.INculture a { top: 293px; left: 155px; background-image: url('../service/img/culture_bt.gif');}
li.INstage a { top: 559px; left: 398px; background-image: url('../service/img/stage_bt.gif');}
li.INsports a { top: 364px; left: 305px; background-image: url('../service/img/sports_bt.gif');}
li.INtour a { top: 495px; left: 602px; background-image: url('../service/img/tour_bt.gif');}
li.INnature a { top: 180px; left: 488px; background-image: url('../service/img/nature_bt.gif');}
li.INbook a { top: 582px; left: 134px; width: 208px; background-image: url('../service/img/book_bt.gif');}


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

dl.topics {
width: 400px;
margin: 30px auto 0;
padding: 0 0 20px 100px;
background: url(../service/img/topics.gif) left top no-repeat;
}
dl.topics a:hover { color: #0000EE; padding-bottom: 1px; border-bottom: 1px dotted #0000CC;}