@charset "UTF-8";
/* CSS Document */

html,body { height: 100%; width: 100%; }
		table { height: 100%; width:100%; }

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family:Arial, Helvetica, sans-serif;
	
}


/* --------------------- index --------------------- */

.tdenter {
background-image:url(../img/top_img.jpg);
background-repeat:no-repeat;
width:798px;
height:598px;
}

#enter {
width:350px;
margin:250px 0 0 360px;
text-align:center;
color:#FFFFFF;
}


.enter_name {
font-size:15px;
letter-spacing: 0.2em; 

}
.enter_website {
font-size:14px;
margin:7px 0 0 0;
letter-spacing: 0.2em; 

}

.enter_enter {
font-size:12px;
margin:70px 0 0 0;
letter-spacing: 0.2em;
width:350px;

}

.enter_enter a {
color: #FFFFFF;
text-decoration:none;
}

.enter_enter a:hover {
color: #FFFFFF;
text-decoration:underline;
 } 

.enter_copyright {
font-size:8px;
margin:35px 0 0 0;
}
.enter_copyright_name {
color:#898989;
font-size:9px;
background-color:color:#898989;
}


.tdwhite {
background-image:url(../img/top_bgline.jpg);
background-repeat:repeat-y;
width:798px;
}


.indexnews {
font-size:10px;
text-align:left;
font-weight:normal;
margin:40px auto;
width:280px;
}


/* ---------------------menu --------------------- */

#menubody {
background:#898989;
background-position:center;
margin:0;
padding:0;
}

#menupage {
background:#898989;
background-image:url(../img/menubg01.jpg);
background-repeat:no-repeat;
background-position:center;
background-attachment:fixed;
width:100%;
height:100%;
margin:0;
padding:0;
}

#menulist {
margin: 0 auto;
padding:0 0 0 0;
width:100%;
position:absolute;
    top:50%;
    left:0;

}

#menulist2 {
width:100%;
height:3em;
margin: 0 auto;
padding:0;
background-color:#898989;
color:#FFFFFF;
}


#menulist2 p {
width:840px;
height:1em;
margin:0 0 0 100PX;
padding:0.5em 0 0 0;
line-height:1em;
text-align:left;
letter-spacing:0.1em;
}

#menulist2 p a {
color: #FFFFFF;
text-decoration:none;
}

#menulist2 p a:hover {
color: #FFFFFF;
text-decoration:none;
 }


#menulist ul {
margin: 0 0 0 100PX;
padding:0;
width:840px;
height:1em;
line-height:1em;
background-color:#898989;
color:#FFFFFF;
text-align:left;
}


#menulist li {
list-style:none;
display:inline;
margin:0;
padding:0 7px 0 0;
font-weight:100;
font-size:smaller;
letter-spacing:0.1em;

}

#menulist li a {
color: #FFFFFF;
text-decoration:none;
}

#menulist li a:hover {
color: #FFFFFF;
text-decoration:underline;
 } 
 
 
 .copyright {
 font-weight:normal;
 margin:0 0 0 10px;
 padding:0 0 0 0;
 font-size:9px;
 color:#FFFFFF;
position:absolute;
bottom:1%;
}

 .copyright a {
 color:#FFFFFF;
 text-decoration:none;
 }
 
  .copyright2 a {
 color:#000000;
 text-decoration:none;
 }

 .copyright2 {
 font-weight:normal;
 margin:100px 0 10px 100px;
 padding:0 0 0 0;
 font-size:9px;
 }

 
 /*  ---------------------kasoupage --------------------- */
 
 #contentsbody {
margin:0;
padding:0;
}
 
 
#contents {
margin:0 0 100px 100PX;
padding:0;
width:800px;
height:auto;
} 
 
 #kasoumenulist {
margin: 0 auto 0 auto;
padding:0 0 0 0;
width:100%;
}

#kasoumenulist ul {
margin: 0 0 0 100PX;
padding:0;
width:840px;
height:1em;
line-height:1em;
background-color:#898989;
color:#FFFFFF;
text-align:left;
}


#kasoumenulist li {
list-style:none;
display:inline;
margin:0;
padding:0 7px 0 0;
font-weight:100;
font-size:smaller;
letter-spacing:0.1em;

}

#kasoumenulist li a {
color: #FFFFFF;
text-decoration:none;
}

#kasoumenulist li a:hover {
color: #FFFFFF;
text-decoration:underline;
 } 
 
.title h3 {
margin:50px 0 0 0 ;
padding:0;
color:#333333;
font-size:18px;
font-weight:normal;
border-bottom:1px dotted #999999;
letter-spacing:0.1em;
}

.title h3 a {
color:#666666;
text-decoration:none;
}


 /*  ---------------------news --------------------- */

#news {
margin:50px 0 0 0;
padding:0;
}

#contentsbody_news {
background-image:url(../img/writingsbg.gif);
background-repeat:repeat;
}

.newstitle {
margin:0 0 10px 0;
padding:0 0 0 0.5em;
font-size:small;
border-left:5px #999999 solid;

color:#333333;
}

.newstext {
margin:0  0 40px 0;
padding:0 0 40px 0;
font-size:x-small;
color:#666666;
line-height:1.7em;
border-bottom:1px #CCCCCC solid;
}

.newstext img {
margin:10px 10px 0 0;
padding:3px;
height:100px;
border:1px #CCCCCC solid;
}

.newstext a {
color:#666666;
text-decoration:none;
}

.newstext a:hover {
color:#666666;
text-decoration:underline;
}


 
  /*  ---------------------biography --------------------- */
 
#name0 {
width:400px;
margin:50px 0 0 0 ;
padding:0;
float:left;
}

h1.name1 {
margin:0;
padding:0;
color:#666666;
font-size:13px;
font-weight:normal;
letter-spacing:0.1em;
}
 
 
 p.name2 {
 margin:5px 0 0 0;
 padding:0;
 color:#666666;
 font-size:11px;
 letter-spacing:0.1em;

 }
 
.face {
 margin:50px 0 60px 0;
 padding:0;
 width:200px;
 float:right;

 }
 #biographytable1 {
 clear:both;
 width:800px;
 margin:0 0 0 0;
 padding:0;

 }
 
 
.biographytable {
 width:800px;
 margin:0;
 padding:0;


 
 }
 
.biographytable td {
 border-bottom:1px solid #CCCCCC;
 font-size:11px;
 color:#666666;
 margin:0;
 padding:0.6em;
vertical-align:top;


 }
 
.biographytable td h3 {
margin:0;
padding:1em 0 0 0;
font-weight:normal;
 color:#666666;
}

.biographytable dl {
margin:0;
padding:0;
}

.biographytable dt {
float:left;
width:40px;

}
.biographytable dd {
width:370px;
margin-left:40px;
letter-spacing:0.1em;
}


  /*  ---------------------writings --------------------- */

#writings {
margin:50px 0 0 0;
padding:0;

}

#writings table{
height:600px;
}


#writings table td {
width:400px;
}


.writingstitle {
margin:0;
padding:0;
font-size:smaller;
font-weight:normal;
color:#666666;

}

.writingstitle a {
color:#666666;
text-decoration:none;
}

.writingstitle a:hover  {
text-decoration:none;
color:#666666;
background:#666666;
}


.writingstitle2 {
margin:0 0 10px 0;
padding:0;
font-size:X-small;
color:#666666;
}

#contentsbody_writings {
background-image:url(../img/writingsbg.gif);
background-repeat:repeat;
}

.writingstext {
font-size:small;
width:300px;
line-height:1.5em;
color:#666666;
}

  /*  ---------------------works --------------------- */
#selectedworks {
margin:50px 0 0 0 ;
padding:0;
width:800px;
}


.worksdate {
margin:10px 0 0 0 ;
padding:0;
color:#666666;

}

.workslist {
margin:15px 0 0 0 ;
padding:0;
width:800px;
}


.workstitle {
margin:0;
padding:0;
float:left;
width:250px;
color:#666666;
font-size:11px;

}

.workstitle .year {
margin:0;
padding:0;
float:left;
color:#666666;
font-size:11px;
}

.workstitle .rear {
margin:0 0 0 30px;
padding:0;
color:#666666;
font-size:11px;
}

.workstitle .date {
margin:0;
padding:0 10px 0 0 ;
height:20px;
}


.workstitle .exhibition {
font-style:italic;
margin:0;
padding:0 10px 0 0 ;
}


.thumbnail {
margin:0 0 0 300px;;
padding:0;
width:400px;
 
}

.thumbnail ul {
list-style-type:none;
margin:0;
padding:0;
}


.thumbnail li {
margin:0;
padding:0;
display:inline;
height:40px;
width:40px;
}


.thumbnail li img { 
margin:0 3px 3px 0;
border:#999999 solid 1px;
height:40px;
width:40px;
}


  /*  ---------------------works details--------------------- */
.title_works h3 {
margin:50px 0 0 0 ;
padding:0;
color:#333333;
font-size:15px;
font-weight:normal;
border-bottom:1px dotted #999999;
letter-spacing:0.1em;
}
.title_works h3 a {
color:#333333;
text-decoration:none;
}


.details_thumbnail {
margin:0;
padding:0;
width:800px;

}

.details_thumbnail ul {
margin:0;
padding:0;


}

.details_thumbnail li {
margin:0 10px 5px 0 ;
padding:5px;
float:left;
list-style:none outside;
width:40px;
height:40px;
border:#999999 solid 1px;

}

.details_thumbnail li a {
border:none;
}



.details_thumbnail li img {
margin:0 auto;
padding:0;
width:40px;
display:block;
height:40px;
}



.details {
margin:0 0 0 0;
padding:50px 0 0 0;
width:800px;
clear:both;
}


.details_img {

margin:0 10px 20px 0 ;
padding:0;
float:left;

}

.details_img img {

margin:0 0 0 0 ;
padding:0;
max-height:300px;
max-width:600px;

}


.tabledetails_caption {
margin:0 0 0 0 ;
padding:0 0 0 0 ;
width:180px;
height:300px;
text-align:left;
}
.tabledetails_caption2 {
margin:0 0 50px 0 ;
padding:0 0 0 0 ;
width:200px;
clear:both;
text-align:left;
}


.tabledetails_caption td {
vertical-align:bottom;
}

.details_caption {
margin:0 0 0 0;
padding:0 0 0 0;
font-size:10px;
color:#333333;



}

.details_caption ul {
margin:0 0 0 0;
padding:0;

list-style:none;

}


.details_caption ul li{
margin:0 0 0 0;
padding:0;
}


.next_back {

margin:0 0 0 0;
padding:0;
clear:both;
}

.next_back img {
margin:0 10px 0 0;
padding:0;
}



  /*  ---------------------links--------------------- */

#links {
margin:50px 0 0 0 ;
padding:0;
font-size:smaller;
height:700px;
}

#links ul {
margin:0;
padding:0;
list-style:none;
}


#links li {
margin:10px 0 0 0 ;
padding:0;
}


#links a {
color:#666666;
text-decoration:none;
}

#links a:hover  {
text-decoration:none;
color:#666666;
background:#666666;
}


  /*  ---------------------contact--------------------- */

#contactform {
margin:50px 0 0 0 ;
padding:0;
font-size:smaller;
height:700px;
color:#666666;
}

#contactform form {
margin:50px 0 0 0 ;
padding:0;
}

.que {
width: 89px;
}