/**************目次****************/
/*■初期設定/contents・sideの高さ調整************************/

	/* contentsの高さ調整 */
	/* sideの高さ調整 */

/*■subcatchの設定************************/

	/* subcatch/レイアウト設定 */

/*■explainの設定************************/

	/* explain/レイアウト設定 */

/*■explain01の設定************************/

	/* explain01/レイアウト設定 */

/*■explain02の設定************************/

	/* explain02/レイアウト設定 */
	/* explain02/ul・p要素を画像に重ねる設定 */

/*■next_naviの設定************************/

	/* next_navi/レイアウト設定 */
	/* next_navi/４コマ部分のレイアウト設定 */
	/* next_navi/テキスト部分のレイアウト設定 */
	
/*■nextの設定************************/

	/* next/レイアウト設定 */
	/* next/ロールオーバー設定 */

/*■muryo_naviの設定************************/

	/* muryo_navi/レイアウト設定 */
	
/*■muryoの設定************************/

	/* muryo/レイアウト設定 */
	/* muryo/ロールオーバー設定 */



/*■初期設定/contents・sideの高さ調整************************/

/* contentsの高さ調整 */
#contents {
	height: 2210px;
}


/* sideの高さ調整 */
#side {
	height: 2210px;
}



/*■subcatchの設定************************/

/* subcatch/レイアウト設定 */
#subcatch {
	height: 50px;
	margin: 40px 50px 40px 50px;
}



/*■explainの設定************************/

/* explain/レイアウト設定 */
#explain {
	height: 1325px;
	margin: 0px 50px;
}

#explain img {
	float: right;
}
* html #explain img {
	margin: 0px -3px; /* IE6で隣接したimgに生じる自動余白3pxを埋める処理 */
}



/*■explain01の設定************************/

/* explain01/レイアウト設定 */
#explain01 {
	width: 670px;
	height: 715px;
	float: left;
}

#explain01 img.arrow {
	margin: 50px 319px 40px 321px;
}

#explain01 img.right {
	margin-right: 70px;
}

#explain01 img.center {
	margin-right: 110px;
	margin-left: 70px;
}



/*■explain02の設定************************/

/* explain02/レイアウト設定 */
#explain02 {
	width: 670px;
	height: 610px;
	background-image: url(image/explain02_back.jpg);
	background-repeat: no-repeat;
	float: left;
	position: relative;
}

#explain02 img.tie {
	margin-bottom: 120px;
	float: left;
}


/* explain02/ul・p要素を画像に重ねる設定 */
#explain02 li {
	display: inline;
	width: 30px;
	float: right;
}

#explain02 ul {
	position: absolute;
	top: 165px;
	right: 45px;
}

#explain02 p.lip {
	position: absolute;
	top: 165px;
	right: 165px;
}

#explain02 img.end {
	margin-top: 50px;
}



/*■next_naviの設定************************/

/* next_navi/レイアウト設定 */
#next_navi {
	width: 670px;
	height: 400px;
	margin: 0px 50px;
	float: left;
    display: inline; /* IE6でmarginが２倍になるバグをクリア */
}


/* next_navi/４コマ部分のレイアウト設定 */
#next_navi img {
	margin-top: 50px;
	float: left;
}

#next_navi img.m_right {
	margin-right: 10px;
}

#next_navi img.arrow {
	margin: 50px 0px 0px 319px;
}


/* next_navi/テキスト部分のレイアウト設定 */
#next_navi img.end {
	margin-top: 40px;
}



/*■nextの設定************************/

/* next/レイアウト設定 */
#next {
	width: 670px;
	height: 100px;
	margin: 0px 50px;
	float: left;
	
	text-align: center; /* IE6/画像を中央揃いさせるための記述 */
    display: inline; /* IE6/２倍マージンバグ対策 */
}


/* next/ロールオーバー設定 */
#next a {
	display: block;
	width: 330px;
	height: 80px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(image/link_btnb.jpg);
}

#next a:hover img {
	visibility: hidden;
}

#next a:hover {
	background-color: #fff; /* IE6で動作させるために必要 */
}



/*■muryo_naviの設定************************/

/* muryo_navi/レイアウト設定 */
#muryo_navi {
	width: 670px;
	height: 125px;
	margin: 0px 50px;
	float: left;
	
	text-align: center;　/* IE6/画像を中央揃いさせるための記述 */
    display: inline; /* IE6/2倍マージンバグ対策 */
}



/*■muryoの設定************************/

/* muryo/レイアウト設定 */
#muryo {
	width: 670px;
	margin: 0px 50px;
	float: left;
	text-align: center;
	font-size: 10px;
	line-height: 30px;
	letter-spacing: 1px;
	
	display: inline; /* IE6/２倍マージンバグ対策 */
}

#muryo span {
	color: #003399;
}


/* muryo/ロールオーバー設定 */
#muryo a {
	display: block;
	width: 330px;
	height: 55px;
	background-image: url(image/muryo_btnb.jpg);
	margin-left: auto;
	margin-right: auto;
}


#muryo a:hover {
	background-color: #fff; /* IE6で動作させるために必要 */
}

#muryo a:hover img {
	visibility: hidden;
}