@charset "utf-8";

/*===================================================================
	top
===================================================================*/

/* mainVisual
------------------------------------------ */
#mainVisual {
	width:978px;
	height:394px;
	background-color:#000000;
	position:relative;
	overflow:hidden;
}
#mainVisual .visual {
	width:978px;
	height:394px;
	position:relative;
	overflow:hidden;
	z-index:1;
}
#mainVisual .visual li {
	position:absolute;
	top:0;
	left:0;
	background-color:#ffffff;
	opacity:0;
	filter: alpha(opacity=0);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=0)";  /* ie 8 */
	-moz-opacity:0;                 /* FF lt 1.5, Netscape */
	-khtml-opacity:0;              /* Safari 1.x */
}
#mainVisual .visual li:first-child {
	opacity:1.0;
	filter: alpha(opacity=100);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=100)";  /* ie 8 */
	-moz-opacity:1.0;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 1.0;              /* Safari 1.x */
}
#mainVisual .visual li a {
	display:block;
}
#mainVisual .visual li a:hover img{
	background-color:#ffffff;
	opacity:0.9;
	filter: alpha(opacity=90);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=90)";  /* ie 8 */
	-moz-opacity:0.9;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.9;              /* Safari 1.x */
}
#mainVisual .thumbnail {
	width:980px;
	height:55px;
	border-top:1px solid #ada593;
	text-align:right;
	position:absolute;
	bottom:0;
	left:-2px;
	z-index:2;
	background:url(/museum/img/bg_thumb.png) repeat 0 0;
}
#mainVisual .thumbnail li {
	display:inline-block;
	background:url(/museum/img/bg_thumb_line_clr.png) no-repeat left 0;
	padding-left:1px;
}
#mainVisual .thumbnail li + li {
	background:url(/museum/img/bg_thumb_line.png) no-repeat left 0;
}
#mainVisual .thumbnail li a {
	display:block;
}
#mainVisual .thumbnail li.act a img,
#mainVisual .thumbnail li a:hover img{
	background-color:#ffffff;
	opacity:0.9;
	filter: alpha(opacity=90);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=90)";  /* ie 8 */
	-moz-opacity:0.9;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.9;              /* Safari 1.x */
}


/* calendar
------------------------------------------ */

/* ttlArea */
#calendar {
	border-bottom:1px solid #d2d2d2;
	min-height:329px;
	overflow:hidden;
}
#calendar .ttlArea {
	border-bottom:1px solid #d2d2d2;
	padding:30px 0 8px 19px;
}
#calendar .ttlArea h2 {
	float:left;
	margin-top:5px;
}
#calendar .ttlArea .btnArea {
	float:right;
}
#calendar .ttlArea .btnArea li {
	float:left;
	height:26px;
	border-left:1px solid #d2d2d2;
}
#calendar .ttlArea .btnArea li a {
	display:block;
	padding:5px 22px;
}
#calendar .ttlArea .btnArea li.prevBtn a {
	margin:0 13px 0 35px;
	background:url(/museum/img/btn_prev_arrow.gif) no-repeat left center;
}
#calendar .ttlArea .btnArea li.nextBtn a {
	margin:0 35px 0 13px;
	background:url(/museum/img/btn_next_arrow.gif) no-repeat right center;
}
#calendar .ttlArea .btnArea li a:hover {
	background-color:#ffffff;
	opacity:0.6;
	filter: alpha(opacity=60);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=60)";  /* ie 8 */
	-moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.6;              /* Safari 1.x */
}
#calendar .ttlArea .btnArea li a.noData {
	background:none;
	cursor:default;
	opacity:0.3;
	filter: alpha(opacity=30);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=30)";  /* ie 8 */
	-moz-opacity:0.3;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.3;              /* Safari 1.x */
}
#calendar .note {
	text-align:right;
	margin:11px 37px 0 0;
}

/* calendarArea */
#calendar .calendarArea {
	margin:0 0 0 20px;
}

#calendar .calendarArea th,
#calendar .calendarArea td {
	width:26px;
	overflow:hidden;
	text-align:center;
	vertical-align:middle;
}
#calendar .calendarArea th {
	height:41px;
}
#calendar .calendarArea td {
	height:70px;
}
#calendar .calendarArea td {
	border-bottom:1px solid #e9e9e9;
}
#calendar .calendarArea tr.btm td {
	border-bottom:4px solid #e9e9e9;
}
#calendar .calendarArea .subBlock tr.month,
#calendar .calendarArea .dateBlock tr.date {
	background:none;
	border-bottom:4px solid #c59eab;
}
#calendar .calendarArea .subBlock tr.month th,
#calendar .calendarArea .dateBlock tr.date th {
	vertical-align:bottom;
}

#calendar .calendarArea .subBlock {
	float:left;
	width:133px;
	background-color:#ffffff;
}
#calendar .calendarArea .subBlock tr {
	background:none;
}
#calendar .calendarArea .subBlock tr.month li {
	opacity:1.0;
	-moz-opacity:1.0;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 1.0;              /* Safari 1.x */
}
#calendar .calendarArea .subBlock th,
#calendar .calendarArea .subBlock td {
	width:133px;
	text-align:left;
	background:none;
}
#calendar .calendarArea .subBlock th {
	color:#8b3d56;
	font-size:170%;
	padding-bottom:6px;
	line-height:1.0;
}
#calendar .calendarArea .subBlock td {
	background:url(/museum/common/img/line_dot_y.gif) repeat-y right top;
}


#calendar .calendarArea .dateBlock {
	width:806px;
	height:196px;
	margin-left:133px;
	overflow:hidden;
}
#calendar .calendarArea .dateBlock th {
	padding-bottom:6px;
}
#calendar .calendarArea .dateBlockInr {
	width:2418px;
	height:196px;
	position:relative;
	left:0;
	overflow:hidden;
}
#calendar .calendarArea .dateBlockInr > div {
	float:left;
	position:relative;
}


/* cell colors */
#calendar .calendarArea .dateBlock td {
	background-image:none;
	background-repeat:repeat-y;
	background-position:left top;
	background-color:#ffffff;
	vertical-align:middle;
	padding-bottom:0;
}

#calendar .calendarArea .dateBlock td.white,
#calendar .calendarArea .dateBlock td.white + td {
	background-image:url(/museum/common/img/line_dot_y.gif);
	background-repeat:repeat-y;
}

#calendar .calendarArea .dateBlock td + td.red {
	background-image:url(/museum/img/calendar_bg_red.gif);
	background-repeat:repeat-y;
}
#calendar .calendarArea .dateBlock td.red + td {
	background-image:url(/museum/common/img/line_dot_y.gif);
	background-repeat:repeat-y;
}

#calendar .calendarArea .dateBlock td.orangeA {
	background-image:url(/museum/common/img/line_dot_y_thin.gif);
	background-color:#e9e1b0;
	background-repeat:repeat-y;
}
#calendar .calendarArea .dateBlock td.orangeB {
	background-image:url(/museum/common/img/line_dot_y_thin.gif);
	background-color:#d4c479;
	background-repeat:repeat-y;
}

#calendar .calendarArea .dateBlock td.blueA {
	background-image:url(/museum/common/img/line_dot_y_thin.gif);
	background-color:#caddeb;
	background-repeat:repeat-y;
}
#calendar .calendarArea .dateBlock td.blueB {
	background-image:url(/museum/common/img/line_dot_y_thin.gif);
	background-color:#aac2de;
	background-repeat:repeat-y;
}
#calendar .calendarArea .dateBlock td:first-child {
	background-image:none;
}



#calendar .calendarArea .dateBlock .overlay {
	position:absolute;
	top:50px;
	left:0;
}
#calendar .calendarArea .dateBlock .overlay .txtBoxList{
	position:relative;
}
#calendar .calendarArea .dateBlock .overlay .txtBoxList .txtBox {
	position:absolute;
	top:0;
	left:0;
	width:200px;
	text-align:center;
}
#calendar .calendarArea .dateBlock .overlay .txtBoxList .txtBox p {
	line-height:1.2;
}

#calendar .calendarArea .dateBlock .overlay .icnRed {
	position:relative;
}
#calendar .calendarArea .dateBlock .overlay .icnRed li {
	position:absolute;
	top:0;
	left:0;
}

#calendar .calendarArea .dateBlock .overlay .symbolList {
	position:relative;
}
#calendar .calendarArea .dateBlock .overlay .symbolList .symbol {
	position:absolute;
	top:0;
	left:0;
}
#calendar .calendarArea .dateBlock .overlay .symbolList .symbol a {
	display:block;
	width:25px;
	height:70px;
}
#calendar .calendarArea .dateBlock .overlay .symbolList .symbol a img {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
}


/* txtBlock */
#calendar .txtBlock {
	margin-left:157px;
}	
#calendar .txtBlockInr {
	width:800px;
	height:82px;
	display:table-cell;
	vertical-align:middle;
}
#calendar .txtBlockInr .eventNameList {
	float:left;
	margin-left:-5px;
	position:relative;
}
#calendar .txtBlockInr .eventNameList > div {
	background-color:#ffffff;
	opacity:1.0;
	-moz-opacity:1.0;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 1.0;              /* Safari 1.x */
}
#calendar .txtBlockInr .eventNameList li {
	display:inline-block;
	position:relative;
	max-width:240px;
	margin-left:10px;
	padding:1px 0 1px 20px;
}
#calendar .txtBlockInr .eventNameList .dummy {
	position:absolute;
	top:-9999px;
	left:-9999px;
}
#calendar .txtBlockInr .eventNameList .dummy li {
	width:240px;
}
#calendar .txtBlock .eventNameList li.eventName_01 {
	background:url(/museum/img/calendar_icn_01s.png) no-repeat 0 center;
	margin-left:5px;
}
#calendar .txtBlock .eventNameList li.eventName_02 {
	background:url(/museum/img/calendar_icn_02s.png) no-repeat 0 center;
}
#calendar .txtBlock .eventNameList li.eventName_03 {
	background:url(/museum/img/calendar_icn_03s.png) no-repeat 0 center;
}
#calendar .txtBlock .eventNameList li.eventName_04 {
	background:url(/museum/img/calendar_icn_04s.png) no-repeat 0 center;
	margin-left:5px;
}
#calendar .txtBlock .eventNameList li.eventName_05 {
	background:url(/museum/img/calendar_icn_05s.png) no-repeat 0 center;
}
#calendar .txtBlock .eventNameList li.eventName_06 {
	background:url(/museum/img/calendar_icn_06s.png) no-repeat 0 center;
}
#calendar .txtBlock .eventNameList li.eventName_07 {
	background:url(/museum/img/calendar_icn_07s.png) no-repeat 0 center;
	margin-left:5px;
}
#calendar .txtBlock .eventNameList li.eventName_08 {
	background:url(/museum/img/calendar_icn_08s.png) no-repeat 0 center;
}


/* news
------------------------------------------ */
#news {
	float:left;
	width:684px;
	height:190px;
}
#news h2 {
	margin:28px 0 10px 19px;
}

#news .newsList {
	border-top:1px solid #d2d2d2;
	height:135px;
	overflow-y:auto;
}
#news .newsList dt {
	float:left;
	padding:15px 0 14px 20px;
}
#news .newsList dd {
	padding:15px 0 14px 115px;
	background:url(/museum/common/img/line_dot_x.gif) repeat-x 0 0;
}
#news .newsList dt:first-child + dd {
	background:none;
}
#news a {
	cursor:pointer;
}

/* recommend
------------------------------------------ */
#recommend {
	float:right;
	width:293px;
	height:190px;
	border-left:1px solid #d2d2d2;
	background-color:#3c3c3c;
}
#recommend .bnr {
	margin:2px;
	background-color:#ffffff;
}
#recommend .bnr a:hover img {
	opacity:0.9;
	filter: alpha(opacity=90);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=90)";  /* ie 8 */
	-moz-opacity:0.9;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.9;              /* Safari 1.x */
}