/*---base---*/

body{
font-family:"ＭＳ Ｐゴシック", Osaka;
font-weight:normal;
font-style:normal;
font-size:12px;
line-height:15px;
text-align: center;
color:#000000;
width:100%;
height:100%;
}

html {
width:100%;
height:100%;
}

*{
margin:0px; 
padding:0px}

h1, h2, h3, h4, h5, h6{
font-size:100%; 
font-weight:lighter}

table {
font-size:100%;
}

img{
border-width:0px; 
border-style:none; 
vertical-align:top}

table {
font-size:100%;
}

#wrapper {
width:100%;
height:100%;
text-align:center;
}

#basetable {
width:780px;
height:600px;
background-image:url(background.gif);
background-repeat:no-repeat;
}

#main {
width:780px;
height:600px;
float:left;
}

#contents {
width:780px;
height:442px;
float:left;
overflow:auto;
}

#contents02 {
width:780px;
height:402px;
float:left;
overflow:auto;
}

#section {
width:688px;
margin:0 46px 0;
}

#section02 {
width:780px;
}

#inner-scroll {
width:734px;
height:422px;
margin:0 0 0 46px;
float:left;
display:inline;
overflow:hidden;
text-align:left;
position:relative;
}

#inner-scroll .trigger{
top:10px;
right:10px;
position:absolute;
z-index:10;
list-style-type:none;
}

#inner-scroll .trigger .up{
width:20px;
height:50px;
background-image:url(allow_gr_top.gif);
text-indent:-9999px;
margin:0 0 305px 0;
}

#inner-scroll .trigger .down{
width:20px;
height:50px;
background-image:url(allow_gr_bottom.gif);
text-indent:-9999px;
}

#inner-side-scroll {
width:734px;
height:422px;
margin:0 0 0 46px;
float:left;
display:inline;
}

#inner-side-scroll #scroll{
width:734px;
height:400px;
float:left;
overflow:auto;
}

#inner-scroll2 {
width:734px;
height:442px;
margin:0 0 0 46px;
float:left;
display:inline;
overflow:auto;
}

#section table td{
vertical-align:top;
}

#header {
text-align:left;
margin:48px 0 10px 222px;
}

a:link, a:visited{
color:#333333; 
text-decoration:none}

a:active, a:hover, a:focus{
color:#333333; 
text-decoration:underline;
overflow:hidden;}


a:active img,a:hover img,a:focus img{
	filter:Alpha(opacity=80);
	-moz-opacity:0.50;
	opacity:0.50;
}


/*--nav---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#nav {
margin:0 0 46px 0;
list-style-type:none;
float:left;
}

#nav li{
float:left;
display:inline;
}

#nav li a{
height:30px;
display:block;
background-repeat:no-repeat;
text-indent:-9999px;
}


#nav #nav_artist a{
width:60px;
background-image:url(nav_artist.gif);
margin-left:40px;
}

#nav #nav_artist a:hover {
width:60px;
background-image:url(nav_artist.gif);
margin-left:40px;
filter:Alpha(opacity=80);
-moz-opacity:0.50;
opacity:0.50;
}

#nav #nav_gallery a{
width:160px;
background-image:url(nav_gallery.gif);
margin-left:20px;
}

#nav #nav_gallery a:hover{
width:160px;
background-image:url(nav_gallery.gif);
margin-left:20px;
filter:Alpha(opacity=80);
-moz-opacity:0.50;
opacity:0.50;
}

#nav #nav_shop a{
width:140px;
background-image:url(nav_shop.gif);
margin-left:20px;
}

#nav #nav_shop a:hover{
width:140px;
background-image:url(nav_shop.gif);
margin-left:20px;
filter:Alpha(opacity=80);
-moz-opacity:0.50;
opacity:0.50;
}

#nav #nav_info a{
width:110px;
background-image:url(nav_info.gif);
margin-left:21px;
}

#nav #nav_info a:hover{
width:110px;
background-image:url(nav_info.gif);
margin-left:21px;
filter:Alpha(opacity=80);
-moz-opacity:0.50;
opacity:0.50;
}

#nav #nav_about a{
width:80px;
background-image:url(nav_about.gif);
margin-left:22px;
}

#nav #nav_about a:hover{
width:80px;
background-image:url(nav_about.gif);
margin-left:22px;
filter:Alpha(opacity=80);
-moz-opacity:0.50;
opacity:0.50;
}

#nav #nav_mail a{
width:40px;
background-image:url(nav_mail.gif);
margin-left:21px;
}

#nav #nav_mail a:hover{
width:40px;
background-image:url(nav_mail.gif);
margin-left:21px;
filter:Alpha(opacity=80);
-moz-opacity:0.50;
opacity:0.50;
}

#nav #nav_artist_on a{
width:60px;
background-image:url(nav_artist_on.gif);
margin-left:40px;
}

#nav #nav_artist_on a:hover{
width:60px;
background-image:url(nav_artist_on.gif);
margin-left:40px;
filter:Alpha(opacity=80);
-moz-opacity:0.50;
opacity:0.50;
}

#nav #nav_gallery_on a{
width:160px;
background-image:url(nav_gallery_on.gif);
margin-left:20px;
}

#nav #nav_gallery_on a:hover{
width:160px;
background-image:url(nav_gallery_on.gif);
margin-left:20px;
filter:Alpha(opacity=80);
-moz-opacity:0.50;
opacity:0.50;
}

#nav #nav_shop_on a{
width:140px;
background-image:url(nav_shop_on.gif);
margin-left:20px;
}

#nav #nav_shop_on a:hover{
width:140px;
background-image:url(nav_shop_on.gif);
margin-left:20px;
filter:Alpha(opacity=80);
-moz-opacity:0.50;
opacity:0.50;
}

#nav #nav_info_on a{
width:110px;
background-image:url(nav_info_on.gif);
margin-left:21px;
}

#nav #nav_info_on a:hover{
width:110px;
background-image:url(nav_info_on.gif);
margin-left:21px;
filter:Alpha(opacity=80);
-moz-opacity:0.50;
opacity:0.50;
}

#nav #nav_about_on a{
width:80px;
background-image:url(nav_about_on.gif);
margin-left:22px;
}

#nav #nav_about_on a:hover{
width:80px;
background-image:url(nav_about_on.gif);
margin-left:22px;
filter:Alpha(opacity=80);
-moz-opacity:0.50;
opacity:0.50;
}

#nav #nav_mail_on a{
width:40px;
background-image:url(nav_mail_on.gif);
margin-left:21px;
}

#nav #nav_mail_on a{
width:40px;
background-image:url(nav_mail_on.gif);
margin-left:21px;
filter:Alpha(opacity=80);
-moz-opacity:0.50;
opacity:0.50;
}

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

#footer {
width:688px;
margin:20px 0 0 0;
height:20px;
float:left;
}

#footer ul{
list-style-type:none;
}

#footer ul li{
font-size:0;
height:7px;
margin:0 0 0 8px;
display:inline;
float:left;
}

#footer ul li#start{
margin:0 0 0 0;
padding-right:8px;
border-right:1px #999999 solid;
}

#footer ul li a img{
filter:Alpha(opacity=50);
-moz-opacity:0.50;
opacity:0.50;
}

#footer ul li.current a img{
filter:Alpha(opacity=100);
-moz-opacity:1.00;
opacity:1.00;
}

address {
width:176px;
height:7px;
background-image:url(copyright.gif);
background-repeat:no-repeat;
float:right;
text-indent:-9999px;
}

address.common{
margin:2px 0 0 0;
}

address#past {
width:176px;
height:7px;
background-image:url(copyright.gif);
background-repeat:no-repeat;
float:left;
text-indent:-9999px;
margin:0 0 0 274px;
display:inline;
}


/*--general-purpose---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.segment {
width:688px;
margin:20px 0 0 0;
border-bottom:1px solid #cccccc;
float:left;
padding-bottom:20px;
text-align:left;
}

.no-border {
border:none;
}

.left-box {
float:left;
display:inline;
}

.right-box {
text-align:left;
float:right;
display:inline;
}

#subtitle01 {
width:688px;
height:20px;
background-image:url(subtitle01.gif);
background-repeat:repeat-x;
background-position:bottom;
float:left;
margin:0 0 0 46px;
display:inline;
}

#subtitle01 h2 {
float:left;
}

#subtitle01 #text{
font-size:11px;
height:13px;
line-height:13px;
float:right;
}

.w315 {
width:315px;
text-align:left;
}

.font11 {
font-size:11px;
line-height:11px;
}

.font15 {
font-size:15px;
line-height:15px;
}

.font16 {
font-size:16px;
line-height:16px;
}

.font17 {
font-size:17px;
line-height:17px;
}

.font18 {
font-size:18px;
line-height:18px;
}

.element01 {
margin-left:1.3em;
text-indent:-1.3em;
margin-bottom:10px;
color:#959595;
}

/*--artist---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#artist_nav {
list-style-type:none;
float:right;
}

#artist_nav li{
float:left;
}

#artist_nav li a{
display:block;
height:13px;
background-repeat:no-repeat;
text-indent:-999999px;
margin-left:20px;
}

#artist_nav li#artist_bio a{
width:61px;
background-image:url(artist_subnavi01.jpg);
}

#artist_nav li#artist_bio a:hover{
width:61px;
background-image:url(artist_subnavi01.jpg);
filter:Alpha(opacity=80);
-moz-opacity:0.50;
opacity:0.50;
}

#artist_nav li#artist_por a{
width:51px;
background-image:url(artist_subnavi02.jpg);
}

#artist_nav li#artist_por a:hover{
width:51px;
background-image:url(artist_subnavi02.jpg);
filter:Alpha(opacity=80);
-moz-opacity:0.50;
opacity:0.50;
}

#artist_nav li#artist_exh a{
width:59px;
background-image:url(artist_subnavi03.jpg);
}

#artist_nav li#artist_exh a:hover{
width:59px;
background-image:url(artist_subnavi03.jpg);
filter:Alpha(opacity=80);
-moz-opacity:0.50;
opacity:0.50;
}

#artist_nav li#artist_bio_on a{
width:61px;
background-image:url(artist_subnavi01_on.jpg);
}

#artist_nav li#artist_bio_on a:hover{
width:61px;
background-image:url(artist_subnavi01_on.jpg);
filter:Alpha(opacity=80);
-moz-opacity:0.50;
opacity:0.50;
}

#artist_nav li#artist_por_on a{
width:51px;
background-image:url(artist_subnavi02_on.jpg);
}

#artist_nav li#artist_por_on a:hover{
width:51px;
background-image:url(artist_subnavi02_on.jpg);
filter:Alpha(opacity=80);
-moz-opacity:0.50;
opacity:0.50;
}

#artist_nav li#artist_exh_on a{
width:59px;
background-image:url(artist_subnavi03_on.jpg);
}

#artist_nav li#artist_exh_on a:hover{
width:59px;
background-image:url(artist_subnavi03_on.jpg);
filter:Alpha(opacity=80);
-moz-opacity:0.50;
opacity:0.50;
}

#artist_left {
margin-top:20px;
float:left;
}

#artist_right {
width:510px;
margin:20px 0 0 20px;
float:left;
display:inline;
}

#artist_right h3{
width:510px;
padding:15px 0;
float:left;
border-top:1px solid #959595; 
}

#artist_right h3.exa{
width:510px;
padding:0 0 15px 0;
float:left;
border:none;
}

#artist_right dl{
width:510px;
float:left;
margin:0 0 15px 0;
}

#artist_right dt{
width:60px;
float:left;
}

#artist_right dd{
width:450px;
float:left;
}

.artist_folio {
float:left;
list-style-type:none;
}

.artist_folio li{
width:100px;
margin:0 47px 0 0;
float:left;
text-align:center;
}

.artist_folio li p{
margin:0 0 40px 0;
}

.artist_folio li.end{
margin:0 0 0 0;
}

.artist_folio li img{
margin-bottom:10px;
}

.artist_list {
margin:60px 0 0 0;
list-style-type:none;
}

.artist_list li{
float:left;
text-align:center;
margin:0 30px 0 0;
display:inline;
}

.artist_list li img{
margin:0 0 10px 0;
}


/*--exhibition---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#exhibition_nav {
list-style-type:none;
float:right;
}

#exhibition_nav li{
float:left;
}

#exhibition_nav li a{
display:block;
height:13px;
background-repeat:no-repeat;
text-indent:-999999px;
}

#exhibition_nav li#exanav01 a{
width:43px;
background-image:url(exa_subnavi01.jpg);
}

#exhibition_nav li#exanav01 a:hover{
width:43px;
background-image:url(exa_subnavi01.jpg);
filter:Alpha(opacity=80);
-moz-opacity:0.50;
opacity:0.50;
}

#exhibition_nav li#exanav02 a{
width:56px;
background-image:url(exa_subnavi02.jpg);
}

#exhibition_nav li#exanav02 a:hover{
width:56px;
background-image:url(exa_subnavi02.jpg);
filter:Alpha(opacity=80);
-moz-opacity:0.50;
opacity:0.50;
}

#exhibition_nav li#exanav03 a{
width:45px;
background-image:url(exa_subnavi03.jpg);
}

#exhibition_nav li#exanav03 a:hover{
width:45px;
background-image:url(exa_subnavi03.jpg);
filter:Alpha(opacity=80);
-moz-opacity:0.50;
opacity:0.50;
}

#exhibition_nav li#exanav01_on a{
width:43px;
background-image:url(exa_subnavi01_on.jpg);
}

#exhibition_nav li#exanav01_on a:hover{
width:43px;
background-image:url(exa_subnavi01_on.jpg);
filter:Alpha(opacity=80);
-moz-opacity:0.50;
opacity:0.50;
}

#exhibition_nav li#exanav02_on a{
width:56px;
background-image:url(exa_subnavi02_on.jpg);
}

#exhibition_nav li#exanav02_on a:hover{
width:56px;
background-image:url(exa_subnavi02_on.jpg);
filter:Alpha(opacity=80);
-moz-opacity:0.50;
opacity:0.50;
}

#exhibition_nav li#exanav03_on a{
width:45px;
background-image:url(exa_subnavi03_on.jpg);
}

#exhibition_nav li#exanav03_on a:hover{
width:45px;
background-image:url(exa_subnavi03_on.jpg);
filter:Alpha(opacity=80);
-moz-opacity:0.50;
opacity:0.50;
}

/*--gallery---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#gallery-history{
width:220px;
overflow:hidden;
margin:20px 0 0 0;
font-size:11px;
line-height:12px;
}

#gallery-history dt{
width:45px;
float:left;
display:block;
}

#gallery-history dd{
width:175px;
float:left;
margin:0 0 20px 0;
}

#gallery-data {
margin:20px 0 0 0;
}

#gallery-data p{
float:left;
display:inline;
}

#gallery-data p.img-add{
width:105px;
}

.gallery-data-seg {
/*width:432px;
margin:0 0 30px 16px;
float:left;
display:inline;
overflow:hidden;*/
}

.gallery-data-title {
width:432px;
float:left;
margin:0 0 5px 16px;
display:inline;
text-align:right;
}

.gallery-data-title h3{
text-align:left;
float:left;
}

.gallery-data-pics {
margin:0 0 30px 16px;
float:left;
display:inline;
}

#gallery-past {
width:734px;
height:422px;
margin:0 0 0 46px;
float:left;
display:inline;
overflow:hidden;
background-image:url(line7.gif);
background-repeat:no-repeat;
background-position:240px 20px;
text-align:left;
}

#gallery-past-scroll-left {
width:240px;
height:422px;
float:left;
overflow:hidden;
text-align:left;
position:relative;
}

#gallery-past-scroll-left .trigger{
position:absolute;
top:15px;
right:5px;
z-index:10;
list-style-type:none;
}

#gallery-past-scroll-left .trigger .up{
width:20px;
height:50px;
background-image:url(allow_gr_top.gif);
text-indent:-9999px;
margin:0 0 305px 0;
}

#gallery-past-scroll-left .trigger .down{
width:20px;
height:50px;
background-image:url(allow_gr_bottom.gif);
text-indent:-9999px;
}

#gallery-past-scroll-right {
width:493px;
height:422px;
float:left;
overflow:hidden;
text-align:left;
position:relative;
}

#gallery-past-scroll-right .trigger{
position:absolute;
top:15px;
right:5px;
z-index:10;
list-style-type:none;
}

#gallery-past-scroll-right .trigger .up{
width:20px;
height:50px;
background-image:url(allow_gr_top.gif);
text-indent:-9999px;
margin:0 0 305px 0;
}

#gallery-past-scroll-right .trigger .down{
width:20px;
height:50px;
background-image:url(allow_gr_bottom.gif);
text-indent:-9999px;
}

/*--about---*//*----------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------*/

.about-seg {
width:688px;
float:left;
line-height:15px;
text-align:left;
}

.about-seg-left {
width:344px;
float:left;
text-align:left;
}

.about-seg-right {
width:344px;
float:right;
text-align:left;
}

/*--info---*//*----------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------*/

.info-title {
width:688px;
height:20px;
background-image:url(subtitle01.gif);
background-repeat:repeat-x;
background-position:bottom;
float:left;
margin:20px 0 0 0;
}

.info-title h2 {
float:left;
}

.info-title #text{
font-size:11px;
height:13px;
line-height:13px;
float:right;
}

/*--mail---*//*----------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------*/

#mail-box {
height:400px;
}

#mail-box dl{
width:400px;
float:left;
margin:0 0 0 150px;
display:inline;
}

#mail-box span{
color:#FF9900;
}

#mail-box dt{
width:140px;
float:left;
font-size:11px;
}

#mail-box dd{
width:260px;
float:left;
margin:0 0 10px 0;
}

#mail-box dd.over{
width:400px;
}

#mail-box dd input{
width:260px;
float:left;
}

#mail-box dd input.button{
width:80px;
float:right;
}

#mail-box dd textarea{
width:400px;
height:220px;
float:left;
}


/*--popup---*//*----------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------*/

#popup-artist {
width:600px;
height:400px;
background-image:url(popup_artist_bg.jpg);
background-repeat:no-repeat;
background-position:100% 100%;
margin:0 auto;
text-align:left;
position:relative;
}

#popup-artist #text{
font-size:11px;
float:left;
margin:235px 0 0 15px;
display:inline;
}

#popup-artist #image{
float:right;
margin:10px 15px 0 0;
display:inline;
}

#popup-artist #close{
position:absolute;
top:375px;
left:15px;
background-image:url(popup_close.jpg);
background-repeat:no-repeat;
display:block;
width:43px;
height:10px;
font-size:0;
line-height:10px;
text-indent:-9999px;
}

#popup-map {
width:330px;
height:500px;
margin:0 auto;
text-align:left;
position:relative;
}

#popup-map .text{
font-size:10px;
line-height:12px;
margin:0 0 10px 15px;
}

#popup-map #close{
position:absolute;
top:475px;
left:15px;
background-image:url(popup_close.jpg);
display:block;
width:43px;
height:10px;
font-size:0;
line-height:10px;
text-indent:-9999px;
}

#popup-map #print{
position:absolute;
top:475px;
right:15px;
background-image:url(popup_print.jpg);
display:block;
width:36px;
height:9px;
font-size:0;
line-height:9px;
text-indent:-9999px;
}

/*--slider---*//*----------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------*/

.slider {position:relative;overflow:hidden;height:425px;}
.slidercontent {position:absolute}


/*--core---*//*----------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------*/

/*for modern browser*/
.clearfix:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}

/*for IE 5.5-7*/
.clearfix{zoom:1;}

/*for block element only*/
.hidden{
	text-indent:-9999px;
	overflow:hidden;
}
.vanish{display:none;}
.clear{clear:both}

/* effect page style fix */
#scrollTrigger li,
#scrollHeightTrigger li,
#scrollMenuTrigger li{
	cursor:pointer;
}

/* artist */
table{
position:relative}

#section02{
text-align:left}

#inner-side-scroll{
position:relative; 
display:block; 
float:none; 
width:688px; 
height:430px; 
overflow:hidden; 
text-align:left}

#inner-side-scroll #scrollBox{
width:9999px; 
height:298px; 
padding:60px 0 0}
.artist_list{
margin:0}
.artist_list li{
margin:0 24px 0 0}

#scrollTrigger{
position:relative; 
width:688px; 
height:42px}

#scrollTrigger li{
display:block; 
float:none; 
margin:0; 
width:60px; 
height:42px; 
text-indent:-9999px; 
overflow:hidden; 
background-position:0 0; 
background-repeat:no-repeat}

#scrollTrigger #previous{
position:absolute; 
top:0; 
left:0; 
margin:0; 
background-image:url(btn_allow_left.gif)}
#scrollTrigger #next{
position:absolute; 
top:0; 
right:0; 
margin:0; 
background-image:url(btn_allow_right.gif)}
#scrollTrigger li.disable, 
#scrollTrigger li.disable.hover{
background-position:0 -84px}
#scrollTrigger li.hover{
background-position:0 -42px}
#scrollTrigger li.disable{
cursor:default}