@charset "utf-8";
/* CSS Document */

.clear { clear:both;}
img {border:none;}

.main { width:640px; height:auto;}
#whole {width:620px;height:auto;margin-top:10px;margin-bottom:10px;	margin-right: auto;	margin-left: auto;}

.thumb_whole { float:left; margin-right:5px; margin-bottom:5px;}
.msg {
	height: 12px;
	font-size: 11px;
	color: #FCC;
    text-align: left;
	font-family:"ＭＳ Ｐゴシック", "ＭＳ Ｐ明朝", "ＭＳ ゴシック", "ＭＳ 明朝", "ヒラギノ角ゴ6", "ヒラギノ角ゴ6等幅", "ヒラギノ角ゴ8", "ヒラギノ角ゴ8等幅", "メイリオ", "Arial Unicode MS", Verdana
}

.end { clear:both;}
.pic {display: block;float: left; width:162px;}
.prof_info {display: block;float: left; padding-left: 10px; width: 130px; height:122px; margin-top:3px;}
.mode {display: block; margin-top:6px;}
.chatbtn {display: block; position:absolute; top:84px; left:204px; width:46px;height:14px;background:url(/img/thumb/btn_chat.gif) 0 0 no-repeat;text-indent:-9999px; margin-right:3px;}
.peepbtn {display: block; position:absolute; top:84px; left:252px;  width:46px;height:14px;background:url(/img/thumb/btn_nozoku.gif) 0 0 no-repeat;text-indent:-9999px;}
/*.chatbtn {display: block;float:left;width:46px;height:14px;:3px;}
.peepbtn {display: block;float:left;width:46px;height:14px;}*/
.chatbtn a {display: block;float:left;width:46px;height:14px;background:url(/img/thumb/btn_chat.gif) 0 0 no-repeat;text-indent:-9999px; margin-right:3px;}
.peepbtn a {display: block;float:left;width:46px;height:14px;background:url(/img/thumb/btn_nozoku.gif) 0 0 no-repeat;text-indent:-9999px;}
.chatbtn a:hover {display: block;float:left;width:46px;height:14px;background:url(/img/thumb/btn_chat_o.gif) 0 0 no-repeat;text-indent:-9999px; margin-right:3px;}
.peepbtn a:hover {display: block;float:left;width:46px;height:14px;background:url(/img/thumb/btn_nozoku_o.gif) 0 0 no-repeat;text-indent:-9999px;}

.profile {display: block; position:absolute; top:100px; left:252px;  width:16px;height:16px;background:url(http://aff-jp.dxlive.com/img/icons/prof.gif) 0 0 no-repeat;text-indent:-9999px;}


.chat_area {
	font-family:"ＭＳ Ｐゴシック", "ＭＳ Ｐ明朝", "ＭＳ ゴシック", "ＭＳ 明朝", "ヒラギノ角ゴ6", "ヒラギノ角ゴ6等幅", "ヒラギノ角ゴ8", "ヒラギノ角ゴ8等幅", "メイリオ", "Arial Unicode MS", Verdana;
	font-size:11px;
	width: 303px;
	float: left;
	height: 130px;
	overflow: hidden;
	margin:0 10px 10px 10px;
	color: #fff;
	position:relative;
	/*border:1px solid #ccc;*/	
	}

.count {
	height: 16px;
	line-height: 12px;
	font-size: 11px;
	color: #fff;
	width: 126px;
	margin-top: 5px;
	text-align: right;
	}
	

.name {
	line-height: 14px;
	height: 14px;
	text-align: left;
	color: #fff;
	font-size: 12px;
	width: 150px;
	margin-top:3px;
	margin-bottom:5px;
}


.chat_area2 .name {
	line-height:1em;
	height:auto;
	text-align: left;
	color: #fff;
	font-size: 12px;
	border-bottom:1px solid #f69;
	width: 120px;
	margin:0 auto;
	padding:0 0 5px;
	}


.prof {
	line-height: 18px;
	height: 24px;
	text-align: left;
	color: #fff;
	/*padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F69; */
	width: 120px;
}

.prof a {
	color:#fff !important;
	font-weight:normal !important;
	}

.prof2 {
	text-align: left;
	color: #fff;
	font-size: 11px;
	padding:5px 15px;
	}


.prof2 a {
	color:#fff !important;
	font-size:11px !important;
	font-weight:normal;
	}

.chat_area .icon {
	line-height: 16px;
	height: 16px;
	width: 110px;
	padding-left:10px;
	margin-top: 6px;
	}
	
.chat_area .icon img { margin-right:2px;	}
/*	
.modeChat {
	width: 59px;
	height: 18px;
	float:left;
	margin-left: 16px;
}

.modePeep {
	width: 59px;
	height: 18px;
	float:left;
	margin-left: 5px;
}

.btn-view {
		display:block;
		width:58px;
		height:18px;
		background:url(/img/btn/btn-chat-view.gif) 0 0 no-repeat;
		text-indent:-9999px;
}
		
.btn-view-chat {background-position:0 0;}			
.btn-view-chat:hover {background-position:0 -18px;}			
.btn-view-look {background-position:0 -36px;}
.btn-view-look:hover {background-position:0 -54px;}	
*/
.name a:link {
	text-decoration:underline;
	font-family: "ＭＳ Ｐゴシック", "ＭＳ ゴシック", "MS UI Gothic", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "ヒラギノ角ゴ6", "ヒラギノ角ゴ6等幅", "ヒラギノ角ゴ8", "ヒラギノ角ゴ8等幅", "メイリオ", Arial, Verdana;
	font-size: 12px;
	font-weight: normal;
	color: #fff;
}


.name a:visited {
	text-decoration:underline;
	font-family: "ＭＳ Ｐゴシック", "ＭＳ ゴシック", "MS UI Gothic", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "ヒラギノ角ゴ6", "ヒラギノ角ゴ6等幅", "ヒラギノ角ゴ8", "ヒラギノ角ゴ8等幅", "メイリオ", Arial, Verdana;
	font-size: 12px;
	font-weight: normal;
	color: #fff;
}

.name a:hover {
	text-decoration:underline;
	font-family: "ＭＳ Ｐゴシック", "ＭＳ ゴシック", "MS UI Gothic", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "ヒラギノ角ゴ6", "ヒラギノ角ゴ6等幅", "ヒラギノ角ゴ8", "ヒラギノ角ゴ8等幅", "メイリオ", Arial, Verdana;
	font-size: 12px;
	font-weight: normal;
	color: #F39;
}

/*
.thumbs {	border: 2px solid #CCC;} */
.pic .thumbs {
	vertical-align: bottom;
	margin-right: auto;
	margin-left: auto;
	padding-top: 1px;
	width: 161px;
}

/*
.pic .thumbs a img {
	border:2px solid #ccc;
} 
*/
.pfimg {display:block; position:absolute; left:1px; width: 157px;margin-top: 2px;height: 118px;}
.number {display:block; position:absolute; right:6px; top: 41px; font-size:10px; }
.pfname {display:block; position:absolute; left:86px; top: 3px; font-size:10px; }

.status {display:block; position:absolute; left:166px; top:62px; width:130px; height:60px; background-image:url(/img/thumb/bg_status.gif)}
.pf_msg {display:block; position:absolute; left:146px; top:20px; width:140px; height:16px; font-size:10px;}
/*.thumbicon {display:block; position:absolute; line-height: 16px;	height: 16px;	width: 110px;	padding-left:10px;	margin-top: 6px;}	
.thumbicon .icon img { margin-right:2px;	} */

.pic {
	text-align: center;
	width: 157px;
	margin-top: 2px;
	height: 118px;
	}
	
	
	

.chat_area2 .pic {
	margin-right: auto;
	margin-left: auto;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	}
	

.session { display:block; position:relative; background-image: url(/img/thumb/session.gif);background-repeat: no-repeat;height: 126px; width: 303px;}
.sessionBLNK { display:block; position:relative;background-image: url(/img/thumb/session.gif); background-repeat: no-repeat;height: 126px; width: 303px;}
.sessionHD {display:block; position:relative;background-image: url(/img/thumb/sessionHD.gif); background-repeat: no-repeat;height: 126px; width: 303px;}
.sessionHDBLNK { display:block; position:relative;background-image: url(/img/thumb/sessionHD.gif); background-repeat: no-repeat;height: 126px; width: 303px;}

.remo { display:block; position:relative;background-image: url(/img/thumb/remo.gif); background-repeat: no-repeat;height: 126px; width: 303px;}
.remoBLNK { display:block; position:relative;background-image: url(/img/thumb/remo.gif); background-repeat: no-repeat;height: 126px; width: 303px;}
.remoHD { display:block; position:relative;background-image: url(/img/thumb/remoHD.gif); background-repeat: no-repeat;height: 126px; width: 303px;}
.remoHDBLNK { display:block; position:relative;background-image: url(/img/thumb/remoHD.gif); background-repeat: no-repeat;	height: 126px; width: 303px;}

.remo2 { display:block; position:relative;background-image: url(/img/thumb/remo.gif); background-repeat: no-repeat;	height: 126px; width: 303px;}
.remo2BLNK { display:block; position:relative;background-image: url(/img/thumb/remo.gif); background-repeat: no-repeat;height: 126px; width: 303px;}
.remo2HD { display:block; position:relative;background-image: url(/img/thumb/remoHD.gif);  background-repeat: no-repeat;	height: 126px; width: 303px;}
.remo2HDBLNK { display:block; position:relative;background-image: url(/img/thumb/remoHD.gif); background-repeat: no-repeat;height: 126px; width: 303px;}

.twoshot { display:block; position:relative;background-image: url(/img/thumb/twoshot.gif); background-repeat: no-repeat;	height: 126px; width: 303px;}
.twoshotBLNK  { display:block; position:relative;background-image: url(/img/thumb/twoshot.gif); background-repeat: no-repeat;  height: 126px; width: 303px;}
.twoshotHD { display:block; position:relative;background-image: url(/img/thumb/twoshotHD.gif); background-repeat: no-repeat; height: 126px; width: 303px;}
.twoshotHDBLNK  { display:block; position:relative;background-image: url(/img/thumb/twoshotHD.gif); background-repeat: no-repeat; height: 126px; width: 303px;}

.twoshotPHD  { display:block; position:relative;background-image: url(/img/thumb/2shotPHD.gif); background-repeat: no-repeat; height: 126px; width: 303px;}
.twoshotPHDBLNK  { display:block; position:relative;background-image: url(/img/thumb/2shotPHD.gif); background-repeat: no-repeat; height: 126px; width: 303px;}
.twoshotP  { display:block; position:relative;background-image: url(/img/thumb/2shotP.gif); background-repeat: no-repeat; height: 126px; width: 303px;}
.twoshotPBLNK  { display:block; position:relative;background-image: url(/img/thumb/2shotP.gif); background-repeat: no-repeat; height: 126px; width: 303px;}

.standby  { display:block; position:relative;background-image: url(/img/thumb/standby.gif); background-repeat: no-repeat; height: 126px; width: 303px;	}
.standbyHD  { display:block; position:relative;background-image: url(/img/thumb/standbyHD.gif); background-repeat: no-repeat;  height: 126px; width: 303px;}

.offline  { display:block; position:relative;background-image: url(/img/thumb/offline.gif); background-repeat: no-repeat; height: 126px; width: 303px;	}
.offlineHD  { display:block; position:relative;background-image: url(/img/thumb/offline.gif); background-repeat: no-repeat;  height: 126px; width: 303px;}


/* menu for home.shtml - online, vibe, recommend, new, wife, fav, reload */

.chatmenu {
	background-color:#170e07;
	background-image: url(/img/thumb/bar_category.gif);
	width:550px;
	height:30px;
	padding-left:90px;
	margin-bottom:15px;
	}

	.chatmenu ul{
	/*border:1px solid #46413b;*/
		/*padding-top:3px; */
	margin:0;
	height:30px;
	padding-top:5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
		}
	
	
	.chatmenu li {
		list-style: none outside none;
		/*border-right:1px solid #46413b; */
		display:block;
		float:left;
		padding:0;
		/*margin:0;*/
		margin-top:0px;
		margin-bottom:0px;
		line-height:10px;	
		}
		
	.thumblist {
	height: auto;
	padding:10px 2px 10px 6px;
	width: 624px;
	background-color:#170e07;
	}