@charset 'euc-jp';
	
/* ****************************************************
		
	COMMON
	
***************************************************** */
	
body{
	margin:0;
	padding:0;
	color:#525252;
	background:#FFF;
}
hr{
	display:none;
	height:0;
}
.non{
	display:none;
}
.clear{
	clear:both;
	height:0;
	margin:0;
	padding:0;
	font-size:0;
	_font-size:0;
	line-height:0;
	_line-height:0;
}
p,ul,ol,td,th,dl{
	font-size:12px !important;
	font-size:75%;
	line-height:140%;
}
*{
	font-family:'Osaka','£Í£Ó ¥´¥·¥Ã¥¯','£Í£Ó £Ð¥´¥·¥Ã¥¯',sans-serif;
}
p,img,h1,h2,h3,h4,h5,h6,ul,ol,li,td,th,form,dl,dd,dt{
	margin:0;
	padding:0;
}
img {border:none;}

/* ********************************************
	Link color
********************************************* */
	
a:link{
	color:#989898;
	text-decoration:none;
}
a:active{
	color:#989898;
	text-decoration:none;
}
a:visited{
	color:#989898;
	text-decoration:none;
}
a:hover{
	color:#111;
	text-decoration:underline;
}

/* ********************************************
	Header
********************************************* */
	
div#header{
	width:930px;
	height:50px;
	overflow:hidden;
}
div#header h1{
	width:109px;
	height:36px;
	margin:10px 0 0 10px;
	background:url(/common/img/logo.gif) left top no-repeat;
}
div#header h1 a{
	width:109px;
	height:36px;
	display:block;
}
#index div#header{
	height:60px;
}
div#header p.update{
	display:none;
}

/* ********************************************
	Footer
********************************************* */
	
div#footer{
	width:930px;
	height:15px;
	margin:15px 0 0 0;
	display:none;
}

div#footer p{
	width:268px;
	height:10px;
	float:right;
	background:url(/common/img/copyright.gif) left top no-repeat;
}


/* ********************************************
	Layout
********************************************* */

div#all{
	width:930px;
	margin:0;
}
div#contents{
	width:930px;
}

/* ********************************************
	Menu
********************************************* */

div#menu{
	width:100px;
	margin:20px 0 0 10px !important;
	float:left;
}
#index div#menu{
	display:none;
}
div#menu ul.list{
	list-style:none;
	margin-bottom:12px;	
}
div#menu ul.list li{
	line-height:120%;
	margin-bottom:4px;
}
div#menu ul.other{
	list-style:none;
	width:78px;
	margin:10px 0 0 0;
	font-size:0;
}
div#menu ul.other{
	list-style:none;
}
div#menu ul.other li{
	line-height:120%;
	font-size:px;
	margin-bottom:3px;
}
div#menu ul.other li.feed{
	margin-top:5px;
	
	display:none;
}
div#menu ul.other li.feed a{
	padding:0 0 0 15px;
	display:block;
	background:url(/common/img/atom.gif) left 1px no-repeat;
	width:78px;
	height:14px;
}
div#menu ul.other li.feed a:hover{
	background:url(/common/img/atom2.gif) left 1px no-repeat;
}
#nocturne ul.list li.nocturne a,
#day ul.list li.day a,
#mode ul.list li.mode a,
#landscapes ul.list li.landscapes a,
#china ul.list li.china a,
#japan ul.list li.japan a,
#caucasus ul.list li.caucasus a,
#nystreet ul.list li.nystreet a,
#sept11 ul.list li.sept11 a,
#europe ul.list li.europe a,
#dancers ul.list li.dancers a,
#info ul.other li.info a
{color:#111;}

/* ********************************************
	Index Latest
******************************************** */

#index div#menu{
	display:none;
}

#index div#header h1 a{
	display:none;
}

div#latest{
/*	float:left;*/
	width:650px;
	/*margin:0 0 0 50px;*/
	margin:40px 0 0 150px;
	text-align:center;
}

div#latest p.title{
	width:100%;
	height:14px;
	text-align:center;
	line-height:110%;
	font-size:10px !important;
	font-size:75%;
	
	position:relative;
	top:-10px;
}

div#latest p.title img{
	margin:0 5px 0 0;
}

div#latest div#pic{
	width:650px;
	height:500px;
}


/* ********************************************
	Project Pics
********************************************* */

div#pics{
	width:750px;
	margin:0 0 0 50px;
	float:left;
	
}

/* *************************
	Photographs Horizontal
************************** */

div#pics.horizontal p.gallery_img{
/*	min-height:520px;
	height:auto;
	_height:534px;*/
}


/* *************************
	Captions 
************************** */

div.caption{
	width:750px;
	margin:3px 0 0 0;
	text-align:right;
}
div.caption span.loc/*,div.caption span.date*/{
	margin-right:10px;
}
div.caption p span{
/*	font-size:10px;*/
}


/* *************************
	Photographs vertical
************************** */

div#pics.vertical p.gallery_img{
	min-height:599px;
	height:auto;
	_height:599px;
	position:relative;
	top:-40px;
	text-align:center;
}


div#pics.vertical p.gallery_img img{
	margin:0 50px 0 0;
}


/* *************************
	Captions vertical
************************** */

div#pics.vertical div.caption{
	position:relative;
	top:-58px;
	right:210px;
}


/* *************************
	Thumbnails
************************** */

div#thumbpics{
	width:650px;
	margin:9px 0 0 50px;
	float:left;
}

div#thumbpics p.thumbnail{
	height:82px;
	float:left;
	margin:5px 0 0px 5px;
}

div#thumbpics p.thumbnail img{
	border:1px solid #999;
	filter: Alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}

div#thumbpics p.thumbnail a:hover img{
	border:1px solid #666;
	filter: Alpha(opacity=100)
	-moz-opacity:1;
	opacity:1;
}


/* *************************
	Navigations
************************** */

div#navigation{
	width:49px;
	height:16px;
	margin:0 0 0 860px;
	position:absolute;
	top:597px;
}

div#navigation ul.order{
	list-style:none;
	width:49px;
	height:16px;
	margin:0 0 0 0;
	font-size:0;
	float:right;
}

div#navigation ul.order li{
	list-style:none;
	background:url(/common/img/navigation.gif) no-repeat left top;
	height:16px;
	font-size:0;
}

div#navigation ul.order li a{
	display:block;
	background:url(/common/img/navigation.gif) no-repeat left top;
	height:16px;
}


/* Previous*/

div#navigation ul.order li.previous,
div#navigation ul.order li.previous a{
	background-position:0 0;
	width:17px;
	float:left;
}

div#navigation ul.order li.previous a:hover{
	background-position:0 -16px;
}

/* Thumbnails*/

div#navigation ul.order li.thumbs,
div#navigation ul.order li.thumbs a{
	background-position:-17px 0;
	width:15px;
	float:right;
}

div#navigation ul.order li.thumbs a:hover{
	background-position:-17px -16px;
}

/* Next */

div#navigation ul.order li.next,
div#navigation ul.order li.next a{
	background-position:-32px 0;
	width:17px;
	float:right;
}

div#navigation ul.order li.next a:hover{
	background-position:-32px -16px;
}


/* ********************************************
	Day Pics
********************************************* */

div#daypics{
	width:750px;
	margin:0 0 0 50px;
	float:left;
}

div#daypics div#pic_container,
div#dayarchive div#pic_container{
	width:650px;
	float:left;
	overflow:hidden;
}

div#daypics div#pic_container p.day_img{
	width:650px;
/*	height:500px;*/
	text-align:center;
}


/* ********************************************
	Day Thumbnails
********************************************* */

div#daypics div#pic_container h3{
	margin:0 0 8px 0;
	font-size:12px;
	font-weight:400;
/*	position:relative;
	top:-16px;
	_top:-13px;*/
}

div#daypics div#pic_container p.thumbnail{
	height:67px;
	float:left;
	margin:0 5px 20px 0;
	_margin:0 5px 5px 0;
	/*position:relative;
	top:-20px;
	_top:-18px;*/
}

div#daypics div#pic_container p.thumbnail img{
	border:1px solid #999;
	filter: Alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}

div#daypics div#pic_container p.thumbnail a:hover img{
	border:1px solid #666;
	filter: Alpha(opacity=100)
	-moz-opacity:1;
	opacity:1;
}



/* *************************
	Day Captions
************************** */

div#daypics div.caption{
	width:650px;
	margin:3px 0 0 0;
	text-align:right;
}

div#daypics div.caption div.cap{
	clear:both;
	width:470px;
}

div#daypics div.caption div.cap p.text{
	float:left;
	width:407px;
	line-height:120%;
}


/* *************************
	Day Navigations
************************** */

#day div#navigation{
	margin:0 0 0 760px;
	position:absolute;
	top:575px;
}


/* *************************
	Monthly Archive
************************** */

div#daypics div#pic_archive{
	width:80px;
	float:right;
}

div#daypics div#pic_archive h3{
	margin:0 0 10px 0;
	font-size:11px;
	font-weight:400;
}

div#daypics div#pic_archive div.side{
	margin:0 0 0 0;
	width:80px;
}


div#daypics div#pic_archive div.side div{
	margin:0 0 4px 0;
	width:auto;
	clear:both;
	float:left;
}

div#daypics div#pic_archive div.side span.year{
	font-size:12px;
	_font-size:75%;
	line-height:120%;
}

div#daypics div#pic_archive div.side ul.tree {
	width:auto;
    margin: 0 0 4px 0;
    padding: 0;
    list-style: none;
	float:left;
}

div#daypics div#pic_archive ul.tree li {
    margin:0 0 0 5px;
    padding: 0 0 0 5px;
	border-left:1px solid #CCC;
    list-style: none;
	line-height:120%;
}


/* ********************************************
	Language
********************************************* */

div#lang p a.lang_eng{
	width:60px;
	height:14px;
	display:block;
	background:url(/common/img/navigation.gif) no-repeat 0 -14px;
	position:absolute;
	top:19px;
}

div#lang p a:hover.lang_eng{
	width:60px;
	background-position:0 -42px;
}


div#lang p a.lang_jpn{
	width:60px;
	height:14px;
	display:block;
	background:url(/common/img/navigation.gif) no-repeat 0 0;	
	position:absolute;
	top:5px;
}

div#lang p a:hover.lang_jpn{
	background-position:0 -28px;
}

div#jpn{
	display:none;
}


/* *************************
	Lang Project page
************************** */

div#lang.project{
	margin:0 0 0 700px;
	position:absolute;
	top:585px;
}

/* *************************
	Lang Day page
************************** */

#day div#lang{
	margin:0 0 0 605px;
	position:absolute;
	top:572px;
}


/* *************************
	Lang Info page
************************** */

#mail div#lang{
	position:absolute;
	top:95px;
	left:680px;
}


/* ********************************************
	Info and About
********************************************* */

div#mail{
	float:left;
	width:650px;
	margin:20px 0 0 100px;
}

div#mail h3{
	margin:0 0 10px 0;
	font-size:12px;
	font-weight:400;
}
div#mail a{
	color:#009;
}


/* *************************
	About
************************** */

div#mail p.about{
	margin:0 0 15px 0px;
	line-height:140%;
}


/* *************************
	Mail Input
************************** */

div#mail div.underline{
	width:380px;
	margin:10px 0 0 9px;
	padding:0 0 7px 0;
	background:url(/common/img/caption_border.gif) left bottom repeat-x;
}

div#mail div#mail-form-author{
	margin:25px 0 0 9px;
}

div#mail div.underline p.title{
	width:60px;
	float:left;
	margin:7px 0 0 1px;
	font-size:0;
	padding:0;
}

div#mail input{
	background:none;
	border:none;
	padding:0;
	margin:0;
}

div#mail textarea{
	background:none;
	border:none;
}

div#mail .form_area{
	width:312px;
	font-size:12px;
	_font-size:75%;
	margin:0;
	padding:5px 0;
	height:12px;
	_height:22px;
	float:left;
	background:#F8F8F8;
	/*overflow:auto*/
}

div#mail .form_area.large{
	padding:5px 0;
	height:90px;
	_height:100px;
	overflow:auto;
}


/* *************************
	Mail Buttons
************************** */

div#mail div#mail-form-footer{
	margin:20px 0 0 120px;
	width:;
	border
}

div#mail div.mail_button{
	width:77px;
	overflow:hidden;
	float:left;
	margin:0 2px;
}

div#mail a.button_confirm{
	background:url(/common/img/mail_confirm.gif) no-repeat left top;
	width:77px;
	height:22px;
	display:block;
}

div#mail a:hover.button_confirm{
	background-position:0 -22px;
}

div#mail a.button_send{
	background:url(/common/img/mail_send.gif) no-repeat left top;
	width:77px;
	height:22px;
	display:block;
}

div#mail a:hover.button_send{
	background-position:0 -22px;
}

div#mail a.button_confirm input,
div#mail a.button_send input{
	width:77px;
	height:22px;
	display:block;
	margin:0;
	padding:0;
	color:#686868;
	text-align:left;
	font-size:0.00001em;
}

div#mail a:hover.button_confirm input,
div#mail a:hover.button_send input{
	color:#2b7b22;
}


/* *************************
	Mail Preview and Errors
************************** */

div#mail p.mail_text{
	margin:10px 0 0 10px;
}

div#mail div.mail_confirm{
	margin:15px 0 30px 10px;
	padding:10px 1px;
	width:350px;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
}

div#mail div.mail_confirm .mail_text{
	width:75px;
	float:left;
	margin:0 0 5px 0;
}

div#mail div.mail_confirm .mail_confirmed{
	width:270px;
	float:left;
	margin:0 0 5px 0;
}

div#mail div.mail_confirm p.alert{
	color:#EA3C3C;
}