/* === 細部設定外の全体に適用 === */
* {
   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:#fffafa;
   background-position:top;
   background-repeat:repeat;
   line-height: 1.3em;
   margin: 0;
   padding: 0;
   text-align: center;
   border: 0px solid green;
}
/* ===  #window ｳｨﾝﾄﾞｳ-外枠 === */
#window {
   width: 800px;
   margin: 0px auto;
   border: 0px solid red;
}

/* ===ｲﾝﾗｲﾝﾌﾚｰﾑ枠大きさ === */
iframe {
   width:100%;
   height: 2000px;
   vertical-align:bottom;
}

/* === #main === */
/* === 左ｻｲﾄﾞ本文=== */
#main {
  background-color:#ffffff;
   float: left;
   width: 800px;
   list-style-type: none;
}

/* ===ﾘﾝｸの下線消去=== */
#main a{
   font: bold 13px  "MS Pゴシック";
   text-decoration: none;
}
/* ===ﾃｷｽﾄ、ﾌｫﾝﾄの設定 === */
#main p{ 
   padding: 0px 10px;
   text-align: left;
   font: 14px  "MS Pゴシック";
   line-height: 2em;
   color: #000000;
}
/* ===主画面ﾌｫﾝﾄの設定(h1)===  */   
#main h1{ 
   padding: 0px 10px;
   text-align:  left;
   font: bold 12px  "ＭＳ Ｐ明朝";
   line-height: 1.8em;
   color: #000088;
}
/* ===主画面ﾌｫﾝﾄの設定(h2)===  */   
#main h2{ 
   padding: 0px 10px;
   text-align: center;
   font: bold 14px  "ＭＳ Ｐゴシック";
   line-height: 2.2em;
   color: #330000;
}
/* ===主画面ﾌｫﾝﾄの設定(h3)===  */   
#main h3{ 
   padding: 0px 10px;
   text-align: center;
   font: bold 20px  "ＭＳ Ｐゴシック";
   line-height: 2.2em;
   color: #330000;
}
/* ===主画面ﾌｫﾝﾄの設定(h4)===  */   
#main h4{ 
   padding: 0px 10px;
   text-align: center;
   font: bold 30px  "ＭＳ Ｐゴシック";
   line-height: 3em;
   color: #00ff00;
}
/* ===ﾘｽﾄ設定=== */
#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: 2px #ffffff solid;
}
#main ul li a:hover {
   position: relative;
   color:#ffffff;
   background:#ff0000; 
}
#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;
}
/* ===ﾎﾞｯｸｽ大きさ設定=== */
 .box1 {
   float: left;
   background-color:#40e0d0;
   width: 800px;
   height: 800px;
}
/* ===ﾎﾞｯｸｽ大きさ設定=== */
 .box2 {
   float: left;
   text-align: left;
   background-color:#fff;
   width: 185px;
   height: 200px;
}
/* ===ﾎﾞｯｸｽ大きさ設定=== */
 .box3 {
   float: left;
   text-align: left;
   background-color:#fff;
   width: 200px;
   height: 350px;
}

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

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

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