@charset "UTF-8";
/*______________________________________
SITE TITE：
WAKO WORKS OF ART

URL：
http://www.wako-art.jp

COPYRIGHT：
WAKO WORKS OF ART
Copyright (c)  All Rights Reserved.
______________________________________*/

/*______________________________________
COLORSET：
background：
text:

link:
active:#73827F;

in white link color:
#97D7BF;
______________________________________*/
  
/* ////////////////////////////////////////
default
//////////////////////////////////////// */
* {
margin: 0;
}
html, body {
height:97.5%;
}
.wrapper {
min-height:100%;
height: auto !important;
height: 100%;
margin: 0 auto -20px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
height: 20px; /* .push must be the same height as .footer */
}


body,div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,p,blockquote,th,td { 
margin:0;
padding:0;
/*font-size: 62.5%;*/
font-style:normal;
font-weight: normal;
}

body {
margin:20px 0px 20px 20px;
color: #444444;
font-size: 11px;
font-family:'Times New Roman','Georgia','ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝','ＭＳ 明朝','MS UI Gothic','Osaka',serif;
line-height:1.5;
text-align:right;

/*\*/
_font-size: 72%;
/**/
}

/* for legacy */
/*table,table td, table th {
font-size: 11px;
font-family:'Times New Roman','Georgia','ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝','ＭＳ 明朝','MS UI Gothic','Osaka',serif;
line-height:1.5;
text-align:left;
}*/

img {
vertical-align: bottom;
border: none;
}

a:link {
cursor:pointer;
color:#74807E;
text-decoration:none;
}

a:visited {
color:#74807E;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

a:active {
color:#666;
}

/*h*/
h1 {
font-size:1.6em;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Helvetica,Dotum,Meiryo,'ＭＳ Ｐゴシック','MS UI Gothic','Osaka',sans-serif;
_font-weight:normal;
}

h1 span {
font-size:0.6em;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Helvetica,Meiryo,'ＭＳ Ｐゴシック','MS UI Gothic','Osaka',sans-serif;
letter-spacing:1px;
 _font-size:0.5em;
}

h1 strong {
font-weight:normal;
}

h1 a:hover {
text-decoration:none;
}

h2 {
font-size:1.2em;
}

h3 {
font-size:1em;
}

/*dl,ul*/
ul { }
li {
list-style:none;
}

/*style*/
em {
color:#454545;
}

/*set*/
.left {
float:left;
}

.right {
float:right;
}

.lineheight1 {
}

.none {
display:none;
}

.clear {
display:block;
clear:both;
height:20px;
width:100px;
}


/*hack*/
.clearfix:after {
content:“.”;
display:block;
clear: both;
height:0px;
visibility:hidden;
}

.clearfix {
display:inline-block;
}
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */

/*
----------------------------------------------------------
[LAYOUT]
----------------------------------------------------------*/
#wrapper {
position:relative;
text-align:center;
width:100%;
/*min-width:990px;width:1024px*/
margin:0px auto;
}


#contents {
margin:0px auto;
position:relative;
padding-right:20px;
width:890px;
height:630px;
display:none;
text-align:left;
}

.contents_body {
position:absolute;
left:0px;
top:0px;
width:890px;
height:630px;
}

#footer {
padding-top:20px;
margin-bottom:20px;
_margin-bottom:0px;
width:100%;/**/
}

#footer ul {
float:left;
}

#footer li {
display:inline;
}

#footer p {
padding-right:20px;
float:right;
}


/*
----------------------------------------------------------
[INDEX]
----------------------------------------------------------*/
#index {
width:100%;
height:100%;
background-color: #000;
filter:alpha(opacity=80);
-moz-opacity: 0.85;
opacity: 0.8;
z-index:100;
}


/*
----------------------------------------------------------
[HEADER]
----------------------------------------------------------*/
#header {
position:absolute;
height:640px;
right:0px;/*right*/
text-align:right;
z-index:100;
background-color:#fff;
}


#header h1 {
text-align:right;
margin-right:20px;
margin-top:58px;
/*margin-top:63px;*/
}

#header div {
width:120px;
margin-right:20px;
margin-top:520px;
/*margin-top:520px;*/
_margin-top:515px;
}


/*
----------------------------------------------------------
[NAVI]
----------------------------------------------------------*/
#navi {
/*for load*/
display:none;
z-index:900;
position:absolute;
right:0px;
top:0px;
width:260px;
height:640px;
text-align:left;/**/
}

#navi td#navi_top {
background:url(http://wako-art.jp/_template/images/navi_bg_top.png) left top no-repeat;
}

#navi td#navi_left {
background:url(http://wako-art.jp/_template/images/navi_bg_left.png) left top no-repeat;
}

#navi td#navi_bottom {
background:url(http://wako-art.jp/_template/images/navi_bg_bottom.png) left top no-repeat;
}

#navi_inner {
position:relative;
margin-top:50px;
margin-left:30px;
padding-right:10px;
}


#navi h1 {
margin-bottom:40px;
line-height:1.3;
}

#navi .hd {
margin-bottom:8px;
font-size:0.9em;
}

#navi h3 {
margin-bottom:3px;
cursor:pointer;
}

#navi a img.n_link {
filter:alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
}

#navi a img.n_link:hover {
filter:alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

#navi a img.active {
filter:alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}


#navi .navi_element {
}

#navi #navi_artists {
margin-bottom:3px;
}


#navi #navi_contents {
height:200px;
}

#navi #navi_now {
margin-bottom:30px;
font-size:1.1em;
}

#navi #navi_picup img {
vertical-align:top;
margin-bottom:5px;
}

#navi #navi_picup p,
#navi #navi_picup a {
line-height:1.4em;
_line-height:1.1em;
font-size:0.9em;
}

#navi ul {
margin-left:13px;
margin-bottom:3px;

}

#navi li {
margin-bottom:3px;
}

#navi_hide {
z-index:600;
position:absolute;
left:0px;
top:535px;
width:84px;
}


/*
----------------------------------------------------------
[CONTENTS]
----------------------------------------------------------*/
#contents_navi {
position:absolute;
left:0px;
top:635px;
}

#contents_navi ul {
display:inline;
padding-right:15px;
}

#contents_navi li {
display:inline;
color:#999;
}

#contents_navi em {
font-size:11px;
}

.contents_navi_a {
color:#74807E;
}

/*contents_body------------------------------*/
.contents_body_main {
width:810px;
position:absolute;
padding:53px 0px 40px 40px;
_padding-top:63px;
}

#contents_body_main_left {
position:absolute;
left:40px;
top:160px;
_top:160px;
width:155px;
height:340px;
}

#contents_body_main_left p {
margin-bottom:10px;
}

#contents_body_main_right {
position:absolute;
left:238px;
top:160px;
_top:160px;
width:500px;
height:450px;
overflow:auto;
crollbar-face-color:#cccccc;
scrollbar-arrow-color:#cccccc;
scrollbar-3dlight-color:#ffffff;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#ffffff;
scrollbar-darkshadow-color:#ffffff;
scrollbar-track-color:#ffffff;
}

.contents_body_text {
width:810px;
z-index:100;
position:absolute;
padding:40px;
}

/*tool-tip------------------------------*/
.tool-tip {
z-index: 13000;
width:140px;
padding:3px;
text-align:left;
background:#fff;
font-size:9px;
filter:alpha(opacity=75);
-moz-opacity: 0.75;
opacity: 0.75;
}

.tool-title {
display:none;
}

.tool-text em {
color:#ff0000;
font-style:normal;
}

.tool-tip span {
color:#555555;
}


/*
----------------------------------------------------------
[ARTISTS]
----------------------------------------------------------*/
/*index------------------------------*/
#artists_index {
position:relative;
}

#artists_index h1 {
line-height:1.4;
height:3em;
}

#artists_index_left {
float:left;
width:300px
}

#artists_index_right {
margin-left:20px;
float:left;
width:300px;
}

#artists_index_sub  h1 {
float:left;
width:210px;
}

#artists_index_sub  div.left  {
width:230px;
}

#artists_index_sub  div.left h1 {
width:230px;
height:auto;
}

#artists_index_sub  div.right {
width:430px;
}

#artists_index_sub  div.right p {
padding-bottom:5px;
}

#artists_index a {
color:#333333;
text-decoration:none;
}

#contents_body_main_index {
position:absolute;
left:40px;
top:60px;
width:698px;
height:570px;
overflow:auto;
crollbar-face-color:#cccccc;
scrollbar-arrow-color:#cccccc;
scrollbar-3dlight-color:#ffffff;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#ffffff;
scrollbar-darkshadow-color:#ffffff;
scrollbar-track-color:#ffffff;
}

/*detail------------------------------*/
#artists_detail {
}

.artists_detail_portrait {
display:block;
margin-bottom:10px;
}

#artists_detail h3 {
margin-top:10px;
}


#artists_detail #contents_body_main_right strong {
font-size:1.2em;
display:block;
margin-bottom:10px;
clear:left;
}

#artists_detail #contents_body_main_right dl {
}

#artists_detail #contents_body_main_right dt {
width:60px;
float:left;
clear:left;
_font-size:0.9em;
color:#666;
}

#artists_detail #contents_body_main_right dd {
width:400px;
float:left;
padding-bottom:10px;
}

#artists_detail #contents_body_main_left p {
	max-height:230px;
	overflow: auto;
}



/*
----------------------------------------------------------
[EXHIBITION]
----------------------------------------------------------*/
.contents_body_black {
position:absolute;
width:890px;
height:630px;
width:100%;
height:100%;
background-color: #000;
filter:alpha(opacity=45);
-moz-opacity: 0.45;
opacity: 0.45;
}

#exhibition_first {
width:890px;
height:630px;
padding:0px;
margin:0px;
}


#exhibition_main {
color:#fff;
}

#exhibition_main h1 {
padding:52px 0px 40px 0px;
font-size:3.5em;
width:670px;
line-height:1.2em;
}

#exhibition_main h1 span {
display:block;
font-size:14px;
line-height:1.2em;
}

#exhibition_main h2 {
margin-bottom:55px;
font-size:2.5em;
font-family:'Times New Roman','Georgia','ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝','ＭＳ 明朝','MS UI Gothic','Osaka',serif;
width:670px;
}

#exhibition_main .exhibition_date {
font-size:1.4em;
margin-bottom:20px;
}

#exhibition_about {
display:none;
position:relative;
color:#fff;
}

#exhibition_about h1 {
margin:70px 0px 25px 0px;
width:670px;
}

#exhibition_about h1 span {
font-size:14px;
line-height:1.2em;

}


#exhibition_about h2 {
margin-bottom:45px;
font-size:2em;
width:670px;
}

#exhibition_about dl {
position:absolute;
left:40px;
top:240px;
width:170px;
height:340px;
_top:210px;
}

#exhibition_about dl a {
color:#97D7BF;
}

#exhibition_about dl dd {
margin-bottom:25px;
}

#exhibition_text_body {
position:absolute;
left:250px;
top:250px;
width:478px;
height:300px;
overflow:auto;
scrollbar-face-color:#cccccc;
scrollbar-arrow-color:#333333;
scrollbar-3dlight-color:#cccccc;
scrollbar-highlight-color:#cccccc;
scrollbar-shadow-color:#cccccc;
scrollbar-darkshadow-color:#cccccc;
scrollbar-track-color:#333333;
_top:210px;
}

#exhibition_text_body ul {
clear:left;
}

#exhibition_text_body ul li {
border-left:1px solid #ccc;
padding:0px 30px 5px 5px;
margin-bottom:15px;
float:left;
}


#exhibition_text_body p {
margin-bottom:15px;
line-height:1.8;
}

#exhibition_text_body a {
color:#97D7BF;
}

.exhibition_text_element {
position:absolute;
left:0px;
top:40px;
width:450px;
clear:left;
}


/*past------------------------------*/
#exhibition_past {
}

#exhibition_past h1 {
margin-bottom:40px;
}

#exhibition_past .contents_body_main dl {
float:left;
width:340px;
height:100px;
height:100px;
margin-right:20px;
}

#exhibition_past .contents_body_main dl a {
color:#333333;
text-decoration:none;
}

#exhibition_past dl dt {
float:left;
width:120px;
height:105px;
text-align:center;
}


#exhibition_past dl dd {
_font-size:0.9em;
}

#exhibition_past dl dd em {
color:#666666;
font-style:normal;
font-size:0.9em;
_font-size:10px;
}

#exhibition_past dl dd span {
font-size:0.9em;
}

#exhibition_past .contents_body_main  table {
margin:auto;
}


/*
----------------------------------------------------------
[INFORMATION]
----------------------------------------------------------*/
/*information_news------------------------------*/
#information_news {
position:relative;
}

#information_news ul {
position:absolute;
left:40px;
top:130px;
width:698px;
height:490px;
overflow:auto;
crollbar-face-color:#cccccc;
scrollbar-arrow-color:#cccccc;
scrollbar-3dlight-color:#ffffff;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#ffffff;
scrollbar-darkshadow-color:#ffffff;
scrollbar-track-color:#ffffff;
}

#information_news ul li {
clear:both;
}

#information_news dl {
width:650px;
}

#information_news dt {
float:left;
margin-right:40px;
width:105px;
height:12em;
text-align:center;
}

#information_news dt img {
margin:0px auto;
text-align:center;
}

#information_news dd {
}

#information_news dd span {
color:#666;
margin-right:5px;
padding-right:5px;
border-right:1px solid #999;
}

#information_news dd p {
margin:5px 0px 10px 0px;
}

/*information_subscribe------------------------------*/
#information_subscribe {
}

#information_subscribe h1 {
margin-bottom:30px;
}

#information_subscribe form {
margin:40px 0px;
}

#information_subscribe form legend {
border:none;
font-size:1.1em;
padding:0px 10px 10px 0px;
}

#information_subscribe form fieldset {
border:none;
}

#information_subscribe form input {
margin:0px 5px;
}




/*
----------------------------------------------------------
[PUBLICATIONS]
----------------------------------------------------------*/
/*index_artist------------------------------*/
#publications_artist {
position:relative;
}

#publications_artist a {
text-decoration:none;
color:#333;
}

#publications_artist h1 {
line-height:1.4;
height:3em;
}

#publications_artist_left {
float:left;
width:300px
}

#publications_artist_right {
margin-left:20px;
float:left;
width:300px;
}


/*index_cover------------------------------*/
#publications_cover .contents_body_main {
width:700px;
}

#publications_cover .contents_body_main div {
text-align:center;
width:110px;
height:110px;
margin-right:30px;
margin-bottom:35px;
float:left;
}

#publications_cover .contents_body_main  table {
margin:0px auto;
}

/*------------------------------*/
#publications_cover .contents_body_main  table td.right {
background:url(../images/publications_i_img_right.gif) left top no-repeat;
}

#publications_cover .contents_body_main  table td.bottom {
background:url(../images/publications_i_img_bottom.gif) left top no-repeat;
}

#publications_cover .contents_body_main  table td.corner {
background:url(../images/publications_i_img_corner.gif) left top no-repeat;
width:5px;
height:5px;
}


/*detail------------------------------*/
#pubilcations_detail {

}

#pubilcations_detail #contents_body_main_left {
width:235px;
}

#pubilcations_detail #contents_body_main_left table td.right {
background:url(../images/publications_d_img_right.gif) left top no-repeat;
}

#pubilcations_detail #contents_body_main_left table td.bottom {
background:url(../images/publications_d_img_bottom.gif) left top no-repeat;
}

#pubilcations_detail #contents_body_main_left table td.corner {
background:url(../images/publications_d_img_corner.gif) left top no-repeat;
width:15px;
height:15px;
}


#pubilcations_detail #contents_body_main_right {
left:310px;
width:420px;
}

#pubilcations_detail #contents_body_main_right h1 {
color:#666;
}

#pubilcations_detail #contents_body_main_right h2 {
margin-top:50px;
font-size:1.6em;
}

#pubilcations_detail #contents_body_main_right p {
line-height:1.7;
}

#pubilcations_detail #contents_body_main_right #pub_spec {
margin:40px 0px;
color:#666;
}

#pubilcations_detail #contents_body_main_right #pub_spec span {
display:block;
padding:5px 0px;
color:#f00;
}

#pubilcations_detail #contents_body_main_right ul {
margin-top:15px;
}



/*
----------------------------------------------------------
[ABOUT]
----------------------------------------------------------*/
/*gallery------------------------------*/
#about_gallery {
}

#about_gallery #contents_body_main_left {
_font-size:0.9em;
}

#about_gallery #contents_body_main_left img {
margin-bottom:20px;
}


#about_gallery #contents_body_main_right h2 {
display:block;
height:125px;
}


#about_gallery #contents_body_main_right h2 img {
margin-bottom:20px;
}

#about_gallery #contents_body_main_right h2 span {
font-size:1em;
}


#about_gallery #contents_body_main_right p {
margin-bottom:15px;
}

/*map------------------------------*/
#about_map {
position:relative;
width:467px;
margin:0px auto;
text-align:left;
overflow:auto;
crollbar-face-color:#cccccc;
scrollbar-arrow-color:#cccccc;
scrollbar-3dlight-color:#ffffff;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#ffffff;
scrollbar-darkshadow-color:#ffffff;
scrollbar-track-color:#ffffff;
}

#about_map h1 {
margin-top:20px;
}

#about_map #pageclose {
position:absolute;
top:20px;
right:0px;
}

#about_map h2 {
font-size:1.1em;
padding-left:10px;
margin-bottom:5px;
}

#about_map p {
margin-left:10px;
margin-bottom:15px;
}

#about_map h2#map_h1 {
background:url(http://wako-art.jp/about/gallery/images/map_arrow01.gif) left center no-repeat;
}

#about_map h2#map_h2 {
background:url(http://wako-art.jp/about/gallery/images/map_arrow02.gif) left center no-repeat;
}

#about_map h2#map_h3 {
background:url(http://wako-art.jp/about/gallery/images/map_arrow03.gif) left center no-repeat;
}

#about_map h2#map_h4 {
background:url(http://wako-art.jp/about/gallery/images/map_arrow04.gif) left center no-repeat;
}

#about_map h2#map_h5 {
background:url(http://wako-art.jp/about/gallery/images/map_arrow01.gif) left center no-repeat;
}

#about_map #map_header {
position:absolute;
height:60px;
width:467px;
z-index:100;
background:#fff;
}

#about_map img.map {
margin-top:80px;
margin-bottom:15px;
}

/*contact------------------------------*/
#about_contact {
}

#about_contact h1 {
margin-bottom:40px;
}

#about_contact table {
margin:45px 0px 0px 0px;
}

#about_contact table th {
text-align:left;
vertical-align:top;
padding-right:20px;
font-weight:normal;
color:#666;
}


#about_contact table td {
padding-bottom:30px;
}


/*sitepolicy------------------------------*/
#about_sitepolicy {
}

#about_sitepolicy .contents_body_main_index {
width:688px;
height:510px;
overflow:auto;
crollbar-face-color:#cccccc;
scrollbar-arrow-color:#cccccc;
scrollbar-3dlight-color:#ffffff;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#ffffff;
scrollbar-darkshadow-color:#ffffff;
scrollbar-track-color:#ffffff;
}


#about_sitepolicy h1 {
margin-bottom:40px;
}

#about_sitepolicy h2 {
margin-bottom:10px;
}

#about_sitepolicy p {
margin-bottom:20px;
margin-right:20px;
}


/*
----------------------------------------------------------
[ADDED by yang02]
----------------------------------------------------------*/
ul#artists_menu {
	height: 25px;
	font-size: 1.1em;
	margin: 15px 0;
	display: block;
	clear: both;
}
ul#artists_menu li {
	float: left;
	padding: 2px 35px 2px 10px;
	border-left: 2px solid #ccc;
}
ul#artists_menu li a:hover,
ul#artists_menu li.sel a{
	color: #14A196;
	text-decoration: none;
}

ul#artists_menu li.sel,
ul#artists_menu li:hover {
	border-left: 2px solid #14A196;
}

#artists_detail_index {
	margin-top:30px;
	text-align: center;
}