@charset "UTF-8";


/**************************************************
 base
**************************************************/

html{
	height: 100%;
}
body {
	margin: 0;
	padding: 0;
	height: 100%;
	background: #000 url(null) fixed;
	color: #333;
	line-height: 150%;
	font-size: 80%;
	font-family: Meiryo, Verdana, "メイリオ", "ＭＳ Ｐゴシック", Hiragino Kaku Gothic Pro, Osaka;
	position: static;
	
}
/* IE6 */
* html body { font-size: 80%; font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; }
* html table { font-size: 80%; }
/* IE7 */
*: first-child+html body { font-size: 80%; }


/**************************************************
 base background : Flash背景 100% x 100%
**************************************************/

#bg_flash{
	z-index: 1;
	position: fixed; 
	top: 0; 
	left: 0;
	width: 100%;
	height: 100%;
}
#wrap{
	z-index: 2;
	position: absolute;
	top: 0;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	_position: absolute;
}
	/* ie対策 */
	* html #bg_flash{
		behavior: expression(IEPNGFIX.fix(this));
		position: expression('absolute');
		top: expression(documentElement.scrollTop + 0 + 'px'); 
		margin-left: expression(documentElement.scrollLeft + 0 + 'px'); 
	}


/**************************************************
 ie6、ie7 PNG透過対策
**************************************************/

/*
	pngの透過画像を背景に敷いている場合は
	「class="png_clear"」とすると透過にできる
	<div class="png_clear">xxxxx</div>
*/

	* html .png_clear{
		behavior: expression(IEPNGFIX.fix(this));
	}










/**************************************************
 base3
**************************************************/

h1{
	z-index: 13;
	position: absolute;
	position: fixed;
	right: 5px;
	bottom: 5px;
	width: 338px;
	height: 38px;
	background: url(/img/logo.png) bottom right no-repeat;
}
* html h1 {
	position:absolute;
}
h1 span{
	display: none;
}
h1 a{
	width: 338px;
	height: 38px;
	display: block;
}
h2{
	z-index: 12;
	position: fixed;
	width: 80px;
	height: 80px;
	bottom: 10px;
	left: 30px;
}
* html h2 {
	position:absolute;
}
h2 span{
	display: none;
}
h2 a{
	width: 80px;
	height: 80px;
	display: block;
}

/*
div#credit{
	z-index: 11;
	position: fixed;
	width: 250px;
	right: 5px;
	bottom: 0;
	height:20px;
	background: url(/img/credit.png) bottom right no-repeat;
}
* html div#credit {
	position:absolute;
}
*/
div#credit span{
	display: none;
}

h2.australia{ background: url(/img/title_australia.png) no-repeat; }
h2.bell{ background: url(/img/title_bell.png) no-repeat; }
h2.feeling{ background: url(/img/title_feeling.png) no-repeat; }
h2.nature{ background: url(/img/title_nature.png) no-repeat; }
h2.soto{ background: url(/img/title_soto.png) no-repeat; }
h2.mei{ background: url(/img/title_mei.png) no-repeat; }
h2.others{ background: url(/img/title_others.png) no-repeat; }



/* リスト用 */

ul#list{
	margin: 100px 0 100px 200px;
	padding: 0 0 100px 0;
}
ul#list{
	color: #fff;
}
ul#list a{
	color: #fff;
}


/**************************************************
 photo
**************************************************/

/* キャプション */
div.info{
	z-index: 21;
	position: absolute;
	width: 300px;
}
div.title{
	padding: 5px;
	font-weight: bold;
}
div.caption{
	padding: 5px;
}

/* 位置 */
div.pos1{ left: 5%; top: 20%; }
div.pos2{ right: 5%; top: 20%; }
div.pos3{ left: 5%; bottom: 10%; }
div.pos4{ right: 5%; bottom: 10%; }

/* 背景 */
div.b10{ background: url(/img/bg_b10.png) repeat; color: #fff; }
div.b20{ background: url(/img/bg_b20.png) repeat; color: #fff; }
div.b30{ background: url(/img/bg_b30.png) repeat; color: #fff; }
div.b40{ background: url(/img/bg_b40.png) repeat; color: #fff; }
div.b50{ background: url(/img/bg_b50.png) repeat; color: #fff; }
div.b60{ background: url(/img/bg_b60.png) repeat; color: #fff; }
div.b70{ background: url(/img/bg_b70.png) repeat; color: #fff; }
div.b80{ background: url(/img/bg_b80.png) repeat; color: #fff; }
div.b90{ background: url(/img/bg_b90.png) repeat; color: #fff; }
div.w10{ background: url(/img/bg_w10.png) repeat; color: #000; }
div.w20{ background: url(/img/bg_w20.png) repeat; color: #000; }
div.w30{ background: url(/img/bg_w30.png) repeat; color: #000; }
div.w40{ background: url(/img/bg_w40.png) repeat; color: #000; }
div.w50{ background: url(/img/bg_w50.png) repeat; color: #000; }
div.w60{ background: url(/img/bg_w60.png) repeat; color: #000; }
div.w70{ background: url(/img/bg_w70.png) repeat; color: #000; }
div.w80{ background: url(/img/bg_w80.png) repeat; color: #000; }
div.w90{ background: url(/img/bg_w90.png) repeat; color: #000; }

/* ページリンク */
div#plink{
	z-index: 12;
	position: fixed;
	bottom: 0;
	left: 0;
	padding: 0 0 0 5px;
	width: 98%;
	color: #999;
}
* html div#plink {
	position:absolute;
}
div#plink a{
	margin: 0;
	padding: 0 5px;
	color: #fff;
	text-decoration: none;
}
div#plink span{
	margin: 0;
	padding: 0 5px;
	font-weight: bold;
}
div#plink span.d{
	color: #f00;
}

/* 一覧 */
div.plist{
	margin: 3px;
	padding: 3px;
	width: 150px;
	height: 150px;
	border: 1px #333 solid;
	float: left;
}