* { margin : 0 ; padding : 0 ; 

  }
body { margin:0 auto; width : 90%;; font-family: Arial, sans-serif; color: #333333; font-size: 90%; line-height: 18px;background-color:#ebe1a9;}






#my_header { width : 100% ; background-color: #333333;text-align:left;}
#my_footer { width : 100% ; clear : both ; color: #cccccc; background-color: #000000;text-align:center;
margin: 20px 0px 20px 0px; padding: 2px 0px 2px 10px;}



#my_navigation {  

float : left  ; 
width : 225px ;

background: url(img/obiBG04.jpg) 0px 0px repeat-y;


}




#my_contents {margin-left: 230px; 
padding: 20px 80px 40px 40px;
background-color:none;
}

a{ font-weight : bold;  text-decoration: none;}
a:link { color: #CCCC99; }/* 未訪問の色 */
a:visited { color: #CCCC99; }/* 訪問済みの色 */
a:hover { color: #ffffff; } /* カーソルで指したとき */
a:active { color: #ffffff; } /* リンクをクリックしたとき */




.space{
clear: both;

}

/*左メニュー*/
div.menu a{

width: 225px;
font-size: 16px;
text-decoration: none;
float: left;
margin-bottom:20px;
}


ul {
padding: 50px 0px 30px 20px;
list-style-type:none;

}





div.kokki{

float:left;
margin: 10 0 0 15;
}




/*kimono表ここから*/
table.kimono {
   border-width: 2px;
   border-color: #999933;
   border-style: solid;
   border-collapse: collapse;
font-size: 70%;
width: 200px;

margin: 10px 0px 0px 0px;


}



table.kimono td {
   border: 1px gray solid;
 padding: 2px 5px 2px 5px;
width: 80%;
}


table.kimono th {
   border:1px gray solid;  
 padding: 2px 5px 2px 5px;
   background-color: #cccccc;

}











table.kimono2 td {
   border: 1px gray solid;
 padding: 2px 5px 2px 5px;
 font-weight:bold; 
}




/*obi表ここから*/
table.obi {
   border-width: 1px;
   border-color: #999933;
   border-style: solid;
   border-collapse: collapse;
font-size: 12px;

margin: 10px 0px 10px 0px;


}

table.obi th {
   border:1px gray solid;  
width: 70px;
padding: 10px 20px 10px 20px;

   background-color: #cccccc;
}




table.obi td {
   border: 1px gray solid;

padding: 10px 20px 10px 20px;

  
}











/*kimage boxここから*/


div.k_box{

   border: none; /* 1.枠線 */
   background-color: none;  /* 2.背景色 */
width: 680px; /* 横幅 */


padding: 10px 0px 15px 0px;

float: left;

}


div.h_box{

   border: none; /* 1.枠線 */
   background-color: none;  /* 2.背景色 */
width: 680px; /* 横幅 */

padding: 10px 0px 15px 0px;

float: left;

}





div.k_catalogue {

   border: none; /* 1.枠線 */
   background-color: #ffffff;  /* 2.背景色 */
width: 200px; /* 横幅 */
margin: 0 15 0 5;
float: left;

}




div.k_catalogue_sold{
background-color: #ff6666;  /* 2.背景色 */

}









p.kimage{


   text-align: center; /* 3.中央寄せ */
   margin: 10px 10px 17px 10px;        /* 4.余白・間隔 */

}



img { -ms-interpolation-mode: bicubic; } 






p.kcaption {
   font-size: 100%;  /* 5.文字サイズ */
font-weight:bold;
   color: #666633; /* 6.文字色 */
padding-bottom:10px;


   text-align: center; /* 3.中央寄せ */
   margin: 5px;        /* 4.余白・間隔 */




}


p.under {text-decoration: underline;}













/*イメージ関連*/

#imagebox{
 float: left; /* 左に配置 */

padding: 12px 12px 20px 0px; /* 周囲の余白 */
  text-align: center; /* 3.中央寄せ */

}


#imagebox2{
width: 720px; 
float:left; /* 左に配置 */
text-align: center; /* 3.中央寄せ */

}

#imagebox3{
 float: left; /* 左に配置 */
margin:40 12 10 0;

  text-align: center; /* 3.中央寄せ */

}











div.image {

float: left; /* 左に配置 */
margin: 20px 40px 20px 0px;
}
p.image, p.caption {
   text-align: center; /* 3.中央寄せ */
   margin: 5px;        /* 4.余白・間隔 */
}


div.image2 {

float: right; /*右に配置 */
margin: 15px ;
clear: left;
}


div.image2-2 {

float: right; /*右に配置 */
margin: 0px 10px 10px 10px;
clear: left;
}


div.whitebox{

width: relative;
height:relative;
background-color: #ffffff;
padding: 20 20 0 20;

}





div.go{

float: left;
margin: 20px 100px 10px 0px;


}



/*テキスト関連*/



p.caption {
   font-size: 85%;  /* 5.文字サイズ */
   color: gray; /* 6.文字色 */
 text-align: center; 
}





h1 {

background-color: none;
background-image: url(img/pattern1.jpg);
height:40px;
width: relative;
  font: bold 130%/100% "arial";
  position:-moz-relative;
  color: #ffffff;

margin: 30px 0px 10px 0px;
padding: 5 0 5 10;
}


h3 {
font: bold "arial";
background-color: none;
margin: 10px 0px 0px 0px;
}



div.barF{
background-color: none;
background-image: url(img/bar_f02.jpg);
height:20px;
width:-moz-relative;
  font: bold "arial";
  position: relative;
  color: #ffffff;
padding: 3 0 0 10;
margin: 35 0 10 0;

}

div.barM{
background-color: none;
background-image: url(img/bar_m.jpg);
height:20px;
width:-moz-relative;
  font: bold "arial";
  position: relative;
  color: #ffffff;
padding: 3 0 0 10;
margin: 35 0 10 0;

}


div.barO{
background-color: none;
background-image: url(img/bar_obi.jpg);
height:20px;
width:-moz-relative;
  font: bold "arial";
  position: relative;
  color: #ffffff;
padding: 3 0 0 10;
margin: 37 0 10 0;

}

div.barA{
background-color: none;
background-image: url(img/bar_acce.jpg);
height:20px;
width:-moz-relative;
  font: bold "arial";
  position: relative;
  color: #ffffff;
padding: 3 0 0 10;
margin: 37 10 10 0;

}

p.sub{

font-style: bold; 
font-size:13pt;
 color: #000000;
margin: 20px 0px 10px 0px;


}


.sold{

color: red;
font-weight: bold;
border: 1px solid red;
}



.keshi{

text-decoration:line-through;
}









div style{
color: #666666;
 font-style: bold; }

p.green{
color: #ffffff;
font-size: 12px;
line-height: 14px;
background-color:#009900; 
padding: 0px 3px 0px 2px;
margin: 3px 0px 0px 10px; 
float:left;

}

p.yellow{
color: #ffffff;
font-size: 12px;
line-height: 14px;
background-color:#999933; 
padding: 0px 3px 0px 2px;
margin: 3px 0px 0px 10px; 
float:left;
}

p.white{
color: #ffffff;
font-size: 12px;
line-height: 14px;
padding: 0px 3px 0px 2px;
margin: 3px 0px 0px 10px; 
float:left;
}

p.aka{
color:#CC0000;
font-size:13pt;
font-weight: bold;


}

p.aka2{
color:#CC0000;

}



p.map{
color: #ffffff;

font-size: 12px;
line-height: 14px;
background-color:#990000; 
padding: 0px 3px 0px 2px;
 margin: 0px 0px 0px 15px;
float:left;
}






/*box表ここから*/
table.box {
border: 2px gray solid; 
backgroung-color: #cccccc;
border-collapse: collapse;
width: 530px;
margin: 10px 0px 0px 30px;
padding:10px 10px 10px 10px;
float: left;

}
table.box th {
   border:none;  
 padding: 5px 0px 5px 10px;

}

table.box td {
   border: none;

   padding: 5px 0px 5px 10px;
}


.redbox {
border:2px solid #CC0000;
padding: 10px; 

}


.attention{
color: #ffffff;
background-color: red;
padding: 5 10 5 10px;
font-size: 1.1em;
font-weight: bold;
}