@charset "UTF-8";


/* wbh */
div#header{
width: 780px;
height: 66px;
margin: auto;}

div#header ul{
text-align: right;
padding-bottom: 15px;
vertical-align: middle;
 }

div#header ul li{
display: inline;
list-style-type: none;
padding: 0 5px 0 12px;
background: url(../img/header_list.gif) no-repeat left center;
font-size: small;
}

/* ^CgS (h1, p) */
div#logo {
width: 250px;
height: 40px;
position: relative;
left: 30px;
top: 16px;
}

/* rWA */

/* Rec */
div#contents{
background: transparet;
width: 780px;
height:auto;
margin:auto;
background:url(../img/se-con_bac.gif) repeat y;
background: url(../img/navi_bac.gif) repeat-y;
}

/* O[oirQ[V (ul#navigation) */
div#navigation {
width: 200px;
height: 800px;
float: left;
margin:0px;
background: #abc9d1 url(../img/navi_bac.gif) repeat-y;
}

div#navigation h2 {
text-indent: -9999px;
overflow: hidden;
background: #abc9d1 url(../img/navi_h2_bac2.gif) no-repeat;
width:200px;
height:46px;
}

div#navi {
width:177px; 
margin:0px;
}

div#navi ul{
margin:0px;
width:177px; 
}

div#navi ul li {
list-style-type: none;
display: inline; 
}

div#navi ul li a{
display: block;
width:177px;
}
 
div#navi #secondnav{
margin:0px;
background:#b1caca;
}

div#navi #secondnav ul {
width: 157px;
margin-left:20px;
font-size:small;
}

div#navi #secondnav li{ 
display: inline;
margin: 0;
}

div#navi #secondnav li .selected{
background-color:#e7ffaf;
}

div#navi #secondnav li a{
list-style-type: none;
padding : 5px 0 5px 15px;
border-bottom: 1px solid #cfd9cf; 
width : 142px;
display: block;
background: #e9f0e9 url(../img/second_bac.gif) no-repeat left center;
}

div#main {
float: right;
background: transparet;
width: 575px;
height:auto;
}