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

/*---GLOBAL---*/

html { 
	background:no-repeat right center fixed;
	background-size:auto 100%;
}

.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.nomr{margin-right:0px !important;}

#pageTop{
	position:fixed;
	bottom:20px;
	right:40px;
	z-index:100;
}


body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#333;
}

h1{
	position:fixed;
	top:75px;
	left:75px;
	z-index:100;
}

#wrapper{
	width:100%;
	min-width:1000px;
	position: relative;
	padding-top:250px;
	padding-bottom:100px;
	z-index:1;
	float:left;
}

#content{
	padding-left:400px;
}
#mainnav{
	position: fixed;
	top:250px;
	left:75px;
	width:250px;
	color:#333;
	z-index:2;
 }
 
#mainnav li{
	 line-height:1;
}
 
 #nav-menu li{
 	 margin-bottom:25px;
 }
 
#nav-menu{
	font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif;
	font-weight: 300;
	font-style: normal;	
	font-size:153.9%;
	letter-spacing:3px;
	-webkit-font-variant-ligatures: no-common-ligatures !important;
}

 
#nav-menu li a, #nav-link li a{
	  color:#000;
	  text-decoration:none;
}
  
#nav-menu li a:hover, #nav-link li a:hover{
	color:#999 !important;
}

#nav-menu li a.selected{
	padding-bottom:3px;
 	border-bottom:2px solid #666;
}

 #nav-link li{
 	 margin-bottom:20px;
 }
 

#nav-link{
	margin-top:50px;
	font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif; 
	font-weight: 300;
	font-style: normal;	
	font-size:116%;
	letter-spacing:2px;
  }


 #footer{
	 font-family:Helvetica, Arial, sans-serif;
	 color:#333;
	 font-size:77%;
	 letter-spacing:1px;
	 position:fixed;
	 left:15px;
	 bottom:15px;
 }


/*---NEWS---*/
.news-block{
	width:560px;
	line-height:1.7;
	letter-spacing:1px;
	padding-bottom:100px;
}

.news-block p{
	margin-bottom:1em;
}

.news-block h2{
	font-size:116%;
	font-weight:bold;
	margin-bottom:30px;
}

.news-block img, .news-block iframe{
	margin:1em 0px;
}

.postdate{
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom:5px;
}

#nav-below{
	width:560px;
}

.nav-previous{
	float:left;
}

.nav-next{
	float:right;
}

#nav-below{
	margin-bottom:100px;
}

#nav-below a{
	font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif;
	font-size:116%;
	font-weight:300;
	letter-spacing:2px;
	margin-bottom:15px;
	color:#333;
	text-decoration:none;
}

#nav-below a:hover{
	color:#999;
}


ul#cat-menu{
	position:fixed;
	right:75px;
	top:75px;
	z-index:100;
	text-align:right;
	}
	

ul#cat-menu li h2.cat-title{
	background:none !important;
	font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif;
	font-size:131%;
	font-weight:300;
	letter-spacing:2px;
	padding-bottom:15px;
	cursor:pointer;
}

ul#cat-menu li a{
	padding:10px;
	color:#333;
	text-decoration:none;
	display:block;
	}
	
ul#cat-menu li a:hover{
	color:#999;
}

ul#cat-list li{
	line-height:1;
	background:#fff;
	}

.notfound{
	line-height:1.7;
	letter-spacing:1px;
}

.notfound a{
	color:#333;
	text-decoration:none;
}

.notfound a:hover{
	color:#999;
}

/*---PROFILE---*/
#profile{
	line-height:1.8;
}

.name-j{
	font-size:153.9%;
	letter-spacing:2px;
	line-height:1;
}

.name-e{
	font-family: Helvetica, Arial, sans-serif !important;
	letter-spacing:1px;
	line-height:1;
}

.bio{
	letter-spacing:1px;
	padding-bottom:80px;
}

/*---WORKS---*/

ul#works-menu{
	position:fixed;
	right:75px;
	top:75px;
	text-align:right;
	z-index:100;
}


#works-menu li{
	display:inline;
	margin-left:40px;
	color:#111;
	font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif;
	font-size:131%;
	letter-spacing:2px;
}

#works-menu li a{
	color:#111;
	text-decoration:none;
}

li.current-cat a{
	padding-bottom:2px;
	border-bottom:2px solid #333 !important;
}

#works-menu li a:hover{
	color:#999 !important;
}


.works-block{
	float:left;
	width:650px;
	padding-bottom:75px;
}

.img-jkt img{
	width:160px;
	height:auto;
	float:left;
	margin-right:40px;
}

.works-cap{
	width:400px;
	float:left;
	line-height:1.8;
	letter-spacing:1px;
	position:relative;
}

.works-cap h2{
	font-weight:bold;
	margin-bottom:10px;
}

.works-cap h3{
	font-weight:bold;
	line-height:1.5;
}

.works-cap h3 span{
	font-weight:normal !important;
	letter-spacing:0px !important;
}

.works-desc{
}

.cdcat{
	font-family:Arial, Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:85%;
	border:1px solid #999;
	padding:3px 3px 3px 5px;
	line-height:1;
	margin-bottom:10px;
	display:inline-block;
}

.amazon{
	font-size:93%;
	margin-top:15px;
}

.amazon a{
	color:#333;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
}

.amazon a:hover{
	color:#999;
}

/*---CONTACT---*/

#contactform{
	letter-spacing:1px;
	line-height:1.7;
}

#contactform dt{
	margin-top:30px;
	margin-bottom:7px;
}

#contactform dd input, #contactform dd textarea{
	padding:5px;
	border:1px solid #999;
	color:#333;
	letter-spacing:1px;
	background:none;
}

.button input{
		cursor: pointer;
		color:#fff !important;
		background:#555;
		border:none !important;
		font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif;
		font-size:131%;
		font-weight:300;
		letter-spacing:2px;
		line-height:1;
		padding:7px 20px;
		margin-top:30px;
}

.complete{
	line-height:1.7;
	letter-spacing:1px;
	margin-bottom:30px;
}

a.tohome{
	font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif;
	font-size:116%;
	font-weight:300;
	letter-spacing:2px;
	color:#333;
	text-decoration:none;
}

a.tohome:hover{
	color:#999;
}