@charset "shift_jis";

/* style resset */

* {
  margin: 0;
  padding: 0;
  }
  
h1, h2, h3, h4, h5, p, address {
   font-size: 100%;
   font-weight: normal;
   font-style: normal;
   }
body{margin: 0px;
     padding: 0px;
	 text-align: center; 
	 }
/*-----------*/
#container{
        width: 920px;
		color: #8b4513;
		margin-top: 10px;
		margin-bottom: 10px;
		margin-left: auto;
	    margin-right: auto; 
		background-color:#dffbec;
		text-align: left;
       }
#header {
        width: 920px;
		height: 120px;
		}

	   
a:link{color:#ff9966;
       text-decoration:none; 
	   }
a:visited{color:#ff6699;
          text-decoration:none; 
		  }
a:hover{color:#ff0000;
        text-decoration:none; 
		}

/*-----------*/

/*-----------*/

/*-----------*/


/*----3-------*/
#pagebody {
		width: 920px;
		margin: 0px;
		background-color:#dffbec;
		overflow: hidden;
		}
#menu{
        float: left;
		width: 170px;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		background-color:#dffbec;
		padding-bottom: 32767px;
		margin-bottom: -32767px;
		}

#main  {
		float: right;
		width:730px;
		background-color:#dffbec;
		padding: 0px 0px 0px 0px;
		margin:0px 0px 0px 0px;

       }

/*----2-------*/

/*-----------*/

#dhtmlgoodies_slidedown_menu {
                   padding: 0px 0px 0px 0px;
				   margin:10px 0px 0px 10px;
		           position:relative;
	                         }
#dhtmlgoodies_slidedown_menu li{
		list-style-type:none;
		position:relative;
		padding-top: 2px;
	}

	#dhtmlgoodies_slidedown_menu ul{
		margin:0px;
		padding:0px;
		position:relative;

	}

	#dhtmlgoodies_slidedown_menu div{
		margin:0px;
		padding:2px;
	}
	/* 	CSS */
	#dhtmlgoodies_slidedown_menu{		
		width:160px;	
		visibility:hidden;
	}

	/* a */
	#dhtmlgoodies_slidedown_menu a{
		color: #000;
		text-decoration:none;	
		display:block;
		clear:both;
		width:144px;	
		padding: 0px 0px 0px 0px;
        
	}
	
	/*a */
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth1{	/*  */
	    margin-top: 0px;
		padding-top:8px;
		padding-left: 6px;
		border-bottom:1px solid #000;
		width: 144px;
		font-weight:bold;
		height: 24px;
	}	
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth2{	/* 1 */
		margin-top: 0px;
		padding-top: 3px;
		padding-left: 10px;
		width: 134px;
		height: 21px;
		font-weight:bold;
		background-image: url('../image/menuback01.gif');	
	}	

	#dhtmlgoodies_slidedown_menu .slMenuItem_depth3{	/* 2 */
		margin-top: 0px;
		padding-top: 3px;
		padding-left: 10px;
		font-style:italic;
		width: 122px;
		height: 21px;
		background-image: url('../image/menuback02.gif');
	}	
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth4{	/* 3 */
		margin-top:1px;
		color:red;
	}	
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth5{	/* 4 */
		margin-top:1px;
	}

	/* ulIt's important to add style to the UL if you're specifying*/
    /* margins. If not, assign the style directly to the parent DIV, i.e. */
	/*ul*/
	/*div*/
	/*#dhtmlgoodies_slidedown_menu .slideMenuDiv1 ul*/
	/**/
	/*#dhtmlgoodies_slidedown_menu .slideMenuDiv1*/
	
	#dhtmlgoodies_slidedown_menu .slideMenuDiv1 ul{
		padding:1px;
	}
	#dhtmlgoodies_slidedown_menu .slideMenuDiv2 ul{
	
		padding-left:5px;
	}
	#dhtmlgoodies_slidedown_menu .slideMenuDiv3 ul{
		padding-left:10px;
	}
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth4 ul{
		margin-left:15px;
		padding:1px;
	}


/*-----------*/

/*-----------*/
p {
   padding: 0px 0px 0px 0px;
   margin: 10px 30px 10px 50px;
   font:10.5pt " ", Osaka,sans-serif; 
   width: 640px;
   }
h1 {
       padding: 0px 0px 0px 0px;
       margin: 10px 0px 10px 0px;
       font:18pt " ", Osaka,sans-serif; 
	   text-align: center;
	   background: #00cc99;
	   color:#ffffff;
   }
h2 {
       padding: 0px 0px 0px 0px;
       margin: 10px 0px 10px 0px;
       font:14pt " ", Osaka,sans-serif; 
	   text-align: center;
	   background: #00cc99;
	   color:#ffffff;
   }
#syuugou {
          padding: 0px 0px 0px 0px;
          margin: 10px 0px 10px 125px;
		  }
#houkoku {
          padding: 0px 0px 0px 0px;
          margin: 10px 0px 10px 0px;
		  width: 300px;
		  }
#houkoku p{
          font:10.5pt " ", Osaka,sans-serif; 
		  }
dding: 0px 0px 0px 0px;
          }
p.albummenu {
             margin-top: 20px;
			 margin-left: 350px;
			 margin-bottom: 20px;
			 }
#gallery
{
  position: relative;
  width: 600px;
  height: 550px; 
  background: #efebe7 url(../images/back.gif) no-repeat 42px 13px;
  padding-bottom: 10px;
  margin-left: 100px;
  margin-bottom: 30px;
  border: 1px solid #8b7f72;
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  line-height: 1.5em;
}

#gallery #imageNumber
{
  display: block;
  width: 200px;
  height: 38px;
  background: url(../images/number.gif);
  text-align: center;
  line-height: 38px;
  font-size: 11px;
  margin: 0;
  color: #222;
  position: absolute;
  top: 110px;
  left: 200px;
}

#thumbnails
{
  width: 500px;
  height: 75px;
  overflow: hidden;
  margin: 20px 49px 60px 49px;
  position: relative;
}

#thumbnails ul
{
  margin: 0;
  padding: 0;
  list-style: none;
}

#thumbnails ul li
{
  float: left;
  height: 75px;
}

#thumbnails ul li div
{
  display: none;
}

#thumbnails ul li img
{
  display: block;
  height: 75px;
  padding: 0 1px;
}

#innerContainer
{
  position: absolute;
  left: 0;  /* -361px */
  top: 0;
  height: 75px;
  overflow: hidden;
}

#fullSize
{
  width: 500px;
  margin: 0 auto;
  background: #a49a91;
  text-align: center;
  border: 1px solid #8b7f72;
}

#fullSize img
{
  display: block;
  margin: 10px auto 10px auto;
  border: 1px solid #fff;
}

#fullSize div
{
  margin: 0 auto;
  background: #a49a91;
  text-align: left;
  padding: 10px;
}

#fullSize div h1
{
  margin: 0;
  padding: 0;
  font-size: 18px;
  line-height: 18px;
  color: #fff;
}

#slideLeft
{
  width: 15px;
  height: 89px;
  position: absolute;
  left: 50px;
  top: 14px;
  background: url(../images/trans.gif);
}

#slideRight
{
  width: 15px;
  height: 89px;
  position: absolute;
  right: 50px;
  top: 14px;
  background: url(../images/trans.gif);
}

#autoPlay
{
  width: 35px;
  height: 38px;
  position: absolute;
  left: 445px; 
  top: 110px;
  background: #fff url(../images/play.gif);
}

#clickLeft
{
  width: 35px;
  height: 38px;
  position: absolute;
  left: 160px;
  top: 110px;
  background: #fff url(../images/blank.gif);
}

#clickRight
{
  width: 35px;
  height: 38px;
  position: absolute;
  left: 405px;
  top: 110px;
  background: #fff url(../images/next.gif);
}
p.albummenu {
             margin-top: 20px;
		  margin-left: 300px;
		  margin-bottom: 20px;
		  font-size: 14pt;
		  }
p.coment {
          margin-top: 20px;
		  margin-left: 50px;
		  margin-bottom: 20px;
		  margin-right: 50px;
		  }
#front{
        margin: 20px 0px 10px 50px;
	    padding: 0px 0px 0px 0px;
		font: 10pt " ", Osaka,sans-serif; 
		}
/*-----------*/

/*-----------*/

#footer{
     width: 920px;
	 height: 60px;
	 background-color:#dffbec;
	 }
hr {
    background-color: #8b4513;
	height: 1px;
	} 	 
#copy{
	  width: 630px;
      height: 25px;
	  padding: 0px;
	  margin: 15px 0px 0px 140px;
	  }
 /*-----------*/