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

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

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

/*■actualの設定************************/

	/* actual/レイアウト設定 */
	/* actual/イメージのブロック化 */
	/* actual/イメージのレイアウト設定 */

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

	/* explain01/レイアウト設定 */
	/* explain01/イメージの初期設定 */
	
	/* explain01/h4部分のレイアウト設定 */
	/* explain01/p.p01部分のレイアウト設定 */
	/* explain01/p.p02部分のレイアウト設定 */
	/* explain01/ul.ul01部分のレイアウト設定 */
	/* explain01/p.p03部分のレイアウト設定 */
	/* explain01/ul.ul02部分のレイアウト設定 */
	/* explain01/li要素の共通レイアウト設定 */
	/* explain01/p.p04部分のレイアウト設定 */

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

	/* explain02/レイアウト設定 */
	/* explain02/h4.tieのブロック化 */
	
	/* explain02/h5.left01のブロック化 */
	/* explain02/h6.left01のレイアウト設定 */
	/* explain02/p.left01のブロック化 */

	/* explain02/h5.rightのブロック化 */
	/* explain02/h6.rightのレイアウト設定 */
	/* explain02/p.rightのブロック化 */

	/* explain02/h5.left02のブロック化 */
	/* explain02/h6.left02のレイアウト設定 */
	/* explain02/p.left02のブロック化 */
	
	/* explain02/p.mainのレイアウト設定 */
	/* explain02/p.endのレイアウト設定 */
	/* explain02/p.arrowのレイアウト設定 */

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

	/* muryo_navi/レイアウト設定 */
	/* muryo_navi/テキスト部分のレイアウト設定 */

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

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



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

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

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



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



/*■actualの設定************************/

/* actual/レイアウト設定 */
#actual {
	width: 670px;
	height: 549px;
	margin: 0px 50px;
	border-bottom: 1px solid #999999;
	float: left;
	
	display: inline; /* IE6/2倍マージンバグ対策 */
}
* html #actual {
	height: 550px;
}


/* actual/イメージのブロック化 */
#actual img {
	display: block;
	width: 160px;
	height: 120px;
	float: left;
	
	display: inline; /* IE6/2倍マージンバグ対策 */
}


/* actual/イメージのレイアウト設定 */
#actual img {
	margin-right: 10px;
	margin-bottom: 10px;
}

#actual img.right {
	margin-right: 0px;
}
* html #actual img.right {
	margin-left: -3px;
}



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

/* explain01/レイアウト設定 */
#explain01 {
	width: 670px;
	height: 320px;
	margin: 0px 50px;
	margin-top: 40px;
	float: left;
	
	display: inline; /* IE6/2倍マージンバグ対策 */
}


/* explain01/イメージの初期設定 */
#explain01 img {
	float: right;
}
* html #explain01 img {
	margin: 0px -3px;
}


/* explain01/h4部分のレイアウト設定 */
#explain01 h4 img {
	margin-left: 5px;
	margin-right: 0px; /* IE6/img初期設定の-3pxを右側だけクリア */
}


/* explain01/p.p01部分のレイアウト設定 */
#explain01 p.p01 {
	display: block;
	width: 25px;
	height: 270px;
	margin-left: 45px;
	float: right;
}


/* explain01/p.p02部分のレイアウト設定 */
#explain01 p.p02 {
	display: block;
	width: 15px;
	height: 270px;
	margin-left: 40px;
	float: right;
}


/* explain01/ul.ul01部分のレイアウト設定 */
#explain01 ul.ul01 {
	display: block;
	width: 105px;
	height: 270px;
	margin-left: 30px;
	float: right;
	
	background-image: url(image/explain01m.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}


/* explain01/p.p03部分のレイアウト設定 */
#explain01 p.p03 {
	display: block;
	width: 80px;
	height: 270px;
	margin-left: 30px;
	float: right;
	
	background-image: url(image/explain01n.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}

#explain01 p.p03 img {
	margin-right: 20px;
}


/* explain01/ul.ul02部分のレイアウト設定 */
#explain01 ul.ul02 {
	display: block;
	width: 130px;
	height: 270px;
	margin-left: 40px;
	float: right;
	
	background-image: url(image/explain01o.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}


/* explain01/li要素の共通レイアウト設定 */
#explain01 li {
	display: block;
	width: 15px;
	height: 125px;
	margin-top: 35px;
	margin-left: 10px;
	float: right;
}

#explain01 li.right {
	margin-right: 20px;
	display: inline;
}


/* explain01/p.p04部分のレイアウト設定 */
#explain01 p.p04 {
	display: block;
	width: 40px;
	height: 270px;
	float: right;
}



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

/* explain02/レイアウト設定 */
#explain02 {
	width: 670px;
	height: 890px;
	margin: 0px 50px;
	float: left;
	position: relative;
	
	display: inline; /* IE6/2倍マージンバグ対策 */
}


/* explain02/h4.tieのブロック化 */
#explain02 h4.tie {
	display: block;
	width: 670px;
	height: 80px;
}


/* explain02/h5.leftのブロック化 */
#explain02 h5.left01 {
	display: block;
	width: 275px;
	height: 145px;
	float: left;
}


/* explain02/h6.leftのレイアウト設定 */
#explain02 h6.left01 {
	display: inline;
	width: 185px;
	height: 40px;
	
	position: absolute;
	top: 155px;
	left: 50px;
}


/* explain02/p.leftのブロック化 */
#explain02 p.left01 {
	display: block;
	height: 145px;
	float: left;
}
* html #explain02 p.left01 {
	margin-right: -3px;

}


/* explain02/h5.rightのブロック化 */
#explain02 h5.right {
	display: block;
	width: 255px;
	height: 145px;
	float: right;
}


/* explain02/h6.rightのレイアウト設定 */
#explain02 h6.right {
	display: inline;
	width: 175px;
	height: 40px;
	
	position: absolute;
	top: 300px;
	right: 40px;
}


/* explain02/p.rightのブロック化 */
#explain02 p.right {
	display: block;
	height: 145px;	
	float: right;
}
* html #explain02 p.right {
	margin-left: -3px;
}


/* explain02/h5.left02のブロック化 */
#explain02 h5.left02 {
	display: block;
	width: 280px;
	height: 150px;
	float: left;
}


/* explain02/h6.left02のレイアウト設定 */
#explain02 h6.left02 {
	display: inline;
	width: 175px;
	height: 40px;
	
	position: absolute;
	top: 450px;
	left: 50px;
}


/* explain02/p.left02のブロック化 */
#explain02 p.left02 {
	display: block;
	height: 150px;
	float: left;
}
* html #explain02 p.left02 {
	margin-right: -3px;
}


/* explain02/p.mainのレイアウト設定 */
#explain02 p.main {
	display: block;
	width: 670px;
	height: 175px;
	margin-top: 10px;
	margin-bottom: 45px;
	float: left;
}


/* explain02/p.endのレイアウト設定 */
#explain02 p.end {
	display: block;
	width: 270px;
	height: 100px;
	margin: 0px 200px;
	float: left;
	
	display: inline; /* IE6/2倍マージンバグ対策 */
}


/* explain02/p.arrowのレイアウト設定 */
#explain02 p.arrow {
	display: block;
	width: 30px;
	height: 30px;
	margin: 0px 320px;
	float: left;
	
	display: inline; /* IE6/2倍マージンバグ対策 */
}



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

/* muryo_navi/レイアウト設定 */
#muryo_navi {
	width: 670px;
	height: 70px;
	margin: 0px 50px;
	float: left;
	
	display: inline; /* IE6/2倍マージンバグ対策 */
}


/* muryo_navi/テキスト部分のレイアウト設定 */
#muryo_navi p {
	width: 380px;
	height: 50px;
	margin: 4px 145px 0px;
	float: left;
	
	display: inline; /* IE6/2倍マージンバグ対策 */
}



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

/* muryo/レイアウト設定 */
#muryo {
	width: 670px;
	height: 170px;
	margin: 0px 50px;
	float: left;
	
	display: inline; /* IE6/2倍マージンバグ対策 */
}

/* muryo/ロールオーバー設定 */
#muryo a {
	display: block;
	width: 670px;
	height: 170px;
	background-image: url(image/btn_muryo_on.jpg);
}

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

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