@charset "shift_jis";

/* * */
table,div{
 margin:0px; padding:0px; line-height:100%; 
}

p,ul,li,th,td,dd,dt{
 margin:0px; padding:0px;
 font-size:14px; line-height:100%; letter-spacing:0px; font-family:; 
}

img,object,embed{
 margin:0px; padding:0px; 
}

table img{
 vertical-align:bottom; 
}

.clear{
 clear:both; 
}



/* menu */
ul.menu{
 text-align:right; white-space:nowrap; 
}
ul.menu li{
 padding:0px 0px 0px 16px; display:inline; 
 list-style-type:disc; 
 font-size:11px; line-height:22px; 
}


ul.submenu{
 margin:0px 0px 0px 0px; 
 text-align:left; white-space:nowrap; 
}
ul.submenu li{
 padding:0px 22px 0px 0px; display:inline; 
 list-style-image:url('/image/icon_submenu.gif'); 
 font-size:12px; color:#777; 
}



/* js only */
.pagetop{
 width:640px; margin:0px 0px 10px 0px; padding:0px 0px 0px 0px; 
}
.pagetop img{
 vertical-align:top;
}
.pagetop p{
 text-align:right; font-size:12px; 
}



/* Header only */
#menu_top{
 width:640px; margin:20px 0px 10px 0px; 
 text-align:left; vertical-align:bottom; 
}

#logo{
 width:160px; float:left; 
}



/* Footer only */
#copyright{
 margin:20px 0px 0px 0px; 
 text-align:center; 
 font-size:12px; color:#888; 
}

#menu_bottom{
 width:640px; margin:10px 0px 20px 0px; 
}
#menu_bottom ul.menu{
 text-align:center; 
}
#menu_bottom ul.menu li.first{
 padding:0px 0px 0px 0px; 
}



/* News•Topics */
p.news{ 
 margin:0 20px 10px; text-indent:-68px; padding:0 0 0 68px;
 font-size:12px; line-height:16px; text-align:left; 
}
p.news .date{
 color:#777; 
}
p.news strong{
 font-size:14px; 
}

p.news_none{
 font-size:12px; line-height:16px; text-align:left; text-indent:-78px; color:#777; 
 margin:0px 0px 10px 98px; 
}


/* Cafe */
#cafe_movie{
 width:200px; float:right; 
 margin:0px 20px 20px 0px; 
}

#cafe_info{
 width:400px; float:left; 
 text-align:left; 
}

#cafe_detail{
 margin:0px 0px 30px 40px; 
}
#cafe_detail th, #cafe_detail td{
 line-height:22px; font-weight:normal; 
 vertical-align:top; text-align:left; 
 padding:0px 0px 10px 0px; 
}
#cafe_logo{
 margin:0px 0px 0px 40px; 
}
#cafe_shopbtn{
 margin:30px 70px 0px 0px; 
}

/* Museum */
#museum_photo td{
 font-size:12px; line-height:18px; text-align:left; 
 vertical-align:top; 
}



/* Text */
h3{
 margin:20px 0px 20px 0px; 
 font-size:18px; text-align:left; 
}

h4{
 margin:0px 20px 15px 20px; 
 font-size:15px; text-align:left; line-height:100%; 
}


p.text{
 text-align:left; line-height:22px; 
 margin:0px 20px 15px 20px;
}
p.text_cafe{
 text-align:left; line-height:24px; 
 margin:0px 20px 20px 20px;
}

p.text_s{
 font-size:12px; text-align:left; line-height:20px; 
 margin:0px 20px 15px 20px;
}

p.read{
 text-align:left; line-height:22px; text-indent:14px; 
 margin:0px 20px 15px 20px;
}
p.read_ueno{
 text-align:left; line-height:26px; text-indent:14px; 
 margin:0px 20px 20px 20px;
}

p.list{
 text-align:left; line-height:20px; text-indent:-14px; 
 margin:0px 20px 10px 34px; 
}
p.lists{
 text-align:left; line-height:20px; text-indent:-14px; 
 margin:0px 20px 5px 34px; 
}

p.att{
 font-size:12px; line-height:18px; text-align:left; text-indent:-12px; 
 margin:0px 20px 15px; padding:0 0 0 12px; 
}
p.atts{
 font-size:12px; line-height:18px; text-align:left; text-indent:-12px; 
 margin:0px 20px 5px; padding:0 0 0 12px; 
}

span.att{
 font-size:12px; 
}

span.attc{
 color:#E00; 
}

table.list_bg td p.atts{
 font-size:12px; line-height:20px; text-align:left; text-indent:-12px; 
 margin:0px 14px 5px 26px; padding:0px; 
}


p.link{
 font-size:12px; line-height:20px; text-align:right; 
 margin:0px 0px 15px 0px; 
}
p.link img.btn{
 margin:0px 20px 0px 0px; 
}

/* Text icon */
.lh12-i20{
 vertical-align:bottom; 
 margin:0px 3px 2px 0px;
}

/* Image */
.line{
 margin:0px 0px 15px 0px; 
}

.line_text{
 margin:0px 20px 15px 20px; 
}

.left{
 float:left; 
 margin:0px 20px 15px 20px; 
}
.left_l{
 margin:0px 20px 15px 20px; 
}

.right{
 float:right; 
 margin:0px 20px 15px 10px; 
}
.right_l{
 margin:0px 20px 15px 20px; 
}

.center{
 margin:0px 20px 15px 20px; 
}

.joinus{
 float:left; 
 margin:0px 10px 20px 20px; 
}








/* anchor */
/*a:link, a:visited{
 color:#6A0; text-decoration:none; 
}
a:hover, a:active{
 color:#6A0; text-decoration:underline; 
}

ul.menu li a:link, ul.menu li a:visited{
 color:#333; text-decoration:none; 
}
ul.menu li a:hover, ul.menu li a:active{
 color:#6A0; text-decoration:underline; 
}

p.news a:link, p.news a:visited{
 color:#444; text-decoration:none; 
}
p.news a:hover, p.news a:active{
 color:#444; text-decoration:underline; 
}


.link a.num:link, .link a.num:visited{
 padding:2px 5px 2px 5px; margin:0px 0px 0px 5px; 
 border:solid 1px #AC0;
}

.link a.num:hover, .link a.num:active{
 padding:2px 5px 2px 5px; margin:0px 0px 0px 5px; 
 background-color:#AC0; color:#FFF; 
 text-decoration:none; 
}

.link span.num{
 padding:2px 5px 2px 5px; margin:0px 0px 0px 5px; 
 color:#6A0; 
}*/




/* newmark */
.newm{
 color: #E00; font-size:12px; font-weight: bold; 
}


/* contents */
.full_01{
 width:640px; margin:0px 0px 10px 0px; 
}

.full_02{
 width:640px; margin:0px 0px 10px 0px; 
 background:#FFF url('/common/image/header_bg.gif') no-repeat; 
}

.full_03{
 width:640px; margin:50px 0px 10px 0px; 
}

.full_indent_01{
 width:600px; margin:0px 0px 10px 0px; 
}

.half{
 width:320px; float:left; margin-bottom:20px; text-align:left; 
}

.third{
 width:213px; float:left; margin-bottom:20px; text-align:left; 
}


.productbox{
 width:185px; margin:0px 0px 0px 20px; 
 border:solid 1px #BBB; 
 text-align:center; 
}


/* Shizen • Taisho */

div#topnews{
 margin-bottom:15px; padding-top:15px; 
 border:solid 1px #F90; 
}
	div#topnews h4{
	 color:#F50;
	}
	
	div#topnews strong{
	 font-weight:normal; color:#E00; 
	}


div.newsbox{
margin:10px 0px 10px 0px; padding:15px; border:solid 1px #ccc; 
}

div.newsbox p{
text-align:left; font-size:14px; line-height:24px;
}

div.newsbox p.link{
text-align:right; margin-bottom:0px;
}


dl.newsbox{
 margin:10px 0px 0px 0px; 
}

dl.newsbox dt{
 font-size:14px; line-height:24px; font-weight:bold; text-align:left; 
 padding:10px 0px 5px 10px; 
 border-bottom:solid 1px #FFF; 
 background-color:#E9E9E9;
}

dl.newsbox dt span{
 font-weight:normal; 
}

dl.newsbox dd{
 font-size:14px; line-height:22px; text-align:left; 
 padding:5px 20px 10px 20px; margin:0px 0px 10px 0px; 
 background-color:#F3F3F3;
}

dl.newsbox dd strong{
 font-weight:normal; color:#E00; 
}

dl.newsbox dd .link{
 margin:10px 0px 0px 0px; 
}






/* Table */

table.list_bg{
 margin:0px 20px 15px 20px; 
}

table.list_bg th{
 border-style:none solid solid none; border-width:1px; border-color:#FFF; 
 padding:7px 0px 3px 0px; background-color:#E9E9E9;
 line-height:22px; text-align:center; vertical-align:top; 
}

table.list_bg th.s{
 font-size:12px; line-height:22px;  
}

table.list_bg th.label{
 border-style:none solid solid none; border-width:1px; border-color:#FFF; 
 padding:7px 0px 3px 0px; background-color:#D6D6D6;
 line-height:22px; text-align:center; vertical-align:top; 
}

table.list_bg td{
 border-style:none solid solid none; border-width:1px; border-color:#FFF; 
 padding:7px 10px 3px 10px; background-color:#F3F3F3;
 line-height:22px; text-align:left; vertical-align:top; 
}

table.list_bg td.center{
 text-align:center; vertical-align:middle; 
}


/* Exhibition */
table.exhibition{
 margin:0px 0px 20px 0px; 
}
table.exhibition td{
 font-size:13px; line-height:22px; 
 text-align:left; vertical-align:top; 
}
table.exhibition strong{
 font-size:16px; line-height:26px; 
}

	table.exhibition .pict1{
	 background-image:url('/image/bg_tenji_schedule.gif'); vertical-align:middle; 
	}
	table.exhibition .place1{
	 background-image:url('/image/bg_tenji_schedule.gif'); background-position:bottom; 
	 text-align:center; 
	}

	table.exhibition .place0, table.exibition .pict0, table.exibition .place1, table.exhibition .pict1{
	 width:130px; text-align:center; 
	}








/* Sitemap */
.maplist{
 font-size:12px; line-height:22px; text-align:left; 
 padding-left:34px; margin-bottom:20px; 
}

.maplist img{
 vertical-align:top; margin-top:4px; 
}



/* Lightbox2 */
#lightbox{ position: absolute; left: 0; width:100%; z-index:100; text-align:center; line-height:0; }
#lightbox img{ width:auto; height:auto; }
#lightbox a img{ border:none; }

#outerImageContainer{ position:relative; background-color:#fff; width:250px; height:250px; margin:0 auto; }
#imageContainer{ padding:10px; }

#loading{ position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0; }
#hoverNav{ position:absolute; top:0; left:0; height:100%; width:100%; z-index:10; }
#imageContainer>#hoverNav{ left:0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width:49%; height:100%; background-image: url('data:image/gif;base64,AAAA'); 
	/* Trick IE into showing hover */ 
	display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url('./image/prevlabel.gif') left 50% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url('./image/nextlabel.gif') right 50% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #FFF; margin: 0 auto; line-height: 1.6em; overflow: auto; width: 100%; }

#imageData{ padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left;margin-bottom:10px; }
#imageData #caption{ font-weight: bold; line-height:16px; }
#imageData #numberDisplay{ display: block; clear: left; padding:10px 0; }
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }



/* print */
@media print{
	.pagetop{ display:none; }
	ul.menu{ display:none; }
}