* {
	margin: 0;
	padding: 0;
}

body {
	text-align: center;
	font-family: Verdana,sans-serif;
	font-size: 75%;
	background-image: url(../images/back.gif);
	background-position: center;
	background-repeat: repeat-y;
}

#wrapper {
	width:: 800px;
	height: auto;
	background-image: url(../images/line.gif);
	background-repeat: repeat-y;
	background-position: center;
	margin: 0 auto;
}

#wrapper #header {
	background-image:url(../images/header.gif);
	background-repeat:no-repeat;
	background-position: center;
	width: 800px;
	height: 80px;
}

#header h1 {
	text-indent: -9999px;
}

#navi {
	width: 800px;
	height: 20px;
}

#navi ul{
  list-style : none;  /*リストマークを消す*/
	text-indent: -9999px;
}

#navi li{
  width : 160px;  /*リストの幅の設定*/
	height: 20px;
  float:left;  /*これで一列にリストを並ばせる*/
}

.navi1 a{
  display:block;  /*リンク範囲をブロックに変更する*/
  width:100%;     /*リンク範囲の横幅は100％*/
  height : 20px;  /*リンク範囲の高さを自動に：firefox必須*/
  background-image: url(../images/menu.gif);  /*off画像*/
  background-position : 0 0;  /*画像を左上に配置*/
  background-repeat : no-repeat;   /*背景画像を繰り返さない*/     
  text-decoration : none;  /*下線を表示しない*/  
}

.navi2 a{
  display:block;  /*リンク範囲をブロックに変更する*/
  width:100%;     /*リンク範囲の横幅は100％*/
  height : 20px;  /*リンク範囲の高さを自動に：firefox必須*/
  background-image: url(../images/menu.gif);  /*off画像*/
  background-position : -160px 0;  /*画像を左上に配置*/
  background-repeat : no-repeat;   /*背景画像を繰り返さない*/     
  text-decoration : none;  /*下線を表示しない*/  
}

.navi3 a{
  display:block;  /*リンク範囲をブロックに変更する*/
  width:100%;     /*リンク範囲の横幅は100％*/
  height : 20px;  /*リンク範囲の高さを自動に：firefox必須*/
  background-image: url(../images/menu.gif);  /*off画像*/
  background-position : -320px 0 ;  /*画像を左上に配置*/
  background-repeat : no-repeat;   /*背景画像を繰り返さない*/     
  text-decoration : none;  /*下線を表示しない*/  
}

.navi4 a{
  display:block;  /*リンク範囲をブロックに変更する*/
  width:100%;     /*リンク範囲の横幅は100％*/
  height : 20px;  /*リンク範囲の高さを自動に：firefox必須*/
  background-image: url(../images/menu.gif);  /*off画像*/
  background-position : -480px 0;  /*画像を左上に配置*/
  background-repeat : no-repeat;   /*背景画像を繰り返さない*/     
  text-decoration : none;  /*下線を表示しない*/  
}

.navi5 a{
  display:block;  /*リンク範囲をブロックに変更する*/
  width:100%;     /*リンク範囲の横幅は100％*/
  height : 20px;  /*リンク範囲の高さを自動に：firefox必須*/
  background-image: url(../images/menu.gif);  /*off画像*/
  background-position : -640px 0;  /*画像を左上に配置*/
  background-repeat : no-repeat;   /*背景画像を繰り返さない*/     
  text-decoration : none;  /*下線を表示しない*/  
}


#navi li a:visited{
  color:brown;
  text-decoration : none;  /*下線を表示しない*/
} 
                
.navi1 a:hover{  /*マウスポインタがリンクに重なったときの設定*/
  background-image: url(../images/menu.gif);   /*on画像*/
  background-position : 0 -20px;  /*画像を左上に配置*/
  background-repeat : no-repeat;   /*背景画像を繰り返さない*/   
}

.navi2 a:hover{  /*マウスポインタがリンクに重なったときの設定*/
  background-image: url(../images/menu.gif);   /*on画像*/
  background-position : -160px -20px;  /*画像を左上に配置*/
  background-repeat : no-repeat;   /*背景画像を繰り返さない*/   
}

.navi3 a:hover{  /*マウスポインタがリンクに重なったときの設定*/
  background-image: url(../images/menu.gif);   /*on画像*/
  background-position : -320px -20px;  /*画像を左上に配置*/
  background-repeat : no-repeat;   /*背景画像を繰り返さない*/   
}

.navi4 a:hover{  /*マウスポインタがリンクに重なったときの設定*/
  background-image: url(../images/menu.gif);   /*on画像*/
  background-position : -480px -20px;  /*画像を左上に配置*/
  background-repeat : no-repeat;   /*背景画像を繰り返さない*/   
}

.navi5 a:hover{  /*マウスポインタがリンクに重なったときの設定*/
  background-image: url(../images/menu.gif);   /*on画像*/
  background-position : -640px -20px;  /*画像を左上に配置*/
  background-repeat : no-repeat;   /*背景画像を繰り返さない*/   
}

#kaisou {
	width: 790px;
	height: 20px;
	text-align: left;
	line-height: 20px;
	margin-left: 10px;
	font-size: 75%;
}

#kaisou a {
	text-decoration: none;
}

#fladoc {
	width: 800px;
	height: 200px;
}


#contents {
	width: 800px;
	height:auto;
}

#side_r {
	width: 280px;
	height: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	float: right;
}

#side_r_special {
	width: 268px;
	height: auto;
	margin-right: 10px;
	border: solid 1px #999999;
	background-color: #FFFFFF;
	text-indent: -9999px;
}

#side_r_mixi {
	width: 268px;
	height: auto;
	margin-top: 10px;
	margin-right: 10px;
	border: solid 1px #999999;
	background-color: #FFFFFF;
	text-indent: -9999px;
}

#side_r_special .special {
	background-image: url(../images/special.gif);
	background-repeat: no-repeat;
	background-position: left;
	text-indent: -9999px;
	margin-top: 0;
	line-height: 20px;
}

#side_r_mixi .mixi {
	background-image: url(../images/mixi.gif);
	background-repeat: no-repeat;
	background-position: left;
	text-indent: -9999px;
	line-height: 20px;
}

#side_r h2 {
	width: 268px;
	font-size: 10px;
	text-indent: 0px;
	line-height: 100%;
}

#side_r p {
	text-align: left;
	line-height: 120%;
	font-size: 10px;
}



#side_l {
	width: 500px;
	height: auto;
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
}

#side_l_menu {
	width: 498px;
	height: auto;
	float: left;
	display:inline;
	margin-left: 10px;
	background-color: #FFFFFF;
	border: solid 1px #CCCCCC;
}

#side_l h1 {
	background-image: url(../images/news.gif);
	background-repeat: no-repeat;
	background-position: left;
	text-indent: -9999px;
	margin-top: 0;
	line-height: 20px;
}

#side_l h2 {
	width: 470px;
	text-align: left;
	font-size: 12px;
	background-image: url(../images/red_mark.gif);
	background-repeat: no-repeat;
	background-position: left;
	text-indent: 10px;
	line-height: 150%;

}

#side_l p {
	text-align: left;
	line-height: 120%;
	font-size: 10px;
	width: 450px;
	height: 20px;
}


#footer {
	background-image: url(../images/footer.gif);
	clear: both;
	background-repeat: no-repeat;
	background-position: center;
	width: 800px;
	height: 80px;
}

#footer p {
	font-size: 75%;
	margin-top: 10px;
}

#footer a {
	text-decoration: none;
}

/*-------------------------------sche.css start-------------------------------*/

#side_r_month {
	width: 280px;
	height: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	float: right;
}

#side_r_menu {
	width: 268px;
	height: auto;
	margin-right: 10px;
	background-color: #FFFFFF;
	text-indent: -9999px;
}


#side_r_month h2 {
	width: 268px;
	font-size: 12px;
	text-indent: 0px;
	line-height: 200px;
}

#side_r_month p {
	text-align: left;
	line-height: 120%;
	font-size: 10px;
}

#side_r_month .month {
	background-image: url(../schedule/images/month.gif);
	background-repeat: repeat-y;
	background-position: left;
	line-height: 20px;
	font-size: 75%;
	text-indent: 20px;
	text-align: left;
}

#side_r_month .get_month {
	background-image: url(../schedule/images/get_month.gif);
	background-repeat: repeat-y;
	background-position: left;
	line-height: 20px;
	font-size: 75%;
	text-indent: 20px;
	text-align: left;
}

#side_r_month a {
	text-decoration: none;
}
	
#side_l_sche {
	width: 500px;
	height: auto;
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
}

.side_l_day {
	width: 498px;
	height: auto;
	float: left;
	display:inline;
	margin-left: 10px;
	margin-bottom: 10px;
	background-color: #FFFFFF;
	border: solid 1px #CCCCCC;
}

#side_l_sche h2 {
	width: 470px;
	text-align: left;
	font-size: 12px;
	background-image: url(../schedule/images/day.gif);
	background-repeat: no-repeat;
	background-position: left;
	text-indent: 10px;
	line-height: 200%;

}

#side_l_sche .sat{
	width: 470px;
	text-align: left;
	font-size: 12px;
	color: #0000FF;
	background-image: url(../schedule/images/day.gif);
	background-repeat: no-repeat;
	background-position: left;
	text-indent: 10px;
	line-height: 200%;
}

#side_l_sche .sun{
	width: 470px;
	text-align: left;
	font-size: 12px;
	color: #FF0000;
	background-image: url(../schedule/images/day.gif);
	background-repeat: no-repeat;
	background-position: left;
	text-indent: 10px;
	line-height: 200%;
}

#side_l_sche p {
	text-align: left;
	line-height: 120%;
	font-size: 10px;
	width: 450px;
	height: 20px;
}

/*-------------------------------sche.css end-------------------------------*/

/*-------------------------------menu.css start-------------------------------*/

#menu {
	width: 780px;
	height: auto;
	float: left;
	margin-top: 10px;
}

.menu_contents {
	width: 778px;
	height: auto;
	float: left;
	display:inline;
	margin-left: 10px;
	margin-bottom: 10px;
	background-color: #FFFFFF;
	border: solid 1px #CCCCCC;
}

.menu_l {
	width: 259.4px;
	height: auto;
	float: left;
	
}

#menu h1 {
	width: 770px;
	text-align: left;
	font-size: 12px;
	background-image: url(../images/red_sq.gif);
	background-repeat: no-repeat;
	background-position: left;
	text-indent: 10px;
	line-height: 150%;
	border-bottom: solid 1px #999999;
}

#menu p {
	text-align: left;
	line-height: 100%;
	font-size: 10px;
	margin-top: 5px;
	width: auto;
	height: 15px;
	text-indent: 30px;
}

/*-------------------------------menu.css end-------------------------------*/

/*-------------------------------link.css start-------------------------------*/

#side_l_link {
	width: 500px;
	height: auto;
	float: left;
	margin-top: 10px;
}

.side_l_site {
	width: 498px;
	height: auto;
	float: left;
	display:inline;
	margin-left: 10px;
	margin-bottom: 10px;
	background-color: #FFFFFF;
	border: solid 1px #CCCCCC;
}

#side_l_link h1 {
	width: 470px;
	text-align: left;
	font-size: 12px;
	background-image: url(../images/orenge_mark.gif);
	background-repeat: no-repeat;
	background-position: left;
	text-indent: 10px;
	line-height: 150%;
	border-bottom: solid 1px #999999;
}

#side_l_link p {
	text-align: left;
	line-height: 100%;
	font-size: 10px;
	margin-top: 5px;
	width: 450px;
	height: 20px;
}

#side_l_link a {
	text-decoration: none;
}

#side_l_link .banner{
	height: auto;
	margin-bottom: 5px;
}

/*-------------------------------link.css end-------------------------------*/