@charset "euc-jp";

/* -------------------------------

	guide - layout -

------------------------------- */



.guide-box01 {

	float: left;

	width: 357px;

}

.guide-box02 {

	float: right;

	width: 357px;

}

.guide-box-bg {

	width: 100%;

	background-image: url(../img/guide_bg02.gif);

	background-repeat: no-repeat;

	background-position: left bottom;

	margin-bottom: 20px;

}





/* -------------------------------

	guide - styles -

------------------------------- */

.guide-snavi {

	position: relative;

	clear: both;

	width: 714px;

	background-image: url(../img/guide_bg01.gif);

	background-position: center bottom;

	background-repeat: no-repeat;

	text-align: left;

	margin: 0 auto;

}

.guide-snavi a:link, .guide-snavi a:active, .guide-snavi a:visited, .guide-snavi a:hover {

	text-decoration: none;

	color: #323232;

}

.guide-snavi h3 {

	position: absolute;

	top: 0px;

	width: 172px;

	height: 70px;

	background-position: left top;

	background-repeat: no-repeat;

	text-indent: -9999px;

}

.guide-snavi h3.ttl01 {

	background-image: url(../../shared/img/guide/guide_ttl01.jpg);

	left: 0px;

}

.guide-snavi h3.ttl02 {

	background-image: url(../../shared/img/guide/guide_ttl02.jpg);

	left: 182px;

}

.guide-snavi h3.ttl03 {

	background-image: url(../../shared/img/guide/guide_ttl03.jpg);

	left: 362px;

}

.guide-snavi h3.ttl04 {

	background-image: url(../../shared/img/guide/guide_ttl04.jpg);

	left: 542px;

}



.guide-snavi ul {

	float: left;

	width: 172px;

	margin: 70px 8px 10px 0px;

	font-size: 0.8em;

}

.guide-snavi ul.turn {

	margin-right: 0px;

	width: 169px;

}

.guide-snavi li {

	background-image: url(../../shared/img/cmn_arw01a.gif);

	background-repeat: no-repeat;

	background-position: 11px 4px;

	list-style-type: none;

	padding: 0px 8px 0px 22px;

	margin: 2px 0px;

}



.flow-snavi {

	list-style-type: none;

	height: 29px;

	width: 711px;

	margin: 0 auto;

	position: relative;

}

.flow-snavi li {

	position: absolute;

	top: 0px;

	z-index: 1;

}

/*.flow-snavi img {

	position: inherit;

	z-index: 2;

}

.flow-snavi img.on {

	position: inherit;

	z-index: 3;

}

*/

.flow-snavi li.menu01 {

	left: 0px;

}

.flow-snavi li.menu02 {

	left: 138px;

}

.flow-snavi li.menu03 {

	left: 279px;

}

.flow-snavi li.menu04 {

	left: 422px;

}

.flow-snavi li.menu05 {

	left: 563px;

}

.flow-snavi li.menu01-on {

	left: 0px;

	z-index: 2;

}

.flow-snavi li.menu02-on {

	left: 138px;

	z-index: 2;

}

.flow-snavi li.menu03-on {

	left: 279px;

	z-index: 2;

}

.flow-snavi li.menu04-on {

	left: 422px;

	z-index: 2;

}

.flow-snavi li.menu05-on {

	left: 563px;

	z-index: 2;

}









.guide-lst01 {

	text-align: left;

	padding: 10px;

}

.guide-lst01 li {

	background-image: url(../../shared/img/cmn_arw01a.gif);

	background-position: left 3px;

	background-repeat: no-repeat;

	padding-left: 10px;

	list-style-type: none;

	margin-left: 20px;

}

.guide-lst02 {

	text-align: left;

	margin-left: 20px;

}

.guide-lst02 li {

	background-image: url(../../shared/img/cmn_arw01a.gif);

	background-position: left 3px;

	background-repeat: no-repeat;

	padding-left: 10px;

	list-style-type: none;

	width: 200px;

	display: block;

	float: left;

}

.guide-lst01 a:link, .guide-lst01 a:active,.guide-lst01 a:visited,.guide-lst01 a:hover, 

.guide-lst02 a:link, .guide-lst02 a:active,.guide-lst02 a:visited,.guide-lst02 a:hover {

	color: #323232;

	text-decoration: none;

}