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

#container {
    float:none;
    margin-right:0;
    width:100%;
 }

#header {
    width: 100%;
}

#contents{
    width: 100%;
    float: left;
    margin-right: -220px;
    margin-bottom: 20px;
    background-color:#fff;

}

#contents-inner{
    position: relative;
    margin: 0 220px 0  20px;
    padding:  0 ;
    background-color:#fff;

}

#right-sidebar {
    float: right;
    overflow: hidden;
    width: 200px;
    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;
}

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

.main_index ul li{
    display:inline;
    float:left;
    margin:1px;
    padding:5px;
    width:205px;
    height:180px;
    text-align:left;
    line-height:100%;
}

.sub_index ul li img,
.main_index ul li img{
    text-align:center;
}

.main_index ul li .index_img{
    margin-top:5px;
    text-align:center;
}

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

}