@charset "utf-8";

body{
	position:relative;
	margin:0;
	padding:0;
	text-align:center;
	background-color:#f0f0f0;
}

.skip{
	position:absolute;
	font-size:1px;
	left:-9999px;
}

#container{
	position:relative;
	width:740px;
	margin:0 auto;
	padding:0;
	background:url(../img/bg_container_01.gif) repeat-y;
	text-align:left;
	font-family: Arial, Helvetica, Tahoma, "Trebuchet MS", Verdana,"ヒラギノ角ゴ Pro W3",Osaka,"メイリオ","ＭＳ Ｐゴシック", sans-serif;
	font-size:100%;
	color:#333333;
}

#header-top{
	text-align:right;
	margin:0 1px;	
}

#header-top ul{
	margin:0;
	height:24px;	
	padding:3px 10px;
	background:url(../img/bg_header.gif) repeat-x;
}

#header-top li{
	display:inline;
	margin-left:5px;	
	font-size:80%;
}

#header-top li a{
	color:#000099;
	text-decoration:none;
}

#header-body{
	position:relative;
	margin:0 1px;
	width:738px;
	height:270px;
	color:#003399;
	line-height:1.3;
	background:#cceeff url(../top/img_top.jpg) no-repeat;
}

#header-body #message{
	position:relative;
	top:100px;
	left:30px;
	width:320px;
	font-size:80%;
}

#topnavi {
	clear:both;
	position:relative;
	margin:2px 0 0 1px;
	padding:0;
	width:738px;
	height:52px;
	font-size:0px;
	text-indent:-9999px;
}

#topnavi ul{
	height:54px;
	margin:0;
	padding:0;
	list-style:none;
}

#topnavi li a{
	display:block;
	width:146px;
	height:26px;
	position:absolute;
	text-decoration:none;
}

#topnavi li#topnavi-01 a{ top:0; left:0; background:url(../img/topnavi_01_off.gif) no-repeat; }
#topnavi li#topnavi-01 a:hover,
#topnavi li#topnavi-01 a.this{ background:url(../img/topnavi_01_on.gif) no-repeat; }
#topnavi li#topnavi-02 a{ top:0; left:148px; background:url(../img/topnavi_02_off.gif) no-repeat; }
#topnavi li#topnavi-02 a:hover,
#topnavi li#topnavi-02 a.this{ background:url(../img/topnavi_02_on.gif) no-repeat; }
#topnavi li#topnavi-03 a{ top:0; left:296px; background:url(../img/topnavi_03_off.gif) no-repeat; }
#topnavi li#topnavi-03 a:hover,
#topnavi li#topnavi-03 a.this{ background:url(../img/topnavi_03_on.gif) no-repeat; }
#topnavi li#topnavi-04 a{ top:0; left:444px; background:url(../img/topnavi_04_off.gif) no-repeat; }
#topnavi li#topnavi-04 a:hover,
#topnavi li#topnavi-04 a.this{ background:url(../img/topnavi_04_on.gif) no-repeat; }
#topnavi li#topnavi-05 a{ top:0; left:592px; background:url(../img/topnavi_05_off.gif) no-repeat; }
#topnavi li#topnavi-05 a:hover,
#topnavi li#topnavi-05 a.this{ background:url(../img/topnavi_05_on.gif) no-repeat; }
#topnavi li#topnavi-06 a{ top:28px; left:0; background:url(../img/topnavi_06_off.gif) no-repeat; }
#topnavi li#topnavi-06 a:hover,
#topnavi li#topnavi-06 a.this{ background:url(../img/topnavi_06_on.gif) no-repeat; }
#topnavi li#topnavi-07 a{ top:28px; left:148px; background:url(../img/topnavi_07_off.gif) no-repeat; }
#topnavi li#topnavi-07 a:hover,
#topnavi li#topnavi-07 a.this{ background:url(../img/topnavi_07_on.gif) no-repeat; }
#topnavi li#topnavi-08 a{ top:28px; left:296px; background:url(../img/topnavi_08_off.gif) no-repeat; }
#topnavi li#topnavi-08 a:hover,
#topnavi li#topnavi-08 a.this{ background:url(../img/topnavi_08_on.gif) no-repeat; }
#topnavi li#topnavi-09 a{ top:28px; left:444px; background:url(../img/topnavi_09_off.gif) no-repeat; }
#topnavi li#topnavi-09 a:hover,
#topnavi li#topnavi-09 a.this{ background:url(../img/topnavi_09_on.gif) no-repeat; }
#topnavi li#topnavi-10 a{ top:28px; left:592px; background:url(../img/topnavi_10_off.gif) no-repeat; }
#topnavi li#topnavi-10 a:hover,
#topnavi li#topnavi-10 a.this{ background:url(../img/topnavi_10_on.gif) no-repeat; }



#pagebody{
	position:relative;
	margin:10px;
	font-size:80%;
}

#pagebody #topnews{
	position:relative;
	float:left;
	width:490px;
}

#pagebody #topnews h1{
	position:relative;
	display:block;
	height:26px;
	margin:0 0 10px 1px;
	padding:5px 10px 10px 10px;
	font-size:110%;
	border-bottom:2px #000033 solid;
}

#pagebody #topnews h1 a:link{ color:#000033; text-decoration:none;}

#pagebody #topnews h2{
	display:block;
	margin:0 0 10px 0;
	width:490px;
	height:50px;
	text-indent:-9999px;
}

#pagebody #topnews h2#top-h2-01{ background:url(../img/07_h2_00.gif) no-repeat; }

#pagebody #topnews dl{
	margin:0;
}

#pagebody #topnews dt{
	margin-left:10px;
	display:block;
	width:7.5em;
	line-height:1.3;
}

#pagebody #topnews dd{
	margin:-1.3em 10px 0.5em 8.5em;
	padding-bottom:0.5em;
	display:block;
	line-height:1.3;
	border-bottom:1px #cccccc dashed;
}

#pagebody #topnews dd a{
	color:#333333;
}

#pagebody #topnews .komeRed{
	color:#ff3366;
}

#pagebody #topnews .komeGreen{
	color:#009900;
}


/*----------スペシャルコンテンツ----------*/
#pagebody #special-contents a{ color:#333333; }
#pagebody #special-contents h3{ margin:2em 0.8em 0.8em 0.8em; color:#0099FF; font-size:110%; }
#pagebody #special-contents ul{ margin:0 0.8em; padding:0; list-style:none;}

#pagebody #rightinfo{
	float:right;
	padding:10px;
	width:200px;
	text-align:right;
	background:#ffffff;
	border-left:1px #CCCCCC dashed;
}

#pagebody #rightinfo .rightinfo-content{
	margin:0 0 10px 0;
}

#pagebody #rightinfo .rightinfo-content a img{
	border:none;
}


/*------ footer ------*/

#pagetop{
	clear:both;
	font-size:70%;
	text-align:right;
	padding:10px 20px;
	color:#333333;
	text-decoration:underline;
}

#footer{
	clear:both;
	_position:relative;
	text-align:center;
}

#footer address{
	font-family:Verdana,Arial,Helvetica;
	font-style:normal;
	font-size:9px;
	padding:0 10px 10px 10px;
}

#footer .address{
	margin:0 1px;
	padding:10px;
	font-family:Verdana,Arial,Helvetica;
	font-size:9px;
	background:#CCEEFF;
	text-align:left;
}

#footer .j10{
	font-size:10px;
}

#footer ul{
	margin:10px 0;
	padding:0;
	width:740px;
}

#footer li{
	display:inline;
	padding:0 0.3em 0 0.6em;
	font-size:70%;
	border-left:1px #000000 solid;
}

#footer li.liPrivacy{
	border-left:none;
}

#footer #copy{
	margin:0 1px;
	padding:8px;
	line-height:1.5;
	font-family: Verdana;
	font-size:9px;
	text-align:center;
	color:#000099;
	background:url(../img/bg_footer.gif) repeat-x bottom;
}

#footer li a{ color:#333333; text-decoration:none; }
#footer li a:hover{ color:#0000ff; text-decoration:underline; }