@charset "UTF-8";
@import url(http://www.ifqd.com/css/base.css);


body{
  font-size:11px;
  background-image: url(http://www.ifqd.com/img/common/house_green.gif);
  background-repeat: repeat-x;
  background-position: center 50px;
  }



/*** HEADER ***/

#header {
  width: 950px;
  margin:0 auto;
  overflow:hidden;
  }

#header h1{
  display:block;
  height:150px;
  width: 146px;
  text-indent:-9999em;
  float:left;
  background-image: url(http://www.ifqd.com/img/isahaya/chair.gif);
  background-repeat: no-repeat;
  background-position: left 43px;
  overflow:hidden;
  }
  
#navDiv{
  float:left;
  }
  
#header .banner{
  width:581px;
  height:74px;
  text-indent:-100000px;
  background-repeat: no-repeat;
  background-position:center center;
  overflow:hidden;
  }

#header h2 {
  padding-top: 18px;
  }

#header h2 a {
  float:left;
  display:block;
  width:130px;
  height:16px;
  text-indent:-9999em;
  background-image: url(http://www.ifqd.com/img/common/home_nav.gif);
  background-repeat: no-repeat;
  background-position: -130px 0;
  margin-left: 88px;
  overflow:hidden;
  }

#header h2 a:hover {
  background-position: -130px -16px;
  }

	
/* SUBNAV*/

#subDiv{
  width:581px;
  height:37px;
  overflow:hidden;
  }

#subDiv li{
  float:left;
  padding-top: 20px;
  }

#subDiv li a, #subDiv li em{
  display:block;
  height: 17px;
  width:82px;
  text-indent:-9999em;
  background-image: url(http://www.ifqd.com/img/common/sub_nav.gif);
  background-repeat: no-repeat;
  overflow:hidden;
  }

#subDiv li a.nShop{
  background-position: 0 0;
  background-image: url(http://www.ifqd.com/img/web_shop_btn.gif);
  margin-right:204px;
  height:16px;
  margin-bottom:2px;
  width:130px;
  overflow:hidden;
  }

#subDiv li a.nShop:hover {background-position: 0 -16px;}

#subDiv .nService a{background-position: left top;}
#subDiv .nService a:hover, .nServiceOn a{background-position: left -17px;}

#subDiv .nCompany a{background-position: -82px top;}
#subDiv .nCompany a:hover, #subDiv .nCompanyOn a{background-position: -82px -17px;}

#subDiv .nContact a{background-position: right top;}
#subDiv .nContact a:hover, .nContactOn a{background-position: right -17px;}



/* MAIN NAV*/
#mainNav {

}
#mainNav li{
	float:left;
}
#mainNav li a{
	display:block;
	height: 44px;
	width:113px;
	text-indent:-9999em;
	background-image: url(http://www.ifqd.com/img/common/main_nav.gif);
	background-repeat: no-repeat;
	margin-right: 4px;
  overflow:hidden;
}

#mainNav .nNews a{ background-position: left top;}
#mainNav .nConcept a{ background-position: -120px top;}
#mainNav .nIsahaya a{ background-position: -242px top;}
#mainNav .nFukuoka a{ background-position: -364px top;}
#mainNav .nReform a{ background-position: -485px top;}

#mainNav .nNews a:hover, #mainNav .nNewsOn a{ background-position: left -44px;}
#mainNav .nConcept a:hover, #mainNav .nConceptOn a{ background-position: -120px -88px;}
#mainNav .nIsahaya a:hover, #mainNav .nIsahayaOn a{ background-position: -242px -88px;}
#mainNav .nFukuoka a:hover, #mainNav .nFukuokaOn a{ background-position: -364px -88px;}
#mainNav .nReform a:hover, #mainNav .nReformOn a{ background-position: -485px -88px;}




/*** CONTAINER ***/

#container{
  width:960px;
  margin:0 auto;
  padding-top:10px;
  overflow:hidden;
  clear:both;
  }
  

/** SIDEMENI **/

#sidemenu{
  padding-top:10px;
  }


/** leftMenu **/

#leftMenu {
  float:left;
  width:146px;
  overflow:hidden;
  }

#leftMenu li, #leftMenu li a{
  width:113px;
  height:45px;
  }

#leftMenu li a{
  display:block;
  }

#leftMenu li{
  list-style:none;
  text-indent:-100000px;
  background-position:0 0;
  overflow:hidden;
  }

#leftMenu .living{background:url(http://www.ifqd.com/imgs/menu-living.jpg) no-repeat;}
#leftMenu .living a:hover, #leftMenu .livingOn{background:url(http://www.ifqd.com/imgs/menu_h-living.jpg) no-repeat;}
#leftMenu .dining{background: url(http://www.ifqd.com/imgs/menu-dining.jpg) no-repeat;}
#leftMenu .dining a:hover, #leftMenu .diningOn{background: url(http://www.ifqd.com/imgs/menu_h-dining.jpg) no-repeat;}
#leftMenu .bed{background: url(http://www.ifqd.com/imgs/menu-bed.jpg) no-repeat;}
#leftMenu .bed a:hover, #leftMenu .bedOn{background: url(http://www.ifqd.com/imgs/menu_h-bed.jpg) no-repeat;}
#leftMenu .lighting{background: url(http://www.ifqd.com/imgs/menu-lighting.jpg) no-repeat;}
#leftMenu .lighting a:hover, #leftMenu .lightingOn{background: url(http://www.ifqd.com/imgs/menu_h-lighting.jpg) no-repeat;}
#leftMenu .curtain{background: url(http://www.ifqd.com/imgs/menu-rug.jpg) no-repeat;}
#leftMenu .curtain a:hover, #leftMenu .curtainOn{background: url(http://www.ifqd.com/imgs/menu_h-rug.jpg) no-repeat;}
#leftMenu .goods{background: url(http://www.ifqd.com/imgs/menu-zakka.jpg) no-repeat;}
#leftMenu .goods a:hover, #leftMenu .goodsOn{background: url(http://www.ifqd.com/imgs/menu_h-zakka.jpg) no-repeat;}
#leftMenu .kids{background: url(http://www.ifqd.com/imgs/menu-kids.jpg) no-repeat;}
#leftMenu .kids a:hover, #leftMenu .kidsOn{background:url(http://www.ifqd.com/imgs/menu_h-kids.jpg) no-repeat;}

#leftMenu .gift{background: url(http://www.ifqd.com/imgs/menu-gift.jpg) no-repeat;}
#leftMenu .gift a:hover, #leftMenu .giftOn{background: url(http://www.ifqd.com/imgs/menu_h-gift.jpg) no-repeat;}
#leftMenu .bridal{background: url(http://www.ifqd.com/imgs/menu-bridal.jpg) no-repeat;}
#leftMenu .bridal a:hover, #leftMenu .bridalOn{background:url(http://www.ifqd.com/imgs/menu_h-bridal.jpg) no-repeat;}

#leftMenu .reform{background: url(http://www.ifqd.com/imgs/menu-reform.jpg) no-repeat;}
#leftMenu .reform a:hover, #leftMenu .reformOn{background: url(http://www.ifqd.com/imgs/menu_h-reform.jpg) no-repeat;}
#leftMenu .dhome{background: url(http://www.ifqd.com/imgs/menu-d-home.jpg) no-repeat;}
#leftMenu .dhome a:hover, #leftMenu .dhomeOn{background: url(http://www.ifqd.com/imgs/menu_h-d-home.jpg) no-repeat;}

#leftMenu .sounds{background: url(http://www.ifqd.com/imgs/menu-sounds.jpg) no-repeat;}
#leftMenu .sounds a:hover, #leftMenu .soundsOn{background: url(http://www.ifqd.com/imgs/menu_h-sounds.jpg) no-repeat;}
#leftMenu .cafe{background: url(http://www.ifqd.com/imgs/menu-cafe.jpg) no-repeat;}
#leftMenu .cafe a:hover, #leftMenu .cafeOn{background: url(http://www.ifqd.com/imgs/menu_h-cafe.jpg) no-repeat;}
#leftMenu .ristorante{background: url(http://www.ifqd.com/imgs/menu-ristorante.jpg) no-repeat;}
#leftMenu .ristorante a:hover, #leftMenu .ristoranteOn{background: url(http://www.ifqd.com/imgs/menu_h-ristorante.jpg) no-repeat;}

#leftMenu .members{background: url(http://www.ifqd.com/imgs/menu-members.jpg) no-repeat;}
#leftMenu .members a:hover, #leftMenu .membersOn{background: url(http://www.ifqd.com/imgs/menu_h-members.jpg) no-repeat;}

#leftMenu .bridal, #leftMenu .bridalOn, 
#leftMenu .kids, #leftMenu .dhome, #leftMenu .ristorante, 
#leftMenu .kidsOn, #leftMenu .dhomeOn, #leftMenu .ristoranteOn, 
#leftMenu .members, #leftMenu .membersOn{padding-bottom:22px;}


#banFlyerR a {
  display:block;
  width:113px;
  height:229px;
  text-indent:-9999em;
  background:url(http://www.ifqd.com/img/banner_flyer_v4.gif) no-repeat left top;
  overflow:hidden;
  }

#banFlyerR a:hover {
  background-position:-113px top;
  }



/** MAIN **/

#main{
  float:left;
  width:634px;
  overflow:hidden;
  }

#main .title{
  width:634px;
  height:98px;
  padding-top:10px;
  background:url(http://www.ifqd.com/imgs/living-title.jpg) no-repeat 0 10px;
  overflow:hidden;
  }

   
#main h2{
  width:634px;
  height:50px;
  text-indent:-100000px;
  overflow:hiddne;
  }

#main .subtitle{
  color:#333;
  font-size:11px;
  font-weight:bold;
  line-height:150%;
  }  

#main .photoImage{
  text-indent:-100000px;
  background-position:center center;
  background-repeat:no-repeat;
  overflow:hidden;
  }

#main .mainImage{
  padding:55px 0 24px;
  overflow:hidden;
  }

#main .mainImage, #main .mainImage .photoImage{
  width:634px;
  height:316px;
  }

#main .leftImage{float:left;}
#main .rightImage{float:right;}


#main .leftImage, #main .leftImage .photoImage, 
#main .rightImage, #main .rightImage .photoImage{
  width:310px;
  height:232px;
  overflow:hidden;
  }


#main .titleBlock{
  width:634px;
  height:104px;
  padding-top:20px;
  clear:both;
  overflow:hidden;
  }

#main .staffTitle{
  width:634px;
  height:35px;
  text-indent:-100000px;
  background: url(http://www.ifqd.com/imgs/staff_osusume-title.jpg) no-repeat 0 0;
  clear:both;
  overflow:hiddne;
  }

#main .staffComments{
  width:494px;
  height:56px;
  color:#336666;
  font-size:18px;
  font-weight:normal;
  line-height:28px;
  padding-top:5px;
  padding-right:140px;
  overflow:hidden;
  }


#main .comments{
  width:634px;
  height:300px;
  padding-top:10px;
  overflow:hidden;
  }

#main .profile{
  float:left;
  width:113px;
padding-top:50px;
  overflow:hidden;
  }

#main .profile .photoImage{
  width:113px;
  height:150px;
  }

#main .profile p{
  color:#1FAA35;
  width:113px;
  height:36px;
  font-size:11px;
  line-height:18px;
  padding-top:10px;
  overflow:hidden;
  }


#main .commentsBox{
  float:right;
  width:500px;
  height:300px;
  font-size:11px;
  line-height:150%;
  overflow:auto;
  scrollbar-track-color:#ffffff;
  scrollbar-face-color:#ffffff;
  scrollbar-shadow-color:#ccc;
  scrollbar-darkshadow-color:#ffffff;
  scrollbar-highlight-color:#ccc;
  scrollbar-3dlight-color:#ffffff;
  scrollbar-arrow-color:#ccc;
  }

#main .commentsBody{
  width:480px;
  }

#main table{
  width:480px;
  border:0;
  }

#main th{
  width:85px;
  text-align:left;
  }

#main th, #main td{
  font-weight:normal;
  vertical-align:top;
  padding-bottom:10px;
  }




/* NEWS */


#main .newsTitle{
  width:634px;
  height:60px;
  padding-top:10px;
  text-indent:-100000px;
  background:url(http://www.ifqd.com/imgs/title_news-img.jpg) no-repeat 0 10px;
  overflow:hidden;
  }


#main .entry{
  text-align:left;
  margin-bottom:20px;
  padding-bottom:20px;
  border-bottom:1px solid #ccc;
  clear:both;
  }

#main .entry h3, #main .entry h3 a, #main .entry .days{
  color:#DA027F;
  }

#main .entry h3{
  color:#DA027F;
  font-size:14px;
  padding-bottom:5px;
  }

#main .entry .days{
  font-size:12px;
  padding-bottom:20px;
  }

#main .entryBody{
  font-size:11px;
  line-height:160%;
  padding-bottom:30px;
  }

#main .more{
  font-size:11px;
  padding:20px 0 10px;
  clear:both;
  }

#main .more a{
  width:200px;
  height:15px;
  color:#fff;
  text-align:center;
  line-height:15px;
  padding:5px 10px;
  background:#DA027F;
  }

#main .more a:hover{
  color:#DA027F;
  background:#fff;
  }