@charset "utf-8";

/***  body  ***/
body { font:13px/1.231 arial,helvetica,clean,sans-serif; *font-size:small; *font:x-small; }

/***  HTML������  ***/

html { overflow-y: scroll; height:100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote { margin:0; padding:0; }
body {
	font-weight:normal;
	font-style:normal;
	font-family:"Lucida Grande", "Hiragino Kaku Gothic Pro", "Hiragino Kaku Gothic Pro W3" , "Meiryo" , "メイリオ" , "ＭＳ Ｐゴシック";
}
* html body {	/* for IF6 */
	font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
h1,h2,h3,h4,h5,h6 { font-weight:normal; font-size: 100%; } 
table { margin:0 auto 0 auto; }
th,td { margin: 0; padding: 0; }
th,td { text-align: left; }
caption,th { text-align: left; margin: auto; }

a:link { color: #0000FF; }
a:visited { color: #663399; }
a:hover {  text-decoration: underline; color: #FF0000; }
a { overflow : hidden; }

img { vertical-align:bottom; border:0; }
ol,ul { list-style: none; } 
address,caption,cite,code,dfn,h1,h2,h3,h4,th,var { font-style: normal; font-weight: normal; }

/***  clearfix  ***/

.clearfix { zoom:1; }
.clearfix:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }



/***  contents  ***/

body{
	background:url(../image/bg.jpg) top left #1d1d1d repeat-x;
	font-size:16px;
	line-height:1.7;
}

#container{
	width:850px;
	margin:0 auto;
}

#header{
	background:url(../image/mainimg.jpg) left top no-repeat;
	width:850px;
	height:312px;
}

#content{
	background:url(../image/con_bg.jpg) top left #f5f4f4 repeat-x;
	padding:25px 40px;
}

#news{
	height:100px;
	overflow-y:scroll;
	color:#222;
	font-size:16px;
	background:#FFF;
	padding:10px;
}

#news li{
	border-bottom:dotted 1px #999;
	background:url(../image/li_icon.gif) top left no-repeat;
	padding:3px 12px;
	margin-bottom:8px;
}

#news span{
	color:#666;
	font-size:90%;
}

h1{
	height:0;
	overflow:hidden;
}

h2{
	font-size:22px;
	font-weight:bold;
	border-bottom:1px #666 solid;
	border-left:5px #666 solid;
	padding:0 0 4px 12px;
	margin:10px 0;
}

h3{
	font-size:20px;
	font-weight:bold;
	border-bottom:1px #666 solid;
	border-left:5px #666 solid;
	padding:0 0 6px 10px ;
	margin:40px 0 10px;
}

table{
	margin:0; padding:0;
    border-spacing:0;
	border-collapse:collapse;
	border: 3px #333 double;
	width:100%;
}

th,td{
	padding:12px 8px;
	background:#fff;
	border:#333 1px solid;
}

th{
	text-align:right;
	white-space:nowrap;
	font-weight:bold;
}

a:link {
	color:#050;
	font-weight:bold;
	text-decoration: underline;
}
a:visited {
	color: #282;
	text-decoration: underline;
}
a:hover, a:active, a:focus {
	color:#F40;
	text-decoration: none;
}

a:link img, a:visited img{
}

a:hover img, a:active img, a:focus img {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}


p{
	margin:20px 0;
}


#footer{
	background:#000;
	color:#e0e0e0;
	position:relative;
	height:120px;
}

p.info img{
	float:left;
}

p.info span{
	float:right;
	width:470px;
}

p.logo{
	margin:0;
	position:absolute;
	left:20px;
	top:20px;
	z-index:99;
}

address{
	display:block;
	width:850px;
	position:absolute;
	top:35px;
	text-align:center;
	z-index:0;
}