@charset "utf-8";

/* =============== 目次 ===============
	最終更新日:2006年6月30日
	
	1:基本レイアウト
	2.リンク
	
	3:ヘッダー
	4:ナビゲーション
	5:メインコンテンツ
	6:フッター
	
	7.インデックスページ
	8.ポートフォリオページ
	9.アーティストステイトメントページ
	10.バイオグラフィーページ
	
	11.カラー
	
	=================================== */



/*==============================
	□1.基本レイアウト
==============================*/

html{ 
	min-width: 780px;
}

body{
	margin: 0px;
	padding: 0px;
	border: 0px;
	background-color: #ffffff;
	color: #666666;
	font:normal small/150% Arial, Helvetica, sans-serif;
}

div,img,h1,h2,p{
	margin: 0px;
	padding: 0px;
	border: 0px;
	display: block;
}

div#container{
	position: relative;
	text-align: left;
	margin: 0px auto;
	width: 780px;
}


/*==============================
	□2.リンクカラー
==============================*/

a,a:link,a:visited{
	color:#0000ff;
	text-decoration: underline;
}
a:hover{
	color:#ff9900;
	text-decoration: none;
}


/*==============================
	□3.ヘッダー
==============================*/

div#header{
	margin: 0px;
	padding: 0px;
	width: 780px;
	height: 120px;
}

div#header h1{
	position: absolute;
	top: 60px;
}


/*==============================
	□4.ナビゲーション
==============================*/

ul#navigation{
	position: absolute;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	width: 390px;
	height: 16px;
	list-style: none;
	top: 60px;
	left: 390px;
}

ul#navigation li a{
	position: absolute;
	overflow: hidden;
	padding: 0px;
	text-indent: -9999px;
	text-decoration: none;
	top: 0px;
}

li#skip a{ 
	display: none;
}

li#portfolio a{
	background-image: url(../images/b-gallery.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 16px;
	left: 276px;
}

li#artistStatement a{
	background-image: url(../images/b-info.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 16px;
	left: 338px;
}

li#biography a{
	background-image: url(../images/b-info.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 16px;
	left: 374px;
}

li#portfolio a:hover{ 
	background-position: 0px -16px;
}

li#artistStatement a:hover{ 
	background-position: 0px -16px;
}

li#biography a:hover{ 
	background-position: 0px -16px;
}

body#portfolioBody li#portfolio a{ 
	background-position: 0px -16px;
}

body#artistStatementBody li#artistStatement a{ 
	background-position: 0px -16px;
}

body#biographyBody li#biography a{ 
	background-position: 0px -16px;
}


/*==============================
	□5.メインコンテンツ
==============================*/

div#mainContents{
	position: relative;
	margin: 0px auto;
	padding: 0px;
	float: left;
}


/*==============================
	□6.フッター
==============================*/

div#footer{
	margin: 0px auto;
	padding: 200px 0px 0px 0px;
	line-height: 100%;
	clear: both;
}

body#homeBody div#footer{
	margin: 0px auto;
	padding: 60px 0px 0px 0px;
	line-height: 100%;
	clear: both;
}

div#footer address {
	text-align: center;
	font-size: 70%;
	font-style: normal;
}
div#footer p#copyright {
	text-align: center;
	font-size: 70%;
}


/*==============================
	□7.インデックスページ
==============================*/

div#mainContents .topImage{
	margin: 0px auto;
	padding: 20px 0px;
}


/*==============================
	□8.ポートフォリオページ
==============================*/

div.gallerySet{
	width: 780px;
	margin: 45px 0px 100px 0px;
	padding: 0px;
}

div.gallerySet h2#goOnSeries{
	width: 133px;
	height: 27px;
	margin: 0px;
	padding: 27px 0px 0px 0px;
	text-indent: -9999px;
	text-decoration: none;
	background-image: url(../images/go-on-series-title.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

div.gallerySet h2#energySeries{
	width: 133px;
	height: 27px;
	margin: 0px;
	padding: 27px 0px 0px 0px;
	text-indent: -9999px;
	text-decoration: none;
	background-image: url(../images/energy-series-title.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

div.gallerySet h2#perspective{
	width: 133px;
	height: 27px;
	margin: 0px;
	padding: 27px 0px 0px 0px;
	text-indent: -9999px;
	text-decoration: none;
	background-image: url(../images/perspective-title.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

div.gallerySet h2#redImages{
	width: 133px;
	height: 27px;
	margin: 0px;
	padding: 27px 0px 0px 0px;
	text-indent: -9999px;
	text-decoration: none;
	background-image: url(../images/red-images-title.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

div.gallerySet h2#whiteImages{
	width: 133px;
	height: 27px;
	margin: 0px;
	padding: 27px 0px 0px 0px;
	text-indent: -9999px;
	text-decoration: none;
	background-image: url(../images/white-images-title.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

div.gallerySet h2#bigPrints{
	width: 133px;
	height: 27px;
	margin: 0px;
	padding: 27px 0px 0px 0px;
	text-indent: -9999px;
	text-decoration: none;
	background-image: url(../images/big-prints-title.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

div.linedThumbnails{
	position: relative;
	width: 780px;
	height: 98px;
	margin: 0px;
	padding: 0px;
}

div.linedThumbnails .first{
	position: absolute;
	width: 50px;
	height: 50px;
	top: 24px;
	left: 120px;
}
div.linedThumbnails .second{
	position: absolute;
	width: 50px;
	height: 50px;
	top: 24px;
	left: 218px;
}
div.linedThumbnails .third{
	position: absolute;
	width: 50px;
	height: 50px;
	top: 24px;
	left: 316px;
}
div.linedThumbnails .fourth{
	position: absolute;
	width: 50px;
	height: 50px;
	top: 24px;
	left: 414px;
}
div.linedThumbnails .fifth{
	position: absolute;
	width: 50px;
	height: 50px;
	top: 24px;
	left: 512px;
}
div.linedThumbnails .sixth{
	position: absolute;
	width: 50px;
	height: 50px;
	top: 24px;
	left: 610px;
}

p.pageTop {
	text-align: right;
	font-size: 80%;
}

body#portfolioBody div#footer{
	margin: 0px auto;
	padding: 54px 0px 0px 0px;
	line-height: 100%;
	clear: both;
}


/*==============================
	□9.アーティストステイトメントページ
==============================*/

body#artistStatementBody div#mainContents h2{
	width: 253px;
	height: 73px;
	margin: 50px 0px 0px 0px;
	padding: 73px 0px 0px 0px;
	text-indent: -9999px;
	text-decoration: none;
	background-image: url(../images/artist-statement.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float: left;
}

div#statement{
	width: 500px;
	margin: 50px 0px 0px 0px;
	padding: 0px;
	float: right;
}

div#statement p{
	margin: 0px;
	padding: 5px 0px;
}

body#artistStatementBody div#footer{
	margin: 0px auto;
	padding: 164px 0px 0px 0px;
	line-height: 100%;
	clear: both;
}

/*==============================
	□10.バイオグラフィページ
==============================*/

body#biographyBody div#mainContents h2{
	width: 216px;
	height: 49px;
	margin: 50px 0px 0px 0px;
	padding: 49px 0px 0px 0px;
	text-indent: -9999px;
	text-decoration: none;
	background-image: url(../images/biography.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float: left;
}

div#statement dt{
	font-weight: bold;
	color: #cc6600;
	font-size: 90%;
}

div#statement dd{
	font-size: 90%;
	line-height: 200%;
	padding: 0px 0px 0px 10px;
}

div#statement dl#indentList dd{
	font-size: 90%;
	line-height: 160%;
	padding: 5px 0px 5px 40px;
	text-indent: -31px;
}

body#biographyBody div#footer{
	margin: 0px auto;
	padding: 164px 0px 0px 0px;
	line-height: 100%;
	clear: both;
}


/*==============================
	□11.カラー
==============================*/

.year{
	color: #003366;
	font-weight: bold;
}