@charset "utf-8";
/* CSS Document */

.​c​l​e​a​r​f​i​x​:​a​f​t​e​r​ ​{
​c​o​n​t​e​n​t​:​ ​"​.​"​;​ ​/​*​ ​新​し​い​要​素​を​作​る​ ​*​/
​d​i​s​p​l​a​y​:​ ​b​l​o​c​k​;​ ​/​*​ ​ブ​ロ​ッ​ク​レ​ベ​ル​要​素​に​ ​*​/
​c​l​e​a​r​:​ ​b​o​t​h​;
​h​e​i​g​h​t​:​ ​0​;
​v​i​s​i​b​i​l​i​t​y​:​ ​h​i​d​d​e​n​;
​}

​.​c​l​e​a​r​f​i​x​ ​{
​m​i​n​-​h​e​i​g​h​t​:​ ​1​p​x​;
​}

​*​ ​h​t​m​l​ ​.​c​l​e​a​r​f​i​x​ ​{
​h​e​i​g​h​t​:​ ​1​p​x​;
​/​*​\​*​/​/​*​/
​h​e​i​g​h​t​:​ ​a​u​t​o​;
​o​v​e​r​f​l​o​w​:​ ​h​i​d​d​e​n​;
​/​*​*​/
​}


body
{
	margin:0 0 0 0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	height: 100%;   
}

a:hover
{
	color:#F00;
	font-weight: bold;
}


#new_date
{
	font-size:14px;
	color:#333;
	font-weight: bold; 
	float : left;
	margin-left:10px;
	width : 100px;
	text-align:center;
}

#new_title
{
	font-size:14px;
	color:#333;
	margin-left : 115px;
	font-weight: bold;

}

#new_image
{
	
	float : left;
	margin-left :10px;
	width:100px;
	height:100px;
	margin-bottom:5px;
	background-image:url(../images/no_image.jpg);
}

#new_masse
{
	
	font-size:14px;
	color:#333;
	margin-left :115px;
	width:530px;
	min-height:90px;
	background-color:#EEE;
	padding: 5px 5px 5px 5px;
	margin-bottom:5px;
	
}


#event_title
{	
	font-size:18px;
	color:#333;
	font-weight: bold; 
	float : left;
	margin-left:10px;
	width : 450px;
	text-align:left;
	height:56px;


}

#event_date
{

	font-size:15px;
	color:#333;
	margin-left : 115px;
	font-weight: bold;
	height:56px;
	
	
}

#event_image
{
	float : left;
	margin-left :10px;
	width:259px;
	height:160px;
	margin-bottom:5px;
	/*background-image:url(../images/no_image.jpg);*/
}

#event_masse
{

	font-size:14px;
	color:#333;
	margin-left :274px;
	width:380px;
	height:160px;
	/*background-color:#EEE;*/
	padding: 5px 5px 5px 5px;
	margin-bottom:5px;
	
}


p
{
font-size:14px;
	color:#333;
}

#main_box
{
	background-color:#DDD;
	width:1230px;
	/*height:2000px;*/
	position:relative;
	top:0px;
	margin-left:auto;
	margin-right:auto;
	z-index:1;
}

#header
{
	background-image:url(/top/images/head.jpg);
	position:absolute;
	width:1230px;
	height:47px;
	top:0px;
	left:0px;
}
	
#twitter
{
	width:32px;
	height:32px;
	top:10px;
	left:1150px;
	position:absolute;
	z-index:99;
}

#facebook
{
	width:32px;
	height:32px;
	top:10px;
	left:1188px;
	position:absolute;
	z-index:99;
}

#suncul
{
	background-image:url(/top/images/image_back.jpg);
	position:absolute;
	width:1230px;
	height:309px;
	top:46px;
	left:0px;
}

#concept
{
	position:absolute;
	width:500px;
	height:30px;
	top:260px;
	left:360px;
	z-index:99;
}

#image_sc
{
	position:absolute;
	top:6px;
	left:5px;
	width:1220px;
	height:300px;
}

#menu
{
	position:absolute;
	background-image:url(/top/images/menu_back.jpg);
	width:1230px;
	height:60px;
	top:355px;
	left:0px;
}

#menu01,#menu02,#menu03,#menu04,#menu05,#menu06,#menu07,#menu08,#menu09
{
	background-image:url(/top/images/menu_beta.jpg);
	top:2px;
	width:174px;
	height:56px;
	position:absolute;
	list-style:none;
}

#menu01
{
	left:685px;
	background-position:-1px -58px;
}

#menu02
{
	left:5px;
	background-position:-1px -58px;
}

#menu03
{
	left:179px;
	background-position:-175px -58px;
}

#menu04
{
	left:353px;
	background-position:-349px -58px;
}

#menu05
{
	left:527px;
	background-position:-523px -58px;
}

#menu06
{
	left:5px;
	background-position:-698px -58px;
}

#menu07
{
	left:701px;
	background-position:-697px -58px;
}

#menu08
{
	left:875px;
	background-position:-871px -58px;
}

#menu09
{
	left:1050px;
	background-position:-1046px -58px;
}

#menu01:hover
{
	background-position:-1px 0px;
}

#menu02:hover
{
	background-position:-1px 0px;
}

#menu03:hover
{
	background-position:-175px 0px;;
}

#menu04:hover
{
	background-position:-349px 0px;
}

#menu05:hover
{
	background-position:-523px 0px;
}

#menu06:hover
{
	background-position:-680px 0px;
}

#menu07:hover
{
	background-position:-697px 0px;
}

#menu08:hover
{
	background-position:-871px 0px;
}

#menu09:hover
{
	background-position:-1046px 0px;
}

#contents
{
	position:relative;
	top:415px;
	width:1230px;
	/*min-height:1250px;*/
	height:auto;
	left:0px;
}

#contents_header
{
	background-image:url(/top/images/main_header.jpg);
	position:relative;
	width:1230px;
	height:8px;
	left:0px;
}

#contents_box
{
	background-image:url(/top/images/main_box.jpg);
	position:relative;
	height:1100px;
	width:1230px;
	left:0px;
	margin-bottom:0px;
}

#contens_bottom
{
	background-image:url(/top/images/main_box.jpg);
	position:relative;
	height:auto;
	width:1230px;
	left:0px;
	margin-top:-5px;
	padding-top:10px;

}

#contents_footer
{
	background-image:url(/top/images/main_footer.jpg);
	position:relative;
	width:1230px;
	height:10px;
	left:0px;
}

#footer
{
	background-image:url(/top/images/foot.jpg);
	position:relative;
	width:1230px;
	height:130px;
	left:0px;
}

#contents_new
{
	left:15px;
	background-image:url(/top/images/title_new.jpg);
	background-repeat:no-repeat;
	width:664px;
	float:left;
	padding-top:30px;
	padding-bottom:0px;
	position:relative;
}

#contents_event
{
	left:15px;
	/*background-image:url(/top/images/title_event.jpg);*/
	background-repeat:no-repeat;
	width:664px;
	padding-top:-8px;
	padding-bottom:10px;
	float:left;
	position:relative;

}

#contents_rental
{
	left:15px;
	background-image:url(/top/images/title_event.jpg);
	background-repeat:no-repeat;
	width:664px;
	padding-top:60px;
	padding-bottom:10px;
	float:left;
	position:relative;

}

#web_camera
{
	
	background-image:url(/top/images/title_livecamera.jpg);
	background-repeat:no-repeat;
	left:15px;
	width:535px;
	height:250px;
	padding-top:38px;
	padding-bottom:0px;
	position:relative;
	margin-left:665px;
	border:0px 0px 0px 0px;
	

}

#contents_info
{
	left:15px;
	width:664px;
	padding-top:38px;
	padding-bottom:5px;
	float:left;
	position:relative;
	height:515px;


}


#contents_event_old
{
	left:15px;
	background-image:url(/top/images/title_old_event.jpg);
	background-repeat:no-repeat;
	width:664px;
	padding-top:38px;
	padding-bottom:10px;
	float:left;
	position:relative;

}

#contents_youtube
{
	background-image:url(/top/images/title_youtube.jpg);
	background-repeat:no-repeat;
	padding-top:38px;	
	width:535px;
	margin-left:685px;

	
}

#contents_stretch
{

	background-image:url(../images/image_stretch.jpg);
	background-repeat:no-repeat;
	padding-top:0px;
	width:330px;
	padding-left:205px;
	height:152px;
	padding-top:180px;
	margin-top:5px;
	margin-left:685px;
	vertical-align:bottom;
	font-size:20px;
	font-weight:bold;

}

#contents_calender
{

	background-image:url(/top/images/title_calender.jpg);
	background-repeat:no-repeat;
	padding-top:38px;
	width:535px;
	margin-top:5px;
	margin-left:685px;
	vertical-align:bottom;


}

#contents_naighty
{

	background-image:url(/top/images/title_naughty.jpg);
	background-repeat:no-repeat;
	padding-top:38px;
	width:535px;
	height:550px;
	margin-top:5px;
	margin-left:685px;
	vertical-align:bottom;

}

#contents_culture_room
{
	
	left:15px;
	background-image:url(/top/images/title_culture_room.jpg);
	background-repeat:no-repeat;
	padding-top:38px;
	width:535px;
	position:absolute;
	
	/*height:100%;*/
	margin-top:5px;
	margin-left:25px;*/
	/*vertical-align:bottom;*/
	font-size:14px;

}

#contents_tea_lounge
{
	background-image:url(/top/images/title_tea_lounge.jpg);
	background-repeat:no-repeat;
	padding-top:38px;
	width:535px;
	/*height:100%;*/
	margin-top:5px;
	margin-left:665px;
	/*vertical-align:bottom;*/
	position:absolute;
}

#image_slackline
{
	margin-left:25px;

}

#web_link{
position:absolute;
top:50px;
margin-top:0px;
left:10px;
color:#000;
font-size:8px;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
text-align:left;
height:64px;
width:1200px;
vertical-align:middle;
/*background-color:#F00;*/
z-index:99;

}


#web_link li{
list-style:none;
float:left;
width:230px;
height:60px;
border:none;
margin:0px 2px 5px 2px;
}

#web_link a{border:none;}

#logo
{
position:absolute;
width:400px;
height:81px;
background-image:url(../images/new_year.png);
z-index:99;
left:400px;
top:150px;
}