@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:Arial, Helvetica, sans-serif;
font-size:small;
}
img{
border: 0;
}
a{
color: #58558f;
}
a:hover{
color:#4D62C2;
}
.clearr{
clear: right;
}
.clearl{
clear: left;
}
.clearboth{
clear:both;
}
/* ========== centering ========== */
#en_home,
#en_biography,
#en_gallery,
#en_contact{
margin: 0 auto 0 auto;
width:900px;
text-align:left;
}
/* ========== home ========== */
#en_home #header{
margin:0;
height:170px;
}
#en_home #header img{
margin:50px 0 0 680px;
}
/* ========== home navigation ========== */
#en_home #title{
margin:20px 0 0 20px;
border-right:#d2d2d2 solid 1px;
width:159px;
float:left;
}
#homenav{
margin:20px 0 0 20px;
float:left;
}
#homenav ul{
list-style-type: none ;
position: absolute;
}
#homenav li{
}
#homenav li a{
height:20px;
display:block;
}
#homenav li a span{
display:none;
}
/* = nav01 = */
#homenav li.nav01{
position: absolute;
left: 0px;
top: 13px;
}
#homenav li.nav01 a{
width:71px;
background-image:url(../images/en_nav_biography.jpg);
background-repeat: no-repeat;
}
#homenav li.nav01 a:hover{
background-position: 0 -20px;
}
/* = nav02 = */
#homenav li.nav02{
position: absolute;
left: 91px;
top: 13px;
}
#homenav li.nav02 a{
width:51px;
background-image:url(../images/en_nav_gallery.jpg);
background-repeat: no-repeat;
}
#homenav li.nav02 a:hover{
background-position: 0 -20px;
}
/* = nav03 = */
#homenav li.nav03{
position: absolute;
left: 162px;
top: 13px;
}
#homenav li.nav03 a{
width:55px;
background-image:url(../images/en_nav_contact.jpg);
background-repeat: no-repeat;
}
#homenav li.nav03 a:hover{
background-position: 0 -20px;
}
/* ========== home nav2 JAPANESE ========== */
#homenav2{
margin:0 0 0 823px;
}
#homenav2 a{
width:56px;
height:20px;
background-image:url(../images/en_nav_japanese.jpg);
background-repeat: no-repeat;
display:block;
}
#homenav2 a:hover{
background-position: 0 -20px;
}
#homenav2 a span{
display:none;
}
/* ========== area seperation ========== */
#leftcolumn{
margin:0 30px 0 0;
width:150px;
float:left;
}
#rightcolumn{
margin:0;
width:720px;
float:left;
}
/* ========== navigation ========== */
#sitetitle{
border-bottom:#d2d2d2 solid 1px;
}
#sitetitle img{
margin:0 20px;
}
#sitetitle2{
margin:10px 6px;
}
#nav{
margin:30px 0 0 0;
height:250px;
}
#nav ul{
list-style-type: none ;
position: absolute;
}
#nav li{

}
#nav li a{
height:20px;
display:block;
}
#nav li a span{
display:none;
}
/* = nav01 = */
#nav li.nav01{
position: absolute;
left: 20px;
top: 0px;
}
#nav li.nav01 a{
width:71px;
background-image:url(../images/en_nav_biography.jpg);
background-repeat: no-repeat;
}
#nav li.nav01 a:hover{
background-position: 0 -20px;
}
/* = nav02 = */
#nav li.nav02{
position: absolute;
left: 20px;
top: 40px;
}
#nav li.nav02 a{
width:51px;
background-image:url(../images/en_nav_gallery.jpg);
background-repeat: no-repeat;
}
#nav li.nav02 a:hover{
background-position: 0 -20px;
}
/* = nav03 = */
#nav li.nav03{
position: absolute;
left: 20px;
top: 80px;
}
#nav li.nav03 a{
width:55px;
background-image:url(../images/en_nav_contact.jpg);
background-repeat: no-repeat;
}
#nav li.nav03 a:hover{
background-position: 0 -20px;
}
/* = nav04 = */
#nav li.nav04{
position: absolute;
left: 10px;
top: 170px;
}
#nav li.nav04 a{
width:38px;
height:20px;
background-image:url(../images/en_nav_home.jpg);
background-repeat: no-repeat;
}
#nav li.nav04 a:hover{
background-position: 0 -20px;
}
/* = nav10 = */
#nav li.nav05{
position: absolute;
left: 10px;
top: 202px;
}
#nav li.nav05 a{
width:56px;
height:20px;
background-image:url(../images/en_nav_japanese.jpg);
background-repeat: no-repeat;
}
#nav li.nav05 a:hover{
background-position: 0 -20px;
}
/* = nav current settings = */
#en_biography #nav li.nav01 a,
#en_gallery #nav li.nav02 a,
#en_contact #nav li.nav03 a{
background-position: 0 -40px;
}
/* ========== footer ========== */
#footer{
margin:20px 0;
padding:25px 20px;
border-top:#d2d2d2 solid 1px;
}
#footer p{
margin:0 0 0.8em 0;
font-size:0.9em;
line-height:1.6em;
color:#ACACAC;
}
#footer p a{
color:#ACACAC;
}
/* ========== header shared except for HOME header ========== */
#en_biography #header,
#en_gallery #header,
#en_contact #header{
margin:80px 0 0 0;
height:90px;
text-align:right;
}
/* ========== biography ========== */
#en_biography #header img{
margin:0 80px 0 0;
}
#en_biography #subnav{
height:180px;
background:url(../images/biography_bg.jpg) no-repeat;
}
#en_biography #subnav p{
padding: 110px 0 0 20px;
font-size:0.9em;
color:#fff;
}
#en_biography #subnav p a{
color:#fff;
}
#en_biography #contents{
margin:40px 20px;
}
#en_biography #contents table{
table-layout:fixed;
width:100%;
margin:0;
padding:0;
}
#en_biography #contents table th,
#en_biography #contents table td{
vertical-align:top;
line-height:1.6em;
}
#en_biography #contents table th{
width:4em;
}
#en_biography #contents table td{
padding: 0 0 20px 0;
}
#en_biography #contents table ul{
list-style:none;
padding:0 0 0 1em;
border-left:#d2d2d2 solid 4px;
}
#en_biography #contents table ul li{
margin:0 0 0.8em 0;
}
#en_biography #contents p{
line-height:1.6em;
}
#en_biography #contents p.caption{
font-size:0.9em;
text-align:right;
}
/* ========== contact ========== */
#en_contact #header img{
margin:0 0 0 620px;
}
#en_contact #contents{
padding:0 20px 30px 20px;
}
#en_contact #contents p{
line-height:1.6em;
}
#en_contact #contents h2{
margin:30px 0 5px 0;
}
#en_contact #contents h2.title{
color:#d04500;
}
#en_contact #contents form{
margin:0 0 0 0;
padding: 20px 40px;
background-color:#f7f7f7;
border:#dedede solid 1px;
}
#en_contact #contents input.field{
width:20em;
}
#en_contact #contents textarea{
width:34em;
height:10em;
}
#en_contact #contents #btnarea{
text-align:center;
margin:40px 0 20px 0;
}
#en_contact #contents input.button{
width:8em;
}
/* ========== contact ========== */
#en_gallery  #rightcolumn{
	padding-top: 170px;
	text-align: center;
}