@charset "UTF-8";

body{
	position: relative;
	background: #FFF;
	color: #000;
	font-size: 12px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", HiraKakuPro-W3, "ＭＳ ゴシック", MS-Gothic, Helvetiva, Arial, sans-serif;
}





/*------------*/
/*	   bg	  */
/*------------*/
div#bg{
	position: fixed;
	width: 100%;
	height: 100%;
}
div#layer1,
div#layer2,
div#imglayer{
	position: absolute;
	width: 100%;
	height: 100%;
}
div#layer1{
	background: url("../img/bg.png") repeat;
	z-index: 3;
}
div#layer2{
	background: #FFF;
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
	z-index: 2;
}
div#sublayer{
	position: absolute;
	width: 1000px;
	height: 100%;
	left: 50%;
	margin: 0 0 0 -490px;
	z-index: 1;
}
div#sublayer div#sub-bg{
	position: absolute;
	right: 0px;
	top: 0px;
	width: 260px;
	height: 100%;
	background: #FFF;
	filter: alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
}
div#imglayer{
	z-index: 0;
}
div#imglayer img{
	display: none;
	height: 100%;
	position: absolute;
}

/*------------*/
/*	   /bg	  */
/*------------*/






/*------------*/
/*	contents  */
/*------------*/
div#contents{
	position: relative;
	width: 980px;
	margin: 0 auto;
	z-index: 3;
}



/*--outline--*/
div#meta{
	width: 130px;
	height: 100%;
	padding: 0 0 0 10px;
	position: fixed;
	font-family: Helvetiva, Arial, sans-serif;
}
div#main{
	width: 540px;
	overflow-x: hidden;
	overflow-y: hidden;
	position: absolute;
	top: 0px;
	left: 170px;
}
div#sub{
	width: 240px;
	padding: 0 10px;
	position: absolute;
	top: 0px;
	left: 740px;
}
/*--/outline--*/


/*--meta--*/
div#meta div#meta-wrapper{
	position: fixed;
	display: table;
	height: 100%;
	width: 130px;
}
div#meta div#meta-innerwrapper{
	display: table-cell;
	vertical-align: middle;
}
div#meta h1{
	width: 119px;
	height: 36px;
	margin: 0 0 30px 0;
}
div#meta li{
	margin: 0 0 12px 0;
}
div#meta a{
	padding: 0 0 0 8px;
	color: #000;
	text-decoration: none;
	line-height: 12px;
	background: url("../img/linkarrow.png") no-repeat left center;
}
/*--/meta--*/



/*--main--*/
div#main section{
	display: none;
}
div#main section h2{
	width: 540px;
	height: 12px;
	font-family: Helvetiva, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 12px;
	padding: 20px 0;
	border-bottom: 1px solid #000;
	z-index: 99;
}


/*archives*/

div#main section#archives{
	display: none;
	display: block;
	padding: 52px 0 0 0;
}
div#main section div.article-wrapper{
	overflow: hidden;
	position: relative;
	top: 0px;
}
div#main section div.article-wrapper div.article-innerwrapper{
	position: relative;
	top: 0px;
}
div#main section#archives h2{
	position: fixed;
	top: 0px;
}
div#main section#archives article{
}
div#main section#archives article h3{
	font-family: Helvetiva, Arial, sans-serif;
	font-size: 60px;
	font-weight: bold;
	line-height: 58px;
	letter-spacing: -3px;
	white-space: nowrap;
	cursor: pointer;
	position: relative;
}
div#main section#archives article h3 a{
	display: inline-block;
	position: relative;
	filter: alpha(opacity=20);
	-moz-opacity:0.20;
	opacity:0.20;
	padding: 0 100px 0 0;
	color: #000;
	text-decoration: none;
}
div#main section#archives article div.content,
div#main section#archives article div.imgset{
	display: none;
}

div#sub div#sub-wrapper{
	position: fixed;
	display: table;
	height: 100%;
	width: 240px;
}
div#sub div#sub-wrapper div#sub-wrapper-inner{
	display: table-cell;
	vertical-align: middle;
}
div#sub div.content{
	display: none;
	
}
div#sub div.content h4{
	width: 225px;
	padding: 0 15px 8px 0;
	margin: 0 0 12px 0;
	border-bottom: 1px solid #000;
	line-height: 16px;
	font-size: 12px;
	position: relative;
}
div#sub div.content h4 span.closebutton{
	display: block;
	cursor: pointer;
	width: 9px;
	height: 9px;
	position: absolute;
	right: 1px;
	bottom: 12px;
}
div#sub div.content h4 span.closebutton img{
	display: block;
}
div#sub div.content p{
	line-height: 19px;
	font-size: 11px;
}
div#sub div.content dl{
	width: 240px;
	margin: 0 0 12px 0;
	line-height: 21px;
	font-weight: bold;
	font-size: 11px;
}
div#sub div.content dl dt{
	float: left;
	width: 40px;
}
div#sub div.content dl dt.wide{
	width: auto;
	padding-right: 5px;
}
div#sub div.content dl dd:before{
	content: ":";
	display: inline-block;
	padding: 0 5px 0 0;
}
div#sub div.content dl dd{
}
div#sub div.content div.detail{
	font-size: 11px;
}
div#sub div.content div.detail hr{
	width: 25px;
	border-color: #666666;
}
div#sub div.content div.detail h5{
	margin: 8px 0;
}
div#sub div.content div.detail dl dt{
	font-weight: bold;
	width: 20px;
}
div#sub div.content div.detail dl dd{
	font-weight: normal;
}
div#sub div.content div.detail dl dd:before{
	content: none;
}
div#sub div.content div.detail a{
	color: #666666;
	text-decoration: underline;
}
div#sub div.content div.detail a.link{
	display: block;
	color: #000;
	padding: 10px;
	margin: 16px 0 0 0;
	border: 1px solid #000;
	width: 216px;
	line-height: 16px;
	text-decoration: none;
	word-break:break-all;
}

div#sub div.content div.detail a.link b{
}
div#sub div.content div.detail a.link span{
	color: #666666;
	text-decoration: underline;
}

/*/archives*/



/*about,contact*/
div#main section#about,
div#main section#contact{
	font-size: 12px;
}
div#main section#about div.section-wrapper,
div#main section#contact div.section-wrapper{
	display: table-cell;
	vertical-align: middle;
}
div#main section#about a,
div#main section#contact a{
	color: #666666;
}
div#main section#about h2,
div#main section#contact h2{
	margin: 0 0 65px 0;
	font-family: Helvetiva, Arial, sans-serif;
}
div#main section#about h3,
div#main section#contact h3{
	margin: 65px 0 20px 0;
	font-family: Helvetiva, Arial, sans-serif;
}
div#main section#about p,
div#main section#contact p{
	margin: 20px 0 0 0;
	line-height: 21px;
}
/*/about,contact*/


/*about*/
div#main section#contact{
}
div#main section#contact dl{
	line-height: 21px;
}
div#main section#contact dl dt{
	float: left;
	width: 70px;
}
div#main section#contact dl dd{
}
/*/about*/


/*schedule*/
div#main section#schedule{
	display: none;
	padding: 52px 0 0 0;
}
div#main section#schedule h2{
	position: fixed;
	top: 0px;
}
div#main section#schedule article{
	border-bottom: 1px solid #666666;
	position: relative;
}
div#main section#schedule article.open h3{
	background: url("../img/toggle_minus.png") 2px center no-repeat;
}
div#main section#schedule article.close h3{
	color: #666666;
	background: url("../img/toggle_plus.png") 2px center no-repeat;
}
div#main section#schedule article.close.expired h3{
	color: #DEDEDE;
	background: url("../img/toggle_plus_expired.png") 2px center no-repeat;
}
div#main section#schedule article.close h3:hover{
	color: #000;
	background: url("../img/toggle_plus_hover.png") 2px center no-repeat !important;
}
div#main section#schedule article h3{
	padding: 10px 0 10px 100px;
	width: 430px;
	line-height: 19px;
	text-align: right;
	position: relative;
	right: 0px;
	font-size: 11px;
	cursor: pointer;
}
div#main section#schedule article h3 span{
	display: block;
	height: 11px;
	line-height: 11px;
	position: absolute;
	padding-left: 18px;
	text-align: center;
	top: 50%;
	left: 0px;
	margin: -4px;
}
div#main section#schedule article div.imgwrapper{
	border: 1px solid #333333;
	padding: 15px;
	text-align: center;
}
div#main section#schedule article div.img{
	max-width: 510px;
	max-height: 510px;
}
div#main section#schedule article div.schedule-body{
	display: none;
}
div#main section#schedule article div.schedule-body p{
	font-size: 11px;
	line-height: 19px;
	margin: 30px 0;
}
div#main section#schedule article div.schedule-body a{
	color: #666666;
}
/*/schedule*/




/*--/main--*/



/*------------*/
/*	/contents */
/*------------*/