@charset "UTF-8";

/********************************************/
/*                                          */
/*  「baseLayout.css」                      */
/*                                          */
/*  要約: 共通レイアウト設定                */
/*                                          */
/*  作成: Sato Hiroyuki                     */
/*  date: 20110706                          */
/*                                          */
/*                                          */
/********************************************/

/*
@font-face{
	font-family: WebFont;
	src: url('font/HuiFontP109.ttf') format("truetype");
}
*/


/*  表示形式の初期化と設定
***************************************************/
body, div, h1, h2, h3, ul, li, p, a, address {
	margin: 0;
	padding: 0;
}
body {
	line-height: 2em;
	font-size: 0.8em;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #7D787E;
	background-image: url("../images/sky07.gif");
}
ul {
	list-style-type: none;
}
a{
	text-decoration: none;
	color: #5D585E;
}


/**************************************************
               基本レイアウト設定
***************************************************/
#container {
	position: relative;
	margin: 0 auto 0 auto;
	width: 950px;
	height: 575px;
}
#header {											/*				・・・・・・z-index: 200  */
	position: absolute;
	  top: 80px;
		left: -30px;
		z-index: 100;
}
#wrapper {										/*				・・・・・・z-index: 10  */
	position: absolute;
	  top: 30px;
		left: auto;
	  z-index: 10;
	width: 807px;
	height: 541px;
	margin-top: 35px;
	background: url(../images/main_bg.gif) no-repeat bottom left;
}

/*  左ページ
*********************************************/
#content_left {
	position: absolute;
		top: 42px;
		left: 75px;
	width: 255px;
	height: 420px;
}
/*  右ページ
*********************************************/
#content_right {
	position: absolute;
		top: 42px;
		left: 465px;
	width: 255px;
	height: 420px;
}

/*  サイドスペース
*********************************************/
#sideSpace {
	position: absolute;
	  top: 50px;
		left: 815px;
	width: 80px;
	height: 490px;
}

/*  センター画像エリア		・・・・・・・・・・・・・・z-index: 1
*********************************************/
#centerArea {
	position: absolute;
	  top: -14px;
		left: 350px;
		z-index: 1;
	width: 92px;
	height: 549px;
	background: url(../images/main_bg_center.gif) no-repeat top left;
}

/*  左下の「前ページ」なび
*********************************************/
#prevPage {
	position: absolute;
	  top: 455px;
		left: 55px;
	width: 200px;
	text-align:left;
}

/*  右下の「次ページ」なび
*********************************************/
#nextPage {
	position: absolute;
	  top: 461px;
		left: 552px;
	width: 200px;
	text-align: right;
}

/*  ページめくりエフェクト画像レイヤー		・・・・・・z-index: 102
*********************************************/
#pageGraphic {
	position: absolute;
	  top: 30px;
		z-index: 102; 
}





/**************************************************
               内部詳細設定
***************************************************/

/*  しおりheaderの設定
*********************************************/
#header h1 a:hover {
	position: absolute;
	  top: 2px;
		left: -2px;
}
#header h1 img {
	border: none;
}

#sideSpace {
	background: url(../images/pens.png) no-repeat bottom left;
}










.tdftdiv {
	clear: both;
	margin-top: 50px;
	text-align: center;
}