body { font-size: 9pt;
       color: #555555;
       background-image :  url("")  ;
       font-family: "Verdana,Osaka,ＭＳ Ｐゴシック";
       line-height :140%;
       scrollbar-track-color: #ffffff;
       scrollbar-3dlight-color: #ffffff;
       scrollbar-highlight-color: #c1c1c1;
       scrollbar-face-color: #ffffff;
       scrollbar-shadow-color: #444444;
       scrollbar-darkshadow-color: #ffffff;
       scrollbar-arrow-color: #666666;
       margin-top: 0em;
       margin-left: 0em;
       margin-bottom: 0em;
       margin-right: 0em; }

a         { color:#555555; }
a:link    { color:#555555; }
a:visited { color:#555555; }
a:hover   { color:#CC0000; text-decoration:none; }

.catel a  { color:#777777; font-weight: bold;}
.catel a:link    { color:#777777; font-weight: bold;}
.catel a:visited { color:#777777; font-weight: bold;}
.catel a:hover   { color:#CC0000; font-weight: bold; text-decoration:none; }

img { border:1px ; }

hr { display:none; }

td,th { font-size:9pt;line-height :140%;
        font-family: "Verdana,Osaka,ＭＳ Ｐゴシック"; }

.base { margin-left: 2em; margin-right: 2em;}


/* ワード検索関係*/
.serch  { font-size: 7.5pt;
          font-family: "Verdana";
          text-align: right;
          margin: 0.2em; }

.serchform {  width: 8em; }

.serchbutton { background-color: #ffffff;

	   color: #555555;
	   border: #555555 1px solid;
	   line-height: 1.1 ;}

.serch input { color: #555555;
             background-color: #ffffff;
             border: #555555 1px solid; }

/* カテゴリ関係 */

select {  width: 8.5em; }

.cate  { font-size: 7.5pt;
         font-family: "Verdana";
         text-align: right;
         margin: 0.2em 0.5em 0.2em 0.2em; }

.catebtn { background-color: #ffffff;

	   color: #555555;
	   border: #555555 1px solid;
	   line-height: 1.1 ;}

form { margin: 0em; }

form { margin-top: 0em;
       margin-bottom: 0em;
 　　　padding-top: 0.1em;
 　　　padding-bottom: 0.1em; }

.top_home { color: #555555;
            font-size: 8pt;
            text-align: right;
            margin: 0.2em 0.5em 0.2em 0em;
            border: none; }

.note { color: #666666;
            font-size: 8pt;
            text-align: right; }

.title_waku { border: none;
              margin-top: 0.1em;
              margin-bottom: 0.1em;
              background-image :  url("")  ;
              text-align: left; }

.title { color: #555555;
         font-size: 9pt;
         font-weight: bold;
         padding-left: 0.5em; }

.date { color: #555555;
        font-size: 8pt;
        padding-left: 1em; }

.catel { color: #999999;
         font-size: 8pt;
         font-weight: bold;
         padding-left: 1em; }

.article { background-color: #ffffff;
           color: #555555;
           font-size: 9pt;
           line-height: 160%;
           padding: 0.7em 1em 0.5em 1.5em; }

.image_l { background-color: #ffffff;
           color: #555555;
           font-size: 9pt;
           line-height: 160%;
           padding: 1em 0em 0.5em 1.5em; }

.image_l_article { background-color: #ffffff;
             　　　color: #555555;
             　　　font-size: 9pt;
             　　　line-height: 160%;
             　　　padding: 1em 1em 0.5em 1em; }

.image_r { background-color: #ffffff;
           color: #555555;
           font-size: 9pt;
           line-height: 160%;
           padding: 1em 1em 0.5em 0em; }

.image_r_article { background-color: #ffffff;
                   color: #555555;
                   font-size: 9pt;
                   line-height: 160%;
                   padding: 1em 1em 0.5em 1.5em; }

.image_top { background-color: #ffffff;
             color: #555555;
             font-size: 9pt;
             line-height: 160%;
             padding: 1em 1em 0em 1.5em; }

.image_top_article { background-color: #ffffff;
                     color: #555555;
                     font-size: 9pt;
                     line-height: 160%;
                     padding: 0.5em 1em 0.5em 1.5em; }

.image_bottom { background-color: #ffffff;
                color: #555555;
                font-size: 9pt;
                line-height: 160%;
                padding: 0em 1em 0.5em 1.5em; }

.image_bottom_article { background-color: #ffffff;
                        color: #555555;
                        font-size: 9pt;
                        line-height: 160%;
                        padding: 1em 1em 0.5em 1.5em; }

.image_ltop_article { background-color: #ffffff;
                      color: #555555;
                      font-size: 9pt;
                      line-height: 160%;
                      padding: 1em 1em 0.5em 1.5em; }

.image_rtop_article { background-color: #ffffff;
                      color: #555555;
                      font-size: 9pt;
                      line-height: 160%;
                      padding: 1em 1em 0.5em 1.5em; }

.image_ctop { color: #555555;
             font-size: 9pt;
             line-height: 160%;
             padding: 1em 1em 0em 1.5em; }

.image_ctop_article { color: #555555;
                      font-size: 9pt;
                      line-height: 160%;
                      padding: 0.5em 1em 0.5em 1.5em; }

.image_cbottom { color: #555555;
                 font-size: 9pt;
                 line-height: 160%;
                 padding: 0em 1em 0.5em 1.5em; }

.image_cbottom_article { background-color: #ffffff;
                         color: #555555;
                         font-size: 9pt;
                         line-height: 160%;
                         padding: 1em 1em 0.5em 1.5em; }

.article img { border:none; }
.image_l img { border:none; text-align: left; }
.image_r img { border:none; text-align: left; }
.image_top img { border:solid 1px #ffffff; }
.image_rtop img { border:solid 1px #555555; margin: 0em 0em 0em 1em;  }
.image_ltop img{ border:solid 1px #555555; margin: 0em 1em 0em 0em; }
.image_bottom img { border:solid 1px #555555; }
.image_ctop img { border:solid 1px #555555; }
.image_cbottom img { border:solid 1px #555555; }
.sp_image img { border:solid 1px #555555; }

.atlink{ text-align: right;
         color: #555555;
         font-size: 7.5pt;
         margin: 0.1em 0.5em 0.1em 0.1em;
         padding-right: 1em; }

.CommentField { margin: 0.1em 0.1em 0.1em 5em; 
                padding-top: 0.6em;                
                text-align: left; }

.cname { font-size: 8pt;
         color: #555555; 
         font-weight: bold; 
         padding-left: 0.5em; }

.cdate { font-size: 7pt;
         color: #555555;
         padding-left: 1em; }

.cmsg { font-size: 8pt;
        line-height: 140%;
        color: #555555;
        padding: 0.2em 1em 0.7em 1.5em; }

.CommentNameStr { margin: 1.5em auto 1.5em auto;
                  font-size: 8pt; 
                  line-height : 140%;
                  text-align: left; }

.button { color: #555555;
          font-size: 9pt;
          margin-top: 0.7em;
          border: solid 1px #c1c1c1;
          background-color: #f6f6f6; }

.ciname { font-size: 8pt;     /* 使用無し？ */ }

.nameform { color: #555555;
            font-size: 9pt;
            background-color: #ffffff;
            border: #c1c1c1 1px solid;
            width: 15em; }

.mesgform { color: #555555;
            font-size: 9pt;
            background-color: #ffffff;
            border: #c1c1c1 1px solid;
            width: 25em;
            height: 6em; }

.mtable { font-size: 7pt; font-family: "Osaka,ＭＳ Ｐゴシック";
          line-height: 110%; }

.pastmsg { text-align: center; font-family: "Osaka,ＭＳ Ｐゴシック";
           color: #555555;
           font-size: 7pt; }

.pasty { text-align: center; font-family: "Osaka,ＭＳ Ｐゴシック";
         color: #555555;         
         font-size: 7pt;
         padding: 0.1em 0.5em 0.1em 1em; }

.pastm{ text-align: left; font-family: "Osaka,ＭＳ Ｐゴシック";
        color: #555555;        
        font-size: 7pt; }

.pastlink{ font-family: "Osaka,ＭＳ Ｐゴシック";
           color: #555555; text-align: right; padding-right: 1em;     
           font-size: 9pt; }


.hr { color:#c1c1c1;
      border-top:none;
      border-right:none;
      border-bottom:dashed 1px #c1c1c1;
      border-left:none;     /* 使用無し */　}

.hr1 { color:#c1c1c1;
       border-top:none;
       border-right:none;
       border-bottom:dashed 1px #c1c1c1;
       border-left:none;
       margin-top:0.1em; 
       margin-bottom:0.5em; }

.hr2 { color:#c1c1c1;
       border-top:none;
       border-right:none;
       border-bottom:solid 1px #c1c1c1;
       border-left:none;
       margin-top:0.2em; }

.hr3 { color:#c1c1c1;
       border-top:none;
       border-right:none;
       border-bottom:dashed 1px #c1c1c1;
       border-left:none;
       margin-top:0.8em; 
       margin-bottom:0.4em;     /* コンテンツに使用中 */ }

.hr4 { color:#c1c1c1;
       border-top:none;
       border-right:none;
       border-bottom:dashed 1px #c1c1c1;
       border-left:none;
       margin-top:0.8em; 
       margin-bottom:0.8em;     /* コンテンツに使用中 */ }


.cmnt_view { color:#555555;
             font-size:9pt;
             margin-top:0.5em;
             padding-bottom:0.5em;
             cursor:hand;
             text-decoration:underline; }

.cmnt_display { display:none; }


.gtable td { text-align: center;vertical-align:top;
             
         　　font-family: "Verdana,Osaka,ＭＳ Ｐゴシック";
             font-size: 7pt;
             line-height: 120%;
             background-color: #ffffff;
             border-style: solid;
             border-color: #999999;
             padding: 0.4em;
             border-width: 1px; }

.gtable image { border:solid 1px #999999; }

.gvect { text-align: center;
         margin-top: 0.5em;
         margin-bottom: 1.5em;
         font-family: "Verdana,Osaka,ＭＳ Ｐゴシック";
         font-size: 8pt; }


.dummy { margin:0em 0em 0em 0em; line-height :100%; }
.dummy2 { margin:0.7em 0em 0em 0em; line-height :100%; }

.image { margin:0.3em aout 0.3em aout;
         line-height :140%;
       　text-align:right;
         font-size: 9pt; }

.red { border:solid 1px #cc0000; margin:1px 0px 0px 0px; }
.blue { border:solid 1px #0000cc; margin:1px 0px 0px 0px; }
.white { border:solid 1px #ffffff; margin:1px 0px 0px 0px; }

.writer { background-color:#ffffff;
           color:#555555;
           font-size:9pt;
           line-height:140%;
           padding:0.5em 0em 0.2em 0em; }

.proftable { width: 350px; }

.proftable td { font-size: 9pt;
                line-height: 120%;
                background-color: #ffffff;
                border-style: solid;
                border-color: #999999;
                padding: 0.2em 0.5em 0.2em 0.5em;
                border-width: 1px; }




#lightbox{
	position: absolute;
	top: 40px;
	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{background-color: #000;margin: 10px 10px 10px 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;
	}

#imageData{
	padding:0 10px;
	}
#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-image :  url("") ;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac */
	height: 1%;
	/* End hide from IE-mac */
	}