@charset "utf-8";


/*======================================

	5.Layout  -Home-
	
=======================================*/



/*----------------------------------------------------
	5-1. slideshow
-----------------------------------------------------*/
div#slideswrap {
	margin-top: 0;
	clear: both;
	border-bottom: #999 dotted 1px;
	background-color: #fff;
	height: 202px;
	overflow: hidden;
}

div.fade {
	background: url(../images/main-left-wht.gif) left top no-repeat;
}

div.slides {}

div.slides div.leftarea {
	width: 289px;
	float: left;
}

div.slides div.rightarea {
	float: right;
}

div.slides div.rightarea div {
	float: left;
}

/*----------------------------------------------------
	5-2. div#calendar
-----------------------------------------------------*/
#calewrap {
	padding-top: 0.5em;
	background-color: #999999;
}
#calendar {
	padding: 0.1em 0;
	color: #666666;
	overflow: hidden;
	border-top: #999 dotted 1px;
	border-bottom: #999 dotted 1px;
	background-color: #ffffff;
	width: 61em;
}
div#calendar:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
.cale-cap {
	padding: 0.2em 0 0.2em 10.7em ;
	font-size: 70%;
	background-color: #ffffff;
	border-bottom: #999 dotted 1px;
}
.cale-cap img {
	vertical-align: middle;
}
#calendar .cale-prev {
	padding: 0.25em 0.3em 0 0.2em ;
	float: left;
	width: 21px;
}
#calendar .cale-prev:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
#calendar .cale-next {
	padding: 0.25em 0.2em 0 0.3em ;
	float: right;
}
#calendar .year-month {
	float: left;
	width: 7.5em;
	text-align: center;
	line-height: 3;
	font-weight: bold;
	font-size: 75%;
	color: #8d8d8d;
	background-color: #e8e8e8	;
}
#calendar .week {
	float: left;
	border-left: #CCCCCC solid 1px;
	font-size: 75%;
	background-color: #ffffff;
}
#calendar .week .day {
	width: 2.2em;
	float: left;
	text-align: center;
}
#calendar .week .close {
	width: 2.2em;
	float: left;
	text-align: center;
	color: #FFFFFF;
	background-color: #999999;
}
#calendar .week .eventday {
	width: 2.2em;
	float: left;
	text-align: center;
	color: #333333;
	background-color: #bce2e8;
}
#calendar .week .day div {
}
.mon, .tue, .wed, .thu, .fri, .sat, .sun {
	display: block;
	font-size: 90%;
}
#calendar .week .day .sat {
	color: blue;
}
#calendar .week .day .sun {
	color: red;
}
#calendar .label {
	display: none;
}


/*----------------------------------------------------
	5-3. div#main
-----------------------------------------------------*/
div#main {
	padding-bottom: 1.5em;
	overflow: hidden;
	background-color: #fff;
	border-bottom: #999 dotted 1px;
}
div#main h1 {

}
div#main h2 {
	margin: 0.1em 0 0.5em 0;
	padding: 0.7em 0 0.3em 0.3em;
	font-size: 80%;
	font-weight: bold;
	border-left: 5px solid #d7322d;
}
div#main h3{
	border-bottom: #CCCCCC solid 1px;
	margin-top: 1em;
}
div#main p.search-a {
	font-size: 75%;
	padding: 0.1em 0 2em 1.6em;
	border-bottom: #c9c9c9 dotted 1px;
	background: url(./images/mk_search.gif) left 0.4em no-repeat;
}
div#main p.search-a span {
	font-size: 125%;
	font-weight: bold;

}
div#main p.search01 {
	margin: 1.5em 0 0 0;
	padding: 0 0 1.5em 1em;
	border-bottom: #c9c9c9 dotted 1px;
}
div#main p.search02 {
	margin: 1.5em 0 0 0;
	padding: 0 0 2em 1em;
	border-bottom: #c9c9c9 dotted 1px;
}
div#main a:link {
	color: #666;
	text-decoration: none;
}

div#main a:visited {
	color: #555;
	text-decoration: none;
}

div#main a:hover {
	color: #d7322d;
	background-color: #CCFFCC;
	text-decoration: underline;
}
#column1, #column2, #column3, #column4 {
	float:left;
	overflow: hidden;
}
#column1 {
	width: 17em;
	padding-left: 0.5em;
	padding-right: 1em;
}
#column1-en {
	padding-left: 4.5em;
	padding-right: 1em;
}
#column2 {
	width: 17em;
	padding-right: 1em;
}
#column3 {
	width: 12em;
	padding-right: 1em;
}
#column4 {
	width: 11em;
}
.exhibition {
	clear: left;
	height: 4em;
	padding-bottom: 0.25em;
	border-bottom: #c9c9c9 dotted 1px;
	margin-bottom: 0.25em;
}
#column1 .exhibition {
	height: 8em;
}
#column1-en .exhibition {
	height: 8em;
}
#column2 .exhibition {
	height: 4em;
}

.exhibition .title {
	font-size: 90%;
}

.exhibition .title .english {
	font-size: 75%;
}

.exhibition .dates {
	font-size: 75%;
}

.event {
	font-size: 75%;
	padding-bottom: 1.5em;
	border-bottom: #c9c9c9 dotted 1px;
	margin-bottom: 0.5em;
}

#topics li {
	font-size: 75%;
	padding-bottom: 1.5em;
	border-bottom: #c9c9c9 dotted 1px;
	margin-bottom: 0.5em;
}
.large_image, .small_image, .tiny_image {
	display: none;
}

.large_image {
	width: 12em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

.large_image img {
	width: 12em;
}

.large_image div.caption {
	font-size: 75%;
}

.small_image {
	float: left;
	width: 4em;
	height: 4em;
}

.small_image img {
	display: block;
	height: 4em;
}

.small_image div.caption {
	width: 6em;
	font-size: 75%;
	text-align: left;
}

.small_image div.caption span {
	white-space: nowrap;
}

.tiny_image {
	width: 12em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	text-align: center;
}

.tiny_image img {
	display: block;
	width: 4.5em;
	margin: 0em auto;
}

.tiny_image div.caption {
	width: 6em;
	font-size: 75%;
	margin: 0em auto;
	text-align: left;
}

.tiny_image div.caption span {
	white-space: nowrap;
}