@charset "utf-8";

.wrap_main_02 {
    padding-bottom:0;
}

#img_plan_before {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    margin-bottom: 10px;
    background: url(../images/plan_2/img_plan_before.jpg);
    width:240px;
    height:140px;
}

*:first-child+html #img_plan_before {
	text-indent: -9999px;
}

#img_plan_before:hover {
    background-position: bottom;
}

#img_plan_before_01 {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    background: url(../images/plan_2/img_plan_before_01.jpg) no-repeat;
    width:149px;
    height:167px;
}

*:first-child+html #img_plan_before_01 {
	text-indent: -9999px;
}

#img_plan_before_01:hover {
    background-position: bottom;
}

#img_plan_before_02 {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    background: url(../images/plan_2/img_plan_before_02.jpg);
    width:149px;
    height:167px;
}

*:first-child+html #img_plan_before_02 {
	text-indent: -9999px;
}

#img_plan_before_02:hover {
    background-position: bottom;
}

#img_plan_after {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    margin-bottom: 10px;
    background: url(../images/plan_2/img_plan_after.jpg);
    width:240px;
    height:140px;
    margin-right:10px;
}

*:first-child+html #img_plan_after {
	text-indent: -9999px;
}

#img_plan_after:hover {
    background-position: bottom;
}

#img_plan_after_01 {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    background: url(../images/plan_2/img_plan_after_01.jpg) no-repeat;
    width:149px;
    height:167px;
}

*:first-child+html #img_plan_after_01 {
	text-indent: -9999px;
}

#img_plan_after_01:hover {
    background-position: bottom;
}

#img_plan_after_02 {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    background: url(../images/plan_2/img_plan_after_02.jpg);
    width:149px;
    height:167px;
}

*:first-child+html #img_plan_after_02 {
	text-indent: -9999px;
}

#img_plan_after_02:hover {
    background-position: bottom;
}

/*** imgMap / scrollable ***/

#imgMap{
    background:url(../images/plan_2/map_00.jpg) no-repeat;
    width:550px;
    height:266px;    /* common add */
}

#zone01{
    top: 158px;
    left: 206px;
}
#zone02{
    top: 100px;
    left: 184px;
}
#zone03{
    top: 81px;
    left: 394px;
}
#zone04{
    top: 218px;
    left: 122px;
}
#zone05{
    top: 115px;
    left: 121px;
}
