@charset "utf-8";
/* CSS Document */
@import "sub.css";

/*===================================
	r_d.html	
=====================================*/
#RD #history{
display:block;
position:relative;
width:770px;
height:725px;
margin:0 0 10px 0;
background:url(../img/img_rd200806.png) no-repeat 0 0;
}
#RD #history .history h2,
#RD #history .history h3,
#RD #history .history li{
display:none;
}
#RD #history #pdf li.pdf{
position:absolute;
text-indent:-500em;
}
#RD #history #pdf li.pdf a{
display:block;
width:12px;
height:14px;
background:url(../cmn/ico_pdf_s.gif) no-repeat 0 0;
}
#RD #history #pdf li.pdf.f01{
top:271px;
left:254px;
}
#RD #history #pdf li.pdf.f02{
top:339px;
left:327px;
}
#RD #history #pdf li.pdf.f03{
top:328px;
left:286px;
}
#RD #history #pdf li.pdf.f04{
top:328px;
left:300px;
}
#RD #history #pdf li.pdf.f05{
top:371px;
left:327px;
}
#RD #history #pdf li.pdf.f06{
top:230px;
left:327px;
}
#RD #history #pdf li.pdf.f07{
top:217px;
left:254px;
}
#RD #history #pdf li.pdf.f08{
top:189px;
left:296px;
}
#RD #history #pdf li.pdf.f09{
top:177px;
left:254px;
}
#RD #history #pdf li.pdf.f10{
top:149px;
left:318px;
}
#RD #history #pdf li.pdf.f11{
top:346px;
left:412px;
}
#RD #history #pdf li.pdf.f12{
top:249px;
left:424px;
}
#RD #history #pdf li.pdf.f13{
top:224px;
left:380px;
}
#RD #history #pdf li.pdf.f14{
top:349px;
left:588px;
}
#RD #history #pdf li.pdf.f15{
top:336px;
left:485px;
}
#RD #history #pdf li.pdf.f16{
top:260px;
left:557px;
}
#RD #history #pdf li.pdf.f17{
top:210px;
left:572px;
}
#RD #history #pdf li.pdf.f18{
top:142px;
left:714px;
}
#RD #history #pdf li.pdf.f19{
top:324px;
left:87px;
}
#RD #history #pdf li.pdf.f20{
top:533px;
left:101px;
}
#RD #history #pdf li.pdf.f21{
top:460px;
left:306px;
}
#RD #log{
display:block;
position:relative;
}
* html #RD #log{
height:1%;
}
#RD #log ul.log{
display:block;
clear:both;
}
#RD #log ul.log li{
display:block;
float:left;
}
#RD #log ul.log li.log1{
width:340px;
padding:0 5px 0 0;
}
#RD #log ul.log li.log2{
width:140px;
padding:0 5px 0 0;
}
#RD #log ul.log li.log3{
width:270px;
padding-bottom:100px;
}
#RD #log ul.log li dt{
clear:both;
font-weight:bold;
}
#RD #log ul.log li.log1 dd{
margin:0 0 0 1em;
}
#RD #log ul.log li dd li{
float:none;
}
#RD #log ul.log li dd.pd{
padding-bottom:1em;
}
#RD #log p.move{
display:block;
position:absolute;
top:650px;
left:550px;
text-indent:-500em;
}
#RD #log p.move a,
#RD #log p.move a:visited{
display:block;
width:132px;
height:38px;
}
#RD #log p.move a:link,
#RD #log p.move a:visited{
background:url(../img/btn_rd.gif) no-repeat 0 0;
}
#RD #log p.move a:hover{
background:url(../img/btn_rd.gif) no-repeat 0 -38px;
}
ul.MenuBarVertical li.navi4 a:link,
ul.MenuBarVertical li.navi4 a:visited,
ul.MenuBarVertical li.navi4 a:hover{
background:url(../cmn/btn_navi04.png) no-repeat 0 -66px;
}

/*===================================
	original_articles.html	
=====================================*/
#RD.original .section ul.link{
display:block;
margin:0 0 5px 0;
text-align:center;
}
#RD.original .section ul.link li{
display:inline;
padding:2px;
}
#RD.original .section ul.link li a{
color:#000;
}
#RD.original .section table{
width:770px;
}
#RD.original .section table .ct1{
width:200px;
}
#RD.original .section table .ct2{
width:180px;
}
#RD.original .section table .ct3{
width:330px;
}
#RD.original .section table th{
text-align:center;
}
#RD.original .section table th,
#RD.original .section table td{
padding:5px 5px;
font-size:12px;
}
#RD.original .section table tr{
background:#f8fac7;
}
#RD.original .section table tr.bgth{
background:#bfde76;
}
#RD.original .section table tr.bg{
background:#d1ecaa;
}
#RD.original .section table tr.bd th,
#RD.original .section table tr.bd td{
border-top:solid 2px #006600;
}
#RD.original .section table td span.pdf a{
display:block;
width:33px;
height:20px;
background:url(../cmn/ico_pdf.gif) no-repeat 0 0;
text-indent:-500em;
}
#RD.original .section table .bg td span.pdf a{
background-image:url(../cmn/ico_pdf2.gif);
}
#RD.original .section ul.content li{
margin:0 0 10px 0;
}
#RD.original .section ul.content li span{
border-bottom:dotted 1px #73a338;
}
/*#RD.original ul.content li a.pdf{
padding:5px 38px 5px 0;
background:url(../img/ico_pdf.png) no-repeat 100% 50%;
color:#73a338;
}*/
/*IE6*/
/** html #RD.original ul.content li a.pdf{
display:inline-block;
background:url(../img/ico_pdf.gif) no-repeat right center;
}*/

/*===================================
	development_simulation.html	
=====================================*/
#RD.simulation .section ul#movie{
display:block;
position:relative;
margin:10px 0 0 0;
}
#RD.simulation .section ul#movie li{
display:block;
width:510px;
margin:0 0 10px 0;
}
#RD.simulation .section ul#movie li img{
margin:0 5px 0 0;
}
#RD.simulation .section ul#movie li.movie3,
#RD.simulation .section ul#movie li.movie4,
#RD.simulation .section ul#movie li.movie5{
width:255px;
}
#RD.simulation .section ul#movie li.movie3{
float:left;
}

/*#RD.simulation .section ul#movie li dl{
display:block;
clear:both;
}
#RD.simulation .section ul#movie li dt{
display:block;
clear:both;
}*/
#RD.simulation .section ul#movie li dd{
height:20px;
background:url(../cmn/icon_popup.gif) no-repeat 240px 3px;
font-weight:bold;
text-align:center;
font-size:10px;
}
#RD.simulation .section ul#movie li dd.explanation1{
background-position:350px 3px;
}
#RD.simulation .section ul#movie li dd.explanation2{
background-position:340px 3px;
}
#RD.simulation .section ul#movie li dd.explanation5{
background-position:185px 3px;
}
#RD.simulation .section ul#movie li dd a,
#RD.simulation .section ul#movie li dd a:visited{
color:#000;
text-decoration:none;
}
#RD.simulation .section ul#movie li dd a{
display:block;
z-index:100;
}
#RD.simulation .section ul#movie li dd a span{
display:block;
position:absolute;
top:-50px;
left:0;
width:300px;
height:auto;
padding:5px;
visibility:hidden;
border:solid 1px #6fba2c;
background:#fff url(../cmn/bck_illust_content.png) repeat;
color:#333;
font-size:110%;
font-weight:normal;
text-align:left;
z-index:1000;
}
#RD.simulation .section ul#movie li dd.explanation1 a span{
top:100px;
left:105px;
}
#RD.simulation .section ul#movie li dd.explanation2 a span{
top:258px;
left:105px;
}
#RD.simulation .section ul#movie li dd.explanation3 a span{
top:458px;
}
#RD.simulation .section ul#movie li dd.explanation4 a span{
top:458px;
left:255px;
}
#RD.simulation .section ul#movie li dd.explanation5 a span{
top:188px;
}
#RD.simulation .section ul#movie li dd a:hover,
#RD.simulation .section ul#movie li dd a:hover span{
visibility:visible;
}