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

body{
width:1000px;
height:100%;
margin:0 auto;
vertical-align : middle;
background:#fff;
font-size:62.5%;
line-height:1.6em;
font-family: Arial, Helvetica, sans-serif;
color:#666;
}
a img { border: 0; }

h1, h2, h3, h4, h5, h6 { 
font-weight: normal;
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote{
margin: 0;padding: 0;
}

ul,ol {
list-style: none;
}

ul,ol,li,dl,dt,dd {
margin: 0;
padding: 0;
}

li img{
vertical-align: bottom;
}

.Clear {
clear: both;
font: 0pt/0pt sans-serif;
}

.clearfloat {
clear:both;
height:0px;
}

img {
border: 0px;
}

a:link, a:visited{
color: #666;
text-decoration: none;
}

a:hover{
color: #aaa;
text-decoration: none;
}

* {
zoom: 1;
}

.hand{
	cursor:pointer;
	}


#flash{
	text-align:center;
	margin:0 auto;
	}

#news{
	background:#ebebeb;
	padding:3px 10px;
	overflow:auto;
	height:50px;
	font-size:1.2em;
	}

#news li strong{
	color:#ff3a77;
	font-weight:bold;
	margin-right:10px;
	}

#news li a{
	color:#ff3a77;
	}

#copy{
	background:#000;
	width:1000px;
	color:#FFFFFF;
	font-size:12px;
	text-align:center;
	padding:5px 0;
	margin:0 auto;
	}	
	
	
/* gallery */

#contact{
	text-align:right;
	padding-right:10px;
	margin-bottom:10px;
	margin-top:29px;
	}
#header{
	background:#000000;
	width:1000px;
	height:51px;
	margin-bottom:18px;
	}
#header a{
	width:200px;
	height:51px;
	margin-left:20px;
	display:block;
	}
#header a h1{
	background: url(../img/logo.gif) left no-repeat;
	width:200px;
	height:51px;
	text-indent:-9999px;
	}



h2{
	text-indent:-9999px;
	}

body#rachi h2{
	background:url(../img/rachi/rachi.gif) no-repeat;
	width:262px;
	height:51px;
	margin-left:20px;
	}

body#tanikawa h2{
	background:url(../img/tanikawa/tanikawa.gif) no-repeat;
	width:352px;
	height:51px;
	margin-left:20px;
	}

body#todate h2{
	background:url(../img/todate/todate.gif) no-repeat;
	width:352px;
	height:51px;
	margin-left:20px;
	}
#category{
	text-align:right;
	margin-top:-20px;
	margin-bottom:40px;
	color:#999;
	font-size:1.2em;
	}

#category li{
	display:inline;
	padding-right:10px;
	border-right:1px solid #999;
	margin-right:10px;
	}

#category li.noBorder{
	border:none;
	margin-right:0;
	}

h4{
	width:1000px;
	height:21px;
	text-indent:-9999px;
	}
	
#landscape01 h4{
	background: url(../img/landscape01.gif) 40px top no-repeat #666;
	}
		
#landscape02 h4{
	background: url(../img/landscape02.gif) 40px top no-repeat #666;
	}

#portrait h4{
	background: url(../img/portrait.gif) 40px top no-repeat #666;
	}

#advertising h4{
	background: url(../img/advertising.gif) 40px top no-repeat #666;
	}

#personalwork h4{
	background: url(../img/personalwork.gif) 40px top no-repeat #666;
	}
	
#people h4{
	background: url(../img/people.gif) 40px top no-repeat #666;
	}

#cm h4{
	background: url(../img/cm.gif) 40px top no-repeat #666;
	}

#cm h4{
	background: url(../img/works.gif) 40px top no-repeat #666;
	}

#imageList{
	padding:10px;
	background:#ccc;
	width:980px;
	overflow:auto;
	height:292px;
	}
#imageList td{
	padding-right:10px;
	vertical-align:top;
	}
#imageList td a img{
	margin:8px;
	}
#imageList td a:hover img{
	border:8px #ebebeb solid;
	margin:0;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
#imageList td div.printBtn{
	background:#ebebeb;
	width:40px;
	height:11px;
	margin:5px 10px;
	}


#imageList td div.printBtn a img{
	margin:1px;
	}

#imageList td div.printBtn a:hover img{
	border:none;
	margin:1px;
	}
	
/*
#imageList ul{
	width:5000px;
	height:250px;
	}

#imageList li{
	display:inline;
	padding-right:20px;
	}
*/


#other{
	background:#e0e0e0;
	height:20px;
	margin-top:34px;
	}

#other dl{
	height:11px;
	text-align:center;
	padding-top:1px;
	}
	
#other dt{
	color:#ff3a77;
	font-weight:bold;
	font-size:1.0em;
	display:inline;
	margin-right:10px;
	}

#other dd{
	color:#666;
	font-size:1.2em;
	display:inline;
	padding-right:10px;
	border-right:1px solid #999;
	margin-right:10px;
	}

#other dd.noBorder{
	border-right:none;
	margin-right:0;
	}