@charset "UTF-8";
/*##### サイトトップページCSS(index.html) #####*/
#contentsArea{
	padding:15px 0 0 0;
}

/* スライドショー W900px */
#slideshowArea{
	width:900px;
	margin-top:5px;
	padding-top:10px;
	background:#000;
}

#mainimgArea{
	display:block;
	width:900px;
	height:600px;
	background:#000;
}

h1#pageTitle2{
	display:block;
	font-size:150%;
	font-weight:normal;
	color:#FFF;
	padding:20px 10px 0 30px;
	border-top:3px solid #333;
	margin-top:10px;
}
h1#pageTitle2 a{
	text-decoration:none;
	color: #FFF;
}
h1#pageTitle2 a:hover{
	color:#069;
}

h1#pageTitle2 a div{
	display:block;
	padding:3px 0;
}

#slideshowArea .date{
	color:#FFF;
	padding:15px 10px 30px 30px;
	font-size:130%;
}


/* お知らせ 左 */
#topicsArea{
	padding: 0 0 0 0;
	margin: 50px 30px 20px 0;
	width:590px;
	float:left;
}

h2#topicsTitle{
	border-bottom:1px #000 solid;
	font-weight:bold;
	padding-left:5px;
	margin-bottom:5px;
	font-size:120%;
}


.topic{
	padding:10px 0 5px 0;
	margin:0;
	width:590px;
}

.topic img{
	width:590px;
}

.topicsText{
	width:570px;
	line-height:150%;
	padding:0 10px 0 10px;
	border-bottom:1px dotted #999;
}
.topicsText:last-child{
	border-bottom:none;
}

/*
.topicsText .title{
	padding:10px 0 15px 0;
	font-weight:bold;
	color:#000;
	text-decoration:none;
	display:block;
	font-size:115%;
}
*/

ul.eventlist{
	list-style-type:none;
	padding: 7px 0 0 0;
	margin:0;
}

ul.eventlist li{
	background:url("../img/listYerrowSq.gif") 0 4px no-repeat;
	padding: 3px 0 3px 20px;
	margin:0;
	line-height:130%;
}

ul.eventlist li a{
	text-decoration:none;
}
ul.eventlist li a:hover{
	text-decoration:underline;
}


/* 展覧会スケジュール */

h2#scdTitle{
	border-bottom:1px #000 solid;
	font-weight:bold;
	padding-left:5px;
	margin-bottom:25px;
	font-size:120%;
}

.exb6box{
	display:block;
	float:left;
	width:280px;
	padding:0 30px 0 0;
	text-align:center;
}

/*
.exb6boxend{
	display:block;
	float:left;
	width:280px;
	padding:0 0 0 0;
	text-align:center;
}
*/

.exb6box:nth-child(3n+3){
	padding-right:0px;
}

.exb6box a img{
	width:280px;
	height:220px;
}
.exb6box .captionCenter,
.exb6box .captionLeft,
.exb6box .captionRight{
	min-height:40px;
}
.exb6box .term{
	color:#8C6800;
	padding-top:20px;
	padding-bottom:5px;
	font-size:90%;
}

.exb6box .exbTitle{
	font-size:110%;
}

/*
.dotline{
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px dotted #999;	
}
*/

#scd_info_comment{
	text-align:right;
	padding:20px 0 50px 0;
}

/* ご案内 */

h2#infoTitle{
	border-bottom:1px #000 solid;
	font-weight:bold;
	padding-left:5px;
	margin-bottom:5px;
	font-size:120%;
}

#infolistArea{
	margin:20px 0;
	padding:0;
}

#infolistArea ul#info{
	list-style-type:none;
	padding:0;
	margin:0;
}
#infolistArea ul#info li{
	display:block;
	float:left;
	width:280px;
	text-align:center;
	padding:10px 30px 10px 0;
}
#infolistArea ul#info li:nth-child(3n+3){
	padding-right:0;
}

#infolistArea ul#info li a{
	display:block;
	padding:10px;
	text-decoration:none;
	color:#000;

	-moz-transition-duration:0.3s;
	-webkit-transition-duration:0.3s;
	-o-transition-duration:0.3s;
	-ms-transition-duration:0.3s;
	transition-duration:0.3s;
	
	-moz-transition-timing-function:linear;
	-webkit-transition-timing-function:linear;
	-o-transition-timing-function:linear;
	-ms-transition-timing-function:linear;
}

#infolistArea ul#info li a.basic{
	background:#FFF;
	border:1px solid #999;
/*	background:#FBDCEF;
	border:1px solid #E2B6D4;*/
}

#infolistArea ul#info li a.other{
	background:#F3DCC2;
	border:1px solid #DEBC48;
}

#infolistArea ul#info li a.ltSpace{
	letter-spacing:1em;
}

#infolistArea ul#info li a:hover{
	background:#FFF;
}



/*** 右サイド ***/
/*　開館　*/
#rightArea{
	padding:50px 0 10px 0;
	width:280px;
	float:left;
}

#openflag{
	border:1px solid #999;
	text-align:center;
	font-size:140%;
	padding:10px;
}

#openflag #today{
	font-size:65%;
	padding-bottom:0px;
	
}
#openflag #optime{
	font-size:65%;
	padding-bottom:10px;
	
}

/*　カレンダー　*/
#calendarArea{
	padding:15px 0;
}

table#calendar{
	width:280px;
	margin:0 0 10px 0;
}

#calendarArea #calTitle{
	width:280px;
	background-color:#EEE;
	color:#000;
	font-size:120.0%;
	text-align:center;
	padding:5px 0 7px 0;
	position:relative;
}

#calendarArea #calTitle a{
	display:block;
	width:20%;
	color:#000;
	text-decoration:none;
}

#calendarArea #calTitle a.prev{
	position:absolute;
	top:5px;
	left:7px;
}

#calendarArea #calTitle a.next{
	position:absolute;
	top:5px;
	left:220px;
}

#calendarArea #calTitle a:hover{
	color:#999;
	text-decoration:none;
}

#calendarArea #calTitle #month{
	display:inline;
	width:60%;
}

table#calendar th{
	border:none;
	border-bottom:1px #999 solid;
	color:#333;
	background:none;
	font-family:Arial;
	font-weight:normal;
	padding:5px 0 5px 0;
	font-size:80%;
}

table#calendar td{
	border:1px #999 solid;
	background:#FFF;
	color:#333;
	font-weight:200;
	text-align:center;
	vertical-align:middle;
	width:38px;
	height:29px;
	padding:0;
	margin:0;
}

table#calendar th.sun{
	color:#F00;
}

table#calendar th.sat{
	color:#00F;
}

table#calendar td.closed{
	background:#EEE;
}

table#calendar td.open{
	background:#FFFEBE;
}

/*　夢美バナー　*/
		
a#banneryumebi{
	display:block;
	padding-bottom:2px;
	margin-bottom:32px;
	background:#FFF;
	width:280px;
	text-decoration:none;
	color:#000;

-moz-transition-duration:0.3s;
-webkit-transition-duration:0.3s;
-o-transition-duration:0.3s;
-ms-transition-duration:0.3s;

-moz-transition-timing-function:linear;
-webkit-transition-timing-function:linear;
-o-transition-timing-function:linear;
-ms-transition-timing-function:linear;
}
a#banneryumebi:hover{
	background:#FBDCEF;
}

a#banneryumebi img#desk{
	display:block;
	float:left;
	width:80px;
	height:62px;
	padding-right:10px;
}
a#banneryumebi img#logos{
	width:150px;
	height:22px;
	padding:5px 0 0 15px;
}
a#banneryumebi span#click{
	float:left;
	width:190px;
	display:block;
	background:#D29BBB;
	text-align:center;
	font-weight:600;
	margin:3px 0;
}
a#banneryumebi span#telfax{
	display:block;
	font-size:77%;
	text-align:center;
}
a#banneryumebi span#address{
	display:block;
	font-size:77%;
	text-align:center;
}


/*##### シェアボタン設置CSS #####*/
#fb,#tw,#line{
	float:left;
	margin-right:15px;
	margin-bottom:10px;
}