/*****************************************************
*
* GeoWalker(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;
	left :-1px;
	text-indent :-9999px;
	width :100px;
	height :26px;
	margin-bottom :35px;
}

/* My Comment */

/* @group content */

div#content.news h2
{
	background: url(images/h_news.png) 0 0 no-repeat;
}
div#content.download h2
{
	background: url(images/h_download.png) 0 0 no-repeat;
}
div#content.manual h2
{
	background: url(images/h_manual.png) 0 0 no-repeat;
}
div#content.faq h2
{
	background: url(images/h_faq.png) 0 0 no-repeat;
}
div#content.gallery h2
{
	background: url(images/h_gallery.png) 0 0 no-repeat;
}
div#content.publish h2
{
	background: url(images/h_publish.png) 0 0 no-repeat;
}
div#content.error404 h2
{
	background: url(images/h_sorry.png) 0 0 no-repeat;
}

/* @end */

/* @group content - IEPNGFIX */
	/* @group IEPNGFIX */
	* html div#content.news h2,
	* html div#content.download h2,
	* html div#content.manual h2,
	* html div#content.faq h2,
	* html div#content.gallery h2,
	* html div#content.publish h2,
	* html div#content.error404 h2
	{
		behavior: expression(IEPNGFIX.fix(this));
	}
/* @end */

/** 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;
}
/* @group IEPNGFIX */
* html div#content.top #whatsnew h2,
* html div#content.top #themovie h2,
* html div#content.top #whatis-ja h2,
* html div#content.top #whatis-en h2
{
	behavior: expression(IEPNGFIX.fix(this));
}
/* @end */

/* @end */

/* @group download */
div#content.download #information h3,
div#content.download #installation h3,
div#content.download #license h3,
div#content.download #version-history h3
{
	display :block;
	text-indent :-9999px;
	position :relative;
	left :-14px;
	top :-8px;
	width :512px;
	height :17px;
}
div#content.download #information h3
{	
	background :url(images/h_down_info.png) no-repeat left top;
}
div#content.download #installation h3
{	
	background :url(images/h_down_install.png) no-repeat left top;
}
div#content.download #license h3
{	
	background :url(images/h_down_license.png) no-repeat left top;
}
div#content.download #version-history h3
{	
	background :url(images/h_down_verhis.png) no-repeat left top;
}

/* @end */

/* @group publish */
div#content.publish #book h3,
div#content.publish #cd-rom h3,
div#content.publish #exhibition h3,
div#content.publish #links h3
{
	display :block;
	text-indent :-9999px;
	position :relative;
	left :-14px;
	top :-8px;
	width :512px;
	height :17px;
}
div#content.publish #book h3
{	
	background :url(images/h_publish_book.png) no-repeat left top;
}
div#content.publish #cd-rom h3
{	
	background :url(images/h_publish_cdrom.png) no-repeat left top;
}
div#content.publish #exhibition h3
{	
	background :url(images/h_publish_exhi.png) no-repeat left top;
}
div#content.publish #links h3
{	
	background :url(images/h_publish_links.png) no-repeat left top;
}

/* @end */


/* @end */

/* @group Navigation */
/* @group HACK */
/* IE7でナビ要素が右にずれる件 */
*+html body div#navigation ul li,
*+html body div#navigation ul li a,
*+html body div#navigation ul li a:hover
{
	left :-17px;
}
/* @end */
div#navigation
{
	
}
div#navigation ul
{
	list-style :none;
}

div#navigation ul li
{
	position :relative;
	width :210px;
	height :26px;
 	color: #FCFCFC;
	list-style-position: inside;
	z-index :2;
}
div#navigation ul li a
{
	display :block;
	position :absolute;
	left :-7px;
	width :224px;
	height :26px;
	text-indent :-9999px;
	background-color :transparent;
	z-index :3;
}
div#navigation ul li a:hover
{
	/*background-color: #FBFF00;*/
	z-index :1;
	background :transparent url(images/list.gif) no-repeat left center;
}
div#navigation ul li#to-top
{	
	background :url(images/h_top.png) no-repeat left top;
}
div#navigation ul li#to-news
{	
	background :url(images/h_news.png) no-repeat left top;
}
div#navigation ul li#to-download
{	
	background :url(images/h_download.png) no-repeat left top;
}
div#navigation ul li#to-manual
{	
	background :url(images/h_manual.png) no-repeat left top;
}
div#navigation ul li#to-faq
{	
	background :url(images/h_faq.png) no-repeat left top;
}
div#navigation ul li#to-gallery
{	
	background :url(images/h_gallery.png) no-repeat left top;
}
div#navigation ul li#to-publish
{
	background :url(images/h_publish.png) no-repeat left top;
}

/* @group navi - IEPNGFIX */
	/* @group IEPNGFIX */
	* html div#navigation ul li#to-top,
	* html div#navigation ul li#to-news,
	* html div#navigation ul li#to-download,
	* html div#navigation ul li#to-manual,
	* html div#navigation ul li#to-faq,
	* html div#navigation ul li#to-gallery,
	* html div#navigation ul li#to-publish
	{
		behavior: expression(IEPNGFIX.fix(this));
	}
	/* @end */
/* @end */

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

/* @group banner */
div#banner
{
	
}
	div#banner ul
	{
		list-style :none;
	}
	div#banner ul li
	{
		padding :0;
		position :relative;
		width :224px;
		height :67px;
	 	color: #FCFCFC;
		list-style-position: inside;
		z-index :1;
	}
	div#banner ul li a,
	div#banner ul li a:active
	{
		display :block;
		position :absolute;
		width :224px;
		height :67px;
		text-indent :-9999px;
		background-color :transparent;
	}
	div#banner ul li a:hover
	{
		background :transparent url(images/banner_sidebar_hover.png) no-repeat left top;
		z-index :3;
	}
	div#banner ul li#to-photowalker
	{	
		background :url(images/banner_sidebar_phw.png) no-repeat left top;
	}
	div#banner ul li#to-geowalker
	{	
		background :url(images/banner_sidebar_gw.png) no-repeat left top;
	}
	div#banner ul li#to-plantwalker
	{	
		background :url(images/banner_sidebar_plw.png) no-repeat left top;
	}
	div#banner ul li#to-earthwalker
	{	
		background :url(images/banner_sidebar_cc.png) no-repeat left top;
	}

	/* @group IEPNGFIX */
	/***
	* hover後にリンクが機能しなくなる(IE6)
	* html div#banner ul li a:hover
	{
		behavior: expression(IEPNGFIX.fix(this));
	}
	*/
	/* @end */


/* @end */

/* @group Layout */

/* @group general */

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

/* @end */

body
{
	width :800px;
	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 :140px;
	background :url(images/header.png) no-repeat left top;
	margin-bottom :10px;
}
	/* @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;
	width :512px;
	margin-right :17px;
	float :right;
}
div#footer
{
	/*
	margin :0 17px;
	background :#fff url(images/copyright.png) no-repeat left top;
	*/
}

div#navigation,
div#banner
{
	width :210px;
	margin-left :17px;
}

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

/* @group HACK */

/* IE7でバナーが右にずれる件 */
*+html body div#banner.group
{
	margin-left :0;
}

/* @end */

/* @end */

/* @group list */
ul,ol
{
	list-style :none;
}
li
{
	margin-bottom :.4em;
	background :url(images/list.gif) no-repeat left .55em;
	padding-left :8px;
}
/* @end */


/* @group whatsnew */
div#whatis-ja div img,
div#whatis-en div img
{
	float :right;
	padding-left :8px;
	padding-bottom :8px;
}
div#whatsnew ul li
{
	margin-bottom :.4em;
	background :url(images/list.gif) no-repeat left .55em;
	padding-left :8px;
}
div#whatsnew ul dl
{
	position :relative;
}
div#whatsnew ul dl dt
{
	position :relative;
	float :left;
	z-index :3;
}
div#whatsnew ul dl dd.link a
{
	position :relative;
	z-index :3;
	float :left;
}

/* @end */

/* @group news */

div#content.news div.group ul
{
	
}
div#content.news div.group ul li
{
	clear :left;
}
div#content.news div.group ul li dl dt,
div#content.news div.group ul li dl dd
{
	float :left;
	margin-right :8px;
}


/* @end */

/* @group download */

/* @group software */

div#content.download .group.softwarewrap
{
	padding-bottom :1px;
}
div#content.download .group
{
	padding-top :16px;
}
div#content.download div.ja.group,
div#content.download div.en.group
{
	padding-top :8px;
}
div#content.download #software.group
{
	padding-top :0;
	padding-bottom :0;
}
div#content.download #software
{
	position :relative;
	left :-12px;
	width :507px;
	height :174px;
	background :url(images/software_bg.png) no-repeat left top;
	z-index :3;
}
div#content.download #software ul
{
	position :relative;
	z-index :4;
	display :block;
	width :507px;
	height :174px;
	background :url(images/software_v18.png) no-repeat 30px 65px;
}
div#content.download #software ul li.link
{
	margin-bottom :0;
	padding-left :0;
	background-image :none;
}
div#content.download #software h3,
div#content.download #software dl.win dt,
div#content.download #software dl.mac dt
{
	position :absolute;
	z-index :1;
	text-indent :-9999px;
}

div#content.download #software dl.win,
div#content.download #software dl.mac
{
	position :absolute;
	width :145px;
	height :59px;
	left :328px;
}
div#content.download #software dl.win
{
	top :22px;
}
div#content.download #software dl.mac
{
	top :93px;
}
div#content.download #software dl.win dd a,
div#content.download #software dl.mac dd a
{
	display :block;
	width :145px;
	height :59px;
}
div#content.download #software dl.win dd a,
div#content.download #software dl.win dd a:active
{
	background :url(images/downwin_up.png) no-repeat left top;
}
div#content.download #software dl.win dd a:hover
{
	background :url(images/downwin_hover.png) no-repeat left top;
}
div#content.download #software dl.mac dd a,
div#content.download #software dl.mac dd a:active
{
	background :url(images/downmac_up.png) no-repeat left top;
}
div#content.download #software dl.mac dd a:hover
{
	background :url(images/downmac_hover.png) no-repeat left top;
}

/* @end */
div#content.download #ja,
div#content.download #en
{
	position :relative;
}
div#content.download .language-switch
{
	position :absolute;
	right :8px;
	top :8px;
}

div#content.download .language-switch a
{
	display :block;
	background :transparent url(images/arrow_r.png) no-repeat left center;
	padding-left :20px;
	font-size :11px;
	color :#242424;
}
div#content.download div#information,
div#content.download div#installation,
div#content.download div#license,
div#content.download div#version-history
{
	margin-bottom :4em;
}
div#content.download div#information img
{
	margin-top :10px;
}

/* @group version-history */

div#content.download div#version-history ul
{
	
}
div#content.download div#version-history ul li
{
	clear :left;
}
div#content.download div#version-history ul li dl dt,
div#content.download div#version-history ul li dl dd
{
	float :left;
	margin-right :8px;
}
div#content.download div#version-history ul li dl dd.link
{
	margin-right :1px;
}
div#content.download div#version-history ul li dl dd.link a.win,
div#content.download div#version-history ul li dl dd.link a.win:active
{
	background :url(images/win_up.png) no-repeat;
}
div#content.download div#version-history ul li dl dd.link a.win:hover
{
	background :url(images/win_hover.png) no-repeat;
}
div#content.download div#version-history ul li dl dd.link a.mac,
div#content.download div#version-history ul li dl dd.link a.mac:active
{
	background :url(images/mac_up.png) no-repeat;
}
div#content.download div#version-history ul li dl dd.link a.mac:hover
{
	background :url(images/mac_hover.png) no-repeat;
}

/* @end */

/* @end */

/* @group FAQ */
div#content.faq ul.shortcut
{
	width :93%;
	margin :0 auto 3em auto;
}
div#content.faq ul.shortcut li
{
	padding-left :0;
	background-image :none;
}
div#content.faq ul.main > li
{
	padding-left :0;
	background-image :none;
	margin-bottom :3em;
}
div#content.faq ul.main dt
{
	font-size:117%;
	line-height :120%;
	font-weight :lighter;
	margin-bottom :.4em;
}
div#content.faq ul.main dd
{
	
}

/* @end */

/* @group gallery */

div#content.gallery ul li
{
	padding-left :0;
	background-image :none;
	margin-bottom :14px;
}
div#content.gallery ul li dl
{
	position :relative;
	min-height :75px;
}
div#content.gallery ul li dl dt
{
	display :block;
	float :left;
	margin-right :12px;
}
div#content.gallery ul li dl dd
{
	font-size:88%;
	line-height :120%;
	font-weight :lighter;
	margin-bottom :.15em;
}
div#content.gallery ul li dl dd.description
{
	width :402px;
	font-size:78%;
	line-height :120%;
	font-weight :lighter;
	margin-top :1.8em;
}
div#content.gallery ul li dl dd.launch
{
	position :absolute;
	z-index :3;
	right :0;
	bottom :0;
}

/* @end */

/* @group publish */
div#content.publish div.group li
{
	margin-bottom :1.9em;
}
div#content.publish div.group > ul > li
{
	padding-left :0;
	background-image :none;
	margin-bottom :6em;
}
div#content.publish div.group dl
{
	position :relative;
	width :100%;
	padding-bottom :14px;
}
div#content.publish div.group dd.link
{
	position :absolute;
	right :0;
	border :0;
	margin-top :-14px;
}
div#content.publish div.group #book dl
{
	min-height :100px;
}
div#content.publish div.group #book dt
{
	width :360px;
}
div#content.publish div.group dd.thumbnail
{
	position :absolute;
	right :0;
	top :0;
}
div#content.publish div.group dt
{
	margin-bottom :.2em;
}
div#content.publish div.group #book dd.link
{
	left :0;
	margin-top :.3em;
}
div#content.publish div.group #book dd,
div#content.publish div.group dd.link
{
	width :auto !important;
}
div#content.publish div.group dt
{
	width :400px;
	font-size:100%;
	line-height :120%;
	font-weight :lighter;
	margin-bottom :.15em;
}
div#content.publish div.group dd
{
	width :400px;
	font-size:85%;
	line-height :120%;
	font-weight :lighter;
	margin-bottom :.15em;
}
div#content.publish div.group dd.description
{
	font-size:82%;
	line-height :120%;
	font-weight :lighter;
	margin-top :1.1em;
	width :66%;
	text-align :justify;
	text-justify :newspaper;
}


/* @end */


/* @end */

#footer address
{
	display :block;
	float :right;
	margin-right :10px;
}
/* @group pagetop */

#footer .pagetop
{
	display :block;
	position :absolute;
	right :39px;
	bottom :53px;
}
#footer .pagetop a
{
	display :block;
	background :transparent url(images/arrow.png) no-repeat right center;
	padding-right :18px;
	font-size :11px;
	color :#242424;
}
/* @group IEPNGFIX */
* html #footer .pagetop a
{
	behavior: expression(IEPNGFIX.fix(this));
}
/* @end */

/* @end */


/* @group HACK */

/* @group .clearfix */

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

/* My Comment */

.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 */