@charset 'euc-jp';
	
/* ****************************************************
		
	COMMON
	
***************************************************** */
	
body{
	margin:0;
	padding:0;
	color:#525252;
	background:url(/common/img/bg_all.gif) repeat-y center 0 #f9f9f9;
	text-align:center;
}

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:#999;
	text-decoration:none;
}

a:active{
	color:#999;
	text-decoration:none;
}

a:visited{
	color:#999;
	text-decoration:none;
}

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


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

div#all{
	width:1000px;
	margin:0 auto;
	text-align:left;
}

div#contents{
	width:1000px;
	border-top:1px solid #FFF;
}


/* ********************************************
	Header
********************************************* */
	
div#header{
	width:1000px;
	height:89px;
	overflow:hidden;
}

div#header h1{
	width:135px;
	height:15px;
	margin:25px 0 0 16px;
	background:url(/common/img/logo.gif) left top no-repeat;
}

div#header h1 a{
	width:135px;
	height:15px;
	display:block;
}


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

div#menu{
	width:85px;
	margin:0 0 0 16px !important;
	margin:0 0 0 8px;
	float:left;
}


/* ********************
	Projects
******************** */

div#menu ul{
	list-style:none;
	width:85px;
	margin:0;
}
div#menu ul li{
	list-style:none;
	padding:2px 0;
	font-size:12px;
}
div#menu ul li.contact{
	margin:10px 0 0 0;
}
/*
div#menu ul{
	list-style:none;
	width:85px;
	margin:0;
	font-size:0;
}

div#menu ul li{
	list-style:none;
	background:url(/common/img/menu.gif) no-repeat;
	width:78px;
	height:10px;
	margin-bottom:12px;
	margin-left:1px;
	font-size:0;
}

div#menu ul li a{
	display:block;
	background:url(/common/img/menu.gif) no-repeat;
	width:78px;
	height:10px;
}
*/

/* menu-01*/

div#menu ul li.menu-01,
div#menu ul li.menu-01 a{
	background-position:0 0px;
}

#portrait div#menu ul li.menu-01 a,
div#menu ul li.menu-01 a:hover{
	background-position:-78px 0px;
}

/* menu-02*/

div#menu ul li.menu-02,
div#menu ul li.menu-02 a{
	background-position:0 -10px;
}

#editorial div#menu ul li.menu-02 a,
div#menu ul li.menu-02 a:hover{
	background-position:-78px -10px;
}

/* menu-03*/

div#menu ul li.menu-03,
div#menu ul li.menu-03 a{
	background-position:0 -20px;
}

#fashion div#menu ul li.menu-03 a,
div#menu ul li.menu-03 a:hover{
	background-position:-78px -20px;
}

/* menu-04*/

div#menu ul li.menu-04,
div#menu ul li.menu-04 a{
	background-position:0 -30px;
	margin-left:0px;
}

#commercial div#menu ul li.menu-04 a,
div#menu ul li.menu-04 a:hover{
	background-position:-78px -30px;
}

/* menu-05*/

div#menu ul li.menu-05{
	background-position:0 -40px;
	margin:25px 0 10px 1px;
}


/* SUB menus */

div#menu ul li.sub{
	margin:0 0 9px 4px;
}

/* menu-06*/

div#menu ul li.menu-06,
div#menu ul li.menu-06 a{
	background-position:0 -50px;
}

#china1 div#menu ul li.menu-06 a,
div#menu ul li.menu-06 a:hover{
	background-position:-78px -50px;
}

/* menu-07*/

div#menu ul li.menu-07,
div#menu ul li.menu-07 a{
	background-position:0 -60px;
}

#china2 div#menu ul li.menu-07 a,
div#menu ul li.menu-07 a:hover{
	background-position:-78px -60px;
}

/* menu-08*/

div#menu ul li.menu-08,
div#menu ul li.menu-08 a{
	background-position:0 -70px;
}

#inertia div#menu ul li.menu-08 a,
div#menu ul li.menu-08 a:hover{
	background-position:-78px -70px;
}

/* menu-09*/

div#menu ul li.menu-09,
div#menu ul li.menu-09 a{
	background-position:0 -80px;
}

#polarization div#menu ul li.menu-09 a,
div#menu ul li.menu-09 a:hover{
	background-position:-78px -80px;
}

/* menu-10*/

div#menu ul li.menu-10,
div#menu ul li.menu-10 a{
	background-position:0 -90px;
}

#tokyogirl div#menu ul li.menu-10 a,
div#menu ul li.menu-10 a:hover{
	background-position:-78px -90px;
}

/* Contact */

div#menu ul li.menu-11{
	margin-top:24px;
}

div#menu ul li.menu-11,
div#menu ul li.menu-11 a{
	background-position:0 -100px;
}

#contact div#menu ul li.menu-11 a,
div#menu ul li.menu-11 a:hover{
	background-position:-78px -100px;
}





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

div#latest{
/*	float:left;*/
	width:650px;
	/*margin:0 0 0 50px;*/
	margin:40px 0 0 179px;
	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:534px;
	height:auto;
	_height:534px;
}


/* *************************
	Captions Horizontal
************************** */

div#pics.horizontal div.caption{
	width:750px;
	margin:0 0 0 0px;
	text-align:center;
	position:relative;
	top:-10px;
}

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

div.caption{
	width:560px;
}

div.caption p img{
	margin:0 5px 0 0;
}

div.caption p.no_title_date{
	float:left;
	margin:0 15px 4px 0;
	width:auto;
	line-height:100%;
}

div.caption p.location{
	float:left;
	margin:0 15px 4px 0;
	width:auto;
	white-space:nowrap;
	line-height:100%;
}

div.caption div.cap{
	clear:both;
	width:560px;
}


div.caption div.cap p.title{
	margin:3px 0 0 0;
	float:left;
	width:auto;
}

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


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

div#pics.vertical p.gallery_img{
	min-height:599px;
	height:auto;
	_height:599px;
	position:relative;
	top:-65px;
	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:-75px;
	_top:-85px;
	width:500px;
	margin:0 0 0 100px;
	text-align:center;
}


/* *************************
	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:111px;
	height:37px;
	margin:0 0 0 800px;
	position:absolute;
	top:620px;
}

div#navigation ul.order{
	list-style:none;
	width:77px;
	height:37px;
	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:37px;
	font-size:0;
}

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


/* Previous*/

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

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

/* Next */

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

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

/* View All */

div#navigation ul.all{
	list-style:none;
	width:34px;
	height:37px;
	font-size:0;
	float:right;
}

div#navigation ul.all li{
	list-style:none;
	background:url(/common/img/navigation.gif) no-repeat -73px 0;
	width:34px;
	height:37px;
	font-size:0;
}

div#navigation ul.all li a{
	display:block;
	background:url(/common/img/navigation.gif) no-repeat -73px 0;
	width:34px;
	height:37px;
}

div#navigation ul.all li a:hover{
	background-position:-73px -37px;
}


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

div#daypics{
	width:750px;
	margin:14px 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:480px;
	margin:26px 0 0 0;
}

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 725px;
	position:absolute;
	top:615px;
}


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

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

div#daypics div#pic_archive h3{
	margin:0 0 12px 0;
}

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 750px;
	position:absolute;
	top:623px;
}

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

#day div#lang{
	margin:0 0 0 650px;
	position:absolute;
	top:617px;
}


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

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


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

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

div#mail h3{
	margin:0 0 10px 0;
}

div#mail h4{
	font-size:12px;
	margin:0 0 10px 0;
	padding:0 0 0 0px;
}

div#mail h4.error{
	color:#EA3C3C;
}


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

div#mail p.about{
	margin:0 0 40px 5px;
	line-height:150%;
}


/* *************************
	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;
}