@charset "utf-8";

/* ----------------------------------------------

	ART FRONT GRAPHICS / STYLE
	author   : (C)KAYAC http://www.kayac.com/

---------------------------------------------- */

@import url("/css/general.css");
/* ----------------------------------------------

	■html

---------------------------------------------- */
body {
margin:0;
padding:0;
color:#676767;
text-align:center;
background:#FFFFFF;
}


/* ----------------------------------------------

	■structure

---------------------------------------------- */
div#wrapper {
width:900px;
margin:0 auto;
background:#FFF;
}
/* ----------------------------------------------

	■header

---------------------------------------------- */
div#header {
width:900px;
height:86px;
margin:0 auto 20px;
position:relative;
}
div#header h1 {
position:absolute;
top:20px;
left:0;
}
div#header ul#language {
width:132px;
position:absolute;
top:25px;
right:0;
}
ul#gmenu {
width:900px;
position:absolute;
top:61px;
left:0;
}
div#header ul#language li, div#header ul#gmenu li {
display:inline;
}
/* ----------------------------------------------

	■common

---------------------------------------------- */
.dot {
background:url(/img/common/dot.gif) repeat-x left bottom;
padding-bottom:9px;
}
ul#topicpath {
margin-bottom:30px;
width:900px;
text-align:left;
}
ul#topicpath li {
display:inline;
font-size:84%;
}
ul#topicpath li a {
padding-right:15px;
background:url(/img/common/topicpath.gif) right 1px no-repeat;
}
dl.paragraph {
margin:30px 0 0 0;
}
dl.paragraph dt {
margin:0 0 5px 0;
}
.topics {
margin:20px 0 0 0;
padding:15px;
background:#f7f3e2;
}
a.link {
background:url(/img/common/link.gif) left center no-repeat;
padding-left:15px;
}
#side a.link {
background:url(/img/common/link.gif) left 1px no-repeat;
display:block;
margin:10px 0;
}
.point {
background:url(/img/common/bit.gif) left -1px no-repeat;
padding-left:15px;
margin:5px 0 0 0;
}
p.point {
background:url(/img/common/bit.gif) left -3px no-repeat;
padding-left:15px;
margin:0;
}
dl.pointlist dt {
margin:10px 0 0 0;
}
dl.pointlist dt.first {
margin:0;
}
dl.pointlist dd {
margin:0;
}
strong {
color:#3f3f3f;
}
p.pagetop {
margin-top:30px;
text-align:right;
}
.new {
margin:0 0 1px 0;
display:block;
}
/* ----------------------------------------------

	■main

---------------------------------------------- */
div#main {
text-align:left;
position:relative;
}
/* ----------------------------------------------

	■top

---------------------------------------------- */
div#main div#topswf {
width:900px;
height:425px;
margin:0 auto 30px auto;
}
div#main div#swfContainer{
height:100%;
}
div#main p#msgswf{
margin:-30px 0 0 15px;
color:#ffffff;
background:#444;
}
div#main p#msgswf a{
color:#ffffff;
}
div#main div#newsarea {
width:900px;
margin:0 auto 30px auto;
font-size:84%;
position:relative;
}
div#main div#newsarea h2 {
width:680px;
float:left;
}
div.en div#main div#newsarea h2 {
width:900px;
}
div#main div#newsarea table {
clear:both;
width:900px;
}
div#main div#newsarea table th {
width:140px;
padding:28px 40px 0 0;
vertical-align:bottom;
}
div#main div#newsarea table th img.new{
margin:-16px 0 0 1px;
position:absolute;
}
div#main div#newsarea table td {
padding:10px 40px 0 0;
vertical-align:top;
}
div#main div#newsarea table td a {
display:block;
margin:5px 0 0 0;
text-align:right;
}

div#main div#newsarea table th.last,
div#main div#newsarea table td.last {
padding-right:0;
}

div#main div#newsarea #dialogue{
width:178px;
float:right;
}

/*
div#main div#newsarea #news dl.news {
width:140px;
float:left;
margin-right:40px;
}
div.en div#main div#newsarea #news dl.news {
width:140px;
float:left;
margin-right:49px;
}
div#main div#newsarea #news dl.last {
margin-right:0px;
}
div.en div#main div#newsarea #news dl.last {
margin-right:0px;
}
div#main div#newsarea dl dd img {
margin:10px 0 0 105px;
}
div.en div#main div#newsarea dl dd img {
margin:10px 0 0 71px;
}
div#main div#newsarea #dialogue {
width:178px;
float:right;
}
div#main div#newsarea #dialogue dl.dialogue {
width:178px;
}
div#main div#newsarea #dialogue dl.dialogue dd img {
margin:10px 0 0 145px;
}
*/

/* ----------------------------------------------

	■about

---------------------------------------------- */
div.about div#main div#pimg {
width:355px;
height:555px;
float:left;
}
div.about div#main div#contents {
width:495px;
float:right;
}
/* ----------------------------------------------

	■column

---------------------------------------------- */
div.column_gate div#main dl#art_column {
margin:30px 0 0 0;
float:left;
}
div.column_gate div#main dl#interior_column {
margin:30px 0 0 0;
float:right;
}
div.column_gate div#main dl#art_column dd, div.column_gate div#main dl#interior_column dd {
margin-top:5px;
}
div.column div#main h2 {
font-size:130%;
background:url(/img/common/ptl_bg.gif) left bottom no-repeat;
padding-left:15px;
color:#3F3F3F;
}

div.column div#contents {
width:680px;
float:right;
}
div.column div#main dl.paragraph {
margin-top:30px;
clear:both;
}
div.column div#main dl.paragraph dt.para_title {
width:480px;
float:right;
font-weight:bold;
font-size:110%;
background:url(/img/common/bul.gif) left bottom no-repeat;
padding:0 0 12px 15px;
line-height:1;
margin:0 0 0 0;
color:#3f3f3f;
}
div.column div#main dl.paragraph dd.para_img {
width:154px;
float:left;
}
div.column div#main dl.paragraph dd.para_txt {
width:495px;
float:right;
}
div.column div#main dl.paragraph dd.para_txt p {
margin-top:10px;
}
div.column div#side {
float:left;
width:165px;
}
div.column div#side dd {
margin-bottom:5px;
font-size:84%;
}
div.column div#side .sidemenu_1 {
margin-top:20px;
}
/* ----------------------------------------------

	■exhibition

---------------------------------------------- */

div.exhibition div#main div#ex_top img#ex_pimg {
float:left;
margin-top:30px;
}
div.exhibition div#main div#ex_top div#ex_right {
width:585px;
float:left;
margin:30px 0 0 45px;
}
div.exhibition div#main div#ex_top div#ex_right h3.para_title {
width:570px;
font-weight:bold;
font-size:110%;
background:url(/img/common/bul.gif) left bottom no-repeat;
padding:0 0 12px 15px;
line-height:1;
margin:0 0 0 0;
color:#3f3f3f;
}
div.exhibition div#main div#ex_top div#ex_right .date {
font-weight:bold;
color:#d97d21;
background:url(/img/common/bit_date.gif) left -1px no-repeat;
padding-left:15px;
margin:5px 0 0 0;
}
/**/
div.ex_archive div#main div#ex_top div#ex_right .date {
font-weight:bold;
color:#d97d21;
background:url(/img/common/bit_date.gif) left -1px no-repeat;
padding-left:15px;
margin:5px 0 0 0;
}
/**/
div.exhibition div#main div#ex_top div#ex_right p#ex_l_txt {
font-weight:bold;
margin-top:20px;
}
div.exhibition div#main div#ex_top div#ex_right a.link {
font-size:84%;
}
div.exhibition div#main div#ex_top div#ex_right p#ex_att_txt {
margin:30px 0;
}
div.exhibition div#main p.ex_txt {
margin:30px 0 0 0;
}
div.exhibition div#main div.art_list {
width:900px;
margin-top:30px;
}
div.exhibition div#main table.art_list ul li {
font-size:84%;
width:140px;
}
div.exhibition div#main table.art_list .art_list1 {
width:140px;
padding-right:40px;
}
div.exhibition div#main table.art_list .art_list2 {
width:140px;
padding:0 40px 0 5px;
}
div.exhibition div#main table.art_list .art_list3 {
width:140px;
padding:0 40px 0 5px;
}
div.exhibition div#main table.art_list .art_list4 {
width:140px;
padding:0 40px 0 5px;
}
div.exhibition div#main table.art_list .art_list5 {
width:140px;
}
div.exhibition div#main table.art_list th {
vertical-align:bottom;
padding-top:30px !important;
}
div.exhibition div#main table.art_list td {
vertical-align:top;
padding-top:8px !important;
}
div.exhibition div#main p.ex_archive_top {
position:absolute;
right:0px;
margin-top:-25px;
}
div.exhibition div#main p.ex_archive_bot {
margin:30px 0 0 0;
}
div.exhibition div#main p.ex_archive_top a.ex_new, div.exhibition div#main p.ex_archive_bot a.ex_new {
margin:0 10px 0 0;
}
div.exhibition div#main div.ex_post{
margin:50px 0 0 0;
text-align:center;
}
div.exhibition div#main div.ex_post p,
div.exhibition div#main div.ex_post img{
width:550px;
margin:10px auto;
text-align:left;
}
div.exhibition div#main div.ex_post p{
margin:0 auto 20px auto;
}
/* ----------------------------------------------

	■artists

---------------------------------------------- */
div.artists div#main h2 {
font-size:130%;
background:url(/img/common/ptl_bg.gif) left bottom no-repeat;
padding-left:15px;
}
div.artists div#main p.ar_txt {
margin:30px 0 0 0;
}
div.artists div#main p.ar_info {
margin:10px 0 0 0;
font-size:84%;
}
div.artists div#main table.art_list ul li, div.exhibition div#main table.art_list ul li {
font-size:84%;
width:140px;
}
div.artists div#main table.art_list .art_list1, div.exhibition div#main table.art_list .art_list1 {
width:140px;
padding-right:40px;
}
div.artists div#main table.art_list .art_list2, div.exhibition div#main table.art_list .art_list2 {
width:140px;
padding:0 40px 0 5px;
}
div.artists div#main table.art_list .art_list3, div.exhibition div#main table.art_list .art_list3 {
width:140px;
padding:0 40px 0 5px;
}
div.artists div#main table.art_list .art_list4, div.exhibition div#main table.art_list .art_list4 {
width:140px;
padding:0 40px 0 5px;
}
div.artists div#main table.art_list .art_list5, div.exhibition div#main table.art_list .art_list5 {
width:140px;
}
div.artists div#main table.art_list th, div.exhibition div#main table.art_list th {
vertical-align:bottom;
padding-top:30px !important;
}
div.artists div#main table.art_list td, div.exhibition div#main table.art_list td {
vertical-align:top;
padding-top:8px !important;
}
div.artists div#main p.ar_list_top {
position:absolute;
right:0px;
margin-top:-25px;
}
div.artists div#main p.ar_list_bot {
margin:30px 0 0 0;
}
div.ar_list div#contents {
width:680px;
float:right;
}
div.ar_list div#main div.artists_list {
margin-top:30px;
}
div.ar_list div#main div.artists_list dl {
width:112px;
float:left;
margin-right:30px;
}
div.ar_list div#main div.artists_list dl.last {
margin-right:0px;
}
div.ar_list div#main div.artists_list dl a.link {
background:url(/img/common/link.gif) left 4px no-repeat;
display:block;
margin:0;
}
div.ar_list div#side {
width:165px;
float:left;
}
div.ar_list div#side dd {
margin-bottom:5px;
font-size:84%;
}
/* ----------------------------------------------

	■archive

---------------------------------------------- */
div.archive h2 {
margin-bottom:30px;
}
div.archive h3 {
width:665px;
font-weight:bold;
font-size:110%;
background:url(/img/common/bul.gif) left bottom no-repeat;
padding:0 0 12px 15px;
line-height:1;
margin:30px 0 10px 0;
color:#3f3f3f;
}
div.archive div#contents {
width:680px;
float:right;
}
div.archive div#contents div.archive_list div {
margin-bottom:15px;
}
div.archive div#contents div.archive_list dl {
width:340px;
float:left;
}
div.archive div#contents div.archive_list dl dd.para_img {
margin-top:5px;
}
div.archive div#contents div.archive_list dl a.link {
display:block;
margin-top:5px;
}
div.archive div#side {
width:165px;
float:left;
}
div.archive div#side dt ,
div.whatsnew div#side dt {
border-top:2px solid #6f6f6f;
background:url(/img/common/bul.gif) right bottom no-repeat;
font-weight:bold;
padding:5px 0 5px 15px;
margin-bottom:5px;
}
div.archive div#side dd ,
div.whatsnew div#side dd {
margin-bottom:5px;
font-size:84%;
}
div.archive div#side .sidemenu_1 {
margin-top:20px;
}
div.archive div#main p.ex_archive_top {
position:absolute;
right:0px;
margin-top:-55px;
}
/* ----------------------------------------------

	■whatsnew

---------------------------------------------- */
div.whatsnew h3 {
width:595px;
font-weight:bold;
font-size:110%;
background:url(/img/common/bul.gif) left bottom no-repeat;
padding:0 0 12px 15px;
line-height:1;
margin:30px 0 10px 0;
color:#3f3f3f;
}
div.whatsnew div#contents {
width:680px;
float:right;
}
div.whatsnew div#contents div.archive_list dl {
width:680px;
padding:30px 0;
background:url(/img/common/bul.gif) right bottom no-repeat;
}
div.whatsnew div#contents div.archive_list dl dt {
width:139px;
float:left;
margin-right:30px;
}
div.whatsnew div#contents div.archive_list dl dd {
width:510px;
float:left;
}
div.whatsnew div#contents div.archive_list dl dd p.whats_date {
font-size:84%;
}
div.whatsnew div#contents div.archive_list dl dd p.whats_title {
font-weight:bold;
margin:5px 0 0;
}
div.whatsnew div#contents div.archive_list dl dd p.whats_text {
margin:8px 0 0;
}
div.whatsnew div#side {
width:165px;
float:left;
}
div.whatsnew div#side dd {
margin-bottom:5px;
font-size:84%;
}
/* ----------------------------------------------

	■link

---------------------------------------------- */
div.link h3 {
width:595px;
font-weight:bold;
font-size:110%;
background:url(/img/common/bul.gif) left bottom no-repeat;
padding:0 0 12px 15px;
line-height:1;
margin:30px 0 10px 0;
color:#3f3f3f;
}
div.link div#contents {
width:680px;
float:right;
}
div.link div#contents div.archive_list dl {
width:680px;
padding:0 0 30px 0;
background:url(/img/common/bul.gif) right bottom no-repeat;
}
div.link div#contents div.archive_list dl dt {
width:116px;
float:left;
margin:30px 30px 0 0;
}
div.link div#contents div.archive_list dl#link1 dt {
margin-top:90px;
}
div.en div#contents div.archive_list dl#link1 dt {
margin-top:30px;
}
div.link div#contents div.archive_list dl#link4 dt {
margin-top:50px;
}
div.link div#contents div.archive_list dl dd {
width:533px;
float:right;
margin:30px 0 0 0;
}
div.link div#contents div.archive_list dl dd p.link_link {
font-size:84%;
margin:10px 0;
}
div.link div#side {
width:165px;
float:left;
}
div.link div#side dd {
margin-bottom:5px;
font-size:84%;
}
/* ----------------------------------------------

	■location

---------------------------------------------- */
div.location div#contents div#mapbox {
width:900px;
margin-top:30px;
}
div.location div#contents div#mapimg {
width:520px;
float:left;
margin-right:40px;
border:1px solid #e6e6e6;
}
div.location div#contents div#maptxt {
width:330px;
float:right;
}
div.location div#contents div#maptxt dl {
margin-bottom:10px;
}
/* ----------------------------------------------

	■contact

---------------------------------------------- */
div.contact div#contents h2 {
margin-bottom:30px;
}
div.contact div#contents h3 {
margin-top:30px;
margin-bottom:20px;
}
div.contact div#contents ul {
width:500px;
}
div.contact div#contents ul li {
float:left;
width:250px;
}
div.contact div#contents ul li input {
vertical-align: text-bottom;
_vertical-align:-3px;
}
div.contact div#contents input {
margin:10px 10px 0 10px;
_margin:5px 5px 0 5px;
_vertical-align:-3px;
}
div.contact div#contents textarea {
display:block;
}
div.contact div#contents .contact_txt {
margin-top:20px;
}
div.contact div#contents textarea {
margin:10px 0 0 0;
width:530px;
height:100px;
overflow:auto;
}
div.contact div#contents ul li textarea {
margin:3px 0 0 10px;
width:200px;
height:50px;
}
div.contact div#contents ul li.br {
width:500px;
}
div.contact div#contents table {
margin-top:20px;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
}
div.contact div#contents table th {
width:150px;
background:#f7f3e2;
}
div.contact div#contents table th, div.contact div#contents table td {
font-weight:bold;
padding:20px 20px 18px 0;
vertical-align:top;
border-left:1px solid #ccc;
border-top:1px solid #ccc;
}
div.contact div#contents table th p, div.contact div#contents table td p {
margin:0 0 0 20px;
_margin:0 0 0 10px;
float:left;
}
div.contact div#contents table .type {
font-size:84%;
font-weight:normal;
margin-top:5px;
padding-right:5px;
}
div.contact div#contents table .note {
font-size:84%;
font-weight:normal;
margin-top:5px;
color:#ff0000;
}
div.contact div#contents table td div.mail_confirm {
clear:both;
margin:0 0 0 20px;
}
div.contact div#contents table td div.mail_confirm p {
float:none;
margin:0;
}
div.contact div#contents table td div.mail_confirm p.mail_confirmtext {
font-weight:normal;
float:none;
margin:10px 0 0 0;
}
div.contact div#contents table td div.mail_confirm p.mail_confirmitem {
float:none;
margin:10px 0 0 0;
}
div.contact div#contents table td input {
font-weight:normal;
margin:0 10px 0 10px;
}
div.contact div#contents table td input#name {
width:120px;
margin:0 5px 0 10px;
}
div.contact div#contents table td input#mail1,
div.contact div#contents table td input#mail2 {
width:244px;
margin:0 5px 0 10px;
}
div.contact div#contents table td input#postalcode {
width:60px;
margin:0 5px 0 10px;
}
div.contact div#contents table td p.city {
_margin-top:-3px;
}
div.contact div#contents table td select#city {
margin:-5px 5px 0 10px;
_margin:0px 5px 0 10px;
}
div.contact div#contents table td input#address_1 {
width:273px;
margin:0 5px 0 10px;
}
div.contact div#contents table td input#address_2 {
width:273px;
margin:0 5px 0 37px;
}
div.contact div#contents table td input#address_3 {
width:273px;
margin:0 5px 0 23px;
}
div.contact div#contents table td input#phone_1 {
width:100px;
margin:0 5px 0 10px;
}
div.contact div#contents p.ex_contact {
margin-top:30px;
}
/* ----------------------------------------------

	■error

---------------------------------------------- */

div.error div#contents .error {
background:#FFeeee;
}
div.error div#contents #error_alt {
padding:20px;
margin-bottom:30px;
background:#FFeeee;
border:1px solid #ffcccc;
color:#FF0000;
font-weight:bold;
text-align:center;
}
/* ----------------------------------------------

	■confirm

---------------------------------------------- */

div.confirm div#contents table th p {
width:140px;
}
div.confirm div#contents table td p {
margin:0 0 0 20px;
_margin:0 0 0 10px;
float:none;
font-weight:normal;
}
div.confirm div#contents table {
margin-top:30px;
width:650px;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
}
div.confirm div#contents p.ex_confirm {
margin:30px 0 0 0;
}
div.confirm div#contents p.ex_confirm a.ex_submit {
margin:0 10px 0 0;
}
/* ----------------------------------------------

	■privacy

---------------------------------------------- */
div.privacy div#contents h2 {
margin-bottom:30px;
color:#3F3F3F;
}
div.privacy div#contents h3 {
font-size:130%;
background:url(/img/common/ptl_bg.gif) left bottom no-repeat;
padding-left:15px;
margin:30px 0 20px 0;
color:#3F3F3F;
}
div.privacy div#side {
width:165px;
float:left;
}
div.privacy div#contents {
width:680px;
float:right;
}
div.privacy div#contents p {
margin:0 0 20px 0;
}
div.privacy div#contents p.point {
margin:0 0 10px 0;
}
div.privacy div#contents p.ex_privacy {
margin:30px 0 0 0;
}

div.privacy dl dd {
font-size:84%;
margin:10px 0;
}
div.privacy div#side {
width:165px;
float:left;
}
div.privacy div#side dd {
margin-bottom:5px;
font-size:84%;
}
/* ----------------------------------------------

	■footer

---------------------------------------------- */
div#footer {
clear: both;
width:900px;
height:60px;
margin: 30px auto 0 auto;
border-top:1px solid #ccc;
position:relative;
}

div#footer ul#fmenu {
width:307px;
position:absolute;
top:10px;
left:0px;
}
div#footer ul#fmenu li {
display:inline;
}
address {
position:absolute;
top:10px;
right:0px;
}
/*-------------------------*/
div#ad {
clear:both;
margin:60px auto;
}
/*misc*/



/* ------------------------------------------------------------
    99. Clearfix
   ------------------------------------------------------------ */
.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.clearfix {
display: inline-block;
}
/* exclude MacIE5 [start] \*/
* html .clearfix {
height: 1%
}
.clearfix {
display: block;
}
/* exclude MacIE5 [end] */


/*  CLEAR FIX 
---------------------------------------------- */

div#header, dl.paragraph {
zoom:1;/*for IE 5.5-7*/
}
div#header:after, dl.paragraph:after {/*for modern browser*/
content:".";
display: block;
height:0px;
clear:both;
visibility:hidden;
}
* html div#header, * html dl.paragraph {
display:inline-table;
/*\*/display:block;/**/
}
/*-----------------------------------------------*/
* html .iepngfix {
 behavior: expression(IEPNGFIX.fix(this));
}