@charset "UTF-8";
/*/////////////////////////////// reset
*/
html, body, h1, h2, h3, h4, h5, h6, div, ul {
	margin:0;
	padding:0;
}
ul {
	list-style:none;
}
a {
	color:#999999;
	text-decoration:none;
}
a:hover {
	color:#FFF;
	background:#000000;
}
img {
	border:1;
}
/*/////////////////////////////// Clearfix
*/
.clearfix {
	zoom:1;
}
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
/*/////////////////////////////// layout
*/
html, body {
	width:100%;
	height:100%;
}
body {
	font:13px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background:#666 url(../images/common/bg_w2.png) repeat;
}
h2 {
	margin-bottom:10px;
}
h3 {
	width:560px;
	margin-top:10px;
	margin-bottom:20px;
	border-left:7px solid #aaa;
	border-bottom:1px solid #aaa;
	padding:.1em .3em;
}
h4 {
	width:480px;
	font-size:14px;
	border-bottom:1px solid #ccc;
}
p, li {
	line-height:2em;
}
#wrap {
	width:1200px;
	min-height:100%;
	height:auto;
	margin-top:0;
	padding-right:30px;
	background:url(../images/common/line.png) repeat-y 1050px 0;
}
.l, .r {
	float:left;
}
.c {
	clear:both;
	margin-top:20px;
}
strong {
	color:#F00;
}
/*/////////////////////////////// navigation
*/
#nav {
	position:fixed;
	top:0;
	width:300px;
	height:100%;
	min-height:100%;
	padding-top:45px;
	background:#000 url(../images/nav/nav_bg.png) no-repeat 5px 60px;
}
#nav>div {
	margin-bottom:80px;
	margin-left:7px;
}
#nav ul {
	padding-left:80px;
}
#nav li {
	margin:10px 0;
}
#nav a {
	height: 25px;
	width: 211px;
	display:block;
}
/* button bg */
#btn-1 {
	background:url(../images/nav/btn_news.png) 0 0;
}
#btn-2 {
	background:url(../images/nav/btn_about.png) 0 0;
}
#btn-3 {
	background:url(../images/nav/btn_profile.png) 0 0;
}
#btn-4 {
	background:url(../images/nav/btn_music.png) 0 0;
}
#btn-5 {
	background:url(../images/nav/btn_works.png) 0 0;
}
#btn-6 {
	background:url(../images/nav/btn_link.png) 0 0;
}
#btn-7 {
	background:url(../images/nav/btn_contact.png) 0 0;
}
/*/////////////////////////////// main contents
*/
#logo {
	float:left;
	width:436px;
	height:100%;
	margin:200px auto 800px;
}
#content-wrap {
	float:right;
	width:700px;
	min-height:100%;
	height:auto;
	padding-left:350px;
	padding-right:30px;
	margin-right:130px;
	background:#fff url(../images/common/bg_w.png) repeat; 
}
.content {
	height:100%;
	margin-bottom:200px;
}
.content p, .content ul, .content ol, #twitter {
	padding-left:50px;
}
/* what's news */
#news {
	clear:both;
}
#news-wrap {
	width:520px;
	height:150px;
	margin-left:50px;
	overflow:scroll;
	overflow-x:hidden;
}
#news-wrap ul {
	margin-left:0;
	padding-left:0;
}
#twitter {
	/* background:#CCC; */
	width:700px;
	margin-top:３0px;
	margin-left:auto;
	margin-right:auto;
}
/* profile */
#profile .r h3 {
	width:260px;
}
#profile .r {
	margin-top:-10px;
	margin-left:10px;
	margin-bottom:10px;
}
#profile .r p, #profile .r table {
	padding-left:30px;
}
table {
	border:0;
}
.aw {
	border-bottom:none;
}
/* music */
object {
	margin-bottom:20px;
}
#music .open {
	color:#000 !important;
	background:none/* #eee */ !important;
}
.open div:first-child {
	padding-bottom:10px;
}
#term {
	width:450px;
	border:1px solid #000;
	border-radius:10px;
	box-shadow:1px 1px 3px #000000;
	margin:0 auto 20px;
	padding:5px 10px;
	text-align:center;
	background:#fff;
	display:block;
}
#term:hover {
	color:#FFFFFF;
	background:#000;
	box-shadow:-1px -1px 3px #000000;
}
/* works */
#works h4 {
	margin-top:20px;
}
#works ol {
	margin-left:40px;
}
/* slide panel */
.open {
	width:700px;
	margin-bottom:10px;
	color:#FFFFFF;
	background:#000;
	cursor:pointer;
}
.panel {
	display:none;
}
/*/////////////////////////////// footer
*/
#footer {
	font-size:11px;
	position:absolute;
	bottom:0;
}