@charset "utf-8";

/* ---------------------------------------------------
01: Setup
02: CSS Hack
03: Base
04: Individual
05: Plugin
--------------------------------------------------- */

/* 01: Setup
--------------------------------------------------- */
* { margin: 0; padding: 0; background-repeat: no-repeat; background-position: 0 0; text-align: left; line-height: 1.5; }
body { color: #ffffff; font-size: 12px; font-family:"Lucida Grande" "Hiragino Kaku Gothic Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro W4", "メイリオ","MS PGothic", sans-serif; background: #000000; text-align: center; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
ul, ol, dl, li, dt, dd { list-style: none; }
table { border-collapse:collapse; border-spacing: 0; }
th { font-weight: normal; }
th, td { vertical-align: top; }
a,img { border: 0; }
strong { font-weight: normal; }
em, address { font-style: normal; }
input, button { text-align: center; line-height: normal; }

a { color: #ad0003; }
a:link { color: #ad0003; }
a:visited { color: #ad0003; }
a:hover, a:active { color: #ad0003; }
a img, a:link img, a:visited img, a:hover img, a:active img { border: none; text-decoration: none; }


/* 02: CSS Hack
--------------------------------------------------- */
/* floating box clear */
.clr:after,#region:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
.clr { display: inline-table; min-height: 1%; }
/* Hide from mac IE5 \*/
* html .clr { height: 1%; }
.clr { display: block; }
/* End Hide from mac IE5 */

/* hide text */
.hidetxt { text-indent: -9999px; overflow: hidden; }
.hidetxt a { overflow: hidden; }


/* 03: Base
--------------------------------------------------- */
body { background: #000000 url(../img/bg.jpg) center 0 no-repeat; }
#wrapper { width: 982px; margin: 0 auto; }

/* header */
#header { margin: 20px 0 0px 0; }
#header h1 { float: left; }
#header ul { float: right; width: 852px; }
#header li { float: left; height: 50px; }

/* region */
#region { margin: 10px 0 10px 0; width: 100%; }
#region img { float: right; margin-right: 2px; }

/* contents */
#side { float: left; width: 196px; }
#main { float: right; width: 750px; border: solid 1px #808080; min-height: 600px; margin-bottom:1em; }

#side { border-top: solid 1px #808080; border-left: solid 1px #808080; border-right: solid 1px #808080; }
#side h4 { text-align: center; padding: 20px 15px 0 15px; }
#side p { padding: 10px 15px 20px 15px; border-bottom: solid 1px #808080; }
#side a:link, #side a:visited { color: #fff; text-decoration:none; }
#side a:hover, #side a:active { color: #fff; text-decoration:underline; }

#main h3 { font-weight: bold; font-size: 16px; margin-bottom: 20px; }
#main h4 { font-weight: bold; }
#main p{ text-indent: 1em; font-size:14px; margin-bottom: 1.7em; }

strong { font-weight: bold; }
ol { padding-left: 2em; margin-bottom: 20px; }
ol li { list-style-type: decimal; margin-bottom: 1em; }

/* footer */
#footer { margin: 30px 0 60px 0; }
#footer ul { float: left; width: 477px; }
#footer li { float: left; height: 32px; }
.totop a { width: 982px; display: block; text-align: right; margin-top:1em; }


/* 04: Individual
--------------------------------------------------- */
/* top */
body.top { background: #000000 url(../img/index_bg.jpg) center 0 no-repeat; }
.top h1 { width: 280px; margin: 0 auto; padding-top: 90px; }
.top ul { width: 330px; margin: 20px auto; }
.top li.jp { float: left; width: 150px; }
.top li.en { float: right; width: 150px; }

/* home */
#news, #upcoming-ex { width: 475px; background: #000000; border: solid 1px #808080; }
#current-ex-down { float: left; height: 410px; margin-top: 30px; }
#current-ex { float: left; height: 410px; margin-bottom: 30px; }
#bnr { float: right; margin-bottom: 27px; }
#news { float: right; position: relative; height: 324px; margin-bottom: 30px; }
#news span.rss { position: absolute; top: 18px; right: 154px; }
#news ul { padding: 23px 23px 0 23px; }
#news ul li { padding-bottom: 1.5em; }
#news ul li span { display: block; }
#news ul li a { color: #ffffff; }
#upcoming-ex { float: left; height: 412px; }
#artfes { float: right; height: 412px; width: 475px; background: #000000; border-top: solid 1px #808080; border-right: solid 1px #808080; border-left: solid 1px #808080; }
#artfes dt { width: 332px; height: 89px; border-right: solid 1px #808080; border-bottom: solid 1px #808080; }
#artfes dd { width: 142px; height: 89px; margin-top: -90px; margin-left: 333px; border-bottom: solid 1px #808080; }
.home #footer p.totop { display: none; }

/* home NEW */
#rightcolumn {
width: 475px; float:left;
}
#leftcolumn {
width: 475px; float:left; margin-left:28px;
position: relative;
}
#franticartists {
	border:solid #808080 1px;
	width: 475px;
	height: 94px;
	padding-top:44px;
	background-image: url(../../ja/img/artistbanner/tenji.gif);
	background-repeat: no-repeat;
	background-position: center top;
	margin-bottom: 30px;
}
#franticartistsjp {
	border:solid #808080 1px;
	width: 475px;
	height: 94px;
	padding-top:44px;
	background-image: url(../../ja/img/artistbanner/tenji_jp.gif);
	background-repeat: no-repeat;
	background-position: center top;
	margin-bottom: 30px;
}
#artisttransparentbtn {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 475px;
	height: 138px;
	
	background-image: url(../../ja/artist/img/transparent.gif);
	background-repeat: repeat;
	
	z-index: 5;
	cursor: pointer;
}
#upcoming-ex-up { width: 475px; background: #000000; border: solid 1px #808080; margin-bottom: 5px; }
#current-ex-down { width: 475px; background: #000000; margin-bottom: 0px; }
#artfes-big { float: right; height: 682px; width: 475px; background: #000000; border-top: solid 1px #808080; border-right: solid 1px #808080; border-left: solid 1px #808080; border-bottom: solid 1px #808080;}
#artfes-big dt { width: 332px; height: 89px; border-right: solid 1px #808080; border-bottom: solid 1px #808080; }
#artfes-big dd { width: 142px; height: 89px; margin-top: -90px; margin-left: 333px; border-bottom: solid 1px #808080; }

/* about */
#about{ background-image:url(/ja/img/about.bg.gif); background-position: center 0; background-repeat:no-repeat; margin-top:2em;padding:4em 4.5em 7em; color:#FFF; letter-spacing:1;}
#about p{ text-indent:0;}
#interview{background-image:url(/ja/img/about.bg2.gif); background-position: center 0; background-repeat:no-repeat; margin-top:0em; margin-bottom:0em; padding:5em 4.5em; color:#FFF; letter-spacing:1; background-color:none;}
#interview p{ text-indent:0;}
.imgcenter{ margin:0 0.7em;}

/* artist, exhibition */
#artistlisttitle { margin-bottom:20px; }
.artist #side ul { background: #000000; }
.artist #side li { height: 58px; }

.artist #main { background: #000000; }
.artist #artist-all { margin: 25px 0 0 23px; }
.artist #artist-all a img { margin: 0 12px 25px 0; }
.artist #artist-all img { float: left; }

#slideshow { width:750px;}
#slideshow .slidetext { float:right;}
#slideshow .slide{ float:left;}
#slideshow .slideonlyone { float:left;}


#profile { padding: 25px 23px 5px 23px; font-size:12px; }
#profile h2 { font-size:1.6em; line-height:1.2em; margin-bottom:0.5em;}
#profile img { margin-bottom: 20px; }
#profile .left { float: left; width: 337px; }
#profile .right { float: right; width: 337px; }
#profile dl { margin-bottom: 20px; }
#profile dd { margin: -1.5em 0 0 50px; }

.artist #intro, .exhibition #intro, .artist #intro2 { padding: 23px 23px 1px 23px; background: #ffffff; color: #000000;  border-bottom: solid 1px #808080; clear:both; }
.exhibition #intro { border-top: solid 1px #808080; }
.artist #intro2 { border-top: solid 1px #808080; border-bottom:none; }
#intro p { margin-bottom: 1.5em; font-size: 14px; text-indent: 1em; }
#intro2 p { margin-bottom:0;}
#intro h3 { margin-bottom: 0.5em; font-size: 16px; font-weight:bold;   }
#intro .right{ text-align:right;}

#works img { margin-bottom: 10px; }

.exhibition #works { background: #ffffff; color: #000000; border-bottom: solid 1px #808080; padding: 25px 0 25px 23px; }
.exhibition #works .pic { float: left; width: 224px; padding-right: 15px; }


.artist #works { background: #ffffff; color: #000000; padding: 25px 22px; clear:both; }
.artist #works table.group { margin-bottom: 40px; border-left: solid 1px #808080; border-top: solid 1px #808080; font-size:11px; line-height: 1; }
.artist #works table.group strong { font-size:12px; line-height:1.3;}
.artist #works table.group td { width: 340px; padding: 5px; border-bottom: solid 1px #808080; border-right: solid 1px #808080; line-height:1.4; }
.artist #works table.group td a { display: block; width: 340px; }
.artist #works table.catalog { margin: 0; border-left: solid 1px #808080; border-top: solid 1px #808080; }
.artist #works table.catalog td { width: 340px; padding: 5px; border-bottom: solid 1px #808080; border-right: solid 1px #808080; }
.artist #works td img { float: left; padding-right: 10px; margin: 0; }
.artist #works a, .artist #works a:link, .artist #works a:visited, .artist #works a:hover, .artist #works a:active { color: #000000; text-decoration: none;}


.caption { display:block; padding-left:130px;}

#workwrap {background: #ffffff; color: #000000; padding: 25px 23px; }
#workwrap .wrap-out	{ border-left: solid 1px #808080; border-top: solid 1px #808080; font-size:11px; float:left; margin-bottom:10px;}
#workwrap .wrap-out .wrap-in {width: 340px; height: 120px; padding:5px; border-right: solid 1px #808080; border-bottom: solid 1px #808080; float:left; }
#workwrap .wrap-out .wrap-in a { display: block; width: 340px; height: 120px; line-height:1.4;}
#workwrap .wrap-out .wrap-in img { float: left; padding-right: 10px; margin: 0; }
#workwrap .wrap-out .wrap-in strong { font-size:12px; line-height:1.4;}
#workwrap .wrap-out .wrap-in, #workwrap .wrap-out .wrap-in a:link, #workwrap .wrap-out .wrap-in a:visited, #workwrap .wrap-out .wrap-in a:hover, #workwrap .wrap-out .wrap-in a:active { color: #000000; text-decoration: none;}


#workwrap .wrap-out .wrap-in02 {width: 300px; height: 120px; padding:5px; border-right: solid 1px #808080; border-bottom: solid 1px #808080; float:left; }
#workwrap .wrap-out .wrap-in02 a { display: block; width: 300px; height: 120px; line-height:1.4;}
#workwrap .wrap-out .wrap-in02 img { float: left; padding-right: 10px; margin: 0; }
#workwrap .wrap-out .wrap-in02 strong { font-size:12px; line-height:1.4;}
#workwrap .wrap-out .wrap-in02, #workwrap .wrap-out .wrap-in02 a:link, #workwrap .wrap-out .wrap-in02 a:visited, #workwrap .wrap-out .wrap-in02 a:hover, #workwrap .wrap-out .wrap-in02 a:active { color: #000000; text-decoration: none;}


.artist .hidden { display: none; }
.artfair .hidden { display: none; }
.box { padding: 25px 30px; background: #ffffff; color: #000000; }
.box img { display: block; margin: 0 auto 25px auto; }
.box a img { margin: 0; }
.box dl { margin-bottom: 25px; }
.box dd { margin: -1.5em 0 0 100px; }

#eflyer {width:858px; margin-left:85px;}

/* artfair */
.artfair #contents { position: relative; color: #000000; background: #ffffff; border: solid 1px #808080; }

.artfair #info { padding: 25px; border-top: solid 1px #808080; }
.artfair #info .left { float: left; width: 357px; }
.artfair #info .right { float: right; width: 449px; }
.artfair #info .detail { margin-top: 10px; padding: 10px 25px; background: #000;}
.artfair #info .detail h4 { margin-bottom: 10px; color:#FFF; }
.artfair #info .detail p { margin-bottom: 5px; color:#FFF; }

.artfair #intro { padding: 25px 23px 0 23px; border-top: solid 1px #808080; }
.artfair #intro p { margin-bottom: 20px; }

.artfair #works { margin: 25px 0 25px 23px; }
.artfair #works .pic { float: left; width: 224px; padding-right: 12px; }

.artfair #profile { color: #ffffff; background: #000000; border-top: solid 1px #808080; }
.artfair #profile .left { width: 337px; }
.artfair #profile .right { width: 567px; }
.artfair h4 { font-weight: bold; }

/* access */
.access #main { color: #000000; background: #ffffff; }
.access #contact { margin: 25px; }
.access #contact table { margin-bottom: 20px; }
.access #contact th { padding: 2px 15px; color: #ffffff; background: #000000; border: solid 1px #808080; }
.access #contact td { padding: 2px 15px; }
.access #map { padding: 25px; border-top: solid 1px #808080; }
.access #map img{ margin-bottom:1.7em;}
.access #map p { padding-top: 20px; text-indent:0; }

/* sitemap */
.sitemap  #main { color: #000000; background: #ffffff; padding-bottom:3em; } 
.sitemap  #main h2 {margin-bottom:3em;}
.sitemap #main ul li {margin: 0 0 0 10px; padding: 0 0 0 17px; background: url(img/ic_home.gif) no-repeat 0 4px; line-height: 1.9;}
.sitemap #main ul li ul { /*background: url(../img/bullet4.gif) no-repeat 17px 0;*/}

.sitemap #main ul li ul.category li {	background: url(../img/bullet4.gif) no-repeat 1px 2px;}
.sitemap #main ul li ul.page li {	background: url(../img/bullet5.gif) no-repeat 1px 2px;}


.artist #workwrap.txt p   { padding-top:20px; margin-top:20px;}

/* 05: Plugin
--------------------------------------------------- */
/*
	ColorBox Core Style
	The following rules are the styles that are consistant between all ColorBox themes
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/*
	ColorBox example user style
	These rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, 
	in hope that this will make the relationship easier to understand. Thanks, jack@colorpowered.com
*/
#cboxOverlay{background:#000;}

#colorbox{}
#cboxContent{background:#000; margin-top:20px;}
#cboxLoadedContent{background:#000; padding:5px;}
#cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
#cboxCurrent{display: none !important;}
#cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
#cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-41px; background:url(../img/controls.png) top left no-repeat; width:38px; height:81px; text-indent:-9999px;}
#cboxPrevious.hover{background-position:bottom left;}
#cboxNext{position:absolute; top:50%; right:5px; margin-top:-41px; background:url(../img/controls.png) top right no-repeat; width:38px; height:81px; text-indent:-9999px;}
#cboxNext.hover{background-position:bottom right;}
#cboxLoadingOverlay{background:#000;}
#cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
#cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(../img/controls.png) top center no-repeat; width:47px; height:24px; text-indent:-9999px;}
#cboxClose.hover{background-position:bottom center;}