/*-------------　背景の表示　------------------------ */
body {
	border-top: #663399 10px solid;             /* 　最上側枠線　紫色 */   
	padding-left: 0px; 
	padding-bottom: 0px; 
	margin: 0px;  
	padding-top: 0px; 
	background-color: #f0e6dd;  
    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;
	margin:0 auto; 
	width: 850px;  /*   850px  */
/*	height: 1300px; 　*/　/* 中央表示部分の縦の長さ　*/
/*	height: 100%; */
}


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


.saizyoudan a {
	margin-left: 600px;  /*  600px  */
	font-size:14px;
	color: #9F7112; 
}

/*  雲の写真 ロゴ　*/
.minrogo img{
	width: 850px;
	margin-bottom: 0px; 
	padding:0px 0px 0px 0px; 
	vertical-align: text-bottom;
}



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


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

}
.photoC{
	position: absolute; 
/*       position: static; */
	top: auto;
	left: auto;

/*	top: 8.1%;
	left: 16.2%;  */

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

}

/*
#photoMoji{
	position:relative; 
	top: 330px;
	left: 700px;
	color:#ffff00;　　　/* 文字色　金 色　*/
}
*/







/*    文字列の画像（旅へ・・高山本線）　　*/
.photoE{
	position: absolute; 
	top: auto;      /* 245px;  */
	left: auto;  /* 450px;   */

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

}





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

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

}

/* 横列メニュー(美濃、飛騨、越中）などの文字枠 */
.menu a {
	float: left;  
	display: block;  
	padding-top: 8px;    /* 8px  */
	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 美濃、飛騨などのメニュー文字の縦位置　*/
	/* line-height: 13px;　　*/ /*  13 美濃、飛騨などのメニュー文字の縦位置　*/


}


/*  現在選択されている地区メニュー名を赤色の文字とする（下線は変化させない）  */
/*   使用していない
.locss_v a{
	border-bottom:5px solid #663399;   /*   下線　紫色 */
	color:#ff00ff; 
	font-size: 15px; 
/*	font-weight:500;  */
	background-image: url(image/top_menubotan_z_copy.gif);  

	
}
*/

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

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

}

/*　マウス　オーバー時　*/
.menu a:hover{
	background-color:#eeeeee;  /*	 枠背景色　薄灰色　*/
/*	color: #666600;   */ /*  文字色 金色   999900   008955; */  
	color:#663399; 
	border-top:0px solid #8895a2;   /*   上線　青灰色 */
	border-bottom:4px solid #ff0000;   /*   下線　 */
	background-image: url(image/top_menubotan_b.gif); 
	font-weight:500;     /* 太字指定　*/
	font-size: 14px; 

}

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

}

/*    現在選択されている地区メニューに桃色の下線を付け、バックグランドも変化させない  */
/*   使用していない
.locss_v a:hover{
	background-image: url(image/top_menubotan_z_copy.gif); 
	font-size: 15px; 
	border-bottom:5px solid  #663399;   /*   下線 紫色 　変化させない*/
	color::#ff00ff; 
/*	color: #999900;  */
}
*/



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




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


　　/*<  本文の最初の位置をtihou pのMargin430pxで空白を挿入して設定している　　*/
.tihou{

}

.tihou p {
	margin: 50px 0px 0px 0px; 
}



/*   見出し　 　表示*/
/*　高山本線のご案内　*/
.midasi p {
	width: 480px     
	height: 80px;  
	font-weight: 400; 
	font-size: 14px; 
	color: #006600;
	padding: 30px 0px 20px 80px;
	margin: 10px 0px 0px 60px;
	background-image: url(image//botan-3a.gif); 
	background-repeat: no-repeat; 
}


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

}
.photo {
	float:right; 
	margin-top:0.5em;
	margin-left:1em;
	margin-right:1em;  
	padding-right: 20px; 
	padding-bottom: 16px; 
/*	 border:3px solid #ff77ce;  */
/*	background-image: url(image/kage_aaa.gif);   */
	background-image: url(image/kage_aaa.jpg);
	background-repeat:no-repeat;
/*	background-position:40% 60%;  */
	background-position:30% 70%;
}

.photo2 {
	float:right; 
	margin-left:1em;
	margin-right:1em;  
	padding-right: 10px; 
	padding-bottom: 20px; 
/*	 border:3px solid #ff77ce;  */
/*	background-image: url(image/kage_eee.gif);  */
	background-image: url(image/kage_eee.jpg); 
	background-repeat:no-repeat;
	background-position:90% 50%;

}


/*  施設間の区切り横線　　*/
.spes2  {
	margin-top:20px;
	padding-left: 60px; 
	padding-right: 60px; 
/*	border: 1px solid  #6666ff; */ 

}






.floatclear2{
	clear:left;
}




/* ========= ページ先頭へ戻る　========*/
.detail2 {
	width:140px;   		
	height: 32px;  		
	margin: 0px 0px 10px 650px; 
	padding-top:0px; 
/*	border:1px solid #ffff00; */
}



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


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


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

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


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

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

.inf a{
	margin: 15px 0px 0px 0px; 
	padding-left: 0px;
	padding-right: 0px; 
	font-size: 11px; 
	color: #ffffff;
	border:0px solid #ffffff;
}
.inf a:hover{
	height: 20px; 
	background-image: none;     /* 背景画像を表示させない  */
 	width: 130px;
	background-repeat:no-repeat;
	color:  #ffa500; 　　/*　オレンジ色　 */
}


.inf a:visited {
	outline: none;
}




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


 span#inf2 {
	padding-left: 0px; 
	padding-right: 0px; 
	color: #ff0000;
	font-size: 9px; 
}