@charset "UTF-8";
/* CSS Document */
body {
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #fff;
}
div,p,h1,h2,h3,ul,li,th,td,input,textarea{
	margin: 0;
	padding: 0;
	font-family:"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3","メイリオ", Meiryo, "ＭＳ Ｐゴシック",sans-serif;
	font-size: medium;
}
img{
	border: 0;
}
a{
	color: #58558f;
}
a:hover{
	color:#4D62C2;
}
.clearr{
	clear: right;
}
.clearl{
	clear: left;
}
.clearboth{
	clear:both;
}
/* ======= general classes ======= */
.smalltext{
	font-size: x-small;
}

/* ========== centering ========== */
#home,
#message,
#biography,
#gallery,
#exhibition,
#shop,
#publication,
#link,
#contact{
	margin: 0 auto 0 auto;
	width:900px;
	text-align:left;
}
/* ========== home ========== */
#home #header{
margin:0;
height:170px;
}
#home #header img{
margin:50px 0 0 680px;
}
/* ========== home navigation ========== */
#homenav{
margin:20px 0 0 20px;
width:300px;
height:110px;
float:left;
}
#homenav ul{
	list-style-type: none ;
	position: absolute;
}
#homenav li{
	
}
#homenav li a{
	width:20px;
	display:block;
}
#homenav li a span{
	display:none;
}
/* = nav01 = */
#homenav li.nav01{
position: absolute;
left: 280px;
top: 0px;
}
#homenav li.nav01 a{
height:62px;
background-image:url(../images/nav_message.jpg);
background-repeat: no-repeat;
}
#homenav li.nav01 a:hover{
background-position: -20px 0;
}
/* = nav02 = */
#homenav li.nav02{
position: absolute;
left: 240px;
top: 0px;
}
#homenav li.nav02 a{
height:80px;
background-image:url(../images/nav_biography.jpg);
background-repeat: no-repeat;
}
#homenav li.nav02 a:hover{
background-position: -20px 0;
}
/* = nav03 = */
#homenav li.nav03{
position: absolute;
left: 200px;
top: 0px;
}
#homenav li.nav03 a{
height:52px;
background-image:url(../images/nav_gallery.jpg);
background-repeat: no-repeat;
}
#homenav li.nav03 a:hover{
background-position: -20px 0;
}
/* = nav04 = */
#homenav li.nav04{
position: absolute;
left: 160px;
top: 0px;
}
#homenav li.nav04 a{
height:52px;
background-image:url(../images/nav_exhibition.jpg);
background-repeat: no-repeat;
}
#homenav li.nav04 a:hover{
background-position: -20px 0;
}
/* = nav05 = */
#homenav li.nav05{
position: absolute;
left: 120px;
top: 0;
}
#homenav li.nav05 a{
height:101px;
background-image:url(../images/nav_shop.jpg);
background-repeat: no-repeat;
}
#homenav li.nav05 a:hover{
background-position: -20px 0;
}
/* = nav06 = */
#homenav li.nav06{
position: absolute;
left: 80px;
top: 0;
}
#homenav li.nav06 a{
height:69px;
background-image:url(../images/nav_publication.jpg);
background-repeat: no-repeat;
}
#homenav li.nav06 a:hover{
background-position: -20px 0;
}
/* = nav07 = */
#homenav li.nav07{
position: absolute;
left: 40px;
top: 0;
}
#homenav li.nav07 a{
height:46px;
background-image:url(../images/nav_link.jpg);
background-repeat: no-repeat;
}
#homenav li.nav07 a:hover{
background-position: -20px 0;
}
/* = nav08 = */
#homenav li.nav08{
position: absolute;
left: 0;
top: 0;
}
#homenav li.nav08 a{
height:94px;
background-image:url(../images/nav_contact.jpg);
background-repeat: no-repeat;
}
#homenav li.nav08 a:hover{
background-position: -20px 0;
}
/* ========== home news ========== */
#home #news{
margin:20px 0 0 180px;
width:379px;
border-left:#d2d2d2 solid 1px;
float:left;
}
#home #news img{
margin:0 0 10px 10px;
}
#home #news ul{
list-style:none;
padding: 0 0 0 10px;
}
#home #news ul li{
margin:0 0 5px 0;
line-height:1.6em;
font-size:0.9em;
}
#home #news p{
padding:0 0 5px 10px;
line-height:1.6em;
font-size:0.9em;
}
/* ========== home nav2 ENGLISH ========== */
#homenav2{
margin:0 0 0 833px;
}
#homenav2 a{
width:47px;
height:16px;
background-image:url(../images/nav_english.jpg);
background-repeat: no-repeat;
display:block;
}
#homenav2 a:hover{
background-position: -74px 0;
}
#homenav2 a span{
display:none;
}
/* ========== home counter ========== */
#counter{
padding:0 0 0 90px;
margin:10px 0 0 20px;

background-image:url(../images/home_counter.gif);
background-repeat: no-repeat;
}
/* ========== area seperation ========== */
#leftcolumn{
	margin:0 30px 0 0;
	width:150px;
	float:left;
}
#rightcolumn{
	margin:0;
	width:720px;
	float:left;
}
#gallery #rightcolumn{
	padding-top: 170px;
	text-align: center;
}
/* ========== navigation ========== */
#sitetitle{
border-bottom:#d2d2d2 solid 1px;
}
#sitetitle img{
margin:0 20px;
}
#nav{
margin:30px 0 0 0;
height:330px;
}
#nav ul{
	list-style-type: none ;
	position: absolute;
}
#nav li{
	
}
#nav li a{
	width:20px;
	display:block;
}
#nav li a span{
	display:none;
}
/* = nav01 = */
#nav li.nav01{
position: absolute;
left: 110px;
top: 0px;
}
#nav li.nav01 a{
height:62px;
background-image:url(../images/nav_message.jpg);
background-repeat: no-repeat;
}
#nav li.nav01 a:hover{
background-position: -20px 0;
}
/* = nav02 = */
#nav li.nav02{
position: absolute;
left: 80px;
top: 0px;
}
#nav li.nav02 a{
height:80px;
background-image:url(../images/nav_biography.jpg);
background-repeat: no-repeat;
}
#nav li.nav02 a:hover{
background-position: -20px 0;
}
/* = nav03 = */
#nav li.nav03{
position: absolute;
left: 50px;
top: 0px;
}
#nav li.nav03 a{
height:52px;
background-image:url(../images/nav_gallery.jpg);
background-repeat: no-repeat;
}
#nav li.nav03 a:hover{
background-position: -20px 0;
}
/* = nav04 = */
#nav li.nav04{
position: absolute;
left: 20px;
top: 0px;
}
#nav li.nav04 a{
height:52px;
background-image:url(../images/nav_exhibition.jpg);
background-repeat: no-repeat;
}
#nav li.nav04 a:hover{
background-position: -20px 0;
}
/* = nav05 = */
#nav li.nav05{
position: absolute;
left: 110px;
top: 115px;
}
#nav li.nav05 a{
height:101px;
background-image:url(../images/nav_shop.jpg);
background-repeat: no-repeat;
}
#nav li.nav05 a:hover{
background-position: -20px 0;
}
/* = nav06 = */
#nav li.nav06{
position: absolute;
left: 80px;
top: 115px;
}
#nav li.nav06 a{
height:69px;
background-image:url(../images/nav_publication.jpg);
background-repeat: no-repeat;
}
#nav li.nav06 a:hover{
background-position: -20px 0;
}
/* = nav07 = */
#nav li.nav07{
position: absolute;
left: 50px;
top: 115px;
}
#nav li.nav07 a{
height:46px;
background-image:url(../images/nav_link.jpg);
background-repeat: no-repeat;
}
#nav li.nav07 a:hover{
background-position: -20px 0;
}
/* = nav08 = */
#nav li.nav08{
position: absolute;
left: 20px;
top: 115px;
}
#nav li.nav08 a{
height:94px;
background-image:url(../images/nav_contact.jpg);
background-repeat: no-repeat;
}
#nav li.nav08 a:hover{
background-position: -20px 0;
}
/* = nav09 = */
#nav li.nav09{
position: absolute;
left: 20px;
top: 280px;
}
#nav li.nav09 a{
width:75px;
height:16px;
background-image:url(../images/nav_top.jpg);
background-repeat: no-repeat;
}
#nav li.nav09 a:hover{
background-position: -74px 0;
}
/* = nav10 = */
#nav li.nav10{
position: absolute;
left: 20px;
top: 310px;
}
#nav li.nav10 a{
width:50px;
height:16px;
background-image:url(../images/nav_english.jpg);
background-repeat: no-repeat;
}
#nav li.nav10 a:hover{
background-position: -74px 0;
}
/* = nav current settings = */
#message #nav li.nav01 a,
#biography #nav li.nav02 a,
#gallery #nav li.nav03 a,
#exhibition #nav li.nav04 a,
#shop #nav li.nav05 a,
#publication #nav li.nav06 a,
#link #nav li.nav07 a,
#contact #nav li.nav08 a{
	background-position: -40px 0;
}
/* ========== footer ========== */
#footer{
margin:20px 0;
padding:25px 20px;
border-top:#d2d2d2 solid 1px;
}
#footer p{
margin:0 0 0.8em 0;
font-size:small;
line-height:1.6em;
color:#ACACAC;
}
#footer p a{
color:#ACACAC;
}
/* ========== header shared except for HOME header ========== */
#message #header,
#biography #header,
#gallery #header,
#exhibition #header,
#shop #header,
#publication #header,
#link #header,
#contact #header{
margin:40px 0 0 0;
height:130px;
}
/* ========== message ========== */
#message #header img{
margin:0 79px 0 0;
float:right;
}
#message #header #subnav{
height:130px;
float:left;
}
#message #header #subnav form{
margin:90px 0 0 0;
}
#message #contents{
margin:0 20px 30px 0;
padding:30px 0 0 195px;
background:url(../images/message_bg.jpg) no-repeat;
}
#message #contents_bn{
margin:0 20px 30px 0;
padding:30px 0 0 195px;
background:url(../images/message_bg_bn.jpg) no-repeat;
}
#message #contents h2,
#message #contents_bn h2{
margin:0 0 1.5em 0;
}
#message #contents p,
#message #contents_bn p{
line-height:2em;
margin:0 0 1.5em 0;
}
/* ========== biography ========== */
#biography #header img{
margin:0 0 0 620px;
}
#biography #subnav{
height:180px;
background:url(../images/biography_bg.jpg) no-repeat;
}
#biography #subnav p{
padding: 110px 0 0 20px;
font-size:small;
color:#fff;
}
#biography #subnav p a{
color:#fff;
}
#biography #contents{
margin:40px 20px;
}
#biography #contents table{
table-layout:fixed;
width:100%;
margin:0;
padding:0;
}
#biography #contents table th,
#biography #contents table td{
vertical-align:top;
line-height:1.6em;
}
#biography #contents table th{
width:5em;
}
#biography #contents table td{
padding: 0 0 20px 0;
}
#biography #contents table ul{
list-style:none;
padding:0 0 0 1em;
border-left:#d2d2d2 solid 4px;
}
#biography #contents table ul li{
margin:0 0 0.8em 0;
}
#biography #contents p{
font-size:small;
text-align:right;
}
/* ========== exhibition ========== */
#exhibition #header img{
margin:0 79px 0 0;
float:right;
}
#exhibition #header #subnav{
width:310px;
height:130px;
float:left;
}
#exhibition #header #subnav p{
margin:90px 0 10px 0;
font-size:small;
line-height:1.6em;
color:#7A7A7A;
}
#exhibition #contents{
padding:220px 20px 30px 20px;
background:url(../images/exhibition_bg.jpg) no-repeat;
}
#exhibition #contents .set{
margin:0 0 40px 0;
padding:5px 20px 0 10px;
border-left:#dedede solid 4px;
}
#exhibition #contents h2{
margin: 0 0 15px 0;
}
#exhibition #contents p{
margin:15px 0 15px 50px;
line-height:1.6em;
font-size:0.9em;
}
#exhibition .set .indent{
	padding-left:3em;
}
#exhibition #contents .report{
margin:0 0 40px 0;
padding:15px 20px 0 20px;
border:#dedede solid 1px;
background-color:#f7f7f7;
}
#exhibition #contents .report p{
margin:15px 0 15px 15px;
}
/* ========== exhibition China report ========== */
#exhibition #subnav_report{
padding:120px 20px 30px 195px;
background:url(../images/exhibition_rpt_bg.jpg) no-repeat;
}
#exhibition #subnav_report h2{
margin:0 0 20px 25px;
}
#exhibition #subnav_report p{
margin:0 0 0 25px;
font-size:0.9em;
}
#exhibition #contents_report{
margin:30px 0 0 0;
padding:0 0 0 210px;
background:url(../images/exhibition_rpt_bg2.jpg) no-repeat;
}
#exhibition #contents_report .set{
margin:0 0 40px 0;
padding:20px 20px 0 20px;
border:#dedede solid 1px;
background-color:#fff;
}
#exhibition #contents_report h3{
margin:0px 0px 20px 0;
padding:5px 0 5px 20px;
background:#7a7a7a;
color:#fff;
}
#exhibition #contents_report p{
line-height:2em;
margin:0 20px 1.5em 20px;
}
#exhibition #contents_report .line{
margin:10px 0 30px 0;
border-bottom:#ccc dashed 1px;
}
#exhibition #contents_report h4{
margin:30px 0px 20px 0;
padding:5px 0 5px 20px;
border-top:#ccc dashed 1px;
border-bottom:#ccc dashed 1px;
}
/* ========== exhibition China report 2007 ========== */
#exhibition #subnav_report2007{
height:250px;
background:url(../images/exhibition_rpt2007_bg.jpg) no-repeat;
}
#exhibition #subnav_report2007 h2{
display:none;
}
#exhibition #subnav_report2007 p{
padding:180px 0 0 60px;
font-size:0.9em;
}
#exhibition #contents_photo2007{
margin:30px 0 0 0;
width:190px;
float:left;
}
#exhibition #contents_photo2007 img{
margin:0 0 5px 0;
}
#exhibition #contents_photo2007 p{
margin:0 0 10px 0;
font-size:small;
color:#666;
line-height:1.3em;
}
#exhibition #contents_report2007{
margin:30px 0 0 20px;
width:510px;
float:left;
}
#exhibition #contents_report2007 .set{
margin:0 0 40px 0;
padding:20px 20px 0 20px;
border:#dedede solid 1px;
background-color:#fff;
}
#exhibition #contents_report2007 h3{
margin:0px 0px 20px 0;
padding:5px 0 5px 20px;
background:#7a7a7a;
color:#fff;
}
#exhibition #contents_report2007 p{
line-height:2em;
margin:0 20px 1.5em 20px;
}
#exhibition #contents_report2007 .line{
margin:10px 0 30px 0;
border-bottom:#ccc dashed 1px;
}
/* ========== shop ========== */
#shop #header img{
margin:0 79px 0 0;
float:right;
}
#shop #header #subnav{
width:310px;
height:130px;
float:left;
}
#shop #header #subnav p{
margin:0 0 10px 0;
font-size:small;
line-height:1.6em;
color:#7A7A7A;
}
#shop #contents #print,
#shop #contents #item{
margin:0 0 20px 0;
padding:30px 0 10px 20px;
background-color:#f7f7f7;
}
#shop #contents #print h2,
#shop #contents #item h2{
margin:0 0 10px 0;
}
#shop #contents #print table,
#shop #contents #item table{
width:100%;
}
#shop #contents #print table td,
#shop #contents #item table td{
padding:0 18px 20px 0;
vertical-align:top;
}
#shop #contents #print table td p,
#shop #contents #item table td p{
margin:10px 0 0 0;
font-size:0.9em;
line-height:1.3em;
}
#shop #contents #print a img,
#shop #contents #item a img{
border:#f7f7f7 solid 1px;
}
#shop #contents #print a:hover img{
border:#000 solid 1px;
}
#shop #contents #item a:hover img{
border:#ccc solid 1px;
}
/* ========== shop details ========== */
#shop #contents #details{
margin:0 0 20px 0;
padding:30px 20px;
background-color:#f7f7f7;
position:relative;
}
#shop #contents #details h2{
margin:0 0 10px 0;
}
#shop #contents #details p{
margin:0 0 10px 0;
line-height:1.6em;
font-size:0.9em;
}
#shop #contents #details table{
margin:0 0 20px 0;
}
#shop #contents #details table th{
white-space:nowrap;
}
#shop #contents #details table th,
#shop #contents #details table td{
padding:5px 15px;
border-bottom:#dedede solid 1px;
vertical-align:top;
font-size:0.9em;
}
#shop #contents #details table th{
border-right:#dedede solid 1px;
}
#shop #contents #details table tr.first th,
#shop #contents #details table tr.first td{
border-top:#dedede solid 1px;
}
#shop #contents #details img.floatleft{
margin:0 20px 20px 0;
float:left;
position:relative;
}
#shop #contents #details #btn{
text-align:right;
}
#shop #contents #details table.layout td{
padding:20px 10px 20px 0;
}
#shop #contents #details table.layout td.left{
padding:20px 0 20px 9px;
border-left:#dedede solid 1px;
}
#shop #contents #details table.layout td.center{
padding:20px 10px 20px 9px;
border-left:#dedede solid 1px;
}
#shop #contents #details table.layout h3{
margin:0 0 10px 0;
}
#shop #contents #details table.layout p.spec{
margin:10px 0 0 0;
text-align:right;
font-size:0.9em;
}
#shop #contents #details p.point{
margin:10px 0 0 0;
padding:20px;
background-color:#dedede;
border:#fff solid 1px;
}
/* ========== publication ========== */
#publication #header img{
margin:0 0 0 620px;
}
#publication #contents{
padding:220px 20px 30px 20px;
background:url(../images/publication_bg.jpg) no-repeat;
}
#publication #contents .set{
margin:0 0 40px 0;
padding:5px 20px 0 10px;
border-left:#dedede solid 4px;
}

#publication #contents h2{
margin: 0 0 15px 0;
}
#publication #contents h2 small{
margin:0 0 0 10px;
font-size:small;
font-weight:normal;
color:#333;
}
#publication #contents p{
margin:0 0 15px 50px;
line-height:1.6em;
font-size:0.9em;
}
#publication #contents img{
margin:0 0 15px 50px;
}
/* ========== link ========== */
#link #header img{
margin:0 0 0 620px;
}
#link #contents{
padding:220px 20px 30px 20px;
background:url(../images/link_bg.jpg) no-repeat;
}
#link #contents .set{
margin:0 0 40px 0;
padding:5px 20px 0 10px;
border-left:#dedede solid 4px;
}
#link #contents h2{
margin: 0 0 15px 0;
}
#link #contents ul{
list-style:none;
margin:0 0 0 20px;
width:290px;
float:left;
}
#link #contents li{
margin:0 0 10px 0;
}
#link #contents li small{
margin:0 0 0 20px;
font-size:small;
}
#link #contents p{
font-size:small;
}
/* ========== contact ========== */
#contact #header img{
margin:0 0 0 620px;
}
#contact #contents{
padding:30px 20px 30px 20px;
}
#contact #contents p{
line-height:1.6em;
}
#contact #contents h2{
margin:30px 0 5px 0;
}
#contact #contents h2.title{
color:#d04500;
}
#contact #contents form{
margin:30px 0 0 0;
padding: 20px 40px;
background-color:#f7f7f7;
border:#dedede solid 1px;
}
#contact #contents input.field{
width:20em;
}
#contact #contents textarea{
width:34em;
height:10em;
}
#contact #contents #btnarea{
text-align:center;
margin:40px 0 20px 0;
}
#contact #contents input.button{
width:8em;
}