@charset "UTF-8";

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

body{
	min-width: 900px;
	background:#000;
	color: #333;
	line-height: 150%;
	font-size: 85%;
	font-family: Meiryo, Verdana, "メイリオ", "ＭＳ Ｐゴシック", Hiragino Kaku Gothic Pro, Osaka;
}
	/* IE6 */
	* html body { font-size: 80%; font-family: Meiryo, Verdana, "メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; }
	* html table { font-size: 80%; }
	/* IE7 */
	*: first-child+html body { font-size: 80%; }



div#bg_flash{
	z-index: 1;
	position: fixed;
	top: 2%;
	left: 3%;
	width: 94%;
	height: 94%;
}

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

h2.bell{ background: url(/img/title_bell.png) no-repeat; }
h2.mei{ background: url(/img/title_mei.png) no-repeat; }
h2.australia{ background: url(/img/title_australia.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.shiga{ background: url(/img/title_shiga.png) no-repeat; }
h2.others{ background: url(/img/title_others.png) no-repeat; }
/*
div#credit{
	z-index: 11;
	position: absolute;
	width: 250px;
	right: 5px;
	bottom: 0;
	height:20px;
	background: url(/img/credit.png) bottom right no-repeat;
}
*/
div#credit span{
	display: none;
}

	* html body{
		padding: 20px;
	}
	* html div#bg_flash{
		z-index: 1;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	* html .png_clear{
		behavior: expression(IEPNGFIX.fix(this));
	}

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

/* キャプション */
div.info{
	z-index: 21;
	position: absolute;
	width: 300px;
	max-height: 400px;
	overflow: auto;
}
* html div.info{
	height: 200px;
}
div.title{
	padding: 5px;
	font-weight: bold;
}
div.caption{
	padding: 5px;
}
div.date,
div.camera{
	padding: 2px 5px;
	text-align: right;
}
div.close{
	padding: 5px;
	font-size: 80%;
}

/* 位置 */
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: absolute;
	bottom: 0;
	padding: 0 -5px 0 5px;
	width: 100%;
	color: #999;
	font-size: 90%;
}
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;
}