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

* {
    margin: 0;
    padding: 0;
	border: none;
	outline: none;
	font-size: 100%;
	vertical-align: baseline;
    font-weight: inherit;
    font-family: inherit;
    font-style: inherit;
}


* html #nav {
	position: absolute;

}



img {
	border: none;
}

body,
form, input {
	font-family: Helvetica,Arial,Geneva,sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 140%;
	color:#000000;

}

body {
	text-align: center;
	background: url(images/patterna.png);
	background-color: #69d6ff;
	 /* ... */
  	overflow: auto;
  	height: 100%;

}



a {
	outline: none; /* FireFoxで枠線を消すのに必要 */
	overflow: hidden; /* FireFoxで枠線を消すのに必要 */
	color: #000;

}




a, a:link, a:active, a:visited, a:hover {
	text-decoration: none;
	border: 0px;
}

link, a, a:link, a:visited {
	color: #000;
	font-weight: bold;

}


a:hover, a:active {
	color: #ff6600;	
}


  
  #nav {
	  background: url(images/navi_06.png) repeat-y; 
	  position: fixed;
	  left: 90%;
	  top: 0px;
	  height: 535px;
	  width: 110px;
	  z-index: 15;
 
  }
  
	#nav ul {
		list-style-type: none;
	}
	
	#nav ul li {
		width: 110px;
		height: 66px;
		margin: 0px;
		padding: 0px;
		text-indent: -9999px;
	

	}
	
	#nav ul li a {
		width: 110px;
		height: 66px;
		display: block;

	}


	#home {
		background: url(images/nav_gattai.png) no-repeat 0px 0px;
	}
	
	#about {
		background: url(images/nav_gattai.png) no-repeat 0px -66px;
	}
	#work {
		background: url(images/nav_gattai.png) no-repeat 0px -132px;
	}
	
	#blog {
		background: url(images/nav_gattai.png) no-repeat 0px -198px;
	}
	#contact {
		background: url(images/nav_gattai.png) no-repeat 0px -264px;
	}
	#home a:hover {
		background: url(images/nav_gattai.png) no-repeat -110px 0px;
	}
	
	#about a:hover {
		background: url(images/nav_gattai.png) no-repeat -110px -66px;
	}
	
	#work a:hover {
		background: url(images/nav_gattai.png) no-repeat -110px -132px;
	}
	
	#blog a:hover {
		background: url(images/nav_gattai.png) no-repeat -110px -198px;
	}
	
	#contact a:hover {
		background: url(images/nav_gattai.png) no-repeat -110px -264px;
	}
	
	.icon1 {
		width: 110px;
		height: 40px;
		margin-bottom: 5px; 
	}
	
	.icon2 {
		width: 110px;
		height: 40px;
	
	}
  
  #wrapper {
	width: 1024px;
	margin: 0 auto;
	text-align: center;
	background: url(images/patternc.png);


}

  #contents {
	  width: 960px;
	  height: 9136px;
	  margin: 0 auto;
	  text-align: center;
	  background: url(images/patternb.png);
  
  }
  

  #footer {
  
	  width: 100%;
	  height:350px;
	  margin: 0px auto;
	  bottom: 0;
	  overflow: hidden;
  }
  
  
  
  #ribbon a {
		  height: 223px;
		  text-indent: -9999px;
		  display: block;
		  text-align: center;
		  background: url(images/footer.png) no-repeat ;
		  margin: 0 auto;
		  width: 1024px;
  
  
  }
  
  #sitemap {
	  margin-top: 10px;
	  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	  font-size: 13px;
	  line-height: 120%;
	  text-align: center;
	  letter-spacing: 0px;
	  word-spacing: 1px;
	  
  }