@charset "utf-8";

#main_area .left {
    float:left;
    /*border:solid #000000 1px;*/
    text-align:left;
    width:761px;
    }
#main_area .leftBnnr {
    float:left;
    /*border:solid #000000 1px;*/
    padding-right:18px;
    width:180px;
    height:300px;
    }

.left p.intro { text-align:center; margin:40px 0; text-indent:0; }
.left p.logo { text-align:center; text-indent:0; }
.left p.kids { text-align:center; text-indent:0; margin-bottom:50px; }
.left .aboutNav { float:left; width:177px; padding-right:3px; background:url(../images/bg_nav_off.gif) no-repeat left bottom; }
.left .aboutNav:hover { float:left; width:177px; padding-right:3px; background:url(../images/bg_nav_on.gif) no-repeat left bottom; }
.left .aboutNav p.photo { margin:0 auto; text-align:center; }
.left .aboutNav p { text-indent:0; margin:5px 16px 16px; }
.left .bnnr { width:726px; margin:0 auto 30px; clear:both; }
.left .bnnr img.lft { float:left; }
.left .bnnr img.right { float:right; }

.left #howto { margin:0 0 16px; }
.left #stepCol { position:relative; width:761px; height:605px; background:url(../images/bg_step1-2.gif) no-repeat; margin:0 0 19px; }
.left #stepCol .step1 { position:absolute; top:23px; left:28px;  }
.left #stepCol .step2 { position:absolute; top:23px; left:569px;  }
.left #stepCol .bg { position:absolute; top:120px; left:76px; z-index:0;  }
.left #stepCol .profile01 { position:absolute; top:117px; left:596px; z-index:1;  }
.left #stepCol .profile02 { position:absolute; top:238px; left:596px; z-index:1;  }
.left #stepCol .profile03 { position:absolute; top:359px; left:596px; z-index:1;  }
.left #stepCol .scene01 { position:absolute; top:312px; left:115px; z-index:1;  }
.left #stepCol .scene02 { position:absolute; top:98px; left:114px; z-index:1;  }
.left #stepCol .scene03 { position:absolute; top:158px; left:266px; z-index:1;  }
.left #stepCol .scene04 { position:absolute; top:297px; left:260px; z-index:1;  }
.left #stepCol .scene05 { position:absolute; top:316px; left:389px; z-index:1;  }
.left #stepCol .text01 { position:absolute; top:546px; left:34px;  }
.left #stepCol .text02 { position:absolute; top:546px; left:239px;  }
.left #stepCol .btn { position:absolute; top:539px; left:455px;  }

.left #stepCol02 { position:relative; width:761px; height:212px; background:url(../images/detail/bg_select.gif) no-repeat; margin:0 0 19px; }
.left #stepCol02 .ttl01 { position:absolute; top:26px; left:26px;  }
.left #stepCol02 .ttl02 { position:absolute; top:26px; left:382px;  }
.left #stepCol02 .profile01 { position:absolute; top:80px; left:415px; }
.left #stepCol02 .profile02 { position:absolute; top:80px; left:513px; }
.left #stepCol02 .profile03 { position:absolute; top:80px; left:611px; }
.left #stepCol02 .scene01 { position:absolute; top:80px; left:54px; }
.left #stepCol02 .scene02 { position:absolute; top:80px; left:152px; }
.left #stepCol02 .scene03 { position:absolute; top:80px; left:250px; }
.left #stepCol02 .scene04 { position:absolute; top:126px; left:54px; }
.left #stepCol02 .scene05 { position:absolute; top:126px; left:201px; }

.left #bnnrCol { position:relative; width:755px; height:97px; background:url(../images/bg_bnnr.gif) no-repeat; margin:0 auto; }
.left #bnnrCol .bnnr01 { position:absolute; top:6px; left:6px;  }
.left #bnnrCol .bnnr02 { position:absolute; top:6px; left:380px;  }

.left .leftCol { float:left; width:410px; padding:0 25px 25px 0; }
.left .rightCol { float:left; width:321px; }
.left .rightCol .ttl { margin:0 0 23px; }
.left .rightCol p.text { text-indent:0; margin:15px 15px 30px; }
.left .rightCol p.btn { text-indent:0; margin:0; }
.left .clear { height:1px; clear:both; }

/*#main_area,  x:-moz-any-link, x:default { margin-bottom:260px; clear:both; }*/