@charset "utf-8";

/* content common
------------------------------------------------------------*/
.js-visual { display:none; }
div.control { text-align:right; }
div.control div { display:inline; }
div.control div input ,
div.control div img { vertical-align:top; }
div.control.js-visual { display:block; visibility:hidden; }

div.section { padding: 31px 0 30px 0; background:url(../img/line_dot.gif) repeat-x 0 0 transparent; }

.lv1-title { display:inline-block; min-width:84px; margin:0 0 23px 0; padding:1px 10px 0 10px; font-size:93%; line-height:140%; color:#FFFFFF; background-color:#236E7A; text-align:center; }
* html .lv1-title { display:inline; zoom:1; }
*+html .lv1-title { display:inline; zoom:1; }
.dot { position:relative; padding-bottom:7px; background:url(../img/line_dot.gif) repeat-x left bottom transparent; }

div.section p { margin-top:2em; }
div.section p.firstChild { display:block; margin-top:0; }
div.section div.section { padding:0 1px; }

ul.image.num2 { margin-top:27px; }
ul.image.num2 li { display:inline-block; margin-left:11px; }
* html ul.image.num2 li { display:inline;zoom:1; }/* for ie6 */
*+html ul.image.num2 li { display:inline;zoom:1; }/* for ie7 */
ul.image.num2 li.odd { margin-left:0; }

.index ul.localindex li { float:left; margin-left:12px; }
.index ul.localindex li.firstChild { margin-left:0; }

/* visit
------------------------------------------------------------*/

/*-- index.html --*/
#visit .index h1 { padding-bottom:14px; background:none; }
#visit .index div.pic-main { margin-bottom:22px; }
#visit .index div.control { margin:10px 0 20px 0; }
#visit .index table.data { border:none; table-layout:fixed; font-size:93%; }
#visit .index table.data th { padding:1px 2px 2px 0; vertical-align:top; }
#visit .index table.data td { padding:1px 2px 2px 0; }
#visit .index div.map { margin:-9px 0 20px 0; }
/* #visit .index .section div.control { margin:10px 0 -10px 0; } */
#visit .index .section div.control { margin:10px 0 0 0; }
#visit .index .architecture p { width:535px; }

/*-- info/art-house/index.asp --*/
#visit .form ol.decimal li { font-size:93%; }
#visit .form table tr th,
#visit .form table tr td { padding:4px 0; }
#visit .form table tr td input { height:20px; border:1px solid #A7A6AA; margin:0 3px 0 0; }
#visit .form table tr td select { height:20px; border:1px solid #A7A6AA; margin:0 3px 0 0; font-size:93%; }
#visit .form table tr td textarea { border:1px solid #A7A6AA; margin:0; }
#visit .form table tr th { text-align:right; vertical-align:top; font-size:108%; }
#visit .form table tr.msg th { vertical-align:middle; }
#visit .form table tr th strong { color:#8A1200; margin-right:1px; }
#visit .form table tr th span { display:inline-block; color:#8A1200; font-size:77%; }
#visit .form table tr td { padding-left:12px; text-align:left; }
#visit .form table tr td label, 
#visit .form table tr td div { float:left; }
#visit .form table tr td ul.error { float:left; width:235px; padding:0.3em 0 0 10px; font-size:77%; color:#8A1200; }
#visit .form table tr td ul.error.email { width:165px; }
#visit .form table tr td span.note { display:block; clear:both; margin:0; font-size:77%; }

#visit .form textarea { width:407px; height:75px; font-size:93%; padding:2px; }
#visit .form input { font-size:93%; padding:0 2px 0 2px; }
#visit .form div.control input { padding:0; }
#visit .form #year { width:40px; }
#visit .form #month ,
#visit .form #day ,
#visit .form #hour ,
#visit .form #minute { width:42px; }
#visit .form #bus ,
#visit .form #wheelchair ,
#visit .form #female ,
#visit .form #male { width:25px; }
#visit .form #name2 ,
#visit .form #name1 { width:65px; }
#visit .form #city { width:165px; }
#visit .form #block,
#visit .form #room { width:290px; }
#visit .form #tel,
#visit .form #fax { width:115px; }
#visit .form #email { width:236px; }
#visit .form #cellphone { width:115px; }
#visit .form #addressnum1 { width:29px; }
#visit .form #addressnum2 { width:34px; }
#visit .form div.control { margin-top:-38px; text-align:center; }
#visit .form div.control.js-visual { margin-top:29px; }
#visit .form div.control div { margin-left:10px; }
#visit .form div.control div.firstChild { margin-left:0px; }
#visit .form div.control div a img { vertical-align:bottom; }
#visit .form dl.note { width:652px; margin:33px 0 36px 0; }
#visit .form dl.note dt { margin:0 0 25px 0; font-size:93%; }
#visit .form dl.note dd p { margin:0 0 20px 0; }
#visit .form dl.note dd p.program-note { margin:0 0 25px 0; padding:6px 21px 6px 21px; border:1px solid #C4887F; color:#8A1200; }
#visit .form .notice { padding-bottom:5px; color:#8A1200; line-height:1.5em; }
#visit .form .input { position:relative; width:622px; margin-top:35px; padding:14px; background:none; border:1px solid #CCCCCC; }
#visit .form .input h2 { position:absolute; top:-35px; left:-1px; width:652px; background-color:#666666; font-size:123.1%; font-weight:bold; color:#FFFFFF; text-align:center; }
#visit .form .input .section { padding:15px 0 0 0; background:none; }
#visit .form .input .section h3 { position:relative; padding:5px 0 4px 0; background-color:#E7E7E7; text-align:center; font-weight:bold; font-size:123.1%; line-height:100%; color:#666666; }
#visit .form .input table { margin:0; color:#666666; }
#visit .form .input .section table { margin:15px 0 0 0; color:#666666; }
#visit .form .terms { width:596px; margin-top:10px; padding:27px; background:none; border:1px solid #CCCCCC; }
#visit .form ul.agreement { width:565px; height:119px; margin:1em 0 0 0; padding:14px 14px 14px 14px; border:1px solid #7f9db9; font-size:93%; overflow-x:auto; overflow-y: scroll; }
#visit .form ul.agreement li { padding-left:17px; margin-top:2em; background:url(../img/circle_01.gif) no-repeat 0 0.3em transparent; }
#visit .form ul.agreement li.firstChild { margin-top:0; }

#visit .form pre.agreement { width:565px; height:147px; margin:1em 0 0 0; padding:14px; border:1px solid #7f9db9; font-size:93%; overflow-x:auto; overflow-y: scroll; white-space: pre-wrap; }
/* for IE6 */
* html #recruit .form pre.agreement { word-wrap: break-word; }
*/* for IE7 */
*+html #recruit .form pre.agreement { word-wrap: break-word; }

/*-- info/art-house/confirm.asp --*/
#visit .confirm p.firstChild { margin-bottom:28px; }
#visit .confirm .section { background:none; }
#visit .confirm table { width:642px; border:1px solid #CCCCCC; }
* html #visit .confirm table { width:640px; }
*+html #visit .confirm table { width:640px; }
#visit .confirm table {  }
#visit .confirm table tr th { padding:4px 0 4px 14px; border:1px solid #CCCCCC; background-color:#F5F5F5; }
#visit .confirm table tr td { padding:4px 0 4px 14px; border:1px solid #CCCCCC; }
#visit .confirm .section { width:641px; padding:15px 0 0 0; }
#visit .confirm .section h2 { margin-bottom:5px; background-color:#E7E7E7; font-size:123.1%; font-weight:bold; text-align:center; }
#visit .confirm  div.control { margin-top:-38px; text-align:center; }
#visit .confirm  div.control.js-visual { margin-top:33px; }
#visit .confirm div.control div { margin-left:10px; }
#visit .confirm div.control div.firstChild { margin-left:0px; }


/*-- info/art-house/confirm.asp --*/
#visit .thanks p.finish { margin:20px 25px 0 25px; padding:3em 0 3em 0; border:2px solid #CCCCCC; font-weight:bold; font-size:123.1%; color:#236E7A; text-align:center; }

/*-- roam.html --*/
#visit .roam .map { margin:42px 0 30px 0; }
#visit .roam .maplist { display:inline; width:559px; }
#visit .roam .maplist li { display:inline-block;width:159px; min-height:190px; margin-left:41px; background-repeat:no-repeat; background-position:2px 126px; background-color:transparent; vertical-align:top; }
* html #visit .roam .maplist li { display:inline;zoom:1; height:190px; }/* for ie6 */
*+html #visit .roam .maplist li { display:inline;zoom:1; }/* for ie7 */

#visit .roam .maplist li.cycle { margin-left:0; }
#visit .roam .maplist li.n1 { background-image:url(../img/icon_num_01.gif); }
#visit .roam .maplist li.n2 { background-image:url(../img/icon_num_02.gif); }
#visit .roam .maplist li.n3 { background-image:url(../img/icon_num_03.gif); }
#visit .roam .maplist li.n4 { background-image:url(../img/icon_num_04.gif); }
#visit .roam .maplist li.n5 { background-image:url(../img/icon_num_05.gif); }
#visit .roam .maplist li.n6 { background-image:url(../img/icon_num_06.gif); }
#visit .roam .maplist li.n7 { background-image:url(../img/icon_num_07.gif); }
#visit .roam .maplist li.n8 { background-image:url(../img/icon_num_08.gif); }
#visit .roam .maplist li.n9 { background-image:url(../img/icon_num_09.gif); }
#visit .roam .maplist li img { display:block; margin-bottom:7px; }
* html #visit .roam .maplist li img { margin-bottom:4px; }
*+html #visit .roam .maplist li img { margin-bottom:4px; }

#visit .roam .maplist li dl { position:relative; margin:0 0 0 21px; font-size:77%; line-height:110%; }

#visit .roam .maplist li dl dt { position:absolute; left:0; padding-right:0.5em; background:url(../img/txt_colon_pt10.gif) no-repeat right center transparent; }
#visit .roam .maplist li dl dd { padding:0 0 5px 0; line-height:100%; }

#visit .roam .maplist li dl dd.title { padding:0 0 5px 4em; }
#visit .roam .maplist li dl dd.author { padding:0 0 5px 3em; }
#visit .roam .maplist li dl dd.date { padding:0 0 5px 4em; }

#visit .roam ul.image { width:559px; margin-top:20px; }
#visit .roam ul.image li { margin-bottom:10px; }
#visit .roam .flower { width:559px; margin:11px 0 0 0; padding:15px 0 15px 0; background-color:#EBEBEB; }
#visit .roam .flower ul { float:right; font-size:93%; padding:0; }
#visit .roam .flower li { width:274px; }
#visit .roam .flower ul.firstChild { float:left; padding:0 0 0 125px; }
#visit .roam .flower ul.firstChild  li { width:160px; }


/* exhibit
------------------------------------------------------------*/

/* index.html */
#exhibit .index div.pic-main { margin:23px 0 11px 0; }

/* ordinarily.html */
#exhibit .ordinarily h1 { background:none; padding-bottom:33px; }
#exhibit .ordinarily .section { background:none; }
#exhibit .ordinarily .section.firstChild { padding-top:0; }
#exhibit .ordinarily .section.firstChild .section { padding-top:44px; }
#exhibit .ordinarily h3.lv1-title { position:relative; margin-bottom:16px; }
#exhibit .ordinarily h3.lv1-title img { position:absolute; top:0; right:-14em; }
* html #exhibit .ordinarily h3.lv1-title img { right:-15em; }
*+html #exhibit .ordinarily h3.lv1-title img { right:-15em; }

/* future.html */
#exhibit .future h1 { background:none; padding-bottom:33px; }
#exhibit .future p.firstChild { padding-bottom:17px; background:url(../img/line_dot.gif) repeat-x left bottom transparent; }
#exhibit .future h2 { font-size:108%; font-weight:bold; }
#exhibit .future .section { width:652px; padding:24px 0 24px 0; background:url(../img/line_dot.gif) repeat-x left bottom transparent; }
#exhibit .future .section .header.group { margin:0; }
#exhibit .future .section p { margin:1.5em 0 0 0; }
#exhibit .future .section p.date { clear:both; margin-top:0.5em; }
#exhibit .future .section ul.supplement { margin:1em 0 0 0; font-size:85%; }



/* ordinarily.html */
#exhibit .project h1 { background:none; padding-bottom:33px; }
#exhibit .project h2 { margin-bottom:26px; padding-bottom:26px; }
#exhibit .project h3 { margin-bottom:10px; font-size:108%; font-weight:bold; }

#exhibit .project .section.firstChild { padding-top:0; background:none; }
#exhibit .project .section.firstChild .section { padding-top:44px; }
#exhibit .project .group { padding-bottom:25px; background:url(../img/line_dot.gif) repeat-x left bottom transparent; }
#exhibit .project .group .text { float:right; width:395px; }
#exhibit .project .group .image { float:left; width:226px; padding-left:1px; }

#exhibit .project .group .text ul.disc3 { margin:1em 0; }
#exhibit .project .group .text ul.disc3 li { font-size:93%; }

#exhibit .project .group2 { position:relative; height:230px; padding-top:25px; background:url(../img/line_dot.gif) repeat-x left top transparent; }
#exhibit .project .group2 .text { float:left; width:370px; }
#exhibit .project .group2 .image { float:right;  width:226px; padding-left:30px; padding-right:20px; }

#exhibit .project .end-project h2.dot { margin:0; padding:16px; background-image:none; }
#exhibit .project .end-project div.dot { margin:0 0 40px 0; padding:0 0 26px 0; }
#exhibit .project .end-project div.dot p.report { line-height:1.5em; margin:0; padding:5px; text-align:center; border:1px solid #236e7a; color:#236e7a;  }

/* 画像が縦横全て同じではない */
#exhibit .project ul.image { position:relative; height:950px; background:none; }
#exhibit .project ul.image li { position:absolute; display:block; margin:0; padding:0; }
#exhibit .project ul.image li.item1 { top:0; }
#exhibit .project ul.image li.item2 { top:0; left:341px; }
/* item3以降のtop: 自分のitem番号から「2」を引いたitem番号の画像の高さ＋40px; item番号が偶数のleft: 最大の画像横幅＋30px */
#exhibit .project ul.image li.item3 { top:212px; }
#exhibit .project ul.image li.item4 { top:177px; left:341px; }
#exhibit .project ul.image li.item5 { top:463px; }
#exhibit .project ul.image li.item6 { top:417px; left:341px; }
#exhibit .project ul.image li.item7 { top:742px; }
#exhibit .project ul.image li.item8 { top:664px; left:341px; }
#exhibit .project ul.image li img { vertical-align:bottom; }
/* 画像が縦横全て同じではない */

/* 画像が縦横全て同じ時に使用
#exhibit .project ul.image { position:relative; height:640px; background:none; }
#exhibit .project ul.image li { float:left; width:321px; height:139px; margin:0 0 40px 0; padding:0; }
#exhibit .project ul.image li.item1 {}
#exhibit .project ul.image li.item2 {}
#exhibit .project ul.image li.item3 {}
#exhibit .project ul.image li.item4 {}
#exhibit .project ul.image li.item5 {}
#exhibit .project ul.image li.item6 {}
#exhibit .project ul.image li.item7 { margin:0; }
#exhibit .project ul.image li.item8 { margin:0; }
#exhibit .project ul.image li img { vertical-align:bottom; }
画像が縦横全て同じ時に使用 */

.ex_notice { display:inline-block; margin:0 0 30px 0; padding:6px 21px 6px 21px; border:1px solid #C4887F; color:#8A1200; }
* html .ex_notice { display:inline; zoom:1; }
*+html .ex_notice { display:inline; zoom:1; }

/* backward/.*.html */
#exhibit .backward h1 { margin-bottom:0; }
#exhibit .backward .pager { margin-bottom:0; background:url(../img/line_dot.gif) repeat-x left bottom transparent; font-size:93%; }
#exhibit .backward .pager li { float:left; width:66px; padding:7px 0 8px 0; background:url(../img/line_dot.gif) repeat-x right bottom transparent; line-height:100%; }
#exhibit .backward .pager li.cycle { width:58px; }
#exhibit .backward .pager li a { padding-left:9px; background:url(../img/arrow_02.gif) no-repeat 3px center transparent; }
#exhibit .backward .pager li a { color:#236E7A; text-decoration:none; font-weight:bold; }
#exhibit .backward .pager li a:hover { text-decoration:underline; }
#exhibit .backward .pager li.current a { color:#333333; background-image:url(../img/arrow_02_r.gif); }

#exhibit .backward .section { padding:27px 0 27px 0; background-position:left bottom; }
#exhibit .backward .section .group { margin-bottom:0; }
#exhibit .backward .section  h2 { font-size:108%; font-weight:bold; line-height:140%; }
#exhibit .backward .section  p.date { margin:4px 0 2em 0; }
#exhibit .backward .section  p { margin:1em 0 0 0; line-height:1.5em; }
#exhibit .backward div.section.firstChild { padding:53px 0 25px 0; }


/* preservation
------------------------------------------------------------*/

/* index.html */
#preservation .index .section p.firstChild { padding-top:0; } /* for IE6 */
#preservation .index .section { background:none; }
#preservation .index .section.firstChild { padding-top:68px; }
#preservation .index .section ul { display:inline; width:550px; }
#preservation .index .section ul li { display:inline-block; width:151px; margin:20px 0 0 48px; text-align:center; vertical-align:top; }
* html #preservation .index .section ul li { display:inline;zoom:1; }
*+html #preservation .index .section ul li { display:inline;zoom:1; }
#preservation .index .section ul li.cycle { margin-left:0; }
#preservation .index .section ul li p { margin-top:6px; line-height:130%; }



/* guide
------------------------------------------------------------*/

/* index.html */
#guide .index .supplement { font-size:77%; }
#guide .index .section { background:none; }
#guide .index .section .group .event-control { float:right; width:340px; }
#guide .index .section .group .event-control h3 { font-size:100%; }
#guide .index .section .group .event-control h3 span.js-visual { color:#8A1200; font-size:77%; }
#guide .index .section .group .event-control h3 img { vertical-align:middle; margin-right:10px; }
#guide .index .section .group .map { float:left; width:330px; }
#guide .index .section ul.interactive-image { position:relative; width:340px; height:231px; padding:0 0 21px 0; }
#guide .index .section ul.interactive-image li { position:absolute; top:0; left:0; border:3px solid #E1E1E1; }
#guide .index .section ul.interactive-image li { display:none; }
#guide .index .section ul.interactive-image li.photo1 { display:block; }
#guide .index .section ul.nojs { width:340px; height:231px; padding:0 0 21px 0; }
#guide .index .section ul.nojs li { position:static; display:block; width:302px; height:105px; padding:90px 0 30px 30px; font-size:93%; border:3px solid #E1E1E1; }

#guide .index #article .group { margin:0; }
#guide .index .list-container ul { float:left; width:134px; }
#guide .index .list-container ul li { margin-top:15px; font-size:77%; color:#236E7A; letter-spacing:1px; }
#guide .index .list-container ul li a { display:inline-block; padding-left:18px; background-repeat:no-repeat; background-position:left center; color:#236E7A; }
#guide .index .list-container ul li.n1 a { background-image:url(../img/icon_num_01.gif); }
#guide .index .list-container ul li.n2 a { background-image:url(../img/icon_num_02.gif); }
#guide .index .list-container ul li.n3 a { background-image:url(../img/icon_num_03.gif); }
#guide .index .list-container ul li.n4 a { background-image:url(../img/icon_num_04.gif); }
#guide .index .list-container ul li.n5 a { background-image:url(../img/icon_num_05.gif); }
#guide .index .list-container ul li.n6 a { background-image:url(../img/icon_num_06.gif); }
#guide .index .list-container ul li.n7 a { background-image:url(../img/icon_num_07.gif); }

#guide .index #frame1 { display:block; width:340px; }
#guide .index #frame1 ul.interactive-image ,
#guide .index #frame1 ul.nojs { position:relative; }
* html #guide .index .pagetop { bottom:67px; }


/* shop
------------------------------------------------------------*/

/* index.html */
#shop .index .section { background:url(../img/line_dot.gif) repeat-x left bottom transparent; }
#shop .index #article .linkinpage ul { font-size:93%; }
#shop .index #article .linkinpage ul li { padding-left:1em; background:url(../img/disc_01.gif) no-repeat 0.3em 0.6em transparent; }
#shop .index .firstChild .text { float:left; }
#shop .index .firstChild .text ul a { color:#666666; text-decoration:none; }
#shop .index .firstChild .text ul a:hover { text-decoration:underline; }
#shop .index .firstChild .image { float:right; }
#shop .index .section .group { clear:both; margin:31px 0 0 0; padding:31px 0 0 0; background:url(../img/line_dot.gif) repeat-x top left; }
#shop .index .section .group.firstChild { margin-top:46px; }
#shop .index .section .group .section { float:left; width:196px; margin-left:63px; background:none; }
#shop .index .section .group .section.odd { margin-left:0; }
#shop .index .section .group .section .header h3 { margin-top:5px; font-size:93%; font-weight:bold; }
#shop .index .section .group .section .header p.price { margin:0; font-weight:bold; }
#shop .index .section .group .section p { margin:1em 0 0 0; }
#shop .index .once { clear:both; margin:46px 0 0 0; padding:31px 0 0 0; background:url(../img/line_dot.gif) repeat-x top left; }
#shop .index .header h3 { margin-top:5px; font-size:93%; font-weight:bold; }
#shop .index .header h3 a { font-weight:bold; color:#666666; text-decoration:underline; }
#shop .index .once p.price { margin:0; font-weight:bold; }
#shop .index .once p { margin:1em 0 0 0; }
#shop .index .section.once { width:auto; }
#shop .index .section .linkinpage { background:none; }

#shop .index .parlour h3 { font-size:100%; }
#shop .index .parlour h3 a { font-size:93%; font-weight:bold; color:#666666; text-decoration:underline; }
#shop .index .parlour .text { float:right; width:473px; }
#shop .index .parlour .image { float:left; width:196px; }
#shop .index .parlour .text .section h4 { font-size:93%; font-weight:bold; }
#shop .index .parlour .text .section { float:none; width:auto; margin:1.5em 0 1.5em 0; background:none; }


/* press
------------------------------------------------------------*/

/* index.html */
#press .index ul.pressList { display:inline-block; margin-top:28px; width:495px; }
#press .index ul.pressList li { display:inline-block; margin:15px 0 0 21px; vertical-align:top; text-align:center; }
#press .index ul.pressList li.cycle { margin-left:0; }
* html #press .index ul.pressList li { display:inline; zoom:1; }
*+html #press .index ul.pressList li { display:inline; zoom:1; }
#press .index ul.pressList li p { margin-top:4px; font-size:77%; line-height:130%; }
#press .index .section { background:none; }
#press .index .section h2 { margin-bottom:13px; }
#press .index .section table { table-layout:fixed; background:url(../img/line_dot.gif) repeat-x left top transparent; }
#press .index .section table tr td { padding:4px 0 4px 0; width:6em; background:url(../img/line_dot.gif) repeat-x left bottom transparent; text-align:center; font-size:93%; }
#press .index .section table tr th { padding:4px 0 4px 3px; width:18em; background:url(../img/line_dot.gif) repeat-x left bottom transparent; font-size:93%; }