@charset "shift-jis";

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

index.css

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

body{background-image: url(css/img/bg.gif);}
#rightpane{
	background: url(css/img/bg_main.gif) repeat-y left;
	margin-top: 5px;
}
#main{width: 489px;}

h2{
	width: 725px;
	height: 205px;
	margin-left: 127px;
	background: url(css/img/top_main.jpg) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	font-size: 0;
}
h2 span{
	display: block;
	width: 725px;
	height: 205px;
	background: url(css/img/spacer.gif);
}

#news h3{
	margin-top: 5px;
	color: #F15917;
}
#news div{
	width: 210px;
	height: 175px;
	overflow: auto;
	border: solid 1px #DDDDDD;
}
#news div p{
	width: 180px;
	margin-left: 8px;
	line-height: 1.2;
	font-size: 10px;
}
#news div p.date{
	color: #8D8D8D;
	padding-top: 10px;
}
#news div p.note{
	color: #717171;
	padding-bottom: 10px;
	border-bottom: solid 1px #E0E0E0;
}

#greet{
	width: 489px;
	height: 524px;
	background: url(css/img/top_bg.gif) no-repeat;
	
}
#greet p{
	padding: 224px 0 0 16px;
}

#bnrarea{
	clear: both;
	width: 733px;
	background: url(css/img/border_02.gif) repeat-y left;
	margin-left: 216px;
	border-top: solid 1px #DDDDDD;
	padding-bottom: 10px;
}
#bnrarea ul{
	width: 704px;
	margin-left: 10px;
}
#bnrarea ul:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#bnrarea ul li{
	display: block;
	float: left;
	width: 166px;
	height: 42px;
	margin: 9px 10px 0 0;
}