* {
  margin: 0;
  padding: 0;
  border: 0;
}
.fl_left {
  float: left;
}
.fl_right {
  float: right;
}
.ta_center {
  text-align: center;
}
/* clearfix
============================================================*/
.clearfix {
  width: 100%;
}
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}
/*------------ default custom -------------*/

body {
  /*font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","ＭＳ Ｐゴシック","MS P Gothic",sans-serif;*/
  font-family: "Osaka", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
  font-size: 12px;
  color: #fff;
}
p {
  font-size: 14px;
}
p.txt {
  font-weight: normal;
  line-height: 150%;
  margin: 10px 0 30px;
}
.small {
  font-size: 10px;
}
a {
  color: #fff;
}
ul li {
  list-style-type: none;
}
.event_image, .novelty_image, .novelty2_image, .goods_image, .block .newworks_image, .artist_pr_image, .lasttime_image {
  border: 5px solid #FFFFFF;
  clear: both;
  margin: 0 15px 20px 0 !important;
}
address, caption, cite, code, dfn, em, var {
  font-style: normal;
}
.block em {
  clear: both;
  color: #FFFFFF;
  font-size: 14px;
  line-height: 180%;
}
.fl_right {
  float: right;
}
.interview2 {
  float: left;
  width: 510px;
}
.interview3 {
  float: left;
  width: 480px;
}
.interview4 {
  float: left;
  width: 550px;
}
#content {
  background-color: #BF0008;
}
#contentBody {
}
#contentInner {
  width: 890px;
  padding: 0 0 30px 0;
  margin: 0 auto;
  border: 0 none;
}
#specialHead, #nav, #specialBody, #specialFoot {
  margin: 0;
  zoom: 1;
}
#specialHead:after, #nav:after, #specialBody:after, #specialFoot:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both;
}
#specialHead {
  height: 310px;
}
#specialHead h1 {
  width: 890px;
  height: 300px;
  background: url(img/archive_logo.png) no-repeat;
  text-indent: -9999px;
  margin: 0 auto;
}
#specialHead h1 a {
  display: block;
  width: 100%;
  height: 100%;
}
#specialHead img {
  display: block;
}
#specialHead .index_news {
  background-color: #1e1e1e;
  padding: 1px;
  position: absolute;
  top: 20px;
  left: 25px;
}
#specialHead .index_news_wrapper {
  width: 228px;
  background-color: #1e1e1e;
  border: 1px solid #545454;
  padding: 0 0 8px;
}
#specialHead .index_news h2 {
  background: url(img/ttl_news.gif) no-repeat 15px 12px;
  width: 117px;
  height: 23px;
  text-indent: -9999px;
  padding: 12px 0 12px 15px;
}
#specialHead .index_news iframe {
  width: 212px;
  height: 420px;
  overflow: scroll;
  border: 0;
  margin: 0 8px;
}
#header {
  padding-top: 10px;
  background: url(img/bg_header.png) no-repeat;
}
#header h1 a {
  display: block;
  width: 260px;
  height: 117px;
  margin: auto;
  background: url(img/logo_second.png) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
}
#nav {
  margin: 30px auto 35px;
}
#nav li {
  float: left;
  position: relative;
  z-index: 1;
}
#nav a {
  display: block;
  height: 49px;
  text-indent: -9999px;
  overflow: hidden;
}
#nav_index {
  width: 104px;
  background: url(img/nav_index.png) no-repeat;
}
#nav_event {
  width: 165px;
  background: url(img/nav_eventinfo.png) no-repeat;
}
#nav_coming {
  width: 182px;
  background: url(img/nav_coming.png) no-repeat;
}
#nav_goods {
  width: 133px;
  background: url(img/nav_goods.png) no-repeat;
}
#nav_areaInfo {
  width: 115px;
  background: url(img/nav_areaInfo.png) no-repeat;
}
#nav_article {
  width: 191px;
  background: url(img/nav_article.png) no-repeat;
}
a#nav_index:hover, a#nav_event:hover, a#nav_coming:hover, a#nav_goods:hover, a#nav_areaInfo:hover, a#nav_article:hover {
  background-position: bottom;
}
.icon_new span {
  width: 33px;
  height: 36px;
  position: absolute;
  top: -53%;
  left: 42%;
  z-index: 1000;
}
.newsBox {
  background-color: #404040;
  padding: 0 10px 10px;
}
.newsBox li {
  line-height: 22px;
  border-bottom: 1px dotted #a0a0a0;
  padding: 9px 0;
}
.movie {
  width: 890px;
  height: 543px;
  z-index: 1;
}
#specialBody {
  padding: 0 25px;
  min-height: 280px;
}
.index_banner {
  width: 860px;
  margin-bottom: 2px;
}
.index_banner li {
  float: left;
  margin: 0 12px 12px 0;
}
.index_banner li a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha( opacity=70 )";
  background: none!important;
}
.index_banner li.heigh {
  margin-top: 0;
}
.index_btm {
  width: 860px;
}
.index_btm li {
  float: left;
  margin: 0 15px 15px 0;
}
.index_btm li a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha( opacity=70 )";
  background: none!important;
}
.index_btm li {
  float: left;
  margin: 0 15px 15px 0;
}
.index_btm li.cap * {
  box-sizing: border-box;
}
.index_btm li.cap a {
  display: block;
  position: relative;
}
.index_btm li.cap a:before {
  box-sizing: border-box;
  content: '';
  display: block;
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 4px solid #ad8e00;
}
.index_btm li.cap .caption {
  display: block;
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 9px 14px 10px;
  background: #000 url(./img/detail.png) right 14px center no-repeat;
}
.index_btm li.cap .caption .year {
  display: inline-block;
  padding-right: 14px;
  background: url(./img/year.png) right center no-repeat;
  color: #fff;
  font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", "MS Mincho", serif;
  font-weight: bold;
  font-size: 18px;
  line-height: 1;
  letter-spacing: 1px;
}
.index_pickup .index_twitter {
  margin: 0 auto 30px;
}
.index_pickup p {
  margin: 0 auto 15px;
}
.index_twitter {
  text-align: center;
  margin: 30px 0;
  background: url(img/juneko.jpg) no-repeat 60px bottom;
}
.index_pickup h2 {
  background: url(img/ttl_pickup.gif) no-repeat 0 0;
  width: 278px;
  height: 22px;
  margin-bottom: 20px;
  text-indent: -9999px;
}
.index_pickup h3, .index_pickup h3 a {
  color: #efdb00;
}
.index_pickup h3 span {
  color: #FFFFFF;
  font-size: 12px;
  font-weight: normal;
  margin: 15px 0 0 10px;
}
.index_pickup li {
  background: url(img/list.gif) no-repeat 27px 17px;
  padding: 8px 25px 8px 37px;
  border-bottom: 1px dotted #df8084;
  font-size: 13px;
  line-height: 25px;
}
.index_link {
  width: 960px;
  margin-bottom: 15px;
}
.index_link li {
  float: left;
  margin-right: 15px;
}
.index_link a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha( opacity=70 )";
  background: none!important;
}
#footer {
  background-color: #000;
  padding: 8px 0;
  margin: 0 auto;
  line-height: 20px;
  text-align: center;
  width: 890px;
  font-size: 12px;
}
/* artist */
#article h2 {
  background: url(img/ttl_article.gif) no-repeat 0 0;
  width: 247px;
  height: 22px;
  text-indent: -9999px;
  margin-bottom: 30px;
}
.artist_list {
  width: 840px;
  padding-bottom: 50px;
  border-bottom: dotted 1px #FF6F76;
}
.artist_list li {
  float: left;
  margin-right: 24px;
  margin-bottom: 24px;
}
#article .block, #event .block {
  width: 100%;
  margin-bottom: 20px;
  border-bottom: dotted 1px #FF6F76;
}
#event h3 span {
  margin: 15px 0 0 10px;
  font-size: 12px;
  font-weight: normal;
  color: #FFF;
}
#article h3, #event h3 {
  clear: both;
  margin: 15px 0;
  font-size: 26px;
  font-weight: bold;
  color: #FFCC66;
}
#event h4 {
  clear: both;
  margin: 10px 0;
  font-size: 18px;
  font-weight: bold;
  color: #FFFFFF;
}
#event ul {
  font-size: 14px;
  margin: 5px 20px 20px;
}
#event li {
  color: #ffdab5;
  list-style: disc;
  font-size: 14px;
}
#article h3 span {
  margin: 15px 0 0 10px;
  font-size: 12px;
  font-weight: normal;
  color: #FFF;
}
#article p {
  clear: both;
  margin: 0 0 15px;
  line-height: 150%;
  color: #fff;
}
#article .pr_list li {
  float: left;
  width: 160px;
  margin: 0 15px 15px 0;
  color: #fff;
}
#article .artist_pr_image {
  clear: both;
  margin: 0 15px 20px 0 !important;
  border: solid 5px #fff;
}
#article th, #article td {
  color: #fff;
  font-size: 14px;
  text-align: left;
  font-weight: normal;
  padding: 4px 20px 4px 0;
  vertical-align: top;
  line-height: 1.4;
}
#article .pr_list li span {
  display: block;
  margin-top: -10px;
}
.illust_summary {
  margin-bottom: 15px;
}
.artist_prof {
  margin-bottom: 30px;
  padding: 10px 0;
  background: url(img/bg_title_table.png);
  color: #333;
}
#article .artist_prof th, #article .artist_prof td {
  color: #333;
}
#article .artist_prof h3, .artist_prof a {
  color: #930007;
}
#article .artist_prof h3, #article .artist_prof p {
  clear: none;
  margin-right: 10px;
}
#article .artist_prof h3 {
  margin-top: 0;
}
#article .artist_prof .artist_pr_image {
  margin: 0 15px 0 10px !important;
  border: none;
}
.artist_voice {
  font-size: 16px !important;
  font-weight: bold;
  color: #FFFFB3 !important;
}
/* event */
#event h2 {
  background: url(img/ttl_event.gif) no-repeat 0 0;
  width: 192px;
  height: 22px;
  margin-bottom: 30px;
  text-indent: -9999px;
  float: left;
}
.btm a {
  background: url(img/event/btm_sche.jpg) no-repeat 0 0;
  width: 228px;
  height: 32px;
  float: right;
  text-indent: -9999px;
}
.btm a:hover {
  background: url(img/event/btm_sche.jpg) no-repeat 0 -32px;
  width: 228px;
  height: 32px;
  float: right;
  text-indent: -9999px;
}
#event table {
  border-collapse: collapse;
  margin-bottom: 20px;
}
#event tr+tr+tr+tr+tr+tr+tr+tr+tr+tr td {
  border-bottom: solid 1px #fff;
}
#event th {
  padding: 5px 0;
  font-size: 18px;
  color: #930007;
  border-top: 1px solid #fff;
  background: url(img/bg_title_table.png);
}
#event th, #event td {
  line-height: 22px;
  border-bottom: 1px dotted #fff;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  vertical-align: top;
}
#event td {
  width: 30%;
  padding: 0 0 10px;
}
#event td h4 {
  margin: 0 0 5px;
  padding: 2px 10px;
  font-size: 14px;
  background: #EF4B54;
}
#event td p {
  margin: 8px 10px 0;
}
#event th.time, #event td.time {
  background: none;
  border: none;
}
#event td.time {
  width: 9% !important;
  padding: 15px 0;
  text-align: right;
  font-size: 13px;
}
#event td.time div {
  width: 86px;
  margin-top: -25px;
  position: relative;
}
#event td.blank_zone {
  text-align: center;
  background: #ddd;
}
#event .event_list {
  margin-bottom: 20px;
}
#event .event_list li {
  margin-bottom: 8px;
  padding-left: 10px;
  background: url(img/list.gif) no-repeat 0 8px;
  line-height: 25px;
  font-size: 16px;
  font-weight: bold;
  color: #ff8;
}
/* goods */
#goods h2 {
  background: url(img/ttl_goods.gif) no-repeat 0 0;
  width: 138px;
  height: 22px;
  text-indent: -9999px;
  margin-bottom: 30px;
}
#goods .block {
  width: 100%;
  margin-bottom: 20px;
  border-bottom: dotted 1px #FF6F76;
}
#goods h3 {
  clear: both;
  margin: 15px 0;
  font-size: 26px;
  font-weight: bold;
  color: #FFCC66;
}
#goods h3 span {
  margin: 15px 0 0 10px;
  font-size: 12px;
  font-weight: normal;
  color: #FFF;
}
#goods .goodsList_hei, #goods .goodsList_wid {
  width: 867px;
}
#goods .goodsList_hei li {
  float: left;
  width: 190px;
  margin-right: 25px;
}
#goods .goodsList_wid li {
  float: left;
  width: 260px;
  margin-right: 25px;
}
#goods .goodsList_hei li h5, #goods .goodsList_wid li h5 {
  font-size: 24px;
  margin-bottom: 30px;
}
#goods .goodsList_hei li img, #goods .goodsList_wid li img {
  border: solid 5px #fff;
}
#goods .goodsList_hei li h5, #goods .goodsList_wid li h5 {
  font-size: 24px;
  margin-bottom: 30px;
}
.goodsList_hei, #goods .goodsList_wid {
  width: 867px;
  float: left;
}
/* coming */
#coming h2 {
  background: url(img/ttl_coming.gif) no-repeat 0 0;
  width: 210px;
  height: 22px;
  text-indent: -9999px;
  margin-bottom: 30px;
}
#coming .block {
  width: 100%;
  margin-bottom: 20px;
  border-bottom: dotted 1px #FF6F76;
}
#coming h3 {
  clear: both;
  margin: 15px 0;
  font-size: 26px;
  font-weight: bold;
  color: #FFCC66;
}
#coming h3 span {
  margin: 15px 0 0 10px;
  font-size: 12px;
  font-weight: normal;
  color: #FFF;
}
#coming p {
  clear: both;
  margin: 0 0 15px;
  line-height: 150%;
  color: #fff;
}
/* areaInfo */
#areaInfo h2 {
  background: url(img/ttl_access.gif) no-repeat 0 0;
  width: 221px;
  height: 22px;
  text-indent: -9999px;
  margin-bottom: 30px;
}
.areaDetail {
  margin-left: 20px;
}
.emphasis {
  font-size: 16px;
  color: #FFFF00;
  font-weight: bold;
}
.clearfix:after {
  clear: both;
  content: "";
  display: block;
}
