@charset "UTF-8";
/**
 * Style for "Isshiki"
 *
 * @author     Naoki Sekiguchi (http://likealunatic.jp/)
 * @update     2011-07-10 13:59:02
 */
/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

body {
  line-height: 1; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

nav ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

a {
  color:#FFF;
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }
  
a:hover{
  text-decoration: none; }

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

/* style for element selector
 * ----------------------------------------*/
html, body {
  height: 100%; }

body {
  position: relative;
  min-height: 348px;
  background-color: #000;
  color: #fff;
  font-family: Meiryo, "メイリオ", Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic", Osaka, sans-serif;
  font-size: 12px;
  line-height: 2; }

body.works {
  background-color: #000; }

body.modal {
  background: transparent;
  background: #666; }

/**
 * heading contents
 */
h1, h2, h3, h4, h5, h6 {
  font-weight: normal; }

th {
  font-weight: normal; }

/**
 * flow contents
 */
img, object {
  border: 0;
  vertical-align: bottom; }

em {
  font-style: normal; }

li {
  list-style-type: none; }

/**
 * forms
 */
textarea {
  font-size: 100%; }

button, input[type="submit"] {
  cursor: pointer; }

/* common modules
 * ----------------------------------------*/
/**
 * style for CSS sprite
 */
.sprite_siteid {
  background-position: 0 0;
  width: 168px;
  height: 39px; }

.sprite_globalNav2 {
  background-position: 0 -59px;
  width: 94px;
  height: 19px; }

.sprite_globalNav1 {
  background-position: 0 -98px;
  width: 94px;
  height: 19px; }

.sprite_contact2 {
  background-position: 0 -137px;
  width: 107px;
  height: 11px; }

.sprite_contact1 {
  background-position: 0 -168px;
  width: 107px;
  height: 11px; }

.sprite_ttl_profile {
  background-position: 0 -199px;
  width: 59px;
  height: 16px; }

.sprite_ttl_exhibition {
  background-position: 0 -235px;
  width: 88px;
  height: 14px; }

.sprite_ttl_information {
  background-position: 0 -269px;
  width: 101px;
  height: 14px; }

.sprite_ttl_news {
  background-position: 0 -303px;
  width: 48px;
  height: 11px; }

.sprite_5_nextprevnav {
  background-position: 0 -334px;
  width: 61px;
  height: 15px; }

.sprite_7_arrow_r {
  background-position: 0 -369px;
  width: 9px;
  height: 9px; }

.sprite_7_arrow_r2 {
  background-position: 0 -398px;
  width: 9px;
  height: 9px; }

.sprite_backtotop {
  background-position: 0 -427px;
  width: 52px;
  height: 5px; }

.modal_close,
.sprite_close {
  background-position: 0 -452px;
  width: 21px;
  height: 21px; }

.modal_prev,
.sprite_arrow2_l {
  background-position: 0 -481px;
  width: 60px;
  height: 60px; }

.modal_next,
.sprite_arrow2_r {
  background-position: 0 -547px;
  width: 60px;
  height: 60px; }

.sprite_copyright {
  background-position: 0 -615px;
  width: 193px;
  height: 10px; }

.sprite_artwork {
  background-position: 0 -640px;
  width: 172px;
  height: 10px; }

.sprite_ftLogo {
  background-position: 0 -665px;
  width: 95px;
  height: 21px; }

.modal_close,
.modal_prev,
.modal_next,
.sprite_siteid,
.sprite_globalNav2,
.sprite_globalNav1,
.sprite_contact2,
.sprite_contact1,
.sprite_ttl_profile,
.sprite_ttl_exhibition,
.sprite_ttl_information,
.sprite_ttl_news,
.sprite_arrow_r,
.sprite_arrow_r2,
.sprite_backtotop,
.sprite_close,
.sprite_arrow2_l,
.sprite_arrow2_r,
.sprite_copyright,
.sprite_artwork,
.sprite_ftLogo {
  display: block;
  overflow: hidden;
  background-image: url(../img/sprite.png);
  background-repeat: no-repeat;
  text-indent: -9999px; }

/**
 * offset setting of links
 */
.sprite_globalNav2 {
  background-position: 0 -54px;
  height: 29px; }

.sprite_globalNav1 {
  background-position: 0 -93px;
  height: 29px; }

.sprite_contact2 {
  background-position: 0 -132px;
  height: 21px; }

.sprite_contact1 {
  background-position: 0 -163px;
  height: 21px; }

.sprite_backtotop {
  background-position: 0 -422px;
  height: 15px; }

/**
 * link hover
 */
.sprite_globalNav2:hover, .sprite_globalNav2:focus, .sprite_globalNav2:active,
.sprite_globalNav1:hover,
.sprite_globalNav1:focus,
.sprite_globalNav1:active,
.sprite_contact2:hover,
.sprite_contact2:focus,
.sprite_contact2:active,
.sprite_contact1:hover,
.sprite_contact1:focus,
.sprite_contact1:active,
.sprite_backtotop:hover,
.sprite_backtotop:focus,
.sprite_backtotop:active,
.sprite_5_nextprevnav:hover,
.sprite_5_nextprevnav:focus,
.sprite_5_nextprevnav:active,
.modal_close:hover,
.modal_close:focus,
.modal_close:active,
.modal_prev:hover,
.modal_prev:focus,
.modal_prev:active,
.modal_next:hover,
.modal_next:focus,
.modal_next:active {
  *filter: alpha(opacity=60);
  -ms-filter: "alpha(opacity=60)";
  opacity: .6; }

/* layout container
 * ----------------------------------------*/
.container {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; }

.works .container {
  overflow: visible; }

.containerInner {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  background: url(../img/bg_container.png) repeat; }

.works .containerInner {
  position: static; }

/** header
 * ----------------------------------------*/
.area_hd {
  position: relative;
  z-index: 2;
  width: 864px;
  height: 84px;
  margin: 0 auto;
  padding-top: 45px;
  *zoom: 1; }

.works .area_hd {
  position: fixed;
  top: 0;
  left: 0;
  padding-top: 35px;
  height: 85px;
  width: 100%;
  background-color: #000; }
  .works .area_hd .inner {
    width: 864px;
    margin: 0 auto; }

/** content
 * ----------------------------------------*/
.area_bd {
  position: relative;
  z-index: 0;
  width: 864px;
  margin: 0 auto; }

.works .area_bd {
  width: 100%;
  padding: 120px 0 87px; }

.clm1,
.clm2,
.clm3 {
  min-height: 142px;
  _height: 142px; }

.toppage .clm1,
.toppage .clm2,
.toppage .clm3 {
  min-height: 171px;
  _height: 171px; }

.clm1 {
  float: left;
  width: 278px;
  margin-right: 10px; }

.toppage .clm1 {
  margin-top: -1px; }

.clm2 {
  float: left;
  width: 278px; }

.toppage .clm2 {
  width: 576px; }

.clm3 {
  float: right;
  width: 239px; }

.globalNav {
  margin-top: -5px;
  *zoom: 1; }
  .globalNav ul {
    padding-bottom: 11px; }
  .globalNav li {
    margin-bottom: 13px; }

.contact a {
  margin-bottom: 2px; }

/**
 * section contents
 */
.news,
.exhibition,
.information {
  width: 278px;
  font-size: 10px; }
  .news h2,
  .exhibition h2,
  .information h2 {
    width: 278px;
    margin-bottom: 1.5em; }
  .news table,
  .exhibition table,
  .information table {
    width: 278px; }
  .news th,
  .exhibition th,
  .information th {
    width: 1%;
    padding-right: 5px;
    white-space: nowrap; }
  .news td,
  .exhibition td,
  .information td {
    width: 99%; }

.information h2,
.information table {
  width: 239px; }

.news {
  padding-top: 3px; }

.profile {
  font-size: 10px; }
  .profile h2 {
    width: 278px;
    margin-bottom: 1.5em; }
  .profile p {
    width: 278px; }

.works_content {
  font-size: 10px; }
  .works_content h2 {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden; }
  .works_content section {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 150px 0 4em;
    *zoom: 1; }
    .works_content section h3 {
      width: 864px;
      margin: 0 auto; }
    .works_content section .slideFrame {
      position: absolute;
      top: 0;
      left: 0;
      overflow: hidden;
      overflow-x: auto;
      width: 100%;
      height: 144px; }
    .works_content section ul {
      position: relative;
      z-index: 2;
      width: 9999px;
      height: 144px;
      overflow: hidden; }
      .works_content section ul:after {
        content: "";
        display: block;
        clear: both; }
    .works_content section li {
      float: left; }

/** footer
 * ----------------------------------------*/
.area_ft {
  position: relative;
  clear: both;
  width: 864px;
  height: 77px;
  margin: 0 auto; }
  .area_ft:after {
    content: "";
    display: block;
    clear: both; }
  .area_ft .backtotop {
    margin-top: 0;
    height: 24px; }
  .area_ft .copyright {
    float: left;
    width: 286px;
    margin-top: 16px; }
  .area_ft .artwork {
    float: left;
    width: 172px;
    margin-top: 16px; }
  .area_ft .ftLogo {
    float: right;
    width: 96px;
    margin-top: 3px; }

.toppage .area_ft {
  height: 48px; }

.works .area_ft {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 87px;
  background-color: #000; }
  .works .area_ft .backtotop {
    margin-top: 5px; }
  .works .area_ft .inner {
    width: 864px;
    margin: 0 auto; }

/* modal contents
 * ----------------------------------------*/
.modal_container {
  position: absolute;
  z-index: 1001;
  top: 0;
  left: 50%;
  width: 864px;
  height: 100%;
  overflow: hidden;
  margin-left: -432px;
  font-size: 10px; }

.modal_close {
  position: absolute;
  z-index: 1002;
  top: 52px;
  left: 50%;
  margin-left: 411px;
  cursor: pointer; }

.modal_prev,
.modal_next {
  position: absolute;
  z-index: 1002;
  top: 50%;
  margin-top: -18px;
  cursor: pointer; }

.modal_prev {
  left: 0; }

.modal_next {
  right: 0; }

.modal_header {
  position: relative;
  width: 100%;
  padding: 48px 0 0;
  background: url(../img/line_v.png) repeat-y 100% 2px;
  text-align: right;
  line-height: 1.5; }
  .modal_header:after {
    content: "";
    display: block;
    clear: both; }
  .modal_header .siteid {
    position: absolute;
    top: 35px;
    left: 0;
    right: 0;
    text-align: left; }
  .modal_header .title {
    margin: 0 69px 0 168px; }
  .modal_header .description {
    margin: 0 69px 0 168px; }

.modal_content {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  padding: 36px 0;
  text-align: center; }

.modal_overlay {
  position: absolute;
  z-index: 1000;
  z-index: 999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000; }

.modal_loading {
  position: absolute;
  z-index: 1005;
  top: 50%;
  left: 50%;
  margin: -12px 0 0 -12px;
  *zoom: 1; }

/* for toppage background picture
 * ----------------------------------------*/
body.toppage .bg,
body.about .bg {
  position: absolute;
  z-index: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; }

body.toppage .bgImage,
body.about .bgImage {
  position: absolute;
  bottom: 0;
  left: 50%; }

body.toppage .bgImageContainer,
body.about .bgImageContainer {
  position: absolute;
  z-index: -1;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; }

/* for modal window
 * ----------------------------------------*/
/* for 'gradual' content
 * ----------------------------------------*/
.gradual {
  visibility: hidden;
  overflow: hidden; }

/* for jquery.listpaging.js
 * ----------------------------------------*/
.listContainer {
  position: relative;
  overflow: hidden;
  min-height: 65px;
  padding-bottom: 25px; }
  .listContainer table {
    float: left; }
  .listContainer .nav {
    position: absolute;
    bottom: 0;
    width: 61px;
    height: 15px;
    background: url(../img/sprite.png) no-repeat 0 -339px;
    overflow: hidden;
    font-size: 10px;
    *zoom: 1; }
    .listContainer .nav:after {
      content: "";
      display: block;
      clear: both; }
    .listContainer .nav .prev,
    .listContainer .nav .next {
      display: block;
      height: 15px;
      overflow: hidden;
      text-indent: -9999px;
      cursor: pointer; }
      .listContainer .nav .prev a,
      .listContainer .nav .next a {
        display: block;
        height: 15px; }
        .listContainer .nav .prev a:hover, .listContainer .nav .prev a:focus, .listContainer .nav .prev a:active,
        .listContainer .nav .next a:hover,
        .listContainer .nav .next a:focus,
        .listContainer .nav .next a:active {
          *filter: alpha(opacity=60);
          -ms-filter: "alpha(opacity=60)";
          opacity: .6; }
    .listContainer .nav .prev {
      float: left;
      width: 25px; }
      .listContainer .nav .prev a {
        background: url(../img/sprite.png) no-repeat 0 -329px; }
    .listContainer .nav .next {
      float: right;
      width: 23px; }
      .listContainer .nav .next a {
        background: url(../img/sprite.png) no-repeat -38px -329px; }
  .listContainer .navOverlay {
    display: none;
    z-index: 100;
    *background-image: url(data:image/gif;base64,AAA); }

.listContainerInner {
  *zoom: 1; }

.listContainerInner:after {
  content: "";
  display: block;
  clear: both; }