/*****************************************************
*
* EarthWalker(tm) ver1.10
*
* 
* modified by 2007.06.22
* site design by hidenori ikeda, hidesignlab.(tm)
*
******************************************************/

/* @group Initialize */

body 
{
	color:#191919;
	font:80.01%/138% "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	background-color: #FCFCFC;
	letter-spacing :.1em;
}
body .en
{
	letter-spacing :normal;
}

h1 
{
	font-size:42px;
	line-height :48px;
	font-weight :bold;
}
h2 
{
	font-size:22px;
	line-height :26px;
	font-weight :lighter;
}
h3, h4, h5, h6 
{
	font-size:117%;
	line-height :120%;
	font-weight :lighter;
	margin-bottom :.4em;
}
p
{
	margin-bottom :1.8em;
}

/* remove global defaults
------------------------------------------*/

* 
{
	margin: 0;
	padding: 0;
	outline: 0;
}

li
{
	list-style-position :inside;
}

/* @group link
 */
a img, fieldset 
{
	border: 0;
}
a 
{
	color:#999;
	text-decoration :none;
	margin :auto 1px;
}
a:hover 
{
	color: #191919;
	background-color: #FBFF00;
	text-decoration :none;
}
a:active 
{
	color:#999;
	text-decoration :none;
}

/* @group .link */

.link a 
{
	display :block;
	width :46px;
	height :14px;
	background :#050505 url(../images/link_up.png) no-repeat left top;
	text-indent :-9999px;
}

.link a:hover 
{
	background :#050505 url(../images/link_hover.png) no-repeat left top;
}

.link a:active 
{
	background :#050505 url(../images/link_up.png) no-repeat left top;
}

/* @end */

/* @group .launch */

.launch a 
{
	display :block;
	width :66px;
	height :14px;
	background :#050505 url(../images/launch_up.png) no-repeat left top;
	text-indent :-9999px;
}

.launch a:hover 
{
	background :#050505 url(../images/launch_hover.png) no-repeat left top;
}

.launch a:active 
{
	background :#050505 url(../images/launch_up.png) no-repeat left top;
}

/* @end */

/* @group .edit */

.edit a 
{
	display :block;
	width :46px;
	height :14px;
	background :#050505 url(../images/edit_up.png) no-repeat left top;
	text-indent :-9999px;
}

.edit a:hover 
{
	background :#050505 url(../images/edit_hover.png) no-repeat left top;
}

.edit a:active 
{
	background :#050505 url(../images/edit_up.png) no-repeat left top;
}

/* @end */

/* @end */

/* @group quote */

.reflink {
	width: 85%;
	margin: 0 auto 2em auto;
	font-size: 75%;
	text-align: right;
}
.reflink a 
{
	color:#999;
	text-decoration:none;
}

.reflink a:hover 
{
	color: #191919;
	background-color: #FBFF00;
	text-decoration:none;
}

.reflink a:active 
{
	color:#999;
	text-decoration:none;
}
blockquote 
{
	width: 85%;
	margin: -2em auto .4em auto;
	padding-top :28px;
	text-align: left;

	text-indent: 25px;
	background:url(../images/quotes_in.png) no-repeat 1px 28px;
	font-size :92%;
	line-height :130% !important;
}

/* My Comment */

blockquote p 
{
	margin: 0;

	display: inline;
	padding-right: 24px;
	background: url(../images/quotes_out.png);
	background-position: bottom right;
	background-repeat: no-repeat;
}

/* @end */
/* @end */

/* @group Headings */

/* @group header */

div#header h1 
{
	color: #fff;
	letter-spacing: -1000em;
	width :300px;
	height :70px;
	background: url(../images/logotype.png) 0 0 no-repeat;
}
/* @group IEPNGFIX */
* html div#header h1 
{
	behavior: expression(IEPNGFIX.fix(this));
}
/* @end */
/*Opera 用ハック。Opera では letter-spacing: -1000em; で文字飛ばせない*/
/*\*/html>body div#header  
{
	letter-spacing: normal;
	text-indent: -999em;
	overflow: hidden;
} 
div#header a
{
	display :block;
	position :absolute;
	width :300px;
	height :70px;
}
div#header a,
div#header a.hover,
div#header a.active
{
	background-color :transparent;
}
/*
div#header
{
	position :relative;
	width :100%;
	height :49px;
 	color: #FCFCFC;
	display: list-item;
	list-style-image: url(../images/logotype.png);
	list-style-position: inside;
	letter-spacing: -1000em;
	font-size: 1pt;
}
div#header a
{
	position :absolute;
	width :100%;
	height :100%;
	text-indent :-9999px;
	background-color :transparent;
}
div#header a.hover,
div#header a.active
{
	background-color :transparent;
}
*/

/* @end */

div#content h2
{
	position :relative;
	text-indent :-9999px;
	margin-bottom :35px;
	
	left :-14px;
	top :-8px;
	width :512px;
	height :30px;
}

/* My Comment */
div#content #preface h2
{
	background: url(../images/mobilexfieldworkxart_label.png) 0 0 no-repeat;
}
div#content #projects h2
{
	display :none;
}

/** Exception for Home */

/* @group top */

div#content.top h2
{
	position :relative;
	left :-14px;
	top :-8px;
	width :512px;
	height :30px;
}
div#content.top #whatsnew h2
{
	background: url(../images/h_whatsnew.png) 0 0 no-repeat;
}
div#content.top #themovie h2
{
	background: url(../images/h_themovie.png) 0 0 no-repeat;
}
div#content.top #whatis-ja h2,
div#content.top #whatis-en h2
{
	background: url(../images/h_whatis.png) 0 0 no-repeat;
}

/* @end */


/* @end */

/* @group Layout */

/* @group general */

/* @group height 100% */
html
{
	height :100%;
}
body,
#wrap
{
}
div#footer
{
	position :relative;
	text-indent :-9999px;
	height :30px;
}

/* @end */

body
{
	width :796px;
	margin :0 auto;
	border-left :10px solid #FFF;
	border-right :10px solid #FFF;
	background-color :#494949;
}
#wrap
{
	background :#e7e7e7 url(../images/bg.png) repeat;
}

div#header
{
	position :relative;
	width :800px;
	height :436px;
	background :url(../images/coverart.png) no-repeat left top;
	margin-bottom :10px;
	border-bottom :10px solid white;
}

/* @group IEPNGFIX */
* html div#header
{
	behavior: expression(IEPNGFIX.fix(this));
}
/* @end */
div#header h1
{
	position :absolute;
	top :10px;
	left:25px;
}
div#header .tagline
{
	text-indent :-9999px;
}
div#content
{
	min-height :100%;
	
	position :relative;
	margin :0 17px 10px 17px;
	
	background :transparent url(../images/preface.png) no-repeat left top;
	padding :23px 0 0 0;
}

div#content .group
{
	min-height :100%;
	
	padding :8px 14px;
	background-color :#FFF;
	margin-bottom :10px;
	padding-bottom :3.4em;
}

div#footer
{	
	margin :0 17px;
	background :#fff url(../images/copyright.png) no-repeat left top;
}
/* @end */

/* @group #preface */
#preface.group
{
	padding-top :3em !important;
	padding-bottom :10px !important;
	background :url(../images/mobilexfieldworkxart_grey.png) no-repeat left 98%;
}
#preface h2,
#preface div.text
{
	
	margin-left :253px;
	font-size :83%;
	line-height :140%;
}
#preface h2
{
	margin-bottom :1.16em !important;
}
#preface div.text p
{
	margin-bottom :1.58em;
}
#preface div.text
{
}
#preface div.text p.author
{
	margin-bottom :0;
	margin-right :-14px;
	height :25px;
	text-indent :-9999px;
	background : url(../images/preface_hiroya_tanaka.png) no-repeat right bottom;
}

/* @end */

/* @group #projects */
#projects
{
	position :relative;
}
	#projects ul
	{
		list-style :none;
	}
	#projects .project
	{
		position :relative;
		float :left;
		background-color :#fff;
		/*min-height :300px;*/
		min-height :26em;
	}
	
	#projects .project#photowalker
	{
		width :245px;
		margin-right :14px;
	}
	#projects .project#geowalker
	{
		width :243px;
		margin-right :14px;
	}
	#projects .project#plantwalker
	{
		width :245px;
	}
	* html #projects .project#photowalker
	{
		width :230px;
		margin-right :10px;
	}
	* html #projects .project#geowalker
	{
		width :215px;
		margin-right :10px;
	}
	* html #projects .project#plantwalker
	{
		width :230px;
	}
	
	
	#projects .project dl dd
	{
		margin :0 10px;
		font-size :85%;
		line-height :140%;
	}
	#projects .project dl dd.description
	{
		margin-bottom :.8em;
	}
	#projects .project dl dd.awards
	{
		width :165px;
		margin-left :75px;
		font-size :70%;
		display :list-item;
		list-style-image :url(../images/list.gif);
		list-style-position :outside;
	}
	* html #projects .project dl dd.awards
	{
		font-size :55%;
		margin-left :72px;
	}
	#projects .project dl dd.awards.head
	{
		list-style-image:none;	
	}
	
	#projects .project dl dd.awards.latest
	{
		margin-bottom :4em;
	}
	
	#projects .project dl dd.link
	{
		position :absolute;
		right :0;
		bottom :8px;
	}
	
	
	/* @group .link */
	
	#projects .project dl dd.link a 
	{
		display :block;
		width :54px;
		height :14px;
		background :#050505 url(../images/enter_up.png) no-repeat left top;
		text-indent :-9999px;
	}
	
	#projects .project dl dd.link a:hover 
	{
		background :#050505 url(../images/enter_hover.png) no-repeat left top;
	}
	
	#projects .project dl dd.link a:active 
	{
		background :#050505 url(../images/enter_up.png) no-repeat left top;
	}
	
	/* @end */
	/* @group .clearfix */
	#projects:after 
	{
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	#projects 
	{
		display: inline-block;
	}
	/* Hides from IE-mac ¥*/
	* html #projects 
	{
		height: 1%;
	}
	#projects 
	{
		display: block;
	}
	/* End from IE-mac */
	/* @end */
	
	/* @end */



/* @end */

/* @group HACK */

/* @group .clearfix */

.clearfix:after 
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix 
{
	display: inline-block;
}

/* Hides from IE-mac ¥*/

* html .clearfix 
{
	height: 1%;
}

.clearfix 
{
	display: block;
}

/* End from IE-mac */

/* @end */

/* @group IEPNGFIX */
* html .iepngfix 
{
	behavior: expression(IEPNGFIX.fix(this));
}
/* @end */
/* @end */