@charset "UTF-8";
body {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	background: #ffffff;
	margin: 0;
	padding: 0;
	text-align: center;
}
#container {
	width: 900px;
	background: #FFFFFF;
	margin: 0 auto;
	text-align: left; 
}
#mainContent {
	margin:0;
	padding: 0;
}
#footer {
	clear:both;
	margin:0 0 15px 0;
	padding: 6px 0 10px 0;
	border-top: 1px solid #333333;
} 
.copyright {
	margin: 0;
	padding: 0;
	float:right;
	font-size:9px;
	color:#222222;
}
.warning {
	margin: 0;
	padding: 0;
	float:left;
	font-size:9px;
	color:#888888;
}
#footer-top a{
	color: #ff00c0;
	text-align:left;
	line-height:140%;
	text-decoration: none;
	background-color:#ffffff;
}
#footer-top a:hover{
	background-color:#ff00c0;
	color:#ffffff;
}
#footer a{
	color: #ff00c0;
	text-align:left;
	line-height:140%;
	text-decoration: none;
	background-color:#ffffff;
}
#footer a{
	color: #ff00c0;
	text-align:left;
	line-height:140%;
	text-decoration: none;
	background-color:#ffffff;
}
#footer a:hover{
	background-color:#ff00c0;
	color:#ffffff;
}
a img { border: none; }
#head-area {
	height:22px;
	margin:0;
	padding:6px 0 0 0;
	width:900px;
}
#menu {
	margin:0;
	padding:0;
	float:left;
}
#menu a{
	color: #000000;
	text-align:left;
	line-height:140%;
	text-decoration: none;
}
#menu a:hover{
	background-color:#f5ff4d;
	color:#000000;
}
#en-jp {
	margin:0;
	padding:4px 0 0 0;
	float:right;
	color: #777777;
	font-size:9px;
}
#en-jp a{
	color: #BBBBBB;
	text-align:left;
	line-height:140%;
	text-decoration: none;
}
#en-jp a:hover{
	background-color:#f5ff4d;
	color:#111111;
}

h1 {
	margin:25px 0 0 0;
	padding:0;
}
#main-img{
	margin:0;
	padding: 0 0 20px 0;
}
.page-title {
	margin: 0;
	padding:10px 0 0 0;
	line-height:190%;
	font-weight:bold;
	/*font-family: "Times New Roman", Times, serif;*/
	font-size:12px;
	border-top: 1px solid #333333;
}

/*WORKS PAGE*/

.thumb-tbl{
	margin:11px 0 42px 75px;
	padding: 0;
	text-align:left;
}
.thumb-tbl a { display: block; font-size:10px; text-decoration: none; color: #555555; }
.thumb-tbl a:hover { text-decoration: line-through; color: #c4c4c4;}
.thumb-tbl img { border: none; width: 80px; height: 80px;}

.thumb-tbl2{
	margin:10px 0 33px 75px;
	padding: 0;
	text-align:left;
}
.thumb-tbl2 a { display: block; font-size:10px; text-decoration: none; color: #555555; }
.thumb-tbl2 a:hover { text-decoration: line-through; color: #c4c4c4;}
.thumb-tbl2 img { border: none; width: 80px; height: 80px;}

.thumb-txt{
	width:100px;
	margin:0;
	padding: 0 0 5px 0;
}
.thumb{
	width:910px;
	float:left;
	margin:0;
	padding: 0;
}
.thumb2{
	width:910px;
	margin:0;
	padding: 0 0 14px 0;
	float:left;
}
ul.thumbnail-1 { list-style-type: none; }
ul.thumbnail-1 li {
	width:100px;
	height:160px;
 	float: left;
 	margin: 0 35px;
	padding:0
}
ul.thumbnail-1 li img {
 	border: none;
 	width: 80px;
 	height: 80px;
}
ul.thumbnail-1 li a { display: block; font-size:10px; text-decoration: none; color: #555555; }
ul.thumbnail-1 li a:hover { 
	text-decoration: line-through; color: #C4C4C4;
}


/*WORK DETAIL PAGE*/
#left-area{
	float:left;
	width: 600px;
	margin:0;
	padding:0;
	clear:both;
}
.caption{font-size:9px;color:#444444;}
.demo{margin:15px 0;width:600px;}
.gallery_demo{width:600px;margin:0;}
.gallery_demo li{width:600px;height:40px;border:1px solid #BBBBBB;margin:10px 0 2px 0;background:#FFFFFF;}
.gallery_demo li div{left:0;}
.gallery_demo li div .caption{font:georgia,serif;}
	
#main_image{margin:30px 0 0 0;height:400px;width:600px;background:#FFFFFF;}
#main_image img{margin-bottom:10px;}
	
.nav{
	margin:0;
	padding:0;
	clear:both;
	font-size:9px;
	font-family: Arial, Helvetica, sans-serif;
	color: #BBBBBB;
	text-align:left;
}
.nav a{font-size:10px; text-decoration: none; color: #BBBBBB;}
.nav a:hover {font-size:10px; background-color:#000000; color:#FFFFFF;}
#right-area{
	float:right;
	width: 270px;
	margin:20px 0 10px 10px;
	padding:0;
	text-align:left;
}
.title-area{
	width: 270px;
	margin:10px 0 0 0;
	padding:5px 0;
	font-size:11px; color:#000000;
	font-weight:bold;
}
.year-area{
	width: 270px;
	margin:0;
	padding:0 0 20px 0;
	font-size:9px; color:#222222; line-height:140%;
	text-align:left;
}
.txt-blue{
	width: 270px;
	margin:0;
	padding:15px 0;
	font-size:10px; color:#00a0eb; line-height:200%;
	text-align:left;
}
.txt-blue2{
	width: 270px;
	margin:0;
	padding:0;
	font-size:9px; color:#00a0eb; line-height:160%;
	text-align:left;
}
.word {
	font-style:Italic;
	color:#777777;
	font-size:10px;
	line-height:170%;
}
.back-btn a{
	margin:0;
	padding: 0;
	color: #A0A0A0;
	font-size:9px;
	line-height:140%;
	text-decoration: none;
	float:right;
	position:relative; bottom:30px;
	clear:both;
}

.back-btn a:hover{
	background-color:#f5ff4d; color:#000000;
}

/*CV PAGE*/

#text-area{
	width:900px;
	margin:0;
	padding: 10px 0;
}
#text-area2{
	width:650px;
	margin:0;
	padding: 20px 0;
}
.title {
	line-height:190%;
	font-size:11px;
	color:#222222;
	margin:26px 0 10px 0;
	padding:0 5px;
	border-bottom: 1px solid #777777;
}
.txt-gray {
	font-size:10px;
	line-height:170%;
	color:#444444;
	margin:5px 0 4px 5px;
	padding:0;
}
.txt-gray a{
	font-size:10px;
	line-height:170%;
	color:#444444;
	text-decoration: underline;
}

.txt-gray a:hover{
	background-color:#00a0eb; color:#FFFFFF;
}

/*INFO PAGE*/
.title2 {
	line-height:190%;
	font-size:11px;
	color:#222222;
	margin:5px 0 15px 0;
	padding:0 5px;
	border-bottom: 1px solid #777777;
}
.title3 {
	line-height:190%;
	font-size:11px;
	color:#222222;
	margin:0 0 15px 0;
	padding:0 5px;
	border-bottom: 1px solid #777777;
}
.txt-black {
	font-size:10px;
	line-height:190%;
	font-weight:bold;
	color:#111111;
	margin:0;
	padding:0;
}
.txt-gray2 {
	font-size:10px;
	line-height:160%;
	color:#444444;
	margin:5px 0 30px 5px;
	padding:0;
}

.other-link {
	margin:5px 0;
	padding: 0;
}
.other-link a{
	margin:0;
	padding:0;
	color: #444444;
	font-size:10px;
	line-height:140%;
	text-decoration: underline;
}

.other-link a:hover{
	background-color:#000000; color:#FFFFFF;
}
.new {
	background-image:url(images/icon_new.gif);
	width:23px;
	height:9px;
	margin:0;
	padding:0;
}

/*CONTACT PAGE*/
#email {
	margin:10px 0 0 0;
	padding:0;
	color:#444444;
}
#email a{
	color: #000000;
	text-align:left;
	line-height:210%;
	text-decoration: underline;
}
#email a:hover{
	background-color:#000000;
	color:#FFFFFF;
}

#email2 {
	margin:20px 0 400px 0;
	padding:0;
	color:#444444;
}
#email2 a{
	color: #000000;
	text-align:left;
	line-height:210%;
	text-decoration: underline;
}
#email2 a:hover{
	background-color:#000000;
	color:#FFFFFF;
}