
/*
=======================================================================
default font size style
=======================================================================
*/

body {
	/* more specific to override imported rule */
	font-size: x-small;
	/* false value for WinIE4/5 */
	voice-family: "\"}\"";
	/* trick WinIE4/5 into thinking rule is over */
	voice-family: inherit;
	/* recover from trick */
	font-size: small;
	/* intended value for better browsers */
	}

html>body {
	font-size: small;
	/* be nice to Opera */
	}


/*
=======================================================================
generic style
=======================================================================
*/

body {
	font-family: Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0;
	color: #777;
	background: #fff;
	}

#main {
	font-size: 95%;
	}


/* hidden item */
.hidden {
	position: absolute;
 	left: 0px;
 	top: -500px;
 	width: 1px;
 	height: 1px;
 	overflow: hidden;
	}

em {
	font-style: italic;
	}

strong {
	font-weight: bold;
	}


/* sitewide link colors */
a:link {
	color: #444;
	text-decoration: underline;
	}

a:visited {
	color: #444;
	text-decoration: underline;
	}

a:hover {
	color: #bbb;
	text-decoration: underline;
	}
/* end sitewide link colors */

/* generic list style */
ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}

ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	}

/* horizontal rule styles - use: <div class="hr"><!-- --></div><hr /> */
div.hr {
	height: 1px;
	background: url(../images/dots.gif) center center repeat-x;
	margin: 1em 0;
	}

.last {
	margin-bottom: 0;
	}

.cleardiv {
	height: 0;
	clear: both;
	}

hr {display: none;}


/* footer */

#footer {
	margin: 0;
	padding: 2em 0 1em 0;
	clear: both;
	}

#footer p {
	margin: 0;
	padding: 0;
	letter-spacing: 1px;
	font-size: 9px;
	}

.japanese
 {
	font-family: "Helvetica", "Arial", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
	}


/*
=======================================================================
top page
=======================================================================
*/

#top-main {
	height: 500px;
	width: 750px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -250px;
	margin-left: -375px;
	padding: 0;
}

/* cover */

#top #cover {
	margin: 0;
	padding: 0;
	width: 750px;
	height: 320px;
	clear: both;
	}

#top #cover object {
	display: block;
	margin: 0;
	padding: 0;
	}

#top #cover img {
	display: block;
	width: 750px;
	height: 320px;
	margin: 0;
	padding: 0;
	border: none;
	}
        
/* slider */

.bx-wrapper {
        -moz-box-shadow: none !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        border:none !important;
        background-color:transparent !important;
}

/* logo-navi */

#top #logo-nav {
	margin: 0;
	padding: 0;
	clear: both;
	}

/* logo */

#top #logo-nav h1 {
	float: left;
	width: 172px;
	height: 22px;
	text-indent: -5000px;
	margin: 26px 0 0 0;
	padding: 0;
	background: url(../images/toplogo.gif) no-repeat;
	}

/* navigation */

#top #logo-nav .nav-wrap {
	float: right;
	margin: 0;
	padding: 0;
	}

#top #nav {
	display: inline;
	margin: 0;
	padding: 0;
	list-style: none;
	}

#top #nav li {
	display: inline;
	margin: 0;
	padding: 0;
	list-style: none;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 108%;
	letter-spacing: 1px;
	font-size: 88%;
	}

#top #nav li a {
	float: left;
	margin-right: 20px;
	padding: 22px 0 0 0;
	text-decoration: none;
	color: #999;
	border-top: 9px solid #fff;
	}

#top #nav #n-contacts a {
	margin-right: 0;
	}

#top #nav #n-news a:hover {
	border-top: 9px solid #f93;
	color: #000;
	}

#top #nav #n-selected a:hover {
	border-top: 9px solid #00fa9a;
	color: #000;
	}

#top #nav #n-works a:hover {
	border-top: 9px solid #393;
	color: #000;
	}

#top #nav #n-bio a:hover {
	border-top: 9px solid #5d1c8b;
	color: #000;
	}

#top #nav #n-texts a:hover {
	border-top: 9px solid #39c;
	color: #000;
	}

#top #nav #n-contacts a:hover {
	border-top: 9px solid #b80000;
	color: #000;
	}


/* news */

#top #news-wrap {
	float: right;
	width: 500px;
	margin: 45px 0 0 0;
	padding: 0;
	}

#top #news-wrap h2 {
	margin: 0;
	padding: 0;
	font-size: 90%;
	letter-spacing: 1px;
	font-weight: bold;
	line-height: 1.5em;
	text-align: right;
	}

#top #news-wrap ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}

#top #news-wrap ul li {
	margin: 0;
	padding: 0;
	font-size: 90%;
	line-height: 1.5em;
	text-align: right;
	list-style: none;
	}

#top #news-wrap ul li.more {
	font-weight: bold;
	text-transform: uppercase;
	}

#top #news-wrap ul li a {
	padding-left: 9px;
	text-decoration: none;
	background: url(../images/arrow_off.gif) center left no-repeat;
	}

#top #news-wrap ul li a:hover {
	background: url(../images/arrow_on.gif) center left no-repeat;
	}

/* footer */

#top #footer {
	padding: 0 !important;
	}

/* end top page style */


/*
=======================================================================
contents page layout setting
=======================================================================
*/

#main {
	width: 94%;
	min-width: 755px;
	max-width: 995px;
	margin: 0 auto;
	padding: 0 10px;
}

/* header */

#header {
	margin: 0;
	padding: 0;
	clear: both;
	}

/* logo */

#header #logo {
	float: left;
	margin: 30px 0 0 0;
	padding: 0;
	}

#header #logo img{
	display: block;
	width: 104px;
	height: 14px;
	margin: 0;
	padding: 0;
	border: none;
	}

/* navigation */

#header .nav-wrap {
	float: right;
	margin: 0;
	padding: 0;
	}

#c-nav {
	display: inline;
	margin: 0;
	padding: 0;
	list-style: none;
	}

#c-nav li {
	display: inline;
	margin: 0;
	padding: 0;
	list-style: none;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 105%;
	letter-spacing: 1px;
	font-size: 83%;
	}

#c-nav li a {
	float: left;
	margin-right: 20px;
	padding: 20px 0 0 0;
	text-decoration: none;
	color: #999;
	border-top: 8px solid #fff;
	}

#c-nav #cn-contacts a {
	margin-right: 0;
	}

#c-nav #cn-home a:hover {
	border-top: 8px solid #e807e3;
	color: #000;
	}

#c-nav #cn-news a:hover {
	border-top: 8px solid #f93;
	color: #000;
	}

#c-nav #cn-selected a:hover {
	border-top: 8px solid #00fa9a;
	color: #000;
	}

#c-nav #cn-works a:hover {
	border-top: 8px solid #393;
	color: #000;
	}

#c-nav #cn-bio a:hover {
	border-top: 8px solid #5d1c8b;
	color: #000;
	}

#c-nav #cn-texts a:hover {
	border-top: 8px solid #39c;
	color: #000;
	}

#c-nav #cn-contacts a:hover {
	border-top: 8px solid #b80000;
	color: #000;
	}

/* navi on */

#news #c-nav #cn-news a {
	border-top: 8px solid #f93;
	color: #000;
	}

#selected #c-nav #cn-selected a {
	border-top: 8px solid #00fa9a;
	color: #000;
	}

#works #c-nav #cn-works a,
#works-image #c-nav #cn-works a,
#works-image-large #c-nav #cn-works a {
	border-top: 8px solid #393;
	color: #000;
	}

#biography #c-nav #cn-bio a {
	border-top: 8px solid #5d1c8b;
	color: #000;
	}

#texts #c-nav #cn-texts a {
	border-top: 8px solid #39c;
	color: #000;
	}

#contacts #c-nav #cn-contacts a {
	border-top: 8px solid #b80000;
	color: #000;
	}

/* contents */

#title {
	margin: 0;
	padding: 40px 0 45px;
	}

#title h1 {
	margin: 0;
	padding: 0;
	height: 20px;
	text-indent: -5000px;
	line-height: 100%;
	}

#title #language {
	margin: 9px 0 0 0;
	padding: 0;
	list-style: none;
	}

#title #language li {
	display: inline;
	margin: 0;
	padding: 0 5px;
	list-style: none;
	font-size: 10px !important;
	text-transform: uppercase;
	line-height: 100%;
	color: #000;
	}

#title #language li a {
	text-decoration: none;
	color: #aaa;
	}

#title #language li a:hover {
	text-decoration: underline;
	color: #333;
	}

#title #language li.eng {
	border-right: 1px #999 solid;
	}


/* end contents page layout style */


/*
=======================================================================
page style
=======================================================================
*/

/*
-----------------------------------------------------------------------
news
-----------------------------------------------------------------------
*/

#news #title {
	background: url(../images/dots.gif) bottom left repeat-x;
	}

#news #title h1 {
	float: left;
	margin: 0;
	padding: 0;
	padding-right:5px;
	width: 70px;
	background: url(../images/title_news.gif) no-repeat;
	}

#news #content {
	margin: 0;
	padding: 1em 0 0 0;
	}

#news #content div.wrap {
	margin: 0;
	margin-right: 280px;
	padding: 0;
	}

#news #content h2 {
	margin: 0;
	padding: 0 0 0.8em 0;
	font-size: 90%;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 1.4em;
	}

#news #content h3 {
	margin: 0;
	padding: 0;
	letter-spacing: 1px;
	color: #333;
	font-size: 100%;
	font-weight: bold;
	line-height: 1.4em;
	}

#news #content p {
	margin: 0;
	padding: 0;
	line-height: 1.4em;
	}


#news #content p .logo{
	margin: 12px 0 0 0;
	padding: 0;
	border: none;
	}


/*
-----------------------------------------------------------------------
works
-----------------------------------------------------------------------
*/

#works #title {
	background: url(../images/dots.gif) bottom left repeat-x;
	}

#works #title h1 {
	float: left;
	margin: 0;
	padding: 0;
	padding-right:5px;
	width: 220px;
	background: url(../images/title_worksarchive.gif) no-repeat;
	}

#works #title #subtitle {
	float: left;
	margin: 8px 0 0 0;
	padding: 0;
	color: #333;
	font-size: 110%;
	text-transform: uppercase;
	line-height: 100%;
	}

#works #list-navi-wrap {
	float: right;
	margin: 0;
	padding: 9px 0 0 0;
	}

#works #foot-page-navi {
	float: right;
	margin: 0;
	padding: 0;
	}

#works #list-navi-wrap .list-navi,
#works #foot-page-navi .list-navi {
	display: inline;
	margin: 0;
	padding: 0;
	}

#works #foot-page-navi .list-navi {
	display: inline;
	margin: 0;
	padding: 0;
	}
 
#works #list-navi-wrap p,
#works #footer #foot-page-navi p {
	display: inline;
	margin: 0;
	padding: 0;
	font-size: 90%;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 100%;
	letter-spacing: 0px;
	}

#works #list-navi-wrap p a,
#works #footer #foot-page-navi p a {
	padding-right: 2em;
	text-decoration: none;
	}

#works .list-navi li {
	display: inline;
	margin: 0;
	padding: 0;
	font-size: 90%;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 100%;
	}
	
#works .list-navi li.sep {
	margin: 0 10px 0 0;
	padding: 0 10px 0 0;
	border-right: 1px solid #999;
	}

#works .list-navi li a {
	text-decoration: none;
	}

#works .list-navi li.prev a {
	padding-left: 10px;
	background: url(../images/arrow_l_off.gif) center left no-repeat;
	}

#works .list-navi li.prev a:hover {
	background: url(../images/arrow_l_on.gif) center left no-repeat;
	}

#works .list-navi li.next a {
	padding-right: 8px;
	background: url(../images/arrow_off.gif) center right no-repeat;
	}

#works .list-navi li.next a:hover {
	background: url(../images/arrow_on.gif) center right no-repeat;
	}

#works #list-navi-wrap p.archive a,
#works #footer #foot-page-navi p.archive a {
	text-decoration: none;
	padding-right: 8px;
	background: url(../images/arrow_off.gif) center right no-repeat;
	}

#works #list-navi-wrap p.archive a:hover,
#works #footer #foot-page-navi p.archive a:hover {
	background: url(../images/arrow_on.gif) center right no-repeat;
	}

#works #content {
	margin: 0;
	padding: 0;
	}

#works #content div.year-wrap {
	margin: 0;
	padding: 0;
	background: url(../images/dots.gif) bottom left repeat-x;
	}

#works #content div.year-wrap h2.year {
	margin: 0;
	padding: 15px 0;
	color: #999;
	font-size: 150%;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1.2em;
	}

#works #content div.year-wrap img {
	margin: 0 6px 36px 0;
	padding: 0;
	border: 1px solid #999;
	}

#works #content div.feature-wrap, 
#works #content div.category-wrap {
	margin: 0;
	padding: 0;
	background: url(../images/dots.gif) bottom left repeat-x;
	}

#works #content div.feature-wrap h2 {
	margin: 0;
	padding-top: 1.5em;
	padding-bottom: 1em;
	color: #333;
	font-size: 116%;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1.2em;
	font-family: Helvetica, Arial, "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
	}

#works #content div.feature-wrap .feature-left {
	margin-right: 10px;
	margin-bottom: 15px;
	float: left;
	}

#works #content div.feature-wrap .feature-left img.vertical {
	height: 350px;
	border: 1px solid #999;
	}

#works #content div.feature-wrap .feature-left img.horizontal {
	width: 550px;
	border: 1px solid #999;
	}


#works #content div.feature-wrap img {
	margin: 0 6px 21px 0;
	padding: 0;
	border: 1px solid #999;
	}

#works #content div.category-wrap h2 {
	margin: 0;
	padding-top: 1.5em;
	padding-bottom: 1em;
	color: #333;
	font-size: 116%;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1.2em;
	}

#works #content div.category-wrap img {
	margin: 0 6px 24px 0;
	padding: 0;
	border: 1px solid #999;
	}

#works #content p {
	margin: 0;
	padding: 0 0 1em 0;
	line-height: 1.2em;
	}

#works #content div.text-wrap {
	width: 100%;
	padding-bottom: 1.5em;
	font-size: 100%;
	line-height: 1.4em;
	}

#works #content div.text-wrap p {
	padding-bottom: 0;
	font-size: 100%;
	line-height: 1.4em;
	}

#works #content div.text-wrap p.japanese {
	font-size: 93%;
	}

#works #content div.category-wrap p.archive {
	font-weight: bold;
	}

#works #content div.category-wrap p.archive a {
	text-decoration: none;
	}

/* footer */

#works #footer {
	margin: 0;
	padding: 2em 0;
	clear: both;
	}

#works #footer p {
	float: left;
	margin: 0;
	padding: 0;
	letter-spacing: 1px;
	font-size: 9px;
	}


/*
-----------------------------------------------------------------------
selected works
-----------------------------------------------------------------------
*/

#selected #title {
	background: url(../images/dots.gif) bottom left repeat-x;
	}

#selected #title h1 {
	float: left;
	margin: 0;
	padding: 0;
	padding-right:5px;
	width: 220px;
	background: url(../images/title_selectedworks.gif) no-repeat;
	}

#selected #title #subtitle {
	float: left;
	margin: 8px 0 0 0;
	padding: 0;
	color: #333;
	font-size: 110%;
	text-transform: uppercase;
	line-height: 100%;
	}

#selected #list-navi-wrap {
	float: right;
	margin: 0;
	padding: 9px 0 0 0;
	}

#selected #foot-page-navi {
	float: right;
	margin: 0;
	padding: 0;
	}

#selected #list-navi-wrap .list-navi,
#selected #foot-page-navi .list-navi {
	display: inline;
	margin: 0;
	padding: 0;
	}

#selected #foot-page-navi .list-navi {
	display: inline;
	margin: 0;
	padding: 0;
	}
 
#selected #list-navi-wrap p,
#selected #footer #foot-page-navi p {
	display: inline;
	margin: 0;
	padding: 0;
	font-size: 90%;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 100%;
	letter-spacing: 0px;
	}

#selected #list-navi-wrap p a,
#selected #footer #foot-page-navi p a {
	padding-right: 2em;
	text-decoration: none;
	}

#selected .list-navi li {
	display: inline;
	margin: 0;
	padding: 0;
	font-size: 90%;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 100%;
	}
	
#selected .list-navi li.sep {
	margin: 0 10px 0 0;
	padding: 0 10px 0 0;
	border-right: 1px solid #999;
	}

#selected .list-navi li a {
	text-decoration: none;
	}

#selected .list-navi li.prev a {
	padding-left: 10px;
	background: url(../images/arrow_l_off.gif) center left no-repeat;
	}

#selected .list-navi li.prev a:hover {
	background: url(../images/arrow_l_on.gif) center left no-repeat;
	}

#selected .list-navi li.next a {
	padding-right: 8px;
	background: url(../images/arrow_off.gif) center right no-repeat;
	}

#selected .list-navi li.next a:hover {
	background: url(../images/arrow_on.gif) center right no-repeat;
	}

#selected #list-navi-wrap p.archive a,
#selected #footer #foot-page-navi p.archive a {
	text-decoration: none;
	padding-right: 8px;
	background: url(../images/arrow_off.gif) center right no-repeat;
	}

#selected #list-navi-wrap p.archive a:hover,
#selected #footer #foot-page-navi p.archive a:hover {
	background: url(../images/arrow_on.gif) center right no-repeat;
	}

#selected #content {
	margin: 0;
	padding: 0;
	}

#selected #content div.feature-wrap, 
#selected #content div.category-wrap {
	margin: 0;
	padding: 0;
	background: url(../images/dots.gif) bottom left repeat-x;
	}

#selected #content div.feature-wrap h2 {
	margin: 0;
	padding-bottom: 1em;
	color: #333;
	font-size: 116%;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1.2em;
	font-family: Helvetica, Arial, "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
	}

#selected #content div.feature-wrap .feature-left {
	margin-right: 1em;
	padding-top: 2em;
	padding-bottom: 2em;
	float: left;
	}

#selected #content div.feature-wrap .feature-right {
	padding-top: 2em;
	}

#selected #content div.feature-wrap .feature-left img.vertical {
	height: 350px;
	border: 1px solid #999;
	}

#selected #content div.feature-wrap .feature-left img.horizontal {
	width: 550px;
	border: 1px solid #999;
	}


#selected #content div.feature-wrap img {
	margin: 0 6px 21px 0;
	padding: 0;
	border: 1px solid #999;
	}

#selected #content div.category-wrap h2 {
	margin: 0;
	padding-top: 1.5em;
	padding-bottom: 1em;
	color: #333;
	font-size: 116%;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1.2em;
	}

#selected #content div.category-wrap img {
	margin: 0 6px 24px 0;
	padding: 0;
	border: 1px solid #999;
	}

#selected #content p {
	margin: 0;
	padding: 0 0 1em 0;
	line-height: 1.2em;
	}

#selected #content div.text-wrap {
	width: 100%;
	padding-bottom: 1.5em;
	font-size: 100%;
	line-height: 1.4em;
	}


#selected #content div.text-wrap p {
	padding-bottom: 0;
	font-size: 100%;
	line-height: 1.4em;
	}

#selected #content div.text-wrap p.japanese {
	font-size: 93%;
	}

#selected #content div.category-wrap p.archive {
	font-weight: bold;
	}

#selected #content div.category-wrap p.archive a {
	text-decoration: none;
	}

/* footer */

#selected #footer {
	margin: 0;
	padding: 2em 0;
	clear: both;
	}

#selected #footer p {
	float: left;
	margin: 0;
	padding: 0;
	letter-spacing: 1px;
	font-size: 9px;
	}


/*
-----------------------------------------------------------------------
works-image
-----------------------------------------------------------------------
*/


#works-image #content {
	width: 100%;
	padding: 40px 0 10px 0;
	}

#works-image #image-wrap {
	float: left;
	width: 78%;
	margin: 0;
	padding: 0 20px 0 0;
	text-align: center;
	}

#works-image #data-wrap {
	width: 19%;
	float: left;
	margin: 0;
	padding: 0;
	}

#works-image #image-wrap img {
	margin: 0 auto 2em auto;
	padding: 0;
	border: 1px solid #bbb;
	}

#works-image #image-wrap img.horizontal {
	width: 600px;
	}

#works-image #image-wrap img.vertical {
	height: 480px;
	}

#works-image #data-wrap #page-navi {
	margin: 0;
	padding: 0 0 5em 0;
	}

#works-image #data-wrap #page-navi li {
	display: inline;
	margin: 0;
	padding: 0;
	font-size: 90%;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 100%;
	}
	
#works-image #data-wrap #page-navi li.prev {
	margin: 0 10px 0 0;
	padding: 0 10px 0 0;
	border-right: 1px solid #999;
	}

#works-image #data-wrap #page-navi li a {
	text-decoration: none;
	}

#works-image #data-wrap #page-navi li.prev a {
	padding-left: 10px;
	background: url(../images/arrow_l_off.gif) center left no-repeat;
	}

#works-image #data-wrap #page-navi li.prev a:hover {
	background: url(../images/arrow_l_on.gif) center left no-repeat;
	}

#works-image #data-wrap #page-navi li.next a {
	padding-right: 8px;
	background: url(../images/arrow_off.gif) center right no-repeat;
	}

#works-image #data-wrap #page-navi li.next a:hover {
	background: url(../images/arrow_on.gif) center right no-repeat;
	}


#works-image #content h2 {
	margin: 0;
	padding: 0 0 1em 0;
	color: #333;
	font-size: 100%;
	font-weight: bold;
	line-height: 1.6em;
	}

#works-image #content h2 span.title {
	text-transform: none;
	padding-right: 0.8em;
	}

#works-image #content p {
	margin: 0;
	padding: 0 0 1em 0;
	line-height: 1.6em;
	font-size: 95%;
	}

#works-image #content p.return {
	margin: 0;
	padding: 1em 0 2em 0;
	font-size: 80%;
	font-weight: bold;
	text-transform: uppercase;
	}

#works-image #content p.return a{
	text-decoration: none;
	}


#works-image #footer {
	margin: 0;
	padding: 0 0 1em 0;
	clear: both;
	}


/*
-----------------------------------------------------------------------
works-image large
-----------------------------------------------------------------------
*/


#works-image-large #content {
	width: 100%;
	padding: 40px 0 10px 0;
	}

#works-image-large #image-wrap {
	margin: 0;
	padding: 0 20px 0 0;
	text-align: center;
	}

#works-image-large #image-wrap img {
	margin: 0 auto 2em auto;
	padding: 0;
	border: 1px solid #bbb;
	}

#works-image-large #page-navi {
	float: left;
	width: 160px;
	}

#works-image-large #text-return-wrap {
	margin-left: 180px;
	}

#works-image-large #text-wrap {
	float: left;
	width: 70%;
	}

#works-image-large p.return {
	float: right;
	text-align: right;
	width: 25%;
	}

#works-image-large #data-wrap #page-navi {
	margin: 0;
	padding: 0 0 2em 0;
	}

#works-image-large #data-wrap #page-navi li {
	display: inline;
	margin: 0;
	padding: 0;
	font-size: 90%;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 100%;
	}
	
#works-image-large #data-wrap #page-navi li.prev {
	margin: 0 10px 0 0;
	padding: 0 10px 0 0;
	border-right: 1px solid #999;
	}

#works-image-large #data-wrap #page-navi li a {
	text-decoration: none;
	}

#works-image-large #data-wrap #page-navi li.prev a {
	padding-left: 10px;
	background: url(../images/arrow_l_off.gif) center left no-repeat;
	}

#works-image-large #data-wrap #page-navi li.prev a:hover {
	background: url(../images/arrow_l_on.gif) center left no-repeat;
	}

#works-image-large #data-wrap #page-navi li.next a {
	padding-right: 8px;
	background: url(../images/arrow_off.gif) center right no-repeat;
	}

#works-image-large #data-wrap #page-navi li.next a:hover {
	background: url(../images/arrow_on.gif) center right no-repeat;
	}


#works-image-large #content h2 {
	margin: 0;
	padding: 0;
	color: #333;
	font-size: 100%;
	font-weight: bold;
	line-height: 1.6em;
	}

#works-image-large #content h2 span.title {
	text-transform: none;
	padding-right: 0.8em;
	}

#works-image-large #content p {
	margin: 0;
	padding: 0 0 1em 0;
	line-height: 1.6em;
	font-size: 95%;
	}

#works-image-large #content p.return {
	margin: 0;
	padding: 0;
	font-size: 80%;
	font-weight: bold;
	text-transform: uppercase;
	}

#works-image-large #content p.return a{
	text-decoration: none;
	}


#works-image-large #footer {
	margin: 0;
	margin-left: 180px;
	padding: 0 0 1em 0;
	clear: both;
	}


/*
-----------------------------------------------------------------------
biography
-----------------------------------------------------------------------
*/

#biography #title h1 {
	float: left;
	margin: 0;
	padding: 0;
	padding-right:5px;
	width: 140px;
	background: url(../images/title_bio.gif) no-repeat;
	}

#biography #content {
	margin: 0;
	margin-right: 260px;
	padding: 0;
	}

#biography #image-wrap {
	float: right;
	width: 202px;
	}

#biography #image-wrap img.selfportrait {
	display: block;
	width: 200px;
	margin: 0 0 7px 0;
	padding: 0;
	border: 1px solid #777;
	}
	
#biography #image-wrap .photo-caption {
	margin: 0;
	padding: 0;
	font-size: 9px;
	line-height: 1.2em;
	}

#biography #content h2 {
	margin: 0;
	padding: 2em 0 1.5em 0;
	letter-spacing: 1px;
	color: #333;
	font-size: 100%;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1.2em;
	}

#biography #content #name {
	padding: 0 0 1.5em 0;
	}

#biography #content div {
	margin: 0;
	padding: 0 0 1em 0;
	}

#biography #content div.year-wrap {
	margin: 0;
	padding: 0 0 1em 0;
	}

#biography #content h3.year {
	float: left;
	margin: 0;
	padding: 0 0 1em 0;
	font-size: 100%;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 1.2em;
	}

#biography #content p {
	margin: 0;
	margin-left: 6em;
	padding: 0 0 1em 0;
	text-indent: -6em;
	line-height: 1.2em;
	}

#biography #content .year-wrap p {
	margin: 0;
	margin-left: 6em;
	padding: 0 0 1em 0;
	text-indent: 0;
	}



/*
-----------------------------------------------------------------------
texts
-----------------------------------------------------------------------
*/

#texts #title {
	background: url(../images/dots.gif) bottom left repeat-x;
	}

#texts #title h1 {
	float: left;
	margin: 0;
	padding: 0;
	padding-right:5px;
	width: 78px;
	background: url(../images/title_texts.gif) no-repeat;
	}

#texts #content {
	margin: 0;
	padding: 1em 0 0 0;
	}

#texts #content div.wrap {
	margin: 0;
	padding: 0;
	}

#texts #content h2 {
	color: #333;
	letter-spacing: 1px;
	font-size: 100%;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1.2em;
	}

#texts #content h2.list-title {
	float: left;
	width: 180px;
	margin: 0;
	padding: 0.5em 0 1.3em 0;
	}

#texts #content ul {
	margin: 0;
	margin: 0 150px 0 200px;
	padding: 0.5em 0 0 0;
	}

#texts #content ul li {
	margin: 0;
	padding: 0 0 1em 0;
	line-height: 1.2em;
	}

/* text article page */

#texts #content p.return {
	margin: 0;
	padding: 10px 0;
	font-size: 80%;
	font-weight: bold;
	text-transform: uppercase;
	text-align: right;
	}

#texts #content p.return a{
	text-decoration: none;
	}

#texts #content div.wrapper {
	margin: 15px auto 0 auto;
	width: 60%;
	max-width: 40em;
	}

#texts #content #article-title {
	margin: 0;
	padding: 0 0 1em 0;
	color: #333;
	letter-spacing: 1px;
	font-size: 180%;
	font-weight: normal;
	line-height: 1.2em;
	}

#texts #content #author {
	margin: 0;
	padding: 0;
	line-height: 1.7em;
	}

#texts #content #publ-issue {
	margin: 0;
	padding: 0;
	line-height: 1.7em;
	text-transform: none;
	}

#texts #content #description {
	margin: 0;
	padding: 0;
	line-height: 1.7em;
	text-transform: none;
	}

#texts #content h2.last {
	padding: 0 0 2em 0 !important;
	}

#texts #content h3 {
	margin: 0;
	padding: 1.5em 0;
	line-height: 1.7em;
	text-transform: uppercase;
	font-size: 100%;
	}

#texts #content p {
	margin: 0;
	padding: 0 0 1.5em 0;
	text-indent: 2em;
	line-height: 1.7em;
        text-align: justify;
	}

#texts #content p.note {
	margin: 0;
	padding: 0 0 1.5em 0;
	text-indent: 0;
	line-height: 1.7em;
	}

/*
-----------------------------------------------------------------------
contacts
-----------------------------------------------------------------------
*/

#contacts #title h1 {
	margin: 0;
	padding: 0;
	padding-right:5px;
	width: 130px;
	background: url(../images/title_contacts.gif) no-repeat;
	}

#contacts #content-sidebar {
	width: 100%;
	float: left;
	margin-right: -34%;
	padding: 0;
	}

#contacts #content {
	margin: 0;
	margin-right: 34%;
	padding: 0;
	}

#contacts #sidebar {
	width: 31%;
	float: right;
	margin: 0;
	padding: 0;
	}

#contacts #sidebar img.image {
	width: 100%;
	max-width: 308px
	margin: 0 0 10px 0;
	padding: 0;
	border: 1px solid #777;
	}

#contacts #content #left-wrap {
	width: 48%;
	float: left;
	margin: 0;
	padding: 0;
	}

#contacts #content #right-wrap {
	width: 48%;
	float: right;
	margin: 0;
	padding: 0;
	}

#contacts #content h2 {
	margin: 0;
	padding: 0 0 1.5em 0;
	letter-spacing: 1px;
	color: #333;
	font-size: 100%;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1.6em;
	}

#contacts #content h3 {
	margin: 0;
	padding: 0;
	letter-spacing: 1px;
	color: #333;
	font-size: 100%;
	font-weight: bold;
	line-height: 1.6em;
	}

#contacts #content p {
	margin: 0;
	padding: 0 0 1.5em 0;
	font-size: 100%;
	line-height: 1.6em;
	}

