/*-----------------------------------------------
 __default style clear
-----------------------------------------------*/

* {
    margin:0;
    padding:0;
}

body {
    background-color: #ffffff;
    font-size:90%;
    font-family:verdana,arial,helvetica,sans-serif;
    color:#333;
    line-height:1.5;
}

html {
    overflow-y:scroll;
}

p {
    margin:0 0 1em;
}





#wrapper {
    width: 100%;
    font-size: 90%;
}

/*-----------------------------------------------
    pagetitle & etc
-----------------------------------------------*/

#pagetitle{
    margin-left:20px;
    }

#pagetitle h1{
    color:#000;
    font-size:150%;
    }
#pagetitle .subtitle{
    margin-bottom: 10px;
    margin-top: 5px;
    font-weight:bold;
    font-size:120%;
}

#pagetitle .sort_from {
    font-size:85%;
    margin-top: 10px;
    margin-bottom: 10px;
    }

#pagetitle .sort_from .media_sel input,
#pagetitle .sort_from .media_sel select {
    border:1px solid #ccc;
    background-color:#eeeff7
    }


div.page_send {
    margin: 0 0 10px;
    padding: 5px;
    text-align: center;
    font-size:85%;
}

div.page_send  a,
div.page_send span{
    display: inline-block;
    margin-bottom: 5px;
    padding: 2px 3px;
    background: #eeeff7;
    color:#000;
    border: 1px solid #ccc;
    }

div.page_send span.red{
    color:#ff0000;
    font-weight:bold;
    }

div.page_send  a{
    text-decoration: none;
    color:#000;
    }
    
div.page_send  a:hover{
    background: #ccf;
    color:#000;
    margin: 0;
    }

.clear{
    clear:both;
    }
/*-----------------------------------------------
   main
-----------------------------------------------*/
#contents {
    float:right;
    width:100%;
    height:auto;
    margin-left:-220px;
}


/*---------------------------------------
 __inner
------------------------------------------*/
#contents-inner {
    min-width:350px;
    margin:0 0 15px 225px;
    padding:10px 15px 5px;
    height:auto;
}
#contents-inner h2 {
    margin-bottom:10px;
    font-size:180%;
}


/*-----------------------------------------------
 __left-sidebar
-----------------------------------------------*/
#left-sidebar {
    float:left;
    width:210px;
    margin-bottom:15px;
    height:auto;
}
#left-sidebar h3 {
    margin-bottom:5px;
    margin-left:15px;
    font-size:100%;
    letter-spacing: 1px;
}

/*-----------------------------
  series_list.html
  list_from_code_banner.html
 ------------------------------*/

#left-sidebar .menu{
    margin:0 10px 0 10px;
    }

#left-sidebar .menu span,
#left-sidebar .menu .kana_title{
    font-weight:bold;
    }
#left-sidebar .menu .seeall,
#left-sidebar .menu .kana_name{
    padding-left:10px;
    }

#left-sidebar .menu .kana_name b{
    font-size:larger;
    font-weight:bold;
    }


#left-sidebar .menu ul {
    margin-left:30px ;
}
#left-sidebar .menu ul li {
    padding-left:0px;
    line-height:150%;
}
    
#left-sidebar .menu ul li ul.sub_select {
    line-height:100%;
    margin-left:15px;
    padding-left:0px;
    }

#left-sidebar .menu ul li ul.sub_select li.l {
    list-style-image:url(/icons/l_style_list.gif);
    padding-left:2px;
    margin-left:2px;
    }

#left-sidebar .menu ul li ul.sub_select li.t {
    list-style-image:url(/icons/t_style_list.gif);
    padding-left:2px;
    margin-left:2px;
    }

#left-sidebar .menu ul li a {
    text-decoration:none;
}
#left-sidebar .menu ul li a:hover {
    text-decoration:underline;
}

#left-sidebar .regist_box{
    width:100%;
    margin-top:8px;
    margin-bottom:3px;
    }

#ads {
    width:100%;
    margin-top:8px;
    }

div.listing_top{
    font-size:85%;
    margin-left:10px;
    }
.not_found{
    font-size:120%;
    font-weight:bold;
}
    
    

/*-----------------------------------------------
 __header
-----------------------------------------------*/

#header {
    margin-top:0;
    margin-bottom:15px;
    min-width:800px;
    background:#FFF;
}

#header h1 {
    padding:10px 15px 0;
}

#header p#siteDescription {
    padding:0 15px 10px 30px;
}

#header .path {
    color:#959595;
    font-size:90%;
    margin-bottom:8px;
    margin-left:10px;
    }
/*-----------------------------------------------
 __footer
-----------------------------------------------*/

#footer {
    clear:both;
    width:100%;
    min-width:500px;
    padding-top:8px;
    padding-bottom:5px;
    background:#F5F5F5;
}


#footer div#copyright {
    background-color:#CCCCCC;
    color:#000000;
    padding:10px;
    width:auto;
    }