/* CSS Document */



/*====================================

	Real Player

======================================*/



/* Cover */

#Cover-rp{ width:850px;margin:0 auto 10px;}

#Cover-rp h1{float:left; width:461px;}

#Cover-rp #txtArea-R{ float:right;background:url(../images/rp/spf_maintxt.jpg) top right no-repeat; width:372px; height:330px;}

#Cover-rp #txtArea-R p{ text-align:left;}

#Cover-rp #txtArea-R p.m a{ background:url(../images/common/ico_arrow_black.gif) no-repeat left center;padding-left:7px;margin:5px 5px 0 0;}



#Cover-rp #txtArea-R2{ float:right;background:url(../images/rp/spf_maintxt03.jpg) top right no-repeat; width:389px; height:330px;margin-bottom:10px; position:relative}

#Cover-rp #txtArea-R2 p.logo{ position:absolute; top:32px; left:29px; text-align:left;}

#Cover-rp #txtArea-R2 div.maintxt{ width:326px; position:absolute; top:98px; left:0; text-align:center;}

#Cover-rp #txtArea-R2 div.maintxt h2{ font-weight:bold; font-size:1.2em; padding-bottom:8px;}

#Cover-rp #txtArea-R2 div.maintxt h3{ padding-bottom:10px; line-height:1.4em;}

#Cover-rp #txtArea-R2 p.btn{ position:absolute; top:189px; left:0px;}

#Cover-rp #txtArea-R2 p.system{ position:absolute; top:278px; left:-30px; text-align:left;}

#Cover-rp #txtArea-R2 p.system span{ color:#666666;font-size:77%;line-height:2em; padding-bottom:3px; }

#Cover-rp #txtArea-R2 p.system a{ background:url(../images/common/ico_arrow_black.gif) no-repeat left center;padding-left:7px;margin:5px 5px 0 0;line-height:1.4em; }



#Cover-rp #txtArea-R3{ float:right;background:url(../images/rp/spf_maintxt_sub.jpg) top right no-repeat; width:372px; height:340px;}

#Cover-rp #txtArea-R3 p{ text-align:left; padding-left:8px;}

#Cover-rp #txtArea-R3 p img{padding-bottom:4px;}

#Cover-rp #txtArea-R3 p.system span{ color:#666666;font-size:77%;line-height:1.6em; }

#Cover-rp #txtArea-R3 p.system a{ background:url(../images/common/ico_arrow_black.gif) no-repeat left center;padding-left:7px;margin:5px 5px 0 0;line-height:1.4em; }

#Cover-rp #txtArea-R3 ul{ margin-bottom:5px;}

#Cover-rp #txtArea-R3 ul li{ text-align:left; line-height:1.5em; padding-left:10px;}



#Cover-rp #txtArea-R4{ float:right;background:url(../images/rp/spm_maintxt_sub.jpg) top right no-repeat; width:372px; height:330px;margin-bottom:10px;}

#Cover-rp #txtArea-R4 p{ text-align:left; padding-left:8px;}

#Cover-rp #txtArea-R4 p img{padding-bottom:4px;}

#Cover-rp #txtArea-R4 p.system span{ color:#666666;font-size:77%;line-height:1.5em; padding-bottom:3px; }

#Cover-rp #txtArea-R4 p.system a{ background:url(../images/common/ico_arrow_black.gif) no-repeat left center;padding-left:7px;margin:5px 5px 0 0;line-height:1.4em; }



#Cover-m{ padding:0 20px; text-align:left;}

#Cover-m p{ font-size:0.84em; color:#666666; padding:5px 0; letter-spacing:0.12em;}





/* Main */

.Main { width:630px; float:left; margin:0 0 10px 20px; text-align:left;}

.Main p{ color:#666; font-weight:bold; margin-bottom:15px;}

.Main dl{
}

.Main dl div{
	padding:0 0 8px;
	margin:0 0 8px;
	border-bottom:solid 1px #EEEEEE;
	}

.Main dl div.end{
	border:none;
	}

.Main dl dt{
	float:left;
	width:53px;
	padding:0 25px 0 10px;
	}
	
.Main dl dd{
	float:right;
	width:542px;

	}

.Main dl dd h4{
	font-weight:bold;
	font-size:1.1em;
	margin-bottom:8px;
	}

.Main dl dd h5{
	width:530px;
	line-height:1.5em;
	}

/* Main2 */

.Main2 { width:810px; margin:0 auto; text-align: center; background:url(../images/rp/spf_bc_sub.jpg) repeat-y;}

.Main2 ul#top { background:url(../images/rp/spf_bctop_sub.gif) no-repeat top left; border-bottom:1px solid #ddd;}

.Main2 ul#bottom { background:url(../images/rp/spf_bcud_sub.gif) no-repeat bottom left;}

.Main2 li{ width:370px;  padding:10px 16px 10px; float:left; text-align:left;}

.Main2 li h2 p{ float:right; width:310px; padding-top:5px;}

.Main2 li h2 img{ float:left; width:50px;}

.Main2 li p img{ float:right; margin:0 0 8px 10px;}



/* Sub */

#Sub{ width:170px; float:right; margin:0 20px 20px 0;}





/*----block_oneclick-----*/

h3#oneclick_subone {

width:810px;

height:27px;

padding:0px;

margin:0px;

background-image:url(/images/rp/howtodl.jpg);

background-repeat:no-repeat;

background-position:top left;

text-indent:-9999px;

}



#oneclick_download {

float:left;

margin:0px 0px 15px 20px;

}



.one_bk {

background-image:url(/images/rp/flow_bk.gif);

background-position:left bottom;

background-repeat:no-repeat;

float:left;

width:810px;

padding:10px 31px;

}



p.download_box {

float:left;

margin:5px 28px 0 0;

padding:0px 2px;

width:225px;

}



p.download_box2 {

float:left;

margin:5px 28px 0 0;

padding:0px 2px;

width:225px;

}



p.download_box3 {

float:left;

margin:5px 0 0;

padding:0px 2px;

width:225px;

}



/*  IE6 HAck  */

*html #Cover-rp #txtArea-R,

*html .Main,

*html .Main li,

*html #Sub{ display:inline;}



/*====================================

	downloadRP

======================================*/

div#Content.downloadRP{ text-align:left;}

.downloadRP #cover{ width:850px;margin:0 auto 10px;}

.downloadRP h1{line-height:50px; border-bottom:1px solid #ddd;width:810px;margin:0 0 10px 20px;}

.downloadRP p.back{ font-size:12px; background:#eeeeee; padding:5px; width:840px;}

.downloadRP p.back a{ padding-left:20px;}

.downloadRP .txt{ padding:0 20px 20px;}



ol#step { margin-left:20px;width:810px;}

ol#step li{ margin-top:20px; border-bottom:1px solid #ddd; padding:0 0 20px 45px;}

ol#step li .L{ float:left; margin-right:30px;}

ol#step li .R{ float:right; width:460px;}

ol#step li .note{ background:url(../downloadRP/images/ico_note.gif) no-repeat left center; padding:5px 0 5px 24px;margin-top:5px;}

ol#step li .bg-G{ background:#eee;margin-top:15px;}

ol#step li .bg-G dl { margin:10px 10px 5px 10px;}

ol#step li .bg-G dl dt{ background:url(../downloadRP/images/ico_circle.gif) no-repeat left center;padding-left:10px;}

ol#step li .bg-G dl dt,

ol#step li .bg-G dl dd{ margin-bottom:5px;}

ol#step li .bg-G dl.L { width:255px;}





ol#step li#step1{ background:url(../downloadRP/images/no1.gif) no-repeat left 15px;}

ol#step li#step2{ background:url(../downloadRP/images/no2.gif) no-repeat left 15px;}

ol#step li#step3{ background:url(../downloadRP/images/no3.gif) no-repeat left 15px;}

ol#step li#step4{ background:url(../downloadRP/images/no4.gif) no-repeat left 15px;}

ol#step li#step5{ background:url(../downloadRP/images/no5.gif) no-repeat left 15px;}

ol#step li#step6{ background:url(../downloadRP/images/no6.gif) no-repeat left 15px;}

ol#step li#step7{ background:url(../downloadRP/images/no7.gif) no-repeat left 15px;}