/* CSS Document */


/* ???????? */
.float	{float:right;
		}
.floatleft {float:left;
		}
.kaijo  {clear:both}

/* ??700px???(800px??u???E?U?????????) */
body    {background-color:#FFFFFF;
		 margin:0px;
		 padding:0px;
		 text-align:center
		}
/*background-color:#33b8bb */


img     {border-width:0px;
         vertical-align:bottom;
		 text-align:left}
		 
.colorbox {width:800px;
		   height:15px;
		   background-image:url(a/image/common/box.gif);
		   background-repeat:no-repeat;
 		   background-position:right;
		   margin:0px 0px 15px 0px;
		   }
.topbox	{background-image:url(a/image/common/sideface2.jpg);
		 background-repeat:no-repeat;
		 background-position: top right;
		 background-color:#FFFFFF;
		 width:800px;
		 height:715px;
	     overflow:auto;
		 position:absolute;
		 left:50%;
		 top:50%;
		 margin-top:-250px;
		 margin-left:-400px;
		 text-align:left
		 }
		 
.topinner {background-color:#000000;
		 background-image:url(a/image/common/topdancw.jpg);
		 background-position:bottom right;
		 background-repeat:no-repeat;
		 width:648px;
		 height:388px;
		 margin: 0px 0px 0px 140px;
		 border-color:#000000;
		 border-width:1px;
		 border-style:solid
		 }

.box	{background-color:#FFFFFF;
		 width:800px;
		 height:700px;
	     overflow:auto;
		 position:absolute;
		 left:50%;
		 top:50%;
		 margin-top:-250px;
		 margin-left:-400px;
		 border-color:#000000;
		 border-width:0px 0px 0px 0px;
		 border-style:solid;
		 }
.kuzu	{width:646px;
		 height:20px;
		 background-color:#000000;
		 text-align:right;
		 border-width:0px 0px 1px 0px;
		 border-color:#999999;
		 border-style:solid
		 }


.inner	{background-color:#000000;
		 background-image:url(a/image/common/innerhaikei.gif);
		 background-position:bottom right;
		 background-repeat:no-repeat;
		 width:648px;
		 height:388px;
		 margin: 0px 0px 0px 140px;
		 border-color:#000000;
		 border-width:1px;
		 border-style:solid
		 }
.aboutleft	{width:315px;
			 height:360px;
			 margin:0px;
			 float:left
			 }
.aboutright	{width:325px;
			 height:360px;
			 margin:0px 0px 0px 2px;
			 float:left;
			 }
.aboutpic	{width:300px;
			 height:105px;
			 text-align:left;
			 margin:0px 0px 0px 15px
			 }
.tools		{width:648px;
		 	height:388px;
			 margin: 0px 0px 0px 140px;
			 border-color:#000000;
			 border-width:1px;
			 border-style:solid;
			 background-image:url(a/image/common/090622.jpg);
			 background-repeat:none;
			 background-position:bottom center;		 
			}
.link		{width:180px;
			 height:320px;
			 margin:0px 0px auto 20px;
			 float:left
			 }
.menu	{width:120px;
		 height:390px;
		 margin:0px 0px 0px 0px;
		 padding: 0px;
		 background-image:url(a/image/common/menuback.gif);
		 background-position:bottom left;
		 background-repeat:no-repeat;
		 background-color:#000000;
		 text-align:left;
		}
		
.rogo	{width:116px;
		 height:76px;
		 margin:0px 0px auto auto;
		 padding:0px;
		 background-image:url(a/image/common/rogo.gif);
		 background-repeat:no-repeat;
		 border:none;
		 }
		 
.bottom	{width:115px;
		 height:300px;
		 margin:50px auto auto 15px;
		 padding:0px;
		 text-align:left
		 }
		 
.bottom a {margin:0px;
		   font-size:12px;
		   font-family:Arial, Helvetica, sans-serif;
		   color:#FFFFFF;
		   text-decoration:none;
		   font-weight:bold;
		   padding:0px auto auto 20px;
		   text-align:left 
		   }
.gallery {width:250px;
		 height:80px;
		 border-width:1px;
		 border-color:#cccccc;
		 text-align:left
		}
		  
.bottom a:hover {position:relative;
				 left:3px
			}

.fla1	{width:270px;
		 height:140px;
		 border:none;
		 margin-top:35px;
		 margin-left:40px;
		 text-align:right
		}
		
.footer	{width:800px;
		 height:50px;
		 margin:30px auto auto auto;
		 border-width:1px 0px 1px 0px;
		 border-bottom-color:#000000;
		 border-style:solid
		 }
		 

.fomoji {font-size:10px;
		 color:#000000;
		 font-family:"Times New Roman", Times, serif;
		 text-align:right;
		 margin:8px auto auto auto;
		 text-decoration:none;
		 text-indent:3em;
		 padding:0px
		 }
		 
p		{font-size:10px;
		 color:#ffffff;
		 font-family:Arial, Helvetica, sans-serif;
		 margin:0px auto 10px 30px;
		 padding:0px;
		 text-decoration:none;
		 line-height:1.7
		 }
p a		{font-size:10px;
		 color:#ffffff;
		 font-family:Arial, Helvetica, sans-serif;
		 text-decoration:underline;
		 }
p a:hover{position:relative;
		  left:2px;
		  background-color:#990033
		  }

h3		{font-size:10px;
		 color:#CCCCCC;
		 font-family:Arial, Helvetica, sans-serif;
		 margin: 3px 10px auto 10px;
		 text-decoration:none
		 }
h3 a	{font-size:10px;
		 color:#CCCCCC;
		 font-family:Arial, Helvetica, sans-serif;
		 margin: auto auto auto 10px;
		 text-decoration:none
		 }
h3 a:hover{position:relative;
		   top:2px
		   }
h2		{font-size:12px;
		 color:#CCCCCC;
		 font-family:Arial, Helvetica, sans-serif;
		 margin:10px auto 15px 3px;
		 text-align:left;
		 font-weight:300;
		 background-color:#333333;
		 }
h4		{font-size:13px;
		 color:#CCCCCC;
		 font-family:Arial, Helvetica, sans-serif;
		 margin: 10px 10px 5px 7px;
		 text-decoration:none
		 }
.jav	{width:120px;
		 height:140px;
		 margin:30px 0px 0px 0px;
		 padding:0px;
		 background-image:url(a/image/common/javback0909.jpg);
		 background-repeat:no-repeat;
		 background-position:top
		 }

ul#top {height:20px;margin:0;padding:0;}
ul#top li a {display:block;height:20px;width:120px;text-indent:-9999px;}
ul#top li.home {background:(a/image/common/top.jpg) no-repeat;}
ul#top li.home a {background:url(a/image/common/top.jpg) 0px 0px;}

ul#about {height:20px;margin:0;padding:0;}
ul#about li a {display:block;height:20px;width:120px;text-indent:-9999px;}
ul#about li.home {background:(a/image/common/about.jpg) no-repeat;}
ul#about li.home a {background:url(a/image/common/about.jpg) 0px 0px;}

ul#works {height:20px;margin:0;padding:0;}
ul#works li a {display:block;height:20px;width:120px;text-indent:-9999px;}
ul#works li.home {background:(a/image/common/works.jpg) no-repeat;}
ul#works li.home a {background:url(a/image/common/works.jpg) 0px 0px;}

ul#tips {height:20px;margin:0;padding:0;}
ul#tips li a {display:block;height:20px;width:120px;text-indent:-9999px;}
ul#tips li.home {background:(a/image/common/tips.jpg) no-repeat;}
ul#tips li.home a {background:url(a/image/common/photo.jpg) 0px 0px;}

ul#mail {height:20px;margin:0;padding:0;}
ul#mail li a {display:block;height:20px;width:120px;text-indent:-9999px;}
ul#mail li.home {background:(a/image/common/mail.jpg) no-repeat;}
ul#mail li.home a {background:url(a/image/common/mail.jpg) 0px 0px;}

ul#links {height:20px;margin:0;padding:0;}
ul#links li a {display:block;height:20px;width:120px;text-indent:-9999px;}
ul#links li.home {background:(a/image/common/links.jpg) no-repeat;}
ul#links li.home a {background:url(a/image/common/links.jpg) 0px 0px;}

ul#photoblog {height:20px;margin:0;padding:0;}
ul#photoblog li a {display:block;height:20px;width:120px;text-indent:-9999px;}
ul#photoblog li.home {background:(a/image/common/photoblog.jpg) no-repeat;}
ul#photoblog li.home a {background:url(a/image/common/photoblog.jpg) 0px 0px;}

#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}