@charset "UTF-8";

h4 {
	margin-top:20px;
	margin-bottom:10px;
	padding-left:20px;
	width:300px;
	height:16px;
	}
li h4 {
	margin-top:0;
	padding-left:0;
	}
.spacer {
	_display:none;
	}



/*------- タブ2 --------*/
ul#pageTab2 {
	border-bottom:2px #f86d00 solid;
	width:719px;
	height:42px;
	}
ul#pageTab2 li {
	float:left;
	height:42px;
	}

/*------- タブ黄色 --------*/
ul#pageTabYellow {
	width:719px;
	height:42px;
	background:url(../img/bg_tab_yellow.gif) right top no-repeat;
	}
ul#pageTabYellow li {
	float:left;
	height:42px;
	}


/*------- フロー図 --------*/
.step {
	margin-right:67px;
	margin-left:67px;
	position:relative;
	width:586px;
	}
.step ul li {
	height:0;
	}
.step ul li a {
	position:absolute;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	}
.step ul li.menu01 a {
	top:11px;
	left:42px;
	width:201px;
	height:159px;
	}
.step ul li.menu02 a,
.step ul li.menu03 a,
.step ul li.menu04 a {
	right:11px;
	width:322px;
	height:39px;
	}
.step ul li.menu02 a {
	top:22px;
	}
.step ul li.menu03 a {
	top:71px;
	}
.step ul li.menu04 a {
	top:120px;
	}
#step01 {
	height:128px;
	}
#step02 {
	height:179px;
	background:url(../img/flow_step02.gif) left top no-repeat;
	}
#step02 ul li.menu01 a:hover {
	background:url(../img/btn_step2_on.gif) left top no-repeat;
	}
#step02 ul li.menu02 a:hover {
	background:url(../img/btn_step2_s01_on.gif) left top no-repeat;
	}
#step02 ul li.menu03 a:hover {
	background:url(../img/btn_step2_s02_on.gif) left top no-repeat;
	}
#step02 ul li.menu04 a:hover {
	background:url(../img/btn_step2_s03_on.gif) left top no-repeat;
	}
#step03 {
	height:179px;
	background:url(../img/flow_step03.gif) left top no-repeat;
	}
#step03 ul li.menu01 a:hover {
	background:url(../img/btn_step3_on.gif) left top no-repeat;
	}
#step03 ul li.menu02 a:hover {
	background:url(../img/btn_step3_s01_on.gif) left top no-repeat;
	}
#step03 ul li.menu03 a:hover {
	background:url(../img/btn_step3_s02_on.gif) left top no-repeat;
	}
#step03 ul li.menu04 a:hover {
	background:url(../img/btn_step3_s03_on.gif) left top no-repeat;
	}
#step04 {
	height:170px;
	background:url(../img/flow_step04.gif) left top no-repeat;
	}
.step ul li.menu05 a {
	top:22px;
	right:11px;
	width:171px;
	height:39px;
	}
.step ul li.menu06 a {
	top:71px;
	right:147px;
	width:141px;
	height:39px;
	}
.step ul li.menu07 a {
	top:120px;
	right:147px;
	width:141px;
	height:39px;
	}
#step04 ul li.menu01 a:hover {
	background:url(../img/btn_step4_on.gif) left top no-repeat;
	}
#step04 ul li.menu05 a:hover {
	background:url(../img/btn_step4_s01_on.gif) left top no-repeat;
	}
#step04 ul li.menu06 a:hover {
	background:url(../img/btn_step4_s02_on.gif) left top no-repeat;
	}
#step04 ul li.menu07 a:hover {
	background:url(../img/btn_step4_s03_on.gif) left top no-repeat;
	}


/*------- フロー図アニマル --------*/
#animalFlow .step {
	margin-right:0;
	margin-left:20px;
	position:relative;
	width:677px;
	}
#animalFlow .step ul li a {
	position:absolute;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	}
#animalFlow .step ul li.menu01 a {
	top:11px;
	left:45px;
	width:201px;
	height:159px;
	}
#animalFlow #step01 {
	height:179px;
	background:url(../img/animal_step01.gif) left top no-repeat;
	}
#animalFlow #step01 ul li.menu02 a,
#animalFlow #step01 ul li.menu03 a,
#animalFlow #step01 ul li.menu04 a {
	left:256px;
	width:404px;
	height:39px;
	}
#animalFlow #step01 ul li.menu02 a {
	top:22px;
	}
#animalFlow #step01 ul li.menu03 a {
	top:71px;
	}
#animalFlow #step01 ul li.menu04 a {
	top:120px;
	}
#animalFlow #step01 ul li.menu01 a:hover {
	background:url(../img/btn_animal_step1_on.gif) left top no-repeat;
	}
#animalFlow #step01 ul li.menu02 a:hover {
	background:url(../img/btn_animal_step1_s01_on.gif) left top no-repeat;
	}
#animalFlow #step01 ul li.menu03 a:hover {
	background:url(../img/btn_animal_step1_s02_on.gif) left top no-repeat;
	}
#animalFlow #step01 ul li.menu04 a:hover {
	background:url(../img/btn_animal_step1_s03_on.gif) left top no-repeat;
	}

#animalFlow #step02 {
	height:170px;
	background:url(../img/animal_step02.gif) left top no-repeat;
	}
#animalFlow #step02 ul li.menu02 a {
	top:22px;
	left:348px;
	width:85px;
	height:39px;
	}
#animalFlow #step02 ul li.menu03 a {
	top:22px;
	left:440px;
	width:85px;
	height:39px;
	}
#animalFlow #step02 ul li.menu04 a {
	top:22px;
	left:532px;
	width:128px;
	height:39px;
	}
#animalFlow #step02 ul li.menu05 a {
	top:71px;
	left:301px;
	width:141px;
	height:39px;
	}
#animalFlow #step02 ul li.menu06 a {
	top:120px;
	left:301px;
	width:141px;
	height:39px;
	}
#animalFlow #step02 ul li.menu01 a:hover {
	background:url(../img/btn_animal_step2_on.gif) left top no-repeat;
	}
#animalFlow #step02 ul li.menu02 a:hover {
	background:url(../img/btn_animal_step2_s01_on.gif) left top no-repeat;
	}
#animalFlow #step02 ul li.menu03 a:hover {
	background:url(../img/btn_animal_step2_s02_on.gif) left top no-repeat;
	}
#animalFlow #step02 ul li.menu04 a:hover {
	background:url(../img/btn_animal_step2_s03_on.gif) left top no-repeat;
	}
#animalFlow #step02 ul li.menu05 a:hover {
	background:url(../img/btn_animal_step2_s04_on.gif) left top no-repeat;
	}
#animalFlow #step02 ul li.menu06 a:hover {
	background:url(../img/btn_animal_step2_s05_on.gif) left top no-repeat;
	}




/*------- 実績例テーブル --------*/
.dot {
	padding-bottom:20px;
	background:url(../../../common/img/dot.gif) left bottom repeat-x;
	}
table.resultsPhotoTable {
	width:100%;
	border-collapse:collapse;
	}
table.resultsPhotoTable th,
table.resultsPhotoTable td {
	border:1px #dedede solid;
	}
table.resultsPhotoTable th {
	width:256px;
	}
table.resultsPhotoTable th img {
	border:3px #ffffff solid;
	}
table.resultsPhotoTable td {
	padding:8px 7px 7px 7px;
	}
table.resultsPhotoTable td.name {
	background-color:#f7f7f7;
	width:9%;
	text-align:center;
	}
table.resultsPhotoTable td.text a {
	padding-left:16px;
	background:url(../../../common/img/icon04.gif) left center no-repeat;
	}
p.picVariation {
	margin-right:20px;
	margin-left:20px;
	padding:3px;
	border:1px #dedede solid;
	}



/*------- 動物園　写真リスト --------*/
ul.photoList {
	margin-top:5px;
	padding-right:20px;
	padding-left:20px;
	}
ul.photoList li {
	width:336px;
	}
ul.photoList li img.material_img2 {
	width:328px;
	height:242px;
	}