@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:#efbdff;
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 url(img/main-bg.gif) repeat-x;
}

#main h1{
width:770px;
height:97px;
padding:0;
margin:0;
background:url(img/id.gif) no-repeat;
}

#main h1 div{
width:770px;
height:47px;
padding-top:30px;
}

#main h1 div span{
display:none;
}

#footer{
clear:both;
color:#fff;
font-size:10px;
text-align:left;
padding:10px 0 0 30px;
background:#ff2e9f;
}

.url-list{
margin:0 auto;
width:440px;
padding:5px;
}

.url-list li{
text-align:left;
}

#footer ul li.bg{
background:none !important;
}

#footer ul li span.bg{
background:#ad197c;
line-height:100%;
}

h3{
line-height:100%;
font-weight:bold;
background:url(img/h3.gif) no-repeat;
height:34px;
padding-left:33px;
padding-top:10px;
color:#ff2e9f;
}

h2{
margin:20px auto 0;
background:url(img/h2.gif) no-repeat;
font-size:14px;
height:33px;
color:#ff2e9f;
width:440px;
text-align:left;
line-height:100%;
}

h2 span{
display:block;
margin:0 10px;
padding-top:7px;
}

/*common*/
/*category*/

#main #right #cat_list{
padding-top:10px;
text-align:left;
}

#main #right #box #cat_list li{
background:url(img/navi-head.gif) no-repeat 0 5px;
padding-left:20px;
}

#main #right #cat_list li.title{
background:#000 url(img/title2.gif) no-repeat 8px center !important;
height:10px;
padding:4px !important;
}

#main #right #box #cat_list li.title span{
display:none;
}
/*category*/

/*left*/
#main #left{
width:510px;
padding:290px 0 0;
background:url(img/image.jpg) no-repeat;
background-position:30px 0;
float:left;
text-align:center;
}

#main #left div#content{
width:440px;
margin:15px auto 20px;
text-align:left;
font-size:12px;
line-height:200%;
}

/*right*/
#main #right{
font-size:11px;
text-align:center;
color:#fff;
float:left;
width:259px;
}

#main #right #box{
margin-top:0px;
background:#b9b9b9;
padding:20px;
width:219px;
}

#main #right #box .url-list2{
text-align:left;
margin-top:10px;
line-height:200%;
border-bottom:1px dashed #9e9e9e;
border-top:1px dashed #9e9e9e;
padding:5px 0;
}

/*navigate*/
#main #right #box #contents-list{
margin:20px 0 20px 0;
text-align:left;
font-size:12px;
line-height:200%;
}

#main #right #box #contents-list li{
background:url(img/navi-head.gif) no-repeat 0 5px;
padding-left:20px;
}

#main #right #box #contents-list li.title {
background:#000 url(img/title1.gif) no-repeat 8px center !important;
height:10px;
padding:4px !important;
}
#main #right #box #contents-list li.title span{
display:none;
}

/*navigate*/

/*footer*/

#footer ul{
line-height:150%;
margin:10px auto 0;
text-align:left;
width:450px;
}

#footer ul li{
background:url(img/f-head.gif) no-repeat 0 10px ;
padding:5px 0 3px 10px;
border-bottom:#ad197c 1px solid;

