@charset "utf-8";

@import "common.css";

/* ---------------------------------------------------
top.css
トップ用CSS
--------------------------------------------------- */



/* ---------------------------------------------------
mainTop
--------------------------------------------------- */
#mainTop {
	position: relative;
	height: 400px;
}

/*logo*/
h1 {
	position: absolute;
	left: 128px;
	top: 228px;
	margin: 0;
	padding: 0;
}

h1 img {
	display: block;
	margin: 0;
	padding: 0;
}

/*menu*/
ul#menu {
	position: absolute;
	left: 20px;
	top: 31px;
	width: 860px;
	height: 29px;
	margin: 0;
	padding: 0;
	background: url(../images/menu_bg.gif) repeat-x left top;
}

ul#menu li.menu01 {
	width: 226px;
}

ul#menu li.menu01 a {
	width: 226px;
}

ul#menu li.menu01 a {
	background: url(../images/menu01_top.gif) no-repeat left top;
}


/*login*/
.login {
	position: absolute;
	left: 428px;
	top: 91px;
	margin: 0;
	padding: 0;
}

.login img {
	display: block;
	margin: 0;
	padding: 0;
}


/* ---------------------------------------------------
news
--------------------------------------------------- */
.news {
	width: 416px;
	margin: 0 0 13px 444px;
	padding: 0;
}

.news .ttl {
	margin: 0 0 2px 0;
	padding: 0;
}

.news .ttl img {
	display: block;
	margin: 0;
	padding: 0;
}

.news ul {
	margin: 0;
	padding: 16px 13px 0 13px;
	border: 1px solid #323333;
}

.news ul li {
	margin: 0;
	padding: 0 0 16px 10px;
	background: url(../images/top_icn01.gif) no-repeat left 2px;
	list-style: none;
	font-size: 93%;
	line-height: 110%;
}

.news ul li span.date {
	display: block;
	float: left;
	width: 76px;
	margin: 0;
	padding: 0;
}

.news ul li span.txt {
	display: block;
	float: left;
	width: 292px;
	margin: 0;
	padding: 0;
}

.news .cl {
	clear: both;
}