@charset "UTF-8";

	html {
		overflow-y: scroll;
	}
	html, body {
		margin: 0;
		height: 100%;
		width:100%;
	}
	body {
		color: #ffffff;
		background: url(/ncimg/body.jpg) #2e2e2e!important;
		position: relative;
		font-size: 13px;
	}
	a { overflow: hidden; outline: none; }
	a:link { color: #FF3366;text-decoration: none; }
	a:visited { color: #FF3366;text-decoration: none; }
	a:hover { color: #FFCCFF;text-decoration: underline; }
	a:active { color: #6666FF;text-decoration: none; }
	a img { border: 0; }

	.b {font-weight: 700;}
	.red { color: #ff0000; }
	.green { color: #69E324; }
	.blue { color: #0000ff; }
	.orange { color: #ED7E2C; }
	.pink { color: #E32B97;}
	.lime { color: #ccff00; }


	.clear:after {
		content: ".";
		clear: both;
		height: 0;
		display: block;
		visibility: hidden;
		font-size: 0%;
	}
	/*for IE7 */
	*:first-child+html .clear { display: inline-table; }

	/*for IE6 */
	/* \*/
	* html .clear { height: 1%; }
	.clear { display: block; }
	/* */

	.transL { opacity: 0.3; }
	.transM { opacity: 0.7; }
	.transH { opacity: 0.9; }



	#header {
		background: url(/ncimg/footer.jpg) #2e2e2e;
		text-align: right;
		height: 100px;
		margin-bottom: 10px;
		border-top: 1px solid #1b1b1b;
		border-bottom: 1px solid #4d4d4d;
		position: relative;
	}
	.viewers #header {
		height: 60px;
	}

	#header h1 {
		position: absolute;
		left: 10px;
		top: 14px;
		display: block;
		z-index: 1000;
		background: transparent;
	}
		.viewers #header h1 {
			top: 8px;
		}

	#header p {
		width: 172px;
		height: 22px;
		padding-top: 18px;
		padding-right: 28px;
		position: absolute;
		top: 34px;
		left: 320px;
		color: #ffffff;
		font-size: 16px;
		font-weight: 700;
		text-align: right;
/*
		font-family: Tahoma;
		letter-spacing: 3px;
*/
		background: url(/ncimg/headerTotalNum.png) no-repeat;
	}


	#vanishSubBtn {
		width: 200px;
		height: 40px;
		cursor: pointer;
		position: absolute;
		right: 10px;
		top: 50px;
		display: block;
	}
	.viewers #header #vanishSubBtn {
		top: 10px;
	}



	#sideBar { display: none;
		text-align: left;
	}
	#sideBar {
		z-index: 10000;
		position: absolute;
		width: auto;
		height: auto;
		top: 110px;
		right: 0px;
	}
	#sideBarBtn {
		float: left;
		height: 137px;
		width: 28px;
		cursor: pointer;
	}
	#sideBarInner {
		float: left;
		display: none;
		width: 407px;
		height: 407px;
		background: #ccc;
	}


	#header,
	#footerInc {
		min-width: 730px;
	}

	/* Contents Wrap
	==============================================================*/
	#wrap {
		clear: both;
		width: 100%;
		text-align: left;
		min-width: 1024px;
		_min-width: 1088px;
	}
		#hd #wrap {
			min-width: 1328px;
		}
		#dashboard #wrap {
			min-width: 1024px;
			_min-width: 1088px;
		}
		#fav #wrap {
			min-width: 1188px;
		}
		#join #wrap {
			min-width: 1188px;
		}


	#leftColumn {
		float: left;
		width: 240px;
		height: 100%;
		padding-left: 10px;
		margin-right: -260px;
		position: relative;
		z-index: 2;
	}
	#rightColumn { 
		float: right;
		width: 200px;
		height: 100%;
		padding-right: 10px;
		position: relative;
		z-index: 2;
	}
	#mainColumn {
		float: left;
		width: 100%;
		position: relative;
		margin-right: -220px;
		z-index: 1;
	}

	#information {
		height: 180px;
		text-align: left;
		overflow: hidden;
		position: relative;
	}

	#mainInfo {
		width: 99%;
		height: 180px;
		display:  block;
		z-index: 10;
		position: absolute;
		top: 0;
		left: 0;
		overflow: hidden;
		background: url(/ncimg/mainInfoBg.jpg) repeat-x #000000;
	}
	#mainInfo a img {
		height: 180px;
	}
	#information > iframe {
		width: 240px;
		height: 178px;
		display: block;
		float: right;
		z-index: 20;
		position: absolute;
		top: 0;
		right: 0;
		background: transparent;
		_background: #2e2e2e;
		border-top: 1px solid #1b1b1b;
		border-bottom: 1px solid #4d4d4d;
	}


	.spInfo {
		text-align: center;
		clear: both;
		overflow: hidden;
	}
	.spInfo.showList {
		border-top: 1px solid #000000;
		height: 60px;
		background: url(/ncimg/spInfo-showListBg.png) #6E1649;
		-webkit-border-bottom-left-radius: 20px;
		-webkit-border-bottom-right-radius: 20px;
		-moz-border-radius-bottomleft: 20px;
		-moz-border-radius-bottomright: 20px;
		border-radius: 0 0 20px 20px / 0 0 20px 20px;
		-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.6);
		-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.6);
		box-shadow: 0px 2px 2px rgba(0,0,0,0.6);
	}
	.spInfo.newYearsEve {
		border-top: 1px solid #000000;
		height: 80px;
		background: url(/ncimg/body.jpg) #2e2e2e;
		-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.6);
		-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.6);
		box-shadow: 0px 2px 2px rgba(0,0,0,0.6);
	}




	.spInfo.newChatWindow {
		border-top: 1px solid #000000;
		height: 60px;
		background: #ffffff;
		-webkit-border-bottom-left-radius: 20px;
		-webkit-border-bottom-right-radius: 20px;
		-moz-border-radius-bottomleft: 20px;
		-moz-border-radius-bottomright: 20px;
		border-radius: 0 0 20px 20px / 0 0 20px 20px;
		-webkit-box-shadow: 0px 3px 4px rgba(0,0,0,0.8);
		-moz-box-shadow: 0px 3px 4px rgba(0,0,0,0.8);
		box-shadow: 0px 3px 4px rgba(0,0,0,0.8);
	}



	/* attrNavi
	==============================================================*/
	ul#attrNavi {
		display: block;
		clear: both;
		width: 570px;
		margin-top: 20px;
	}
	#header ul#attrNavi {
		display: block;
		clear: both;
		width: auto;
		position: absolute;
		right: 8px;
		top: 0;
		margin-top: 0;
	}
		.viewers #header ul#attrNavi {
			right: 220px;
		}


	#attrNavi li {
		display: inline;
		margin: 0;
		padding: 0;
	}
	#attrNavi a {
		float: left;
		background: url(/ncimg/attrNaviLeft.gif) no-repeat left top;
		margin: 0;
		padding: 0 0 0 4px;
		text-decoration: none;
	}
	#attrNavi a span {
		float: left;
		display: block;
		background: url(/ncimg/attrNaviRight.gif) no-repeat right top;
		padding: 5px 8px 4px 4px;
		color: #ffffff;
		font-size: 11px;
		_font-size: 10px;
	}
	#header #attrNavi a { background: url(/ncimg/headerNaviLeft.gif) no-repeat left bottom;}
	#header #attrNavi a span { background: url(/ncimg/headerNaviRight.gif) no-repeat right bottom;}


	/* from IE5-Mac \*/
	#attrNavi a span {float: none;}
	/* End IE5-Mac */
	#attrNavi a:hover span {
		color: #ccff00;
	}
	#attrNavi a:hover {
		background-position: 0% -42px;
	}
	#attrNavi a:hover span {
		background-position: 100% -42px;
	}
		#header #attrNavi a:hover {
			background-position: 0% -20px;
		}
		#header #attrNavi a:hover span {
			background-position: 100% -20px;
		}

    #attrNavi #current a,
	#attrNavi .current a {
		background-position: 0% -42px;
	}
    #attrNavi #current a span,
	#attrNavi .current a span {
		color: #ccff00;
		font-weight: 700;
		background-position: 100% -42px;
	}
		#header #attrNavi #current a,
		#header #attrNavi .current a {
			background-position: 0% -20px;
		}
		#header #attrNavi #current a span,
		#header #attrNavi .current a span {
			background-position: 100% -20px;
		}


	#pafolistFunc {
		clear: both;
		background: url(/ncimg/pafolistFuncBg.png) no-repeat right top #101010;
		height: 40px;
		line-height: 40px;
		border-bottom: 1px solid #1b1b1b;
		border-left: 1px solid #000000;
		position: relative;
	}
	#pafolistFunc h2 {
		float: left;
		overflow: hidden;
	}
	#pafolistFunc a {
		position: absolute;
		right: 0;
		top: 0;
		display: block;
	}

	#pafolistWrap {
		border: 1px solid #1b1b1b;
		border-bottom: 1px solid #4d4d4d;
		padding-top: 60px;
		text-align: center;
		position: relative;
	}
	#pafolistWrap .footerLine {
		margin-top: 30px;
	}
	#pafolistWrap .pafolistWrapBottom {
		height: 24px;
		background: url(/ncimg/footer.jpg);
	}



	/* changeType form Config
	============================================================ */
	#changeForm {
		color: #ffffff;
	}
	#changeForm .changeItem {
		font-size: 11px;
		padding: 10px 0 0 0;
		text-align: center;
	}
	#changeForm .numbox {
		width: 24px;
		margin-left: 4px;
	}
	#changeForm .changeBtn {
		padding: 10px 0;
		text-align: center;
	}
	#changeForm a.pin img {
		vertical-align: top;
	}
	#changeForm .error {
		display: block;
		font-size: 10px;
		color: #ccff00;
		text-align: center;
	}
	#changeForm .currentNum {
		text-align: center;
		font-size: 11px;
		padding: 0 0 8px 0;
	}
		#changeForm .currentNum span {
			color: #ccff00;
			font-weight: 700;
		}


	#changeForm #num {
		text-align: right;
	}




	/* changeType form Config2
	==============================================================*/
	#typeChange {background:red;
		width: 400px;
		height: 100px;
		position: absolute;
		right: 240px;
		top: 5px;
		text-align: left;
	}
	#typeChange > #changeForm {
		width: 500px;
		height: 48px;
		float: left;
	}

	#typeChange > #changeForm .changeItem {background:blue;
		float: left;
	}
	#typeChange > #changeForm .changeBtn {background:green;
		float: left;
	}
	#typeChange > #changeForm .currentNum {

	}





	/* Open target switching ProfPage  
	==============================================================*/
	#targetWindow {
		margin-left: 10px;
		width: 224px;
		height: 48px;
		position: absolute;
		right: 10px;
		top: 5px;
	}
	#targetWindow input#target {
		position: absolute;
		z-index: -1;
		left: 5px;
		top: 5px;
	}
	#targetWindow a#pinvtarget {
		position: absolute;
		right: 0;
		top: 14px;
	}
	#targetWindow label.targetLabel{
		background-image: url(/ncimg/targetWindowSwitch.png);
		background-position: top left;
		background-repeat: no-repeat;
		display: block;
		width: 199px;
		height: 48px;
		cursor: pointer;
	}
	#targetWindow label.targetLabel.switching{
		background-position: bottom left;
	}









	/* pafolistWrap on home3
	==============================================================*/
	#random #pafolistWrap {
		padding-top: 60px;
		position: relative;
	}
	.addRandom {
		display: block;
		width: 190px;
		height: 40px;
		font-size: 11px;
		line-height: 40px;
		padding-right: 10px;
		text-align: right;
		cursor: pointer;
		background: url(/ncimg/addRandomBtn.png) no-repeat #2e2e2e;
		color: #ccff00;
		float: right;
		position: absolute;
		top: 10px;
		right: 62px;
	}
	.addRandom.max {
		background: url(/ncimg/addRandomBtn-max.png) no-repeat #2e2e2e;
		cursor: default;
	}
	.caution {
		text-align: left;
		position: absolute;
		top: 10px;
		left: 10px;
	}
	.delRandom {
		display: block;
		float: right;
		width: 50px;
		height: 40px;
		cursor: pointer;
		position: absolute;
		top: 10px;
		right: 10px;
		background: url(/ncimg/delRandomBtn.png) no-repeat #2e2e2e;
	}
	.delRandom.min {
		background: url(/ncimg/delRandomBtn-min.png) no-repeat #2e2e2e;
		cursor: default;
	}


/* Center Column inner Contents
============================================================ */
	#mainColumn .spInfo,
	#mainColumn #information, #mainColumn #autoAD,
	#mainColumn #attrNavi,
	#mainColumn #pafolistFunc,
	#mainColumn #pafolistWrap {
		margin-right: 220px;
		margin-left: 260px;
	}



/* Column Num Change Extra
============================================================ */
	.vanishSub #wrap {
		width: 100%;
		min-width: 560px;
		float: left;
	}
		#hd.vanishSub #wrap {
			min-width: 860px;
		}
		#hd.vanishSub #mainColum {
			min-width: 840px;
		}

	.vanishSub #rightColumn,
	.vanishSub #leftColumn {
		display: none;
	}


	.vanishSub #mainColumn {
		margin:0;
	}
	.vanishSub #mainColumn .spInfo,
	.vanishSub #mainColumn #information,
	.vanishSub #mainColumn #attrNavi,
	.vanishSub #mainColumn #pafolistFunc,
	.vanishSub #mainColumn #pafolistWrap {
		margin-right: 10px;
		margin-left: 10px;
	}





/* sub Col Config
============================================================ */
	#leftColumn .subTop {
		width: 240px;
		height: 14px;
		line-height: 14px;
		color: #ffffff;
		font-size: 13px;
		text-indent: 30px;
		background: url(/ncimg/subTop240.png) no-repeat;
	}
		#leftColumn div.subTop.statManual {
			height: 54px;
			background: url(/ncimg/subTop240-statManual.png) no-repeat;
		}
		#leftColumn div.subTop.newJoin {
			height: 54px;
			background: url(/ncimg/subTop240-newJoin.png) no-repeat;
		}
		#leftColumn div.subTop.addPoint {
			height: 54px;
			background: url(/ncimg/subTop240-addPoint.png) no-repeat;
		}


	#leftColumn .subMiddle {
		width: 200px;
		padding: 6px 20px;
		color: #fff;
		background: url(/ncimg/subMiddle240.png) repeat-y;
	}
		#leftColumn .subMiddle.newJoins {
			text-align: center;
			position: relative;
		}
		#leftColumn .subMiddle.newJoins .pointGain {
			position: absolute;
			left: 5px;
			width: 66px;
			height: 52px;
			display: block;
		}
		#leftColumn .subMiddle.newJoins .pointGain.free10 {
			top: 3px;
			background: url(/ncimg/free10pt.png) no-repeat;
			z-index: 10;
		}
		#leftColumn .subMiddle.newJoins .pointGain.plus10 {
			top: 136px;
			background: url(/ncimg/plus10pt.png) no-repeat;
			z-index: 10;
		}
			.viewers #leftColumn .subMiddle.newJoins .pointGain.plus10 {
				top: 90px;
			}
		#leftColumn .subMiddle.newJoins .pointGain.plus20 {
			top: 182px;
			background: url(/ncimg/plus20pt.png) no-repeat;
			z-index: 10;
		}
			.viewers #leftColumn .subMiddle.newJoins .pointGain.plus20 {
				top: 136px;
			}
		#leftColumn .subMiddle.newJoins .pointGain.plus35 {
			top: 228px;
			background: url(/ncimg/plus35pt.png) no-repeat;
			z-index: 10;
		}
			.viewers #leftColumn .subMiddle.newJoins .pointGain.plus35 {
				top: 182px;
			}

	#leftColumn .subBottom {
		width: 240px;
		height: 14px;
		background: url(/ncimg/subBottom240.png) no-repeat;
		margin-bottom: 14px;
	}

	#rightColumn .subTop {
		width: 200px;
		height: 14px;
		line-height: 14px;
		color: #ffffff;
		font-size: 13px;
		text-indent: 30px;
		background: url(/ncimg/subTop200.png) no-repeat;
	}
		#rightColumn .subTop.userGuide {
			height: 54px;
			background: url(/ncimg/subTop200-userGuide.png) no-repeat;
		}
		#rightColumn .subTop.typeChange {
			height: 54px;
			background: url(/ncimg/subTop200-typeChange.png) no-repeat;
		}
		#rightColumn .subTop.top10 {
			height: 54px;
			background: url(/ncimg/subTop200-top10.png) no-repeat;
		}

	#rightColumn .subMiddle {
		width: 164px;
		padding: 0 18px;
		color: #fff;
		background: url(/ncimg/subMiddle200.png) repeat-y;
	}

	#rightColumn .subBottom {
		width: 200px;
		height: 14px;
		background: url(/ncimg/subBottom200.png) no-repeat;
		margin-bottom: 14px;
	}

	#leftColumn p.item,
	#rightColumn p.item {
		padding: 3px 0;
		clear: both;
	}
	.regist {
		padding: 4px 0;
	}

	#dollRateWrap {width:153px;height:49px;overflow:hidden;position:relative;margin:0 auto;}
	#dollRateWrap iframe {position:absolute;top:-22px;left:0px;width:153px;height:72px;}

	#mChoice {
		width: 200px;
		height: 150px;
	}

	ul.ownerMenu {
		width: 200px;
	}
	ul.ownerMenu li {
		display: block;
		width: 200px;
		margin: 4px 0 4px 0;
	}
	ul.ownerMenu li.hasPoints, 
	ul.mainMenu li.nowOnline {
		font-size: 13px;
		height: 42px;
		font-family: Verdana, Tahoma, Arial;
		background: url(/ncimg/menuItemHasPoints.png) no-repeat;
		color: #212121;
		padding-top: 8px;
		padding-left: 10px;
		text-align: left;
	}
	ul.ownerMenu li.hasPoints {
		padding-left: 0;
		text-align: center;
	}


	ul.ownerMenu li.mailbox {
		width: 195px;
		height: 35px;
		line-height: 35px;
		text-align: right;
		padding-right: 5px;
		background: url(/ncimg/menuItemMail.png) no-repeat;
	}



	ul.mainMenu {
		width: 200px;
	}
	ul.mainMenu li {
		display: block;
		width: 200px;
		margin: 4px 0 4px 0;
	}
	ul.mainMenu li a img {
		opacity: 0.7;
	}
	ul.mainMenu li a img:hover {
		opacity: 1.0;
	}


	/* Performer Status Manual */
	ul.statManual {
		width: 200px;
	}
	ul.statManual li {
		width: 200px;
		height: 16px;
		margin: 3px 0 3px 0;
		font-size: 10px;
		display: block;
		clear: both;
	}
	ul.statManual li.stat {
		height: 32px;
		font-size: 11px;
	}
	ul.statManual img,
	ul.statManual .new span,
	ul.statManual .hd span,
	ul.statManual .rec2 span,
	ul.statManual .rec3 span {
		float: left;
		margin-right: 4px;
	}

	ul.statManual .new span {
		display: block;
		text-indent: -10000em;
		width: 15px;
		height: 15px;
		background: url(/ncimg/pfEachBoxParts.png) -30px -64px;
	}
	ul.statManual .hd {
		height: 24px;
		line-height: 24px;
		margin-bottom: 4px;
	}
	ul.statManual .hd span {
		display: block;
		text-indent: -10000em;
		width: 24px;
		height: 24px;
		background: url(/ncimg/pfEachBoxParts.png) -124px 0px;
	}
 
	ul.statManual .rec2, 
	ul.statManual .rec3 {
		line-height: 30px;
	}
	ul.statManual .rec2 span {
		display: block;
		text-indent: -10000em;
		width: 30px;
		height: 30px;
		background: url(/ncimg/pfEachBoxParts.png) -100px -64px;
	}
	ul.statManual .rec3 span {
		display: block;
		text-indent: -10000em;
		width: 30px;
		height: 30px;
		background: url(/ncimg/pfEachBoxParts.png) -70px -64px;
	}



	.top10wrap {
		width: 166px;
		height: 75px;
		display: block;
		clear: both;
		padding: 5px 0 5px 0;
	}
	.top10wrap .top10num {
		display: block;
		float: left;
		margin: 2px 2px 0 1px;
		height: 32px;
		width: 30px;
		background: url(/ncimg/top10rank.png);
	}
	.top10wrap .top10num.on1 {background-position: 0 0;}
	.top10wrap .top10num.on2 {background-position: 0 -32px;}
	.top10wrap .top10num.on3 {background-position: 0 -64px;}
	.top10wrap .top10num.on4 {background-position: 0 -96px;}
	.top10wrap .top10num.on5 {background-position: 0 -128px;}
	.top10wrap .top10num.on6 {background-position: 0 -160px;}
	.top10wrap .top10num.on7 {background-position: 0 -192px;}
	.top10wrap .top10num.on8 {background-position: 0 -224px;}
	.top10wrap .top10num.on9 {background-position: 0 -256px;}
	.top10wrap .top10num.on10 {background-position: 0 -288px;}

	.top10wrap .top10Img {
		position: relative;
		float: left;
	}
	.top10wrap .top10Img a img{
		z-index: 1;
		vertical-align: top;
		width: 100px;
		height: 75px;
	}
	.top10wrap .transM {
		font-size: 9px;
		position: absolute;
		left: 0;
		bottom: 0;
		display: block;
		overflow: hidden;
		font-weight: 700;
		font-family: Verdana,Tahoma,Arial;
		line-height: 2;
		text-align: center;
		background: #000000;
		width: 100px;
		z-index: 50;
	}
	.top10wrap .transM a {
		color: #FFA500;
		text-decoration: none;
	}
	.top10status {
		float: left;
	}
	.top10status img {
		width: 32px;
		height: 32px;
	}
	.top10Func {
		float: right;
		width: 64px;
		height: 32px;
	}
	.top10Func a {
		display: block;
		width: 64px;
		height: 16px;
		text-indent: -10000em;
		margin: 4px 0 0 0;
	}
	.top10Func a.gallBtn {
		background: url(/ncimg/pfEachBoxParts.png) 0 -94px;
	}
		.top10Func a.gallBtn:hover {
			background: url(/ncimg/pfEachBoxParts.png) 0 -110px;
		}
	.top10Func a.profBtn {
		background: url(/ncimg/pfEachBoxParts.png) -65px -94px;
	}
		.top10Func a.profBtn:hover {
			background: url(/ncimg/pfEachBoxParts.png) -65px -110px;
		}



	.checkMode {
		width: 140px;
		text-align: center;
		
		font-size: 12px;
		vertical-align: top;
		padding-top: 10px;
	}
	.checkMode.chat {
		background: url(/ncimg/checkModeChat.gif) no-repeat;
	}
	.checkMode.nozoki {
		background: url(/ncimg/checkModeNozoki.gif) no-repeat;
	}
	.checkMode form {
		padding-top: 100px;color: #000000;
	}



	div.footerLine {
		clear: both;
		background: url(/ncimg/footerLine.png) repeat-x;
		height: 2px;
		font-size: 0px;
	}


	#footerInc {
		width: 100%;
		clear: both;
	}

	#toTop {
		float: right;
		padding-right: 10px;
	}
	#toTop img {
		cursor: pointer;
		vertical-align: bottom;
	}

	div.footerLink {
		clear: both;
	    background: url(/ncimg/footer.jpg);
	    width: 100%;
	    font-size: 12px;
	    color: #ffffff;
	    padding : 10px 0;
		text-align: center;
	}
	div.footerLink a {
	    text-decoration: none;
	    color: #ffffff;
	}
	div.footerLink a:hover {
	    text-decoration: underline;
	    color: #ffffff;
	}

	div.footerInfo {
		background: url(/ncimg/footer.jpg);
		border-top: 1px solid #ffffff;
		width: 100%;
		font-size: 10px;
		color: #ffffff;
		text-align: center;
	    padding : 10px 0;
	}