@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:#fff url(img/header_01.gif) repeat-x;
padding:0;
margin:0 auto;
}

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

.clear{
clear:both;
}

h1{
height:240px;
/*background:url(img/header_02.jpg) no-repeat;*/
background:url(img/main.jpg) no-repeat;
width:494px;
margin:62px 0 0;
}

h1 div{
height:240px;
width:468px;
margin-left:26px;
}

h1 div span{
display:none;
}

h2{
font-size:13px;
font-weight:bold;
background:000;
width:451px;
line-height:100%;

}

h3{
font-size:13px;
border-bottom:3px double #000;
}

span.hide{
display:none !important;
}
/* +++++++common+++++++ */

#container{
width:784px;
/*background:url(img/background.gif) repeat-y;*/
background:url(img/background.gif) repeat-y;

margin:0 auto;
text-align:left;
}

#container #container-box{
background:url(img/header_02.jpg) no-repeat;
background-position:top left;
width:784px;
text-align:left;
}

#container #container-box #category-banner{
background:url(img/categorybanner.jpg) no-repeat 0 10px;
width:258px;
height:104px;
margin:62px 0 0;
}
/* +++++++left+++++++ */
#container #container-box #left-unit{
width:503px;
float:left;
}

#container #container-box #left-unit .bookmark{
width:451px;
text-align:left;
margin-left:41px;
}

#container #container-box #left-unit .bookmark li{
background:url(img/img_01.gif) no-repeat;
background-position:0 15px;
}

#container #container-box #left-unit .bookmark li span{
margin-left:14px;
display:block;
}

#container #container-box #left-unit .bookmark li.midashi{
background:none !important;
}

#container #container-box #left-unit table{
margin:20px 0 20px 41px;
padding:0;
border:0;
text-align:left;
width:451px;
}

#container #container-box #left-unit table tr th,td{

border:0;
margin:0;
padding:0;
}

#container #container-box #left-unit table tr th{
background:#807ec0 url(img/h2.gif) no-repeat;
background-position:right;
height:27px;
padding-left:5px;
}
/* +++++++left+++++++ */
/* +++++++right+++++++ */
#container #container-box #right-unit{
float:left;
width:258px;
}

#container #container-box #right-unit #navigation{
background:url(img/img_02.gif) no-repeat;
width:242px;
margin:10px 0 0 8px;
}

#container #container-box #right-unit #navigation li.title{
border-bottom:1px solid #000;
height:21px;
background:none !important;
}

#container #container-box #right-unit #navigation li{
background:url(img/img_03.gif) no-repeat;
background-position:0 15px;
}
#container #container-box #right-unit #navigation li span{
margin-left:10px;
display:block;
}

#container #container-box #right-unit .bookmark2{
border-bottom:1px solid #000;
border-top:1px solid #000;
width:242px;
margin:10px 0 0 8px;
}
/* +++++++right+++++++ */
/* +++++++bottom+++++++ */
#container #container-box #bottom-unit{
clear:both;
text-align:center;
margin:0 auto;
padding-left:23px;
}

#container #container-box #bottom-unit ul{
width:738px;
border-top:10px solid #5a56c0;
background:#807ec0;
font-size:10px;
}

#container #container-box #bottom-unit ul li{
display:inline;
}
/* +++++++bottom+++++++ */