@charset "UTF-8";
/* ryutaiida index.css */


body {
	position: relative;
	background: #fff;
	color: #333;
}

/*----------------------------------------
	a
----------------------------------------*/

a:link	  { color: #000; text-decoration: underline; }
a:visited { color: #000; text-decoration: underline; }
a:active  { color: #000; text-decoration: none; }
a:hover   { color: #000; text-decoration: none; }

/*
::-moz-selection{
	background: #333;
	color: #fff;
}

::selection{
	background: #333;
	color: #fff;
}
*/

/*----------------------------------------
	layout
----------------------------------------*/

html {
	height: 100%;
	overflow-y: scroll;
}

body {
	position: relative;
	height: 100%;
	min-width: 770px; 
	min-height: 606px;
}

div#page {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 770px;
	height: 606px;
	margin: -303px 0 0 -385px;
	color: black;
	overflow: hidden;
}

	body > #page {
		height: auto;
		min-height: 606px;
	}

div#wrapper {
	position: relative;
	width: 770px;
	height: 606px;
}

div#header {
	position: relative;
	width: 40px;
	height: 606px;
}

div#contents {
	position: absolute;
	top: 30px; left: 40px;
	width: 690px;
	height: 526px;
	overflow: hidden;
}

div#footer {
	position: absolute;
	top: 556px; left: 40px;
	width: 690px;
	height: 50px;
}

/*----------------------------------------
	header 
----------------------------------------*/

h1 {
	position: absolute;
	top: 556px; left: 0;
	width: 40px;
	height: 50px;
}

	h1 a {
		display: block;
		width: 40px;
		height: 50px;
		background: url(/common/img/copyright.gif);
		text-indent: -9999px;
		outline: none;
	}

h2 {
	display: none;
}

ul#menu {
	position: absolute;
	bottom: 61px; left: 0;
	width: 40px;
	height: 90px;
}

	ul#menu li {
		width: 40px;
		height: 30px;
	}
	
		ul#menu li a {
			display: block;
			width: 40px;
			height: 30px;
			background: url(/common/img/menu_btn.gif);
			text-indent: -9999px;
			outline: none;
		}

/*----------------------------------------
	contents
----------------------------------------*/

h3 {
	display: none;
}

div#contents div{
	position: relative;
	width: 690px;
	height: 526px;
	background-position: center;
}

	div#contents div#contentsIndexTop {
		background:#f4f1ea;
	}

div#contents div p{
	text-align:center;
}

div#contents div p img{
	display: inline;
}

/*----------------------------------------
	Works
----------------------------------------*/

div#contentsWorksTop {
background: url(/common/img/works_top_2008.jpg);
}

div#contentsWorksTop ul li {
display:block;
}

	div#contentsWorksTop ul li#works2004 {
	padding:84px 0 0 353px;
	margin-bottom:14px;
	width:29px;
	height:45px;
	}
	
	div#contentsWorksTop ul li#works2005 {
	padding-left:321px;
	margin-bottom:17px;
	width:30px;
	height:41px;
	}
	
	div#contentsWorksTop ul li#works2006 {
	padding-left:352px;
	margin-bottom:7px;
	width:29px;
	height:64px;
	}
	
	div#contentsWorksTop ul li#works2007 {
	padding-left:326px;
	margin-bottom:26px;
	width:30px;
	height:40px;
	}
	
	
	div#contentsWorksTop ul li#works2008 {
	padding-left:354px;
	margin-bottom:24px;
	width:29px;
	height:37px;
	}
	
	div#contentsWorksTop ul li#works2009 {
	padding-left:328px;
	width:28px;
	height:39px;
	}

div#contentsWorksTop ul li a {
display:block;
text-indent:-9999px;
outline:none;
}

	div#contentsWorksTop ul li#works2004 a {
	width:29px;
	height:45px;
	}
	
	div#contentsWorksTop ul li#works2005 a {
	width:30px;
	height:41px;
	}
	
	div#contentsWorksTop ul li#works2006 a {
	width:29px;
	height:64px;
	}
	
	div#contentsWorksTop ul li#works2007 a {
	width:30px;
	height:40px;
	}
	
	
	div#contentsWorksTop ul li#works2008 a {
	width:29px;
	height:37px;
	}
	
	div#contentsWorksTop ul li#works2009 a {
	width:28px;
	height:39px;
	}




/*----------------------------------------
	page Biography
----------------------------------------*/

div.pageBlock {
position:relative;
display:block;
width:690px;
height:526px;
}

div#pageNews {
background:url(/common/img/page_news.gif);
}

div#pageBiography {
background:url(/common/img/page_biography.gif);
}

div#pageExhibition {
background:url(/common/img/page_exhibition_jpn.gif);
}

div#pageExhibitionEng {
background:url(/common/img/page_exhibition_eng.gif);
}

a#linkExhibition {
position:absolute;
top:372px;
left:457px;
width:102px;
height:21px;
outline:none;
text-indent:-9999px;
}

a#linkExhibitionEng {
position:absolute;
top:12px;
left:240px;
width:35px;
height:15px;
outline:none;
text-indent:-9999px;
}

a#linkExhibitionJpn {
position:absolute;
top:12px;
left:200px;
width:29px;
height:16px;
outline:none;
text-indent:-9999px;
}


a#linkBiography {
position:absolute;
top:501px;
left:598px;
width:102px;
height:21px;
outline:none;
text-indent:-9999px;
}

a#linkBiographyEng {
position:absolute;
top:495px;
left:598px;
width:102px;
height:21px;
outline:none;
text-indent:-9999px;
}




/*----------------------------------------
	footer
----------------------------------------*/

address {
	width: 690px;
	height: 50px;
	background: url(/common/img/copyright.gif);
	background-position: 730px 49px;
	text-indent: -9999px;
}