#wrapper {
        width: 99%;
        margin: 10px;
}

#header {
    width: 100%;
}

#container {
    float:none;
    text-align:left;
    margin-right:0;
    width:800px;
 }

#contents{
    width: 99%;
    float: left;
    margin-right: -60%;
    margin-bottom: 20px;
    background-color:#fff;
}

#contents-inner{
    position: relative;
    margin: 0 54% 0 1px;
    padding:  0 ;
    background-color:#fff;
}

#right-sidebar {
    float: right;
    overflow: hidden;
    width: 52%;
    margin-right:1em;
    z-index: 1;
}

#left-sidebar {
  float:left;
  width:210px;
}
/**********************
  contents
************************/
#contents-inner .page_title{
    text-align:left;
}

.page_title_bar{
    color:#ffffff; 
    padding:3px; 
    background-color:#006633;
    margin-top:15px;
}

.sub_index,
.main_index{
    max-width:98%;
    text-align:center;
    margin:0 10px 1em;
}

h2.title_line{
   font-weight:bold;
   font-size:100%;
   width:90%;
   padding: 4px 1em;
   margin-top:0px;
   margin-bottom:10px;
   border-top-left-radius:0.5em;
   border-bottom-left-radius:0.5em;
   border-top-right-radius:0;
}

.page{
     font-size:85%;
     margin-left:20px;
     }


div.main_list{
    margin-top:10px;
    overflow:hidden;
    font-size:80%;
    overflow:hidden;
    width:auto;
}

div.main_list  div.list_item{
    float:left;
    width:210px;
    margin-left:15px;
    height:300px;

}

div.main_list div.list_item .image{
    text-align:center;
    width:202px;
    height:202px;
    display:table-cell;
    vertical-align:middle;
}

div.main_list div.list_item .image img{
    max-width:200px;
    max-height:200px;
}

}