/* CSS Document */
body { margin:0px; }

#main{
 border-radius: 20px;
 width:580px;
 margin-left:auto;
 margin-right:auto;
 border:solid 4px #6699FF;
 padding:20px;
 font-size: 12px;
 line-height: 20px;
 background-color:#FFFFFF;
 }
 table.link_table{
    tabel-layout:fixed; 
	border-top:1px solid #999999;
    border-left:1px solid #999999;
    border-collapse: collapse;
    border-spacing:0;
    background-color: ;
	text-align:center;
    empty-cells:show;
	
}
.link_table th{
    border-right:1px solid  #999999;
    border-bottom:1px solid #999999;
    background-color: #0099FF;
    padding:0.3em 1em;
	text-align:center;
	letter-spacing: 1em;
   color:#FFFFFF;
   font-size:13px;
}
.link_table td{
    border-right:1px solid  #999999;
    border-bottom:1px solid #999999;
    padding:0.3em 1em;
}
.size12haba20 {
	font-size: 12px;
	line-height: 20px;
	}

.link_table td a{
   font-size:13px;
   color:#3366FF;
   text-decoration:none;
   }
.link_table td a:hover{
   text-decoration:underline;
   color:#FF0000;
   }   

table.link_table td.setumei{
   text-align:left;
  }
/*マップとリンクテーブル*/
.map_table td{  
    text-align:left;
	font-size:12px;
	border-bottom:solid 1px #0099FF;
      }
.map_table td a{
     color:#3366FF;
	 text-decoration:none;
	 }	
.map_table td a:hover{
     color:#FF9900;
	 text-decoration:underline;
	 }
#link_bar{
    border-bottom:solid 1px #3366FF;
	font-size:14px;
	width:400px;
	text-align:center;
	}	 
/*メニューテーブル*/
.menu_table td{
     text-align:left;
	 }	 	 	 	 
/*cssによるロールオーバー*/
#image a{
 color: #0066FF;
 text-align:center;
 text-decoration:none;} 
#image a:hover{
 color:orange; }
 
/*cssによるロールオーバーその２*/
#link a{
 color: #0066FF;
 text-align:left;
 text-decoration:none;} 
#link a:hover{
 color:orange; }

/*returnボタンロールオーバー*/
#bottan a{
    display: block;
    overflow: hidden;
    height: 0px;
    width: 84px;
    background-image:url(top_image/back.gif);
    padding-top: 23px;
    text-align: center;
    margin: 10px 10px;
	}
#bottan a:hover {
    background-image:url(top_image/back_2.gif);
	  }
/*ホームボタンロールオーバー*/
#home a{
    display: block;
    overflow: hidden;
    height: 0px;
    width: 89px;
	background-image:url(top_image/home.gif);
    padding-top:21px;
    text-align: center;
    margin: 10px 30px;
	}
#home a:hover {
    background-image:url(top_image/home_2.gif);
	  }
/*次へボタンロールオ*/
#next a{
    display: block;
    overflow: hidden;
    height: 0px;
    width: 86px;
	background-image:url(top_image/next.gif);
    padding-top: 23px;
    text-align: center;
    margin: 10px 0px;
	}
#next a:hover {
    background-image:url(top_image/next_2.gif);
	  }
		  
#map {
 text-align:center;
 background-color: #FFFFFF;
 border-color: #ddd;
 border-width: 1px;
 padding: 3px 3px 3px 3px;
 border-style: solid;
 }
 #national {
 text-align:center;
 background-color: #eee;
 border-color: #ddd;
 border-width: 1px;
 padding: 5px 5px 5px 5px;
 border-style: solid;
 float:left;
 margin-left:150px;
 }
 
 table.pro_box01{
     margin-top:30px;
	 margin-left:auto;
	 margin-right:auto;
	 }
	 
 .pro_box01 td{
	  height:50px;
	 }
	 
#picture01 {
 text-align:center;
 background-color: #eee;
 border-color: #ddd;
 border-width: 1px;
 padding: 5px 5px 5px 5px;
 border-style: solid;
 float:left;
 margin-top:20px;
 }	 
#picture02 {
  text-align:center;
 background-color: #eee;
 border-color: #ddd;
 border-width: 1px;
 padding: 5px 5px 5px 5px;
 border-style: solid;
 float:right;
 margin-top:40px; 
 }
 
 #picture03{
	clear:both;
	text-align:center;
    background-color: #eee;
    border-color: #ddd;
    border-width: 1px;
    padding: 5px 5px 5px 5px;
    border-style: solid;
	float:left;
	margin-top:20px;
	margin-left:150px;
  }
.picture_moji {
    margin-top:7px;
	}
#honbun {
	font-size:12px;
	width:550px;
	margin-left:20px;
	}		
		
#top_title01{
    width:550px;
	height:18px;
	border:solid 5px #6699FF;
	border-radius: 10px;
	font-size:13px;
	color:#FFFFFF;
	background-color:#6699ff;
	margin-top:15px;
	margin-bottom:20px;
	text-align:left;
	padding-left:20px;
	}
tabel.nojyuku {
    text-align:left;
	font-size:15px;
	}
.nojyuku td{
    text-align:left;
	border-bottom:solid 1px #00CCFF;
	font-size:13px;
	}		
	
#nojyuku01 {
 float:left;
 text-align:left;
 background-color:#FFFFFF;
 border-color: #ddd;
 border-width: 1px;
 padding: 5px 5px 5px 5px;
 border-style: solid;
 margin-left:35px;
 margin-bottom:20px;
}

#nojyuku02{
 float:left;
 text-align:left;
 background-color:#FFFFFF;
 border-color: #ddd;
 border-width: 1px;
 padding: 5px 5px 5px 5px;
 border-style: solid;
 margin-left:50px;
 margin-bottom:20px;
 }	

#nojyuku_moji{
 text-align:left;
 width:400px;
 }
 
/*野宿ページの写真下の文字設定など*/
#title02{
  width:350px;
  font-size:14px;
  border-bottom:solid 1px #3366FF;
  border-left:solid 2px #3399FF;
  text-align:left;
  padding-left:10px;
  margin-top:20px;
  }
#nojyuku03{
  float:left;
 text-align:left;
 background-color:#FFFFFF;
 border-color: #ddd;
 border-width: 1px;
 padding: 5px 5px 5px 5px;
 border-style: solid;
 margin-left:100px;
 margin-bottom:20px; 
 }
 
/*写真と動画用テーブル*/
table.nojyuku th{
   font-size:13px;
   text-align:left;
   } 
.picture{
   background-color:#3366FF;
   color:#FFFFFF;
   border:solid 1px;
   border-radius: 5px;
   text-align:center;  
   }
.mov{   
   background-color:#FF9900;
   color:#FFFFFF;
   border:solid 1px;
   border-radius: 5px;
   text-align:center;  
   }

.th{   
    background-color:#3366FF;
   color:#FFFFFF;
   border:solid 1px;
   border-radius: 5px;
   text-align:center;  
   }
/*写真と動画の下の文字設定*/
#picturemov_moji_500{
   width:500px;
   }   
   
/*掲載メディアのスタイル*/
#picture_waku {
	border:solid 1px #CCCCCC;
	padding:5px 5px 5px 5px;
	line-height:30px;
	}   

table.media {
    tabel-layout:fixed; 
	border-top:1px solid #3366ff;
    border-left:1px solid #3366ff;
    border-collapse: collapse;
    border-spacing:0;
    empty-cells:show;
    }
table.media th{
     background-color: #6699FF;
	 font-size:14px;
	 color:#FFFFFF;
	 border-right:1px solid  #33CCFF;
    border-bottom:1px solid #33CCFF;
	 }
.media td{
	 font-size:13px;
	 border-right:1px solid  #33CCFF;
     border-bottom:1px solid #33CCFF;
	}   
	
/*はじめにページ*/
#hajimeni{
    width:550px;
	padding-top:20px;
	margin-left:20px;
	}	
	
#hajimeni_title01{
    width:400px;
	border-bottom:solid 1px #3366FF;
	border-left:solid 5px #3366FF;
	font-size:14px;
	padding-left:10px;
	margin-bottom:20px;
	}	
#hajimeni_waku {
	border:solid 1px #CCCCCC;
	padding:5px 5px 5px 5px;
	float:right;
	margin-left:10px;
	text-align:center;
	}   	
#nagare{
    width:550px;
	clear:both;
	padding-top:20px;
	margin-left:20px;
	}
table.nagare01{
    font-size:12px;
	}
table.nagare01 td{
	border-bottom:solid 1px #3366FF;
	padding-bottom:5px;
	padding-top:5px;
	line-height: 20px;
	}	
	
/*インデックスページの設定*/
#index_main{
     width:800px;
	 background-color:#FFFFFF;
	 margin-top:0px;
	 padding-top:0px;
	 }
#index_picture{
     width:780;
	 margin-left:auto;
	 margin-right:auto;
	 }	 
	 
/*インデックスページのメニューロールオーバー設定*/
/* リスト全体 */
ul
   {
    width:780px;             /* リスト全体の幅 */
    height:50px;             /* リスト全体の高さ */
    list-style:none;         /* リストマークを無しにする */
	margin-top:0px;
	padding-left:0px;
	margin-bottom:0px;
	margin-left:0px;
   }

/* 各項目 */
li
   {
    width:130px;             /* 項目の幅 */
    height:50px;             /* 項目の高さ */
    float:left;              /* 各項目を左側から回り込み */
   }

.hajimeni a
   {
    display:block;            /* リンク範囲をブロックに変換 */
    width:100%;               /* リンク範囲（幅）をリスト項目範囲全て */
    height:100%;              /* リンク範囲（高さ）をリスト項目範囲全て */
    background-image:url(top_image/top_bottan.gif);   /* リンク範囲の背景画像設定 */
    background-position:0px 0px;
                     /* ★↑背景画像の（0px 0px）の位置★ */
    background-repeat:no-repeat;  /* 背景画像繰り返し表示しない */
    text-indent:-1000em;              /* リストの文字を枠外のずらす */
    text-decoration:none;             /* リストの下線を表示しない */
    }
.hajimeni a:hover
   {
    background-image:url(top_image/top_bottan.gif); /*マウスが上に来た時の背景画像設定 */
	background-position:0px -50px;
	 }
.pro a
   {
    display:block;           
    width:100%;              
    height:100%;             
    background-image:url(top_image/top_bottan.gif);  
    background-position:-130px 0px;
    background-repeat:no-repeat;  
    text-indent:-1000em;              
    text-decoration:none;            
    }
.pro a:hover
   {
    background-image:url(top_image/top_bottan.gif); 
	background-position:-130px -50px;
	 }	 	
.map a
   {
    display:block;           
    width:100%;              
    height:100%;             
    background-image:url(top_image/top_bottan.gif);  
    background-position:-260px 0px;
    background-repeat:no-repeat;  
    text-indent:-1000em;              
    text-decoration:none;            
    }
.map a:hover
   {
    background-image:url(top_image/top_bottan.gif);
	background-position:-260px -50px;
	 }	 
.diary a
   {
    display:block;           
    width:100%;              
    height:100%;             
    background-image:url(top_image/top_bottan.gif);  
    background-position:-390px 0px;
    background-repeat:no-repeat;  
    text-indent:-1000em;              
    text-decoration:none;            
    }
.diary a:hover
   {
    background-image:url(top_image/top_bottan.gif); 
	background-position:-390px -50px;
	 }	
.bbs a
   {
    display:block;           
    width:100%;              
    height:100%;             
    background-image:url(top_image/top_bottan.gif);  
    background-position:-520px 0px;
    background-repeat:no-repeat;  
    text-indent:-1000em;              
    text-decoration:none;            
    }
.bbs a:hover
   {
    background-image:url(top_image/top_bottan.gif); 
	background-position:-520px -50px;
	 }	
.link01 a
   {
    display:block;           
    width:100%;              
    height:100%;             
    background-image:url(top_image/top_bottan.gif);  
    background-position:-650px 0px;
    background-repeat:no-repeat;  
    text-indent:-1000em;              
    text-decoration:none;            
    }
.link01 a:hover
   {
    background-image:url(top_image/top_bottan.gif); 
	background-position:-650px -50px;
	 }	 		  		  		 		 
#middle_bar {
    width:780px;
	height:25px;
	background-image:url(top_image/middl_bar.gif);
	padding:0px;
	margin-bottom:20px;
	}	 
#index_main02 {
    width:580px;
	background-image:url(top_image/title01.gif);
	background-repeat:no-repeat;
	padding-top:40px;
	background-color:#FFFFFF;
	float:left;
	margin-left:10px;
	border-right:solid 1px #666666;
	}
#index_main03{
    width:560px;
	text-align:left;
	font-size:13px;
	line-height:20px;
	}
#update{
    width:560px;
	margin-top:10px;
	text-align:left;
	font-size:12px;
	padding-left:10px;
	line-height:18px;
	}	
#middle_title {
    width:560px;
	background-image:url(top_image/title02.gif);
	background-repeat:no-repeat;
	padding-top:35px;
	margin-top:10px;
	text-align:left;
	font-size:12px;
	line-height:25px;
	background-position:0px 0px;
	border-bottom:solid 1px #CCCCCC;
	padding-left:10px;
	}
.index_link a{
    color:#3366FF;
	text-decoration:none;
	}
.index_link a:hover{
    color:#FF0000;
	text-decoration:underline;
	}	
/*スペシャル編の構成*/
#specal_title {
    width:560px;
	background-image:url(top_image/title03.gif);
	background-repeat:no-repeat;
	padding-top:35px;
	margin-top:20px;
	text-align:left;
	font-size:12px;
	line-height:10px;
	background-position:0px 0px;
	border-bottom:solid 1px #CCCCCC;
	}	
#index_0max {
    width:550;
	margin-top:5px;
	
	}
table.max00 {
    
    }

.max00 td{
     margin-top:0px;
	 padding-top:0px;
	 font-size:13px;
	 line-height:20px;
	}   
.special_link a {
    font-size:13px;
	line-height:14px;
	color:#0099FF;
	text-decoration:none;
	}
.special_link a:hover{
    color:#FF0000;
	font-size:14px;
	text-decoration:underline;
	}	
		

#index_main04{
    width:190px;
	float:right;
	margin-right:10px;
	}
	
table.index_link_box{
	font-size:11px;
	line-height:14px;
	text-align:left;
	}	
	
#index_foot{
    clear:both;
	margin-top:30px;
	width:780px;
	}
#footer_box{
    width:780;
	font-size:10px;
	border-top:solid 1px #999999;
	text-align:center;
	padding-top:3px;
	margin-bottom:50px;
	letter-spacing:0.15em;
	}	
.footer_link a{
    text-decoration:none;
	color:#333333;
	}
.footer_link a:hover{
    text-decoration:underline;
	color:#0000FF;
	}	
							 
#facebook{
   width:189px;
   }
#facebook_pro{
   widht 180px;
   float:right;
   }   
#facebook_message{
   widht:180;
   margin-left:20px;
   float:right;
   }
.message_moji{
   font-size:14px;
   }
#message_box{
   width:500px;
   height:300px;
   margin-left:30px;
   }