@charset "UTF-8";
/*##### サイトトップページCSS(index.html) #####*/

/* 開催展覧会 左 */
#exhibitionArea{
	padding: 0 0 0 0;
	margin: 15px 20px 20px 0;
	width:550px;
	float:left;
}

#titleBg{
	background:url("../img/topTitleBg.gif") top left no-repeat;
	padding: 23px 10px 5px 10px;
}
h1#pageTitle2{
	font-weight:bold;
}
h1#pageTitle2 a{
	text-decoration:none;
	color:#FFF;
}
h1#pageTitle2 a:hover{
	color: #6CF;
}
#titleBg .date{
	color:#FFF;
}

#exhibitionArea .image{
	padding-top:15px;
	text-align:center;
}


#exhibitionArea .text{
	padding-top:20px;
	padding-left:10px;
}

/* トピックス 右 */
#topicsArea{
	padding:15px 0 0 0px;
	width:320px;
	float:left;
}
#topicsArea h2#topicsTitle{
	background: transparent url("../img/topTopics.gif") 0 0 no-repeat;
	width:320px;
	height:27px;
	overflow:hidden;
	text-indent:-9999px;
	font-size:1%;
	line-height:1%;
	margin-bottom:10px;
}

#topicsArea .topic{
	width:303px;
	padding:5px;
	margin:0 0 5px 0;
	border:1px solid #603;
	background:#f7eef4;
}
.topicsImg{
	float:right;
	width:72px;
	padding-left:10px;
}
.topicsImg img{
	border:1px solid #CCC;
}

.topicsText{
	float:right;
	width:218px;
	font-size:85%;
	line-height:130%;
}


.topicsText .title{
	padding:0 0 10px 0;
	font-weight:bold;
	color:#333;
	text-decoration:none;
	display:block;
	font-size:110%;
}

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;
}


/* モバイルサイト 右 */
#topicsArea h2#mobileTitle{
	background: transparent url("../img/topMobile.gif") 0 0 no-repeat;
	width:320px;
	height:27px;
	overflow:hidden;
	text-indent:-9999px;
	font-size:1%;
	line-height:1%;
	margin-top:40px;
	margin-bottom:10px;
}

#topicsArea #mobile{
	width:303px;
	padding:5px;
	margin:0 0 5px 0;
	border:1px solid #CCC;
}
#qrcode{
	float:left;
	width:100px;
	height:100px;
	padding-right:10px;
}

.mobileText{
	float:left;
	width:190px;
	font-size:90%;
	padding-top:5px;
}


/* スケジュール */

#scdArea{
	float:left;
	width:430px;
	margin:0 10px 0 0;
}
h2#scdTitle{
	background: transparent url("../img/topSchedule.gif") 0 0 no-repeat;
	width:430px;
	height:24px;
	overflow:hidden;
	text-indent:-9999px;
	font-size:1%;
	line-height:1%;
	margin-bottom:20px;
}
.scdImg{
	float:left;
	width:70px;
	height:70px;
	padding:0 10px 10px 10px;
	display:block;
}
.scdTextArea{
	background:url("../img/topScdBg.gif") 0 0 no-repeat;
	float:left;
	width:320px;
	height:70px;
	line-height:130%;
	padding:0 10px 0 10px;
}
.scdTextArea .term{
	font-size:90%;
	padding-top:10px;
}
.scdTextArea .exbTitle{
	font-size:105%;
}
.scdTextArea .exbTitle a{
	display:block;
}
.scdTextArea .exbTitle a:hover{
	color: #069;
}


/* 右サイド */
#topRight{
	float:left;
	width:430px;
	margin:0 0 0 10px;
}
/* インフォメーション */
#infoArea{
	background:#F0F0F0;
	padding-bottom:20px;
}
h2#infoTitle{
	background: transparent url("../img/topInformation.gif") 0 0 no-repeat;
	width:430px;
	height:24px;
	overflow:hidden;
	text-indent:-9999px;
	font-size:1%;
	line-height:1%;
	margin-bottom:20px;
}
#infoImg{
	float:left;
	width:120px;
	height:92px;
	padding:0 10px 40px 10px;
	display:block;
}
#infoTextArea{
	float:left;
	width:280px;
	padding:0 10px 40px 0;
}

#infoTextArea #yumebi{
	font-size:120%;
	padding-bottom:10px;
}
#infoTextArea #address{
	font-size:85%;
	line-height:130%;
}
#infoTextArea a#access{
	display:inline;
	background: transparent url("../img/iconRedArrowG.gif") 0 center no-repeat;
	padding-left:10px;
}

#infoArea #listArea{
	margin:0 10px 0 10px;
	padding:15px 10px 15px 10px;
	border:1px solid #CCC;
	background:#FFF;
}

#infoArea #listArea ul#info{
	list-style-type:none;
	padding: 10px 0 0 10px;
	margin:0;
}
#infoArea #listArea ul#info li{
	background:url("../img/iconRedArrow.gif") 0 7px no-repeat;
	padding: 4px 0 4px 14px;
	margin:0;
	line-height:130%;
}


/* リンク*/
#linkBannerArea{
	background:#FFF;
}
h2#linksTitle{
	background: transparent url("../img/topLinks.gif") 0 0 no-repeat;
	width:430px;
	height:24px;
	overflow:hidden;
	text-indent:-9999px;
	font-size:1%;
	line-height:1%;
	margin-top:10px;
	margin-bottom:10px;
}

a.banner{
	float:left;
	display:block;
	padding:10px;
}