@charset "utf-8";
/* CSS Document */

/*----------------------------
活用事例　下層ページ
----------------------------*/
.case-key{
	width:730px;
	height:288px;
	position:relative;
	padding:10px;
	margin-bottom:20px;
}
.case-key.case01{background:url(../img/case/bg_key_case01.png) no-repeat left top;}
.case-key.case02{background:url(../img/case/bg_key_case02.png) no-repeat left top;}
.case-key.case03{background:url(../img/case/bg_key_case03.png) no-repeat left top;}
.case-key.case04{background:url(../img/case/bg_key_case04.png) no-repeat left top;}

.case-key-photo{
	position:absolute;
	bottom:12px;
	left:10px;
}
.case-key-h2{
	position:absolute;
	top:20px;
	left:160px;
}
.case-key-h3{
	position:absolute;
	top:150px;
	left:200px;
	padding-bottom:7px;
	background:url(../img/case/bg_case_catch.png) no-repeat left bottom;
	font-size:16px;
}
.case-key-text{
	position:absolute;
	top:185px;
	left:200px;
	width:540px;
}
/*--------------mother----------------------*/
.case01-sch01{
	position:relative;
	width:750px;
	height:113px;
	background:url(../img/case/bg_case01_schedule_01.png) no-repeat left top;
}
.case01-sch02{
	position:relative;
	width:750px;
	height:117px;
	background:url(../img/case/bg_case01_schedule_02.png) no-repeat left top;
}
.case01-sch03{
	position:relative;
	width:750px;
	height:121px;
	background:url(../img/case/bg_case01_schedule_03.png) no-repeat left top;
}
.case01-sch04{
	position:relative;
	width:750px;
	height:108px;
	background:url(../img/case/bg_case01_schedule_04.png) no-repeat left top;
}
.case01-sch05{
	position:relative;
	width:750px;
	height:129px;
	background:url(../img/case/bg_case01_schedule_05.png) no-repeat left top;
}
.case01-sch01 p,
.case01-sch02 p,
.case01-sch03 p,
.case01-sch04 p,
.case01-sch05 p{
	width:355px;
	font-size:13px;
}
.case01-sch-text01{
	position:absolute;
	top:60px;
	left:170px;
}
.case01-sch-text02{
	position:absolute;
	top:35px;
	left:170px;
}
.case01-sch-text03{
	position:absolute;
	top:28px;
	left:170px;
}
.case01-sch-text04{
	position:absolute;
	top:33px;
	left:170px;
}
.case01-sch-text05{
	position:absolute;
	top:41px;
	left:170px;
}
/*--------------father----------------------*/
.case02-sch01{
	position:relative;
	width:750px;
	height:185px;
	background:url(../img/case/bg_case02_schedule_01.png) no-repeat left top;
}
.case02-sch02{
	position:relative;
	width:750px;
	height:137px;
	background:url(../img/case/bg_case02_schedule_02.png) no-repeat left top;
}
.case02-sch03{
	position:relative;
	width:750px;
	height:141px;
	background:url(../img/case/bg_case02_schedule_03.png) no-repeat left top;
}
.case02-sch04{
	position:relative;
	width:750px;
	height:140px;
	background:url(../img/case/bg_case02_schedule_04.png) no-repeat left top;
}
.case02-sch05{
	position:relative;
	width:750px;
	height:175px;
	background:url(../img/case/bg_case02_schedule_05.png) no-repeat left top;
}
.case02-sch01 p,
.case02-sch02 p,
.case02-sch03 p,
.case02-sch04 p,
.case02-sch05 p{
	width:355px;
	font-size:13px;
}
.case02-sch-text01{
	position:absolute;
	top:60px;
	left:170px;
}
.case02-sch-text02{
	position:absolute;
	top:40px;
	left:170px;
}
.case02-sch-text03{
	position:absolute;
	top:32px;
	left:170px;
}
.case02-sch-text04{
	position:absolute;
	top:37px;
	left:170px;
}
.case02-sch-text05{
	position:absolute;
	top:42px;
	left:170px;
}
/*--------------senior----------------------*/
.case03-sch01{
	position:relative;
	width:750px;
	height:235px;
	background:url(../img/case/bg_case03_schedule_01.png) no-repeat left top;
}
.case03-sch02{
	position:relative;
	width:750px;
	height:114px;
	background:url(../img/case/bg_case03_schedule_02.png) no-repeat left top;
}
.case03-sch03{
	position:relative;
	width:750px;
	height:108px;
	background:url(../img/case/bg_case03_schedule_03.png) no-repeat left top;
}
.case03-sch04{
	position:relative;
	width:750px;
	height:140px;
	background:url(../img/case/bg_case03_schedule_04.png) no-repeat left top;
}
.case03-sch05{
	position:relative;
	width:750px;
	height:80px;
	background:url(../img/case/bg_case03_schedule_05.png) no-repeat left top;
}
.case03-sch01 p,
.case03-sch02 p,
.case03-sch03 p,
.case03-sch04 p,
.case03-sch05 p{
	width:390px;
	font-size:13px;
}
.case03-sch-text01{
	position:absolute;
	top:70px;
	left:170px;
}
.case03-sch-text02{
	position:absolute;
	top:32px;
	left:170px;
}
.case03-sch-text03{
	position:absolute;
	top:31px;
	left:170px;
}
.case03-sch-text04{
	position:absolute;
	top:43px;
	left:170px;
}
.case03-sch-text05{
	position:absolute;
	top:28px;
	left:170px;
}
/*--------------single----------------------*/
.case04-sch01{
	position:relative;
	width:750px;
	height:244px;
	background:url(../img/case/bg_case04_schedule_01.png) no-repeat left top;
}
.case04-sch02{
	position:relative;
	width:750px;
	height:114px;
	background:url(../img/case/bg_case04_schedule_02.png) no-repeat left top;
}
.case04-sch03{
	position:relative;
	width:750px;
	height:108px;
	background:url(../img/case/bg_case04_schedule_03.png) no-repeat left top;
}
.case04-sch04{
	position:relative;
	width:750px;
	height:139px;
	background:url(../img/case/bg_case04_schedule_04.png) no-repeat left top;
}
.case04-sch05{
	position:relative;
	width:750px;
	height:80px;
	background:url(../img/case/bg_case04_schedule_05.png) no-repeat left top;
}
.case04-sch06{
	position:relative;
	width:750px;
	height:95px;
	background:url(../img/case/bg_case04_schedule_06.png) no-repeat left top;
}
.case04-sch01 p,
.case04-sch02 p,
.case04-sch03 p,
.case04-sch04 p,
.case04-sch05 p,
.case04-sch06 p{
	width:355px;
	font-size:13px;
}
.case04-sch-text01{
	position:absolute;
	top:75px;
	left:170px;
	width:355px;
}
.case04-sch-text02{
	position:absolute;
	top:10px;
	left:170px;
}
.case04-sch-text03{
	position:absolute;
	top:8px;
	left:170px;
}
.case04-sch-text04{
	position:absolute;
	top:12px;
	left:170px;
}
.case04-sch-text05{
	position:absolute;
	top:4px;
	left:170px;
}
.case04-sch-text06{
	position:absolute;
	top:35px;
	left:170px;
}
.note-area{
	padding:20px;
	background:url(../img/case/bg_note.png) left top;
	overflow:hidden;
	line-height:2;
}
.note-area-img{
	float:right;
	width:170px;
	margin-left:10px;
}
.note-area-h3{
	padding-left:35px;
	background:url(../img/case/icon_enpitsu.png) no-repeat left top;
	margin-bottom:10px;
	font-size:20px;
	line-height: 1.6;
}
.btn-detail{
	width:488px;
	margin:20px auto;
}
.etc-list{
	overflow:hidden;
	margin: 0 auto 20px;
	width: 734px;
}
.etc-list li{
	float:left;
	margin:0 10px;
}
.etc-list-case01,
.etc-list-case02,
.etc-list-case04{
	width:204px;
	height:198px;
	position:relative;
}
.etc-list-btn{
	position:absolute;
	top:95px;
	right:0;
}
.etc-list-case03{
	width:266px;
	height:198px;
	position:relative;
}
.etc-list-case01{background:url(../img/case/etc_img_case01.png) no-repeat left top;}
.etc-list-case02{background:url(../img/case/etc_img_case02.png) no-repeat left top;}
.etc-list-case03{background:url(../img/case/etc_img_case03.png) no-repeat left top;}
.etc-list-case04{background:url(../img/case/etc_img_case04.png) no-repeat left top;}