/* ===================================================================
+ Reset
------------------------------------------------------------------- */
/*
YUI 3.7.3 (build 5687)
Copyright 2012 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
.html
{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{z-index:auto;font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}
/*
*{
border:solid 1px red !important; padding:10px !important;
filter:none !important
}
a{position:relative !important;z-index:10000 !important;border:solid 1px blue !important;}
img{filter:none !important}
*/
/* ===================================================================
+ Base
------------------------------------------------------------------- */
.html
{
height:100%;
}
body{
font-family: "meiryo","メイリオ","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","ＭＳ Ｐゴシック",sans-serif;
background:#ffffff url(/images/cmn_body_bg.jpg) repeat scroll center top;
font-size:80%;
color:#543b23;
line-height:1;
min-height:100%;
height:auto !important;
height:100%;
position:relative;
}
hr{
display:none;
}
em{
color:#e85218;
font-style:normal;
}
strong{
font-weight:bold;
}
a{
cursor:pointer;
color:#2a7087;
text-decoration:none;
}
a:hover{
color:#15a0b1;
text-decoration:underline;
}
a:visited{
color:#6f6290;
text-decoration:none;
}
/* Header
------------------------------------------------------------------- */
#header{
position:relative;
z-index:501;
background:transparent url(/images/cmn_header_bg_repeat.png) repeat-x scroll left top;
height:142px;
}
#header div.wrapper{
min-width:960px;
height:142px;
background:transparent url(/images/cmn_header_bg.png) no-repeat center top;
position:relative;
}
/* Logo */
#header h1#pagetop{
padding-top:13px;
position:absolute;
top:0;
left:50%;
margin-left:-480px;
z-index:100;
}
/* Global Navigation */
#header div.navi{
position:absolute;
top:0;
left:50%;
margin-left:-480px;
width:960px;
height:142px;
}
#header div.navi ul{
position:relative;
width:960px;
}
#header div.navi ul li{
position:absolute;
top:89px;
width:160px;
height:50px;
}
#header div.navi ul li.home{
left:0;
}
#header div.navi ul li.know{
left:160px;
}
#header div.navi ul li.see{
left:320px;
}
#header div.navi ul li.learn{
left:480px;
}
#header div.navi ul li.explore{
left:640px;
}
#header div.navi ul li.visit{
left:800px;
}
#header div.navi ul li.membership{
top:22px;
right:-4px;
width:169px;
height:49px;
}
#header div.navi ul li.about{
top:51px;
right:179px;
width:115px;
height:16px;
}
#header div.navi ul li.link{
top:51px;
right:307px;
width:65px;
height:17px;
}
#header div.navi ul li.english{
top:28px;
right:311px;
width:61px;
height:17px;
}
#header div.navi ul li.chinese{
top:27px;
right:253px;
width:41px;
height:17px;
}
#header div.navi ul li.korean{
top:27px;
right:181px;
width:52px;
height:17px;
}
#header div.navi ul li .childNav{
position:absolute;
top:50px;
left:0;
width:160px;
height:auto;
display:none;
}
#header div.navi ul li .childNav ul{
width:100%;
}
#header div.navi ul li .childNav ul li{
position:static;
margin:0 0 -1px;
height:auto;
border-top:1px solid #69491e;
}
#header div.navi ul li .childNav ul li a{
display:block;
margin:0;
padding:10px 15px;
background-color:#8e6329;
color:#fff;
font-size:12px;
line-height:1.5;
zoom: 1;
}
#header div.navi ul li .childNav ul li a:hover{
background-color:#664519;
text-decoration:none;
}
/* Locus
------------------------------------------------------------------- */
#locus{
background:transparent url(/images/cmn_locus_bg.png) repeat-x scroll left bottom;
}
#locus p{
margin:0 auto;
width:960px;
padding:7px 0 10px;
line-height:1.2;
}
#locus p img.into{
vertical-align:middle;
margin:0 0.5em;
}
#locus p strong.here{
color:#766348;
}
#locus p a{
text-decoration:underline;
}
/* Container
------------------------------------------------------------------- */
#container{
margin:0 auto;
width:974px;
zoom:1;
}
#container:after{
content:"";
clear:both;
height:0;
display:block;
visibility:hidden;
}
/* Contents & Main Contents - Common Parts
------------------------------------------------------------------- */
/* Page Title */
#container h1.pt{
background:transparent url(/images/cmn_contents_pt_bg.png) no-repeat scroll center bottom;
padding:23px 7px 20px;
font-size:140%;
font-weight:bold;
line-height:1.4;
}
#contents p,
#main p,
#contents table tr th,
#main table tr th,
#contents table tr td,
#main table tr td,
#contents li,
#main li{
line-height: 1.5;
top: auto;
}
#main h1.pt{
background:transparent url(/images/cmn_main_pt_bg.png) no-repeat scroll center bottom;
}
/* Mat */
#container div.mat{
padding-bottom:17px;
margin-bottom:6px;
background:transparent url(/images/cmn_contents_bg_mat_btm.png) no-repeat scroll center bottom;
}
#main div.mat{
background:transparent url(/images/cmn_main_bg_mat_btm.png) no-repeat scroll center bottom;
}
#container div.mat div.wrapper{
background:transparent url(/images/cmn_contents_bg_mat_top.png) no-repeat scroll center top;
padding:29px 0 0;
}
#main div.mat div.wrapper{
background:transparent url(/images/cmn_main_bg_mat_top.png) no-repeat scroll center top;
}
#container div.mat div.wrapper div.wrapper{
padding:10px 0 0;
background:transparent url(/images/cmn_contents_bg_mat.png) repeat-y scroll center top;
}
#main div.mat div.wrapper div.wrapper{
background:transparent url(/images/cmn_main_bg_mat.png) repeat-y scroll center top;
}
/* Last */
#container .last{
padding-bottom:0 !important;
margin-bottom:20px !important;
}
/* Section */
#container div.mat div.sectionLL,
#container div.mat div.sectionL,
#container div.mat div.sectionM,
#container div.mat div.sectionS,
#container div.mat div.section01{
margin:0 auto 20px;
clear:both;
}
/* Section - LL */
#container div.mat div.sectionLL{
width:700px;
}
#main div.mat div.sectionLL{
width:635px;
}
/* Section - L */
#container div.mat div.sectionL{
width:680px;
}
#main div.mat div.sectionL{
width:615px;
}
/* Section - M */
#container div.mat div.sectionM{
width:640px;
}
#main div.mat div.sectionM{
width:575px;
}
/* Section - S */
#container div.mat div.sectionS{
width:610px;
}
#main div.mat div.sectionS{
width:545px;
}
/* Section - 01 */
#container div.mat div.section01{
width:635px;
background:#eee0ce;
border-radius:10px;
margin-top:30px;
box-sizing:border-box;
padding:20px 20px 30px;
}
#container div.mat div.section01 p{
font-size:15px;
line-height:1.73;
}
#container div.mat div.section01 > p:first-child{
	padding-top:6px;
}
/* Headline */
#container .hL,
#container .hL_see,
#container .hL_learn,
#container .hM,
#container .hM_link,
#container .hS,
#container .h01{
margin:0 auto;
padding-bottom:10px;
}
/* Headline - Large */
#container .hL,
#container .hL_see,
#container .hL_learn{
width:700px;
font-weight:bold;
font-size:130%;
line-height:1.4;
margin-bottom:10px;
padding-bottom:5px;
color:#543b23;
border-bottom:solid 3px #c5b097;
}
#main .hL,
#main .hL_see,
#main .hL_learn{
width:635px;
}
#container .hL_see{
color:#653f61;
border-bottom:solid 3px #bca4b9;
}
#container .hL_learn{
color:#3b5c72;
border-bottom:solid 3px #a9c8dc;
}
/* Headline - Middle */
#container .hM,
#container .hM_see,
#container .hM_learn,
#container .hM_link{
width:623px;
font-weight:bold;
font-size:120%;
line-height:1.4;
padding-left:17px;
color:#543b23;
background:transparent url(/images/cmn_mark_circle.png) no-repeat left 0.25em;
}
#container div.section01 .hM{
	margin-top:22px;
	width:578px;
}
#container .hM_link{
width:640px;
background:none;
padding-left:0;
}
#main .hM,
#main .hM_see,
#main .hM_learn{
width:558px;
}
#main .hM_link{
width:575px;
}
#container .hM_see{
color:#653f61;
}
#container .hM_learn{
color:#3b5c72;
}
#container .exhibitionTitle .noLink,
#container .eventTitle .noLink{
padding-left:17px;
background:transparent url(/images/cmn_mark_circle.png) no-repeat left 0.35em;
color:#543B23;
font-size:130%;
}
/* Headline - Small */
#container .hS{
width:545px;
font-weight:bold;
margin-bottom:10px;
font-size:100%;
}
/* Headline - 01 */
#container .h01{
margin:60px auto 0;
width:635px;
padding-bottom:15px;
background:transparent url(/images/cmn_h01_bg.gif) no-repeat center bottom;
font-size:22px;
font-weight:bold;
color:#e56c00;
}
/* Headline - 02 */
#container .h02{
margin:0 0 24px;
padding-bottom:12px;
border-bottom:solid 1px #8d6c4d;
font-size:20px;
font-weight:bold;
color:#543b23;
}
/* Headline - 03 */
#container .h03{
margin:22px 0 17px;
padding:10px 0 7px;
text-align:center;
background:#c0ae96;
font-size:15px;
font-weight:bold;
color:#fff;
}
/* Tag - 01 */
#container div.mat div.tag01{
display:inline-block;
*display:inline;
*zoom:1;
padding:3px 30px 0 20px;
margin:-10px 0 20px -20px;
border-radius:0 1em 1em 0;
background:#7bb478;
font-size:15px;
color:#fff;
}
#container div.mat div.section01 div.tag01{
font-size:15px;
line-height:1.73;
}
/* Picture */
#container div.picL,
#container div.picR,
#container div.picC{
margin-bottom:20px;
}
#container div.pic{
vertical-align:bottom;
display:inline-block;
*display:inline;
*zoom:1;
}
#container div.pic div.media img{
vertical-align:bottom;
}
#container div.pic p{
padding-top:5px;
color:#766348;
font-size:90%;
text-align:left;
}
#container .picCaptionBottom{
padding-top:5px;
}
/* Picture - Full */
#container div.picF{
text-align:center;
margin-top:22px;
}
#container div.picF div.pic{
margin:0;
}
/* Picture - Center */
#container div.picC{
text-align:center;
}
#container div.picC div.pic{
margin:0 25px;
}
/* Picture - Left */
#container div.picL{
float:left;
padding:0 10px 0 0;
}
#container div.picL div.pic{
margin:0 5px 0 0;
}
/* Picture - Right */
#container div.picR{
float:right;
padding:0 0 0 10px;
}
#container div.picR div.pic{
margin:0 0 0 5px;
}
/* Table - Bg */
#container div.tableBg{
clear:both;
border-bottom:solid 1px #dbcebc;
}
#container div.tableBg table{
width:100%;
border-collapse:separate;
}
#container div.tableBg table tr{
vertical-align:top;
}
#container div.tableBg table tr th,
#container div.tableBg table tr td{
text-align:center;
vertical-align:top;
border-left:solid 2px #fff2e1;
padding:8px 40px;
}
#container div.tableBg table tr th{
font-weight:bold;
}
#container div.tableBg table thead th{
background-color:#f6e1c6;
border-bottom:solid 1px #fff2e1;
}
#container div.tableBg table thead td{
border-left:none;
}
#container div.tableBg table tbody tr th,
#container div.tableBg table tbody tr td{
border-top:dotted 1px #c6b6a4;
background-color:#f8e8d3;
}
#container div.tableBg table tbody tr th{
text-align:left;
background-color:#fff2e1;
}
#container div.tableBg table tr.top th,
#container div.tableBg table tr.top td{
border-top:solid 1px #dbcebc;
}
/* Table - Line */
#container div.tableLine{
clear:both;
border-top:solid 1px #dbcebc;
border-bottom:solid 1px #dbcebc;
padding:2px 10px;
}
#container div.tableLine table{
width:100%;
}
#container div.tableLine table tr{
vertical-align:top;
}
#container div.tableLine table tr th,
#container div.tableLine table tr td{
vertical-align:top;
border-top:dotted 1px #c6b6a4;
}
#container div.tableLine table tr.top th,
#container div.tableLine table tr.top td{
border-top:none;
}
#container div.tableLine table tr th{
padding:5px 40px 5px 0;
}
#container div.tableLine table tr th span.line,
#container div.tableLine table tr th span.line_see,
#container div.tableLine table tr th span.line_learn{
display:block;
border-left:solid 3px #ac8e6b;
padding:5px 0 5px 10px;
font-weight:bold;
}
#container div.tableLine table tr th span.line_see{
border-color:#9f7d9b;
}
#container div.tableLine table tr th span.line_learn{
border-color: #85b1cd;
}
#container div.tableLine table tr td{
padding:12px 0;
}
/* Table - Inner */
#container table.inner,
#container table.inner th,
#container table.inner td{
border:none !important;
padding:0 !important;
width:auto !important;
background:none !important;
}
#container table.inner th{
font-weight:bold;
}
/* DataList - Notes */
#container dl.notes{
margin-top:10px;
font-size:80%;
line-height:1.5;
}
#container dl.notes dt{
margin-bottom:-1.5em;
}
#container dl.notes dd{
padding-left:2em;
padding-bottom:5px;
}
/* List - Disc */
#container ul.disc{
list-style:none;
}
#container ul.disc li{
background:transparent url(/images/cmn_mark_disc.png) no-repeat left 0.2em;
padding-left:14px;
margin-top:15px;
}
#container ul.disc li.top{
margin-top:0;
}
/* List - Notes */
#container ul.notes{
margin-top:10px;
font-size:80%;
line-height:1.5;
}
#container ul.notes li{
padding-bottom:5px;
}
/* List - link01 */
#container ul.link01{
list-style:none;
padding:0 20px;
}
#container ul.link01 li{
background:transparent url(/images/cmn_mark_arrow_01.png) no-repeat left 0.2em;
padding-left:21px;
font-size:15px;
}
#container ul.link01 li + li{
	margin-top:10px;
}
#container ul.link01 li a{
	color:#543b23;
}
/* Go Top */
#container div.gotop{
clear:both;
margin:0 auto 20px;
text-align:right;
width:700px;
}
#container div.sectionLL div.gotop,
#container div.sectionL div.gotop,
#container div.sectionM div.gotop,
#container div.sectionS div.gotop{
clear:both;
width:100%;
text-align:right;
}
#main div.gotop{
width:635px;
}
#container div.gotop a{
padding-left:15px;
background:transparent url(/images/cmn_mark_arrow_up.gif) no-repeat left 0.2em;
}
/* Mark - Zoom */
#container a.zoom img{
border:solid 1px #36778c;
margin-bottom:6px;
}
/* Mark - Zoom */
#container span.zoom{
padding-left:18px;
line-height:1.5;
background:transparent url(/images/cmn_icon_zoom.gif) no-repeat left 0.2em;
}
/* Mark - Link */
#container a.link{
padding-left:15px;
background:transparent url(/images/cmn_mark_arrow.png) no-repeat left 0.2em;
}
/* Mark - Newwin */
#container a.newwin{
padding-left:18px;
background:transparent url(/images/cmn_mark_newwin.gif) no-repeat left 0.2em;
}
/* Mark - PDF */
#container a.pdf{
padding-left:18px;
background:transparent url(/images/cmn_mark_pdf.gif) no-repeat left 0.2em;
}
/* Mark - Circle */
#container .cir{
padding-left:20px;
color:#543b23;
background:transparent url(/images/cmn_mark_circle_02.gif) no-repeat left 0.25em;
}
#container .cir_learn{
color:#3b5c72;
}
/* Mark - Circle Link */
#container a.cirLink,
#container a.cirLink_learn{
padding-left:20px;
background:transparent url(/images/cmn_mark_circle_02_link.gif) no-repeat left 0.25em;
}
/* Mark - Square */
#container .sq{
padding-left:25px;
color:#543b23;
background:transparent url(/images/cmn_mark_square.gif) no-repeat left 0.1em;
}
/* Banner */
#container div.bnr{
margin-top:10px;
text-align:center;
}
#container div.bnr ul li{
margin-bottom:5px;
}
#container div.bnr ul li + li img{
	display:block;
	width:99%;
	height:auto;
	margin:0 auto;
}
/* Banner SNS */
.bnrSNS{
	width:94%;
	margin:10px auto 0;
	text-align:right;
}
.bnrSNS > a{
	margin-left:20px;
}
/* Banner Palmyra */
.bnrPalmyra{
	padding-top:5px;
	clear:both;
}
.bnrPalmyra > a > img{
	display:block;
	width:96.5%;
	height:auto;
	margin:0 5px;
}
/* Main Visual */
#container div.mv{
margin-bottom:-4px;
padding:13px 8px 8px;
}
#main div.mv{
background:transparent url(/images/cmn_main_bg_mv.png) no-repeat left 5px;
text-align:center;
}
/* Lead */
#container div.lead{
padding:7px;
}
#container div.lead p.lead{
font-weight:bold;
font-size:110%;
}
#container div.lead p.lead span.note{
font-size:85%;
}
/* Back */
#container div.back{
margin:10px 0 3px;
padding:0 7px;
}
/* Skip Navigation */
#container div.skip{
width:700px;
padding:3px 0;
margin:0 auto 15px;
background:transparent url(/images/cmn_bg_dot.gif) repeat left top;
}
#container #main div.skip{
width:635px;
}
#container div.skip ul{
padding:7px 10px;
background-color:#fff2e1;
zoom:1;
}
#container div.skip ul:after{
content:"";
clear:both;
height:0;
display:block;
visibility:hidden;
}
#container div.skip li{
display:block;
float:left;
border-left:solid 1px #c6b6a4;
padding:4px 10px;
}
#container div.skip li.oldest{
border-right:solid 1px #c6b6a4;
}
#container div.skip li a{
padding-left:15px;
background:transparent url(/images/cmn_mark_arrow_down.gif) no-repeat left 0.4em;
text-decoration:none;
}
/* Skip Navigation - 01 */
#container div.skip01{
margin:-31px auto 0;
width:693px;
background:#8f6f4f url(/event/images/children_bg.jpg) no-repeat center top;
}
#container div.skip01 > ul{
width:635px;
margin:0 auto;
padding:37px 0;
overflow:hidden;
zoom:1;
}
#container div.skip01 > ul > li{
width:317px;
height:118px;
padding-bottom:7px;
vertical-align:top;
}
#container div.skip01 > ul > li.left{
	float:left;
}
#container div.skip01 > ul > li.right{
	float:right;
}
#container div.skip01 > ul > li > a{
width:317px;
height:118px;
display:block;
font-size:18px;
font-weight:bold;
padding:32px 0 0;
line-height:1.56;
color:#fff;
text-align:center;
text-decoration:none;
background:url(/images/cmn_skip01_bg_off.png) no-repeat center top;
}
#container div.skip01 > ul > li > a.line2{
padding-top:19px;
}
#container div.skip01 > ul > li > a:hover{
background-image:url(/images/cmn_skip01_bg_on.png);
}
/* Guide */
#container div.guide{
background:transparent url(/images/cmn_guide_bg_btm.png) repeat-x center bottom;
}
#container #side div.guide{
margin:0 auto;
width:235px;
}
#container div.guide .headline{
padding-bottom:4px;
background:transparent url(/images/cmn_guide_bg_top.png) repeat-x center bottom;
zoom:1;
}
#container div.guide .headline:after{
content:"";
clear:both;
height:0;
display:block;
visibility:hidden;
}
#container div.guide span.title{
display:block;
width:117px;
float:left;
}
#container div.guide span.map{
display:block;
padding:5px 10px 0 0;
width:58px;
float:right;
}
#container div.guide div.wrapper{
padding:10px;
background:transparent url(/images/cmn_guide_bg.png) repeat center top;
}
#container div.guide dl dt{
font-weight:bold;
font-size:120%;
line-height:1.4;
padding-left:17px;
color:#543b23;
background:transparent url(/images/cmn_mark_circle.png) no-repeat left 0.25em;
}
#container div.guide dl dd{
padding:5px 0 15px 17px;
line-height:1.4;
}
#container div.guide dl dd dl.close{
padding:8px 0 0 0;
color:#b23f12;
}
#container div.guide dl dd dl.close dt{
padding:0;
color:#b23f12;
background-image:none;
}
#container div.guide dl dd dl.close dd{
padding:5px 0 0 0;
}
/* Contents
------------------------------------------------------------------- */
#contents{
margin:0 auto;
width:774px;
padding-bottom:13em;
}
/* Main Contents
------------------------------------------------------------------- */
#main{
float:left;
width:709px;
padding-bottom:13em;
}
#main .acaBnr{
padding:20px 10px 0;
}
#main .acaBnr img{
margin-right:10px;
vertical-align:-9px;
}
/* Side
------------------------------------------------------------------- */
#side{
float:right;
width:249px;
margin-top:54px;
}
/* Side Navigation */
#side div.navi{
width:249px;
background:transparent url(/images/cmn_side_navi_bg_btm.png) no-repeat scroll center bottom;
padding-bottom:5px;
}
#side div.navi div.wrapper{
width:249px;
background:transparent url(/images/cmn_side_navi_bg_top.png) no-repeat scroll center top;
padding-top:5px;
}
#side div.navi div.wrapper ul{
padding:0 7px;
width:235px;
background:transparent url(/images/cmn_side_navi_bg.png) repeat-y scroll center top;
}
#side div.navi div.wrapper ul li{
vertical-align:top;
display:block;
width:233px;
border-right:solid 1px #dbc4a8;
border-left:solid 1px #dbc4a8;
border-bottom:solid 1px #dbc4a8;
background:#715021 url(/images/cmn_side_navi_bg_on.gif) repeat-x scroll left top;
line-height:1.4;
}
#side div.navi div.wrapper ul li img{
vertical-align:top;
}
#side div.navi div.wrapper ul li.top{
border:solid 1px #dbc4a8;
}
#side div.navi div.wrapper ul li a{
width:208px;
padding:1em 5px 1em 20px;
display:block;
background:#3f1b06 url(/images/cmn_mark_arrow_01_side.gif) no-repeat scroll 5px 1.1em;
color:#ffffff;
text-decoration:none;
}
#side div.navi div.wrapper ul li.here a,
#side div.navi div.wrapper ul li a:hover{
background:transparent url(/images/cmn_mark_arrow_02_side.gif) no-repeat scroll 5px 1.1em;
}
#side div.navi div.wrapper ul li.top a{
padding:0;
}
/* Footer
------------------------------------------------------------------- */
#footer{
background: transparent url(/images/cmn_footer_bg_repeat.png) repeat-x scroll left 17px;
color: #fedac4;
}
#footer a{
color:#fed9c3;
text-decoration:underline;
}
#footer div.wrapper{
min-width:960px;
background:transparent url(/images/cmn_footer_bg.png) no-repeat center 21px;
position:relative;
}
/* Logo */
#footer h1{
position:absolute;
top:39px;
right:50%;
margin-right:-480px;
width:197px;
text-align:right;
}
/* Footer Navigation */
#footer div.navi{
width:960px;
margin:0 auto;
padding:33px 0 0;
}
#footer div.navi ul{
width:630px;
}
#footer div.navi ul li{
display:inline;
padding:0 0 0 0.5em;
border-left:solid 1px #fed9c3;
white-space:nowrap;
}
#footer div.navi ul li.map{
padding-left:15px;
}
#footer div.navi ul li.map img{
vertical-align:middle;
}
/* Footer Contact */
#footer div.contact{
width:960px;
margin:0 auto;
padding:10px 0 0;
}
#footer div.contact dl{
font-size: 93%;
}
#footer div.contact dl dt,
#footer div.contact dl dd{
display:inline;
}
#footer div.contact dl dt{
padding-left:1.5em;
}
/* Copyright */
#footer div.copyright{
width:960px;
margin:0 auto;
padding:8px 0 20px;
color:#a6824b;
}
#footer div.copyright a{
color:#a6824b;
text-decoration:underline;
}
/* Go Top */
#footer div.gotop{
position: absolute;
top: 0;
left: 420px;
margin-left: -480px;
width: 960px;
text-align: right;
}
/* ===================================================================
+ Page
------------------------------------------------------------------- */
/* Home
------------------------------------------------------------------- */
/* Container */
#Home div#container{
position:relative;
z-index:500;
margin-top:-3px;
width:100%;
min-width:980px;
background:transparent url(/images/index_know_bg_01.gif) no-repeat center 377px;
}
/* Main Visual */
#Home div#mv{
position:relative;
padding-top:10px;
background:transparent url(/images/index_mv_bg.png) repeat left top;
}
#Home div#mv div.wrapper{
background:transparent url(/images/index_mv_slide_bg.png) no-repeat center top;
}
#Home div#mv div#slider{
margin:0 auto;
width:898px;
overflow:hidden;
}
#Home div#mv div#slider ul,
#Home div#mv div#slider ul li{
position:relative;
margin:0;
padding:0;
list-style:none;
display:block;
}
#Home div#mv div#slider ul li{
width:898px;
overflow:hidden;
display:none;
}
#Home div#mv div#slider ul li.first{
display:block;
}
#Home div#mv div#slider div.wrapper{
padding:6px 0 19px;
width:898px;
background:transparent url(/images/index_mv_slide_bg_hover.gif) no-repeat left 6px;
}
#Home div#mv div#slider div.slide{
width:896px;
border:solid 1px #a2805d;
background-color:#000000;
zoom:1;
position:relative;
}
#Home div#mv div#slider div.slide:after{
content:"";
clear:both;
height:0;
display:block;
visibility:hidden;
}
#Home div#mv div#slider div.slide dl.txt{
float:left;
width:385px;
}
#Home div#mv div#slider div.slide dl.txt{
padding-top:16px;
}
#Home div#mv div#slider div.slide dl.txt dt{
width:361px;
position:relative;
padding-bottom:10px;
}
#Home div#mv div#slider div.slide dl.txt dt span{
display:block;
}
#Home div#mv div#slider div.slide dl.txt dt span.category{
}
#Home div#mv div#slider div.slide dl.txt dt span.date{
position:absolute;
right:0;
top:0;
text-align:right;
color:#e1be74;
font-weight:bold;
font-size:220%;
}
#Home div#mv div#slider div.slide dl.txt dd.outline{
height:240px;
overflow:auto;
}
#Home div#mv div#slider div.slide dl.txt dd.outline dl{
margin:0 auto;
padding:30px 0 10px;
width:287px;
}
#Home div#mv div#slider div.slide dl.txt dd.outline dl dt{
width:auto;
font-size:220%;
line-height:1.4;
}
#Home div#mv div#slider div.slide dl.txt dd.outline dl dt,
#Home div#mv div#slider div.slide dl.txt dd.outline dl dd.catch{
font-weight:bold;
color:#e1be74;
padding-bottom:10px;
}
#Home div#mv div#slider div.slide dl.txt dd.outline dl dd{
color:#c59465;
font-size:90%;
line-height:1.5;
}
#Home div#mv div#slider div.slide dl.txt dd.outline dl dd p{
padding-bottom:20px;
}
#Home div#mv div#slider div.slide dl.txt dd.outline dl dd.catch{
font-size:110%;
}
#Home div#mv div#slider div.slide dl.txt dd.godetail{
text-align:right;
padding-top:5px;
}
#Home div#mv div#slider div.slide div.media{
width:506px;
float:right;
}
#Home div#mv .prevBtn a:focus,
#Home div#mv .nextBtn a:focus{
outline:none;
}
#Home div#mv .prevBtn,
#Home div#mv .nextBtn{
margin:0;
padding:0;
display:block;
overflow:hidden;
width:31px;
height:332px;
top:16px;
z-index:1000;
cursor:pointer;
position:absolute;
}
#Home div#mv .prevBtn{
left:50%;
margin-left:-480px;
text-indent:-100em;
background:transparent url(/images/index_slider_btn_prev.png) no-repeat left top;
}
#Home div#mv .nextBtn{
right:50%;
margin-right:-480px;
text-indent:-100em;
background:transparent url(/images/index_slider_btn_next.png) no-repeat left top;
}
#Home div#mv .prevBtn:hover,
#Home div#mv .nextBtn:hover{
background-position:right top;
}
/* Contents */
#Home div#contents{
padding-top:0;
width:978px;;
}
/* Row */
#Home div.row{
zoom:1;
width:978px;
}
#Home div.row:after{
content:"";
clear:both;
height:0;
display:block;
visibility:hidden;
}
#Home div.top{
padding-top:0;
}
/* Know */
#Home div.know{
float:right;
padding-right:40px;
}
/* Top News */
#Home div#topNews{
width:630px;
margin-top:35px;
margin-left:9px;
float:left;
overflow:hidden;
}
#Home div#topNews .topNewsHeader{
width:630px;
}
#Home div#topNews .topNewsHeader h2{
width:630px;
margin:0;
padding:0;
}
#Home div#topNews .topNewsBody{
width:630px;
height:211px;
background:url(../images/index_topnews_bg.png) repeat-x 0 0;
}
#Home div#topNews .topNewsBodyInner{
width:630px;
padding:5px 0;
height:194px;
overflow:auto;
}
#Home div#topNews .topNewsBodyInner table{
width:610px;
table-layout:fixed;
}
#Home div#topNews .topNewsBodyInner table th{
font-weight:normal;
width:110px;
padding:5px 0 5px 18px;
vertical-align:top;
color:#44382b;
}
#Home div#topNews .topNewsBodyInner table td{
font-weight:normal;
padding:5px 0 5px 5px;
vertical-align:top;
}
#Home div#topNews .topNewsBodyInner table td p{
padding-left:22px;
text-indent:-22px;
}
#Home div#topNews .topNewsBodyInner table td p a{
color:#44382b;
}
#Home div#topNews .topNewsBodyInner table td p span{
color:#44382b;
}
#Home div#topNews .topNewsBodyInner table td p span.normal{
padding-left:20px;
background:transparent url(/images/cmn_mark_disc.gif) no-repeat 3px 6px;
}
#Home div#topNews .topNewsBodyInner table td p a.link{
padding-left:20px;
background:transparent url(/images/cmn_mark_arrow.gif) no-repeat 2px 4px;
}
#Home div#topNews .topNewsBodyInner table td p a.newwin{
padding-left:20px;
background:transparent url(/images/cmn_mark_newwin.gif) no-repeat left 4px;
}
#Home div#topNews .topNewsBodyInner table td p a.pdf{
padding-left:20px;
background:transparent url(/images/cmn_mark_pdf.gif) no-repeat left 3px;
}
/* Menu */
#Home div#menuArea{
width:660px;
float:left;
overflow:hidden;
}
#Home div.menu{
float:left;
width:318px;
margin:0 12px 26px 0;
padding:0 0 5px;
background:transparent url(/images/index_menu_bg_btm.png) no-repeat center bottom;
}
#Home div.menu div.wrapper{
margin-top:-9px;
padding:15px 25px;
zoom:1;
background:transparent url(/images/index_menu_bg.png) repeat-y center top;
}
#Home div.top div.menu{
margin-top:31px;
}
/* Information */
#Home div.information{
float:left;
width:318px;
}
/* Visit */
#Home div.visit{
}
/* Guide */
#Home div.guide{
margin:0 auto;
width:300px;
}
/* See - Common Style
------------------------------------------------------------------- */
/* Exhibition Header */
body.see div.mat div.exhibitionHeader{
clear:both;
width: 635px;
margin:0 auto 20px;
}
body.see div.mat div.exhibitionHeader h2{
padding-bottom:22px;
}
body.see div.mat div.exhibitionHeader h2 span{
display:block;
font-weight:bold;
}
body.see div.mat div.exhibitionHeader h2 span.date{
font-size:160%;
padding-bottom:11px;
font-weight:bold;
}
body.see div.mat div.exhibitionHeader h2 span.category{
font-size:120%;
color:#a46325;
padding-bottom:4px;
}
body.see div.mat div.exhibitionHeader h2 span.title,
body.see div.mat div.exhibitionHeader h2 strong.title,
body.see div.mat div.exhibitionHeader h2 a.title{
font-size:220%;
padding-top:7px;
display:block;
font-weight:bold;
}
body.see div.mat div.exhibitionHeader h2 span.subtitle{
font-size:120%;
padding-top:7px;
}
body.see div.mat div.exhibitionHeader h2 .title span.subtitle{
font-size:70%;
padding:0;
display:inline;
}
body.see div.mat div.exhibitionHeader p{
padding-bottom:20px;
}
body.see div.mat div.exhibitionHeader p.catch{
font-weight:bold;
font-size:130%;
color:#8c6888;
}
body.see div.mat div.exhibitionHeader div.tableLine table tr th{
width:6em;
}
/* Related Event */
body.see #container div.mat div.relatedEvent{
width: 615px;
margin:0 auto 20px;
clear:both;
}
body.see #container div.mat div.relatedEvent h3.eventTitle{
line-height:1.3;
font-weight:bold;
font-size:140%;
color:#3b5c72;
padding-bottom:10px;
}
body.see #container div.mat div.relatedEvent h3.eventTitle span.noLink{
font-size:100%;
}
body.see #container div.mat div.relatedEvent h3.eventTitle span.subtitle{
font-size:75%;
}
body.see #container div.mat div#map{
margin:0 auto;
width:575px;
height:472px;
position:relative;
}
body.see #container div.mat div#map div.bg{
position:absolute;
left:0;
top:0;
z-index:0;
}
body.see #container div.mat div#map div.map{
position:absolute;
left:0;
top:0;
display:none;
z-index:100;
cursor:pointer;
}
/* Exhibition - Common Style
------------------------------------------------------------------- */
body.exhibition #container div.mat div.wrapper div.wrapper{
padding-top:0;
}
body.exhibition div.mat .year{
font-weight:bold;
font-size:140%;
}
body.exhibition div.mat .date{
font-weight:bold;
font-size:140%;
}
body.exhibition div.mat .exhibitionTitle{
font-weight:bold;
}
body.exhibition div.mat .exhibitionTitle span.category{
display:block;
font-size:120%;
color:#a46325;
padding-bottom:9px;
}
body.exhibition div.mat .exhibitionTitle strong.title,
body.exhibition div.mat .exhibitionTitle a.title{
color:#543b23;
font-size:130%;
background-position:left 0.1em;
}
body.exhibition div.mat .exhibitionTitle a.cirLink_learn{
color:#3b5c72;
}
body.exhibition div.mat .exhibitionTitle a.title:hover{
color:#15a0b1;
}
body.exhibition div.mat .exhibitionTitle a.title:visited{
color:#6f6290;
}
body.exhibition div.mat .exhibitionTitle .title span.subtitle{
font-size:70%;
padding:0;
display:inline;
}
body.exhibition div.mat p.catch_learn{
color:#3b5c72;
padding-bottom:10px;
}
/* Exhibition - Index
------------------------------------------------------------------- */
#Exhibition_Index #container div.mat{
padding-bottom:7px;
margin-bottom:-4px;
background-image:url(/images/cmn_main_bg_mat_btm_short.png);
}
#Exhibition_Index #container div.mat p{
margin:15px 0 0;
padding:0;
}
#Exhibition_Index #container div.mat .date{
padding-bottom:0;
}
/* Exhibition - Past
------------------------------------------------------------------- */
#Exhibition_Past #container div.mat .date{
padding-top:15px;
font-size:120%;
}
#Exhibition_Past #container div.mat .exhibitionTitle{
padding-top:15px;
}
#Exhibition_Past #container div.mat div.period{
padding:0 10px 10px;
border-bottom:dotted 1px #c6b6a4;
}
#Exhibition_Past #container div.mat div.gotop{
margin:10px 0 0;
padding:0;
}
#Exhibition_Past #container div.mat p{
margin:15px 0 0;
padding:0;
}
/* Learn - Common Style
------------------------------------------------------------------- */
/* Event Header */
body.learn div.mat div.eventHeader{
clear:both;
width: 635px;
margin:0 auto 20px;
}
body.learn div.mat div.eventHeader h2{
padding-bottom:22px;
}
body.learn div.mat div.eventHeader h2 span{
display:block;
font-weight:bold;
}
body.learn div.mat div.eventHeader h2 span.date{
font-size:160%;
padding-bottom:11px;
font-weight:bold;
}
body.learn div.mat div.eventHeader h2 span.category{
font-size:120%;
color:#a46325;
padding-bottom:4px;
}
body.learn div.mat div.eventHeader h2 span.title,
body.learn div.mat div.eventHeader h2 strong.title,
body.learn div.mat div.eventHeader h2 a.title{
font-size:220%;
padding-top:7px;
display:block;
font-weight:bold;
}
body.learn div.mat div.eventHeader h2 span.subtitle{
font-size:120%;
padding-top:7px;
}
body.learn div.mat div.eventHeader h2 .title span.subtitle{
font-size:70%;
padding:0;
display:inline;
}
body.learn div.mat div.eventHeader p{
padding-bottom:20px;
}
body.learn div.mat div.eventHeader p.catch{
font-weight:bold;
font-size:130%;
color:#8c6888;
}
body.learn div.mat div.eventHeader div.tableLine table tr th{
width:6em;
}
/* Related Event */
body.learn #container div.mat div.relatedEvent{
width: 615px;
margin:0 auto 20px;
clear:both;
}
body.learn #container div.mat div.relatedEvent h3.eventTitle{
line-height:1.3;
font-weight:bold;
font-size:140%;
color:#3b5c72;
padding-bottom:10px;
}
body.learn #container div.mat div.relatedEvent h3.eventTitle span.noLink{
font-size:100%;
}
body.learn #container div.mat div.relatedEvent h3.eventTitle span.subtitle{
font-size:75%;
}
body.learn #side div.navi div.wrapper ul li#apply a{
padding:1em 5px 1em 36px;
width:192px;
background-position:20px 1.1em;
}
body.learn div.mat p.catch_see{
color:#653F61;
padding-bottom:10px;
}
/* School - Index
------------------------------------------------------------------- */
#School_Index #main div.mv{
background:transparent url(/images/cmn_main_bg_mv_03.png) no-repeat left 5px;
}
#School_Index div.mat div.period{
border-bottom:1px dotted #C6B6A4;
padding:0 10px 10px;
}
#School_Index div.mat div.period p,
#School_Index div.mat div.lesson p{
padding-bottom:20px;
}
#School_Index div.mat div.period div.pic p,
#School_Index div.mat div.lesson div.pic p{
padding-bottom:0;
}
#School_Index div.mat div.period div.tableLine table th,
#School_Index div.mat div.lesson div.tableLine table th{
width:6em;
}
#School_Index div.mat p.link_apply{
padding-top:10px;
text-align:right;
}
#School_Index div.mat div.lesson p.link_apply{
padding-bottom:0;
}
#School_Index div.mat div.pageLink ul li a{
padding-left:15px;
background:transparent url(/images/cmn_mark_arrow_down.gif) no-repeat left 0.5em;
text-decoration:none;
}
#School_Index div.mat strong.closed{
color:#b23f12;
}
/* School - Apply
------------------------------------------------------------------- */
#School_Apply div.mat ul.disc{
margin-bottom:15px;
}
#School_Apply div.mat dl.note{
margin:15px 0;
line-height:1.5;
}
#School_Apply div.mat dl.note dt{
float:left;
margin-right:5px;
}
#School_Apply div.mat dl.note dd{
overflow:hidden;
zoom:1;
}
#School_Apply div.mat p.text{
margin-bottom:15px;
}
#School_Apply div.mat strong.caution{
color:#b23f12;
}
/* Event - Event_081011_Eton
------------------------------------------------------------------- */
#Event_081011_Eton div.mat div.tableLine table th{
width:6em;
}
/* Event - Event_080727_Egypt
------------------------------------------------------------------- */
#Event_080727_Egypt div.mat div.eventHeader p{
padding-bottom:5px;
}
#Event_080727_Egypt div.mat div.eventHeader ul.disc{
padding-bottom:20px;
}
/* Event - Event_090329
------------------------------------------------------------------- */
#Event_090329 div.mat div.tableLine table th{
width:6em;
}
/* Event - Common Style
------------------------------------------------------------------- */
body.event #container div.mat div.wrapper div.wrapper{
padding-top:0;
}
body.event div.mat .year{
font-weight:bold;
font-size:140%;
}
body.event div.mat .date{
font-weight:bold;
font-size:140%;
}
body.event div.mat .eventTitle{
font-weight:bold;
}
body.event div.mat .eventTitle span.category{
display:block;
font-size:120%;
color:#a46325;
padding-bottom:9px;
}
body.event div.mat .eventTitle strong.title,
body.event div.mat .eventTitle a.title{
color:#543b23;
font-size:130%;
background-position:left 0.1em;
line-height:1.2;
}
body.event div.mat .eventTitle a.cirLink_learn{
color:#3b5c72;
}
body.event div.mat .eventTitle a.title:hover{
color:#15a0b1;
}
body.event div.mat .eventTitle a.title:visited{
color:#6f6290;
}
body.event div.mat .eventTitle .title span.subtitle{
font-size:70%;
padding:0;
display:inline;
}
body.event div.mat p.catch_learn{
color:#3b5c72;
padding-bottom:10px;
}
body.event div.mat p.time{
padding-bottom:10px;
}
body.event #container div.eventHeader p.attention{
padding-top:10px;
}
body.event div#main div.mat div.program table tr th{
padding-right:20px;
font-weight:bold;
}
body.event div#main div.mat div.program table tr td{
padding-left:20px;
background-color:#f8e8d3;
}
body.event div#main div.mat div.program table tr td dl dt{
float:left;
}
body.event div#main div.mat div.program table tr td dl dd{
overflow:hidden;
zoom:1;
}
body.event div#main div.mat p.note{
padding:10px 0 0;
}
body.event #container div.mat div.tableLine table td table.schedule tr th{
width:10.5em;
padding:0;
}
body.event #container div.mat div.tableLine table td table.schedule tr td{
padding:0;
}
/* Event - Index
------------------------------------------------------------------- */
#Event_Index #container div.mat{
padding-bottom:7px;
margin-bottom:-4px;
background-image:url(/images/cmn_main_bg_mat_btm_short.png);
}
#Event_Index #container div.mat p{
margin:15px 0 0;
padding:0;
}
#Event_Index #container div.mat .date{
padding-bottom:0;
}
/* Event - Past
------------------------------------------------------------------- */
#Event_Past #container div.mat .date{
padding-top:15px;
font-size:120%;
}
#Event_Past #container div.mat .eventTitle{
padding-top:15px;
}
#Event_Past #container div.mat div.period{
padding:0 10px 10px;
border-bottom:dotted 1px #c6b6a4;
}
#Event_Past #container div.mat div.gotop{
margin:10px 0 0;
padding:0;
}
#Event_Past #container div.mat p{
margin:15px 0 0;
padding:0;
}

/* Event - Children
------------------------------------------------------------------- */
#Event_Children #main div.mv{
background:transparent url(/images/cmn_main_bg_mv_03.png) no-repeat left 5px;
}

/* Explore - Common Style
------------------------------------------------------------------- */
/* Publication Header */
body.explore div.mat div.publicationHeader{
clear:both;
width: 635px;
margin:0 auto 20px;
}
body.explore div.mat div.publicationHeader h2{
padding-bottom:22px;
}
body.explore div.mat div.publicationHeader h2 span{
display:block;
font-weight:bold;
}
body.explore div.mat div.publicationHeader h2 span.date{
font-size:160%;
padding-bottom:11px;
font-weight:bold;
}
body.explore div.mat div.publicationHeader h2 span.category{
font-size:120%;
color:#a46325;
padding-bottom:4px;
}
body.explore div.mat div.publicationHeader h2 span.title,
body.explore div.mat div.publicationHeader h2 strong.title,
body.explore div.mat div.publicationHeader h2 a.title{
font-size:220%;
padding-top:7px;
display:block;
font-weight:bold;
}
body.explore div.mat div.publicationHeader h2 span.subtitle{
font-size:120%;
padding-top:7px;
}
body.explore div.mat div.publicationHeader h2 .title span.subtitle{
font-size:70%;
padding:0;
display:inline;
}
body.explore div.mat div.publicationHeader p{
padding-bottom:20px;
}
body.explore div.mat div.publicationHeader p.catch{
font-weight:bold;
font-size:130%;
color:#8c6888;
}
body.explore div.mat div.publicationHeader div.tableLine table tr th{
width:6em;
}
/* Related Event */
body.explore div.mat div.relatedEvent{
width: 615px;
margin:0 auto 20px;
clear:both;
}
body.explore div.mat div.relatedEvent h3.eventTitle{
line-height:1.3;
font-weight:bold;
font-size:140%;
color:#3b5c72;
padding-bottom:10px;
}
body.explore div.mat div.relatedEvent h3.eventTitle span.subtitle{
font-size:75%;
}
/* Explore - Explore
------------------------------------------------------------------- */
body#Explore #main div.mv{
background-image:url(/images/explore_main_bg_mv.png);
}
body#Explore #main a.cirLink{
font-weight: bold;
}
body#Explore #main h3 a.cirLink{
font-size: 120%;
line-height: 1.4;
}
body#Explore #main ul#contentsList {
margin: 0 10px;
}
body#Explore #main ul#contentsList li{
display: inline-block;
*display: inline;
*zoom: 1;
width: 204px;
margin-left: 1px;
vertical-align: top;
}
body#Explore #main ul#contentsList li.first{
margin-left: 0px;
}
body#Explore #main ul#contentsList li .contentsListTitle{
background: #f6e1c6;
padding:8px;
}
body#Explore #main ul#contentsList li .contentsListTitle a.cirLink {

font-weight: bold;

display: inline-block;

*display: inline;

*zoom: 1;

vertical-align: top;
}
body#Explore #main ul#contentsList li .contentsListSummary{
background: #f8e8d3;
padding:8px;
}
body#Explore #main ul#contentsList li .contentsListSummary p{
}
body#Explore #main ul#contentsList li .contentsListSummary p.thumb{

text-align: center;

margin-bottom: 5px;
}

body#Explore #main ul#contentsList li .contentsListSummary p.thumb a img{

border: 1px solid #c5ac8e;

}
body#Explore #main ol#researchList {
list-style:decimal;
margin-left: 26px;
}
/* Publication - CommonStyle
------------------------------------------------------------------- */
body.publication {}
body.publication #container div.matTop{
margin-bottom: -4px;
}
body.publication #latest {}
body.publication #latest .latestHeadline{
margin-bottom: 8px;
}
body.publication #latest .leftArea{
float: left;
}
body.publication #latest .leftArea .cover {

margin-bottom: 4px;
}

body.publication #latest .leftArea .cover img{

border: 1px solid #c5ac8e;

}
body.publication #latest .leftArea p {}

body.publication #latest .leftArea p .price{

font-weight: bold;

}

body.publication #latest .rightArea{
float: right;
width: 495px;
}
body.publication #latest .rightArea .info{

border-bottom: 1px solid #dbcebc;

margin-bottom: 5px;
}

body.publication #latest .rightArea .info .number_issue{

float: left;

}

body.publication #latest .rightArea .info .number_issue .number{

font-size: 146.5%;

font-weight: bold;

line-height: 1.4;

}

body.publication #latest .rightArea .info .number_issue .issue{

margin-left: 0.5em;

}

body.publication #latest .rightArea .info .stock{

float: right;

margin-top: 11px;

font-weight: bold;

}
body.publication .rightArea div.summary{

margin: 0 8px;
}

body.publication .rightArea div.summary .summaryHeadline{

border-left: 3px solid #ac8e6b;

font-size: 120%;

padding-left: 0.4em;

font-weight: bold;

line-height: 1.4;

margin-bottom: 5px;

margin-left: -8px;

}

body.publication .rightArea div.summary p{

margin-bottom: 8px;

}


body.publication #latest .rightArea .mokuji{

border-bottom: 1px solid #dbcebc;
}

body.publication #latest .rightArea .mokuji .mokujiHeadline{

border-left: 3px solid #ac8e6b;

font-size: 120%;

padding-left: 0.4em;

font-weight: bold;

line-height: 1.4;

margin-bottom: 5px;

}

body.publication #latest .rightArea .mokuji table{

border-collapse:collapse;

margin-bottom: 5px;

}

body.publication #latest .rightArea .mokuji table tr th{

border-right: 1px dotted #c6b6a4;

padding: 2px 8px 0px 8px;

vertical-align: top;

text-align: right;

}

body.publication #latest .rightArea .mokuji table tr td{

padding: 2px 8px 0px 8px;

vertical-align: top;

}
body.publication .rightArea .copy_price{

margin-top: 5px;

text-align: right;
}
body.publication .backnumber{
border-bottom: 1px dotted #c6b6a4;
margin-bottom: 10px;
}
body.publication .backnumber .backnumberHeadline{
margin-bottom: 10px;
}
body.publication .backnumber .backnumberHeadline .number{

font-size: 146.5%;

font-weight: bold;

line-height: 1.4;
}
body.publication .backnumber .backnumberHeadline .issue{

margin-left: 0.5em;
}
body.publication .backnumber .backnumberHeadline .stock{

margin-left: 0.1em;

font-weight: bold;
}
body.publication .backnumber .leftArea{
float: left;
margin-bottom: 5px;
}
body.publication .backnumber .leftArea img{

border: 1px solid #c5ac8e;
}
body.publication .backnumber .rightArea{
float: right;
width: 550px;
margin-bottom: 5px;
}
body.publication .backnumber .rightArea .summary{

margin-left: 16px;
}
body.publication .backnumber .rightArea table.mokuji{

border-collapse:collapse;

margin-bottom: 5px;
}

body.publication .backnumber .rightArea table.mokuji tr th{

border-right: 1px dotted #c6b6a4;

padding: 2px 8px 0px 8px;

vertical-align: top;

text-align: right;

}

body.publication .backnumber .rightArea table.mokuji tr td{

padding: 2px 8px 0px 8px;

vertical-align: top;

}
body.publication #container div.skip {}
body.publication #container div.skip ul {}
body.publication #container div.skip ul li{

float:right;
}
body.publication #container div.skip ul li.up{

border:none;
}

body.publication #container div.skip ul li.up a{

background-image:url(/images/cmn_mark_arrow_up.gif);

}

body.publication #container div.skip ul li.down{
}
/* Publication - Schedule
------------------------------------------------------------------- */
body#Publication_Schedule #main div.mat .sectionS dl.outline dt{
font-weight:bold;
margin-bottom:20px;
}
body#Publication_Schedule #main div.mat .sectionS dl.outline dd{
padding:0 15px;
margin-bottom:20px;
}
body#Publication_Schedule #main div.mat .sectionS .inner{
padding: 0 15px;
}
body#Publication_Schedule #main div.mat .sectionM table tr th{
vertical-align:top;
width:75px;
}
body#Publication_Schedule #main div.mat .sectionM table tr td{
vertical-align:top;
}
/* Visit - Common Style
------------------------------------------------------------------- */
body.visit div.mat {}
/* Visit Header */
body.visit div.mat div.visitHeader{
clear:both;
width: 635px;
margin:0 auto 20px;
}
body.visit div.mat div.visitHeader h2{
padding-bottom:22px;
}
body.visit div.mat div.visitHeader h2 span{
display:block;
font-weight:bold;
}
body.visit div.mat div.visitHeader h2 span.date{
font-size:160%;
padding-bottom:11px;
font-weight:bold;
}
body.visit div.mat div.visitHeader h2 span.category{
font-size:120%;
color:#a46325;
padding-bottom:4px;
}
body.visit div.mat div.visitHeader h2 span.title,
body.visit div.mat div.visitHeader h2 strong.title,
body.visit div.mat div.visitHeader h2 a.title{
font-size:220%;
padding-top:7px;
display:block;
font-weight:bold;
}
body.visit div.mat div.visitHeader h2 span.subtitle{
font-size:120%;
padding-top:7px;
}
body.visit div.mat div.visitHeader h2 .title span.subtitle{
font-size:70%;
padding:0;
display:inline;
}
body.visit div.mat div.visitHeader p{
padding-bottom:20px;
}
body.visit div.mat div.visitHeader p.catch{
font-weight:bold;
font-size:130%;
color:#8c6888;
}
body.visit div.mat div.visitHeader div.tableLine table tr th{
width:6em;
}
body.visit div#main div.mat div.program{
border-top: none;
margin-bottom: 0.5em;
}
body.visit div#main div.mat div.program table thead tr td{
background: none;
vertical-align: middle;
}
body.visit div#main div.mat div.program table thead tr th{
font-weight:bold;
background-color:#f6e1c6;
vertical-align: middle;
text-align: center;
border-left: 2px solid #fff2e1;
padding-right:0;
padding-left:0;
}
body.visit div#main div.mat div.program table tr th{
padding-right:20px;
font-weight:bold;
/*border-top: none;*/
}
body.visit div#main div.mat div.program table tr td{
padding-left:20px;
background-color:#f8e8d3;
border-left: 2px solid #fff2e1;
}
body.visit div#main div.mat div.program table tr td dl dt{
float:left;
}
body.visit div#main div.mat div.program table tr td dl dd{
overflow:hidden;
zoom:1;
}
/* Visit - Visit
------------------------------------------------------------------- */
body#Visit div.mat {}
body#Visit div.mat div.skip {}
body#Visit div.mat div.skip ul {
padding: 7px 5px;
}
body#Visit div.mat div.skip ul li{

padding: 4px 5px;
}
body#Visit #container div.visitHeader div.tableLine {
clear: none;
width: 390px;
}
body#Visit #container div.visitHeader div.tableLine table tr th  {
white-space: nowrap;
}
body#Visit #gmap {}
body#Visit #gmap iframe {
margin: 10px 10px;
border: 1px solid #c5ac8e;
}
body#Visit #gmap p {
text-align: right;
padding-right:10px;
color: #2a7087;
}
body#Visit #gmap p a{
background: url(../images/visit_icon_map_01.gif) no-repeat 0 2px;
padding-left: 16px;
vertical-align: middle;
}
body#Visit #container div.picC div.pic{
margin: 0;
}
body#Visit #container h4{
font-weight: bold;
}
body#Visit div#main div.mat div.program table tr th{
width: 30%;
}
body#Visit div#main div.mat div.program table tr td{
width: 30%;
text-align: center;
font-weight: bold;
padding-left: 0;
}
/* Visit - Shop
------------------------------------------------------------------- */
body#Shop_Index div.skip2 {
	width:695px;
	margin:20px auto 12px;
	background:#3f1b06;
}
body#Shop_Index div.skip2 ul {
	list-style-type:none;
	display:table;
	width:100%;
}
body#Shop_Index div.skip2 ul li {
	display:table-cell;
	width:25%;
	box-sizing:border-box;
}
body#Shop_Index div.skip2 ul li + li {
	border-left:solid 1px #e6ceb4;
}
body#Shop_Index div.skip2 ul li a {
	position:relative;
	display:block;
	text-align:center;
	padding:8px 0 6px 15px;
	font-size:16px;
	text-decoration:none;
	color:#fff;
}
body#Shop_Index div.skip2 ul li a:hover {
	background:#8e6329;
}
body#Shop_Index div.skip2 ul li a:before {
	content:"";
	border-top:solid 11px #b0734f;
	border-left:solid 6px transparent;
	border-right:solid 6px transparent;
	width:0;
	height:0;
	left:10px;
	top:0;
	bottom:0;
	position:absolute;
	margin:auto 0;
}
body#Shop_Index div.mat {}
body#Shop_Index div.mat h2.hL {}
body#Shop_Index div.mat h2.hL span.title {
float:left;
}
body#Shop_Index div.mat h2.hL span.tax_included {
float:right;
font-weight:normal;
font-size:70%;
}
body#Shop_Index div.mat div.news{
	margin-top:20px;
}
body#Shop_Index div.mat div.news ul{
	list-style-type:none;
}
body#Shop_Index div.mat div.news ul li + li{
	margin-top:20px;
	padding-top:20px;
	border-top:solid 1px #c6b6a4;
}
body#Shop_Index div.mat div.news div.news_item{
	width:100%;
	overflow:hidden;
}
body#Shop_Index div.mat div.news div.news_item_img{
	width:200px;
	float:left;
}
body#Shop_Index div.mat div.news div.news_item_img img{
	display:block;
	width:100%;
	box-sizing:border-box;
	border:solid 1px #c5ac8e;
}
body#Shop_Index div.mat div.news div.news_item_box{
	float:right;
	width:415px;
}
body#Shop_Index div.mat div.news div.news_item_name{
	font-size:18px;
	font-weight:bold;
}
body#Shop_Index div.mat div.news div.news_item_price{
	font-size:14px;
}
body#Shop_Index div.mat div.news div.news_item_txt{
	margin-top:10px;
	font-size:16px;
	line-height:1.69;
}
body#Shop_Index div.mat div.news div.news_item_btn{
	width:160px;
	margin:10px 0 0;
}
body#Shop_Index div.mat div.news div.news_item_btn a {
display:block;
color:#dbc4a7;
text-decoration:none;
background:#3f1b06;
border-radius:4px;
box-sizing:border-box;
position:relative;
font-size:16px;
padding:7px 0 4px 30px;
}
body#Shop_Index div.mat div.news div.news_item_btn a:hover {
	background:#8e6329;
}
body#Shop_Index div.mat div.news div.news_item_btn a:before {
	content:"";
	position:absolute;
	left:10px;
	top:0;
	bottom:0;
	margin:auto 0;
	width:0;
	height:0;
	border-left:solid 9px #dbc4a7;
	border-top:solid 5px transparent;
	border-bottom:solid 5px transparent;
}
body#Shop_Index div.mat div.goods{}
body#Shop_Index div.mat div.goods ul{
	list-style-type:none;
	overflow:hidden;
	position:relative;
}
body#Shop_Index div.mat div.goods.js ul{
	padding-top:0;
}
body#Shop_Index div.mat div.goods.js ul li{
	float:left;
	margin-right:17px;
	width:200px;
}
body#Shop_Index div.mat div.goods ul li + li{
	margin-top:20px;
}
body#Shop_Index div.mat div.goods.js ul li + li{
	margin-top:0;
}
body#Shop_Index div.mat div.goods.js ul li:nth-child(3n+3){
	margin-right:0;
}
body#Shop_Index div.mat div.goods.js ul li:nth-child(n+4){
	margin-top:20px;
}
body#Shop_Index div.mat div.goods ul li a.zoom{
	top:50px;
	display:block;
	border:solid 1px #c5ac8e;
	background:#fff2e1;
	width:200px;
	height:150px;
	position:relative;
	box-sizing:border-box;
}
body#Shop_Index div.mat div.goods.js ul li a.zoom{
	top:0;
}
body#Shop_Index div.mat div.goods ul li a.zoom:hover{
	opacity:0.7;
}
body#Shop_Index div.mat div.goods ul li a.zoom img{
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	margin:auto;
	width:auto;
	height:auto;
	max-width:100%;
	max-height:100%;
	display:block;
	border:0;
}
body#Shop_Index div.mat div.goods.js div.goods_info_box{
	display:none;
}
div.goods_info_box{
	width:634px;
	border:solid 4px #c6b6a4;
	box-sizing:border-box;
	padding:40px 34px 20px;
	color:#543b23;
	background:#fff1e1;
	line-height:1.5;
}
div.goods_info_img{
	border:solid 1px #ae987d;
	box-sizing:border-box;
}
div.goods_info_img img{
	display:block;
	width:100%;
	height:auto;
}
div.goods_info_name{
	margin:20px 0 0;
	font-size:18px;
	font-weight:bold;
}
div.goods_info_price{
	font-size:14px;
}
div.goods_info_txt{
	margin-top:10px;
	font-size:16px;
	line-height:1.69;
}
div.goods_info_btn{
	width:160px;
	margin:15px 0 0 auto;
}
div.goods_info_btn a {
display:block;
color:#dbc4a7;
text-decoration:none;
background:#3f1b06;
border-radius:4px;
box-sizing:border-box;
position:relative;
font-size:16px;
padding:7px 0 4px 30px;
}
div.goods_info_btn a:hover {
	background:#8e6329;
}
div.goods_info_btn a:before {
	content:"";
	position:absolute;
	left:10px;
	top:0;
	bottom:0;
	margin:auto 0;
	width:0;
	height:0;
	border-left:solid 9px #dbc4a7;
	border-top:solid 5px transparent;
	border-bottom:solid 5px transparent;
}

body#Shop_Index div.mat table.goods {}
body#Shop_Index div.mat table.goods tr td {
vertical-align:top;
}
body#Shop_Index div.mat table.goods tr.titleTrArea td {
background-color:#ac8e6b;
width:200px;
}
body#Shop_Index div.mat table.goods tr td.space {
width:17px;
background:none;
}
body#Shop_Index div.mat table.goods tr td div.topTdArea {
position:relative;
}
body#Shop_Index div.mat table.goods div.titleArea {
width:200px;
}
body#Shop_Index div.mat table.goods div.titleArea a {

display:block;

padding:8px 9px 2px 4px;

color:#ffffff;

text-decoration:none;
}
body#Shop_Index div.mat table.goods div.titleArea a span.goodsName {

display:block;

background:url(/shop/images/index_bg_mark_01.gif) no-repeat 0 0.3em;

padding-left:15px;

font-weight:bold;
}
body#Shop_Index div.mat table.goods div.titleArea a span.goodsPrice {

display:block;

text-align:right;

font-size:80%;
}
body#Shop_Index div.mat table.goods div.hoverArea {
display:none;
background-color:#87735b;
width:200px;
position:absolute;
top:0;
left:0;
}
body#Shop_Index div.mat table.goods div.hoverArea a {

display:block;

color:#ffffff;

text-decoration:none;
}
body#Shop_Index div.mat table.goods div.hoverArea span.hoverTitleArea {

display:block;

padding:8px 9px 2px 4px;
}
body#Shop_Index div.mat table.goods div.hoverArea a span.goodsName {

display:block;

background:url(/shop/images/index_bg_mark_01.gif) no-repeat 0 0.3em;

font-weight:bold;

padding-left:15px;
}
body#Shop_Index div.mat table.goods div.hoverArea a span.goodsPrice {

display:block;

text-align:right;

font-size:80%;
}
body#Shop_Index div.mat table.goods div.hoverArea span.summary {

display:block;

border-top:1px dotted #ffffff;

margin:0 15px 10px;

padding:5px 0;

color:#ffffff;
}
body#Shop_Index div.mat table.goods div.hoverArea span.media {

display:block;

background-color:#d7b080;

background-position:115px 0.5em;

text-align:right;

padding:3px 10px 2px;

color:#2a7087;
}
body#Shop_Index div.mat table.goods div.hoverArea span.media:hover {

color:#15A0B1;

text-decoration:underline;
}
body#Shop_Index div.mat table.goods div.hoverArea span.media:visited {

color:#6F6290;

text-decoration:none;
}
body#Shop_Index div.mat table.goods div.hoverArea span.media img {

vertical-align:middle;

border-style:none;

margin:0 4px 0 0;
}
body#Shop_Index div.mat table.goods div.contentArea {
background-color:#ac8e6b;
}
body#Shop_Index div.mat table.goods div.contentArea a {

display:block;

text-decoration:none;
}
body#Shop_Index div.mat table.goods div.contentArea a.zoom img {

border-style:none;
}
body#Shop_Index div.mat table.goods div.contentArea span.summary {
display:block;
padding:10px 3px;
color:#ffffff;
}
body#Shop_Index div.mat table.goods div.contentArea span.photo {
display:block;
text-align:center;
}
body#Shop_Index div.mat table.goods div.contentArea span.media {
display:block;
background-color:#d7b080;
background-position:115px 0.5em;
text-align:right;
padding:3px 10px 2px;
}
body#Shop_Index div.mat table.goods div.contentArea span.media img {
vertical-align:middle;
margin:0 4px 0 0;
}
body#Shop_Index div.mat table.goods div.contentArea div.media a {
display:block;
}

body#Shop_Index div.mat div.book {}
body#Shop_Index div.mat div.book ul{
	list-style-type:none;
	overflow:hidden;
	display:block;
	width:100%;
}
body#Shop_Index div.mat div.book ul li{
	width:305px;
}
body#Shop_Index div.mat div.book ul li:nth-child(odd){
	float:left;
	clear:left;
}
body#Shop_Index div.mat div.book ul li:nth-child(even){
	float:left;
	margin-left:25px;
}
body#Shop_Index div.mat div.book ul li:nth-child(n+3){
	margin-top:20px;
}
body#Shop_Index div.mat div.book div.book_item{
	overflow:hidden;
	width:100%;
}
body#Shop_Index div.mat div.book div.book_item div.book_item_img{
float:left;
width:124px;
border:1px solid #c5ac8e;
box-sizing:border-box;
}
body#Shop_Index div.mat div.book div.book_item div.book_item_img img {
border:1px solid #f8e8d3;
display:block;
width:100%;
height:auto;
box-sizing:border-box;
}
body#Shop_Index div.mat div.book div.book_item div.book_item_box {
float:right;
width:169px;
line-height:1.2;
}
body#Shop_Index div.mat div.book div.book_item h3.book_item_name {
font-weight:bold;
padding:5px 0 5px;
border-bottom:1px solid #c6b6a4;
}
body#Shop_Index div.mat div.book div.book_item h3.book_item_name span{
font-weight:normal;
}
body#Shop_Index div.mat div.book div.book_item div.book_item_txt {
padding:8px 0 5px;
border-bottom:1px solid #c6b6a4;
}
body#Shop_Index div.mat div.book div.book_item div.book_item_name b.new{
font-weight:bold;
color:#e85218;
}
body#Shop_Index div.mat div.book div.book_item div.book_item_price {
font-weight:bold;
padding-top:8px;
}
body#Shop_Index div.mat div.book div.book_item div.book_item_sold {
font-weight:bold;
color:#e85218;
padding-top:8px;
}
body#Shop_Index div.mat div.book div.book_item div.book_item_btn {
padding-top:18px;
}
body#Shop_Index div.mat div.book div.book_item div.book_item_btn a {
display:block;
color:#dbc4a7;
text-decoration:none;
background:#3f1b06;
border-radius:4px;
box-sizing:border-box;
position:relative;
font-size:16px;
padding:7px 0 4px 35px;
}
body#Shop_Index div.mat div.book div.book_item div.book_item_btn a:hover {
	background:#8e6329;
}
body#Shop_Index div.mat div.book div.book_item div.book_item_btn a:before {
	content:"";
	position:absolute;
	left:10px;
	top:0;
	bottom:0;
	margin:auto 0;
	width:0;
	height:0;
	border-left:solid 9px #dbc4a7;
	border-top:solid 5px transparent;
	border-bottom:solid 5px transparent;
}

body#Shop_Index div.mat div.contentsLeft {
float:left;
width:305px;
}
body#Shop_Index div.mat div.contentsLeft div.leftArea {
float:left;
width:124px;
}
body#Shop_Index div.mat div.contentsLeft div.leftArea div.cover,
body#Shop_Index div.mat div.contentsLeft div.rightArea div.cover {
border:1px solid #c5ac8e;
}
body#Shop_Index div.mat div.contentsLeft div.leftArea div.cover img,
body#Shop_Index div.mat div.contentsLeft div.rightArea div.cover img {
border:1px solid #f8e8d3;
}
body#Shop_Index div.mat div.contentsLeft div.rightArea {
float:right;
width:169px;
line-height:1.2;
}
body#Shop_Index div.mat div.contentsLeft div.rightArea h3 {
font-weight:bold;
padding:5px 0 5px;
border-bottom:1px solid #c6b6a4;
}
body#Shop_Index div.mat div.contentsLeft div.rightArea h3 span {
font-weight:normal;
}
body#Shop_Index div.mat div.contentsLeft div.rightArea div.explanation {
padding:8px 0 5px;
border-bottom:1px solid #c6b6a4;
}
body#Shop_Index div.mat div.contentsRight {
float:right;
width:305px;
}
body#Shop_Index div.mat div.contentsRight div.leftArea {
float:left;
width:124px;
}
body#Shop_Index div.mat div.contentsRight div.leftArea div.cover,
body#Shop_Index div.mat div.contentsRight div.rightArea div.cover {
border:1px solid #c5ac8e;
}
body#Shop_Index div.mat div.contentsRight div.leftArea div.cover img,
body#Shop_Index div.mat div.contentsRight div.rightArea div.cover img {
border:1px solid #f8e8d3;
}
body#Shop_Index div.mat div.contentsRight div.rightArea {
float:right;
width:169px;
line-height:1.2;
}
body#Shop_Index div.mat div.contentsRight div.rightArea h3 {
font-weight:bold;
padding:5px 0 5px;
border-bottom:1px solid #c6b6a4;
}
body#Shop_Index div.mat div.contentsRight div.rightArea h3 span {
font-weight:normal;
}
body#Shop_Index div.mat div.contentsLeft div.rightArea b.new,
body#Shop_Index div.mat div.contentsRight div.rightArea b.new {
font-weight:bold;
color:#e85218;
}
body#Shop_Index div.mat div.contentsRight div.rightArea div.explanation {
padding:8px 0 5px;
border-bottom:1px solid #c6b6a4;
}
body#Shop_Index div.mat div.contentsLeft div.rightArea div.price,
body#Shop_Index div.mat div.contentsRight div.rightArea div.price {
font-weight:bold;
padding-top:8px;
}
body#Shop_Index div.mat div.contentsLeft div.rightArea div.sold,
body#Shop_Index div.mat div.contentsRight div.rightArea div.sold {
font-weight:bold;
color:#e85218;
padding-top:8px;
}
body#Shop_Index div.mat div.contentsLeft div.rightArea div.btn,
body#Shop_Index div.mat div.contentsRight div.rightArea div.btn {
padding-top:18px;
}
body#Shop_Index div.mat div.contentsLeft div.rightArea div.btn a,
body#Shop_Index div.mat div.contentsRight div.rightArea div.btn a {
display:block;
color:#dbc4a7;
text-decoration:none;
background:#3f1b06;
border-radius:4px;
box-sizing:border-box;
position:relative;
font-size:16px;
padding:7px 0 4px 35px;
}
body#Shop_Index div.mat div.contentsLeft div.rightArea div.btn a:hover,
body#Shop_Index div.mat div.contentsRight div.rightArea div.btn a:hover {
	background:#8e6329;
}
body#Shop_Index div.mat div.contentsLeft div.rightArea div.btn a:before,
body#Shop_Index div.mat div.contentsRight div.rightArea div.btn a:before {
	content:"";
	position:absolute;
	left:10px;
	top:0;
	bottom:0;
	margin:auto 0;
	width:0;
	height:0;
	border-left:solid 9px #dbc4a7;
	border-top:solid 5px transparent;
	border-bottom:solid 5px transparent;
}
body#Shop_Index div#side div.recommended {
background:url(/shop/images/index_side_recommended_bg_top.png) no-repeat center top;
margin-top:12px;
padding-top:4px;
width:243px;
}
body#Shop_Index div#side div.recommended div.recommendedWrapper {
background:url(/shop/images/index_side_recommended_bg_btm.png) no-repeat center bottom;
padding-bottom:4px;
width:243px;
}
body#Shop_Index div#side div.recommended div.recommendedWrapper div.wrapper {
background:url(/shop/images/index_side_recommended_bg.png) repeat-y center top;
padding:0 7px;
width:235px;
}
body#Shop_Index div#side div.recommended h3 {
border-top:1px solid #f57e32;
border-left:1px solid #f57e32;
border-right:1px solid #f57e32;
}
body#Shop_Index div#side div.recommended div.goodsArea {
border-left:1px solid #f57e32;
border-right:1px solid #f57e32;
border-bottom:1px solid #f57e32;
background-color:#000000;
}
body#Shop_Index div#side div.recommended div.goodsArea div.pic {
margin-bottom:10px;
}
body#Shop_Index div#side div.recommended div.goodsArea dl {
padding:0 8px 0 10px;
}
body#Shop_Index div#side div.recommended div.goodsArea dl dt {
margin-bottom:8px;
font-weight:bold;
font-size:120%;
color:#ff8b3e;
line-height:1.2;
}
body#Shop_Index div#side div.recommended div.goodsArea dl dt span {
display:block;
text-align:right;
font-weight:normal;
font-size:80%;
color:#ff8b3e;
}
body#Shop_Index div#side div.recommended div.goodsArea dl dd {
font-size:80%;
color:#cecece;
line-height:1.3;
}
body#Shop_Index div#side div.recommended div.goodsArea div.media {
text-align:right;
padding:0 9px 12px;
}
body#Shop_Index div#side div.recommended div.goodsArea div.media a span.zoom {
background-image:url(/shop/images/index_icon_recommended_zoom.gif);
}
/* About - CommonStyle
------------------------------------------------------------------- */
body.about #container {}
/* About - Index
------------------------------------------------------------------- */
#About_Index div#main div.mat div.program table tr td{
padding-left:20px;
background-color:#f8e8d3;
}
#About_Index div#main div.mat div.program table tr th{
padding-right:20px;
font-weight:bold;
}
/* About - Staffs
------------------------------------------------------------------- */
#About_Staffs div#main div.tableLine table tr th span.line_see {
border-color: #ac8e6b;
}
#About_Staffs div#main div.tableLine table tr th {
width:100px !important;
}
#About_Staffs div#main div.tableLine table tr th,
#About_Staffs div#main div.tableLine table tr td {
vertical-align: top;
}
#About_Staffs .PersonsName {
display: inline-block;
*display: inline;
*zoom:1;
white-space: nowrap;
}
/* About - Schedule
------------------------------------------------------------------- */
#About_Schedule div#main div.mat div.program table tr th{
width: 140px;
padding-right:10px;
font-weight:bold;
}
#About_Schedule div#main div.mat div.program table tr td{
padding-left:20px;
background-color:#f8e8d3;
}
#About_Schedule div#main div.mat div.program table tr td dl dt{
float:left;
}
#About_Schedule div#main div.mat div.program table tr td dl dd{
overflow:hidden;
zoom:1;
}
/* Link
------------------------------------------------------------------- */
#Link #container .hM_link a.newwin{
background-position: left 0.4em;
}
body#Link #container div.sectionM h3.hM_link {
padding-bottom: 0;
margin-bottom: 0;
}
body#Link #container div.sectionM div.sectionS {
padding-top: 10px;
margin-bottom: 0;
}
/* Permanent - CommonStyle
------------------------------------------------------------------- */
body.permanent #container p{
padding-bottom:0;
}
/* Permanent - Index
------------------------------------------------------------------- */
#Permanent_Index #main div.mv{
background:transparent url(/images/cmn_main_bg_mv_02.png) no-repeat left 5px;
}
#Permanent_Index #main div.mat dl.news dt{
border-top:dotted 1px #c6b6a4;
padding:10px 0 5px 17px;
background:transparent url(/images/cmn_mark_circle.png) no-repeat left 10px;
font-weight:bold;
font-size:120%;
}
#Permanent_Index #main div.mat dl.news dt.sp{
font-size:125%;
color:#e85218;
background-image:url(/images/cmn_mark_circle_03.png);
}
#Permanent_Index #main div.mat dl.news dt.top{
border-top:none;
padding-top:0;
background-position:left top;
}
#Permanent_Index #main div.mat dl.news dd{
padding-bottom:5px;
padding-left:17px;
line-height:1.5;
}
#Permanent_Index #main div.mat dl.news dd.link{
padding:5px 0 10px;
text-align:right;
}
#Permanent_Index #main div.mat div#map{
margin:0 auto;
width:575px;
height:472px;
position:relative;
}
#Permanent_Index #main div.mat div#map div.bg{
position:absolute;
left:0;
top:0;
z-index:0;
}
#Permanent_Index #main div.mat div#map div.map{
position:absolute;
left:0;
top:0;
display:none;
z-index:100;
cursor:pointer;
}
/* Inquiry
------------------------------------------------------------------- */
#Inquiry strong.tel{
font-size:180%;
}
#Inquiry div.tableLine table tr th{
width:10em;
}
/* Membership
------------------------------------------------------------------- */
body.membership div#contents{}
body.membership div#container div#contents div.mv{
background-image:url(/membership/images/index_main_bg_mv.png);
padding:8px;
}
body.membership div#container div#contents div.mat div.sectionLL div.picC div.pic{
margin:0;
}
/* Sitemap
------------------------------------------------------------------- */
body#Sitemap div#contents div.sitemap ul li{
border-top:solid 1px #dbcebc;
padding:20px 0;
zoom:1;
}
body#Sitemap div#contents div.sitemap ul li a{
display: inline-block;
}
body#Sitemap div#contents div.sitemap ul li:after{
content:"";
clear:both;
height:0;
display:block;
visibility:hidden;
}
body#Sitemap div#contents div.sitemap ul li a.cirLink{
font-weight:bold;
}
body#Sitemap div#contents div.sitemap ul li div.parent{
width:200px;
padding-top:5px;
float:left;
}
body#Sitemap div#contents div.sitemap ul li ul{
width:480px;
float:right;
border-left:dotted 1px #c6b6a4;
zoom:1;
}
body#Sitemap div#contents div.sitemap ul li ul:after{
content:"";
clear:both;
height:0;
display:block;
visibility:hidden;
}
body#Sitemap div#contents div.sitemap ul li ul li{
padding:5px 0 5px 20px;
border:none;
float:left;
width:220px;
}
body#Sitemap div#contents div.sitemap ul li ul li.left{
clear:left;
}
body#Sitemap div#contents div.sitemap ul li ul li div.parent{
width:auto;
float:none;
}
body#Sitemap div#contents div.sitemap ul li ul li ul{
width:auto;
border:none;
float:none;
}
body#Sitemap div#contents div.sitemap ul li ul li ul li{
width:auto;
float:none;
}
/* English
------------------------------------------------------------------- */
body#English_Index #container div.tableBg table tr th{
padding:8px 30px;
}
body#English_Index #gmap {}
body#English_Index #gmap iframe {
margin: 10px 10px;
border: 1px solid #c5ac8e;
}
body#English_Index #gmap p {
text-align: right;
padding-right:10px;
color: #2a7087;
}
body#English_Index #gmap p a{
background: url(../images/visit_icon_map_01.gif) no-repeat 0 2px;
padding-left: 16px;
vertical-align: middle;
}
/* English Permanent Index
------------------------------------------------------------------- */
#English_Permanent_Index #main div.mat div#map{
margin:0 auto;
width:575px;
height:472px;
position:relative;
}
#English_Permanent_Index #main div.mat div#map div.bg{
position:absolute;
left:0;
top:0;
z-index:0;
}
#English_Permanent_Index #main div.mat div#map div.map{
position:absolute;
left:0;
top:0;
display:none;
z-index:100;
cursor:pointer;
}
/* Chinese
------------------------------------------------------------------- */
body#Chinese_Index div.entrance div.picR{
padding-right:82px;
}
body#Chinese_Index #gmap {}
body#Chinese_Index #gmap iframe {
margin: 10px 10px;
border: 1px solid #c5ac8e;
}
body#Chinese_Index #gmap p {
text-align: right;
padding-right:10px;
color: #2a7087;
}
body#Chinese_Index #gmap p a{
background: url(../images/visit_icon_map_01.gif) no-repeat 0 2px;
padding-left: 16px;
vertical-align: middle;
}
/* Chinese Permanent Index
------------------------------------------------------------------- */
#Chinese_Permanent_Index #main div.mat div#map{
margin:0 auto;
width:575px;
height:472px;
position:relative;
}
#Chinese_Permanent_Index #main div.mat div#map div.bg{
position:absolute;
left:0;
top:0;
z-index:0;
}
#Chinese_Permanent_Index #main div.mat div#map div.map{
position:absolute;
left:0;
top:0;
display:none;
z-index:100;
cursor:pointer;
}
/* Korean
------------------------------------------------------------------- */
body#Korean_Index div.entrance div.picR{
padding-right:82px;
}
body#Korean_Index #gmap {}
body#Korean_Index #gmap iframe {
margin: 10px 10px;
border: 1px solid #c5ac8e;
}
body#Korean_Index #gmap p {
text-align: right;
padding-right:10px;
color: #2a7087;
}
body#Korean_Index #gmap p a{
background: url(../images/visit_icon_map_01.gif) no-repeat 0 2px;
padding-left: 16px;
vertical-align: middle;
}
/* Korean Permanent Index
------------------------------------------------------------------- */
#Korean_Permanent_Index #main div.mat div#map{
margin:0 auto;
width:575px;
height:472px;
position:relative;
}
#Korean_Permanent_Index #main div.mat div#map div.bg{
position:absolute;
left:0;
top:0;
z-index:0;
}
#Korean_Permanent_Index #main div.mat div#map div.map{
position:absolute;
left:0;
top:0;
display:none;
z-index:100;
cursor:pointer;
}
/* ===================================================================
+ Style
------------------------------------------------------------------- */
/* Text
------------------------------------------------------------------- */
/* font-weight */
.fwB{
font-weight:Bold;
}
.fwN{
font-weight:Normal;
}
/* white-space */
.br{
white-space:normal;
}
.nowrap{
white-space:nowrap;
}
.pre{
white-space:pre;
}
/* Space
------------------------------------------------------------------- */
/* margin */
#container .mgT0{
margin-top:0 !important;
}
#container .mgT10{
margin-top:10px !important;
}
#container .mgT20{
margin-top:20px !important;
}
/* padding */
#container .pdT0{
padding-top:0 !important;
}
#container .pdT10{
padding-top:10px !important;
}
#container .pdT20{
padding-top:20px !important;
}
/* Layout
------------------------------------------------------------------- */
/* text-align */
.txtR{
text-align:right !important;
}
.txtL{
text-align:left !important;
}
.txtC{
text-align:center !important;
}
/* vertical-align */
.vaT,
.vaT th,
.vaT td{
vertical-align:top !important;
}
.vaM,
.vaM th,
.vaM td{
vertical-align:middle !important;
}
.vaB,
.vaB th,
.vaB td{
vertical-align:bottom !important;
}
/* float */
.floatR{
float:right !important;
}
.floatL{
float:left !important;
}
.floatN{
float:none !important;
}
/* clear */
.clear{
clear:both !important;
}
/* clearfix */
.clearfix{
zoom:1;
}
.clearfix:after{
content:"";
clear:both;
height:0;
display:block;
visibility:hidden;
}
/* Show
------------------------------------------------------------------- */
/* display */
.hide{
display:none !important;
}
.block{
display:block !important;
}
.inline{
display:inline !important;
}
/* ===================================================================
+ Color Box
------------------------------------------------------------------- */
/*
ColorBox Core Style:
The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:solid #ffffff 1px; display:block; max-width:none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
/*
User Style:
Change the following styles to modify the appearance of ColorBox.  They are
ordered & tabbed in a way that represents the nesting of the generated .html
.
*/
#cboxOverlay{background:#000;}
#colorbox{}
#cboxContent{margin-top:32px; overflow:visible;}
.cboxIframe{background:#000;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{background:#000; padding:1px;}
#cboxLoadingGraphic{background:url(/images/loading.gif) no-repeat center center;}
#cboxLoadingOverlay{background:#000;}
#cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
#cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
#cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:32px; height:32px; position:absolute; top:-20px; background:url(/images/cmn_btn_close.png) no-repeat 0 0;}
#cboxPrevious{background-position:0px 0px; right:44px;}
#cboxPrevious:hover{background-position:0px -25px;}
#cboxNext{background-position:-25px 0px; right:22px;}
#cboxNext:hover{background-position:-25px -25px;}
#cboxClose{background-position:0 0; right:-44px;top:2px;}
#cboxClose:hover{background-position:-0 0}
.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
.cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
.cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
.cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}
/* ===================================================================
+ Print
------------------------------------------------------------------- */
@media print {
/* No Print */
.noprint{
display:none !important;
}
/* Print Inline */
.printInline{
display:inline !important;
}
.printBlock{
display:block !important;
}
/* Page Break */
.break{
page-break-before:always;
}
/* Text Color */
*{
color:#000000 !important;
}
/* Text Link Style */
a{
color:#0000ff !important;
text-decoration:underline !important;
}
}
.dateclosed {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 120%;
font-weight: bold;
color: #b23f12;
}
#Exhibition_Index #container #main .mat .wrapper .wrapper .sectionLL .date span {
color: #1896AF;
}
.red {
color: #C60;
}
.green {
color: #390;
}
#container #main .mat .wrapper .wrapper .sectionLL .sectionL.lesson .tableLine table .top td p s {
	color: #F00;
}