/* === 細部設定外の全体に適用 === */
* {
   margin: 0;
   padding: 0;
}
/* === ｽｸﾛｰﾙﾊﾞｰ設定(IEのみ有効) === */
html {
   scrollbar-base-color:#00ffff;
   scrollbar-face-color:#ffff00;
   scrollbar-arrow-color:#ff0000;
   scrollbar-track-color:#808000;
   scrollbar-shadow-color:#008080;
   scrollbar-highlight-color:#ffffff;
   scrollbar-darkshadow-color:#ffffff;
   scrollbar-3dlight-color:#ffffff; 
}
/* === ﾍﾟ-ｼﾞﾄｯﾌﾟへ戻る === */
.page-top {
   position: fixed;
   bottom: 60px;
   right: 40px;
   padding: 10px;
   color:#ffffff;
   background: #7e7a7a;
   border-radius: 5px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   font-size: 12px;
   -ms-filter: "alpha(opacity=80)";
   -moz-opacity: 0.8;
   -khtml-opacity: 0.8;
   opacity: 0.8;
}

/* === 細部設定外の適用 === */
body {
   margin:0;
   color:#000000;
   background-color:#ffffff;
   background-position:top;
   background-repeat:repeat;
   line-height: 1.3em;
   margin: 0;
   padding: 0;
   text-align: center;
   border: 0px solid green;
}
/* === 吹き出し === */
.hukidashi {
	position: relative;
	font-size: 100%;
	display: inline-block;
	cursor: pointer;
	background: linear-gradient(transparent 90%, #f190c2 90%);
}
.hukidashi .setumei {
	position: absolute;
	z-index: 1;
	top: 120%;
	left: 0;
	visibility: hidden;
	width: auto;
	white-space: nowrap;
	padding: 0.3em 0.5em;
	transition: opacity 1s;
	font-size: 100%;
	text-align: left;
	opacity: 0;
	color: #ffffff;
	border-radius: 6px;
	background-color: #a52a2a;
}
.hukidashi .setumei:after {
	position: absolute;
	bottom: 100%;
	left: 50%;
	margin-left: -5px;
	content: ' ';
	border: 5px solid transparent;
	border-bottom-color: #da3c41;
}
.hukidashi:hover .setumei {
	visibility: visible;
	opacity: 1;
}
/* ===ｲﾝﾗｲﾝﾌﾚｰﾑ枠大きさ === */
iframe {
   width:100%;
   height: 1000px;
   vertical-align:bottom;
}
/* ===  #window ｳｨﾝﾄﾞｳ-外枠 === */
#window {
   width: 985px;
   margin: 0px auto;
   border: 0px solid red;
}
/* ===  #header  === */
/* ===  ｱﾙﾌﾟｽ画像と大きさ === */
#header {
   width: 985px;
   height: 190px;
   margin: 0px 0em 0em 0px;
   border: 0px solid #000000;
   color: #FFFFFF;
   text-align: left;
}
/* ===ｲﾝﾗｲﾝﾌﾚｰﾑ枠大きさ === */
iframe.h {
   width: 985px;
   height: 190px;            
}

/* ===  #menu === */
/* === ﾒｲﾝﾒﾆｭｰ　全国の山等(黄色) ===　*/
#menu {
   width: 985px;
   height: 35px;
   margin: 0 0 0 6px;
   padding: 0;
}

/* ===ﾒｲﾝﾒﾆｭｰ === */
#menu ul {
   display:block;
   list-style-type: none;
   margin:0;
   padding:0;
}
/* === ｻﾌﾞﾒﾆｭｰ1段目 === */
#menu ul ul{
   display:none;
   position:absolute;
   top:100%;
   left:10%;
}
/* ===ｻﾌﾞﾒﾆｭｰ2段目 === */
#menu ul ul ul{
   display:none;
   position:absolute;
   top: 10%;
   left: 100%;
}
/* ===ﾒﾆｭｰﾘｽﾄﾃﾞｻﾞｲﾝ === */
/* ===ﾒﾆｭｰﾎﾞｯｸｽの横揃え、文字中央揃え、枠線(ﾋﾟﾝｸ)、背景色(ｸﾞﾚｲ) === */
#menu li {
   float:left;
   text-align: center;
   border:2px solid #ff00ff;
   border-style:outset;
   background:#808080;
}
/* ===ｻﾌﾞ1ﾒﾆｭｰﾎﾞｯｸｽの縦揃え、文字左揃え、背景色(ﾌﾞﾙｰ) === */
#menu li li {
   clear:both;
   text-align: left;
   background:#0000ff;
}
/* ===ｻﾌﾞ2ﾒﾆｭｰﾎﾞｯｸｽの縦揃え、文字左揃え、背景色(ﾊﾟｰﾌﾟﾙ) === */
#menu li li li {
   clear:both;
   text-align: left;
   background:#800080;
}
/* ===ﾒﾆｭｰﾎﾞｯｸｽと文字と大きさ=== */
#menu li a{
   height:40px;
   width:105px;
   display: block;
   text-decoration:none;
   color:#ffff33;
   font:bold 13px "MS Pゴシック","MS P明朝";
   text-align: center;
   line-height: 13px;
}
/* ===ｻﾌﾞ1ﾒﾆｭｰﾎﾞｯｸｽと文字と大きさ=== */ 
#menu li li a{
   display: block;
   height:30px;
   width:160px;
   text-decoration:none;
   color:#ffff33;
   font:bold 13px "MS Pゴシック","MS P明朝";
   text-align: left;
   line-height: 25px;
}
/* ===ｻﾌﾞ2ﾒﾆｭｰﾎﾞｯｸｽと文字と大きさ=== */ 
#menu li li li a{
   display: block;
   height:30px;
   width:280px;
   text-decoration:none;
   color:#ffff33;
    font:bold 13px "MS Pゴシック","MS P明朝";
   text-align: left;
   line-height: 25px;
}
/*=== ﾎﾟｲﾝﾄ時の位置、背景色(緑)=== */
#menu li:hover {
   position:relative;           
   background:#7bba10; 
}
/* ===ﾎﾟｲﾝﾄ時の文字色(白)=== */
#menu li a:hover {
   color:#ffffff;
}
#menu li:hover > ul {
   display: block;
}
/* === #contents === */ 
/* === 細部設定外の全体に適用 === */
* {
   margin: 0;
   padding: 0;
}

/* === #contents === */ 
/* ===画面中央部 === */
#contents{
   width:985px;
   padding: 0px 0px 0px;
   margin: 0px;
   border: 0px solid yellow;
/* ===   position: relative; === */

}

/* === #main === */
/* === 左ｻｲﾄﾞ本文=== */
#main {
   float: left;
   width: 985px;
   list-style-type: none;
 /* ===  background-image:url("gif/kabegami_haru.gif"); === */
}

/* ===ﾘﾝｸの下線消去=== */
#main a{
   font: bold 13px  "MS Pゴシック";
   text-decoration: none;
}
/*=== ﾎﾟｲﾝﾄ時の位置、背景色(緑)
#main:hover {
   position:relative;           
   background:#7bba10; 
} === */
/* ===ﾎﾟｲﾝﾄ時の文字色(緑)=== */
#main h1:hover {
   color:#7bba10;
}
/* ===ﾎﾟｲﾝﾄ時の文字色(緑)=== */
#main h2:hover {
   color:#7bba10;
}
/* ===ﾎﾟｲﾝﾄ時の文字色(緑)=== */
#main j2:hover {
   color:#7bba10;
}
/* ===ﾎﾟｲﾝﾄ時の文字色(緑)=== */
#main j3:hover {
   color:#7bba10;
}
/* ===ﾃｷｽﾄ、ﾌｫﾝﾄの設定 === */
#main p{ 
   padding: 0px 10px;
   text-align: left;
   font: 14px  "MS P明朝";
   line-height: 1.4em;
   color: #000000;
}
/* ===hはh1からh6で太字で表示===  */
/* ===主画面ﾌｫﾝﾄの設定(h1)===  */   
#main h1{ 
   padding: 0px 15px;
   text-align: left;
   font: bold 17px  "MS Pゴシック";
   line-height: 1.8em;
   color: #000088;
}
/* ===主画面ﾌｫﾝﾄの設定(h2)===  */   
#main h2{ 
   padding: 0px 15px;
   text-align: left;
   font: bold 15px  "MS Pゴシック";
   line-height: 1.8em;
   color: #330000;
}
/* ===ﾌｫﾝﾄの個別設定(h3)=== */
#main h3{  
   padding: 0px;
   margin: 10px 0px 0px 0px;
   font: bold 17px "MS Pゴシック";
   color: #339900;
   text-align: center;
}
/* ===ﾌｫﾝﾄの個別設定_山行日誌(h4)=== */
#main h4{
   margin: 0px 0px 0px 0px;
   font: bold 12px "MS Pゴシック";
   line-height: 1.3em;
   color: #339900;
   text-decoration:underline;   
}
/* ===ﾌｫﾝﾄの個別設定_旅行日(h5)54文字以内=== */
#main h5{
   padding: 0px 0px 0px 0px;
   font: 12px "MS P明朝";
   line-height: 1.3em;
   color: #000000;
}
/* ===ﾌｫﾝﾄの個別設定_旅行場所(h6)=== */
#main h6{
   padding: 0px 0px 0px 0px;
   font: 10px "MS P明朝";
   line-height: 1.3em;
   color: #000000;
}

/* ===ﾌｫﾝﾄの個別設定_巡礼都市(h7)=== */
#main h7{
   padding: 0px 0px 0px 0px;
   font: 9px "MS P明朝";
   line-height: 1.1em;
}

/* ===主画面無改行ﾌｫﾝﾄの設定(j2)===  */   
#main j2{ 
   padding: 0px 15px;
   text-align: left;
   font: bold 15px  "MS Pゴシック";
   line-height: 1.8em;
   color: #000000;
}
/* ===主画面無改行ﾌｫﾝﾄの設定(j3)===  */   
#main j3{ 
   padding: 0px 15px;
   text-align: left;
   font: bold 13px  "MS Pゴシック";
   line-height: 1.8em;
   color: #555555;
}
/* ===画像とﾃｷｽﾄ配置(marginはIEのみ有効)=== */ 
#main img  {
　 position: relative;
   padding: 1px 1px 1px 1px;
   margin: 0px;
   border: 0px #000000 solid;
}

/* ===ﾘｽﾄ設定=== */
#main ul {
   float: left;
   list-style: none;
   margin-right: 0px;
}
#main li {
   float: left;
   margin-right: 0px;
}
#main ul li img {
   border: none;
}
#main ul li a {
   display: block;
   text-decoration:none;
}
/* ===ﾎﾞｯｸｽ画像枠線(白)=== */
#main ul li img {
   border: none #ffffff solid;
}
#main ul li a:hover {
   position: relative;
   color:#ffffff;
   background:#00ff00; 
}
#main ul li a .expand1 {
   display: block;
}
#main ul li a .expand2 {
   display: none;
}
#main ul li a .expand3 {
   display: none;
}
#main ul li a .expand4 {
   display: none;
}
#main ul li a .expand5 {
   display: none;
}

/* ===box温泉、高山植物画像ﾎﾟｲﾝﾄｵｰﾊﾞｰ拡大配置=== */
#main ul li a:hover .expand2 {
   display: inline-block;
   position: absolute;
   top: 180px;
   left: 0px;
}
/* ===box温泉、高山植物画画像ﾎﾟｲﾝﾄｵｰﾊﾞｰ拡大配置=== */
#main ul li a:hover .expand3 {
   display: block;
   position: absolute;
   top: 180px;
   right: 0px;
}
/* ===box道祖神画像ﾎﾟｲﾝﾄｵｰﾊﾞｰ拡大配置=== */
#main ul li a:hover .expand4 {
   display: block;
   position: absolute;
   top: 235px;
   left: 0px;
}
/* ===box道祖神画画像ﾎﾟｲﾝﾄｵｰﾊﾞｰ拡大配置=== */
#main ul li a:hover .expand5 {
   display: block;
   position: absolute;
   top: 235px;
   right: 0px;
}

/* ===box道祖神画画像ﾎﾟｲﾝﾄｵｰﾊﾞｰ拡大配置=== */
#main ul li a:hover .expand9 {
   display: block;
   position: absolute;
   top: 154px;
   left: -100px;
}
/* ===box滝画像配置(marginはIEのみ有効) === */ 
#main img  {
   padding: 3px 3px 3px 3px;
   margin: 0px;
   border: 0px #ffffff solid;
   text-align: center;
}
/* ===class 設定=== */
/* ===box温泉画像配置(marginはIEのみ有効) === */ 
#main .main img  {
   padding: 3px 3px 3px 3px;
   margin: 0px;
   border: 0px #ffffff solid;
   text-align: center;
}

mark {
background-color: #666666;
   font: bold 10px  "MS Pゴシック";
   color: #ffff00;
}

/* === ｻﾝﾁｬｺﾞ巡礼以外の上部索引、　#sakuin0 === */
/* ===索引ﾎﾞｯｸｽと文字と大きさと文字色(黒)=== */
#sakuin0 a{
   font:bold 11px "MS Pゴシック","MS P明朝";
   color:#000000;
   text-align: center;
   line-height: 15px;
}
/* ===160px左にﾒﾆｭｰ === */
#sakuin0 ul {
   display:block;
   list-style-type: none;
   margin:0px 0px 0px 0px;
   padding:0;
}
/* ===上部索引ﾘｽﾄﾃﾞｻﾞｲﾝ === */
/* ===索引ﾎﾞｯｸｽの横揃え、文字中央揃え、枠線(ﾋﾟﾝｸ)、背景色(薄ｸﾞﾚｲ) === */
#sakuin0 li {
   float:center;
   height:30px;
   width:192px;
   text-align: center;
   border:1px solid #ff00ff;
   border-style:outset;
   background:#ffffff;
}
/* ===索引ﾎﾞｯｸｽと文字と大きさと文字色(黒)=== */
#sakuin0 c{
   display: block;
   color:yellow;
   font:bold 11px "MS Pゴシック","MS P明朝";
   text-align: center;
   line-height: 15px;
   background:#888888;
}
/* ===索引ﾎﾞｯｸｽと文字と大きさと文字色(黒)
#sakuin0 ul li a{
   height:15px;

   display: block;
   color:#000000;
   font:bold 11px "MS Pゴシック","MS P明朝";
   text-align: center;
   line-height: 15px;
}=== */
/*=== ﾎﾟｲﾝﾄ時の位置、背景色(黒)=== */
#sakuin0 ul li:hover {
   position:relative;           
   background:#00ff00;
}
/* ===ﾎﾟｲﾝﾄ時の文字色(白)=== */
#sakuin0 ul li a:hover {
   color:#ffffff;
}
#sakuin0 li:hover > ul {
   display: block;
}

/* === ｻﾝﾁｬｺﾞ巡礼以外の上部索引、　#sakuin1 === */
/* ===索引ﾎﾞｯｸｽと文字と大きさと文字色(黒)=== */
#sakuin1 a{
   font:bold 11px "MS Pゴシック","MS P明朝";
   color:#000000;
   text-align: center;
   line-height: 15px;
}
/* ===160px左にﾒﾆｭｰ === */
#sakuin1 ul {
   display:block;
   list-style-type: none;
   margin:0px 0px 0px 0px;
   padding:0;
}
/* ===上部索引ﾘｽﾄﾃﾞｻﾞｲﾝ === */
/* ===索引ﾎﾞｯｸｽの横揃え、文字中央揃え、枠線(ﾋﾟﾝｸ)、背景色(薄ｸﾞﾚｲ) === */
#sakuin1 li {
   float:center;
   height:15px;
   width:192px;
   text-align: center;
   border:1px solid #ff00ff;
   border-style:outset;
   background:#ffffff;
}
/* ===索引ﾎﾞｯｸｽと文字と大きさと文字色(黒)=== */
#sakuin1 c{
   display: block;
   color:yellow;
   font:bold 11px "MS Pゴシック","MS P明朝";
   text-align: center;
   line-height: 15px;
   background:#888888;
}
/* ===索引ﾎﾞｯｸｽと文字と大きさと文字色(黒)
#sakuin1 ul li a{
   height:15px;

   display: block;
   color:#000000;
   font:bold 11px "MS Pゴシック","MS P明朝";
   text-align: center;
   line-height: 15px;
}=== */
/*=== ﾎﾟｲﾝﾄ時の位置、背景色(黒)=== */
#sakuin1 ul li:hover {
   position:relative;           
   background:#ff0000;
}
/* ===ﾎﾟｲﾝﾄ時の文字色(白)=== */
#sakuin1 ul li a:hover {
   color:#ffffff;
}
#sakuin1 li:hover > ul {
   display: block;
}

/* ===blog、高山植物、旅行、桜等名前の索引　#sakuin2 === */
/* ===索引ﾎﾞｯｸｽと文字と大きさと文字色(黒)=== */
#sakuin2 a{
   display: block;
   color:#000000;
   font:10px "MS Pゴシック","MS P明朝";
   text-align: center;
   line-height: 15px;
}
/* ===160px左に索引 === */
#sakuin2 ul {
   display:block;
   list-style-type: none;
   margin:0px 0px 0px 0px;
   padding:0;
} 
/* ===索引ﾃﾞｻﾞｲﾝ === */
/* ===索引ﾎﾞｯｸｽの横揃え、文字中央揃え、枠線(ﾋﾟﾝｸ)、背景色(薄ｸﾞﾚｲ) === */
#sakuin2 li {
   float:center;
   height:15px;
   width:160px;
   text-align: center;
   line-height: 15px;
   border:1px solid #ff00ff;
   border-style:outset;
}

/* ===索引索引ﾎﾞｯｸｽと文字と大きさと文字色(黒)=== */
#sakuin2 c{
   display: block;
   color:yellow;
   font:bold 10px "MS Pゴシック","MS P明朝";
   text-align: center;
   line-height: 15px;
   background:#888888;
}
/*=== ﾎﾟｲﾝﾄ時の位置、背景色(緑)=== */
#sakuin2 ul li:hover {
   position:relative;           
   background:#00ff00;
}
/* ===ﾎﾟｲﾝﾄ時の文字色(白)=== */
#sakuin2 ul li a:hover {
   color:#ffffff;
}
#sakuin2 li:hover > ul {
   display: block;
}

/* === 温泉上部索引　#sakuin3 === */
/* ===索引ﾒﾆｭｰﾎﾞｯｸｽと文字と大きさと文字色(黒)=== */
#sakuin3 a{
   display: block;
   color:#000000;
   font:10px "MS Pゴシック","MS P明朝";
   text-align: center;
   line-height: 30px;
   background:#ffffff;
}
/* ===索引ﾒﾆｭｰﾎﾞｯｸｽと文字と大きさと文字色(黒)=== */
#sakuin3 c{
   display: block;
   color:yellow;
   font:bold 10px "MS Pゴシック","MS P明朝";
   text-align: center;
   line-height: 30px;
   background:#888888;
}
/* ===160px左にﾒﾆｭｰ === */
#sakuin3 ul {
   display:block;
   list-style-type: none;
   margin:0px 0px 0px 0px;
   padding:0;
} 
/* ===索引ﾃﾞｻﾞｲﾝ === */
/* ===索引ﾒﾆｭｰﾎﾞｯｸｽの横揃え、文字中央揃え、枠線(ﾋﾟﾝｸ)、背景色(薄ｸﾞﾚｲ) === */
#sakuin3 li {
   float:center;
   height:30px;
   width:96px;
   text-align: center;

   border:1px solid #ff00ff;
   border-style:outset;
}
/*=== ﾎﾟｲﾝﾄ時の位置、背景色(黒)=== */
#sakuin3 ul li:hover {
   position:relative;           
   background:#00ff00;
}
/* ===ﾎﾟｲﾝﾄ時の文字色(白)=== */
#sakuin3 ul li a:hover {
   color:#ffffff;
}
#sakuin3 li:hover > ul {
   display: block;
}
/* === 温泉索引　#sakuin4 === */
/* ===索引ﾎﾞｯｸｽと文字と大きさと文字色(黒)=== */
#sakuin4 c{
   display: block;
   color:yellow;
   font:bold 11px "MS Pゴシック","MS P明朝";
   text-align: center;
   line-height: 15px;
   background:#888888;
}
#sakuin4 a{
   font:bold 11px "MS Pゴシック","MS P明朝";
   color:#000000;
   text-align: center;
   line-height: 15px;
}
/* ===160px左にﾒﾆｭｰ === */
#sakuin4 ul {
   display:block;
   list-style-type: none;
   margin:0px 0px 0px 0px;
   padding:0;
}
/* ===下部索引ﾘｽﾄﾃﾞｻﾞｲﾝ === */
/* ===索引ﾎﾞｯｸｽの横揃え、文字中央揃え、枠線(ﾋﾟﾝｸ)、背景色(薄ｸﾞﾚｲ) === */
#sakuin4 li {
   float:center;
   height:30px;
   width:160px;
   text-align: center;
   border:1px solid #ff00ff;
   border-style:outset;
   background:#ffffff;
}
/*=== ﾎﾟｲﾝﾄ時の位置、背景色(緑)=== */
#sakuin4 ul li:hover {
   position:relative;           
   background:#00ff00;
}
/* ===ﾎﾟｲﾝﾄ時の文字色(白)=== */
#sakuin4 ul li a:hover {
   color:#ffffff;
}
#sakuin4 li:hover > ul {
   display: block;
}
/* === ｻﾝﾁｬｺﾞ巡礼索引　#sakuin5 === */
/* ===索引ﾎﾞｯｸｽと文字と大きさと文字色(黒)=== */
#sakuin5 c{
   display: block;
   color:yellow;
   font:bold 11px "MS Pゴシック","MS P明朝";
   text-align: center;
   line-height: 15px;
   background:#888888;
}
#sakuin5 a{
   font:bold 11px "MS Pゴシック","MS P明朝";
   color:#000000;
   text-align: center;
   line-height: 15px;
}
/* ===160px左にﾒﾆｭｰ === */
#sakuin5 ul {
   display:block;
   list-style-type: none;
   margin:0px 0px 0px 0px;
   padding:0;
}
/* ===下部索引ﾘｽﾄﾃﾞｻﾞｲﾝ === */
/* ===索引ﾎﾞｯｸｽの横揃え、文字中央揃え、枠線(ﾋﾟﾝｸ)、背景色(薄ｸﾞﾚｲ) === */
#sakuin5 li {
   float:center;
   width:160px;
   height:45px;
   text-align: center;
   border:1px solid #ff00ff;
   border-style:outset;
   background:#ffffff;
}
/* ===索引ﾎﾞｯｸｽと文字と大きさと文字色(黒)
#sakuin5 ul li a{
   height:45px;
   width:160px;
   display: block;
   color:#000000;
   font:bold 11px "MS Pゴシック","MS P明朝";
   text-align: center;
   line-height: 15px;
}=== */
/*=== ﾎﾟｲﾝﾄ時の位置、背景色(黒)=== */
#sakuin5 ul li:hover {
   position:relative;           
   background:#00ff00;
}
/* ===ﾎﾟｲﾝﾄ時の文字色(白)=== */
#sakuin5 ul li a:hover {
   color:#ffffff;
}
#sakuin5 li:hover > ul {
   display: block;
}

/* === ﾎﾞｯｸｽ大きさ(main画面)設定 === */
 .box0_0 {
   float: left;
   width: 985px;
   background-color: #ffffff;
     display: flex;
} 
/* ===ﾎﾞｯｸｽ大きさ大(ｻﾝﾁｬｺﾞ、四国、四季、温泉、旅行画面)設定=== */
 .box0_1 {
   float: left;
   background-image:url("../gif/kabegami2.gif");
   width: 985px;
}
/* ===ﾎﾞｯｸｽ大きさ(登山、ﾏﾗｿﾝ画面)設定=== */
 .box0_2 {
   float: left;
   background-image:url("../gif/kabegami2.gif");
   width: 985px;
   height: 440px;
}
/* ===ﾎﾞｯｸｽ大きさ(年賀画面)設定=== */
 .box0_3 {
   float: left;
   background-image:url("../gif/kabegami2.gif");
   width: 630px;
   height:10px;
}
/* ===ﾎﾞｯｸｽ大きさ(年賀画面)設定=== */
 .box0_4 {
   float: left;
   background-image:url("../gif/kabegami2.gif");
   width: 630px;
   height:260px;
}
/* ===ﾎﾞｯｸｽ大きさ(温泉写真有)、配置、ﾌｫﾝﾄ設定=== */
/* ===widthは写真の配列、marginは周囲に空白に影響=== */
 .box1_1 {
   float: left;
   width: 456px;
   height: 460px;
   margin: 2px 2px;
   padding: 0px 0px 0px;
   border: 0px solid #00ff00;
   color:  #000000; 
   font: 12px/14px "MS Pゴシック";
   background-color: #eeddee;
}
/* ===ﾎﾞｯｸｽ大きさ(温泉写真無)、配置、ﾌｫﾝﾄ設定=== */
 .box1_2 {
   float: left;
   width: 456px;
   height: 230px;
   margin: 2px 2px;
   padding: 0px 0px 0px;
   border: 0px solid #00ff00;
   color:  #000000; 
   font: 12px/14px "MS Pゴシック";
   background-color: #eeddee;
}
/* ===ﾎﾞｯｸｽ大きさ(御朱印めぐり大)、配置、ﾌｫﾝﾄ設定=== */
 .box1_5 {
   float: left;
   width: 456px;
   height: 370px;
   margin: 2px 2px;
   padding: 0px 0px 0px;
   border: 0px solid #00ff00;
   color:  #000000; 
   font: 12px/14px "MS Pゴシック";
   background-color: #ffffff;
}
/* ===ﾎﾞｯｸｽ大きさ(年賀状)、配置、ﾌｫﾝﾄ設定=== */
 .box1_3 {
   float: left;
   width: 304px;
   height: 280px;
   margin: 2px 2px;
   padding: 0px 0px 0px;
   border: 0px solid #00ff00;
   color:  #000000; 
   font: 12px/14px "MS Pゴシック";
   background-color: #ffffff;
}

/* ===ﾎﾞｯｸｽ大きさ(高山植物、旅行)、配置、ﾌｫﾝﾄ設定=== */
 .box3 {
   float: left;
   width: 240px;
   height: 260px;
   margin: 2px 2px;
   padding: 0px 0px 0px;
   border: 0px solid #00ff00;
   color:  #000000; 
   font: 12px/14px "MS Pゴシック";
   background-color: #eeddee;
}
/* ===ﾎﾞｯｸｽ大きさ(旅行、縦写真無)、配置、ﾌｫﾝﾄ設定=== */
 .box3_0 {
   float: left;
   width: 240px;
   height: 320px;
   margin: 2px 2px;
   padding: 0px 0px 0px;
   border: 0px solid #00ff00;
   color:  #000000; 
   font: 12px/14px "MS Pゴシック";
   background-color: #eeddee;

 }

/* ===ﾎﾞｯｸｽ大きさ(ﾋﾞﾃﾞｵ、旅行_縦写真有)、配置、ﾌｫﾝﾄ設定=== */
 .box3_1 {
   float: left;
   width: 240px;
   height: 270px;
   margin: 2px 2px;
   padding: 0px 0px 0px;
   border: 0px solid #00ff00;
   color:  #000000; 
   font: 12px/14px "MS Pゴシック";
   background-color: #eeddee;
}
/* ===ﾎﾞｯｸｽ大きさ(山行日誌、信州の桜・山城・古墳見出し)、配置、ﾌｫﾝﾄ設定=== */
 .box3_2 {
   float: left;
   width: 240px;
   height: 320px;
   margin: 1px 1px;
   padding: 0px 0px 0px;
   border: 0px solid #00ff00;
   color:  #000000; 
   font: 12px/14px "MS Pゴシック";
   background-color: #eeddee;
}
/* ===ﾎﾞｯｸｽ大きさ(信州の滝見出し)、配置、ﾌｫﾝﾄ設定=== */
 .box3_3 {
   float: left;
   width: 240px;
   height: 470px;
   margin: 2px 2px;
   padding: 0px 0px 0px;
   border: 0px solid #00ff00;
   color:  #000000; 
   font: 12px/14px "MS Pゴシック";
   background-color: #ffffff;
}
/* ===ﾎﾞｯｸｽ大きさ(信州の透かしブロック)、配置、ﾌｫﾝﾄ設定=== */
 .box3_4 {
   float: left;
   width: 229.5px;
   height: 130px;
   margin: 2px 2px;
   padding: 0px 0px 0px;
   border: 0px solid #00ff00;
   color:  #000000; 
   font: 12px/14px "MS Pゴシック";
   background-color: #ffffff;
}
/* ===ﾎﾞｯｸｽ大きさ(信州の透かしブロック)、配置、ﾌｫﾝﾄ設定=== */
 .box3_5 {
   float: left;
   width: 229.5px;
   height: 370px;
   margin: 2px 2px;
   padding: 0px 0px 0px;
   border: 0px solid #00ff00;
   color:  #000000; 
   font: 12px/14px "MS Pゴシック";
   background-color: #ffffff;
}
/* ===ﾎﾞｯｸｽ大きさ(道祖神、離島めぐり)、配置、ﾌｫﾝﾄ設定=== */
 .box4 {
   float: left;
   width: 309px;
   height: 410px;
   margin: 2px 2px;
   padding: 0px 0px 0px;
   border: 0px solid #00ff00;
   color:  #000000; 
   font: 12px/14px "MS Pゴシック";
   background-color: #eeddee;
}
/* ===ﾎﾞｯｸｽ大きさ(古墳、花めぐり)、配置、ﾌｫﾝﾄ設定=== */
 .box4_1 {
   float: left;
   width: 309px;
   height: 250px;
   margin: 2px 2px;
   padding: 0px 0px 0px;
   border: 0px solid #00ff00;
   color:  #000000; 
   font: 12px/14px "MS Pゴシック";
   background-color: #ffffff;
}
/* ===ﾎﾞｯｸｽ大きさ(湖沼めぐり)、配置、ﾌｫﾝﾄ設定=== */
 .box4_2 {
   float: left;
   width: 309px;
   height: 340px;
   margin: 2px 2px;
   padding: 0px 0px 0px;
   border: 0px solid #00ff00;
   color:  #000000; 
   font: 12px/14px "MS Pゴシック";
   background-color: #ffffff;
}
/* ===ﾎﾞｯｸｽ大きさ(百舌鳥・古市古墳群)、配置、ﾌｫﾝﾄ設定=== */
 .box4_3 {
   float: left;
   width: 309px;
   height: 430px;
   margin: 2px 2px;
   padding: 0px 0px 0px;
   border: 0px solid #00ff00;
   color:  #000000; 
   font: 12px/14px "MS Pゴシック";
   background-color: #eeddee;
}
/* ===ﾎﾞｯｸｽ大きさ(メニュ－2)、配置、ﾌｫﾝﾄ設定=== */
 .box4_4 {
   float: left;
   width: 325px;
   margin: 2px 2px;
   padding: 0px 0px 0px;
   border: 0px solid #00ff00;
   color:  #000000; 
   font: 12px/14px "MS Pゴシック";
   background-color: #fff;
}

/* ===ﾎﾞｯｸｽ大きさ(お勧めｽﾎﾟｯﾄ小_6行)、配置、ﾌｫﾝﾄ設定=== */
 .box5 {
   float: left;
   width: 900px;
   height: 280px;
   margin: 2px 2px;
   padding: 0px 0px 0px;
   border: 0px solid #00ff00;
   color:  #000000; 
   font: 12px/14px "MS Pゴシック";
   background-color: ##ffebcd;
}
/* ===ﾎﾞｯｸｽ大きさ(お勧めｽﾎﾟｯﾄ中1_8行)、配置、ﾌｫﾝﾄ設定=== */
 .box5_1 {
   float: left;
   width: 900px;
   height: 330px;
   margin: 2px 2px;
   padding: 0px 0px 0px;
   border: 0px solid #00ff00;
   color:  #000000; 
   font: 12px/14px "MS Pゴシック";
   background-color: ##ffebcd;
}
/* ===ﾎﾞｯｸｽ大きさ大(お勧めｽﾎﾟｯﾄ中2_12行)、配置、ﾌｫﾝﾄ設定=== */
 .box6 {
   float: left;
   width: 900px;
   height: 390px;
   margin: 2px 2px;
   padding: 0px 0px 0px;
   border: 0px solid #00ff00;
   color:  #000000; 
   font: 12px/14px "MS Pゴシック";
   background-color: ##fff8dc;
}
/* ===ﾎﾞｯｸｽ大きさ大(お勧めｽﾎﾟｯﾄ大_14行)、配置、ﾌｫﾝﾄ設定=== */
 .box6_1 {
   float: left;
   width: 900px;
   height:430px;
   margin: 2px 2px;
   padding: 0px 0px 0px;
   border: 0px solid #00ff00;
   color:  #000000; 
   font: 12px/14px "MS Pゴシック";
   background-color: ##fff8dc;
}
/* ===ﾎﾞｯｸｽ大きさ(富士山遠望)、配置、ﾌｫﾝﾄ設定=== */
 .box7 {
   float: left;
   width: 309px;
   height: 210px;
   margin: 2px 2px;
   padding: 0px 0px 0px;
   border: 0px solid #00ff00;
   color:  #000000; 
   font: 12px/14px "MS Pゴシック";
   background-color: #eeddee;
}
/* ===ﾎﾞｯｸｽ大きさ(安曇野の四季_春画面)設定=== */
 .box8_1 {
   background-image:url("gif/kabegami_haru.gif");
   width: 630px;
   height: 630px;
}
/* ===ﾎﾞｯｸｽ大きさ(安曇野の四季_夏画面)設定=== */
 .box8_2 {
   background-image:url("gif/kabegami_natu.gif");
   width: 630px;
   height: 630px;
}
/* ===ﾎﾞｯｸｽ大きさ(安曇野の四季_秋画面)設定=== */
 .box8_3 {
   background-image:url("gif/kabegami_aki.gif");
   width: 630px;
   height: 630px;
}
/* ===ﾎﾞｯｸｽ大きさ(安曇野の四季_冬画面)設定=== */
 .box8_4 {
   background-image:url("gif/kabegami_huyu.gif");
   width: 630px;
   height: 630px;
}
/* ===ﾎﾞｯｸｽ大きさ(main1)設定=== */
 .box8_5 {
   width: 660px;
}

/* ===ﾎﾞｯｸｽ大きさ(安曇野の四季_冬画面)設定=== */
 .box9_1 {
   background-image:url("gif/kabegami_huyu.gif");
   width: 228px;
   height: 630px;
}

/* ===#kiji=== */
/* ===右ｻｲﾄﾞ大きさ=== */
#kiji {
   width:335px;
   float: right;
   padding: 0px 0px 0px;
   margin: 0px;
   border: 0px solid yellow;
}

/* === #counter === */
/* === 右ｻｲﾄﾞｶｳﾝﾀ-、ｺﾒﾝﾄ、配置、枠線=== */
#counter {
   float: left;
   width: 320px;               /* === phot幅より少なくする === */
   height: 120px;  
   margin: 5px 0px 0px;
}
/* === #footer === */
/* === 右ｻｲﾄﾞ(ﾃﾛｯﾌﾟ)配置、枠線=== */
#footer {
   float: left;
   width: 320px;               /* === phot幅より少なくする === */
   height: 20px;  
   padding: 0px 5px;
   border: 2px solid #dcdcdc;
   color: #800080;
   text-align: center;
   background-image:url("gif/footer.gif");
}
/* === #carenda=== */
/* ===右ｻｲﾄﾞ(ｶﾚﾝﾀﾞ-)=== */
#carenda {
   float: left;
   width: 320px;
   height: 460px;
   margin: 0px 0px 0px;
   vertical-align:bottom;
   /*background-color: #f6f6f6;*/
}
/* ===ｶﾚﾝﾀﾞ-ﾃｷｽﾄの設定=== */
#carenda a,p{
   margin-right: 0px;
   margin-left: 0px;
   text-align: center;
   font-size:14px;
}
/* ===ｶｳﾝﾄﾀﾞｳﾝ、時計=== */
#cdt {
   float: left;
   width: 330px;
   height: 50px;
   margin: 0px 0px 0px;
   background-color: #ffffff;
}

/* === #map=== */
/* ===右ｻｲﾄﾞ(ﾘﾝｸ)=== */
#map {
   float: left;
   width: 320px;
   height: 260px;
   margin: 0px 0px 0px;
   vertical-align:bottom;
   /*background-color: #f6f6f6;*/
}
/* ===ﾘﾝｸﾃｷｽﾄの設定=== */
#map p{
   margin-right: 0px;
   margin-left: 0px;
   text-align: center;
   font-size:14px;
}
/* === ペ－ジ概要=== */
#gaiyou {
   float: left;
   width: 325px;

   vertical-align:bottom;
}
/* ===ﾘｽﾄ設定=== */
#gaiyou ul {
   float: left;
   list-style: decimal;
   margin-left: 0px;
   text-indent: -12px;
   margin-left: 0px;
   text-align: left;
   font-size:12px;
   line-height: 16px;
}
#gaiyou li {
   margin-left: 25px;
   list-style: decimal;
 }
/* === 研三会履歴、お役立ち=== */
#gaiyou1 {
   float: left;

   vertical-align:bottom;
}
/* ===ﾘｽﾄ設定=== */
#gaiyou1 ul {
   float: left;
   list-style: decimal;
   margin-left: 0px;
   text-indent: -12px;
   margin-left: 0px;
   text-align: left;
   font-size:12px;
   line-height: 16px;
}
#gaiyou1 li {
   margin-left: 25px;
   list-style: decimal;
 }
/* ===#phot0=== */
/* ===右ｻｲﾄﾞ(写真空白小) === */
/* ===height 78px→85px(18/2/10) === */
#phot0 {
   float: left;
   width: 330px;
   height: 78px;
   margin: 0px 0px 0px;
   background-color: #ffffff;
}
/* ===#phot1=== */
/* ===右ｻｲﾄﾞ(写真下空白大)=== */
#phot1 {
   float: left;
   width: 330px;
   height: 250px;
   margin: 0px 0px 0px;
   background-color: #ffffff;
}
/* ===#phot=== */
/* ===右ｻｲﾄﾞ(写真1番目大きさ)=== */
#phot {
   float: left;
   width: 330px;
   height: 310px;
   margin: 10px 0px 0px;
   background-color: #ffffff;
}
#phot a,p{
   margin-right: 0px;
   margin-left: 0px;
   padding-top: 0px;
   font-size: 10px;
   color: #ooccoo;
}
/* ===#phot2=== */
/* ===右ｻｲﾄﾞ(写真2番目大きさ)写真名表示のためheight:310px === */
#phot2 {
   float: left;
   width: 330px;
   height:310px;
   margin: 0px 0px 0px;
   background-color: #ffffff;
}
/* ===#phot5=== */
/* ===右ｻｲﾄﾞ(写真3番目大きさ)=== */
#phot5 {
   float: left;
   width: 330px;
   height: 310px;
   margin: 0px 0px 0px;
   background-color: #ffffff;
}
/* ===#phot8=== */
/* ===右ｻｲﾄﾞ写真4番目大きさ=== */
#phot8 {
   float: left;
   width: 330px;
   height: 310px;
   margin: 0px 0px 0px;
   background-color: #ffffff;
}
/* ===#phot11=== */
/* ===右ｻｲﾄﾞ(写真5番目大きさ)=== */
#phot11 {
   float: left;
   width: 330px;
   height: 310px;
   margin: 0px 0px 0px;
   background-color: #ffffff;
}
/* ===#phot14=== */
/* ===右ｻｲﾄﾞ(写真6番目大きさ)=== */
#phot14 {
   float: left;
   width: 330px;
   height: 310px;
   margin: 0px 0px 0px;
   background-color: #ffffff;
}
/* ===#phot17=== */
/* ===右ｻｲﾄﾞ(写真7番目大きさ)=== */
#phot17 {
   float: left;
   width: 330px;
   height: 310px;
   margin: 0px 0px 0px;
   background-color: #ffffff;
}
/* ===#phot20=== */
/* ===右ｻｲﾄﾞ(写真8番目大きさ)=== */
#phot20 {
   float: left;
   width: 330px;
   height: 310px;
   margin: 0px 0px 0px;
   background-color: #ffffff;
}
/* ===#phot23=== */
/* ===右ｻｲﾄﾞ(写真9番目大きさ)=== */
#phot23 {
   float: left;
   width: 330px;
   height: 310px;
   margin: 0px 0px 0px;
   background-color: #ffffff;
}
/* ===#phot26=== */
/* ===右ｻｲﾄﾞ(写真10番目大きさ)=== */
#phot26 {
   float: left;
   width: 330px;
   height: 310px;
   margin: 0px 0px 0px;
   background-color: #ffffff;
}
/* ===#phot29=== */
/* ===右ｻｲﾄﾞ(写真11番目大きさ)=== */
#phot29 {
   float: left;
   width: 330px;
   height: 310px;
   margin: 0px 0px 0px;
   background-color: #ffffff;
}
/* ===#phot32=== */
/* ===右ｻｲﾄﾞ(写真12番目大きさ)=== */
#phot32 {
   float: left;
   width: 330px;
   height: 310px;
   margin: 0px 0px 0px;
   background-color: #ffffff;
}
/* ===#phot35=== */
/* ===右ｻｲﾄﾞ(写真13番目大きさ)=== */
#phot35 {
   float: left;
   width: 330px;
   height: 310px;
   margin: 0px 0px 0px;
   background-color: #ffffff;
}
/* ===#phot38=== */
/* ===右ｻｲﾄﾞ(写真14番目大きさ)=== */
#phot38 {
   float: left;
   width: 330px;
   height: 310px;
   margin: 0px 0px 0px;
   background-color: #ffffff;
}
/* ===#phot41=== */
/* ===右ｻｲﾄﾞ(写真15番目大きさ)=== */
#phot41 {
   float: left;
   width: 330px;
   height: 310px;
   margin: 0px 0px 0px;
   background-color: #ffffff;
}
/* ===#phot44=== */
/* ===右ｻｲﾄﾞ(写真16番目大きさ)=== */
#phot44 {
   float: left;
   width: 330px;
   height: 310px;
   margin: 0px 0px 0px;
   background-color: #ffffff;
}
/* ===#phot47=== */
/* ===右ｻｲﾄﾞ(写真17番目大きさ)=== */
#phot47 {
   float: left;
   width: 330px;
   height: 310px;
   margin: 0px 0px 0px;
   background-color: #ffffff;
}
/* ===#phot50=== */
/* ===右ｻｲﾄﾞ(写真18番目大きさ)=== */
#phot50 {
   float: left;
   width: 330px;
   height: 310px;
   margin: 0px 0px 0px;
   background-color: #ffffff;
}
/* === #ver === */
/* === 右ｻｲﾄﾞ(ﾘﾝｸ、履歴)配置、枠線=== */
/* ===height 280px→140px(17/12/10) === */
#ver {
   float: right;
   width: 320px;
   height: 140px;  
   padding: 0px 0px;
   border: 2px solid #ffffff;
   text-align: center;
}
#ver a{
   font: 12px  "MS P明朝";
   text-decoration: none;
}
/* ===ﾌｫﾝﾄの個別設定(h5)54文字以内=== */
#ver h5{
   padding: 0px 0px 0px 0px;
   font: 12px "MS P明朝";
   line-height: 1.4em;
   color: #000000;
}
/* ===ﾌｫﾝﾄの個別設定(h6)(Ver)=== */
#ver h6{
   margin: 0px 0px 0px 0px;
   font: 12px "MS P明朝";
   line-height: 1.4em;
   color: #000088;
}
/* === #ver1 === */
/* === 右ｻｲﾄﾞ(履歴)配置、枠線=== */
#ver1 {
   float: right;
   width: 320px;
   height: 320px;  
   padding: 0px 0px;
   border: 2px solid #ffffff;
   text-align: center;
}
/* ===ﾌｫﾝﾄの個別設定(h5)54文字以内=== */
#ver1 h5{
   padding: 0px 0px 0px 0px;
   font: 12px "MS P明朝";
   line-height: 1.4em;
   color: #000000;
}
/* ===ﾌｫﾝﾄの個別設定(h6)(Ver)=== */
#ver1 h6{
   margin: 0px 0px 0px 0px;
   font: 12px "MS P明朝";
   line-height: 1.4em;
   color: #000088;
}
/* ===ﾃｷｽﾄの点滅=== */
.blink {
	-webkit-animation: blink 5s ease infinite;
	animation: blink 5s ease infinite;
}
@-webkit-keyframes blink {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes blink {
	0% {opacity: 0;}
	100% {opacity: 1;}
}