.uoimg_title { width:490px; margin:px auto 6px auto; padding:0px; font-weight:bold; color:#ffffff; text-align:center; height:auto; }
.uoimg_listloop { width:490px; margin-left:auto; margin-right:auto; }
.photodiv { width:150px; height:160px; margin:5px 5px; font-size:9pt; color:#ffffff; text-align:left; border:1px solid #cccccc; float:left; clear:none; }
.photodiv2 { width:150px; height:90px; margin:10px 0px 0px 0px; }
.photocom { width:160px; height:30px; margin:20px 0px; font-size:9pt; color:#ffffff; text-align:center; }
.uoimg_pager1 { width:490px; margin:0 auto 10px auto; padding:0px 0px 6px 0px; color:#ffffff; text-align:center; font-size:12px; border-bottom:1px dashed #666666; }
.uoimg_pager2 { width:490px; margin:10px auto 0px auto; padding:6px 0px 0px 0px; color:#ffffff; text-align:center; font-size:12px; border-top:1px dashed #666666; }
.uoimg_gzlist { margin-left:auto; margin-right:auto; display : block; }

A:link {color:silver;text-decoration:none;}
A:visited {color:silver;text-decoration:none;}
A:active {color:#ffffff;text-decoration:underline;}
A:hover{color:#ffffff;text-decoration:underline;}

html{  scrollbar-base-color: #000080;
       scrollbar-Track-Color: #000080;
       scrollbar-Face-Color: #000080;
       scrollbar-DarkShadow-Color: #000080;
       scrollbar-3dLight-Color: #000080;
       scrollbar-Highlight-Color: silver;
       scrollbar-Shadow-Color: silver;
       scrollbar-Arrow-Color: silver;
       margin:0px auto; padding: 0;height:100%;
 　　　font-size: 100%;line-height: 100%;text-align:left; }

body{  scrollbar-base-color: #000080;
       scrollbar-Track-Color: #000080;
       scrollbar-Face-Color: #000080;
       scrollbar-DarkShadow-Color: #000080;
       scrollbar-3dLight-Color: #000080;
       scrollbar-Highlight-Color: silver;
       scrollbar-Shadow-Color: silver;
       scrollbar-Arrow-Color: silver;
       background-color:#000080;
       font-size: 100%;line-height: 100%;
       margin:0px auto;padding: 0;height:100%;
       text-align:left;
       background-attachment: fixed;
       word-break: break-all;word-wrap: break-word;}

/************************ 箱 **********************/
#box{ position:relative;width:725px;margin:0 auto;padding: 0;
      height:100%;min-height: 100%;text-align:left;
      background-image: url(./images/H100_box_mainleft.gif) ;
      background-repeat: repeat-y;}
body > #box { height: auto;}

/************************ サイトタイトル **********************/
#sitetitle { text-align:left;
            font-family:Verdana,Helvetica,"ＭＳ Ｐゴシック",Osaka;
        font-size :100%;line-height:100%;
        margin: 30px 0px 35px 35px;padding:0px 0px 0px 0px;    }
#sitetitle A,
#sitetitle A:link {color:#ffffff;text-decoration:none;}
#sitetitle A:visited {color:#ffffff;text-decoration:none;}
#sitetitle A:active {color:silver;text-decoration:none;}
#sitetitle A:hover{color:silver;text-decoration:none;}

.title { font-family:Verdana,Helvetica,"ＭＳ Ｐゴシック",Osaka;
        font-size :200%;line-height:100%;color:#24140e;font-weight:bold;
        margin: 0px 0px 0px 0px;padding:0px 0px 0px 0px; }

/************************ メイン記事 **********************/
#main{ position:absolute;top:0px;left:0px;right:210px;clear: both; 
       width:490px;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;
       font-size: 100%;line-height: 100%; text-align:left;background-color:#000080;}

/************************ 記事表示 **********************/
.entryBodyset {margin: 0px 0px 20px 0px;padding:10px 20px 0px 0px;
                text-align:left; font-size: 100%;line-height: 100%;  }

.entry_title {margin: 0px 0px 0px 0px;padding:5px 10px 5px 5px;
              font-size: 80%;line-height: 100%; font-weight:bold;
              font-family: Verdana,Helvetica,"ＭＳ Ｐゴシック",Osaka;
              text-align:left;color:silver;
               border-left:solid 37px silver;}

.log_title {margin: 0px 0px 0px 0px;padding:0px 0px 0px 10px;color:silver; }

.entry_title A,
.entry_title A:link {color:silver;text-decoration:none;}
.entry_title A:visited {color:silver;text-decoration:none;}
.entry_title A:active {color:#ffffff;text-decoration:underline;}
.entry_title A:hover{color:#ffffff;text-decoration:underline;}

.entry_body {margin: 0px 0px 20px 0px;padding:20px 20px 0px 40px;
                 font-size: 80%;line-height: 180%; text-align:left;color:silver;
                font-family: Verdana,Helvetica,"ＭＳ Ｐゴシック",Osaka;}
.entry_body A,
.entry_body A:link {color:silver;text-decoration:underline;}
.entry_body A:visited {color:silver;text-decoration:underline;}
.entry_body A:active {color:silver;text-decoration:underline;}
.entry_body A:hover{color:silver;text-decoration:underline;}
.entry_body ul {padding: 0px 0px 0px 0px; margin: 0px 0px 5px 0px;list-style-type: none;}
.entry_body li {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 20px; list-style:disc;}

.entry_state{margin: 25px 0px 40px 0px;padding:0px 20px 20px 0px;
             font-size: 8pt;line-height: 160%;text-align:right;color:#666666; 
             font-family: Verdana,Helvetica,"ＭＳ Ｐゴシック",Osaka;}
.entry_state A,
.entry_state A:link {color:#666666;text-decoration:none;}
.entry_state A:visited {color:#666666;text-decoration:none;}
.entry_state A:active {color:#666666;text-decoration:underline;}
.entry_state A:hover{color:#666666;text-decoration:underline;}

p.moremark { padding: 0px 0px 0px 0px; margin:30px 0px 0px 0px; } 
p.moremark A,
p.moremark A:link {color:#18c0c0;text-decoration:none;}
p.moremark A:visited {color:#18c0c0;text-decoration:none;}
p.moremark A:active {color:#18c0c0;text-decoration:underline;}
p.moremark A:hover{color:#18c0c0;text-decoration:underline;}

/************************ コメント **********************/

#commF_table{margin: 30px 40px 30px 40px;padding:0px 0px 0px 0px;
            font-size: 80%;line-height: 100%;
            font-family: Verdana,Helvetica,"ＭＳ Ｐゴシック",Osaka;
            text-align:left;color:silver; }

.comm_state{margin: 30px 40px 30px 40px;padding:0px 0px 0px 0px;
            font-size: 80%;line-height: 100%;
            font-family: Verdana,Helvetica,"ＭＳ Ｐゴシック",Osaka;
            text-align:left;color:silver;}

.comm_top{margin: 0px 0px 0px 0px;padding:10px 20px 20px 20px;
               border-bottom:1px dotted #999999;
               font-size: 100%;line-height: 100%;   }

.comm_name{margin: 0px 0px 0px 0px;padding:0px 0px 0px 0px;
           float:left;text-align:left;font-weight:bold;font-size:100%;line-height:100%;}

.comm_bottom {margin: 0px 0px 0px 0px;padding:0px 0px 0px 0px;
              float: right; text-align:right;font-size: 80%;line-height: 100%;  }

.comm_body {margin: 10px 0px 10px 0px;padding:0px 15px 0px 21px;
            font-size: 100%;line-height: 160%;text-align:left;}

.comok_title {margin: 40px 0px 20px 0px;padding:0px 0px 0px 5px;
             font-size: 100%;line-height: 100%;text-align:left;color:silver;
            font-family: Verdana,Helvetica,"ＭＳ Ｐゴシック",Osaka;
             border-left:solid 20px silver;border-bottom:solid 1px silver;}

.comno_title {margin: 40px 40px 0px 40px;padding:0px 0px 0px 5px;
             font-size: 80%;line-height: 100%;text-align:left;color:silver;
            font-family: Verdana,Helvetica,"ＭＳ Ｐゴシック",Osaka;
             border-left:solid 20px silver;border-bottom:solid 1px silver;}

/************************ トラックバック **********************/

.trano_title {margin: 10px 40px 0px 40px;padding:0px 0px 0px 5px;
             font-size: 80%;line-height: 100%;text-align:left;color:silver;
            font-family: Verdana,Helvetica,"ＭＳ Ｐゴシック",Osaka;
             border-left:solid 20px silver;border-bottom:solid 1px silver;}

.traok_title {margin: 60px 40px 0px 40px;padding:0px 0px 0px 5px;
             font-size: 80%;line-height: 100%;text-align:left;color:silver;
            font-family: Verdana,Helvetica,"ＭＳ Ｐゴシック",Osaka;
             border-left:solid 20px silver;border-bottom:solid 1px silver;}

.tra_url { margin: 0px 40px 20px 40px;padding:10px 10px 0px 0px;
            font-size: 70%;line-height: 100%;text-align:right;color:silver;
            font-family: Verdana,Helvetica,"ＭＳ Ｐゴシック",Osaka;}


/************************ ページ移動 **********************/
#pagearea  { margin:40px 0px 10px 0px;padding:0px 0px 0px 0px;
background-color: #000080;
                 font-family:Verdana,Helvetica;font-size :100%;line-height: 100%;   }

.move_table {width:490px;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;
             background-color: #000080;font-size :80%;line-height: 100%;color:silver; }
.move {font-size :80%;line-height: 180%;text-align:center;
          margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}
.move A,
.move A:link {display:block;width:100px;color:#ffffff;background-color: #000080;text-decoration:none;}
.move A:visited {display:block;width:100px;color:#ffffff;background-color: #000080;text-decoration:none;}
.move A:active {display:block;width:100px;color:#ffffff;background-color: #000080;text-decoration:none;}
.move A:hover{display:block;width:100px;color:#ffffff;background-color: #000080;text-decoration:none;}

.move2 {font-size :80%;line-height: 180%;text-align:center;background-color: #000080;
        margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-bottom: 1px solid silver;}
.move2 A,
.move2 A:link {color:#ffffff;text-decoration:none;}
.move2 A:visited {color:#ffffff;text-decoration:none;}
.move2 A:active {color:#ffffff;text-decoration:underline;}
.move2 A:hover{color:#ffffff;text-decoration:underline;}

.co { margin:0px 10px 0px 10px;padding:2px 0px 0px 0px; 
      color:silver; font-size: 80%; text-align:center; font-weight:bold ;
     font-family: Verdana,Helvetica,"ＭＳ Ｐゴシック",Osaka;  }
             

/********************** サイド ***********************/
#side {position:relative;left:490px;right:0px; top:0px;
         width:210px;  text-align:left; }

#menu {width: 200px;margin:0px 0px 0px 10px;padding: 30px 0px 0px 0px; 
           font-family: Verdana,Helvetica,"ＭＳ Ｐゴシック",Osaka;
           color:silver; font-size :100%;line-height: 100%;text-align:left; }

/********************** メニュー用 ***********************/
.linktitle{ margin:0px 5px 0px 0px;padding: 5px 0px 0px 0px;            
            font-size: 80%;line-height: 100%;color:#ffffff;font-weight: bold ;  }

.linktitle A,
.linktitle A:link {color:#ffffff;text-decoration:none;}
.linktitle A:visited {color:#ffffff;text-decoration:none;}
.linktitle A:active {color:silver;text-decoration:none;}
.linktitle A:hover{color:silver;text-decoration:none;}

.s {margin: 0px 0px 0px 0px;padding: 10px 0px 10px 0px; }

.r {margin: 0px 0px 0px 0px;padding: 20px 0px 10px 0px; 
     color: #ffffff; font-size: 60%;font-weight:normal ; }
.r A,
.r A:link {color:#ffffff;text-decoration:none;}
.r A:visited {color:#ffffff;text-decoration:none;}
.r A:active {color:silver;text-decoration:underline;}
.r A:hover{color:silver;text-decoration:underline;}

/************************ 展開後 **********************/
.child {margin: 0px 0px 0px 0px;padding: 10px 5px 20px 12px;
        font-family: Verdana,Helvetica,"ＭＳ Ｐゴシック",Osaka;
        font-size: 70%;color: silver; line-height: 100%; border :1px solid silver;  }
.child A,
.child A:link {color:#ffffff;text-decoration:none;}
.child A:visited {color:#ffffff;text-decoration:none;}
.child A:active {color:#ffffff;text-decoration:underline;}
.child A:hover{color:#ffffff;text-decoration:underline;}

.child ul {margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px; list-style-type: none; }
.child li {margin: 0px 0px 0px 5px;padding: 7px 0px 0px 0px; list-style-type: none;}
.child ul.main {margin: 0px 0px 10px 0px;padding: 0px 0px 0px 0px; list-style-type: none;  }
.child li.sub {margin: 0px 0px 0px 0px;padding: 5px 0px 0px 0px; list-style-type: none;}
.link1{color: silver;}

/************************ カレンダー **********************/
#cal_box{ width: 177px;margin: 0px 0px 0px 0px;padding: 20px 0px 0px 0px;}

.calendar { font-family: Verdana,Helvetica; font-size: 7pt;color:silver;
            line-height: 170%; background-color: #000080;
            padding: 0px 0px 7px 0px;margin: 0px 0px 0px 0px;   }

.cell2 {background-color: #000080;color: #ffffff;font-weight: bold;
         width: 19px;  height: 19px;  padding: 1px;}

.cell {background-color: #ffffff; color: #504946;font-weight: normal;
       width: 17px;  height: 17px;  padding: 1px;border: 1px solid #ffffff;}
.cell A,
.cell A:link {color: #333333;text-decoration:none;width: 17px;  height: 17px; display:block;background-color:#cccccc;}
.cell A:visited {color: #333333;text-decoration:none;}
.cell A:active {color:#ffffff;text-decoration:none;}
.cell A:hover {color:#ffffff;text-decoration:none;}

.cell_today { background-color: #ffffff;  color: #cccccc;width: 17px; height: 17px;
              border: 1px solid #cccccc;}
.cell_today A,
.cell_today A:link {color: #ffffff;text-decoration:none;width: 17px;  height: 17px; display:block;background-color:#cccccc;}
.cell_today A:visited {color: #ffffff;text-decoration:none;}
.cell_today A:active {color:#ffffff; text-decoration:underline;}
.cell_today A:hover {color:#ffffff; text-decoration:underline;}

.cell_sunday { background-color: #ffffff;color: #d70035; width: 17px; height: 17px;
               border: 1px solid #ffffff;}
.cell_sunday A,
.cell_sunday A:link {color: #d70035;text-decoration:none;width: 17px;  height: 17px; display:block;background-color:#cccccc;}
.cell_sunday A:visited {color:#d70035; text-decoration:none;}
.cell_sunday A:active {color:#B35819; text-decoration:none;}
.cell_sunday A:hover {color:#B35819; text-decoration:none;}

.cell_saturday { background-color: #ffffff;color: #0000ff;width: 17px; height: 17px;
                 border: 1px solid #ffffff;}
.cell_saturday A,
.cell_saturday A:link {color:#0000ff; text-decoration:none;width: 17px;  height: 17px; display:block;background-color:#cccccc;}
.cell_saturday A:visited {color:#0000ff; text-decoration:none;}
.cell_saturday A:active {color:#007199; text-decoration:none;}
.cell_saturday A:hover {color:#007199; text-decoration:none;}

.c {margin: 0px 0px 0px 0px;padding: 0px 0px 0px 30px; }

/************************ 細々 **********************/
hr { height: 1px;border: none;border: 1px dotted #333333;}
img {border:none;}
u { height: 1px;border: none;border-bottom: 1px solid #333333;}
blockquote {padding:10px;margin:0px;background-color:#e9e4d4;}

input,textarea{ border :1px solid #999999;
                    background-color:#ffffff;
                    scrollbar-arrow-color: #F3ECBF;
                    scrollbar-highlight-color: #ffffff;
                    scrollbar-3d-light-color: #ffffff;
                    scrollbar-shadow-color: #ffffff;
                    scrollbar-base-color: #ffffff;
                    scrollbar-track-color: #ffffff;
                    scrollbar-darkshadow-color: #ffffff;
                    scrollbar-face-color: #cccccc;}

.btn {height: 19px;font-size:11px;color:#66563d;
       border-width : 1px;border-style : solid ;border-color :#999999;
       background-color:#E7E7E7;}

form {margin: 0px 0px 0px 0px;padding: 10px 0px 0px 0px;}

#lightbox{
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 100;
  text-align: center;
  line-height: 0;
  }

#lightbox a img{ border: none; }

#outerImageContainer{
  position: relative;
  background-color: #fff;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  }

#imageContainer{
  padding: 10px;
  }

#loading{
  position: absolute;
  top: 40%;
  left: 0%;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
  }
#hoverNav{
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
  }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
  width: 49%;
  height: 100%;
  background: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */
  display: block;
  }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
  font: 10px Verdana, Helvetica, sans-serif;
  background-color: #fff;
  margin: 0 auto;
  line-height: 1.4em;
  overflow: auto;
  width: 100%  
  }

#imageData{  padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }  
#imageData #caption{ font-weight: bold;  }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;  }      
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;  }  
    
#overlay{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 90;
  width: 100%;
  height: 500px;
  background-color: #000;
  }


div.uturundesu {
  padding:3px;
  margin:3px;
}

div.uturundesu a {
  padding: 2px 5px 2px 5px;
  margin-right: 2px;
  border: 1px solid #9aafe5;
  text-decoration: none; 
  color: #18c0c0;
}
div.uturundesu a:hover, div.uturundesu a:active {
  border: 1px solid #2b66a5;
  color: #000;
  background-color: lightyellow;
}
div.uturundesu span.uturu_current {
  padding: 2px 5px 2px 5px;
  margin-right: 2px;
  border: 1px solid navy;
  font-weight: bold;
  background-color: #18c0c0;
  color: #FFF;
}
div.uturundesu span.uturu_disabled {
  padding: 2px 5px 2px 5px;
  margin-right: 2px;
  border: 1px solid #929292;
  color: #929292;
}
