@charset "utf-8";

/*----------------------------------------------------

	�w�b�_�[

----------------------------------------------------*/

#header{
	margin: 145px 0px 50px 0px;
	padding:0px;
	}
	
	

#header .logo{
	width: 393px;
	margin: 0px 0px 30px 0px;
	padding:0px;
}

#header .logo h1 {
	margin: 0px;
	padding:0px;
}

#header .logo h2 {
	margin: 10px 0px 0px 0px;
	padding:0px;
}


/*----------------------------------------------------

	�O���[�o���i�r

----------------------------------------------------*/

#header #gnav{
	width: 620px;
	margin: 0px 0px 20px 0px;
	padding:0px;
	}

#header #gnav ul{
	margin: 0px;
	padding:0px;
	}
	
#header #gnav ul li{
	margin: 0px 28px 0px 0px;
	float:left;
	padding:0px;
	}
	
#header #gnav ul li.last{
	margin: 0px;
	}
	
#header #gnav ul li.top{
	text-indent: -9999px;
	}
	
#header #gnav ul li.top a{
	display:block;
	width:33px;
	background:url(../img/list_top.jpg) no-repeat;
	}
	
#header #gnav ul li.top a:hover{
	display:block;
	width:33px;
	background:url(../img/list_top_on.jpg) no-repeat;
	}
	
#header #gnav ul li.news{
	text-indent: -9999px;
	}
	
#header #gnav ul li.news_on{
	text-indent: -9999px;
	width:49px;
	background:url(../img/list_news_on.jpg) no-repeat;
	}
	
#header #gnav ul li.news a{
	display:block;
	width:49px;
	background:url(../img/list_news.jpg) no-repeat;
	}
	
#header #gnav ul li.news a:hover{
	display:block;
	width:49px;
	background:url(../img/list_news_on.jpg) no-repeat;
	}


#header #gnav ul li.state_on{
	text-indent: -9999px;
	display:block;
	width:121px;
	background:url(../img/list_state_on.jpg) no-repeat;
	}
	
#header #gnav ul li.state{
	text-indent: -9999px;
	}


#header #gnav ul li.state a{
	display:block;
	width:121px;
	background:url(../img/list_state.jpg) no-repeat;
	}
	
#header #gnav ul li.state a:hover{
	display:block;
	width:121px;
	background:url(../img/list_state_on.jpg) no-repeat;
	}
	
#header #gnav ul li.work{
	text-indent: -9999px;
	}
	
#header #gnav ul li.work_on{
	text-indent: -9999px;
	display:block;
	width:63px;
	background:url(../img/list_work_on.jpg) no-repeat;
	}

#header #gnav ul li.work a{
	display:block;
	width:63px;
	background:url(../img/list_work.jpg) no-repeat;
	}
	
#header #gnav ul li.work a:hover{
	display:block;
	width:63px;
	background:url(../img/list_work_on.jpg) no-repeat;
	}
	
#header #gnav ul li.bio{
	text-indent: -9999px;
	}	
	
#header #gnav ul li.bio_on{
	text-indent: -9999px;
	display:block;
	width:110px;
	background:url(../img/list_bio_on.jpg) no-repeat;
	}

#header #gnav ul li.bio a{
	display:block;
	width:110px;
	background:url(../img/list_bio.jpg) no-repeat;
	}
	
#header #gnav ul li.bio a:hover{
	display:block;
	width:110px;
	background:url(../img/list_bio_on.jpg) no-repeat;
	}
	
#header #gnav ul li.contact{
	text-indent: -9999px;
	}	

#header #gnav ul li.contact a{
	display:block;
	width:85px;
	background:url(../img/list_contact.jpg) no-repeat;
	}
	
#header #gnav ul li.contact a:hover{
	display:block;
	width:85px;
	background:url(../img/list_contact_on.jpg) no-repeat;
	}
	
#header #gnav ul li.contact_on{
	text-indent: -9999px;
	width:85px;
	background:url(../img/list_contact_on.jpg) no-repeat;
	}


/*----------------------------------------------------

	NEWS�[

----------------------------------------------------*/

#news {
	clear:both;
	height: 100px;
	margin: 0px 0px 30px 0px;
	padding: 0px;
}

#news h3 {
	margin: 0px 0px 30px 0px;
	padding: 0px;
}

#news dl {
	margin: 0px;
	padding: 0px;
}

#news dl dt {
	width: 120px;
	clear: both;
	float: left;
	margin: 0px 0px 30px 0px;
	padding: 0px;
}

#news dl dd {
	width: 820px;
	float: left;
	margin: 0px 0px 30px 0px;
	padding: 0px;
}


/*----------------------------------------------------

	STATE

----------------------------------------------------*/

#state {
	clear:both;
	height: 200px;
	margin: 0px 0px 30px 0px;
	padding: 0px;
}

#state h3 {
	margin: 0px 0px 30px 0px;
	padding: 0px;
}

#state p.under {
	margin: 0px;
	padding: 0px;
}



/*----------------------------------------------------

	WORKS

----------------------------------------------------*/

#work {
	clear:both;
	height: 200px;
	margin: 0px 0px 30px 0px;
	padding: 0px;
}

#work h3 {
	margin: 0px 0px 30px 0px;
	padding: 0px;
}

#work p.under {
	margin: 0px;
	padding: 0px;
}



/*----------------------------------------------------

	BIOGRAPHY

----------------------------------------------------*/

#bio {
	clear:both;
	width: 1000px;	
	margin: 0px 0px 30px 0px;
	padding: 0px;
}

#bio h3 {
	margin: 0px 0px 30px 0px;
	padding: 0px;
}

#bio p.under {
	margin: 0px;
	padding: 0px;
}

#bio ul.lang{
	float: right;
	width: 166px;
	margin: 0px 0px 30px 0px;
	padding: 0px;
}

#bio ul.lang li{
	float: left;
	width: 83px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

#bio ul.lang li.ja_on{
	text-indent: -9999px;
	background:url(../../bio/img/botton_ja_on.gif) no-repeat;
	width: 83px;
	margin: 0px;
	padding: 0px;
}

#bio ul.lang li.ja a{
	text-indent: -9999px;
	display:block;
	background:url(../../bio/img/botton_ja.gif) no-repeat;
	width: 83px;
	margin: 0px;
	padding: 0px;
}

#bio ul.lang li.ja a:hover{
	text-indent: -9999px;
	display:block;
	width:83px;
	background:url(../../bio/img/botton_ja_on.gif) no-repeat;
	}

#bio ul.lang li.en a{
	text-indent: -9999px;
	display:block;
	background:url(../../bio/img/botton_en.gif) no-repeat;
	width: 83px;
	margin: 0px;
	padding: 0px;
}

#bio ul.lang li.en_on{
	text-indent: -9999px;
	background:url(../../bio/img/botton_en_on.gif) no-repeat;
	width: 83px;
	margin: 0px;
	padding: 0px;
}

#bio ul.lang li.en a:hover{
	text-indent: -9999px;
	display:block;
	width:83px;
	background:url(../../bio/img/botton_en_on.gif) no-repeat;
	}
	
#bio .section{
	clear: both;
	margin: 0px 0px 40px 0px;
}


/*----------------------------------------------------

	CONTACT

----------------------------------------------------*/

#contact {
	clear:both;
	height: 200px;
	margin: 0px 0px 30px 0px;
	padding: 0px;
}

#contact h3 {
	margin: 0px 0px 30px 0px;
	padding: 0px;
}

#contact address {
	margin: 0px;
	padding: 0px;
}

#contact address ul{
	margin: 0px;
	padding: 0px;
}

#contact address ul li {
	margin: 0px 0px 20px 0px;
	padding: 0px;
	font-weight:bold;
	color: #000000;
}



/*----------------------------------------------------

	フッター

----------------------------------------------------*/

.pagetop{

	clear:both;

	width:970px;

	margin:0 auto;

	text-align:right;

	margin-bottom:0px;

	position:relative;

}

#footer{

	clear:both;
	padding:25px 0 0 0;
	margin:0 20px 50px 0;
}

#footer .inner{
	color:#666;
	float:right;
}

#footer .links{
	margin-bottom:30px;
}
	

#footer p.copyright{
	padding-top:15px;
}