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

/*-//////////////////////////////////////////////
/////////////////////////////////////////////////

 SSFF GRAND CSS ver1.1

/////////////////////////////////////////////////
//////////////////////////////////////////////-*/


/*-----------------------------------------------
   Initialize + html
-----------------------------------------------*/

html,body{
	margin:0;
	padding:0;
}


h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,input,object,embed {margin:0; padding:0;} 
a img {border:none;}
ul {list-style:none; margin:0; padding:0;}

a:link {
	text-decoration: none;
	color: #4E6D7E;
}
a:visited {
	text-decoration: none;
	color: #4E6D7E;
}
a:hover {
	color: #3399ff;
}
a:active { color: #FF3300; }

/*-----------------------------------------------
   Layout
-----------------------------------------------*/

body {
	line-height: 1.5;
	font-family: "ヒラギノ角ゴ pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	font-size: 12px;
	background-image: url(../images/common/grand-bg.jpg);
	background-repeat: no-repeat;
	background-color: #D8EDEE;
}

#wrapper{
	margin:0 0 0 35px;
	position: relative;
	background-repeat: repeat-y;
	width: 983px;
}

#headlogo{
	width: 167px;
	height: 80px;
	margin-bottom: 55px;
	background-image: url(../images/common/headlogo.jpg);
}
#headlogo h1 span{
display:none;
}

#content{
	width: 760px;
	margin: 0 0 0 12px;
	float: left;
}

#main-content{
	background-image: url(../images/common/h2-bg.png);
	background-repeat: no-repeat;
	margin-top: 15px;
}

.end-brick{
	clear:both;
	height:15px;
}

#strip{
	width: 167px;
	height: 100%;
	float: left;
	padding: 0 22px;
}

#strip img
{
padding-bottom:11px;
background-image:url(../images/common/ladder.png);
background-position:bottom;}
/*-----------------------------------------------
   Header
-----------------------------------------------*/

.head{ height: 140px; 
}

.head-logo{
	width: 227px;
	height: 120px;
	margin-bottom: 11px;
	background-image: url(../images/common/head-logo.png);
	margin-left: -10px;
}
.head-logo h2{
position:absolute;
text-indent:-9999px;
}

#dummy-bg{
	position: absolute;
	width: 100%;
	height: 135px;
	background-image: url(../images/common/head-strip.png);
	left: 0px;
	z-index: -1000;
}
/*-----------------------------------------------
   Footer
-----------------------------------------------*/

#footer{
	height:45px;
	margin-bottom: 0px;
	background-image: url(../images/common/h2-bg.png);
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-top: 6px;
	padding-right: 30px;
	text-align: right;
}


/*-----------------------------------------------
   Global menu
-----------------------------------------------*/

.g-menu-base{
	height: 60px;
	background-image: url(../images/common/film.png);
	width: 100%;
	top: 75px;
	background-repeat: repeat-x;
	left: 0px;
	position: absolute;
	z-index: 10;
}
.menu {
	height:26px;
	width:980px;
	top: 90px;
	position: absolute;
	z-index: 2000;
}
.menu ul {
	list-style:none;
	width: 980px;
}
.menu li {
float:left
}
.menu a span {
display:none;
}
#slide {
	position:absolute;
	top:60px;
	height:75px;
	z-index:0;
	width: 129px;
}
#menu0 a{
	width:1px;
	height: 26px;
	display: block;
	float: left;
	cursor:default;
}
#menu00 a{
	width:110px;
	height: 26px;
	display: block;
	float: left;
	cursor:default;
}
#menu1 a{
	width:193px;
	background-image: url(../images/menu/menu2.png);
	height: 26px;
	display: block;
	float: left;
}
#menu1 a:hover{
	background-image: url(../images/menu/menu2-on.png);
}
#menu2 a{
	width:162px;
	background-image: url(../images/menu/menu3.png);
	height: 26px;
	display: block;
	float: left;
}
#menu2 a:hover{
	background-image: url(../images/menu/menu3-on.png);
}
#menu3 a{
	width:137px;
	background-image: url(../images/menu/menu4.png);
	display: block;
	float: left;
	height: 26px;
}
#menu3 a:hover{
	background-image: url(../images/menu/menu4-on.png);
}
#menu4 a{
	width:180px;
	background-image: url(../images/menu/menu5.png);
	display: block;
	float: left;
	height: 26px;
}
#menu4 a:hover{
	background-image: url(../images/menu/menu5-on.png);
}
#menu5 a{
	width:79px;
	background-image: url(../images/menu/j-e.png);
	display: block;
	float: left;
	height: 26px;
	margin-left: 80px;
}
#menu5 a:hover{
	background-image: url(../images/menu/j-e-on.png);
}
#menu6 a{
	width:79px;
	background-image: url(../images/menu/e-j.png);
	display: block;
	float: left;
	height: 26px;
	margin-left: 80px;
}
#menu6 a:hover{
	background-image: url(../images/menu/e-j-on.png);
}

/*-----------------------------------------------
   Utility
-----------------------------------------------*/

.clear{ clear: both; }

/*-----------------------------------------------
   ■TOPPAGE ONLY■
-----------------------------------------------*/

#flash{
	height: 500px;
	display: block;
}
#silhouette{
	height: 150px;
	background-color: #AFD9D8;
}
.silhouette1{
	width: 224px;
	height: 182px;
	float: left;
}
.silhouette2{
	width: 199px;
	height: 182px;
	float: left;
	}

.silhouette3{
	background-image: url(../images/silhouette3.jpg);
	width: 205px;
	height: 182px;
	float: left;
	}
.silhouette4{
	background-image: url(../images/silhouette4.jpg);
	width: 188px;
	height: 182px;
	float: left;
	}
.silhouette-box{ padding-left: 30px; }
#topnews-box{
	width: 390px;
	background-color: #f7f7f5;
	padding: 15px;
}
.news-detail a{
	width: 280px;
	height: 28px;
	margin: -5px 0 0 -5px;
	background: url(../images/but/festival-but.jpg) top;
	display: block;
}
.news-detail a:hover{
	width: 280px;
	height: 28px;
	margin: -5px 0 0 -5px;
	background: url(../images/but/festival-but.jpg) bottom;
	display: block;
}
.news-detail a span{
	display: none;
}
.news-detail2 a{
	width: 280px;
	height: 28px;
	margin: -5px 0 0 -5px;
	background: url(../images/but/lounge-but.jpg) top;
	display: block;
}
.news-detail2 a:hover{
	width: 280px;
	height: 28px;
	margin: -5px 0 0 -5px;
	background: url(../images/but/lounge-but.jpg) bottom;
	display: block;
}
.news-detail2 a span{
	display: none;
}
.news-detail3 a{
	width: 280px;
	height: 28px;
	margin: -5px 0 0 -5px;
	background: url(../images/but/biz-but.jpg) top;
	display: block;
}
.news-detail3 a:hover{
	width: 280px;
	height: 28px;
	margin: -5px 0 0 -5px;
	background: url(../images/but/biz-but.jpg) bottom;
	display: block;
}
.news-detail3 a span{
	display: none;
}
.news-detail4 a{
	width: 280px;
	height: 28px;
	margin: -5px 0 0 -5px;
	background: url(../images/but/theater-but.jpg) top;
	display: block;
}
.news-detail4 a:hover{
	width: 280px;
	height: 28px;
	margin: -5px 0 0 -5px;
	background: url(../images/but/theater-but.jpg) bottom;
	display: block;
}
.news-detail4 a span{
	display: none;
}
.news1{
	background-color: #e3eced;
	padding: 5px;
	margin-bottom: 10px;
	color: #333333;
}
.news-date{
	color: #1B6DAB;
	font-weight: bold;
	display: block;
	margin-top: 5px;
}
#ust-box{
	width: 315px;
	background-color: #f7f7f5;
	margin-bottom: 12px;
	padding-bottom: 18px;
	padding-top: 12px;
}
#ust-data{
	background-color: #F7F7F5;
	padding: 9px 12px 0;
}
#ust-txt{
	background-color: #FFFFFF;
	padding: 8px;
	color:#666666;
	margin: 0 12px 0 12px;
}
#ust-txt span{
	color:#3F85B9;
	font-weight: bold;
}
#ust-but{
	width: 292px;
	height: 30px;
	margin-left: 11px;
}
#ust-but a{
	background-image: url(../images/but/ust-but.jpg);
	width: 292px;
	height: 30px;
	display: block;
}
#ust-but a span{ display: none; }
#ust-but a:hover{
	background-image: url(../images/but/ust-but.jpg);
	background-position: bottom;
}

#twi-but{
	width: 292px;
	height: 30px;
}
#twi-but a{
	background-image: url(../images/but/twitter-title.jpg);
	width: 292px;
	height: 30px;
	display: block;
}
#twi-but a span{ display: none; }
#twi-but a:hover{
	background-image: url(../images/but/twitter-title.jpg);
	background-position: bottom;
}

#twitter-box{
	width: 292px;
	background-color: #f7f7f5;
	padding: 12px 11px 12px 12px;
}
#twitter-data{ padding: 12px 5px; }
.left-content{
	width: 420px;
	float: left;

}
.right-content{
	width: 315px;
	float: right;
	_margin-right: 20px;
}
.info-head{
	height: 30px;
	margin-bottom: 10px;
	background-image: url(../images/common/h2-bg.png);
	background-repeat: no-repeat;
}
.h2-1{
	background-image:url(../images/h/h2-news.jpg);
	background-repeat:no-repeat;
	width: 300px;
	background-position: 0 5px;
	margin-bottom: 25px;
	margin: 0 0 25px 10px;
}
.h2-2{
	background-image:url(../images/h/h2-ust.jpg);
	background-repeat:no-repeat;
	width: 200px;
	background-position: 0 5px;
	margin-bottom: 25px;
}
.h2-1 h2{
	display:block;
	text-indent:-9999px;
}
.h2-2 h2{
	display:block;
	text-indent:-9999px;
}

/*-----------------------------------------------
   Juitter
-----------------------------------------------*/

#juitterContainer{
	color: #3c3c3c;
	background-color:#ffffff;
	margin: 12px 0 8px 0;
	_height:100px;
} /*Juitter container*/
			#juitterContainer .twittList{margin:0;padding:0;} /* UL that will contain the list of tweets */
			/* Bellow the list of tweets "<li>" */
			#juitterContainer .twittLI{
	list-style:none;
	margin:0;
	border-bottom:dotted 1px #666666;
	padding:5px;
	clear:both;
} 
	#juitterContainer .twittLI:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
	#juitterContainer .twittList A{color:#7DA9B9; } /*Links inside the tweets list */
	/* Bellow the CSS for the avatar image  */
	#juitterContainer .juitterAvatar{float:left;margin-right:5px;padding:2px;width:48px;height:48px;clear:right;}
	#juitterContainer .jRM{float:right;} /*read it on twitter link*/
	#juitterContainer .extLink{} /*CSS for the external links*/
	#juitterContainer .hashLink{} /*CSS for the hash links*/