@charset "shift_jis";

/* common */

body{
	text-align:center;
	background:#669966;
}

#body{
	width:900px;
	text-align:center;
	margin:0 auto;
}

html,body,#body{

}

#whiteArea{
	background:#FFFFFF url(../img/bg_base.jpg) no-repeat top center;
}

#whiteArea2{
	background:#FFFFFF;
}

.borderA{
	border-bottom:1px dashed #CCCCCC;
	padding-bottom:5px;
}

.borderB{
	border-bottom:1px dashed #CCCCCC;
}

.borderC{
	border:dashed 1px #CCCCCC;
	padding:8px;
}

/* baseArea */

#baseArea{
	width:900px;
	text-align:center;
}


/* headerArea */

#headerArea{
	width:900px;
	height:110px;
	text-align:left;
	margin:auto;
}

#headerAreaCopy{
	height:25px;
	font-size:0.9em;
	color:#333333;
}


#headerArea h1{
	width:320px;
	padding:0 0 0 62px;
	float:left;
}

#headerArea ul{
	width:240px;
	margin-top:3px;
	float:right;
}

#headerArea ul li{
	float:left;
	list-style:none;
}

/* g_naviArea */

#g_naviArea{
	width:900px;
	height:50px;
	background:#000000;
	text-align:center;
	margin:auto;
}

#g_naviArea ul{
	width:900px;
	text-align:center;
}

#g_naviArea ul li{
	float:left;
	margin:0 0 0 0;
	list-style:none;
}

/* panArea */

#panArea{
	width:900px;
	line-height:1.5;
	text-align:left;
	overflow:hidden;
}

#panArea ul{
	width:900px;
	padding:6px 0 2px 5px;
	text-align:left;
}

#pannavi{
	width:900px;
	background:#FFFFFF;
}

#panArea ul li{
	display:inline;
	list-style-type:none;
	color:#666666;
}

#pannavi li a{
	padding:0 10px 0 0;
	background:url(../img/icon_arrow01.gif) no-repeat right center;
}

#pannavi a:link{
	text-decoration:none;
}

#pannavi a:visited{
	text-decoration:none;
}

#pannavi a:hover{
	text-decoration:underline;
}

#pannavi a:active{
	text-decoration:none;
}

/* contentsArea */

#contentsArea{
	width:900px;
	margin:5px 0;
	text-align:center;
}

#contentsAreaNews{
	width:764px;
	margin:15px auto;
}

#contentsAreaA{
	width:660px;
	margin:0px auto;
	padding:10px 0px;
	text-align:left;
}

/* leftArea */

#leftArea{
	width:220px;
	margin:0 0 20px 0;
	float:left;
	text-align:left;
}

#leftnaviArea{
	width:220px;
	background:url(../img/l_navibg.gif) repeat-y;
}

#leftnaviAreainner{
	width:220px;
	background:url(../img/l_navibottom.gif) no-repeat bottom;
}

#leftnaviArea ul{
	width:200px;
	padding:10px 10px 10px 10px;
}

#leftnaviArea ul li{
	list-style-type:none;
	margin:0px 0px 5px 0px;
	padding:5px 3px 5px 25px;
	background:url(../img/arrow01a.gif) no-repeat 5px 10px;
	border:1px solid #E5E5E5;
	font-size:1.1em;
}

#leftnaviArea ul li.typeA{
	list-style-type:none;
	margin:0px 0px 5px 0px;
	padding:5px 3px 5px 25px;
	background:#EEEEEE url(../img/arrow01b.gif) no-repeat 5px 10px;
	border:1px solid #E5E5E5;
	font-size:1.1em;
}

#leftnaviArea ul li.typeB{
	list-style-type:none;
	padding:0px 0px 0px 8px;
	margin-bottom:5px;
	font-size:1.1em;
	font-weight:bold;
	color:#669966;
	background:#FFFFFF;
	border:0px solid #E5E5E5;
	border-left:solid 12px #669966;
	line-height:95%;
}


#leftnaviArea ul li a{
	color:#006633;
}

#leftnaviArea ul li a:hover{
	color:#003300;
}

#rightArea{
	width:660px;
	text-align:left;
	float:right;
}

#topicsArea{
	width:660px;
	margin:0 0 20px 0;
	background:url(../img/topics_bg.gif) repeat-y;
	text-align:left;
}

#topicsAreainner{
	width:660px;
	padding-bottom:5px;
	background:url(../img/topics_bottom.gif) no-repeat bottom;
}


/* mainImageArea */

#topImageAreah{
	position:absolute;
	top:0px;
	right:0px;
	z-index:1;
}

/* infoArea */

#infoArea{
	width:900px;
	background:url(../img/top_bg01.gif) repeat-y;
	margin:20px 0 20px 0;
}

#infoAreainner{
	width:900px;
	background:url(../img/top_bottom01.gif) bottom left no-repeat;
}

/* newsArea */

#newsArea{
	width:460px;
	padding:0 0 15px 0;
	text-align:left;
	float:left;
	display:inline;
}

#newsArea dl,
#topicsArea dl{
	margin:8px 10px;
}

#newsArea dt,
#topicsArea dt{
	padding:1px 9px 3px 18px;
	background:url(../img/bg_dt.gif) no-repeat 0px 5px;
	float:left;
    clear:both;
}

#newsArea dd{
	padding:3px 0 3px 75px;
}

#topicsArea dd{
	padding:3px 0 3px 78px;
}

#newsArea dd.border,
#topicsArea dd.border{
	border-bottom:1px dotted #999999;
	margin:0 0 10px 0;
}

#title{
	background:url(../img/bg_dd.gif) no-repeat 75px 3px;
	font-size:0.9em;
}

#title_new{
	background:url(../img/bg_dd2.gif) no-repeat 75px 3px;
	font-size:0.9em;
	}

.newsArea dd a:link,
.topicsArea dd a:link,
.newsArea dd a:visited,
.topicsArea dd a:visited,
.newsArea dd a:active,
.topicsArea dd a:active{
	color:#848400;
	text-decoration:underline;
}

.newsArea dd a:hover,
.topicsArea dd a:hover{
	color:#848400;
	text-decoration:underline;
}

/* eventArea */

#eventArea{
	width:280px;
	float:left;
	text-align:left;
	padding:0 0 15px 15px;
	display:inline;
}

#eventArea ul,
#eventArea ol{
	width:260px;
	padding:0 10px 0 10px;
}

#eventArea ul li{
	width:260px;
	background:url(../img/icon_event01.gif) no-repeat 0px 2px;
	margin:2px 0 0 0;
	padding:0 0 0 21px;
	list-style:none;
}

#eventArea ol li{
	width:260px;
	background:url(../img/icon_event02.gif) no-repeat 0px 2px;
	margin:2px 0 0 0;
	padding:0 0 0 21px;
	list-style:none;
}

/* bannerArea */

#bannerArea{
	width:130px;
	float:right;
	padding:0 0 15px 15px;
	display:inline;
}

#bannerArea ul{
	width:130px;
}

#bannerArea ul li{
	padding:0 0 10px 0;
	list-style:none;
}

/* footernaviArea */

#footernaviArea{
	width:900px;
	height:30px;
	background:url(../img/line_footer.gif) top no-repeat;
	margin:20px 0 0 0;
	text-align:left;
	clear:both;

}

#footernaviArea ul{
}

#footernaviArea ul li{
	float:left;
	margin:20px 10px 0 0;
	padding-left:10px;
	background:url(../img/bg_footer_li.gif) no-repeat 0px 5px;
	list-style:none;
}

/* UnderBtnArea */

.UnderBtnArea{
	width:100%;
	background:url(../img/bg_underbtn.gif) left bottom no-repeat;
	margin:20px 0 0 0;
	text-align:right;
}

/* footerArea */

#footerArea{
	width:100%;
	background:#669966;
	clear:both;
}

#footerArea img{
	margin-top:20px;
}

/* column (レイアウト用カラム） */

.left500{
	width:500px;
	text-align:left;
	float:left;
}

.right500{
	width:500px;
	text-align:left;
	float:right;
}

.left480{
	width:480px;
	text-align:left;
	float:left;
}

.right480{
	width:480px;
	text-align:left;
	float:right;
}

.left470{
	width:470px;
	text-align:left;
	float:left;
}

.right470{
	width:470px;
	text-align:left;
	float:right;
}
.left460{
	width:460px;
	text-align:left;
	float:left;
}

.right460{
	width:460px;
	text-align:left;
	float:right;
}

.left440{
	width:440px;
	text-align:left;
	float:left;
}

.right440{
	width:440px;
	text-align:left;
	float:right;
}

.left380{
	width:380px;
	text-align:left;
	float:left;
}

.right380{
	width:380px;
	text-align:left;
	float:right;
}

.left360{
	width:360px;
	text-align:left;
	float:left;
}

.right360{
	width:360px;
	text-align:left;
	float:right;
}

.left320{
	width:320px;
	text-align:left;
	float:left;
}

.right320{
	width:320px;
	text-align:left;
	float:right;
}

.left300{
	width:300px;
	text-align:left;
	float:left;
}

.right300{
	width:300px;
	text-align:left;
	float:right;
}

.left220{
	width:220px;
	text-align:left;
	float:left;
}

.right220{
	width:220px;
	text-align:left;
	float:right;
}

.left160{
	width:160px;
	text-align:left;
	float:left;
}

.right160{
	width:160px;
	text-align:left;
	float:right;
}
.left140{
	width:140px;
	text-align:left;
	float:left;
}

.right140{
	width:140px;
	text-align:left;
	float:right;
}

div.col1,
div.col2{
	width:660px;
	margin:10px 0 10px 0;
}

div.col1 ul,
div.col2 ul{
	margin:0px;
	list-style:none;
}

div.col1 ul li{
	padding:0 0 5px 0;
	float:left;
	display:block;
	width:330px;
}

div.col2 ul li{
	padding:0 0 5px 0;
	float:left;
	display:block;
	width:220px;


}