@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;
}

/* kyoutu */
body{
text-align:center;
color:#000;
font-size:12px;
line-height:300%;
letter-spacing:0.2em;
margin:0;
background:url(img/bg.gif);
padding:0;
}

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

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

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

.url-list a:link { color:#8b0400; text-decoration:underline;}
.url-list a:visited { color:#8b0400; text-decoration:underline;} 
.url-list a:hover { color:#8b0400; text-decoration:none;} 
.url-list a:active { color:#8b0400; text-decoration:none;}
/*link-color*/

/*common*/
#main{
width:770px;
margin:0 auto;
text-align:left;
background:#fff;
padding-top:29px;
}

#main h1{
width:770px;
height:48px;
padding:0;
margin:0;
background:#000 url(img/id.gif) no-repeat;
background-position:center top;
}

#main h1 div{
width:395px;
height:48px;
margin-left:187px;
}

#main h1 div span{
display:none;
}

#footer{
clear:both;
color:#fff;
font-size:10px;
text-align:left;
padding:10px 0 0 30px;
background:#000;
}

.url-list{
margin:0 auto ;
width:481px;
padding:5px;
}

.url-list li{
text-align:left;
}

#footer ul li.gray{
color:#bebebe;
}

h3{
line-height:100%;
font-weight:bold;
border-left:15px solid #000;
height:13px;
padding-left:5px;
padding-top:2px;
}

h2{
margin:20px auto 0;
background:#ff2e28;
font-size:13px;
height:27px;
color:#fff;
width:500px;
text-align:left;
line-height:100%;
}

h2 span{
display:block;
margin:0 5px;
padding-top:7px;
}

/*common*/
/*category*/

#main #right #cat_list{
background:url(img/title2.gif) no-repeat;
padding-top:10px;
text-align:left;
}

#main #right #cat_list li{
border-top:1px solid #fff;
}
/*category*/

/*left*/
#main #left{
width:510px;
padding:276px 0 0;
background:url(img/image.jpg) no-repeat;
background-position:30px 20px;
float:left;
text-align:center;
border-right:1px #000 solid;
}

#main #left div#content{
width:480px;
text-align:left;
margin:15px auto 20px;
}

/*right*/
#main #right{
font-size:11px;
text-align:left;
color:#fff;
float:left;
width:259px;
}

#main #right #box{
margin-top:20px;
background:#ff2e28;
padding:20px;
width:219px;
}

#main #right #box .url-list2{
text-align:left;
margin-top:10px;
}

/*navigate*/
#main #right #box #contents-list{
background:url(img/title1.gif) no-repeat;
margin:20px 0 20px 0;
text-align:left;
font-size:12px;
}
#main #right #box #contents-list li.title {
border-bottom:1px solid;
height:10px;
}
#main #right #box #contents-list li.title span{
display:none;
}

/*navigate*/

/*footer*/

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