@charset "UTF-8";
@import url(base.css);


body {background:#ccc;}
#wrapper {width:822px;}
#frame { background:#fff;}

h1 {background:url(../img/head_intro.jpg) no-repeat; height:50px; font-size:9px; text-indent:-9999px;}
#navigation ul li {float:left; display:inline; font-size:0%; line-height:100%ben;}

#contents { background-color:#054107; padding-top:10px;}
.introLeft { width:530px; float:left; padding:5px 10px;min-height:310px;}
.introRight { width:240px; float:right; color:#ff9; line-height:120%;}

.infoBox { border:1px solid #090; margin:0 5px 10px 0; padding:5px; background-color:#06650D; font-size:12px;}
.infoBox a:link,
.infoBox a:active,
.infoBox a:visited { color:#ccf; text-decoration:none; text-indent:1px;}
.infoBox a:hover,
.infoBox a:focus { text-decoration:underline;}


.ttl {margin-bottom:5px;}
.footer {clear:both;}
.swf {padding:5px; }

dl {margin:5px; padding:5px 0; font-size:13px;}
dt { margin:0 0 2px; padding:0; color:#9f0; letter-spacing:1px;}
dd { margin:0 0 15px 2em; padding:0; color:#ddd; line-height:150%;}
strong { color:#FFCC00; }

dl a {color:#ff0; font-weight:bold;}
dl a:link,
dl a:active,
dl a:visted { color:#ff0; text-decoration:none;}
dl a:focus,
dl a:hover { color:#ff0; text-decoration:underline;}

dt.b { background:url(../img/mark1.gif) no-repeat 0 1px; padding-left:56px;}
dt.j { background:url(../img/mark2.gif) no-repeat 0 1px; padding-left:56px;}
dt.h { background:url(../img/mark3.gif) no-repeat 0 1px; padding-left:56px;}
dt.a { background:url(../img/mark4.gif) no-repeat 0 1px; padding-left:75px;}



#idxBanner { padding:0 0 10px;}