/* CSS Document */

body, div,p {
  margin: 0;
  padding: 0;
  color:#666666;
}

body {
	line-height:1.5;
	font-family:  "Lucida Grande", sans-serif;
	background-color:#F8F7E7;
}

/* for WinIE6*/
* html body {
	font-size: 75%;
	font-family: Verdana, "MS P ゴシック", sans-serif;
	vertical-align:baseline;
}

/* for WinIE7*/
*:first-child+html body { 
	font-size: 75%;
	font-family: 'メイリオ', Meiryo, sans-serif;
}

/* for Firefox*/
:root body { 
	font-size: 75%;
	font-family: Verdana, "MS P ゴシック","ＭＳ ゴシック", 'メイリオ', sans-serif;
}

#bg{
width:780px;
padding:0;
margin: 0 auto;
background:url(../img/bg.gif);
}

#container{
position:relative;
width:676px;
padding:0;
margin: 0 52px;
background-color:#EDE9C4;
}

#top{
margin:0;
padding:0;
position:relative;
}

#logo{
margin:0px;
padding:0px;
}


/*font*/
.orange{ color:#FF6600; }


/* ------フラッシュ・トップ画像 -----*/
/* ----------------------------------------------------- */

#flash{
margin: 0px 15px;
padding:0;
}

/* for WinIE7*/
*:first-child+html #flash{
margin:-7px 15px 9px 15px;
}

#flashcontent{
margin:0px;
padding:0px;
width:646px;
height:226px;
}

/* ------パンくずリスト -----*/
/* ----------------------------------------------------- */
#bread{
width:636px;
height:17px;
margin: 9px 15px 10px 15px;
padding:0px 0px 0px 10px ;
background-color:#3F1D03;
color:#FFFFFF;
font-weight:bold;
}

/* for WinIE7*/
*:first-child+html #bread{
margin-top:2px;
}

#bread-goods{
width:482px;
height:17px;
margin: 3px 0px 3px 0px;
padding:0px 0px 0px 0px ;
color:#3F1D03;
font-weight:bold;
font-size:10px;
}

#bread-goods a{
text-decoration:none;
color:#3F1D03}

#bread-goods a:hover{
text-decoration:underline;
color:#3F1D03}

#main{
width:646px;
height:100%;
margin: 0px 15px;
padding:0px;
}

/* ------商品ページ -----*/
/* ----------------------------------------------------- */
#shohin{
width:482px;
margin:0px;
padding:0px;
float:right;
}

#goods{
width:100%;
height:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 20px 0px;
background-color:#FFFFFF;
}

.stage{
width:100%;
margin:0px;
padding:0px;
background-color:#FFFFFF;
clear:left;
}

.itm{
width:220px;
height:104px;
margin:0px;
padding:25px 10px 4px 10px;
float:left;
font-size:10px;
background:url(../goods/kodawari.gif) bottom right no-repeat;
}

.itm2{
width:220px;
height:104px;
margin:0px;
padding:25px 10px 4px 10px;
float:left;
font-size:10px;
}

.itm img, .itm2 img{
border:1px solid #998055;
float:left;
}

h3{
margin: 0px 0px 5px 103px;
padding-bottom:2px;
color:#4E8D49;
border-bottom:1px dotted #998055;
font-size:10px;
}

.itm p,.itm2 p{
margin-left:103px;
line-height:1.2;
}

/* ------サイドメニュー -----*/
/* ----------------------------------------------------- */
#side{
width:153px;
height:683px;
background-color:#FFFFFF;
float:left;
margin: 0px;
padding:0px;}


/* ------場所で探す -----*/
#area{
margin:0;
padding:0;
}

#area h2{
margin:0px;
padding:0px;
display:none;
height:0;
}

#area img{
margin:0px;
padding:0px;
}

#area ul {
  margin:0px 0px 0px 0px ;
  padding: 0;
  list-style: none;
}
#area li, #area a {
  display: block;
  width: 153px;
  height: 24px;
}

#area li {
  text-indent: -9999px;
}
#area a {
  text-decoration: none;
  background:url(../img/side01.gif) no-repeat;
}

#item02 a { background-position: 0  -24px }
#item023 a { background-position: 0  -48px }
#item03 a { background-position: 0  -72px }
#item04 a { background-position: 0  -96px }
#item05 a { background-position: 0 -120px }

#item01 a:hover { background-position: -153px    0px }
#item02 a:hover { background-position: -153px  -24px }
#item023 a:hover { background-position: -153px  -48px }
#item03 a:hover { background-position: -153px  -72px }
#item04 a:hover { background-position: -153px  -96px }
#item05 a:hover { background-position: -153px -120px }

/* ------テイストで探す -----*/

#taste{
margin:0;
padding:0;
}

#taste img{
margin:0px;
padding:0px;
}

#taste h2{
margin:0px;
padding:0px;
display:none;
height:0;
}

#taste ul {
  margin:0px 0px 7px 0px ;
  padding: 0;
  list-style: none;
}
#taste li, #taste a {
  display: block;
  width: 153px;
  height: 21px;
}

#taste li {
  text-indent: -9999px;
}
#taste a {
  text-decoration: none;
  background:url(../img/side02.gif) no-repeat;
}

#item07 a { background-position: 0  -21px }
#item08 a { background-position: 0  -42px }
#item09 a { background-position: 0  -63px }
#item06 a:hover { background-position: -153px    0px }
#item07 a:hover { background-position: -153px  -21px }
#item08 a:hover { background-position: -153px  -42px }
#item09 a:hover { background-position: -153px  -63px }

/* ------シリーズで探す -----*/

#series{
margin:0;
padding:0;
}

#series img{
margin:0px;
padding:0px;
}

#series h2{
margin:0px;
padding:0px;
display:none;
height:0;
}

#series ul {
  margin:0px 0px 0px 0px ;
  padding: 0;
  list-style: none;
}
#series li, #series a {
  display: block;
  width: 153px;
  height: 27px;
}

#series li {
  text-indent: -9999px;
}
#series a {
  text-decoration: none;
  background:url(../img/side03.gif) no-repeat;
}

#item11 a { background-position: 0  -27px }
#item12 a { background-position: 0  -54px }
#item13 a { background-position: 0  -81px }
#item14 a { background-position: 0  -108px }
#item15 a { background-position: 0  -135px }
#item16 a { background-position: 0  -162px }
#item17 a { background-position: 0  -189px }
#item18 a { background-position: 0  -216px }
#item19 a { background-position: 0  -243px }
#item20 a { background-position: 0  -270px }
#item21 a { background-position: 0  -297px }
#item22 a { background-position: 0  -324px }
#item23 a { background-position: 0  -351px }
#item24 a { background-position: 0  -378px }
#item25 a { background-position: 0  -405px }
#item26 a { background-position: 0  -432px }
#item27 a { background-position: 0  -459px }
#item28 a { background-position: 0  -486px }
#item29 a { background-position: 0  -513px }
#item30 a { background-position: 0  -540px }
#item10 a:hover { background-position: -153px    0px }
#item11 a:hover { background-position: -153px  -27px }
#item12 a:hover { background-position: -153px  -54px }
#item13 a:hover { background-position: -153px  -81px }
#item14 a:hover { background-position: -153px  -108px }
#item15 a:hover { background-position: -153px  -135px }
#item16 a:hover { background-position: -153px  -162px }
#item17 a:hover { background-position: -153px  -189px }
#item18 a:hover { background-position: -153px  -216px }
#item19 a:hover { background-position: -153px  -243px }
#item20 a:hover { background-position: -153px  -270px }
#item21 a:hover { background-position: -153px  -297px }
#item22 a:hover { background-position: -153px  -324px }
#item23 a:hover { background-position: -153px  -351px }
#item24 a:hover { background-position: -153px  -378px }
#item25 a:hover { background-position: -153px  -405px }
#item26 a:hover { background-position: -153px  -432px }
#item27 a:hover { background-position: -153px  -459px }
#item28 a:hover { background-position: -153px  -486px }
#item29 a:hover { background-position: -153px  -513px }
#item30 a:hover { background-position: -153px  -540px }


/* 中央カテゴリ　キッチン・リビング・書斎 */
/* ----------------------------------------------------- */
#kategori{
width:318px;
height:920px; 
margin:0px 0px 0px 0px;
padding:0px;
float:left;
background-color:#FFFFFF;
}


#kategori h2{
margin:0px;
padding:0px;
height:0;
overflow:hidden;
}

.ktg{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
height:150px;
font-size:10px;
line-height:1.4;
}

.hidari{
float:left;
margin:0px 0px 0px 10px;
}

.catch{
padding-left:10px;}

.bar{
margin-bottom:10px;
}

/* for WinIE7*/
*:first-child+html .bar{
margin-bottom:5px;
}
*:first-child+html .ktg{
height:152px;
}

#kategori p{
margin:0px 5px 0px 176px;
}

/* 右コルク　what's new・Q&A・取説 */
/* ----------------------------------------------------- */
#news{
width:135px;
height:824px; /* ie6 コルク高合わせ*/
margin:0px;
padding:25px 8px 0px 10px;
background-color:#FFFFFF;
background:url(../img/koruku2.gif) top left no-repeat;
float:right;
font-size:10px;
line-height:1.4;
}

/* for WinIE7*/
*:first-child+html #news{
height:827px; /* ie7 コルク高合わせ*/
}

#news h4{
margin:0px;
padding:0px;
height:0;
overflow:hidden;
}

#note{
margin:0px;
padding:0px;
background:url(../img/bg-what.gif) top left repeat-y;
background-color:#FFFFFF;
}

.what01{
background:url(../img/bg-what.gif) top left repeat-y;
margin:0px 13px 6px 12px;
padding:0px 0px 6px 0px;
border-bottom:1px solid #4DAC26;
}

.what02{
background:url(../img/bg-what.gif) top left repeat-y;
margin:0px 13px 0px 12px;
padding:0px 0px 0px 0px;
}

/* for WinIE7*/
*:first-child+html .what02{
margin-bottom:-6px;
}

.what01 a, .what02 a{
text-decoration:none;
color:#666666;
}

.what01 a:hover, .what02 a:hover{
text-decoration:underline;
color:#edb329;
}

#note div.detail {
margin-top:5px;
text-align:right;
}

.tume{
margin-top:-10px;
padding:0px;}

.memo{
margin-top:20px;}

.date{
font-weight:bold;
display:block;
}


/* ナビ　HOME・会社案内・CBJ・取説・問合せ */
/* ----------------------------------------------------- */
#nav-header{
position:absolute;
top:32px;
left:264px;
display:block;
margin:0px;
width:406px;
height:17px;
}

#nav-header ul, li{
margin:0px;
padding:0px;}

#nav-header li{
float:left;
list-style:none;
text-indent:-9999px;
}

#nav-header a{
text-decoration:none;
display:block;
background:url(../img/nav2.gif);
background-position:left top;
}

#nav01 a, #nav02 a, #nav04 a
{width:72px;height:17px;}

#nav03 a
{width:90px;height:17px;}

#nav05 a
{width:100px;height:17px;}

#nav01 a{background-position:0px 0px;}
#nav02 a{background-position:-72px 0px;}
#nav03 a{background-position:-144px 0px;}
#nav04 a{background-position:-234px 0px;}
#nav05 a{background-position:-306px 0px;}

#nav01 a:hover{background-position:0px -17px;}
#nav02 a:hover{background-position:-72px -17px;}
#nav03 a:hover{background-position:-144px -17px;}
#nav04 a:hover{background-position:-234px -17px;}
#nav05 a:hover{background-position:-306px -17px;}


/* フッター */
/* ----------------------------------------------------- */
#footer{
width:676px;
height:100px;
margin:0;
padding:0;
clear:both;
background-color:#3F1D03;
background:url(../img/footer.gif) top left no-repeat;
text-align:right;
font-size:10px;
}

#footer ul{
list-style:none;
font-size:10px;
padding:32px 2px 0px 0px;
}

#footer li{
display:inline;
border-left:1px solid #FFFFFF;
padding-left:7px;
padding-right:4px;
}

#footer a{
text-decoration:none;
color:#FFFFFF;
}

#footer a:hover{
text-decoration:underline;
color:#FFFFFF;
}

.last{
border-right:1px solid #FFFFFF;
}

#yohaku{
margin:0px;
padding:0px;
width:50px;
height:50px;
}



/* for WinIE7*/
*:first-child+html #yohaku{
margin:0px;
padding:0px;
width:50px;
height:79px;
}

address {
margin:0px;
padding:0px;
height:0;
overflow:hidden;
}

/* float 親ボックスの処理 */
/* ----------------------------------------------------- */
.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.clearfix{
display:inline-block;
}

/* Hides from IE-mac \*/
*html.clearfix{height:1%;}
.clearfix{display:block;}
/* End hide from IE-mac */