@charset "UTF-8";
/* import css files
------------------------------------------------------------------------------------- */
@import "index.css";
@import "biography.css";
@import "pagebutton.css";
@import "works.css";
@import "boxart.css";
@import "criticism.css";
@import "worknow.css";


/* common
------------------------------------------------------------------------------------- */
body {
	padding: 0px;
	font-size:small;
	line-height:1.5em;
	color:#000000;
	background-image: url(../baseimg/back01.gif);
	margin-top: 150px;
	margin-left: 0px;
	margin-right: 0px;
}
p{
margin:0px;
padding:0px;
}

caption{
height:35px;
	text-align:left;
	font-weight: bold;	
}

.main{
	background-color: #FFFFFF;
	width: 100%;
	height:auto;
}

.copyright{
	width:1000px;
	text-align:right;
	margin-top:30px;
	color:#555555;
	font-size: 10px;
	letter-spacing: 0.4em;
	z-index: 3;
	position: relative;
}

.copyright a{
	z-index: 3;
	}

.copyright a img{
	z-index: 3;
	}


img {
	border:0px;
	margin:0px;
	padding:0px;
}

.clear{
	clear:both;
}
.left{
	float:left;
}

.layout01{
	width: 1000px;
}
.layout02{
margin-top:88px;
	width: 313px;
	height:248px;
	float: left;
}
.layout03{
	width: 687px;
	height:336px;
	float: left;
}


.flortleft{
	float:left;
}

td{
	margin-bottom:150px;
}

.text{
     margin:0;
     padding:0px;
     width:680px;
     height:300px;
     overflow:auto
          } 


/*
------------------------------------------------------------------------------------- */


.menu{clear:both;
	background-color: #FFFFFF;
position: relative;
z-index: 2;
	line-height:0.5em;
	width:100%;
}


ul#menu {	float: right;
   margin: 0px;
   padding: 0px;
}

ul#menu li {
   width:135px;
   height:17px;
   list-style-type: none;
   float: left; 
   padding: 0px; 
}

ul#menu li a{
	display:block;
   width:135px;
   height:100%;
   text-decoration:none;
	text-indent:-1500px;
	background-repeat:repeat-x;
}

ul#menu li a:hover{background-position:0 -17px;}

li#top a{
	background-image: url(../baseimg/bt01.gif);
}

li#biography a{
	background-image: url(../baseimg/bt02.gif);
}
li#works a{
	background-image: url(../baseimg/bt03.gif);
}

li#criticism a{
	background-image: url(../baseimg/bt04.gif);
}
li#contact a{
	background-image: url(../baseimg/bt05.gif);
}



/*
------------------------------------------------------------------------------------- */


.lang{
margin-left:846px;
width:154px;
}

ul#lang {
   margin: 0px;
   padding: 0px;
}

ul#lang li {
   width:77px;
   height:19px;
   list-style-type: none;
   float: left;
   padding: 0px;
}

ul#lang li a{
	display:block;
   width:77px;
   height:100%;
   text-decoration:none;
	text-indent:-1500px;
	background-repeat:repeat-x;
}

ul#lang li a:hover{background-position:0 -19px;}

li#jp a{
	background-image: url(../baseimg/lang02.gif);
}

li#en a{
	background:url(../baseimg/lang01.gif);
}

li#jpon{	display:block;
   width:77px;
   height:100%;
   text-decoration:none;
	text-indent:-1500px;
	background-repeat:repeat-x;
	background-image: url(../baseimg/lang02on.gif);
}

li#enon{	display:block;
   width:77px;
   height:100%;
   text-decoration:none;
	text-indent:-1500px;
	background-repeat:repeat-x;
	background:url(../baseimg/lang01on.gif);
}




/*
------------------------------------------------------------------------------------- */
.color-key { color:#06389B;}
.color-txt { color:#000000;}
.color-light { color:#666666;}
.color-attention { color:#990000;}

/*
------------------------------------------------------------------------------------- */
a{text-decoration:underline;}
a:link{color:#FF6600;text-decoration:underline;}
a:visited{color:#FF6600;text-decoration: underline;}
a:active{color:#FF6600;text-decoration: underline;}
a:hover{color:#FF9900;text-decoration:none;}