@charset "utf-8";
/* CSS Document */

/* Reset */

body, div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li, 
brockquote, pre, table, caption, th, td, address, 
form, fieldset, legend, object, img{
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6, pre, table, code, kbd, samp, acronym, input, textarea {
  font-size: 100%;
  font-weight:normal;
  margin: 0;
  padding: 0;
}

ul, ol, dl{
list-style-type:none;
margin:0;
padding:0;
}

dt, dd{
margin:0;
padding:0;
}

li{
margin:0;
padding:0;
}

/* Reset */

/* +++++++common+++++++ */
body{
text-align:center;
color:#151515;
font-size:12px;
line-height:300%;
letter-spacing:0.2em;
background:#cfcfcf;
padding:0;
margin:0 auto;
}

a:link { color:#fe6600;  text-decoration:underline;}
a:visited { color:#fe6600; text-decoration:underline;} 
a:hover { color:#ffa061; text-decoration:none;} 
a:active { color:#ffa061; text-decoration:none;}

#navigation a:link { color:#2c5dd8; text-decoration:none;}
#navigation a:visited { color:#2c5dd8; text-decoration:none;} 
#navigation a:hover { color:#2c5dd8; text-decoration:none; font-weight:bold; } 
#navigation a:active { color:#2c5dd8; text-decoration:none; font-weight:bold;}

.clear{
clear:both;
}

h1{
height:104px;
background:url(img/site-id.jpg) no-repeat;
width:780px;
margin:0 auto;
text-align:left;
}

h1 div{
height:104px;
width:780px;
cursor:pointer;
}

h1 div span{
display:none;
}

h2{
font-size:15px;
font-weight:bold;
background:url(img/h2.gif) no-repeat;
color:#fff;
width:450px;
line-height:200%;
height:35px;
padding:0 5px;
}

h3{
font-size:15px;
font-weight:bold;
color:#489a91;
}

/* +++++++common+++++++ */

#container{
width:780px;
margin:0 auto;
text-align:left;
padding-top:20px;
background:#fff;
}
/* +++++++left+++++++ */
#container #left-unit{
width:512px;
float:left;
}

#container #left-unit .bookmark{
width:394px;
padding-left:66px;
text-align:left;
margin:0 auto 10px;
background:url(img/img-01.jpg) no-repeat 0 13px;
}

#container #left-unit .bookmark li.midashi{
border-bottom:2px solid #489a91;
padding-left:15px;
}

#container #left-unit table{
margin:20px auto;
padding:0;
border:0;
text-align:left;
width:460px;
border-spacing:0;
}

#container #left-unit table tr th,td{
border:0;
margin:0;
padding:0;
font-size:14px;
}

/* +++++++left+++++++ */
/* +++++++right+++++++ */
#container #right-unit{
float:left;
width:259px;
text-align:center;
}

#container #right-unit #category-banner{
width:213px;
height:66px;
background:url(img/site-map.jpg) no-repeat;
margin-left:24px;
cursor:pointer;
}

#container #right-unit #category-banner span{
display:none;
}

#container #right-unit #navigation{
background:url(img/site-navigation.jpg) no-repeat;
width:259px;
margin:20px auto;
text-align:left;
font-size:11px;
padding-top:50px;
}

#container #right-unit #navigation li{
margin-left:10px;
}

#container #right-unit .bookmark2{
border-top:1px solid #d9d9d9;
margin:10px auto 0;
text-align:left;
}

#container #right-unit .bookmark2 li{
border-bottom:1px dotted  #d9d9d9;
}
/* +++++++right+++++++ */
/* +++++++bottom+++++++ */
#container #bottom-unit{
clear:both;
text-align:center;
margin:0 auto;
background:#cfcfcf;
}

#container #bottom-unit ul{
font-size:10px;
}

/* +++++++bottom+++++++ */