@charset "UTF-8";

/* _____________________________________
  /                           初期化  */

body,
div,
dl, dt, dd,
ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre, code, address,
form, fieldset, input, textarea,
p, blockquote,
th, td {  
	margin: 0;
	padding: 0;
	font-size:small;
	line-height:1.5em;
	font-weight:normal;
	font-style:normal;
}

/* _____________________________________
  /                             タグ  */

body {
	background:#9e92c5;
}

img {
	border:none;
	vertical-align:bottom;
}

a {
	color:#fff;
	text-decoration:underline;
}

a:hover {
	text-decoration:none;
}

/* _____________________________________
  /                       汎用クラス  */

.float-l {
	float:left;
}

.float-r {
	float:right;
}

div.clear {
	clear:both;
	height:1px;
	overflow:hidden;
	width:100%;
	background:none;
}

br.clear {
	clear:both;
}

.align-l {
	text-align:left;
}

.align-r {
	text-align:right;
}

.align-c {
	text-align:center;
}


/* _____________________________________
  /                       レイアウト  */

div#container {
	width:800px;
	height:600px;
	margin:auto;
	position:relative;
}

div#container #news {
	position:absolute;
	top:425px;
	left:188px;
	width:431px;
}

div#container #news h3 {
	margin:0 0 8px 0;
}

div#container #news #news_list {
	width:400px;
	height:115px;
	margin:0 0 0 20px;
	overflow:hidden;
}

div#container #news table td {
	color:#fff;
	vertical-align:top;
	padding:0 0 0;
}

div#container #news table td.news_date {
	padding-right:10px;
}

div#container #event {
	position:absolute;
	top:110px;
	left:168px;
	width:451px;
}

div#container #event #event_list {
	height:450px;
	margin:0 0 0 20px;
	overflow:auto;
}

div#container #event table {
	width:100%;
}

div#container #event table td {
	border:solid 1px #fff;
	color:#fff;
	padding:10px;
}

div#container #event table td.event_date {
	width:30px;
	text-align:center;
}