@charset "UTF-8";
@import "reset.css";
@import "jScrollPane.css";

html { height: 100%;  }
body { background: #fff; color:#2c2c2c; line-height:1; height: 100%; padding: 0; position: relative; }

* html body { font-family: "メイリオ", meiryo, "ＭＳ Ｐゴシック", "MS P Gothic" }
*:first-child+html body { font-family: "メイリオ", meiryo, "ＭＳ Ｐゴシック", "MS P Gothic" }
head‾/* */body { font-family: "メイリオ", meiryo, "ＭＳ Ｐゴシック", "MS P Gothic" }
html:not(:target) body { font-family: sans-serif; }
* {word-wrap: break-word;}
img { -ms-interpolation-mode: bicubic; }
/* !font-size 12px default setting */
body { font-size:12px;}
*:first-child+html body { font-size:77%;}
* html body { font-size:77%;}


/* !clearfix */
.clear { clear:both; margin: 0 0 -1px 0; font-size: 1px; line-height: 1px; height: 1px; }
hr { display: none; }

.cfix { /zoom : 1; }
.cfix:after { content : ''; display : block; clear : both; }

/* !Links */
a:link { color:#666666; text-decoration:underline; }
a:visited { color:#666666; text-decoration:underline; }
a:hover { color:#666666; text-decoration:none; }
a:active { color:#666666; text-decoration:none; }

.left { float: left; }
.right { float: right; }

body { }
#wrapper { overflow: hidden; position: relative; }
#container { position: absolute; top: 0; left: 0; }
#header { width: 312px; position: absolute; top:0; left: 0; z-index: 1; padding-top:60px; }

.blank { display: none; width: 312px; position: absolute; top:0; left: 0; z-index: 10; }
.title { background: url(/images/bg_white.png); padding: 30px 25px 0px;  }
.title span { display: block; padding: 0 0 20px 0; }
.toggleCont {  background: url(/images/bg_white.png); overflow: hidden; }
#navigation { padding: 25px 0 0 0; background: url(/images/bg_navigation.gif) top left no-repeat; h }
#navigation li { padding: 0 0 3px 0; height: 1%; font-size: 1px; line-height: 1; height: 23px; font-family: "ＭＳ Ｐゴシック", "MS P Gothic"  }
#navigation img { display: block; font-size: 1px; line-height: 1; height: 23px; }
#langage { padding: 35px 25px 20px; overflow: hidden; }
#langage p { text-align: right; font-size: 9px; display: none; }
.bgImage { z-index: -100000; }
.page {  position: absolute; }
.inner { position: relative; }
.contents { height: 500px; position: absolute; top: 0; left: 0;}

#zoomImage { position: relative; overflow: hidden; z-index: 100; }
#zoomImage img { position: absolute; top: 0; left: 0; }

.inner { }
.contents { width: 593px; background: #fff; height: 500px; padding: 0 25px 40px 25px; margin: 0 0 0 312px; line-height: 1.6; }
.contents p { margin: 0 0 1.5em;}
.scroll { height: 450px; }
.article { margin: 0 0 30px; }
h3 { padding: 0 0 10px 0; margin: 0 0 0 0; font-weight: normal;  }
h4 { font-weight: normal; }
.txt10 { font-size: 83%; }
.txt11 { font-size: 92%; }
.layoutTB td { padding: 0; margin: 0; text-align: left; vertical-align: top; }
.black { color: #000; }
.ex_imgs { float:right; width:200px; margin-right:80px; }

.pageHeader { background: url(/images/bg_line.gif) repeat-x 0 0; position: relative; height: 10px; margin: 0 -25px 50px ;  }
#artists .pageHeader { background-color: #5e69d3; }
#gallery .pageHeader { background-color: #607fea; }
#exhibition .pageHeader { background-color: #6199dc; }
#about .pageHeader { background-color: #5ec5eb; }
#contact .pageHeader { background-color: #5ed7de; }
#news .pageHeader { background-color: #655baa; }
#link .pageHeader { background-color: #b1bdea; }
.pageHeader img { position: absolute; top: 25px; left: 25px;  }

#artists .tabArea { height: 60px; }
#artists .tab { border-bottom: solid 1px #bbbbbb;  }
#artists .tab li { float: left; margin: 0 10px 0 0; }
#artists .tab li.current { background: #5e69d3; }
#artists .tab li.current a { color: #fff; }
#artists .tab a { padding:5px 10px; line-height: 1; display: block; height: 1%; }
#artists .tab a:link,
#artists .tab a:visited { color: #666; text-decoration: none; }
#artists .tab a:hover,
#artists .tab a:active { color: #fff; background: #5e69d3; }
#artists .artistList li { width: 270px; float: left; margin: 0 15px 0 0; padding:0 0 20px 0;  }
#artists .artistList li a { display: block; height: 110px; }
#artists .artistList li .photo { float: left ; width: 110px; }
#artists .artistList li .info { float: right; width: 150px;  }
#artists .artistList li .info span { font-size: 83%; color: #000; }
#artists .scroll { height: 390px; }
#artists  .backList { padding: 10px 0 0 0; display: none; } 
#artists .leftSide { width: 270px; float: left;margin: 0 15px 0 0;  }
#artists .rightSide {  width: 270px; float: left; }

.tabShowArea { width: 593px; overflow: hidden; position: relative; height: 390px; }
.tabShowArea .tabContainer { width: 1779px; position: absolute; top: 0; left: 0;  }
.tabShowArea .tabCont { width: 593px; float: left; }

.leftPhoto { width: 360px; float: left; }
.leftLargePhoto { width: 360px; float: left; text-align: center; } 
.leftPhoto li { float: left; padding: 0 10px 10px 0; width: 110px; }
.textArea { float: left; width: 210px; margin: 0; padding: 0 0 0 10px; }
.textArea .info span { font-size: 83%; color: #000; }

#gallery .contents { width: 955px; background: none; height: 416px; padding: 0 0 40px; margin: 84px 0 0 0; line-height: 1.6; overflow: hidden;  }
#gallery .pageHeader { background: #607fea ; position: relative; height: 23px; margin: 0 ;  }
#gallery .pageHeader img { position: absolute; top: 0; left: 0;  }
#gallery .galleryList img { display: block; }
#gallery .galleryWrap { width: 1980px; height: 500px; }
#gallery .galleryCont { width: 990px; float: left; margin: 0; padding: 0; }
#gallery .galleryList { width: 165px; float: left; } 
#gallery .galleryList li { padding: 14px 14px 0 0; }
.galleryDetail { height: 1%;}
.galleryDetail img { float: left; padding: 0 15px 10px 0; }
.galleryDetail .right { width: 150px; line-height: 1.5; float: left!important; }
.galleryDetail h4 { color: #666; margin: 0 0 10px; }
.galleryDetail p { font-size: 83%; color: #000; }

#link li { margin: 0 0 10px; }

#about .right img { margin: 0 10px 20px;}
#contact ul { margin: 0 0 1.5em; }
#contact .borderBox { border: solid 1px  #666; padding: 5px; font-size: 92%; line-height: 1.4; margin: 0 10px 10px 0; }
#contact .borderBox p { margin: 0;}
#contact .mailLink { margin: 0 0 10px;}

#exhibition h3 { font-weight: normal; font-size: 133%;  }
#exhibition .tabArea { height: 40px; }
#exhibition .tab { border-bottom: solid 1px #bbbbbb;  }
#exhibition .tab li { float: left; margin: 0 10px 0 0; }
#exhibition .tab li.current { background: #5ac5ed; }
#exhibition .tab li.current a { color: #fff; }
#exhibition .tab a { padding:5px 10px; line-height: 1; display: block; height: 1%; }
#exhibition .tab a:link,
#exhibition .tab a:visited { color: #999; text-decoration: none; }
#exhibition .tab a:hover,
#exhibition .tab a:active { color: #fff; background: #5ac5ed; }
#exhibition .scroll { height: 360px; }
#exhibition dd { padding: 0 0 0 5em; margin: -1.6em 0 0 0; }
#exhibition .ttlHdr { height: 50px; overflow: hidden; }
#exhibition .tabShowArea { width: 593px; overflow: hidden; position: relative; height: 360px; }
#exhibition .tabShowArea .tabContainer { width: 2372px; position: absolute; top: 0; left: 0;  }
#exhibition .tabShowArea .tabCont { width: 593px; float: left; }

#chinese { position: absolute; top: 0; left: 24px; }
address { display: block; position: absolute; bottom: 10px; left: 0; color: #000; font-size: 92%;text-shadow: 0 0 3px #fff; }

.artist_pickup{width:400px; height:200; align:center;}