@charset "utf-8";
/* CSS Document 

body#home
#mainvisual
#event-slide
#major-info

#contents
#left-contens
#right-contents

#exhibition-menu
#whatsnew-menu

*/

/*body#home---------------------------------------*/
body#home{
	background-image:url(../nh_img/common/bk_top.png);
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}



/*#mainvisual---------------------------------------*/

#mainvisual{
	width:894px;
	height:259px;
	border:1px solid #b4b4b4;
	background-color:#FFF;
	padding:2px;
	position:relative;
}
#mvbtn-permanet{
	position:absolute;
	top:2px;
	left:2px;
	display:none;
}
#mvbtn-special{
	position:absolute;
	top:132px;
	left:2px;
	display:none;
}
#permanent-photo{
	position:absolute;
	top:0px;
	left:0px;
}
#permanent-photo p{
	display:none;
	position:absolute;
	top:2px;
	left:2px;
}
#permanent-photo p.freez{
	display:none;
}
#special-photo{
	position:absolute;
	top:0px;
	left:-899px;
	opacity:0;
}
#special-photo p{
	display:none;
	position:absolute;
	top:2px;
	left:2px;
}

#permanent-photo p a,
#special-photo p a{
	opacity:1;
}

/*#event-slide---------------------------------------*/
#event-slide{
	position:relative;
	clear:both;
	margin-top:12px;
}
#event-slide h3{
	margin-bottom:5px;
}
#slide-area{
	/*width:823px;*/
	width:825px;
	height:147px;
	margin:0 auto;
	overflow:hidden;
}
#slide-area .event-set{
	width:136px;
	height:147px;
	border-left:1px solid #aed3f3;
	/*border-right:1px solid #aed3f3;*/
	float:left;
	position:relative;
}
.event-set p{
	background-image:url(../nh_img/top/event-slide_photoframe.png);
	background-position:7px 0;
	background-repeat:no-repeat;
	height:96px;
	width:145px;
	position:relative;
	overflow:hidden;
}
.event-set p img{
	position:absolute;
	top:1px;
	left:8px;
	width:118px;
	height:89px;
}
.event-set h4{
	font-size:80%;
	margin-left:6px;
	margin-right:6px;
	color:#FFF;
	margin-top:0px;
	line-height:1.3em;
	height:3.9em;
	overflow:hidden;
}
.event-set h4 a{
	text-decoration:none;
	color:#FFF;
}
.event-set ul{
}
.event-set ul li.price{
/*	color:#F00;
	font-weight:bold;
	font-size:70%;
*/	position:absolute;
	top:3px;
	right:12px;	/*display:none;*/
	border:1px #FFF solid;
}
.event-set ul li.price .free-red{
	display:block;
	color:#FFF;
	background-color:#de1141;
	padding:0px 2px;
	font-size:10px;
	font-weight:bold;
	letter-spacing:1px;
	height:14px;
}
.event-set ul li.status{
	display:none;
	font-weight:bold;
	font-size:65%;
	position:absolute;
	top:71px;
	right:12px;
}
.event-set ul li.status .blue{
	display:block;
	color:#FFF;
	background-color:#005ec6;
	padding:0px 2px;
	font-weight:bold;
	letter-spacing:1px;
	border:1px #FFF solid;
}
.event-set ul li.status .red{
	display:block;
	color:#FFF;
	background-color:#de1141;
	padding:0px 2px;
	font-weight:bold;
	letter-spacing:1px;
	border:1px #FFF solid;
}
.event-set ul li.status .orange{
	display:block;
	color:#FFF;
	background-color:#f35600;
	padding:0px 2px;
	font-weight:bold;
	letter-spacing:1px;
	border:1px #FFF solid;
}
.event-set ul li.status .green{
	display:block;
	color:#FFF;
	background-color:#13a828;
	padding:0px 2px;
	font-weight:bold;
	letter-spacing:1px;
	border:1px #FFF solid;
}



.event-set .status-data{
	display:none;
}

#event-slide-btn{
	display:none;
}
#event-slide-btn .btn-left{
	position:absolute;
	top:55px;
	left:0px;
}
#event-slide-btn .btn-right{
	position:absolute;
	top:55px;
	right:0px;
}


/*#major-info---------------------------------------*/
#major-info-area{
	clear:both;
	padding-top:12px;
}
#major-info{
	border:2px solid #F00;
	width:860px;
	color:#F00;
	padding:15px 15px 0px 15px;
}
#major-info .whatsnew-set{
	margin-bottom:15px;
}
#major-info .whatsnew-set h4{
	margin:0 0 5px 0;
	padding:0;
	font-size:100%;
	font-weight:bold;
	text-align:justify;
	text-justify:inter-ideograph;
}
#major-info .whatsnew-set a{
	color:#F00;
}
#major-info .whatsnew-set a:hover{
	color:#F39;
	text-decoration:underline;
}
#major-info .whatsnew-set a:visited{
	color:#F00;
}

#major-info .whatsnew-set h4 .open-day,
#major-info .whatsnew-set h4 .close-day{
	display:none;
}


/*#contents---------------------------------------*/
#contents{
	position:relative;
}

/*#left-contens---------------------------------------*/
#left-contents{
	margin-top:10px;
	width:589px;
	float:left;
	display:inline;
}


/*#right-contents---------------------------------------*/
#right-contents{
	margin-top:10px;
	width:299px;
	float:right;
	display:inline;
	text-align:right;
}
#right-contents p{
	margin-bottom:3px;
}

#mobile{
	float:right;
	margin-right:5px;
	margin-top:20px;
	margin-bottom:15px;
	font-size:75%;
	text-align:left;
	width:280px;
}
#mobile h4{
	margin-left:12px;
}
#mobile p{
	padding-top:15px;
	line-height:1.5em;
}
#mobile p img{
	margin-top:-12px;
}

#contact{
	float:right;
	margin-right:10px;
}
#contact dl{
	line-height:1.5em;
}
#contact dt{
	font-weight:bold;
	font-size:105%;
}
#contact dd{
	font-size:80%;
}
#contact ul{
	float:right;
}
#contact li.tel,
#contact li.fax{
	float:left;
}
#contact li.tel{
	margin-right:1em;
}


/*#home #footer---------------------------------------*/
#home #footer{
	clear:both;
}
#gaibubnr{
	width:900px;
	margin:0 auto;
	padding:10px 1px;
}
#gaibubnr a{
	text-decoration:none;
	margin-right:6px;
}


/*#exhibition-menu---------------------------------------*/
#exhibition-menu-wrap{
	background-image:url(../nh_img/top/lc_box_upper.png);
	background-position:top left;
	background-repeat:no-repeat;
	margin-bottom:10px;
}
#exhibition-menu{
	background-image:url(../nh_img/top/lc_box_under.png);
	background-position:bottom left;
	background-repeat:no-repeat;
	width:579px;
	padding:4px 5px;
	position:relative;
}
#exhibition-menu h2{
	position:relative;
}
#exhibition-menu h2 span{
	position:absolute;
	top:3px;
	right:0px;
}

.exhibition-set{
	margin:9px 20px 9px 20px;
	padding-bottom:9px;
	border-bottom:1px #d0d0d0 dashed;
	position:relative;
	overflow:hidden;
}
.exhibition-set .block{
	float:left;
	width:374px;
}
.exhibition-set .blocklong{
	float:none;
	width:auto;
}
.exhibition-set h3{
	margin-bottom:8px;
	padding-left:24px;
	line-height:1.1em;
	background-image:url(../nh_img/top/arrow_mark.png);
	background-position:0 0;
	background-repeat:no-repeat;
	font-weight:bold;
	font-size:115%;
}
.exhibition-set h3 a{
	color:#000ac8;
	text-decoration:none;
}
.exhibition-set h3 a:hover{
	color:#3b45fb;
	text-decoration:underline;
}
.exhibition-set h3 a:visited{
	color:#000ac8;
}

.exhibition-set .photo{
	width:150px;
	text-align:center;
	float:left;
	vertical-align:central;
	background-color:#f5f5f5;
	position:relative;
	padding-top:2px;
	margin-right:14px;
}
.exhibition-set .photo span{
	display:block;
	font-size:75%;
	text-align:center;
	margin-top:4px;
	margin-bottom:4px;
}
.exhibition-set .date{
	margin-bottom:10px;
	padding-left:24px;
	font-size:80%;
	font-weight:bold;
}
.exhibition-set .add{
	font-size:80%;
	line-height:1.4em;
	padding-left:24px;
}
.exhibition-set .more-btn{
	display:inline;
	float:right;
	text-align:right;
}
.exhibition-set p.status{
	float:left;
	margin:0 0 8px 24px;
	font-size:80%;
	font-weight:bold;
	color:#f51a2c;
}
.exhibition-set .status-data{
	display:none;
}

/*#whatsnew-menu---------------------------------------*/
#whatsnew-menu-wrap{
	background-image:url(../nh_img/top/lc_box_upper.png);
	background-position:top left;
	background-repeat:no-repeat;
}
#whatsnew-menu{
	background-image:url(../nh_img/top/lc_box_under.png);
	background-position:bottom left;
	background-repeat:no-repeat;
	width:579px;
	padding:4px 5px;
	position:relative;
}
#whatsnew-menu h2{
	position:relative;
	margin-bottom:9px;
}
#whatsnew-menu h2 span{
	position:absolute;
	top:3px;
	right:0px;
}

#topics-list{
	margin-bottom:1em;
}
#information-list{
	border-top:1px dashed #666;
	padding-top:1em;
}


#whatsnew-menu{
}

#whatsnew-menu .whatsnew-set{
	position:relative;
	margin-bottom:0.5em;
}
#whatsnew-menu .whatsnew-set h4{
	font-size:85%;
	background-position:2px 4px;
	background-repeat:no-repeat;
	padding-left:30px;
	margin-left:2px;
	margin-right:10em;
	line-height:1.4em;
	text-align:justify;
	text-justify:inter-ideograph;
}
#whatsnew-menu .whatsnew-set h4.topics{
	background-image:url(/nh_img/common/wn_mark_usual.png);
}
#whatsnew-menu .whatsnew-set h4.topics.continue{
	background-image:url(/nh_img/common/wn_mark_continue4.png);
}
#whatsnew-menu .whatsnew-set h4.info{
	background-image:url(/nh_img/common/wn_mark_info.png);
}
#whatsnew-menu .whatsnew-set h4.info.continue{
	background-image:url(/nh_img/common/wn_mark_continue4.png);
}

#whatsnew-menu .whatsnew-set a{
	color:#006;
	text-decoration:none;
}
#whatsnew-menu .whatsnew-set a:hover{
	text-decoration:underline;
}
#whatsnew-menu .whatsnew-set .open-day{
	display:block;
	font-size:80%;
	color:#5E5E5E;
	position:absolute;
	top:0px;
	right:2px;
}
#whatsnew-menu .whatsnew-set .close-day{
	display:block;
	font-size:80%;
	color:#5E5E5E;
	position:absolute;
	top:1.5em;
	right:2px;
	display:none;
}
#whatsnew-menu .whatsnew-set .add{
	margin-top:0.5em;
	margin-left:3em;
	margin-right:8em;
	font-size:80%;
	line-height:1.4em;
	color:#666;
}
#whatsnew-menu .whatsnew-set .add a{
	text-decoration:underline;
	color:#333;
}
