@charset "utf-8";


/* ヘッダ
----------------------------------------------------------------*/
#header-bg{
	background-color:#e7ddb6;
	background-image:url(../common_img/shadow_brown.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	width: auto;
	}
#header{
	width:840px;
	height:335px;
	margin:0 auto;
	background-image: url(../images/top_head_bg.jpg);
	background-repeat: no-repeat;
	}
	#header .flo-l {
	width:auto;
	margin:55px 0 0 0;
		}
	#header .flo-r {
	width:auto;
	margin:0;
	text-align:right;
		}
	#header h2{
	margin:0 15px 0 0;
		}
	#header p{
	margin:0;
		}

/* SEO
----------------------------------------------------------------*/
#seo{
	text-align:left;
	height:250px;
	}
	#seo h1{
	margin:0 auto;
	color:#b5d0ff;
	font-size:10px;
	line-height:11px;
	padding:3px 0px 3px 5px;
		}

/*TOPステージ
----------------------------------------------------------------*/
#content{
	width:630px;
	margin:0 0 0 0;
	}

				
/*フラッシュ　#fla
----------------------------------------------------------------*/
#fla {
	}

/*トップページ #topp
----------------------------------------------------------------*/
#topp{
	width:628px;
	margin:0;
	border:solid 1px #d4d4d4;
	}
	#topp h3{
	padding:0 0 10px 0;
	}
	#topp p{
	line-height:18px;
	font-size: 13px;
	}
	#topp p a{
	color: #333333;
	text-decoration: none;
	}
	#topp p a:hover{
	color: #818181;
	text-decoration: none;
	}
	#topp .topp_td1{
	padding:10px;
	border-right:dotted 1px #b7b7b7;
	border-bottom:dotted 1px #b7b7b7;
	background-image: url(../images/topp_shadow.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	   }
    #topp .topp_td2{
       padding:10px;
	   border-bottom:dotted 1px #b7b7b7;
	   background-image: url(../images/topp_shadow.gif);
	   background-position: left bottom;
	   background-repeat: no-repeat;
	   }
	 #topp .topp_td3{
       padding:10px;
	   border-right:dotted 1px #b7b7b7;
	   background-image: url(../images/topp_shadow.gif);
	   background-position: left bottom;
	   background-repeat: no-repeat;
	   }
	   #topp .topp_td4{
       padding:10px;
	   background-image: url(../images/topp_shadow.gif);
	   background-position: left bottom;
	   background-repeat: no-repeat;
	   }

/*新着情報 WN01 #topics
----------------------------------------------------------------
#topics{
	width:250px;
	float:right;
	margin:10px 0 10px 15px;
	}
	#topics h4{
		color:#FFF;
		background-color:#333;
		padding:5px;
		margin:0;
		}
	#topics iframe{
		width:248px;
		height:199px;
		overflow:auto;
		border:solid 1px #ccc;
		border-top:0;
	}*/


/*TOP更新系 WN02 #top-topics #top-event
----------------------------------------------------------------*/
#top-topics-bg{
	width:630px;
	margin:20px 0 0 0;
	}
	
#top-topics{/*新着情報*/
	width:305px;
	margin:0px 0 0 0px;
	float:left;
	}	
	#top-topics h4{
	color:#FFF;
	padding:0px;
	margin:0;
		}
	#top-topics iframe{
	width:305px;
	height:150px;
	overflow:auto;
	border-top:0;
	}


#top-event{/*イベント情報*/
	width:305px;
	margin:0px 0 0 0px;
	float:right;
	}	
	#top-event h4{
	color:#FFF;
	padding:0px;
	margin:0;
		}
	#top-event iframe{
	width:305px;
	height:150px;
	overflow:auto;
	border-top:0;
	}
	
/*新着情報(WN02)　フレーム内
----------------------------------------------------------------*/	
#wn02 {
	width:305px;/* topics2のwidth - 20px(スクロールバーの分) */
	height:150px;
	overflow:auto;
	}

#wn02 dl {	/*　文字全体　*/
	line-height:16px;
	margin:10px 0px 5px;
	padding:0;
	clear:both;
}
#wn02 dt {	/*　日付部分　*/
	float:left;
	color:#09592a;
	font-size:11px;
	font-weight:bold;
	margin:0px;
	padding:0 0 3px 0;
	width:90px;
	}
#wn02 dl dd {	/*　本文部分　*/
	font-size:12px;
	margin:0;
	padding:0 0px 5px 90px;
	background-image:url(../common_img/dot_line01.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	width:205px;
}
#wn02 .vdate {	/*　日付部分 floatなし　*/
	color:#09592a;
	font-size:11px;
	font-weight:bold;
	margin:0px;
	padding:6px 0;
	width:90px;
	line-height:1.1em;
	border-bottom:1px dotted silver;
	}
#wn02 .vtitle {	/*　本文部分　*/
	font-size:12px;
	line-height:1.3em;
	margin:0;
	padding:5px 0;
	border-bottom:1px dotted silver;
	width:215px;
}
#wn02 dl dd td a{
	color:#333;
	text-decoration:underline;
	}
#wn02 dl dd td a:hover{
	color:#808080;
	text-decoration:underline;
}