@charset "utf-8";
.pdsArea { width:560px; padding:17px 15px 0; background:#dfe1d8 url('/images/cmnty/bg_content_top.jpg') left top no-repeat; }

.content .h3Title { height:23px; background-image:url('/images/pds/h3_set_pds.jpg'); background-repeat:0 0; overflow:hidden; text-indent:-10000em; font:normal 0/0 verdana; }
.content .gameDn { width:219px; background-position:0 0; }
.content .movie { width:99px; height:24px; background-position:-230px 0; }
.content .screenShot { width:160px; background-position:-340px 0; }
.content .movieGuide { width:177px; background-position:0 -26px; }
.content .hellSound { width:166px; background-position:-230px -26px; }

.paragraph1 { position:relative; width:560px; height:461px; margin:14px auto 0; background:url('/images/pds/bg_para1.jpg') left top no-repeat; overflow:hidden; text-indent:-1000em; font:normal 0/0 verdana; }
	.paragraph1 a { position:absolute; display:block; }
	.paragraph1 p { position:relative; top:-100000px; left:-10000px; overflow:hidden; text-indent:-1000em; font:normal 0/0 verdana; }
	.paragraph1 .client1 { top:29px; left:0; width:560px; height:100px; }
	.paragraph1 .client2 { top:135px; left:0; width:560px; height:100px; }
	.paragraph1 .manual1 { bottom:90px; left:25px; width:131px; height:18px; }
	.paragraph1 .manual2 { bottom:90px; left:223px; width:132px; height:18px; }
	.paragraph1 .manual3 { bottom:90px; left:410px; width:132px; height:18px; }

.paragraph2 { position:relative; width:560px; margin:20px auto 0; padding:4px 0 0 0; }
	.paragraph2 h4 { width:95px; height:14px; background:url('/images/pds/txt_h4_para2.gif') left top no-repeat; overflow:hidden; text-indent:-10000em; font:normal 0/0 verdana; }
	.paragraph2 .spec { width:560px; margin:9px 0 0 0; letter-spacing:-1px; border:1px solid #c5ccc2; }
		.paragraph2 .spec th { text-align:left; color:#5c5c5c; font-size:11px; padding-top:7px; padding-bottom:7px; border-bottom:1px solid #c5ccc2; vertical-align:top; }
		.paragraph2 .spec .topTh { padding-top:7px; padding-bottom:7px; background:#c5ccc2; border:0 none; }
			.paragraph2 .spec th strong { color:#c77040; }
		.paragraph2 .spec .typeTh { width:92px; padding-left:4px; }
		.paragraph2 .spec .minTh { width:184px; }
		.paragraph2 .spec .maxTh { width:278px; }
		.paragraph2 .spec td { padding-top:7px; padding-bottom:7px; border-bottom:1px solid #c5ccc2; vertical-align:top; }
	.paragraph2 .chkSpec { position:absolute; top:0; right:0; display:block; width:97px; height:19px; background:url('/images/pds/btn_chk_spec.gif') left top no-repeat; overflow:hidden; text-indent:-10000em; font:normal 0/0 verdana; }

.paragraph3 { position:relative; width:560px; height:180px; margin:24px auto 0; background:url('/images/pds/bg_para3.jpg') left top no-repeat; overflow:hidden; text-indent:-10000em; font:normal 0/0 verdana; }
	.paragraph3 a { position:absolute; top:35px; display:block;  height:94px; }
	.paragraph3 .directx { left:42px; width:106px; }
	.paragraph3 .geforce { left:216px; width:137px; }
	.paragraph3 .radeon { left:407px; width:129px; }

.paragraph4 { width:560px; margin:28px auto 0; background:url('/images/pds/bg_para4.jpg') left top no-repeat; }
	.paragraph4 h4 { overflow:hidden; text-indent:-10000em; font:normal 0/0 verdana; }
	.paragraph4 p { overflow:hidden; text-indent:-10000em; font:normal 0/0 verdana; }
	.paragraph4 .typeOf { width:560px; height:35px; margin:96px 0 0 0; }
		.paragraph4 .typeOf li { float:left; display:inline; width:186px; height:35px; margin:0 0 0 1px; }
			.paragraph4 .typeOf li a { display:block; width:186px; height:35px; background-image:url('/images/pds/bg_client.jpg'); background-repeat:no-repeat; overflow:hidden; text-indent:-10000em; font:normal 0/0 verdana; }
		.paragraph4 .typeOf .client1 { margin:0; }
		.paragraph4 .typeOf .client4 { width:278px; margin:0; }
			.paragraph4 .typeOf .client4 a { width:278px; }
		.paragraph4 .typeOf .client5 { width:281px; }
			.paragraph4 .typeOf .client5 a { width:281px; }
			.paragraph4 .typeOf .client1 a { background-position:0 0; }
			.paragraph4 .typeOf .client1 a:hover { background-position:0 -45px; }
			.paragraph4 .typeOf .client1 .on { background-position:0 -45px; }
			.paragraph4 .typeOf .client2 a { background-position:-187px 0; }
			.paragraph4 .typeOf .client2 a:hover { background-position:-187px -45px; }
			.paragraph4 .typeOf .client2 .on { background-position:-187px -45px; }
			.paragraph4 .typeOf .client3 a { background-position:-374px 0; }
			.paragraph4 .typeOf .client3 a:hover { background-position:-374px -45px; }
			.paragraph4 .typeOf .client3 .on { background-position:-374px -45px; }
			.paragraph4 .typeOf .client4 a { background-position:0 -90px; }
			.paragraph4 .typeOf .client4 a:hover { background-position:0 -140px; }
			.paragraph4 .typeOf .client4 .on { background-position:0 -140px; }
			.paragraph4 .typeOf .client5 a { background-position:-279px -90px; }
			.paragraph4 .typeOf .client5 a:hover { background-position:-279px -140px; }
			.paragraph4 .typeOf .client5 .on { background-position:-279px -140px; }
	.paragraph4 .user1 { position:relative; width:560px; height:150px; background:url('/images/pds/bg_user1.jpg') left top no-repeat; overflow:hidden; text-indent:-10000em; font:normal 0/0 verdana; }
		.paragraph4 .user1 a { position:absolute; top:19px; display:block;  height: 67px; }
		.paragraph4 .user1 .user1Dn { left:268px; width:129px; }
		.paragraph4 .user1 .isoDn { right:10px; width:147px; }
	.paragraph4 .user2 { position:relative; width:560px; height:150px; background:url('/images/pds/bg_user2.jpg') left top no-repeat; overflow:hidden; text-indent:-10000em; font:normal 0/0 verdana; }
		.paragraph4 .user2 a { position:absolute; top:19px; display:block; width:139px; height: 67px; }
		.paragraph4 .user2 .user2Dn { right:153px; }
		.paragraph4 .user2 .user2DnPc { right:8px; }
	.paragraph4 .user3 { position:relative; width:560px; height:150px; background:url('/images/pds/bg_user3.jpg') left top no-repeat; overflow:hidden; text-indent:-10000em; font:normal 0/0 verdana; }
		.paragraph4 .user3 a { position:absolute; top:19px; display:block; height: 67px; }
		.paragraph4 .user3 .singleDn { width:107px; right:185px; }
		.paragraph4 .user3 .singleDn2 { width:170px; right:8px; }

.mainMv { width:552px; height:312px; margin:10px 0 0 0; border:4px solid #7f877a; }
.movieWrap { width:560px; margin:0 0 20px 0; }
	.movieWrap .movieSet { float:left; display:inline; margin:20px 0 0 0; width:275px; }
	.movieWrap .even { margin-left:10px; }
		.movieWrap .movieSet dt { float:right; width:156px; margin:5px 0 0 0; padding:0 0 7px 9px; background:url('/images/pds/bg_dot_4x1.gif') left bottom repeat-x; color:#303926; font-weight:bold; letter-spacing:-1px; }
			.movieWrap .movieSet dt a { color:#303926; font-weight:bold; }
		.movieWrap .movieSet .thumb { position:relative; float:left; width:110px; height:109px; margin:0; }
			.movieWrap .movieSet .thumb img { display:block; border:1px solid #aaaf98; }
			.movieWrap .movieSet .thumb .ribbon { position:absolute; top:1px; left:1px; width:42px; height:42px; overflow:hidden; text-indent:-10000em; font:normal 0/0 verdana; }
			.movieWrap .movieSet .thumb .new { background:url('/images/pds/ribbon_new.png') left top no-repeat; _background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://jejaforce.byus.net/png/ribbonSet/ribbon_new.png',sizingMethod='crop'); }
			.movieWrap .movieSet .thumb .hot { background:url('/images/pds/ribbon_hot.png') left top no-repeat; _background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://jejaforce.byus.net/png/ribbonSet/ribbon_hot.png',sizingMethod='crop'); }
			.movieWrap .movieSet .thumb .hit { background:url('/images/pds/ribbon_hit.png') left top no-repeat; _background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://jejaforce.byus.net/png/ribbonSet/ribbon_hit.png',sizingMethod='crop'); }
			.movieWrap .movieSet .thumb a { position:absolute; bottom:0; display:block; width:53px; height:17px; overflow:hidden; text-indent:-10000em; font:normal 0/0 verdana; }
			.movieWrap .movieSet .thumb .viewMv { left:0; background:url('/images/pds/btn_view_mv.jpg') left top no-repeat; }
			.movieWrap .movieSet .thumb .dnMv { right:0; background:url('/images/pds/btn_dn_mv.jpg') left top no-repeat; }
			.movieWrap .movieSet .thumb .dnMvSolo { left:0; background:url('/images/pds/btn_dn_mv.jpg') left top no-repeat; }
			.movieWrap .movieSet dd { float:right; width:155px; margin:8px 0 0 0; color:#4d4d4d; line-height:13px; font-size:11px; }

.ssTop { width:560px; height:43px; background:url('/images/pds/bg_ss_top.gif') left top no-repeat; overflow:hidden; text-indent:-10000em; font:normal 0/0 verdana; }

.shotWrap { width:560px; }
	.shotWrap .ssList { float:left; display:inline; position:relative; width:165px; margin:0 0 32px 0; padding:121px 0 0 5px; }
	.shotWrap .secList { margin:0 25px 32px; }
		.shotWrap .ssList dt { color:#4d4d4d; }
			.shotWrap .ssList dt a { color:#4d4d4d; }
		.shotWrap .ssList .ssHolder { position:absolute; top:0; left:0; width:160px; height:102px; padding:4px; background:#fff; border:1px solid #aaaf98; }
			.shotWrap .ssList .ssHolder a { display:block; }
				.shotWrap .ssList .ssHolder a img { vertical-align:middle; }
		.shotWrap .ssList .res { margin:1px 0 0 0; color:#ce5c01; font:bold 9px verdana; letter-spacing:-1px; }

.mvGuideTop { width:560px; height:46px; background:url('/images/pds/bg_mv_top.gif') left top no-repeat; overflow:hidden; text-indent:-10000em; font:normal 0/0 verdana; }

.lessonWrap { margin:0 0 20px 0; }
.mvLesson { width:560px; margin:0 0 21px 0; }
	.mvLesson dt { float:right; width:371px; margin:5px 0 0 0; padding:0 0 8px 9px; background:url('/images/pds/bg_dot_4x1_2.gif') left bottom repeat-x; color:#303926; font-weight:bold; }
		.mvLesson dt a { color:#303926; font-weight:bold; }
	.mvLesson .thumb { float:left; width:180px; height:90px; margin:0; }
		.mvLesson .thumb a { display:block; }
			.mvLesson .thumb a img { border:1px solid #aaaf98; vertical-align:middle; }
	.mvLesson dd { float:right; width:371px; margin:8px 0 0 0; color:#4d4d4d; font-size:11px; line-height:13px; }
	.mvLesson .btns { margin:11px 0 0 0; }

.soundWrap { position:relative; width:286px; height:506px; padding:96px 0 0 274px; background:url('/images/pds/bg_sound.jpg') left top no-repeat; }
	.soundWrap .soundCmt { overflow:hidden; text-indent:-10000em; font:normal 0/0 verdana; }
	.soundWrap .playerArea { width:286px; }
		.soundWrap .playerArea .nowPlay { color:#3e4638; font:bold 11px verdana; }
		.soundWrap .playerArea .activeXArea { margin:10px 0 12px 0; }
		.soundWrap .playerArea .musicList { width:274px; margin:4px 0 0 0; padding:0 0 4px 10px; background:url('/images/pds/bg_dot_4x1_3.gif') left bottom repeat-x; }
			.soundWrap .playerArea .musicList dt { float:left; color:#3e4638; font:normal 11px verdana; }
			.soundWrap .playerArea .musicList dd { float:right; display:inline; width:17px; height:16px; margin:0 0 0 2px; }
				.soundWrap .playerArea .musicList dd a { display:block; width:17px; height:16px; overflow:hidden; text-indent:-10000em; font:normal 0/0 verdana; }
				.soundWrap .playerArea .musicList dd .musicDn { background:url('/images/pds/btn_music_dn.gif') left top no-repeat; }
				.soundWrap .playerArea .musicList dd .musicListen { background:url('/images/pds/btn_music_listen.gif') left top no-repeat; }
		.soundWrap .playerArea .allDn { float:right; display:inline; margin:6px 2px 0 0; width:77px; height:19px; background:url('/images/pds/btn_all_dn.gif') left top no-repeat; overflow:hidden; text-indent:-10000em; font:normal 0/0 verdana; }

.paging { margin:-7px auto 0; .margin:20px auto 0; }