/* skip-s.net CSS tops.css */

@import url("../css/main.css");

/* ----メニュー＆メイン---- */

#Content {
    /*width: 81.1%;*/
    width: 80%;
    float: left;
    padding: 0 0 20px 0;
}

/* ----左カラム---- */

#cl_01 {

    width: 22.1%;
    float:left;

}

/* ----MenuBox---- */

#cl_01 dl {
    background: url('../top/menu_bottom.gif') no-repeat 0 100%;
    margin: 10px 0 0 0; 
    padding: 0 0 20px 0; 
    font-size:90%;
    width: 172px;
}

#cl_01 dt {
    background: url('../top/menu_top.gif') no-repeat;
    padding: 8px 12px 0 8px;
}

#cl_01 dd {
    background: url('../top/menu_back.gif') repeat-y;
    padding: 2px 12px 2px 8px;

}

#cl_01 p {
    
    margin: 10px 0 0 0; 
    text-align: center;
    font-size: 80%;

}
/* ----MenuBox----ここまで */

/* ----左カラム ここまで---- */


/* ----Contents Column---- */

#cl_02 {

    width: 98%;
    vertical-align: top;

}

#cl_02 h1 {
    font-size: 90%;
    font-weight: bold;
    text-align:left;

}

#cl_02 h2{


   margin: 0; 
   padding: 0;
   font-size:100%;
   font-weight: bold;
   text-align:left;
   color:#fff;

}


#cl_02 #contents .title {

  padding:0;
  margin:10px 0 0 10px;
  width:100%;

}

/*

#cl_02 #contents .title .hd{

  background:url('../top/tl_brown.gif') no-repeat 0px 0px;
  margin: 0; 
  padding: 0;
  height:11px;


}

#cl_02 #contents .title .hd .c{

  background:url('../top/tr_brown.gif') no-repeat right 0px;
  font-size:1px;
  height:11px;

}

#cl_02 #contents .title .bd{

   background:#A7543B;
   margin:0; 
   padding-left:10px;
   font-size:100%;
   font-weight: bold;
   text-align:left;
   color:#fff;
}

#cl_02 #contents .title .bd h2{

   font-size:100%;

}

*/

#cl_02 #contents .title .hd{

  background:url('../top/tl_title_head.gif') no-repeat 0 0;
  margin: 0; 
  padding: 0;
  height:12px;
}


#cl_02 #contents .title .hd .c{

  background:url('../top/tr_title_head.gif') no-repeat right 0;
  font-size:1px; /* ensure minimum height */
  height:12px;

}


#cl_02 #contents .title .bd{

   background:url('../top/bg_title.gif') no-repeat 0 0;
   margin:0;
   padding:4px 0 0 10px;
   font-size:100%;
   font-weight: bold;
   text-align:left;
   color:#fff;
}

#cl_02 #contents .title .bd h2{
   background:#A7543B;
   font-size:100%;

}



#cl_02 #contents #renewal_open{

   background: url('../top/renewal_open.gif') no-repeat;
   width:100%;
   margin:0 0 0 10px;
   padding: 0 0 0 0;
   font-size :100%;
   line-height : 140%;
   height:60px;
}

#cl_02 #contents #ccopy{

   background: url('../top/top01.jpg') no-repeat;
   width:100%;
   margin-left:10px;
   margin-right:-20px;
   padding: 70px 0px 20px 20px;
   font-size :100%;
   line-height : 140%;
}

/*新着情報*/

#cl_02 #contents .nomal {
   padding:0;
   margin:10px 0 0 10px;
   text-align: left;
   clear:left;
}
#cl_02 #contents .nomal table {
   width:100%;
   margin:0 auto;

}

/*新着情報*/

#cl_02 #contents #news{

   width:100%;
   padding:0;
   margin:10px 0 0 10px;
}
#cl_02 #contents #news td{
   vertical-align:top;
}

#cl_02 #contents #news .newstitle{
   margin: 0; 
   width:100%;
}

#cl_02 #contents #news .newstitle .hd{

   background:url('../top/tl_brown.gif') no-repeat 0 0;
   margin: 0; 
   padding: 0;
   height:11px;

}

#cl_02 #contents #news .newstitle .hd .c{

  background:url('../top/tr_brown.gif') no-repeat right 0px;
  font-size:1px; /* ensure minimum height */
  height:11px;
}

#cl_02 #contents #news .newstitle .bd{
   background:#A7543B;
   margin: 0; 
   padding:0 0 0 10px;
   text-align:left;

}
#cl_02 #contents #news .newstitle .bd h2{

   font-size:100%;
   font-weight: bold;
   color:#fff;
}

#cl_02 #contents #news ul{
    padding:10px 0 0 10px;
    border-top: 0; 
    border-bottom: 1px;
    border-left: 1px;
    border-right: 1px;
    border-color: #D6D6D6;
    border-style: solid;
    font-size:90%;
}

#cl_02 #contents #news ul li{

    margin:2px;

}

#cl_02 #pan {
    margin: 6px 0 20px 6px;
}

#cl_02 p {

    margin-left:10px;
    line-height : 130%;
}

#cl_02 p img {
    padding-right: 10px;

}

/* おすすめ商品 */

#cl_02 #contents .disp ,
#cl_02 #menu ,
#cl_02 #waku{ 

    margin-left:10px;
    width:100%;
    border-top:0; 
    border-bottom:1px;
    border-left:1px;
    border-right:1px;
    border-color:#D6D6D6;
    border-style:solid;
}


/* ie hack */
* html #cl_02 #contents .disp,
* html #cl_02 #contents #menu {
   width:99%;
}
/* ie hack END */



#cl_02 #contents .disp { 
    background:url('../top/back_crime.jpg') repeat-x;

}
#cl_02 #contents .disp td,
#cl_02 #menu td {

    padding:20px 0 0 10px;

}

#cl_02 #contents .disp ul {


}

#cl_02 #contents .disp ul li {

    float: left;
    width: 140px;
    height: 230px;
    overflow: hidden;
    text-align: center;
    padding: 0 5px 6px 5px;
}


#cl_02 #contents .disp ul li a,
#cl_02 #contents .disp ul li a:link,
#cl_02 #contents .disp ul li a:visited {
  text-decoration:none;
  font-weight: bold;
  font-size:90%;

}

#cl_02 #contents .disp ul li .nou {
   color:#004000;
   font-size :80%;
   text-decoration:none;
   font-weight: normal;

}

#cl_02 #contents .disp ul li div.items{
   margin:10px 0;
   padding:2px;
   font-size:80%;
   color:#404040;
   text-align:left;
}



/* 商品テキストmenu */

#cl_02 #menu {
    
    vertical-align: top;
    font-size:96%;
}

#cl_02 #menu .catego_menu {

    width:180px;
    text-align: center;
    float:left;

}
#cl_02 #menu .catego_menu .catego_top{

    width:172px;
    height:29px;
    margin-top:10px;
    padding:5px 0 -2px 0;
    background: url('../top/menu_top.gif') no-repeat;
    text-align: center;

}

#cl_02 #menu .catego_menu .catego_bottom{

    width:172px;
    height:30px;
    background: url('../top/menu_bottom.gif') no-repeat;

}

#cl_02 #menu .catego_menu dl {

    width:172px;
    text-align: left;
    background: url('../top/menu_back.gif') repeat-y;
    margin:0;
    padding:0;

}

#cl_02 #menu .catego_menu dt {

    margin:0;
    padding:10px 0 0 4px;

}

#cl_02 #menu dd {

    background:url(../top/ten2.gif) top left no-repeat;
    margin: 4px 0 0 4px;
    padding-left:20px;
}

#cl_02 #menu dd ul{

    margin: 2px 0 0 40px;

}

/* 商品写真付きリスト menu */

#cl_02 #photo_menu {
	
    font-size: 14px;
    line-height : 120%;	

}

/*お客様の声 サイド*/

#cl_03 dl#review_sid {
    font-size :80%;
}

#cl_03 dl#review_sid dt {
    background: url('../top/review_menu_top.gif') no-repeat;
    padding:0;
    height:40px;
}

#cl_03 dl#review_sid dd {
    color:#800000;
}
/* ----タイトルバー---- */

.tbar {
    margin: 10px 0 0 0; 
    background:url('../img/title1.jpg') no-repeat;
}

.tbar h2 {
    background:url('../img/right_bar.jpg') no-repeat right top;
    padding: 14px 0 0 10px;
    font-size: 18px;
    line-height : 24px;
    color:#000;
    font-weight: bold;
}


.item {
    padding: 10px 10px 2px 10px;
    border-top: 0; 
    border-bottom: 1px;
    border-color: #D6D6D6;    
    border-style: solid;

}

.item p {
    float: left;
    text-align: center;
    width: 140px;
    height: 160px;
    font-size: 10px;
    padding: 6px 2px 6px 2px;
}

.item p img {
    margin: 0 0 4px 0;
/*
    border-right: 2px solid #808080;    
    border-bottom: 2px solid #808080;    
*/
}

.item .end {
    clear : both;

}


/* item Page */

#item_contents {

    background:#fff;
    font-size: 16px;
    line-height : 24px;
    padding: 30px 10px 6px 10px ;

}

.item_pr ul {
    
    text-align: left;
    font-size: 12px;
    line-height : 18px;

}

.impact1 {
    font-size: 18px;
    line-height : 24px;
    color: #cc0000;
    font-weight: bold;
}

.impact2 {
    font-size: 18px;
    line-height : 24px;
    color:#000;
    font-weight: bold;
}