/*-------------　背景の表示　------------------------ */
body {
	border-top: #663399 10px solid;             /* 　最上側枠線　紫色 */   
	padding-left: 0px; 
	padding-bottom: 0px; 
	margin: 0px;  
	padding-top: 0px; 
	background-color: #fffaf0;  
   	background-image:url(../image/bg039.gif);   /* 全体の背景　本体左右のクリーム色部分　*/
 /*    background-image:url(image/ground2.gif);   */ /* 全体の背景　本体左右の灰色部分　*/

}


html {
filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#ffedcd);
}




/*---------表示部分全体を中央に表示させる　------------ */
.contents {
 
	border-top-width: 0px; 
	border-right: #c0c0c0 1px solid;             /*  右側枠線　灰色 */  
	border-left: #c0c0c0 1px solid;              /*  左側枠線　灰色 */  
	background-image:url(image/ground.gif); 
	background-repeat:repeat;
/*	height: 100%;  */
	margin:0 auto; 
	width: 850px;  /*   850px  */
/*	height: 1300px; 　　 中央表示部分の縦の長さ　*/
 
}


/* TakayamaLine ロゴ　*/
.saizyoudan img {
	margin: 10px 0px 0px 10px;
/*	padding:1px 0px 0px 30px; */
}


.saizyoudan a {
	margin-left: 630px;
	font-size:12px;
	color: #9F7112;   /* #77b60a;  */
}

/*
.map a {
	margin-left: 760px;
	font-size:11px;
	color: #77b60a;
}
*/



/*  写真 &写真内部にロゴ　   使用していない　*/
.minrogo img{
	width: 850px;
	margin-bottom: 0px; 
	padding:0px 0px 0px 0px; 
	vertical-align: text-bottom;
	background-image: url(image/img1_3.jpg); 

}



/*  フェードイン、アウトの写真を固定位置に表示　　*/
.photoA{
	position:  absolute; 
	top: auto;
	left: auto;
}

.photoB{
	position: absolute;  
	top: auto;
	left: auto;
}

.photoC{
	position: absolute; 
	top: auto;
	left: auto;
}

.photoD{
	position:absolute; 
	top: auto;
	left: auto;
}

}

.photoMoji{
	position:absolute; 
	top: auto;
	left: 150px;
}



/*     旅へ・・高山本線　　*/
.photoE{
	position: absolute; 
	top: auto;      /* 245px;  */
	left: auto;  /* 450px;   */

}
/*  写真追加する時　　使用してない　　*/
/*
.photoF{
	position: absolute; 
	top: 45px;
	left: 250px;
}
*/


/*  　ベル　  第3段目シート専用*/
	/*  右ベル　　*/
.flower1 img {
	float:left; 
	margin:20px 0px 0px 200px;  
	padding-top:20px;
}
	/*  左ベル　　*/
.flower2 img {
 	float:left; 
	margin:20px 0px 0px 0px;  
	padding-top:8px;  
}




.kasen {
	margin:80px 250px 0px 280px;  /*  100px 200px 0px 210 px  */
	padding-bottom: 0px; 
/*	border-bottom: 1px ridge #c7f00a;  */

}



/*  画面中央部の施設名（見出し） 第3段目シート専用　*/
 

.midasi3 h1{ 
	float:left; 
	width: 320px;		 /* 300    250  */
	height: 40px;
	margin: 60px 0px 10px 40px;	 /* 15  0  0  40    ローカルで表示の場合の正常値　*/
	padding-right: 0px; 
	padding-top: 0px;  /*  15px  */
	padding-bottom: 0px; 
/*	border-style: 5px solid  #c0c0c0;     */ /*  #ff0000; */
	color:#ff0000;    /*  #996600; 茶色　 */
	font-size:20px;
	text-align: center;
/*border-width:2px;
border-color:#6699cc;
border-style:solid; */
}


.midasi3 p{
	text-align: center;
	font-family:"critter",fantasy;  
	font-size:40px;  
}



}




/*  画面中央部の施設名（文字数が多い見出し） 第3段目シート専用　*/
 
.midasi33 {
	float:left; 
	width: 360px;		 /* 文字数が多い場合は300を400とする  */
	margin: 35px 0px 0px 0px;	 /* 文字数が多い場合は左Marginを少なく0とする  */
	padding-right: 0px; 
	padding-top: 15px;
	padding-bottom: 0px; 
/*	border: 1px solid  #c0c0c0;    */  /*  #ff0000; */
	color: #996600;   /*   茶色　 */
	height: 0px;
	font-size:20px;
	/* text-align: center;　　*//* 文字数が多い場合はcenteは取りやめ  */
}


.midasi33 p{
	text-align: center;　　
	font-family:"critter",fantasy;  
	font-size:40px;  
}





/*  ・沿線案内　の装飾（文字のサイズ、色）　 */ 
    span#sample1 {
	margin-top: 0px;   /*  50  */
	margin-bottom: 0px; 
	margin-left: 0px; /*  10  */
	padding-top:0px;    /*  50  */
	padding-bottom:0px;
	font-weight: 500;
	font-size: 20px; 
	color: #666600;     /* #ffffff;     32cd32; */
	/*border: 5px solid  #c0c0c0;    */  /*  #ff0000; */
       }

    span#sample2 {
	padding-top:0px;   /*  50  */
	padding-bottom:0px;
	padding-left:1px;
	margin-top: 0px
	margin-bottom: 0px; 
	font-weight: 400; 
	font-size: 14px; 
	color: #666600;  

	font-style: normal	
       }  


    span#sample3 {
	padding-top:0px;   /*  50  */
	padding-bottom:0px;
	padding-left:1px;
	margin-top: 0px
	margin-bottom: 0px; 
	font-weight: 400; 
	font-size: 12px; 
	color:#006600;    /* #666600;    32cd32; */ 
	font-style: normal	
       }  


/*  ---  leftmenu 用 ---   */
     span#sampleA {
/*	white-space: normal; */
	vertical-align:bottom;
	line-height: 20px;
	margin-top: 0px; 
	margin-left: 40px; 
	font-weight: 500; 
	font-size: 18px; 
	color:#666600;     /*  #ffffff;    32cd32; */ 
	font-style: normal
       }



/*=========== ”旅へ”の部分　（美濃、飛騨、越中などの地域選択メニューの共通の枠）　===========*/

.menu {
	width: 860px;        /* 860   横メニューバーの横幅   */
	margin: 352px 0px 0px 0px;  /*   384  */
}

/* 横列メニュー(美濃、飛騨、越中）などの文字枠 */
.menu a {
	float: left;  
	display: block;  
	padding-top: 8px;    /* 7px  */
	height:20px;   /*  18   メニュー枠の縦幅　　*/
	padding-right: 0px; 
	padding-left: 0px; 
	font-size: 14px; 
    /*メニューの枠線の色    (灰色　背景色より少し濃い灰色）　　*/
	border-right:1px solid #999999;
	border-left:1px solid #999999;
	border-bottom:5px solid #663399; /* メニュー下線　紫色　*/
	width: 168px; 　　　　/*  168メニュー灰色背景の横寸法*/
	margin: 0px 0px 0px 0px;
 	background-image: url(image/top_menubotan.gif);  
	text-align: center; 
	text-decoration: none;  
	color:#666600;　　　/* 文字色　金 色　*/
	font-family: "ms p明朝",serif;    
	line-height: normal;　　 /*  13 美濃、飛騨などのメニュー文字の縦位置　*/
}


/*  現在選択されている地区メニュー名を茶色の下線とする */
.locss_v a{
	border-bottom:5px solid  #cc8a06;　/*　d99713;　　 #3399ff;   下線　 青色 */
	color:#8b4513; 
	font-size: 15px; 
	font-weight:500;  
	background-image: url(image/top_menubotan_z_copy.gif);  
}


/*    現在選択されている地区メニューに桃色の下線を付け、バックグランドも変化させない  */
   使用していない

.locss_v a:hover{
	background-image: url(image/top_menubotan_z_copy.gif); 
	color::#0000ff; 
	font-size: 15px; 
	border-bottom:5px solid  #663399;   /*   下線 紫色 　変化させない*/
/*	color: #999900;  */
}




/*  ---------------------------  */
/* 未訪問　*/
.menu a:link{
/*	background-color:#666600;  #666600=　 #008955;=青　#ccccd9;=白灰色　*/
	color:#666600;　　　/* 文字色　金 色　*/
	outline: none;
}

/*　訪問済み　*/
.menu a:visited{
	background-color:#ccccc3;	/*  background-coloは文字色指定よりも前に記入すること　*/
	color: #666600;　　　/*  金色　*/

}

/*　マウス　オーバー時　*/
.menu a:hover{
	color:#663399; 
	border-bottom:4px solid #ff0000;   /*   下線　赤線　　濃緑色666600*/
	background-image: url(image/top_menubotan_b.gif); 
	font-weight:500;     /* 太字指定　*/
	font-size: 16px; 
}


/* a要素がアクティブ時　(クリックしているとき）　*/
.menu a:active {
	background-image:none;
	background-color: transparent; 	/* 透明 */
	color:#999900;　　　/* 文字色　金 色　*/
	border-bottom:1px solid #999999;      /*  10px 下線　灰色 */
outline: none;
}


/*  ---------------------------------  */
.floatclear{
	clear:right;
}



/* =====================  left menu ==============*/

.leftmenu{
	position:absolute;                /*　　変更　　*/
	top: 35px;
	left: auto;
/*	float: left;  */
	width:85px;   			/* 104 leftmenu全体の外枠の横幅  */
	height: 35px;  		 /* 30px 本文の文字と上部ヘッダーの間隔 */
	padding: 1px 0px 0px 0px; 	 /*  10px 0px 0px 10px;   左メニュー枠の位置を設定 */
	margin: 0px 0px 0px 0px; 	/* margin: 80px 0px 0px 0px;  */

}


.locss  {
}

/*  選択した後のleftmenuの状態　*/
.locss  p {
	display:block;
	margin: 0px 0px 0px 0px;  
	padding: 10px 0px 0px 25px;
	width:112px;   /*  72  */
	height: 35px;   /*  20px  */
	border-bottom:1px solid #ffffff;  
	font-size:14px;    /*  13.5px  */
	font-weight:500;
	color: #ffa500;    /*ffd700;  金色     ffa500; 茶色*/
	list-style-type: none;
}


/*  訪問していない地区名の文字色（白色）状態　*/
.locss2  p {
	display:block;
	margin: 0px 0px 0px 0px;  
	padding: 10px 0px 0px 25px;
	width:112px;   /*  72  */
	height: 35px;   /*  20px  */
	border-bottom:1px solid #ffffff;  
	font-size:14px;    /*  13.5px  */
	font-weight:500;
	color: #999999;    /*ffd700;  金色     ffa500; 茶色*/
	list-style-type: none;
}






/*  各メニュー間の空白部分　　*/
.spes  {
    width:105x;   /* 105  */
	padding-left: 13px; 
	padding-right: 13px; 
}



/*  leftmenu の各項目の枠　*/
.leftmenu {
	padding:10px 0px 0px 5px;
	width:112px;  /*  102  */
/*	display: block; */
	list-style-type: none; 
	margin-left:20px;   /*  5px  */
/*	border: 1px solid  #6666ff; */

}


.leftmenu a{
	display: block; 
	margin: 0px 0px 0px 0px;  
	padding:15px 5px 0px 25px;  
 	text-decoration:none;        /*   linkの下線を表示しない　*/
	height: 35px;  
	list-style-type: none; 
	width:112px;  
	color:#ffffff;
	font-weight:100;
	font-size:13.5px;
	border-bottom:1px solid #ffffff;  
outline: none;
/*	border: 1px solid  #6666ff; */
}


/* 未訪問　*/
.leftmenu a:link{
/*	background-color:#666600;   #666600=　 #008955;=青　#ccccd9;=白灰色　*/
	color:#ffffff;

}

/*　訪問済み　*/
.leftmenu a:visited{
/*	color: #9400d3;　　*/ 　/*  明るい紫　*/
	color: #ffffff;
	width:112px;
}

/*　マウス　オーバー時　*/
.leftmenu a:hover{
	font-weight:500;
	font-size:14px;
	color: #ffa500;     /* fd700; 茶色　*/ 
 	padding:15px 5px 0px 25px;
	height: 35px; 
 /*	background-image: url(image/left_ac6.gif);
	background-repeat: no-repeat;　　*/
	width:112px;    /* 100  */
 }



/* a要素がアクティブ時　　*/
.letmenu a:active {
	color: #666600;　　/* #999999;  */
/*	color: #0000ff; */

/*	background-color: #ffffff; */  	/* 白 */
/*	borer: 2px solid #143a4c; */
/*	back-right: 2px solid #2f7494; */
/*	bock-bottom: 2px solid #2f7494 */
}

/*
.floatclear2{
	clear:left;
}
*/


.contents.p{
	margin: 0px 0px 0px 0px;
           }  



/*=============================== メインエリア　================================ */
.main {	
/*	float: left; */
	margin: 0px 5px 0px 0px; 
 	width: 850px   /*   850px  */
}


/*  左メニュー上側の飾り花　*/
/*
.kazari img {
	float: left; 
	margin: 10px 0px 0px 60px;
border:2px solid #663399; 
}
*/



　　/*中央部分の見出し（飛騨・高山市内）　　*/

.tihou{

}


.tihou h1 {
	margin: 40px 285px 40px 285px; /*  410  */
	border-right:30px solid #ffa500;
	border-left:30px solid #ffa500;
/*	border:2px solid #ff0000; */
}


/*  施設一覧略説明　　２段目用　*/
/*　施設名称　左にベルを表示*/
.midasi h2 {
	width: 300px;     
	height: 40px;     /* 10px   */
	font-weight: 400; 
	font-size: 14px; 
	color: #006600;
	padding: 10px 0px 20px 80px;   
	margin: 0px 0px 0px 60px;	 
	background-image: url(image//botan-3a.gif); 
	background-repeat: no-repeat; 
    /* border:2px solid #663399;   */
}

/*   詳細施設名紹介シート（3段目用）　*/
/*　施設名称　ベルを表示なし*/
.midasi2 p {
	width: 300px;     
	height: 10px;  
	font-weight: 400; 
	font-size: 14px; 
	color: #006600;
	padding: 8px 0px 8px 60px;
	margin: 0px 0px 0px 0px;    /* 20px 0px 0px 0px */
/*	background-image: url(image//botan-3a.gif);  */
	background-repeat: no-repeat; 
/*      border:2px solid #663399;   */
}

.h2 p{
	padding: 0px 0px 10px 60px;
	margin: 0px 0px 50px 0px;   

}



/* -------- 　　本文の設定　　　 ---------*/

.text {
/*	float:left;       */                                  /*   変更　１　*/
	width: 400px;   /* 418px  */
}


.text p {
/*	text-align:left; */
	margin: 0px 0px 0px 20px;     /* right 40  */
	padding: 0px 0px 0px 20px;  
	font-size: 13.5PX;   /*  12px  */
 	line-height: 140%;
	font-family: "MS Pゴシック";
	color: #333300;   /*  濃茶色 */
/*   	border:3px solid #0977ce;　   　　　　/*　テスト　本文の枠線　*/
/*	background-color: #ffefd5;   */
}

.text a{
	text-decoration:none;        /*   linkの下線を表示しない　*/
}



.photo {
	float:right; 
width: 371px;
height:253px;  /*   253 */

	margin-top:0px;
	margin-left:0px;
	margin-right:10px;  
	padding-right: 8px; /*  1px  */
	padding-bottom: 9px;    
/*	 border:3px solid #ff77ce;       　　　　 テスト用写真の枠線        */
/*	background-image: url(image/kage_aaa.gif); */
	background-image: url(image/kage_aaa.jpg);
	background-repeat:no-repeat;
/*	background-position:100% 100%;   */ /*  40%   80%  */
	background-position:10% 30%;
/*	border:3px solid #0977ce;　*/ /*　テスト　枠線　*/
}

.photo2 {
	float:right; 
	margin-top:7px;
	margin-left:1em;
	margin-right:3em;     /*   5 em  */
	padding-right:15px;   /*  15 px  */
	padding-bottom: 12px; 
/*	 border:3px solid #ff77ce;            　 テスト用写真の枠線        */
	background-image: url(image/kage_eee.jpg); 
	background-repeat:no-repeat;
	background-position:60% 60%;

}


/*   写真　3段目専用　　*/

.photoarae {
	float:right; 
	width: 380px;  /*  小さくするとIE7が画面右に飛び出す　*/
	margin-leftt:0px;  
	margin-right:8px;  /*  15px  */
	padding-left: 0px;
/*	border: 2px solid #00ffff; */
}


/*   写真メモ　3段目専用　　*/

.photomemo {
	margin-top:10px;  
	margin-left:0px;    /* 大きくすると　IE6が崩れる  */
	margin-right:50px;  /*  50  */
/*	border:2px solid #ff0000;  */

}



.photomemo p{
	float:right; 
	width: 200px;  /*  150  */
	text-align:left;  
	font-size: 13PX; 
text-align:center;
	margin-top:10px;  
	margin-left:30px;   
	margin-right:50px;  
	padding-left: 0px; 
	padding-right: 0px; 
	padding-bottom: 0px; 

/*	border:4px solid #0977ce;  */
	color:#996600; 
}



.floatclear{
	clear:right;
}


/*  施設間の区切り横線　　*/
.spes2 {
	margin-top:20px;
	margin-bottom:10px;
	margin-left:60px;
	margin-right:30px;
	border-bottom: 1px ridge #dcdad1;

}
/*  施設管区切横線なし　　*/
.spes0 {
	margin-top:20px;
	margin-bottom:10px;
	margin-left:60px;
	margin-right:30px;
	border-bottom: 1px inset #D7D4D4;

}


/*　訪問日　*/
.date {
	/* border:3px solid #0977ce;  テスト　青色の枠線*/
	color: #00ff00
}


.floatclear2{
	clear:left;
}



/* ========= 詳細（メモ＆写真）　 ========*/
.detail{
/*	width:120px;   	*/		/*  110   枠を右に表示する場合は大きくする  */
	height: 18px;  			 /* 30px 本文の文字と上部のヘッダーの間隔 */
	margin: 0px 0px 0px 310px;    /*	margin: 0px 0px 0px 310px;  */
	padding-top:7px; 
}


/* 詳細メニューの文字枠 */

.detail a {
	float:left;
	display: block; 
	margin: 0px 0px 0px 15px;  
	padding-top:7px; 
	padding-left: 50px;
	width: 120px;      /*  120  */
	text-decoration:none;            /* linkの下線を表示しない　*/
	background-image: url(image/left_ac22.gif);
	background-repeat:no-repeat;
	font-size: 12px;
	color: #ff0000;   /*  #ffffff;	*/

}


/* 未訪問時のボーダー色、*/
.detail a:link {
	height: 18px;         /*  13枠線の高さ    */
	padding-top:7px;  /*  文字の上線よりの位置  */
	padding-left: 10px;   /*  文字の左線よりの位置  */
	background-repeat:no-repeat;
	color: #484801;    /*  銀色　　*/
/*	border:1px solid #ffff00; */
outline: none;
}


/*　ビジット　訪問済みのリンクの色(link時より変化させない）　*/

.detail a:visited {
	height: 18px; 
	color:  #484801;   /*  銀色　　*/
	padding-top:7px;      /*   外枠上線からの位置   */
	padding-left: 10px; 
outline: none;
}


/*　マウス　オーバー時　*/
.detail a:hover{
/*	background-image: none;      背景画像を表示させない  */
 	width: 120px;
	height: 18px; 
	padding-top:7px; 
	background-image: url(image/left_ac4.gif);　/* 薄い灰色　　*/
	background-repeat:no-repeat;
	color: #ff6600;
	font-weight:500;
}


/* ========= ページ先頭へ戻る　　　========*/
.detail2 {
	width:180px;   			/*  110   枠を右に表示する場合は大きくする  */
	height: 25px;  			 /* 30px 本文の文字と上部のヘッダーの間隔 */
	margin: 0px 0px 0px 650px; 
	padding-top:7px; 

}



.detail2 a {
	display: block; 
	margin: 0px 0px 0px 0px;  
	padding-top:7px; 
	padding-left: 0px;
	width: 140px;       
	height: 25px;
	text-decoration:none;            /* linkの下線を表示しない　*/
	background-image: url(image/Dahlia3a.gif);  
	background-repeat:no-repeat;
	font-size: 12px;
	color: #ff0000;   /*  #ffffff;	*/
}


/* 未訪問時のボーダー色、*/
.detail2 a:link {
	width: 180px;
	height: 25px;         /*  13枠線の高さ    */
	padding-top:7px;  /*  文字の上線よりの位置  */
	padding-left: 15px;   /*  文字の左線よりの位置  */
	background-repeat:no-repeat;
	color: #484801;    /*  銀色　　*/
/*	border:1px solid #ffff00; */
outline: none;
}


/*　ビジット　訪問済みのリンクの色(link時より変化させない）　*/

.detail2 a:visited {
	height: 25px; 
	color:  #484801;   /*  銀色　　*/
	padding-top:7px;      /*   外枠上線からの位置   */
	padding-left: 15px; 
outline: none;
}


/*　マウス　オーバー時　*/
.detail2 a:hover{
/*	background-image: none;      背景画像を表示させない  */
 	width: 180px;
	height: 25px; 
	padding-top:7px; 
	padding-left: 15px;
	background-image: url(image/Dahlia3_2b.gif);  
	background-repeat:no-repeat;
	color: #ff6600;

}


/* ========= 前ページに戻る　階層　3段目専用　　　========*/
.detail3 {
	width:145px;   			/*  110   枠を右に表示する場合は大きくする  */
	height: 25px;  			 /* 30px 本文の文字と上部のヘッダーの間隔 */
	margin: 0px 0px 0px 665px; 
	padding-top:7px; 

}


 .detail3 a {

	display: block; 
	margin: 0px 0px 0px 0px;  
	padding-top:7px; 
	padding-left: 10px;
	width: 145px;       
	height: 25px;
	text-decoration:none;            /* linkの下線を表示しない　*/
	background-image: url(image/left_ac22.gif);  
	background-repeat:no-repeat;
	font-size: 12px;
	color: #484801;
outline: none;
}





/*　ビジット　訪問済みのリンクの色(link時より変化させない）　*/

.detail3 a:visited {
	height: 25px; 
	color:  #484801;   /*  銀色　　*/
	padding-top:7px;      /*   外枠上線からの位置   */
	padding-left: 15px; 
outline: none;
}


/*　マウス　オーバー時　*/
.detail3 a:hover{
/*	background-image: none;      背景画像を表示させない  */
 	width: 145px;
	height: 25px; 
	padding-top:7px; 
	padding-left: 10px;
	background-image: url(image/left_ac4.gif);  
	background-repeat:no-repeat;
	color: #ff6600;

}



/*  ご利用にさいして　　*/
.inf{
	margin: 10px 0px 0px 0px;
	border-color: #ff0000;
	height: 30px; 
  	padding-top: 8px; 
	padding-bottom: 0px; 
	padding-right: 0px; 
	padding-left: 30px;  /*  630  */
	background-color: #7b7b7b;   /* 999999; */  
}

.inf a{
 	font-size: 11px; 
	color: #ffffff;;    /* 333300f;  */
/*	border:1px solid #ffff00;  */
	outline: none;
}

.inf a:hover{
	height: 20px; 
	background-image: none;     /* 背景画像を表示させない  */
 	width: 130px;
	background-repeat:no-repeat;
	color:  #ffa500; 　　/*　オレンジ色　 */
}
.inf a:visited {
	outline: none;
}


span#inf0 {
margin-left: 0px;
	padding-left: 0px; 
	padding-right: 12px; 
	color: #ffffff;
	font-size: 9px; 

}


span#inf11 {

margin-left:0px;  /*  450 */
	padding-left: 25px; 
	padding-right: 0px; 
	color: #ffffff;
	font-size: 9px; 

}

 span#inf1 {
	padding-left: 0px; 
	padding-right: 10px; 
	color: #ffffff;
	font-size: 11px; 
}

span#inf12 {
	padding-left: 0px; 
	padding-right: 0px; 
	color: #ffffff;
	font-size: 11px; 
}