@charset "UTF-8";
/* CSS Document */

			*{
				margin:0;
				padding:0;
				overflow: hidden;
	
			}
	
			html,body{
				width: 100%; height: 100%;
				
			}
				
			img{
				border:none;
			}
			a { /* FireFox リンク選択時の点線を消す　*/
				outline: none;
			}
			.error_box{
				margin:20px;
				
			}
			.error{
				font-size:10px;
				margin:10px 0 0 0 ;
			}
		
			#loading {
				position: absolute;
				top: 49.5%; 
				left: 49.5%;
				z-index: 10;
				width: 24px; 
				height: 24px;
				text-indent: -999em;
				background-image: url(images/progress.gif);
			}
			#supersized{
				position:absolute;
			}
			#supersized img{ -ms-interpolation-mode: bicubic; }
			#supersized img, #supersized a{
				height:100%;
				width:100%;
				position:absolute;
				z-index: -1;
			}
			
			#supersized .prevslide, #supersized .prevslide img{
				z-index: 1;
			}
			#supersized .activeslide, #supersized .activeslide img{
				z-index: 2;
			}
			
			
/*container*/
			#logo{
				position: absolute;  /*body要素に対して絶対配置*/
				top: 20px;  /*上端を中央に*/
				left: 20px;  /*左端を中央に*/
				z-index:3;
			}
		
			#logo h1{display:block; width:400px; height:37px; background-image:url(../../img/logo2011.png); background-repeat:no-repeat; text-indent:-9999px;}
	
	
	
	
	
/* ------------------------------------------------------------------------------------------------------

										メニュー

------------------------------------------------------------------------------------------------------*/
div#navi_w{
	z-index:3;
	position:absolute;
	right:5%;
	top:10px;
	width:471px; 
	height:69px; 
	text-indent:-9999px;
	background-image:url(../../img/menu_back.png);
	background-repeat:no-repeat;
}

	
div#navi ul{
	z-index:3;
	position:absolute;
	right:8%;
	top:35px;
	width:412px; 
	height:22px; 
	margin:0 auto;
	}


div#navi ul li{
	float:left; 
	width:103px; 
	height:22px; 
	margin:0; 
	padding:0;
	list-style:none; 
	}

div#navi ul li a{
	display:block; 
	width:103px; 
	height:22px; 
	margin:0; 
	background-image:url(../../img/menu.png); 
	background-repeat:no-repeat; 
	text-indent:-9999px;
	}
	
div#navi ul li span.active{
	display:block;
	width:103px;
	height:22px;
	margin:0;
	background-image:url(../../img/menu.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
	}
		
div#navi ul li a:focus{ 
	outline:none;
	}



.news a{background-position: 0 0; }  
.profile a{background-position: -103px 0; }  
.works a{background-position: -206px 0;}  
.making a{background-position: -309px 0;}  

.news a:hover{background-position: 0 -21px; }  
.profile a:hover{background-position: -103px -21px; }  
.works a:hover{background-position: -206px -21px;}  
.making a:hover{background-position: -309px -21px;}