/*------ mainvisual
---------------------------------------*/
.mainvisual{
	margin: 20px 0;
}


/*------ eventArea
---------------------------------------*/
.eventArea{
	background: #EEE;
	margin: 0 0 30px 0;
	padding: 10px 10px 10px 0;
}
.eventArea .Box{
	width: 320px;
	margin: 0 0 0 10px;
	float: left;
}
.eventArea .Box p.status{
	width: 80px;
	text-align: center;
	line-height: 46px;
	float: left;
	color: #FFF;
}
.eventArea .Box p.room{
	width: 210px;
	padding: 0 15px;
	line-height: 46px;
	float: left;
	color: #FFF;
}
.eventArea .gray p.status{
	background: #444;
}
.eventArea .gray p.room{
	background: #858A8F;
}
.eventArea .blue p.status{
	background: #0F4F75;
}
.eventArea .blue p.room{
	background: #197FBF;
}
.eventArea .Box .border{
	height: 80px;
	padding: 20px 15px;
	background: #FFF;
	border-right: #DDD solid 1px;
	border-bottom: #DDD solid 1px;
	border-left: #DDD solid 1px;
}
.eventArea .Box .border h3{
	font-size: 18px;
	line-height: 1.5;
	font-weight: bold;
}
.eventArea .Box .border p.day{
	font-size: 12px;
	margin: 10px 0 0 0;
}


/*------ content
---------------------------------------*/
.leftContent{
	width: 650px;
	float: left;
}
.leftContent h2{
	font-size: 20px;
	font-weight: bold;
	padding: 20px 15px 15px 15px;
	margin: 0 0 30px 0;
	background: url(../2015_img/top/bg_h2.jpg) no-repeat left top;
	border-bottom: #BBB solid 1px;
}
.leftContent .topix .Box{
	margin: 0 10px 40px 10px;
}
.leftContent .update .Box{
	margin: 0 10px 30px 10px;
}

/*----- topix -----*/
.leftContent .topix .Box p.image{
	width: 180px;
	float: left;
}
.leftContent .topix .Box p.text{
	font-size: 16px;
	width: 410px;
	margin: 0 20px 0 0;
	float: right;
}


/*----- update -----*/
.leftContent .update .Box dl dt{
	clear: left;
	float: left;
	width: 240px;
	padding: 0 0 15px 0;
}
.leftContent .update .Box dl dt span{
	background: #444;
	line-height: 22px;
	font-size: 12px;
	display: inline-block;
	color: #FFF;
	width: 120px;
	text-align: center;
	margin: 0 0 0 20px;
}
.leftContent .update .Box dl dd{
	padding: 0 0 15px 250px;
}
.leftContent .update .Box ul{
	margin: 5px 0 0 0;
	padding: 20px 0 0 0;
	border-top: #DDD solid 1px;
}
.leftContent .update .Box ul li{
	margin: 0 0 5px 0;
}

/*----- schedule -----*/
.leftContent .schedule .titleArea{
	position: relative;
	z-index: 1;
}
.leftContent .schedule .titleArea p.day{
	position: absolute;
	top: 20px;
	right: 30px;
	z-index: 2;
}
.leftContent .schedule .Box{
	margin: 0 10px;
}
.leftContent .schedule .Box .month{
	background: #F6F6F6;
	margin: 0 0 10px 0;
	height: 40px;
	position: relative;
}
.leftContent .schedule .Box .month p.back{
	position: absolute;
	top: 10px;
	left: 30px;
	background: url(../2015_img/top/icon_back.png) no-repeat left center;
	padding: 0 0 0 20px;
}
.leftContent .schedule .Box .month p.present{
	position: absolute;
	top: 10px;
	left: 0;
	right: 0;
	margin: auto;
	width: 100px;
	text-align: center;
}
.leftContent .schedule .Box .month p.next{
	position: absolute;
	top: 10px;
	right: 30px;
	background: url(../2015_img/top/icon_next.png) no-repeat right center;
	padding: 0 20px 0 0;
}
.leftContent .schedule .Box table{
	width: 100%;
	border: #CCC solid 1px;
}
.leftContent .schedule .Box table thead th{
	background: #DDD;
	border: #CCC solid 1px;
	padding: 5px 0;
	text-align: center;
}
.leftContent .schedule .Box table thead th.sun{
	background: #FFBFBF;
}
.leftContent .schedule .Box table thead th.sat{
	background: #BFDFFF;
}
.leftContent .schedule .Box table td{
	width: 14%;
	border: #CCC solid 1px
}
.leftContent .schedule .Box table td dl dt{
	background: #F3F3F3;
	text-align: center;
}
.leftContent .schedule .Box table td dl dd{
	padding: 5px 0;
	height: 22px;
	text-align: center;
}
.leftContent .schedule .Box table td dl dd img{
	display: inline-block;
	margin: 0 3px;
}
.leftContent .schedule .Box p.holiday{
	display: inline-block;
	background: url(../2015_img/top/icon_holiday.png) no-repeat left 100%;
	padding: 20px 0 0 60px;
}
.leftContent .schedule .Box p.planetarium{
	display: inline-block;
	background: url(../2015_img/top/icon_planetarium.png) no-repeat left 90%;
	padding: 20px 0 0 25px;
	margin: 0 0 0 30px;
}
.leftContent .schedule .Box p.free_event{
	display: inline-block;
	background: url(../2015_img/top/icon_free_event.png) no-repeat left 90%;
	padding: 20px 0 0 25px;
	margin: 0 0 0 30px;
}
.leftContent .schedule .Box p.application_event{
	background: url(../2015_img/top/icon_application_event.png) no-repeat left 70%;
	padding: 10px 0 0 25px;
}


/*----- rightContent -----*/
.rightContent{
	width: 320px;
	float: right;
}
.rightContent .Box{
	margin: 0 0 20px 0;
}
.rightContent .Box h2{
	color: #FFF;
	font-size: 16px;
	font-weight: bold;
	padding: 15px;
	background: #197FBF;
}
.rightContent .Box ul li{
	background: #F0F0F0;
	border-bottom: #DDD solid 1px;
	padding: 20px 12px;
}
.rightContent .Box ul li.last{
	border-bottom: none;
}
.rightContent .Box ul li h3{
	font-size: 16px;
	font-weight: bold;
}
.rightContent .Box ul li p{
	font-size: 12px;
	margin: 5px 0 0 0;
}
.rightContent .Box ul li p.status{
	font-size: 14px;
	margin: 0 0 8px 0;
}
.rightContent .Box ul li p.status span{
	display: inline-block;
	background: #444;
	width: 60px;
	font-size: 12px;
	text-align: center;
	color: #fff;
	line-height: 22px;
	margin: 0 10px 0 0;
}

/*----- guide -----*/
.rightContent .guide h2{
	color: #000;
	font-size: 16px;
	font-weight: bold;
	padding: 10px 15px;
	background: #ddd;
}
.rightContent .border{
	padding: 20px;
	border: #DDD solid 1px;
}
.rightContent .guide .border .caution{
	padding: 10px 7px;
	border: #FFBFBF solid 1px;
}
.rightContent .guide .border .caution p{
	background: url(../2015_img/top/icon_caution.png) no-repeat left 2px;
	padding: 0 0 0 22px;
	margin: 0px;
}
.rightContent .guide .border p{
	margin: 5px 0 0 0;
}
.rightContent .guide .border dl{
	margin: 15px 0;
}
.rightContent .guide .border dl dt{
	clear: left;
	float: left;
	width: 80px;
	background: #EEE;
	padding: 5px;
}
.rightContent .guide .border dl dd{
	padding: 5px 0 5px 100px;
}
.rightContent .guide .border dl dd span{
	display: block;
	font-size: 12px;
}
.rightContent .border h3{
	padding: 0 0 10px 0;
	font-size: 16px;
	font-weight: bold;
	border-bottom: #BBB solid 1px;
	margin: 0 0 15px 0;
}
.rightContent .border h3 span{
	padding: 0 0 0 15px;
	border-left: #2D7BD4 solid 4px;
}