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

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

/*■explain01の設定************************/
  
	/* explain01/ナビゲーション部分のレイアウト設定 */
	/* explain01/レイアウト設定 */
	/* explain01/イメージの初期設定 */
	/* explain01/矢印（横向き）のレイアウト設定 */
	/* explain01/イメージ（テキスト）のレイアウト設定 */
	/* explain01/イメージ（画像）のレイアウト設定 */
	/* explain01/矢印（縦向き）のレイアウト設定 */
	/* explain01/ページトップへのナビゲーションのレイアウト設定 */
	
/*■explain02の設定************************/
	
	/* explain02/レイアウト設定 */
	/* explain02/イメージの初期設定 */
	/* explain02/従来の～部分のレイアウト設定 */
	/* explain02/サイトの～部分のレイアウト設定 */
	/* explain02/矢印（縦向き）のレイアウト設定 */
	/* explain02/ページトップへのナビゲーションのレイアウト設定 */
	
/*■explain03の設定************************/

	/* explain03/レイアウト設定 */
	/* explain03/イメージの初期設定 */
	/* explain03/各イメージのレイアウト設定 */
	/* explain03/ページトップへのナビゲーションのレイアウト設定 */

/*■explain04の設定************************/

	/* explain04/レイアウト設定 */
	/* explain04/ページトップへのナビゲーションのレイアウト設定 */

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

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

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

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

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

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

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

	/* muryo/レイアウト設定 */
	/* muryo/ロールオーバー設定 */
	/* muryo/ページトップへのナビゲーションのレイアウト設定 */



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

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

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



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

/* explain01/ナビゲーション部分のレイアウト設定 */
#navi {
	height: 85px;
	margin: 40px 50px 40px 50px;
	background-image: url(image/navi_back.gif);
	background-position: right;
}

#navi p {
	float: left;
}

#navi li {
	display: block;
	width: 100px;
	height: 75px;
	margin-top: 5px;
	margin-left: 5px;
	float: left;
}


/* explain01/ナビゲーション部分のロールオーバー設定 */
#navi a {
	display: block;
	width: 100px;
	height: 75px;
}

#navi a.explain01 {
	background-image: url(image/navi01b.gif);
}
#navi a.explain02 {
	background-image: url(image/navi02b.gif);
}
#navi a.explain03 {
	background-image: url(image/navi03b.gif);
}
#navi a.explain04 {
	background-image: url(image/navi04b.gif);
}
#navi a.explain05 {
	background-image: url(image/navi05b.gif);
}

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

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


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


/* explain01/イメージの初期設定 */
#explain01 img {
	float: right;
}
* html #explain01 img {
	margin: 0px -3px; /* IE6/隣接したimgの余白3pxを消去 */
}


/* explain01/矢印（横向き）のレイアウト設定 */
#explain01 img.arrow_w {
	margin: 140px 15px 0px;

}


/* explain01/イメージ（テキスト）のレイアウト設定 */
#explain01 img.text {
	margin: 10px 45px 100px;
	position: relative; /* IE/最前面に表示 */
}


/* explain01/イメージ（画像）のレイアウト設定 */
#explain01 img.picture {
	margin-top: -115px;
	margin-right: 450px;
}


/* explain01/矢印（縦向き）のレイアウト設定 */
#explain01 img.arrow_h {
	margin: 50px 320px 0px;
}


/* explain01/トップページへのナビゲーションのレイアウト設定 */
#explain01 img.anchor {
	margin-top: -15px;
}



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

/* explain02/レイアウト設定 */
#explain02 {
	height: 960px;
	margin: 0px 45px 0px 50px;
	position: relative;
}


/* explain02/イメージの初期設定 */
#explain02 img {
	float: right;
}
* html #explain02 img {
	margin: 0px -3px; /* IE6/隣接したimgの余白3pxを消去 */
}


/* explain02/従来の～部分のレイアウト設定 */
#explain02 h3 {
	display: block;
	height: 220px;
	width: 675px;
	background-image: url(image/explain02_back.jpg);
	background-repeat: no-repeat;
}

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

#explain02 span {
	display: block;
	height: 165px;
	width: 40px;
	position: absolute; /* img同士を重ねるためのspan化と絶対値指定 */
	top: 310px;
	left: 580px;
}

#explain02 img.arrow {
	margin: 90px 5px 0px;	
}

#explain02 img.p01 {
	margin-top: 15px;
	margin-left: 0px;
	margin-right: 0px;
}

#explain02 p.text {
	display: block;
	width: 165px;
	height: 265px;
	margin-top: 55px;
	background-image: url(image/explain02h.jpg);
	background-repeat: no-repeat;
}

#explain02 img.text {
	margin: 20px 20px 0px;
}


/* explain02/サイトの～部分のレイアウト設定 */
#explain02 img.sub {
	margin: 30px 0px 0px;
}

#explain02 span.span02{
	top: 665px;
}

#explain02 img.arrow02 {
	margin: 125px 5px 0px;	
}

#explain02 img.p02 {
	margin-top: 45px;
	margin-left: 0px;
	margin-right: 0px;
}

#explain02 p.text02 {
	display: block;
	width: 165px;
	height: 265px;
	margin-top: 85px;
	background-image: url(image/explain02n.jpg);
	background-repeat: no-repeat;
}


/* explain02/矢印（縦向き）のレイアウト設定 */
#explain02 img.arrow_h {
	margin: 40px 325px 0px 320px;
}


/* explain02/トップページへのナビゲーションのレイアウト設定 */
#explain02 img.anchor {
	margin-top: -15px;
	margin-right: 5px;
}



/*■explain03の設定************************/

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


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


/* explain03/各イメージのレイアウト設定 */
#explain03 img.center {
	margin: 50px 40px 0px;
}

#explain03 p.arrow02 {
	display: block;
	width: 30px;
	height: 130px;
	float: right;
}

#explain03 img.arrow02 {
	margin: 35px 5px 0px;
}

#explain03 img.arrow03 {
	margin: 55px 5px 0px;
}

#explain03 img.tag {
	margin: 20px 0px 0px;
}


/* explain03/トップページへのナビゲーションのレイアウト設定 */
#explain03 img.anchor {
	margin: 25px 0px 0px;
}



/*■explain04の設定************************/

/* explain04/レイアウト設定 */
#explain04 {
	height: 935px;
	margin-top: 40px;
	margin-right: 50px;
	margin-bottom: 0px;
	margin-left: 50px;
}

#explain04 img.tie {
	margin-bottom: 50px;
}


#explain04 li{
	display: block;
	width: 335px;
	height: 225px;
	float: right;
	margin: 0px;
	padding: 0px;
}
* html #explain04 li {
	margin: 0px 0px -2px 0px;
	padding: 0px;
}

* html #explain04 ul li img {
	vertical-align: bottom;
}


#explain04 p img {
	vertical-align: bottom;
}

#explain04 img.clitic01 {
	margin: 40px 315px 35px;
}

#explain04 img.clitic02 {
	margin: 50px 195px 10px;
}


/* explain04/トップページへのナビゲーションのレイアウト設定 */
#explain04 img.anchor {
	float: right;
}
* html #explain04 img.anchor {
	margin: 0px -3px;
}



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

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


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

* html #next_navi img {
	float: left;
	margin: 0px -3px; /* IE6/隣接したimgの余白3pxを消去 */
}

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

#next_navi img.arrow_h {
	margin: 50px 320px 35px;
}


/* next_navi/テキスト部分のレイアウト設定 */
#next_navi img.end {
	clear: left;
	margin: 0px 225px 0px;
}



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

/* next/レイアウトの設定 */
#next {
	width: 670px;
	height: 150px;
	margin: 0px 50px;
}

#next img.arrow_h {
	margin: 20px 320px 0px;
}


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

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

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



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

/* muryo_navi/レイアウトの設定 */
#muryo_navi {
	width: 670px;
	height: 65px;
	margin: 0px 50px;
}

#muryo_navi img {
	margin: 0px 165px;
}



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

/* muryo/レイアウトの設定 */
#muryo {
	width: 670px;
	height: 195px;
	margin: 0px 50px;
}


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

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

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


/* muryo/トップページへのナビゲーションのレイアウト設定 */
#muryo img.anchor {
	margin: 20px 0px 0px;
	float: right;
}