@charset "utf-8";

/* Reset

Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.8.2r1

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

html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:baseline}sub{vertical-align:baseline}legend{color:#000}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}input,button,textarea,select{*font-size:100%}


/* basic
-------------------------------------------------------------------------------*/
html, body{ background-color: #500c14; }
body{
	font:13px/2.0 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	letter-spacing:.05em;
	color: #fff;
}
a img {border-style:none;//IE8}
a{
	outline: none;
	color: #009fff;
	text-decoration: none;
}
a:hover{ text-decoration: underline; }

.fltL{ float: left; }
.fltR{ float: right; }
.mt30{ margin-top: 30px; }
.mt40{ margin-top: 40px; }
.mt80{ margin-top: 80px; }

.alnC{ text-align:center; }
.alnR{ text-align: right; }
.bold{ font-weight: bold; }

.clrfx:after{
	content:"";
	display:table;
	clear:both;
}
.clrfx{zoom:1;}

.li{
	width: 150px;
	higtht:150px;
	margin-right: 50px;
	text-align: center;
}

/* basic
-------------------------------------------------------------------------------*/
.wrapper{
	width: 1030px;
	margin: 0 auto;
	padding: 20px 0 50px 0;
}

#nite{
	position: relative;
	margin: 95px 0 90px 0;
	text-align: center;
}

#event{
	position: relative;
	margin: 95px 0 40px 0;
	text-align: center;
}

#niteThumb{
	display: inline-block;
	box-shadow: 10px 10px 10px 0 rgba(0,0,0,0.3);
}

#event_frame{
	display: inline-block;
}

#zoomBtn{
	position: absolute;
	bottom: -10px;
	right: 0;
}

#niteProf{
	position:relative;
	width:580px;
	margin:0 auto 130px;
	text-align: center;
}

#niteProf a.prof_btn {
	display:block;
	position:absolute;
	top:62px;
	left:92px;
	width:230px;
	height:22px;
	background:url(../images/prof_btn.gif) no-repeat 0 0;
	text-indent:-9999px;
}

#niteProf_wide{
	position:relative;
	width:632px;
	margin:0 auto 40px auto;
	text-align: center;
}

#niteProf_wide  a.prof_btn:hover {
	background:url(../images/prof_btn-over.gif) no-repeat 0 0;
}

#niteProf_wide a.prof_btn {
	display:block;
	position:absolute;
	top:62px;
	left:92px;
	width:230px;
	height:22px;
	background:url(../images/prof_btn.gif) no-repeat 0 0;
	text-indent:-9999px;
}

#niteProf  a.prof_btn:hover {
	background:url(../images/prof_btn-over.gif) no-repeat 0 0;
}

#niteProf680{
	position:relative;
	width:680px;
	margin:0 auto 130px;
	text-align: center;
	box-shadow: 6px 6px 6px 0 rgba(0,0,0,0.3);
}

#niteProf680 a.prof_btn {
	display:block;
	position:absolute;
	top:59px;
	left:77px;
	width:230px;
	height:22px;
	background:url(../images/prof_btn.gif) no-repeat 0 0;
	text-indent:-9999px;
}

#niteProf680  a.prof_btn:hover {
	background:url(../images/prof_btn-over.gif) no-repeat 0 0;
}

#archiveProf{
	position:relative;
	width:580px;
	margin:0 auto 0px;
	text-align: center;
}

#archiveProf a.prof_btn {
	display:block;
	position:absolute;
	top:62px;
	left:92px;
	width:230px;
	height:22px;
	background:url(../images/prof_btn.gif) no-repeat 0 0;
	text-indent:-9999px;
}

#archiveProf_wide{
	position:relative;
	width:632px;
	margin:0 auto 0px;
	text-align: center;
}

#archiveProf_wide  a.prof_btn:hover {
	background:url(../images/prof_btn-over.gif) no-repeat 0 0;
}

#archiveProf_wide a.prof_btn {
	display:block;
	position:absolute;
	top:62px;
	left:92px;
	width:230px;
	height:22px;
	background:url(../images/prof_btn.gif) no-repeat 0 0;
	text-indent:-9999px;
}

#archiveProf_wide a.prof_btn {
	display:block;
	position:absolute;
	top:62px;
	left:92px;
	width:230px;
	height:22px;
	background:url(../images/prof_btn.gif) no-repeat 0 0;
	text-indent:-9999px;
}

#archiveProf  a.prof_btn:hover {
	background:url(../images/prof_btn-over.gif) no-repeat 0 0;
}

#archiveProf680{
	position:relative;
	width:680px;
	margin:0 auto 0px;
	text-align: center;
}

#archiveProf680 a.prof_btn {
	display:block;
	position:absolute;
	top:59px;
	left:77px;
	width:230px;
	height:22px;
	background:url(../images/prof_btn.gif) no-repeat 0 0;
	text-indent:-9999px;
}

#archiveProf680  a.prof_btn:hover {
	background:url(../images/prof_btn-over.gif) no-repeat 0 0;
}

#kokuchiProf{
	position:relative;
	width:580px;
	margin:0px auto 0px;
	text-align: center;
}

#btn{
	position:relative;
	width:580px;
	margin:0px auto 0px;
	text-align: center;
}

#btn_museum{
	position:relative;
	width:580px;
	margin:85px auto 85px;
	text-align: center;
}

#kokuchi_image{
	position:relative;
	width:580px;
	margin:50px auto 50px;
	text-align: center;
}

#event_image{
	position:relative;
	width:600px;
	margin:0px auto 50px;
	text-align: center;
}

#archive_area{
	width:782px;
	margin: 0 auto;
	padding: 50px 0 28px 0;
}

#archive_area ul{ margin-bottom: 50px; }

#archive_area li{
	display: inline-block;
	margin-right: 52px;
}

#archive_area .fltL{ 
	margin-left: 30px; 
	margin-bottom: 50px; 
	}

#archive_area ul li:last-child{
	float: right;
	margin-right: 30px;
}
.okome_link{
	width:250px;
	margin:10px auto 60px auto;
	text-align:center;
	box-shadow: 10px 10px 10px 0 rgba(0,0,0,0.3);
}

.list_btn{
	width:350px;
	margin:0px auto 0px auto;
	text-align:center;
	box-shadow: 10px 10px 10px 0 rgba(0,0,0,0.3);
}

.tobichi_btn{
	width:580px;
	margin:20px auto 50px auto;
	text-align:center;
	box-shadow: 10px 10px 10px 0 rgba(0,0,0,0.3);
}

#niteProf img{
	display: inline-block;
	box-shadow: 6px 6px 6px 0 rgba(0,0,0,0.3);
}

#archiveProf img{
	display: inline-block;
	box-shadow: 6px 6px 6px 0 rgba(0,0,0,0.3);
}

.content{
	width: 782px;
	margin: 0 auto;
	padding: 52px 0 78px 0;
	background: url(../images/150220/bg_line.png) no-repeat center bottom;
}

.content p{ padding-left: 210px; }

.content .date{
	font-size:11px;
	letter-spacing:.1em;
	color: #ccc;
	margin-top: 50px;
	padding-left: 0;
	text-align: center;
}
 
.content archive{
	width: 782px;
	margin: 0 auto;
	padding: 0 0 78px 0;
	background: url(../images/150220/bg_line.png) no-repeat center bottom;
}

.content_kokuchi{
	width: 782px;
	margin: 0 auto;
	padding: 10px 0 70px 0;
	background: url(../images/150220/bg_line.png) no-repeat center bottom;
}

.content_kokuchi p{ padding-left: 210px; }

.content_kokuchi .date{
	font-size:11px;
	letter-spacing:.1em;
	color: #ccc;
	margin-top: 50px;
	padding-left: 0;
	text-align: center;
}
 
.kokuchi_content{
	width: 782px;
	margin: 0 auto;
	padding: 52px 0 52px 0;
}

.kokuchi_content p{ padding-left: 210px; }

.event_content{
	width: 782px;
	margin: 0 auto;
	padding: 0px 0 30px 0;
}

.event_content p{ padding-left: 215px; }

.banner dd{ margin-top: 10px; }
.banner .fltL{ margin-left: 30px; }
.banner .fltR{ margin-right: 30px; }

#footer{
	width: 782px;
	margin: 0 auto;
	padding: 42px 0 30px 0;
}

#footer ul{ margin-bottom: 62px; }

#footer li{
	display: inline-block;
	margin-right: 66px;
}
#footer ul li:last-child{
	float: right;
	margin-right: 0;
}

.alnC_saishin{ text-align:center;
margin-bottom:60px;
 }

/* popup
-------------------------------------------------------------------------------*/
body.popup {background:#fff;}
body.popup #wrapper { width:466px;margin:0 auto;background:#fff; padding:50px 70px 85px; color:#000;}
body.popup .popBox { padding:30px; margin-bottom:60px;}
body.popup p.text { font-size:14px; line-height:1.8em;}

a.close:hover {opacity:0.6;-moz-opacity:0.6;-ms-filter:"alpha(opacity=60)";filter:alpha(opacity=60);}
