﻿@charset "UTF-8";

/* TOP */

/* ================= 目次 =====================

【1】wrapper
		/contents
		/flash
【2】main-area
		/left
		/right
	 pagetop
【3】footer
		/ul
		/copyright

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

/* =============================================================
　■□■ 1. wrapper ■□■
============================================================= */
#wrapper
{
	width:100%;
	margin: 0 auto;
	text-align: left;
	background: url(/img/bg.gif) repeat-x left top;
	height: 100%;
}
#wrapper:after
{
	content: "";
	display: block;
	clear: both;
	height: 0px;
}
	/* ============= contents ============= */
	#contents
	{
		clear:both;
		width:900px;
		margin: 0 auto;
		height: 100%;
	}
	#contents:after
	{
		content: "";
		display: block;
		clear: both;
		height: 0px;
	}
	/* ============= flash ============= */
	#flash
	{
		margin-bottom:44px;
	}

/* =============================================================
　■□■ 2. header ■□■
============================================================= */
#slide {
	position: relative;
	width: 900px;
	height: 443px;
  margin-bottom: 44px;
}
#slide-inner {
	display: none;
	width: 900px;
	height: 443px;
	text-align: center;
}
#logo
{
	position: absolute;
	margin-left:23px;
	left: 0;
	top: 0;
}
#r-menu
{
	width: 201px;
	height: 40px;
	position: absolute;
	top: 14px;
	right: 20px;
}
	#r-menu ul li
	{
		float:left;
		margin-left:6px;
	}
	#r-menu p
	{
		clear:both;
		text-align:right;
		padding-top:10px;
	}
ul#g-menu
{
	position: absolute;
	top: 345px;
	left: 0;
	clear:both;
	padding-top:18px;
	padding-bottom:16px;
}
ul#g-menu:after
{
	content: "";
	display: block;
	clear: both;
	height: 0px;
}
	ul#g-menu li
	{
		float:left;
	}

/* =============================================================
　■□■ 2. main-area ■□■
============================================================= */
/* ============= left ============= */
#left
{
	float:left;
	width:551px;
	margin-bottom:30px;
}
	/* ============= news ============= */
	#left #news
	{
		clear:both;
		width:551px;
		position:relative;
	}
		#left #news ul
		{
			position:absolute;
			top: 7px;
			right:0px;
		}
			#left #news ul li
			{
				float:left;
				margin-left:6px;
			}
		/* ------------ #news dl ------------ */
		#left #news dl
		{
			clear:both;
			line-height:2em;
			padding-top:20px;
		}
			#left #news dl dt
			{
				float:left;
				color:#940e15;
				font-weight:bold;
			}
			#left #news dl dd
			{
				border-bottom:solid 1px #CCCCCC;
				padding:0 0 20px 120px;
				margin-bottom:10px;
			}
/* ============= right ============= */
#right
{
	float:right;
	width:313px;
	margin-bottom:30px;
}
	/* ------------ pickup ------------ */
	#right .exhibition
	{
		clear:both;
		margin-bottom:30px;
		height: 100%;
	}
	#right .exhibition:after
	{
		content: "";
		display: block;
		clear: both;
		height: 0px;
	}
		#right .exhibition p.tit
		{
			border-bottom:1px #CCCCCC solid;
			padding-bottom:10px;
			margin-bottom:10px;
		}
		#right .exhibition p.date
		{
			color:#990000;
			margin-bottom:15px;
		}
		#right .exhibition p.ex
		{
			margin-bottom:15px;
		}
		#right .exhibition .pic
		{
			float:left;
			margin-top:20px;
		}
		#right .exhibition div
		{
			float:right;
			margin-top:20px;
			width:198px;
		}
		#right ul#banner
		{
			clear:both;
		}
			#right ul#banner li
			{
				margin-bottom:20px;
			}
/* ============= pagetop ============= */
#pagetop
{
	clear:both;
	width:900px;
	text-align:right;
	margin-bottom:10px;
}

/* =============================================================
　■□■ 3. footer ■□■
============================================================= */
#footer
{
	clear:both;
	background:url(/img/bg_footer.gif) no-repeat left top;
	padding-bottom:70px;
	background-color:#e1e1e1;
	height: 100%;
}
#footer:after
{
	content: "";
	display: block;
	clear: both;
	height: 0px;
}
	/* ------------ #footer-contents ul ------------ */
	#footer ul
	{
		float:left;
		margin:20px 0 0 26px;
	}
		#footer ul li
		{
			float:left;
			margin-right:26px;
		}
	/* ============= copyright ============= */
	#copyright
	{
		float:right;
		margin:20px 26px 0 0;
		font-size:82%;
		color:#999999;
	}
