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

/*css var1.0*/

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;
  font-size: 100%;
  font-weight:normal;
}

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

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

li{
margin:0;
padding:0;
}

img {
  vertical-align:bottom;
}

a img {
  border: none;
}

/* common */
body{
text-align:center;
color:#151515;
font-size:12px;
line-height:300%;
letter-spacing:0.2em;
margin:0;
background:url(img/bg.gif) repeat-x;
padding:0;
border-bottom:60px solid #727272;
}

.clear{
clear:both;
}
/*link-color*/
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;}

h1 a:link { background:none; padding:0 !important;}
h1 a:visited { background:none; padding:0 !important;} 
h1 a:hover { background:none; padding:0 !important;} 
h1 a:active { background:none; padding:0 !important;}

#contents-list  a:link { color:#2400ff;  text-decoration:underline;}
#contents-list  a:visited { color:#2400ff;  text-decoration:underline;} 
#contents-list  a:hover { color:#2828b8;  text-decoration:none;}
#contents-list  a:active { color:#2828b8;  text-decoration:none;}
/*link-color*/

/*common*/
#wrapper{
width:780px;
margin:0 auto 0;
background:#e9e5de url(img/main-img.jpg) no-repeat 0 86px;
}

#wrapper h1{
height:86px;
width:780px;
padding:0;
margin:0;
background:#e9e5de url(img/header.jpg) no-repeat;
}

#wrapper h1 div{
height:86px;
width:740px;
margin-left:20px;
}

#wrapper h1 div span{
display:none;
}

#footer{
clear:both;
color:#000;
font-size:10px;
text-align:center;
padding:10px 0;
}

.url-list{
margin:0 10px;
text-align:left;
line-height:200%;
}

.url-list li{
border-bottom:1px dashed #dfdbd5;
}

.url-list li.midashi{
margin-left:18px;
}

h3{
margin:10px 0 0 0;
text-align:left;
background:url(img/h3-bg.gif) no-repeat;
padding-left:10px;
font-size:15px;
height:27px;
line-height:200%;
}

h3.top-add{
margin-top:182px;
}

h2{
font-size:13px;
font-weight:bold;
text-align:left;
}
/*common*/
/*category*/

#wrapper #left-section #cat_list{
background:url(img/category.jpg) no-repeat;
width:239px;
height:89px;
margin:20px 20px;
cursor:pointer;
}

#wrapper #left-section #cat_list li div{
width:239px;
height:89px;
}

#wrapper #left-section #cat_list li div span{
display:none;
}
/*category*/

/*left*/

#wrapper #left-section{
width:279px;
padding:150px 0 0 0;
float:left;
position:relative;
text-align:center;
}

#wrapper #left-section .add-url-top{
background:url(img/ad-bg_02.gif) no-repeat bottom;
padding-bottom:20px;
}

#wrapper #left-section .add-url-top li{
padding:4px 3px;
border-left:1px solid #bdbdbd;
border-right:1px solid #bdbdbd;
background:#fff url(img/ad-bg.gif) no-repeat center bottom;
width:231px;
text-align:left;
line-height:150%;
}

#wrapper #left-section .add-url-top li span{
margin:0 10px;
}

#wrapper #left-section .add-url-bottom{
margin:0 20px;
border-top:1px solid #bdbdbd;
background:url(img/ad-bg_02.gif) no-repeat bottom;
padding-bottom:20px;
}

#wrapper #left-section .add-url-bottom li{
padding:4px;
border-left:1px solid #bdbdbd;
border-right:1px solid #bdbdbd;
background:#fff url(img/ad-bg.gif) no-repeat center bottom;
width:229px;
text-align:left;
line-height:150%;
}


/*right*/
#wrapper #right-section{
width:481px;
float:left;
}

#wrapper #right-section ul#text-area{
width:481px;
text-align:left;
padding-bottom:8px;
background:url(img/content-bg_02.gif) no-repeat center bottom;
}

#wrapper #right-section ul#text-area li{
background:#fff;
border-left:1px solid #bdbdbd;
border-right:1px solid #bdbdbd;
width:479px;
}

#wrapper #right-section ul#text-area li span{
display:block;
margin:0 5px;
}

#wrapper #right-section ul#text-area li.top{
border:none !important;
background:url(img/content-bg_01.gif) no-repeat left top;
height:7px;
line-height:100%;
width:481px !important;
}

#wrapper #right-section ul#text-area li.top span{
display:none;
}
/*navigate*/

#wrapper #left-section #contents-list{
background:url(img/ad-bg_02.gif) no-repeat bottom left;
padding-bottom:20px;
margin:20px 20px 10px 20px;
text-align:left;
}

#wrapper #left-section #contents-list li{
border-left:1px solid #bdbdbd;
border-right:1px solid #bdbdbd;
background:#fff;
width:227px;
padding:0 5px;
margin:0;
line-height:220%;
}

#wrapper #left-section #contents-list li span{
padding:0 5px;
}

#wrapper #left-section #contents-list li.title {
background:url(img/content.gif) no-repeat;
height:40px;
line-height:100%;
width:239px;
border:none !important;
padding:0;
margin:0;
}

#wrapper #left-section #contents-list li.title span{
display:none;
margin:0;
}

/*navigate*/

/*footer*/

#footer ul{
line-height:150%;
margin:10px 10px 0;
text-align:right;
}

#footer ul li {
margin:5px 10px;
}

#footer img{
border:2px solid #99815c;
}