@charset "UTF-8";

@import url("default.css");

/*======================================

	layout

=======================================*/
#wrap{
	width:880px;
	margin:0 auto;
}
#wrap:after{
	content:".";
	clear:both;
	display:block;
	visibility:hidden;
	height:0;
}
#navigation{
	width:250px;
	float:left;
	background:#ffffff url(../images/bg_navi_bottom.gif) left bottom no-repeat;
}
#navigation .inner{
	padding:4px;
}
#logo a{
	display:block;
	width:242px;
	height:225px;
	text-indent:-9999px;
	background:url(../images/logo.gif) left top no-repeat;
}
#langSelector{
	width:242px;
	height:26px;
	overflow:hidden;
}
#langSelector #langJa{
	display:block;
	width:121px;
	height:26px;
	text-indent:-9999px;
	background-position:left top;
	background-repeat:no-repeat;
	background-image:url(../images/lang_ja.gif);
	float:left;
}
#langSelector #langEn{
	display:block;
	width:121px;
	height:26px;
	text-indent:-9999px;
	background-position:left top;
	background-repeat:no-repeat;
	background-image:url(../images/lang_en.gif);
	float:right;
}
#langSelector #langJa:hover , #langSelector #langJa.here , #langSelector #langEn:hover , #langSelector #langEn.here{
	background-position:left bottom;
}
#global{
	margin-top:10px;
}
#global ul li{
	height:36px;
	margin-bottom:4px;
}
#global ul li a , #global dl dt a{
	display:block;
	width:242px;
	height:36px;
	text-indent:-9999px;
	background-position:left top;
	background-repeat:no-repeat;
}
#global ul li a#globalHome{
	background-image:url(../images/global_home.gif);
}
#global ul li a#globalNews{
	background-image:url(../images/global_news.gif);
}
#global ul li a#globalProfile{
	background-image:url(../images/global_profile.gif);
}
#global ul li a#globalEvents{
	background-image:url(../images/global_event.gif);
}
#global ul li a#globalArtists{
	background-image:url(../images/global_artists.gif);
}
#global ul li a#globalForum{
	background-image:url(../images/global_forum.gif);
}
#global ul li a#globalGallery{
	background-image:url(../images/global_gallery.gif);
}
#global dl dt a#globalSignup{
	background-image:url(../images/global_signup.gif);
	margin-bottom:2px;
}
#global ul li a:hover , #global dl dt a:hover ,#global ul li a.here , #global dl dt a.here{
	background-position:left bottom;
}
#global #signUpArea dd{
	background-color:#f4f6f1;
	padding:8px;
	font-size:10px;
	padding-top:10px;
}
#signUpDesc{
	padding:10px;
}
#signUpBtn{
	width:220px;
	height:48px;
	display:block;
	text-indent:-9999px;
	background:url(../images/btn_signup.gif) left top no-repeat;
	margin:0 auto;
}
#signUpBtn:hover{
	background:url(../images/btn_signup.gif) left bottom no-repeat;
}
/*======================================

	footer

=======================================*/
#footer{
	height:26px;
}
#footer #copyright{
	width:880px;
	margin:0 auto;
	background:url(../images/copyright.gif) right center no-repeat;
	text-indent:-9999px;
}
#totop{
	position:absolute;
	width:52px;
	height:26px;
}
#totop a{
	width:52px;
	height:26px;
	display:block;
	background:url(../images/totop.gif) left top no-repeat;
	text-indent:-9999px;
	float:right;
}
#totop a:hover{
	background:url(../images/totop.gif) left bottom no-repeat;
}
/*======================================

	Page -title

=======================================*/
#page-navigation{
	margin-bottom:10px;
}
.page-title{
	width:620px;
	height:41px;
	text-indent:-9999px;
	background-position:left top ;
	background-repeat:no-repeat;
}
.page-title#discount{
	background-image:url(../images/pt_discount.gif);
}
.page-title#artists{
	background-image:url(../images/pt_artists.gif);
}
.page-title#news{
	background-image:url(../images/pt_news.gif);
}
.page-title#profile{
	background-image:url(../images/pt_profile.gif);
}
.page-title#events{
	background-image:url(../images/pt_events.gif);
}
.page-title#forum{
	background-image:url(../images/pt_forum.gif);
}
.page-title#gallery{
	background-image:url(../images/pt_gallery.gif);
}
.page-title#signup{
	background-image:url(../images/pt_signup.gif);
}
.page-title#interview{
	background-image:url(../images/pt_interview.gif);
}
#local{
	height:30px;
	background-image:url(../images/bg_local.gif);
}
#local ul li{
	width:118px;
	height:30px;
	float:left;
}
#local ul li a{
	width:118px;
	height:30px;
	display:block;
	text-indent:-9999px;
	background-position:left top;
	background-repeat:no-repeat;
}
#local ul li#artiststop a{
	background-image:url(../images/local_artiststop.gif);
}
#local ul li#djs a{
	background-image:url(../images/local_djs.gif);
}
#local ul li#vjs a{
	background-image:url(../images/local_vjs.gif);
}
#local ul li#dancers a{
	background-image:url(../images/local_dancers.gif);
}
#local ul li#supported a{
	background-image:url(../images/local_supported.gif);
}
#local ul li#eventstop a{
	background-image:url(../images/local_eventstop.gif);
}
#local ul li#partyreport a{
	background-image:url(../images/local_partyreport.gif);
}
#local ul li a:hover , #local ul li a.here{
	background-position:left bottom;
}
/*======================================

	content

=======================================*/
#content{
	width:620px;
	float:right;
	padding:10px 0 20px 0;
}
.box{
	width:620px;
	background:url(../images/bg_area_top.gif) left top no-repeat;
	padding-top:5px;
}
.box .box-inner{
	background:#ffffff url(../images/bg_area_bottom.gif) left bottom no-repeat;
	padding: 0 5px 5px 5px;
	margin:0 auto 10px auto;
}
.box .box-stage{
	width:610px;
}
.box .box-stage:after{
	content:".";
	clear:both;
	display:block;
	visibility:hidden;
	height:0;
}

.valysRecommendCredit{
	background:url(../images/valyscompartyinfo.gif) right center no-repeat;
	text-indent:-9999px;
	height:15px;
	margin:5px 5px 0 0;
}
.imagetrim{
	padding:1px;
	background-color:#eeeeee;
	float:left;
}
.imagetrim .imagetriminner{
	padding:1px;
	background-color:#FFFFFF;
}

.area:after{
	content:".";
	clear:both;
	display:block;
	visibility:hidden;
	height:0;
}
.btn-bigimage{
	height:18px;
}
.btn-bigimage a{
	width:80px;
	height:18px;
	float:right;
	background:url(../images/btn_bigimage.gif) left top no-repeat;
	text-indent:-9999px;
	margin-top:5px;
}
/*======================================

	PhotoGallery

=======================================*/
.pg{
	width:68px;
	margin-right:5px;
	margin-bottom:5px;
	float:left;
	display:block;
}

/*======================================

	Events

=======================================*/
.area#photogallery-area{
	width:590px;
	margin:0 auto;
	padding-bottom:20px;
}
.area#photogallery-area .content-body{
	padding:10px 5px;
}
.area#nextparty-area{
	width:610px;
	padding-bottom:20px;
}
.area#partyreport-area{
	width:610px;
	padding-bottom:20px;
}
.area#reportlist-area{
	margin:0 auto;
	width:610px;
	padding-bottom:20px;
}
.area#reportlist-area .content-title {
	background-image:url(../images/h_reportlist.gif);
}
.area#photogallery-area .content-title {
	background-image:url(../images/subh_photogallery_long.gif);
}
.area#nextparty-area .content-title {
	background-image:url(../images/h_nextparty.gif);
}
.area#partyreport-area .content-title {
	background-image:url(../images/h_partyreport.gif);
}
.flyerimage{
	margin:0 10px 10px 0;
	float:left;
	width:254px;
	overflow:hidden;
}
.eventdescription h3{
	color:#b30909;
	padding-bottom:10px;
}
.area#partyreport-area .row,.area#reportlist-area .row{
	background:url(../images/dot_border.gif) left bottom repeat-x;
	padding:0 0 5px 0;
	margin-bottom:5px;
}
.area#partyreport-area .row .partylist,.area#reportlist-area .row .partylist{
	display:block;
	padding:5px;
	text-decoration:none;
}
.area#partyreport-area .row .partylist:hover,.area#reportlist-area .row .partylist:hover{
	background-color:#f2f3ef;
}
.partydate{
	font-weight:bold;
	font-size:10px;
	color:#384f61;
}
.partysubject{
	font-weight:bold;
	font-size:12px;
	color:#384f61;
}
.partybody{
	font-size:10px;
	color:#666666;
}
/*======================================

	profile

=======================================*/
.area#profile-valys-area{
	width:610px;
	padding-bottom:20px;
}
.area#profile-alter-area{
	width:610px;
	padding-bottom:20px;
}
.area#profile-valys-area .content-title {
	background-image:url(../images/h_valys.gif);
}
.area#profile-alter-area .content-title {
	background-image:url(../images/h_alternativehouse.gif);
}
/*======================================

	news

=======================================*/
.area#news-area{
	width:240px;
	float:left;
}
.area#news-area-long{
	width:610px;
}
.area#dj-area{
	width:365px;
	float:right;
}
.area#eventreport-area{
	width:610px;
	clear:both;
}
.area .content-title{
	display:block;
	height:24px;
	background-position:left top;
	background-repeat:no-repeat;
	text-indent:-9999px;
}
.subh{
	display:block;
	height:24px;
	background-position:left top;
	background-repeat:no-repeat;
	line-height:24px;
	text-indent:30px;
	font-size:14px;
	background-image:url(../images/h_base.gif);
}
.area .content-body{
	padding:10px;
}
.area#news-area .content-title {
	background-image:url(../images/h_news_half_more.gif);
}
.area#news-area-long .content-title {
	background-image:url(../../test/common/images/h_news.gif);
}
.area#dj-area-long .content-title {
	background-image:url(../images/h_dj.gif);
}
.area#vj-area .content-title {
	background-image:url(../images/h_vj.gif);
}
.area#supported-area .content-title {
	background-image:url(../images/h_supported.gif);
}
.area#dancers-area .content-title {
	background-image:url(../images/h_dancers.gif);
}
.area#dj-area .content-title {
	background-image:url(../images/h_dj_half_more.gif);
}
.area#eventreport-area .content-title {
	background-image:url(../images/h_eventreport.gif);
}
.area#discount-area .content-title {
	background-image:url(../images/h_discount.gif);
}
.area#news-area .row{
	width:220px;
	font-size:10px;
	line-height:1.5em;
	background:url(../images/double_border.gif) left bottom repeat-x;
	padding-bottom:5px;
	margin-bottom:5px;
	clear:both;
}
.area#news-area-long .row{
	font-size:10px;
	line-height:1.5em;
	background:url(../images/double_border.gif) left bottom repeat-x;
	padding-bottom:5px;
	margin-bottom:5px;
	clear:both;
}
#news-area .row:after{
	content:".";
	clear:both;
	display:block;
	visibility:hidden;
	height:0;
}
#news-area-long .row:after{
	content:".";
	clear:both;
	display:block;
	visibility:hidden;
	height:0;
}
.area#news-area .row img,.area#news-area-long .row img{
	float:left;
	margin: 0 5px 5px 0;
	display:block;
}
.area#news-area .row .row-date,.area#news-area-long .row .row-date{
	color:#384f61;
	font-weight:bold;
	line-height:1.5em;
}


/*======================================

	Artists

=======================================*/
.artiststoparea{
	clear:both;
	width:610px;
	padding-bottom:10px;
}
.artiststoparea:after{
	content:".";
	clear:both;
	display:block;
	visibility:hidden;
	height:0;
}
.artistindex{
	display:block;
	width:345px;
	margin:0;
}
.artistplate{
	display:block;
	width:290px;
	height:180px;
	float:left;
	margin:0;
}
.artistplate.right{
	float:right;
}
.artistplate:hover , .artistindex:hover{
	background-color:#f2f3ef;
}
.artistplate .inner,.artistindex .inner{
	padding:5px;
	font-size:10px;
	line-height:1.2em;
}
.artistplate , .artistplate:link , .artistplate:visited , .artistplate:active , .artistplate:hover {
	color:#666666;
	text-decoration:none;
}
.artistindex , .artistindex:link , .artistindex:visited , .artistindex:active , .artistindex:hover {
	color:#666666;
	text-decoration:none;
}
.artistplate .inner .artistimage,.artistindex .inner .artistimage{
	float:left;
	margin-right:10px;
}
.artistplate .nameplate{
	width:145px;
	background: url(../images/n_base145.gif) left top no-repeat;
	height:24px;
	display:block;
	line-height:24px;
	text-indent:30px;
	font-size:10px;
	float:left;
}
.artistindex .nameplate{
	width:220px;
	background: url(../images/n_base220.gif) left top no-repeat;
	height:24px;
	display:block;
	line-height:24px;
	text-indent:30px;
	font-size:12px;
	float:left;
}
.artistplate p.desc{
	width:145px;
	height:110px;
	overflow:hidden;
	margin-top:5px;
	float:left;
}
.artistindex p.desc{
	width:220px;
	overflow:hidden;
	margin-top:5px;
	float:left;
}
.artistplate .more,.artistindex .more{
	height:25px;
	background:url(../images/double_border.gif) left bottom repeat-x;
	clear:both;
}
.artistplate .more span,.artistindex .more span{
	width:62px;
	height:18px;
	display:block;
	text-indent:-9999px;
	background:url(../images/btn_more.gif) left top no-repeat;
	float:right;
	margin:0 5px 0 0;
}


.artistbox{
	margin:15px 5px;
	padding-bottom:10px;
	width:580px;
	background:url(../images/double_border.gif) left bottom repeat-x;
}
.artistbox:after{
	content:".";
	clear:both;
	display:block;
	visibility:hidden;
	height:0;
}
.artist-image{
	float:left;
	margin:0 10px 10px 0;
}
.artistlist{
	width:580px;
	margin:0 auto;
}
.artistlist:after{
	content:".";
	clear:both;
	display:block;
	visibility:hidden;
	height:0;
}
.artistcol{
	width:124px;
	float:left;
	margin-right:28px;
	margin-bottom:10px;
}
.artistcol .nameplate{
	width:120px;
	margin:0 auto;
	background:url(../images/n_base.gif) left top no-repeat;
	height:24px;
	display:block;
	line-height:24px;
	text-indent:30px;
	font-size:12px;
	margin-top:5px;
}

/*======================================

	DJs

=======================================*/
.area#dj-area .row{
	width:345px;
	line-height:1.5em;
	padding-bottom:5px;
	margin-bottom:5px;
	clear:both;
}
#dj-area .row:after{
	content:".";
	clear:both;
	display:block;
	visibility:hidden;
	height:0;
}
.area#dj-area .row img{
	float:left;
	margin: 0 5px 5px 0;
	display:block;
}
.area#dj-area .row .row-name{
	color:#384f61;
	font-weight:bold;
	line-height:1.5em;
}
/*======================================

	Event

=======================================*/
#top-event{
	width:590px;
}
#top-event:after{
	content:".";
	clear:both;
	display:block;
	visibility:hidden;
	height:0;
}
#top-event #top-event-image{
	width:212px;
	height:290px;
	float:left;
}
#top-event #top-event-right{
	width:370px;
	float:right;
}
#top-event-subject{
	color:#b30909;
	line-height:1.8em;
}
#top-event-desc{
	padding-bottom:10px;
}
#toeventpage{
	background:url(../images/banner_eventpage.gif) left top no-repeat;
	width:370px;
	height:38px;
	display:block;
	text-indent:-9999px;
}
.sub-box{
	margin-top:10px;
}
#photogallery{
	width:370px;
	height:24px;
	text-indent:-9999px;
	background:url(../images/subh_photogallery.gif);
}
#event-photo-stock{
	width:360px;
	margin:10px auto 0;
}
#event-photo-stock:after{
	content:".";
	clear:both;
	display:block;
	visibility:hidden;
	height:0;
}
.photo-thumbnail{
	float:left;
	margin-right:5px;
	margin-bottom:5px;
}
.ex-right{
	margin-right:0;
}


.eventname{
	background:url(../images/dot_border.gif) left bottom repeat-x;
	line-height:2em;
	margin-bottom:10px;
	font-size:14px;
}
.formTable{
	width:80%;
	margin:20px auto;
}
.formTable tr{
	padding:1px 0;
}
.formTable td{
	padding:5px;
	background:url(../images/dot_border.gif) left bottom repeat-x;
}
.formTable td.fieldname{
	background:#ebe9db none;
	width:179px;
	vertical-align:top;
}
.formTable td.submit-area{
	background:none;
	text-align:right;
}
.formTable input{
	width:100%;
}
.formTable .textarea-low{
	width:100%;
	height:30px;
}
.formTable .textarea-middle{
	width:100%;
	height:50px;
}
.formTable td.submit-area input{
	width:100px;
}
.formTable td.caution-area{
	background:none;
	font-size:10px;
}


/*======================================

	Photo Gallery

=======================================*/
#page{
	position:absolute;
	z-index:10;
}
#bg{
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	background-color:#000000;
	z-index:10;
	opacity:0;
	-moz-opacity:0;
	filter:alpha(opacity=0);
}
#interviewarea{
	padding:10px;
}
.question{
	padding:10px 0 5px;
	font-size:1.1em;
	font-weight:bold;
	margin-bottom:10px;
}
.answer{
	padding:10px;
	background-color:#f2f2f2;
	margin-bottom:30px;
}
.question .ja , .answer .ja{
	color:#2e180c;
	margin:10px 0;
}
#dawnloadarea a,#dawnloadarea a img{
	display:block;
	margin-bottom:5px;
}