@charset "utf-8";

/*--------------------------------------
CSS Information

File name:      layout.css
Style Info:     レイアウト(大枠)用
--------------------------------------*/
#contents {
	margin:0 auto 0;
	padding:10px 20px 20px;
	width:858px;
	text-align:left;
	background-color:#FFFFFF;
	border-left:1px solid #000;
	border-right:1px solid #000;
}
body.index #content {
	margin:0 0 20px;
	padding:0;
	width:860px;
	text-align:left;
	overflow:hidden;
	background:url(/img/bg_top_content.gif) 0 0 repeat-y;
}
body.sub #content {
	margin:0;
	padding:10px 0 0;
	width:860px;
	text-align:left;
	overflow:hidden;
	background:url(/img/img_sub_body.gif) 0 0 repeat-y;
}
div.round-top {
	clear:both;
	height:10px;
	background:url(/img/round_top_left.gif) no-repeat left top;
}
div.round-top span {
	background:url(/img/round_top_right.gif) no-repeat right top;
	height:10px;
	display:block;
}

/*--------------------------------------
	LEFT
--------------------------------------*/

#left {
	margin:0 20px 0 0;
	_margin:0 0 0 0;
	padding:0;
	width:220px;
	float:left;
}
#left div.round {
	margin:0;
	padding:0;
	width:220px;
}
#left div.round div.section {
	margin:5px 15px 0;
	padding:0;
	overflow:hidden;
}

/*--------------------------------------
	CENTER
--------------------------------------*/
#exhibition {
	margin:0;
	padding:0;
	width:620px;
	float:left;
	_float:right;
	background:url(/img/round_exhibiton.gif) 0 0 repeat-y;
}
#exhibition div.section {
	margin:0;
	padding:0 15px;
	width:590px;
	overflow:hidden;
}
#rubbish {
	margin:0 0 5px;
	width:620px;
	height:20px;
	float:left;
	_float:right;
	font-size:85%;
}
#rubbish div.rubbish_left {
	margin:0;
	padding:0;
	float:left;
	height:20px;
	line-height:20px;
}
#rubbish div.rubbish_right {
	margin:0;
	padding:0;
	float:right;
	height:15px;
	line-height:15px;
}
#rubbish div.rubbish_right ul.date {
	margin:0;
	padding:0;
	list-style:none;
}
#rubbish div.rubbish_right ul.date li {
	margin:0 3px 0 0;
	padding:0 0 0;
	float:left;
}

#event_box {
	margin:0;
	_margin:0;
	padding:0;
	width:620px;
	float:right;
	background:url(/img/round_event.gif) 0 0 repeat-y;
}
#center {
	margin:0;
	padding:0;
	width:400px;
	float:left;
	overflow:hidden;
}
#center div.event {
	margin:0;
	padding:0;
	width:400px;
}
#center div.event div.section {
	margin:0;
	padding:5px 15px;
	width:370px;
}
#center div.event div.section_guide {
	margin:0;
	padding:5px 15px;
	width:370px;
}
#center div.round {
	margin:0;
	padding:0;
	width:193px;
	float:left;
	overflow:hidden;
}
#center div.round div.section {
	margin:0;
	padding:5px 15px;
	width:163px;
}


#guide_box {
	margin:0 0 0;
	*margin:0 0 -5px;
	_margin:0 0 -5px;
	padding:0;
	width:620px;
	
	float:right;
	background:url(/img/round_guide.gif) 0 0 repeat-y;
}
#guide_box #center {
	margin:0;
	padding:0;
	width:400px;
	float:right;
	overflow:hidden;
}
#guide_box #center div.event {
	margin:0;
	padding:0;
	width:400px;
}
#guide_box #center div.event div.section {
	margin:0;
	padding:5px 15px;
	width:370px;
}
#guide_box #center div.round {
	margin:0;
	padding:0;
	width:193px;
	float:left;
	overflow:hidden;
}
#guide_box #center div.round div.section {
	margin:0;
	padding:5px 15px;
	width:163px;
}
#guide_box #left {
	margin:0;
	padding:0;
	width:200px;
	float:left;
}
#guide_box #left div.round {
	margin:0;
	padding:0;
	width:200px;
}
#guide_box #left div.round div.section {
	margin:5px 15px 0;
	padding:0;
	overflow:hidden;
}

/*--------------------------------------
	RIGHT
--------------------------------------*/

#right {
	margin:0;
	padding:0;
	width:200px;
	float:right;
}
#right div.round {
	margin:0;
	padding:0;
	width:200px;
}
#right div.round div.section {
	margin:5px 15px 0;
	padding:0;
	overflow:hidden;
}

/*--------------------------------------
	SUB LEFT
--------------------------------------*/
body.sub #right {
	margin:0 20px 0;
	padding:0;
	width:158px;
	float:right;
}
body.sub #right div.section {
	margin:0;
	padding:0;
	overflow:hidden;
}

/*--------------------------------------
	SUB CENTER
--------------------------------------*/
body.sub #center {
	margin:0 0 30px;
	padding:0 10px;
	width:640px;
	min-height:500px;
	float:left;
}
body.sub #center div.section {
	margin:0 10px;
	padding:0;
	overflow:hidden;
}

/*--------------------------------------
	FOOTER
--------------------------------------*/
#footer {
	margin:20px 0 0;
	padding:0;
	width:860px;
	font-size:84%;
	text-align:center;
}
#footer div.copy {
	margin:0;
	padding:0;
	float:left;
}
#footer div.link {
	margin:0;
	padding:0;
	float:right;
}

/*--------------------------------------
	GLOBAL NAVIGATION
--------------------------------------*/

#gnavi {
	margin:0px auto;
	padding:0;
	width:900px;
	height:90px;
	text-align:left;
	background-color:#000000;
}
#gnavi div.logo {
	margin:25px 11px 0 30px;
	_margin:25px 11px 0 15px;
	padding:0;
	float:left;
}


/* ドロップダウン
---------------------------------------- */
ul#navigation {
	margin:0;
	padding:0;
	border:0;
	height:57px;
}
ul#navigation { /* IE6 対策 */
	behavior: url("/css/csshover3.htc");
}

ul#navigation li {
	margin:0 11px 0 0;
	padding:0;
	display:block;
	float:left;
	height:57px;
	list-style:none;
}
ul#navigation li a {
	border:0;
	width:88px;
	display:block;
}
ul#navigation li a:hover {
	border:0;
	display:block;
}

/* 第２階層
------------------ */
#navigation li ul {	
	display:block;
	visibility:hidden;
	position:absolute;
}

#navigation li ul li {
	margin:0 3px 0 0;
	list-style:none;
	font-size:85%;
	text-align:center;
}

#navigation li:hover ul {
	visibility:visible;
	z-index: 100;
}


.accessBox {
	position:relative;
	left: -133px;
}

#navigation li:hover ul.access {
	position:absolute;
	width:250px;
}

#navigation li:hover ul.access li {
	display: inline;
}

.outlineBox {
	position:relative;
	left: -600px;
}
#navigation li:hover ul.outline {
	position:absolute;
	width:880px;
}

.exhibitionBox {
	position:relative;
	left: 0px;
}
#navigation li:hover ul.exhibition {
	position:absolute;
	width:550px;
}
#navigation li.exhibition ul li a {
	margin:0;
	padding:5px 3px 3px;
	width:103px;
	height:16px;
	line-height:16px;
	color: #FFFFFF;
	float:left;
	border-top:9px solid #000000;
	background:url(/img/bg_subnavi_exhibition_02.gif) 0 50% no-repeat;
}
#navigation li.exhibition ul li a:hover{
	color: #950f20;
	border-top:9px solid #000000;
	background:url(/img/bg_subnavi_exhibition_01.gif) 0 50% no-repeat;
}

.eventBox {
	position:relative;
	left: 0px;
}
#navigation li:hover ul.event {
	position:absolute;
	width:250px;
}
#navigation li.event ul li a {
	margin:0;
	padding:5px 3px 3px;
	width:103px;
	height:16px;
	line-height:16px;
	color: #FFFFFF;
	float:left;
	border-top:9px solid #000000;
	background:url(/img/bg_subnavi_event_02.gif) 0 50% no-repeat;
}
#navigation li.event ul li a:hover{
	color: #7a1ea0;
	border-top:9px solid #000000;
	background:url(/img/bg_subnavi_event_01.gif) 0 50% no-repeat;
}

#navigation li.access ul li a {
	margin:0;
	padding:5px 3px 3px;
	width:103px;
	height:16px;
	line-height:16px;
	color: #FFFFFF;
	border-top:9px solid #000000;
	background:url(/img/bg_subnavi_access_02.gif) 0 50% no-repeat;
}
#navigation li.access ul li a:hover{
	color: #739a54;
	border-top:9px solid #000000;
	background:url(/img/bg_subnavi_access_01.gif) 0 50% no-repeat;
}

#navigation li.outline ul li a {
	margin:0;
	padding:5px 3px 3px;
	width:126px;
	height:16px;
	line-height:16px;
	color: #FFFFFF;
	border-top:9px solid #000000;
	background:url(../img/bg_subnavi_outline_02.gif) 0 50% repeat-x;
}
#navigation li.outline ul li a:hover{
	color: #acc284;
	border-top:9px solid #000000;
	background:url(/img/bg_subnavi_outline_01.gif) 0 50% no-repeat;
}

.cafeBox {
	position:relative;
	left: 0px;
}
#navigation li:hover ul.cafe {
	position:absolute;
	width:250px;
}
#navigation li.cafe ul li a {
	margin:0;
	padding:5px 3px 3px;
	width:103px;
	height:16px;
	line-height:16px;
	color: #FFFFFF;
	border-top:9px solid #000000;
	background:url(/img/bg_subnavi_cafe_02.gif) 0 50% no-repeat;
}
#navigation li.cafe ul li a:hover{
	color: #0938a5;
	border-top:9px solid #000000;
	background:url(/img/bg_subnavi_cafe_01.gif) 0 50% no-repeat;
}