@charset "Shift_JIS";

/* ヘアカットの手順 */

#step_container {
	width: 768px;
	height: 466px;
	margin: 0 auto;
}

#stepLink_container{
	width: 768px;
	height: 40px;
	margin: 0 auto;
	background: url(../img/step_02.jpg);
}

#stepLink_container ul{
	margin-left: 24px;
}

#stepLink_container li{
	list-style-type: none;
	float: left;
}

#stepLink_container li a{
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	height: 40px;
	width: 180px;
}

#stepIntro_container {
	width: 768px;
	height: 426px;
	margin: 0 auto;
	background: url(../img/step_03.jpg);
}

#stepIntro_txt {
	float: left;
	width: 308px;
}

#stepIntro_flash {
	float: left;
	width: 450px;
	height: 407px;
}

#stepLink_container #step_link1 a{background-image: url(../img/step_bt01.jpg);}
#stepLink_container #step_link2 a{background-image: url(../img/step_bt02.jpg);}
#stepLink_container #step_link3 a{background-image: url(../img/step_bt03.jpg);}
#stepLink_container #step_link4 a{background-image: url(../img/step_bt04.jpg);}

#stepLink_container li a:hover,#stepLink_container li a.onBt{
	background-position: 0 -50px;
}

#footer_container {
	margin-top: 20px;
}

#pages_container {
	width: 768px;
	margin: 0 auto;
	background: url(../../img/contents_bg.jpg) repeat-y top center;
}

#camera_container {
	width: 768px;
	margin: 0 auto;
	background: url(../../img/contents_bottom.jpg) no-repeat bottom center;
}