@charset "utf-8";

/*
---------------------------------------------------------
Top Main
---------------------------------------------------------
*/

.box-main-01-inner2{
*zoom:1;
}
#top-main{
position:relative;
overflow:hidden;
width:576px;
height:384px;
}

#top-main .box-panel-01,
#top-main .nav-panel-01{
left:3px;
width:570px;
height:381px;
}

#top-main .box-panel-01{
position:absolute;
top:0;
overflow:hidden;
}
#top-main .box-panel-01.no-script{
background:transparent url(https://s.yimg.jp/i/docs/csr/2012/images/top_main/city.png) no-repeat 0 100%;
}
#top-main .box-panel-01.no-script ul{
width:570px;
height:381px;
background:url(https://s.yimg.jp/i/docs/csr/2012/images/top_main/propeller.png) no-repeat 155px 43px;
}
#top-main #tm-01{
background:url(https://s.yimg.jp/i/docs/csr/2012/images/top_main/buy_bg.png) no-repeat 0 0;
}
#top-main #tm-02{
background:url(https://s.yimg.jp/i/docs/csr/2012/images/top_main/know_bg.png) no-repeat 0 0;
}
#top-main #tm-03{
background:url(https://s.yimg.jp/i/docs/csr/2012/images/top_main/fun_bg.png) no-repeat 0 0;
}
#top-main #tm-04{
background:url(https://s.yimg.jp/i/docs/csr/2012/images/top_main/research_bg.png) no-repeat 0 0;
}
#top-main #tm-01 p{
margin-left:31px;
}
#top-main #tm-02 p{
margin-left:31px;
}
#top-main #tm-03 p{
margin-left:31px;
}
#top-main #tm-04 p{
margin-left:31px;
}
#top-main #tm-01 .text-01{
}
#top-main #tm-02 .text-01{
}
#top-main #tm-03 .text-01{
}
#top-main #tm-04 .text-01{
}
#top-main #tm-01 .text-02{
margin-top:4px;
}
#top-main #tm-02 .text-02{
margin-top:5px;
}
#top-main #tm-03 .text-02{
margin-top:5px;
}
#top-main #tm-04 .text-02{
margin-top:5px;
}
#top-main #tm-01 .text-03{
margin-top:11px;
}
#top-main #tm-02 .text-03{
margin-top:11px;
}
#top-main #tm-03 .text-03{
margin-top:11px;
}
#top-main #tm-04 .text-03{
margin-top:11px;
}
#top-main #tm-01 .btn-01{
margin-top:11px;
}
#top-main #tm-02 .btn-01{
margin-top:11px;
}
#top-main #tm-03 .btn-01{
margin-top:8px;
}
#top-main #tm-04 .btn-01{
margin-top:8px;
}

#top-main .box-panel-01 #life-engine,
#top-main .box-panel-01 #text-01,
#top-main .box-panel-01 #propeller-01,
#top-main .box-panel-01 #propeller-02,
#top-main .box-panel-01 #propeller-03,
#top-main .box-panel-01 #link-01,
#top-main .box-panel-01 #link-02,
#top-main .box-panel-01 #link-03,
#top-main .box-panel-01 #link-04{
position:absolute;
}
#top-main .box-panel-01 #life-engine{
left:237px;
top:126px;
width:96px;
height:95px;
background:url(https://s.yimg.jp/i/docs/csr/2012/images/top_main/life_engine.png) no-repeat 0 0;
}
#top-main .less-than-ie9 .box-panel-01 #life-engine{
background-image:url(https://s.yimg.jp/i/docs/csr/2012/images/top_main/life_engine.gif);
}
#top-main .box-panel-01 #text-01{
left:45px;
top:65px;
}
#top-main .box-panel-01 #propeller-01{
left:213px;
top:101px;
width:144px;
height:145px;
background:url(https://s.yimg.jp/i/docs/csr/2012/images/top_main/propeller_01.png) no-repeat 0 0;
}
#top-main .box-panel-01 #propeller-02,
#top-main .box-panel-01 #propeller-03{
left:155px;
top:43px;
width:260px;
height:260px;
background:url(https://s.yimg.jp/i/docs/csr/2012/images/top_main/propeller_02.png) no-repeat 0 0;
}
#top-main .less-than-ie9 .box-panel-01 #propeller-02{
background-image:url(https://s.yimg.jp/i/docs/csr/2012/images/top_main/propeller_02.gif);
}
#top-main .box-panel-01 #propeller-03{
background-image:url(https://s.yimg.jp/i/docs/csr/2012/images/top_main/propeller.png);
}
#top-main .box-panel-01 #link-01{
left:28px;
top:5px;
width:141px;
}
#top-main .box-panel-01 #link-02{
left:422px;
top:4px;
width:124px;
}
#top-main .box-panel-01 #link-03{
left:24px;
top:195px;
width:164px;
}
#top-main .box-panel-01 #link-04{
left:411px;
top:195px;
width:134px;
}
#top-main .box-panel-01 #link-01 a,
#top-main .box-panel-01 #link-02 a,
#top-main .box-panel-01 #link-03 a,
#top-main .box-panel-01 #link-04 a{
display:block;
}

#top-main .nav-panel-01{
position:absolute;
bottom:3px;
height:60px;
overflow:hidden;
background:url(https://s.yimg.jp/i/docs/csr/2012/images/top_main/city.png) no-repeat 0 0;
}
#top-main .ie6 .nav-panel-01{
background-image:url(https://s.yimg.jp/i/docs/csr/2012/images/top_main/city.gif);
}
#top-main .nav-panel-01 #cover{
position:absolute;
top:0;
left:0;
width:570px;
height:381px;
}
#top-main .nav-panel-01 ul{
position:absolute;
left:50%;
bottom:14px;
width:104px;
height:24px;
margin-left:-56px;
padding:0 4px;
background:url(https://s.yimg.jp/i/docs/csr/2012/images/top_main/nav.png) no-repeat 0 0;
*zoom:1;
}
#top-main .nav-panel-01 ul:after{
display:block;
clear:both;
content:'';
}
#top-main .nav-panel-01 ul li{
float:left;
padding:0 1px;
}
#top-main .nav-panel-01 ul li a{
display:block;
width:24px;
height:24px;
overflow:hidden;
background:url(https://s.yimg.jp/i/docs/csr/2012/images/top_main/nav.png) no-repeat 100% 100%;
}
#top-main .nav-panel-01 ul li a:link,
#top-main .nav-panel-01 ul li a:visited{background-position:100% 100%;}
#top-main .nav-panel-01 ul li a:hover,
#top-main .nav-panel-01 ul li a:active,
#top-main .nav-panel-01 ul li a:focus,
#top-main .nav-panel-01 ul li a.active,
#top-main .nav-panel-01 ul li a.active:link,
#top-main .nav-panel-01 ul li a.active:visited,
#top-main .nav-panel-01 ul li a.active:hover,
#top-main .nav-panel-01 ul li a.active:active,
#top-main .nav-panel-01 ul li a.active:focus{background-position:0 100%;}
#top-main .nav-panel-01 ul li a span{
position: absolute;
left:-999%;
top:-999%;
}
#top-main .nav-panel-01 p{
position:absolute;
left:30px;
bottom:10px;
}