/* --画面全体のレイアウトTOP PAGE(３カラム用)-- */

* {
 margin:0;
 padding:0;
}

#wrapper {
   width: 99%;
   width: expression(
      (document.documentElement.clientWidth > 1300)? "1300px" :
         (document.documentElement.clientWidth < 970)? "970px" :
            "auto"
   );
  margin: 10px;
}

#header {
    width: 100%;
    margin-bottom:20px;
}

#container{
    width: 100%;
    float: left;
    margin-right: -220px;
}

#contents{
    width: 100%;
    float: right;
    margin-left: -220px;
    margin-top:0;
    background-color:#fff;
    z-index: 3;
}

#contents-inner{
    position: relative;
    margin:0px 240px 0 220px;
    padding:  0 10px;
    z-index: 2;

}

#footer{
    clear:both;
    width:100%;
    padding-top:50px;
 }

div.clearfix{
    zoom:1;/*for IE 5.5-7*/
}

div.clearfix:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    line-height:0;
    visibility:hidden;
}

/***************
   contents 
*****************/

.navimain {
     background-color:#FDE4C4;  /*normal */
    /*background-color: #CE0000;  red Xmas */
    /*color:#FFFFFF;*/
    font-weight:bold;
    margin-top:0;
    padding:0;
    text-align:center;
    }
.navimain a:visited,
.navimain a:link,
.navimain a{
    color:#0000FF; /* normal */
    /*color:#FFF;  Xmas white*/
    font-weight:normal;
    font-size:smaller;
    }



.clear{clear:both;}

.title_line{
    background-color:#FDE4C4;
}

h1.title_line{
   font-weight:normal;
   font-size:150%;
   color:#808080;
   padding:3px 5px 3px;
   margin-top:0;
   margin-bottom:10px;
}

h2.title_line{
   font-weight:bold;
   font-size:100%;
   padding: 3px 1px 3px 1em;
   color:#808080;
   margin-top:0px;
}

h3.title_line{
   font-weight:bold;
   font-size:100%;
   padding: 3px 1px 3px 5px;
   color:#000;
   margin-top:0px;
   margin-left:1em;
   background-color:transparent;
   border:none;
   
}

#info_banner{
    text-align:center;
    margin-bottom:10px;
    }
.banner{
    overflow:hidden;
    }
p.text,
.product_detail,
.ribbon_desc{
    padding:3px 5px 3px;
    text-align:left;
    font-size:90%;
    width:auto;
    }

.ribbon_desc {
    color:#FF8000;
    }

/***TOP page *******/
.title_image{
    text-align:center;
    margin-bottom:10px;
    }

.contents_section{
    margin-bottom:15px;
    }

div.contents_section p{
    font-size:90%;
    padding: 5px 5px 5px 10px;
    }

div.contents_section p.title_text{
    padding: 5px 5px 5px 10px;
    font-weight:bold;
    color:#008040;
    }

div.contents_section ol,
div.contents_section ul{
    font-size:90%;
    padding-left: 10px;
    margin-left:20px;
    margin-top:10px;
    }

div.contents_section dl{
    margin-top:10px;
    margin-left:20px;
    }

div.contents_section dl dt{
    font-weight:bold;
    color:#804000;
    width: 10em;
    margin-bottom:8px;
    font-size:90%;
    }

div.contents_section dl dd{
    margin-bottom:8px;
    font-size:85%;
    }


table.index_table{
    margin-top:10px;
    width:auto;
    border-collapse: separate;
    border-spacing: 10px;
    }

table.index_table td{
    height:100px;
    width:33%;
    padding:5px 10px 10px;
    margin:10px;
    font-size:85%;
    font-weight:bold;
    vertical-align:top
    }

table.index_table td img{
    float:left;
    width:50px;
    margin-top:5px;
    border:none;
   }

table.index_table td div.category_desc{
    margin-left:55px;
    }

table.index_table td div.category_desc p{
    margin-top:3px;
    color:#000;
    font-weight:normal;
    padding:0;
    }
    
td.misc {
    border:1px solid #FAB867;
    }

table.library_index{
    margin-top:10px;
    width:auto;
    }


table.library_index td.image,
table.library_index td.content{
  padding-bottom:10px;
  }

table.library_index td.image img {
    border:none;
    width:90px;
    }

table.library_index td.content{
    font-size:90%;
    vertical-align:top;
    padding-left:5px;
    }

table.library_index td.content .title{
    font-weight:bold;
    }

/**オススメリボン オススメラッピング ***/

div.contents_section div.pickup_table{
    margin-top:10px;
    height:103px;
    overflow:hidden;
}

div.contents_section div.pickup_table div.list_item{
    float:left;
    overflow:hidden;
    margin-right:10px;
    width:102px;
}

div.contents_section div.pickup_table div.list_item div.item_pict img{
    max-width:100px;
    max-height:100px;
    border:none;
}


div.contents_section div.recommend_wraping{
    margin-top:10px;
    height:170px;
    overflow:hidden;
}

div.contents_section  div.recommend_wraping div.list_box{
    height: 168px;
    padding: 5px;
    width: 101px;
}

div.contents_section  div.recommend_wraping .list_box_img{
    width:101px;
    height:101px;
    text-align:center;
}

div.contents_section  div.recommend_wraping .list_box_img img{
    max-width:100px;
    max-height:100px;
    border:none;
}   

div.contents_section  div.recommend_wraping div.list_box .list_box_test{
    border: none;
    font-size:80%;
}

div.contents_section  div.recommend_wraping div.list_box .facebooklike{
    display: none;
}

/****************
  Category Color
*****************/
.c801,
.c801 a {
    background-color:#BFD0F0;
    color:#2C5CB8;
    }

.c802,
.c802 a {
    background-color:#D9FECB;
    color:#2E9E03;
    }

.c803,
.c803 a {
    background-color:#FFC4FF;
    color:#E300E3;
    }

.c804,
.c804 a {
    background-color:#FFCB97;
    color:#6C3600;
    }

.c805,
.c805 a {
    background-color:#E8D0FF;
    color:#4D0099;
    }

.c806,
.c806 a {
    background-color:#FDECA8;
    color:#804000;
    }


/****************
     Side Bar
******************/
#left-sidebar{
    width: 210px;
    float: left;
}

#right-sidebar{
    width: 220px;
    float: right;
    overflow:hidden;
    z-index: 1;
}

.menu_title{
         border:1px solid #FAB867;
        /* font-size:85%;*/
         padding:3px 0px 3px 0px;
         background-color:#FDE4C4;
         Color:#808080;
         font-weight: bold;
         text-align:center;
         margin-bottom:3px;
/*         width:160px;*/
           }
 .menu-box{
         border:1px solid #FAB867;
        /* padding:0px 0px 0px 0px;*/
         background-color:#FFFFFF;
         text-align:left;
         font-size:90%;
         margin-bottom:10px;
           }

 .menu-box .sub_genre1 {
        font-size:90%;
        font-weight:bold;
        margin-bottom:5px;
        margin-left:10px;
        margin-top:5px;
    }

 .menu-box .sub_genre1a {
        font-size:90%;
        font-weight:normal;
        margin-bottom:3px;
        margin-left:15px;
        margin-top:3px;
    }

 .menu-box ul{
         list-style-image:url("");
         text-align:left;
         font-size:90%;
         margin-left:25px;
         margin-top:5px;
         margin-bottom:5px;
         padding-left:0;
         line-height:normal;
}
/*
 .menu-box ul li,.brand-box ul li{
         height:15px;
         margin:auto 0;
}
*/
.menu-box div.category1_name{
        padding:3px 8px;
        font-weight:bold;
        margin-bottom:5px;
        }


.menu-box div.category2_name{
        margin-bottom:3px;
        font-weight:bold;
        }

.menu-box div.book_list div{
        margin-bottom:10px;
        
        }


 #left-sidebar .menu-box{
        width:200px;
}

 #right-sidebar .menu-box{
        width:210px;
}


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


 #left-sidebar .menu-box span.menu_op{
        color:#FF0066;
        font-style:italic;
        font-weight:bold;
        font-size:85%;
        letter-spacing:-1.5px;
}

 #left-sidebar .banner_box{
        margin-bottom:10px;
        width:180px;
    }
#left-sidebar .banner_box img{
        width:180px;
     }
 
 #right-sidebar .banner_box{
        margin-bottom:10px;
        /*text-align:center;*/
}
 #left-sidebar .banner_box img,
 #right-sidebar .banner_box img{
        margin-bottom:5px;
        border:none;
}

#left-sidebar .update-box ul{
         text-align:left;
         font-size:90%;
         margin-left:25px;
         padding-left:0;
}

#left-sidebar .menu-box .seemore{
        text-align:right;
        margin-right:5px;
        margin-top:10px;
}

.menu-box .mark{
    margin-left:10px;
    margin-right:0;
    margin-top:3px;
    }
/*梱包について*/

table.pack_gift{
    border-collapse: separate;
    border: 1px dotted #F89C2C;
    border-spacing:5px;
    }

table.pack_gift td{
    border: 1px dotted #F89C2C;
    padding:10px;
    }

table.pack_gift td p{
    font-size:90%;
    margin-top:10px;
    } 

/** ranking **/

.rank td.rank_pict img{
       max-width:80px;
       max-height:80px;
      }


table.rank{
        padding:0;
        width:205px;
        table-layout: fixed;
      }

.rank td.rank_title{
        font-size:90%;
        padding:0 3px;
        word-wrap:break-word;
      }

.rank td.rank_pict{
       text-align:center;
       height:90px;
       width:82px;
      }



td.rank_num{
        color:#FF8000;
        font-weight:bold;
        font-size:150%;
        padding-left:5px;
        width:20px;
}

table.rank td hr{
    margin:0.2em 1em 0.2em 1em;
    }



table.rank td.seemore{
    text-align:right;
    padding-right:3px;
    }

td.seemore img{
    border:none;
    margin-top:5px;
    margin-bottom:5px;
    }

div.seemore{
    clear:both;
    text-align:right;
    margin:10px 10px;
    font-size:85%;
    }

div.seemore a{
    /*border:2px outset #808080;*/
    background-color:#FDE4C4;
    color:#000;
    text-shadow: 1px 1px 2px #646464; 
    border-radius:1em;
    padding:5px 8px 2px;
    position: relative;
    text-decoration:none;
    box-shadow:0 1px 4px #808080;
}

        
.path{
        color:#959595;
        font-size:85%;
        margin-bottom:8px;
}
/****Pick Up ********/

#left-sidebar .pickup_box{
    text-align:center;
   }

#left-sidebar  div.item_box{
    margin-top:10px;
    margin-bottom:10px;
    }

#left-sidebar  div.name{
    text-align:left;
    font-size:90%;
    max-width:150px;
    margin: 0 auto; 
    }
/*************************************/

* a :hover {
        text-decoration: underline;
}

/***************
   作り方
*****************/

h4.howto{
   font-weight:normal;
   font-size:100%;
   padding:3px 5px 3px;
   margin-top:30px;
   margin-bottom:10px;
   clear:both;
}

div.final_product{
    height:260px;
    }

div.final_product img{
    float:left;
    }

div.final_product  div.wrapping_desc{
    float:left;
    margin-left:10px;
    margin-top:10px;
    font-size:95%;
    width:300px;
    }

div.final_product  .material em{
    font-style:normal;
    font-weight:bold;
    }

div.final_product ul {
    padding-left:20px;
    font-size:85%;
    }

div.order {
    margin-top:15px;
    margin-bottom:15px;
    width:auto;
    font-size:90%;
    }

div.order div{
    float:left;
    }
div.data{
    text-align:right;
    font-size:80%;
    }
div.back{
    font-size:90%;
    margin-top:20px;
    }
    
#facebox .footer{
    background-color: #FFFFFF;
    }