html{
	height: 100%;
	overflow-y: scroll;
}

body{
	height: 100%;
	background:  url(/img/chat/chat.bg.png) no-repeat center top;
}

#body{
	width: 100%;
	background:  url(/img/chat/chat.bg.png) no-repeat center top;
}

#foot{
	padding: 15px 0 10px 0;
	background: url(/img/chat/chat.foot.png) repeat-x left 0px;
}

address{
	padding: 3px 0;
	background: url(/img/commonLayout.png) repeat-x 0px -900px;
	border-top: #900000 1px solid;
	border-bottom: #900000 1px solid;
	text-align: center;
}

#wrap,
#msg,
#prof,
#comment,
#menu li a,
#sub ul.submenu,
#sub ul.submenu li,
#sub ul.submenu a,
#sub td a,
#photo dd,
#other dd,
p#imgBig span.close,
p#imgBig span.next,
p#imgBig span.prev,
div.history,
div.historyNo,
dl.genre dd.levelH, dl.genre dd.levelM, dl.genre dd.levelS,
#prof dl.genre dd span.levelH, #prof dl.genre dd span.levelM, #prof dl.genre dd span.levelS,
.test{
	background-image: url(/img/chat/chat.img.png);
	background-repeat: no-repeat;
}


#sub,
.test{
	background-image: url(/img/chat/chat.bgY.png);
	background-repeat: repeat-y;
}

#container{
	margin: 0 auto;
	width: 1000px;
	overflow: hidden;
	text-align: left;
}

#wrap{
	height: 500px;
	overflow: hidden;
	background-position: left -1130px;
}

*html #wrap{
	behavior:url(/js/iepngfix.htc);
}

#msg{
	margin-bottom: -5px;
	width: 1000px;
	height: 250px;
	background-position: 695px -460px;
}

.msg{
	position: relative;
}

#chat{
	position: absolute;
	background: url(/img/chat/chat.flash.png) left -5px;
	margin: 0 0 0 -500px;
	width: 695px;
	height: 430px;
	top: 70px;
	left: 50%;
	overflow: hidden;
}

#chat_flash{
    position: absolute;
    /*margin: 0 0 0 -500px;*/
    width: 695px;
    height: 430px;
    top: 70px;
    /*left: 50%;*/
    overflow: hidden;
}

#main{
	float: left;
	width: 695px;
	height: 500px;
	overflow: hidden;
}

#sub{
	float: right;
	width: 305px;
	height: 500px;
	overflow: hidden;
	position: relative;
	background-color: #fff;
}

.sub{
	padding: 1px 0 1px 0;
	position: relative;
}

#menu{
}

#menu h1{
	float: left;
	width: 145px;
	height: 70px;

	overflow: hidden;

}

#menu div.marquee{
	float: left;
	width: 550px;
	height: 30px;
	overflow: hidden;
}

#menu p{
	display: block;
	padding: 8px 0px 0 123px;
	font-size: 12px;
}

#menu span{
	display: block;
	width: 419px;
	overflow: hidden;
}

#menu ul{
	float:right;
	width: 550px;
	height: 30px;
	font-size: 13px;
	overflow: hidden;
}

#menu li{
	float: left;
	width: 110px;
	overflow: hidden;
}

#menu li a{
	display: block;
	width: 110px;
	height: 30px;
	overflow: hidden;
}

#menu li a.top{	background-position: 0px -330px;}
#menu li a.regist{	background-position: -110px -330px;}
#menu li a.point{	background-position: -220px -330px;}
#menu li a.video{	background-position: -330px -330px;}
#menu li a.faq{	background-position: -440px -330px;}
#menu li a.mymenu{	background-position: -553px -330px;}
#menu li a.chatdisp{	background-position: -665px -330px;}


#menu li a.top:hover{	background-position: 0px -410px;}
#menu li a.regist:hover{	background-position: -110px -410px;}
#menu li a.point:hover{	background-position: -220px -410px;}
#menu li a.video:hover{	background-position: -330px -410px;}
#menu li a.faq:hover{	background-position: -440px -410px;}
#menu li a.mymenu:hover{	background-position: -553px -410px;}
#menu li a.chatdisp:hover{	background-position: -665px -410px;}


#sub ul.submenu{
	width: 305px;
	height: 50px;
	overflow: hidden;
}

#sub ul.submenu li{
	float: left;
	width: 74px;
	height: 45px;
	background-position: 50px 50px;
	overflow: hidden;
}

#sub ul.submenu li.list01{
	width: 81px;
}

#sub ul.submenu a{
	display: block;
	position: relative;
	width: 74px;
	height: 35px;
	overflow: hidden;
	top: 10px;
	left: 0;
	background-position: 50px 50px ;
}

#sub ul.submenu a.photo{
	left: 7px;
}
#sub ul.submenu a.photo:hover{
	left: 7px;
	background-position: -337px -10px ;
}
#sub ul.submenu a.mail:hover{
	background-position: -411px -10px ;
}
#sub ul.submenu a.memo:hover{
	background-position: -485px -10px ;
}
#sub ul.submenu a.other:hover{
	background-position: -559px -10px ;
}

#sub dl{
	display: none;
}

#sub table.movBtn td{
	padding-right: 2px;
}

#sub table.movBtn td a{
	display: block;
	width: 96px;
	height: 84px;
	overflow: hidden;
}

#sub table.movBtn td a.intro{
	background-position: -180px -1020px;
}
#sub table.movBtn td a.digest{
	background-position: -280px -1020px;
}
#sub table.movBtn td a.favor {
	background-position: -380px -1020px;
}

/*=================================================================================================ログイン履歴*/
div.historyNo{
	/*margin: 0 auto;*/
	width: 292px;
	height: 154px;
	overflow: hidden;
	background-position: -350px -145px;
	position: relative;
	top: 0;
	left: 9px;
}

div.history{
	width: 292px;
	height: 154px;
	overflow: hidden;
	background-position: 0px -145px;
	position: relative;
	top: 0;
	left: 9px;
}

table.history{
	margin: 10px auto 0;
	width: 288px;
}

table.history thead th{
	color: #333;
}

table.history thead th strong{
	display: block;
	padding: 0 0 0 5px;
	height: 40px;
	overflow: hidden;
	font-size: 13px;
}

table.history tbody th{
	padding: 0 0 0 3px;
	font-size: 10px;
}

table.history tbody th strong{
	display: block;
	width: 44px;
	height: 16px;
	overflow: hidden;
	color: #555;
}

table.history tbody th strong span{
	padding: 0 0 0 2px;
}

table.history tbody td{
	width: 240px;
}

table.history tbody td span{
	display: block;
	width: 239px;
	height: 16px;
	overflow:hidden;
	position: relative;
}

table.history tbody td span img{
	display: block;
	margin: 0;
	height: 15px;
	position: relative;
}

*html div.historyNo,div.history{
	behavior:url(/js/iepngfix.htc);
}

*html table.history{
	position:absolute;
	margin: 10px auto 0;
	width: 288px;
}

/*=================================================================================================フォトギャラリー*/
#photo, #mail, #memo, #other{
	margin: 0 auto;
	width: 292px;
	height: 210px;
	overflow: hidden;
	position: relative;
	top: 0;
	left: 3px;
}

/*
#photo, #other{
	overflow-y: scroll;
}
*/

#photo{
	overflow-y: scroll;
}

#photo{
	position: relative;
	z-index: 0;
}

p#imgBig{
	position: absolute;
	width: 273px;
	height: 210px;
	overflow: hidden;
	top: 1px;
	left: 9px;
	background-color: #000;
	display: none;
	z-index: 99;
}

p#imgBig img{
	display: block;
	margin: 1px;
	width: 271px;
	height: 208px;
}

p#imgBig span.prev, p#imgBig span.next {
	position: absolute;
	display: block;
	width: 60px;
	height: 19px;
	cursor: pointer;
}

p#imgBig span.close{
	position: absolute;
	display: block;
	width: 16px;
	height: 16px;
	top: 1px;
	left: 255px;
	cursor: pointer;
	background-position: -980px 0px;
}

p#imgBig span.prev{
	top: 189px;
	left: 2px;
	background-position: -800px 0px;
}

p#imgBig span.next{
	top: 189px;
	left: 211px;
	background-position: -900px 0px;
}

#photo dd{
	float:left;
	width: 91px;
	height: 70px;
	position: relative;
	z-index: 1;
	cursor: pointer;
	background-color: #fff;
	background-position: -700px 0;
}

/*
#photo dd img{
	display: block;
	float:right;
	width: 91px;
	height: 70px;
	position: relative;
	margin-top: -35px;
	margin-left: -46px;
	top: 50%;
	left: 0;
}
*/


#photo dd img{
	width: 91px;
	height: 70px;
	top: 50%;
	left: 0;
}

/*=================================================================================================メール*/
#memo form, #mail form{
	text-align: center;
}

#memo form textarea, #mail form textarea{
	width: 280px;
	height: 175px;
}

#memo form span, #mail form span{
	display: block;
	padding: 2px 10px 0;
}

#memo form input.button, #mail form input.button{
	display: block;
	margin: 0 auto;
	width: 80px;
	height: 18px;
	border: none;
	cursor: pointer;
	background: url(/img/chat/chat.img.png) no-repeat -800px -30px;
}

/*=================================================================================================相性のよい女の子*/
#other dt{
	margin: 0 0 5px 0;
	font-weight: bold;
	font-size: 13px;
	text-align: center;
	color: #ffffff;
	background-color: #E23C3C;
}

#other dd{
	float: left;
	width: 68px;
	height: 72px;
	overflow: hidden;
	background-position: -699px -100px;
}

#other dd a img{
	display: block;
	margin: 0 auto 5px;
}

#other dd a{
	display: block;
	padding: 2px 0 0 0;
	text-align: center;
}

#other dd a span{
	display: block;
	margin: 0 auto;
	width: 66px;
	height: 15px;
	overflow: hidden;
	font-size: 10px;
	text-align: center;
	line-height: 1em;
}


/*=================================================================================================SUBムービーボタン*/
#movie{
	width: 292px;
	height: 84px;
	position: relative;
	top: 0;
	left: 9px;
}

/*=================================================================================================女の子メッセージ*/
#prof{
	width: 695px;
	height: 250px;
	position: absolute;
	top: 5px;
	left: 0px;
	overflow: hidden;
	background-position: left -760px;
}

*html #prof{
	behavior:url(/js/iepngfix.htc);
}

#comment{
	width: 292px;
	height: 250px;
	position: absolute;
	top: 5px;
	left: 704px;
	overflow: hidden;
	text-align: center;
	background-position: -703px -760px;
}

*html #comment{
	behavior:url(/js/iepngfix.htc);
}

div.comment{
	margin: 0 auto;
	padding: 0px 0;
	width: 290px;
	overflow: hidden;
}

.comment iframe{
	display: block;
	margin: 0 auto;
	width: 290px;
	height:190px;
	border: none;
	overflow: scroll;
}
*:first-child+html .comment iframe{
	display: block;
	margin: 0 auto;
	width: 310px;
	height:190px;
	border: none;
	overflow: scroll;
}

h2{
	height: 25px;
	overflow: hidden;
}

h2 strong{
	padding: 0 5px 0 0;
	font-size: 12px;
}

h2 span{
	display: block;
	padding: 5px 0 0 10px;
	color: #333;
	font-size: 12px;
}

#prof h2 span{
	padding-left: 10px;
	color: #fff;
}

#prof table, #prof dl{
	float: left;
	margin: 5px 0 0 0;
	font-size: 12px;
}

#prof table th, #prof dt{
	font-weight: bold;
}

#prof table.left th{
	width: 100px;
	text-align: center;
}

#prof table.left td{
	padding: 5px 0 0 0;
	text-align: center;
}

#prof dl.left{
	width: 180px;
}

#prof dl dt, #prof dl dd{
	line-height: 1.1em;
	height: 20px;
}


#prof dl.left dt{
	float: left;
	width: 70px;
	overflow: hidden;
	color: #a00;
}

#prof dl.left dd{
	float: left;
	width: 110px;
	overflow: hidden;
}

#prof dl.right{
	width: 210px;
}

#prof dl.right dt{
	float: left;
	width: 70px;
	overflow: hidden;
	color: #9a1e1e;
}

#prof dl.right dd{
	float: left;
	width: 127px;
	overflow: hidden;
	color: #444;
}

#prof dl.right .longTxt, #prof dl.genre .longTxt{
	height: 40px;
	text-align: left;
	overflow: hidden;
}

#prof dl.genre{
	float: left;
	margin: 0;
	width: 200px;
	height: 200px;
	overflow: hidden;
}

#prof dl.genre dt{
	float: left;
	width: 65px;
	height: 20px;
	color: #9a1e1e;
	overflow: hidden;
}

#prof dl.genre dt span, .longTxt span{
	display: block;
	padding: 5px 0 0 0;
}

#prof dl.genre dd{
	float: left;
	width: 127px;
	height: 20px;
	color: #444;
}

#prof dl.genre dt.genre, #prof dl.genre dd.genre{
	clear: both;
	width: 200px;
	text-align: left;
}

#prof dl.genre dt.genre{
	height: 20px;
}

#prof dl.genre dd.genre{
	padding: 0 0 5px 0;
}

#prof dl.genre dd.genre a{
	padding: 0 5px 0 0;
	font-size: 11px;
	line-height: 1.1em;
}

#prof dl.genre dd.levelH,
#prof dl.genre dd.levelM,
#prof dl.genre dd.levelS{
	padding: 0;
	background-position: left -1040px;
}

#prof dl.genre dd span.levelH,
#prof dl.genre dd span.levelM,
#prof dl.genre dd span.levelS{
	display: block;
	padding: 0;
	width: 0px;
	height: 20px;
	background-position: left -1070px;
	overflow: hidden;
}

ul.icon{
	margin: 0 auto;
	width: 80px;
	height: 20px;
}

ul.icon li{
	float: left;
	width: 18px;
	height: 20px;
	overflow: hidden;
	text-indent: 9999px;
	background-image: url(/img/commonBtn.png);
	background-repeat: no-repeat;
}

ul.icon li.new_face{background-position:-450px -130px;}
ul.icon li.mic{	background-position:-525px -130px;}
ul.icon li.mail{background-position:-565px -130px;}
/*
ul.icon li.HD{background-position:-485px -130px;}
*/
ul.icon li.mov{background-position:-693px -130px;}

/*石田追加*/
#blog{
	float: left;
	width: 54px;
	height: 20px;
	overflow: hidden;
	background-image: url(/img/icon_home.gif);
	background-repeat: no-repeat;
}
a#blog_text{
	display:block;
}

ul.icon li a {
	display:block;
	height:18px;
	overflow:hidden;
	text-indent:9999px;
	width:18px;
}

#no_pr{
	background-image:url(/img/chat/chat_img2.png);
	background-position: -3px 50%;
	background-repeat:no-repeat;
	height:84px;
	width:96px;
}

#no_movie{
	background-image:url(/img/chat/chat_img2.png);
	background-position: -103px 50%;
	background-repeat:no-repeat;
	height:84px;
	width:96px;
}

#flash_body{
	width:1000px;
	margin: 0 auto;
}

ul.icon li.new_face2{
	width: 17px;
	height: 15px;
	float: left;
	text-indent: -9999px;
	overflow: hidden;
	background-image: url(/img/new_online.new_face.png);
	background-repeat: no-repeat;
}

ul.icon li.new_face3{
	background-position:-450px -130px;
}

#container ul.icon li.HD{
	background-image:url("/img/hdic.gif");
	background-repeat:no-repeat;
	width:18px;
	/*margin:0 0 0 6px;*/
}