/*
add style for javascript
2008/04/12
*/

/*for IE 5.5-7*/
.clearfix{zoom:1;}

/*for modern browser*/
.clearfix:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}

/*for block element only*/
.hidden{
	text-indent:-9999px;
	overflow:hidden;
}

/*custom class*/
.vanish{display:none;}
.clear{clear:both}


/* effect page style fix */
#switchTrigger li,
#scrollTrigger li,
#scrollHeightTrigger li,
.scrollHeightTrigger li{
	cursor:pointer;
}

.shop_box01 ul#switchTrigger li{
	margin:3px 3px 0 0;
}

.interior_img01{
	padding-bottom:3px;
}
.interior_img_navi li{
	font-family:"ＭＳ Ｐゴシック", Osaka;
	font-size:11px;
}
.contract_numbers li{
	font-family:"ＭＳ Ｐゴシック", Osaka;
	font-size:11px;
}

/* for scroll effect */
#shop_box_left{
	margin:0;
	padding:0 0 0 15px;
	width:200px;
}
#white_box_right{
	margin-right:12px;
	width:538px;
}
#designer_thumb01{
	margin:0px;
}


#white_box_right,
#white_box_right04,
#white_box_right05,
#designer_base01_02,
#furniture_box_right,
#shop_box_right{
	position:relative;
	overflow:hidden;
}

#shop_box_right04{
	position:relative;
	overflow:hidden;
}


#scrollBox{
	width:9999px;
}
#scrollTrigger{
	position:absolute;
	left:0;
	bottom:0;
	width:538px;
	height:42px;
}
#furniture_box_right #scrollTrigger{
	width:625px;
}
#white_box_right #scrollTrigger{
	width:535px;
}

#white_box_right04 #scrollTrigger{
	width:431px;
}

#designer_base01_02 #scrollTrigger{
/*	width:485px;*/
width:380px;
}

#scrollTrigger li {
	display:block;
	float:none;
	margin:0;
	display:block;
	width:60px;
	height:42px;
	text-indent:-9999px;
	overflow:hidden;
	background-position:0 0;
	background-repeat:no-repeat;
}
#scrollTrigger #previous{
	position:absolute;
	top:0;
	left:0;
	margin:0;
	background-image:url(btn_allow_left.gif);
}
#scrollTrigger #next{
	position:absolute;
	top:0;
	right:0;
	margin:0;
	background-image:url(btn_allow_right.gif);
}
#scrollTrigger li.disable,
#scrollTrigger li.disable.hover{
	background-position:0 -84px;
}
#scrollTrigger li.hover{
	background-position:0 -42px;
}
#scrollTrigger li.disable{
	cursor:default;
}

#furniture_cab_title{
	top:6px;
	left:0;
	margin:0;
}



/* for scrollHeight effect */
#news_box_right,
#event_box_right,
#shop_box_right02{
	width:510px;
	margin:0 12px 0 0;
	overflow:hidden;
}
#news_box_right,
#event_box_right{
	height:370px;
}
#shop_box_right02{
	height:321px;
	margin-right:27px;
}
#white_box_right.contact{
	width:510px;
	height:300px;
	margin-bottom:0;
}

#white_box_base02 #white_box_right.contact{
	width:510px;
	height:360px;
	margin-bottom:0;
}


.news_box_seg01,
.event_box_seg01{
	margin:10px 0 0;
}
.shop_sub01{
	margin-bottom:22px;
}
#shop_box_base{
	overflow:hidden;
}

.scbox{
	width:385px;
	padding:40px 0 30px 0;
}
#concept .scbox{
	width:400px;
}

#white_box_base #scrollHeightTrigger{
	height:315px;
}

#shop_box_base #scrollHeightTrigger{
	height:328px;
	margin-top:-7px;
}

#jazz_artist_base #scrollHeightTrigger{
position:absolute;
top:54px;
right:5px;
height:510px;
}

#scrollHeightTrigger{
	position:relative;
	float:left;
	width:20px;
	height:370px;
}

#designer_main #scrollHeightTrigger{
	position:absolute;
	top:-8px;
	left:505px;
}

#jazz_artist_box00 #scrollHeightTrigger{
	position:absolute;
	top:-8px;
	left:505px;
}

.scrollHeightTrigger{
	position:absolute;
	right:0;
	top:0;
	width:20px;
	height:370px;
}
.scrollHeightTrigger li,
#scrollHeightTrigger li{
	height:50px;
	list-style:none;
}
.scrollHeightTrigger li#next,
#scrollHeightTrigger li#next{
	position:absolute;
	bottom:0;
	left:0;
}


.scrollHeightTrigger .disable,
#scrollHeightTrigger .disable{
	-moz-opacity:0.5;
	opacity:0.5;
}

#designer_box01{
	width:265px;
	overflow:hidden;
}
#scrollHeightTrigger.designer{
	height:360px;
}
#designer_box01 p{
	margin-right:0;
}
#designer_box02{
	height:355px;
	border-left:1px solid #999;
	margin:0 0 0 5px;
	padding:0 0 0 15px;
}


/* for jazz page */
#jazz_box_right.flash_jazz_box{
	width:428px;
	padding:0 0 0 37px;
}


/* for forest page */
#white_box_right.flash_forest_box{
	width:359px;
	padding:0 0 0 176px;
}


/* for company effect */
#company_box_right{
	background:none;
}
#company_box_left ul a.active{
	color:#000;
}
#company_box_left ul a{
	color:#fff;
}

#companyFx{
	position:relative;
	width:780px;
	height:370px;
	overflow:hidden;
	color:#fff;
}

#company_box_base,
#company_box_right{
	background:none;
}

#company_box_left,
#company_box_right{
	position:absolute;
	top:0;
	float:none;
	margin:0;
	display:block;
}
#company_box_left{ left:0; padding-left:15px; }
#company_box_right{
	right:0;
	overflow:hidden;
}

#company_box_left h2 { margin:10px 0; }

#companyFx #fxTrigger{
}

#companyFx #fxTrigger li{
font-size:11px;
line-height:11px;
margin:0 0 7px 0;
}

#companyFx #fxBgImg{
	width:437px;
	height:370px;
	margin-left:344px;
	overflow:hidden;
}
#companyFx #fxBgImg img{
	margin-top:-30px;
}

#companyFx #fxOverlay{
	position:absolute;
	top:0;
	left:-780px;
	width:780px;
	height:370px;
	background:#3a3a3a;
}
#companyFx .fxCtnBox{
	position:absolute;
	width:409px;
	margin:0 7px 0 20px;
}
#companyFx .fxCtnBox h3{
	margin-bottom:20px;
}
#companyFx .fxCtnBox p{
	margin-bottom:1em;
}

#companyFx #allOverlay{
	position:absolute;
	top:0;
	left:0;
	width:780px;
	height:370px;
	background:#fff;
}


#companyFx #profile dd{
	margin:-15px 0 5px 55px;
}
#companyFx #profile_en dd{
	margin:-15px 0 5px 135px;
}
#companyFx #history dd{
	margin:-15px 0 5px 60px;
}
#companyFx .fxCtnBox dl{
	margin-bottom:30px;
}