@charset "utf-8";
/*
Theme Name: nanonum ver2
Theme URI: http://www.nanonum.com/
Description: nanonum ver2
Version: 2
Author: nanonum
Author URI: http://www.nanonum.com/
Tags: nanonum

*/


html,body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,form,input
		{margin:0px;padding:0px;}
ul,ol	{list-style:none;}
select	{font-size:12px;}
body	{font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",sans-serif;}
img		{border:none;}
a{color:#fff;text-decoration:none;}
::-moz-selection{background:#000; color:#fff;}

a:hover{
	text-decoration:underline;
	color:#fff;
}
body{
	background:url(images/background.gif) top center no-repeat #0E0E0E;
	color:#adadad;
	font-size:12px;
	line-height:1.6em;
}
span.none{
	display:none;
}
a:hover img{
	opacity:0.5;
}

/* -------------------------------------------------------------------- */
#container{
	width:980px;
	margin:0px auto 20px;
}

#header{
	text-align:left;
	float:left;
	width:210px;
	margin-bottom:20px;
	padding-top:20px;
}
		#header h1{
			width:210px;
			height:244px;
		}
			#header div.body{
				background:url(images/leftbg_top.gif) no-repeat;
			}
				#header dl{
					width:215px;
					margin-bottom:25px;
					margin-top:20px;
				}
						#header dl dt{
							color:#eee;
							margin-right:4px;
							float:left;
						}
						#header dl dd{
							margin-left:45px;
						}
						#header dl dd a{
							color:#5a5a5a;
							text-decoration:none;
						}
						#header dl dd a:hover{
							color:#d4d4d4;
						}
		#header p.contact{
			margin-bottom:5px;
		}
		#header p.twitterlogo{
			margin-bottom:15px;
		}
		#header #twitter{
			margin-bottom:14px;
		}
		#header #twitter li{
			margin-bottom:8px;
			color:#5A5A5A;
			line-height:1.5em;
		}
		#header p.bookmark{
			color:#5a5a5a;
			font-weight:normal;
			margin-bottom:10px;
			margin-top:15px;
			font-size:14px;
			font-weight:bold;
		}
		#header div.bookmark{
			min-height:378px;
			background:url(images/leftbg.gif) no-repeat left bottom;
		}
		#header p.bookmark em{color:white;font-style:normal;}
		#header ul.bookmark{
			margin-bottom:25px;
		}
			#header ul.bookmark li{
				margin-bottom:3px;
			}
			#header ul.bookmark li a{
				display:block;
			}
		
	#header ul.list{
		background:url(images/images_right_bottom.gif) no-repeat 0 bottom;
		border-bottom:1px solid #1a1a1a;
		margin-bottom:25px;
		padding-bottom:15px;
	}
		#header ul.list li.podcast{
			margin-bottom:10px;
		}
		#header ul.list li.banner{
			float:left;
		}
		#header ul.list li.soundcloud{
			margin-right:15px;
		}
		#header ul.list li.facebook{
			margin-top:15px;
			width:100px;
			clear:left;
			
		}
		#header ul.list li.myspace{
			margin-top:5px;
		}
		#header ul.list li.blog{
			border-bottom:1px solid #1a1a1a;
			margin-bottom:15px;
			padding-bottom:5px;
		}
			#header ul.list li.blog a img{
				padding:5px 0 5px;
			}
			
			#header p.logo{
				clear:both;
				margin-bottom:5px;
			}
			#followbutton{
				border-bottom:1px solid #1a1a1a;
				padding-bottom:15px;
			}
/* -------------------------------------------------------------------- */
#contents{
	text-align:left;
	width:734px;
	float:right;
	background:url(images/contents_bg.gif) no-repeat;
	margin-bottom:20px;
	margin-top:20px;
	padding-top:10px;
}

	#contents p.flyer{
		float:left;
	}
		#contents p.flyer img{
			vertical-align:top;
		}
		#contents div.info .hasimg{
			margin-left:165px;
		}
	#contents div.info{
		border-bottom:1px solid #eee;
		margin-bottom:10px;
		padding-bottom:15px;
		width:734px;
		clear:both;
	}
			#contents div.info h2{
				font-size:20px;
				font-weight:bold;
				line-height:20px;
				padding:1px 0px;
				margin-bottom:4px;
				padding-top:5px;
			}
					#contents div.info h2 a{
						background:#0E0E0E;
						color:#eee;
						padding:1px 3px;
					}
				#contents div.info p.date{
					font-size:14px;
					font-weight:bold;
					color:#0E0E0E;
					line-height:14px;
					margin-bottom:10px;
				}
				#contents div.info p.date span{
					background:#fefefe;
				}
				#contents div.info div.body{
					padding:5px 0;
					line-height:1.5em;
				}
				#contents div.info div.body p{
					padding:2px 0;
					margin-bottom:2px;
				}
				#contents div.info div.body p span{
					padding:4px;
				}
				#contents div.info div.body p.permalink{
					margin-top:10px;
				}
				#contents div.info div.body p.permalink a{
					color:#0E0E0E;
					background:#eee;
					padding-right:2px;
				}
				#contents div.info div.body span{
					background:#0E0E0E;
				}
				#contents div.topnews span{
					background:#0E0E0E;
				}
				#contents div.info div.body blockquote{
					margin:0px;
					
				}
	#contents div.column{
		width:365px;
	}
	#contents div.leftcolumn{
		clear:left;
		float:left;
	}
	#contents div.rightcolumn{
		float:right;
	}
	
	
		#contents div.column h2{
			font-size:12px;
			background:url(images/block_title_bg.png);
			font-weight:bold;
			color:#eee;
			letter-spacing:0.3em;
			padding:3px 5px;
			clear:both;
		}
		#contents div.column h2 a{
			display:block;
		}
		#contents div.column h2 a:hover{
			background:#151515;
			color:#fff;
			text-decoration:none;
		}
		#contents div.column div.body{
			background:url(images/block_bg.png);
			padding:4px 4px;
			color:#777;
		}
		/* schedule */
		#contents div.column h3.schedule{
			background:url(images/block_bg.png);
			padding:12px 12px 10px;
			font-weight:bold;
			margin-bottom:1px;
		}
			#contents div.column h3.schedule a{
				margin-left:4px;
			}
			#contents div.column div.schedule{
				padding:11px 12px;
				margin-bottom:1px;
				color:#777;
			}
			#contents div.column div.schedule a{
			}
			#contents div.column div.schedule blockquote,
			#contents div.column div.schedule p{
				margin:0 0 8px;
			}
			#contents div.column div.schedule a.more-link{
			}
			#contents div.column div.schedule p.permalink{
				padding-top:7px;
			}
			#contents div.column div.schedule p.permalink a{
				line-height:1.1em;
				background:#eee;
				color:#0e0e0e;
				padding:4px;
			}
		/* remix */
		#contents div.column div.remix{
			padding:9px;
			margin-bottom:1px;
		}
		#contents div.column div.remix h3{
			font-size:12px;
			font-weight:bold;
			margin-bottom:3px;
		}
			#contents div.column div.remix ul li{
				margin:0;
				padding:0;
				line-height:1.1em;
			}
					#contents div.column div.remix ul li a{
						color:#898782;
					}
							#contents div.column div.remix ul li a:hover{
								color:#fff;
							}
					#contents div.column div.remix p.photo{
						float:left;
						margin-right:8px;
					}
		/* mp3 */
		#contents div.column div.mp3{
			background:url(images/block_bg.png);
			padding:0;
		}
		/* disc */
		#contents div.column div.disc{
			margin-bottom:1px;
			padding:9px;
		}
			#contents div.column div.disc p.thumb{
				float:left;
				margin-right:8px;
			}
			#contents div.column div.disc h3{
				font-size:12px;
				color:#eee;
				margin-bottom:3px;
			}
			#contents div.column div.disc h3 em{
				font-weight:normal;
				display:block;
				color:#898782;
				font-style:normal;
				line-height:1em;
			}
		/* proj */
		#contents div.column div.proj{
			margin-bottom:1px;
		}
			#contents div.column div.proj p.thumb{
				float:left;
				margin-right:8px;
			}
			#contents div.column div.proj h3{
				font-size:12px;
				color:#eee;
				margin-bottom:8px;
			}
			#contents div.column div.proj h3 em{
				line-height:1em;
				font-weight:normal;
				display:block;
				color:#898782;
				font-style:normal;
			}
		/* blog */
		#contents div.column h3.blog{
			background:url(images/block_bg.png);
			padding:12px 12px 10px;
			font-weight:bold;
			margin-bottom:1px;
		}
		#contents div.column h3.blog a{
				margin-left:4px;
		}
		#contents div.column div.blog{
			margin-bottom:1px;
			padding:11px 12px;
		}
			#contents div.column div.blog p{
				margin-bottom:8px;
			}
			#contents div.column div.blog blockquote{
				padding:0;
				background:#eee;
			}
			#contents div.column div.blog p.permalink a{
				background:#eee;
				color:#0e0e0e;
				text-decoration:underline;
			}
			/* log */
			#contents div.column h4{
				font-size:12px;
				background:url(images/block_bg.png);
				padding:10px 12px 0;
			}
				#contents div.column dl.blog{
					background:url(images/block_bg.png);
					padding:5px 12px 8px;
				}
			
						#contents div.column dl.blog dt{
							float:left;
							margin-right:5px;
						}
						#contents div.column dl.blog dd{
						}
				#contents div.column p.more{
					padding:5px 12px 15px;
					background:url(images/block_bg.png);
				}
				#contents div.column p.more a{
					background:#eee;
					color:#0e0e0e;
					text-decoration:underline;
					padding:2px 2px;
				}

	#contents div.movie{
	}
	#contents div.movie div.body{
			clear:both;
			padding:9px;
			margin-bottom:1px;
	}
		#contents div.column div.movie p.thumb{
			float:left;
			margin-right:8px;
		}
		#contents div.column div.movie h3{
			font-size:12px;
			font-weight:bold;
			color:#eee;
		}
		#contents div.column div.movie p{
			line-height:1.2em;
			margin-right:5px;
		}
		#contents div.column div.movie p.permalink{
			margin-top:5px;
			padding-bottom:5px;
		}
		#contents div.column div.movie p.permalink a{
			background:#eee;
			color:#0e0e0e;
			text-decoration:underline;
		}
		/* photo */
		#contents div.column div.photo{
			background:url(images/block_bg.png);
			padding:11px 0 11px 11px;
			margin-bottom:1px;
		}
				#contents ul.photo li{
					float:left;
					width:69px;
					height:69px;
				}
				#contents ul.photo li a{
					height:67px;
					width:67px;
					overflow:hidden;
					display:block;
					filter:Alpha(Opacity=40);
					opacity:0.4;
					-moz-opacity:0.4;
				}
				#contents ul.photo li a:hover{
					filter:Alpha(Opacity=100);
					opacity:1;
					-moz-opacity:1;
				}
				#contents ul.photo li a:hover img{
					filter:Alpha(Opacity=100);
					opacity:1;
					-moz-opacity:1;
				}
				#contents ul.photo li img{
					padding:0px 2px 2px 0px;
					
				}
/* -------------------------------------------------------------------- */


/* -------------------------------------------------------------------- */
#contents p.noschedule{
		padding:0px 10px 5px;
		border-bottom:1px solid #262626;
}
	#contents dl.info{
		padding:0px 10px 0px;
	}
				#contents dl.info dt{
					color:white;
					font-size:13px;
					margin-bottom:8px;
				}
				#contents dl.info dt.past{
					color:white;
					font-size:12px;
					letter-spacing:0.08em;
					margin-bottom:8px;
					cursor:pointer;
				}
						#contents dl.info dt .date{
							font-size:9px;
							color:#818181;
							display:block;
							margin-top:3px;
						}
						#contents dl.info dt .date{
							font-size:9px;
							color:#818181;
							display:block;
							margin-top:3px;
						}
						#contents dl.info dd p.date{
							font-size:9px;
							color:#818181;
							display:block;
							margin-top:3px;
						}
						#contents dl.info dd p.permalink{
							border-left:1px solid #fff;
							padding-left:5px;
						}
								#contents dl.info dd{
									margin-bottom:10px;
									border-bottom:1px solid #1A1A1A;
									padding-bottom:3px;
								}
									#contents dl.info dd ul{
										padding-left:20px;
										list-style:disc;
										margin:5px 0;
									}
									#contents dl.info dd ol{
										padding-left:20px;
										list-style:decimal;
										margin:5px 0;
									}
									#contents dl.info dd p{
										margin-bottom:7px;
									}
									/* ------------ entry html --------------- */
									#contents dl.info dd object{
										padding:15px 0px;
										margin:0 0px 15px;
									}
									#contents dl.info dd embed{
										padding:15px 0px;
										margin:15px 0px;
									}
									#contents dl.info dd blockquote{
										margin:0 0 2em;
										padding:0px;
										font-style:normal;
									}
											#contents dl.info dd blockquote p{
												margin-bottom:5px;
											}
									#contents dl.info dd code{
										margin:15px 0px;
										padding:5px;
										font-style:normal;
										background:#222;
									}
									#contents dl.info dd li{
										margin-bottom:3px;
									}
									#contents dl.info dd h3{
										margin-bottom:10px;
										padding:8px 5px 8px 8px;
										background:#151515;
										font-size:13px;
										color:#b5b5b5;
										font-weight:normal;
									}
									#contents dl.info dd h4{
										margin-bottom:10px;
										padding-bottom:7px;
										border-bottom:1px solid #222;
										font-size:14px;
										color:#b5b5b5;
										font-weight:normal;
									}
									#contents dl.info dd b,
									#contents dl.info dd strong,
									#contents dl.info dd em{
										font-weight:bold;
										color:#aaa;
									}
												#contents dl.info dd img.alignnone,
												#contents dl.info dd img.alignleft,
												#contents dl.info dd img.alignright,
												#contents dl.info dd img.aligncenter{
													background:#F0F0F0;
													padding:10px;
													margin-top:10px;
													margin-bottom:10px;
												}
												#contents dl.info dd img.alignleft{
													float:left;
													margin-right:10px;
													margin-top:0;
												}
												#contents dl.info dd img.alignright{
													float:right;
													margin-left:10px;
													margin-top:0;
												}
												#contents dl.info dd img.aligncenter {
													margin:0 auto;
													display:block;
												}

				#contents h3.info{
					font-size:11px;
					font-weight:normal;
					margin:5px 10px 0px;
				}

	#contents ul.remix{
		padding:10px 10px 10px 10px;
		overflow:auto;
		clear:both;
	}

			#contents p.more{
				padding:10px;
				clear:both;
			}
	#contents ul.contact{
		padding:10px 10px 10px 0px;
		overflow:auto;
	}
				#contents img.contact{
					float:left;
					padding:10px;
				}

	#contents ul.contact ul.icon {
		margin-top:5px;
	}

	#contents ul.contact ul.icon li{
		float:left;
		margin-right:2px;
	}


/* -------------------------------------------------------------------- */
form.wpcf7-form{

}
	form.wpcf7-form input{

	}

	#blogentries form.wpcf7-form textarea{
		padding:2px;
		width:440px;
		height:12em;
		border:1px solid #323232;
		background:#222;
		color:#6A6A6A;
		font-family:Verdana,"メイリオ","Meiryo","ＭＳ Ｐゴシック","Osaka","ヒラギノ角ゴ Pro W3",sans-serif;
		font-size:12px;
		margin-bottom:3px;
	}

	#blogentries form.wpcf7-form input{
		font-size:11px;
		border:1px solid #D8D8D8;
		background-color:#676A51;
		padding:3px 10px;
		color:white;
		font-family:verdana;
	}
			#blogentries form.wpcf7-form input:focus{background:#fff;color:#333;}
			#blogentries form.wpcf7-form input:hover{
				background-color:#fff;
				color:#333;
			}

	#blogentries form.wpcf7-form input.wpcf7-validates-as-required,
	#blogentries form.wpcf7-form input.wpcf7-validates-as-email{
		font-family:Verdana,"メイリオ","Meiryo","ＭＳ Ｐゴシック","Osaka","ヒラギノ角ゴ Pro W3",sans-serif;
		padding:2px;
		font-size:12px;
		background:#222;
		border:1px solid #323232;
		color:#6A6A6A;
		width:205px;
	}
			#blogentries form.wpcf7-form textarea:hover{background:#252525;}
			#blogentries form.wpcf7-form textarea:focus{background:#252525;}
			#blogentries form.wpcf7-form input.wpcf7-validates-as-email:hover{background:#252525;}
			#blogentries form.wpcf7-form input.wpcf7-validates-as-email:focus{background:#252525;}
					#blogentries form.wpcf7-form img{
						margin-bottom:5px;
					}
/* -------------------------------------------------------------------- */
#profile{
	background:url(images/eeebg.gif) #eee;
	color:#0E0E0E;
}
	#profile div.photo{
		height:175px;
		background:url(images/profile.jpg) top center repeat-x #eee;
	}
	#profile div.wrap{
		width:980px;
		margin:0 auto;
		padding:15px 0;
	}
	#profile div.wrap div.title{
		float:left;
		width:210px;
	}
			#profile div.wrap div.title p{
				margin-bottom:5px;
				font-size:11px;
			}
			#profile div.wrap div.title p.name{
				font-size:12px;
				letter-spacing:0.1em;
			}
			#contactTextProfile{
				background:#0e0e0e;
				font-size:12px;
				color:#eee;
				padding:0 2px;
			}
	#profile div.wrap div.text{
		width:734px;
		float:right;
	}
		#profile div.wrap div.text p{
			margin-bottom:8px;
		}
		#profile div.wrap div.text a{
			background:#0E0E0E;
		}
	#profile div#social{
		padding:15px 0;
		clear:both;
		border-top:1px solid #0e0e0e;
	}
	#profile div#social ul{
		margin:0 auto;
		width:980px;
	}
			#profile div#social ul li{
				float:left;
				margin-right:1px;
			}
			#profile div#social ul li img{
				vertical-align:top;
			}
#footer{
	clear:both;
	text-align:left;
	background:url(images/footer.gif);
	height:100px;
	font-size:11px;
	padding:10px 10px;
	letter-spacing:normal;
}
	#footer ul.url{
		font-size:35px;
		float:left;
		line-height:1.1em;
		font-weight:bold;
	}
	
	#footer ul.asset{
		float:right;
		line-height:1.1em;
		text-align:right;
		padding:0px 0;
	}
		#footer ul.asset li{
			float:left;
		}
		#footer ul.asset li.rss{
			margin-right:10px;
			padding-right:10px;
			border-right:1px solid #eee;
		}
	#footer div.body{
		width:980px;
		margin:0px auto;
	}
		#footer p.feed{
			float:left;
			margin:10px 0px 5px;
			padding-left:18px;
			background:url(images/rss.gif) no-repeat;
			
		}
		#footer p.powerd{
			text-align:right;
			margin:10px 0px 5px;
			float:right;
			width:250px;
		}
		#footer p.copyright{
			padding:10px 0;
			clear:both;
			color:#b5b5b5;
		}


.clear:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 0;
}

.clear {
	min-height: 1px;
}

* html .clear {
	height: 1px;
	/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/
}