.html, .body {
height : 100%;
text-align : center;
}
.html {
overflow : auto;
overflow-y : scroll;
}
.container-div {
width : 100%;
margin : 0;
position : relative;
min-height : 100%;
height : auto !important;
height : 100%;
background-color : #FFF;
background : rgba(0, 0, 0, 0) url("/img/common_y.png") repeat-y scroll left top;
}
.wrap-div {
position : relative;
margin : 0 auto;
width : 745px;
text-align : left;
padding-bottom : 60px;
background-color : #FFF;
z-index : 1;
}
.ftb_n {
font-weight : normal !important;
}
/* ================================================== */
.header-div {
width : 100%;
height : 75px;
background-color : #fff;
}
.nav-div {
position : relative;
height : 67px;
top : 0;
left : 0;
background : url(/img/chat/new-chat-bg-2016.png) no-repeat left top;
}
.header-nav-p {
overflow : hidden;
position : absolute;
top : 10px;
left : 290px;
width : 430px;
height : 1.2em;
line-height : 1.2em;
font-size : 12px;
overflow : hidden;
}
.header-nav-p-span {
display : block;
position : absolute;
top : 0;
left : 440px;
height : 1.2em;
}
.header-nav-ul {
position : absolute;
top : 50px;
width : 880px;
height : 20px;
left : 210px;
font-size : 14px;
font-weight : bold;
}
.header-nav-li {
/* width : 0px; */
padding : 0px 10px 20px 10px;
margin : -8px 7px;
height : 30px;
float : left;
}
.header-nav-li-tab1 {
/* width : 0px; */
padding : 0px 10px 0px 10px;
margin : -5px 5px;
height : 10px;
float : left;
}
.header-nav-li-tab2 {
/* width : 0px; */
padding : 0px 10px 0px 10px;
margin : -5px 90px;
height : 10px;
float : left;
color : #FFFFFF;
}
.header-nav-li-tab3 {
/* width : 0px; */
padding : 0px 0px 0px 1px;
margin : -5px 212px;
height : 30px;
float : left;
}
.header-nav-li-tab4 {
/* width : 0px; */
padding : 4px 10px 0px 4px;
margin : -8px -190px;
height : 30px;
float : left;
}
.header-nav-li-tab5 {
/* width : 0px; */
padding : 0px 10px 0px 15px;
margin : -5px -85px;
height : 30px;
float : left;
}
.header-nav-li-tab6 {
/* width : 0px; */
padding : 0px 10px 0px 50px;
margin : -6px -5px;
height : 30px;
float : left;
}
.header-nav-li-tab7 {
/* width : 0px; */
padding : 0px 10px 0px 23px;
margin : -5px 16px;
height : 30px;
float : left;
}
.header-nav-li-tab8 {
/* width : 0px; */
padding : 0px 10px 0px 6px;
margin : -5px 4px;
height : 30px;
float : left;
}
.header-nav-a {
width : 90px;
color : #FFFFFF;
height : 30px;
text-indent : -9999px;
overflow : hidden;
text-decoration : none;
/* display : block; */
/* background-image : url( /img/chat/new-chat-bg-2016.png); */
/* background-repeat : no-repeat; */
}
.header-nav-a:hover {
width : 90px;
color : #FFFFFF;
height : 30px;
text-indent : -9999px;
overflow : hidden;
/* display : block; */
/* background-image : url( /img/chat/new-chat-bg-2016.png); */
/* background-repeat : no-repeat; */
}
.header-nav-a:visited {
width : 90px;
color : #FFFFFF;
height : 30px;
text-indent : -9999px;
overflow : hidden;
text-decoration : none;
/* display : block; */
/* background-image : url( /img/chat/new-chat-bg-2016.png); */
/* background-repeat : no-repeat; */
}
.nav-div {
position : relative;
height : 75px;
top : 0;
left : 0;
background : url(/img/chat/j-new-chat-bg-2016.png) no-repeat left top;
}
.header-nav-new-a {
width : 110px;
height : 30px;
text-indent : -9999px;
overflow : hidden;
display : block;
background-image : url(/img/chat/new-chat-bg-2016.png);
background-repeat : no-repeat;
}
#nav .logo {/* background-image: url("/img/logo.png"); */background-repeat: no-repeat;height: 70px;left: 10px;overflow: hidden;position: relative;width: 170px;}
.nav-div-new {
position : relative;
height : 70px;
top : 0;
left : 0;
background : url(/img/chat/new-chat-bg-2016.png) no-repeat left top;
}
.menuBtn1 {
background-position : -182px -80px;
}
.menuBtn2 {
/* background-position : -292px -80px; */
}
.menuBtn3 {
background-position : -402px -80px;
}
.menuBtn4 {
background-position : -512px -80px;
}
.menuBtn5 {
background-position : -622px -80px;
}
.menuBtn6 {
background-position : -292px -480px;
}
.menuBtn1:hover {
background-position : -182px -130px;
}
.menuBtn2:hover {
background-position : -292px -130px;
}
.menuBtn3:hover {
background-position : -402px -130px;
}
.menuBtn4:hover {
background-position : -512px -130px;
}
.menuBtn5:hover {
background-position : -622px -130px;
}
.menuBtn6:hover {
background-position : -292px -530px;
}
h1 {
/* width : 100%; */
/* margin : 5px 0; */
text-align : left;
padding-left : 210px;
font-size : 13px;
}
h1 span {
margin-top : 5px;
margin-right : 5px;
font-size : 11px;
color : #666666;
font-family : "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","ＭＳ Ｐゴシック",sans-serif;
text-align : left;
float : left;
}
h1 span.h1_name {
margin-top : 0px;
color : #f57070;
font-size : 17px;
font-weight : bold;
}
.h1_pickup {
margin-top : 6px;
color : #ec8c8c;
display : inline-block;
position : relative;
white-space : nowrap;
border-radius : 3px;
margin : 6px 5px 0px 50px;
/* padding : 5px; */
font-size : 12px;
border : 1px solid #ec8c8c;
}
h1:after {
clear : both;
}
div#member_head {
position : fixed;
top : 77px;
background-color : #000000;
font-size : 12px;
width : 100%;
z-index : 1000;
}
.member_headmenu {
text-align : center;
}
div#member_head dl {
margin : 0 auto;
/*margin-top : 7px;*/
display : -moz-inline-box;
display : inline-block;
/display : inline;
/zoom : 1;
}
div#member_head a {
color : #00aaff;
}
div#member_head dd.mh {
float : left;
margin-left : 12px;
margin-top : 2px;
color : #ffffff;
}
div#member_head dd.mht {
float : left;
margin-left : 12px;
margin-top : 4px;
}
div#member_head dd.bth {
float : left;
margin-left : 5px;
margin-top : -1px;
}
.mhl {
font-size : 15px;
color : #00aaff;
font-weight : bold;
line-height : 1.5em;
}
#box_wrap {
width : 340px;
float : left;
/*margin-top : 10px;*/
margin-left : 10px;
}
/* ================================================== */
.footer-div {
position : absolute;
left : 0;
bottom : 0;
width : 745px;
height : 50px;
background : url(/img/chat/footer-bg.png) repeat-x left top;
z-index : 2;
}
.address {
position : relative;
top : 15px;
}
/* ================================================== */
.main-div {
margin: 0 auto;
padding-top: 0px;
width: 100%;
overflow: hidden;
text-align: left;
background: #9ba1b2;
/*background: -moz-linear-gradient(-45deg, rgba(72,38,125,0.5) 0%, rgba(228,83,152,0.5) 75%, rgba(235,117,131,0.5) 100%);
background: -webkit-linear-gradient(-45deg, rgba(72,38,125,0.5) 0%,rgba(228,83,152,0.5) 75%,rgba(235,117,131,0.5) 100%);
background: linear-gradient(135deg, rgba(72,38,125,0.5) 0%,rgba(228,83,152,0.5) 75%,rgba(235,117,131,0.5) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#48267d', endColorstr='#eb7583',GradientType=1 );*/
}
/* ================================================== */
.chat-flash {
padding: 5px 0px 5px 10px;
position: relative;
background-image: url("/img/bg-chat-pink_xmas.png");
background-position: center center;
background-size:cover;
background-color: #374364;
}
.chat-flash-wrap {
width : 695px;
height : 410px;
/* background-color : #FFF; */
position : relative;
margin : 0 auto;
left : 30px;
}
.box-chat-right{
height: 312px;
background-color : #ffffff;
width : 275px;
}
.box-chat-intro {
text-align : center;
padding : 85px;
position : relative;
float : left;
width : 180px;
height : 100px;
/* line-height : 65px; */
margin-left : 335px;
/* margin-bottom : 12px; */
z-index : 2;
}
.box-chat-intropp {
text-align : center;
/* padding : 85px; */
position : relative;
float : left;
width : 278px;
/* height : 0px; */
/* line-height : 65px; */
margin-left : 419px;
/* margin-bottom : 12px; */
z-index : 2;
}
div#chat_n {
width : 695px;
position : static;
background : url(/img/chat/chat404_bg.png) no-repeat left top;
}
div#chat_n .chat404_txt {
width : 660px;
margin : 0 auto;
padding : 35px 0px 0px 30px;
font-size : 14px;
color : #333333;
line-height : 1.4em;
height : 350px;
}
div#chat_n .chat404_title {
font-size : 20px;
font-weight : bold;
color : #229dea;
}
div#chat_n .chat404_txt1 {
font-weight : bold;
margin-top : 12px;
}
div#chat_n .chat404_txt2 {
font-size : 13px;
color : #333333;
line-height : 1.4em;
margin : 12px 0 0 10px;
}
div#chat_n .chat404_iframe {
width : 678px;
height : 1018px;
margin : 0 auto;
}
div#chat_n .chat404_search {
width : 290px;
height : 60px;
position : absolute;
top : 245px;
left : 43px;
}
.chat404_search a {
width : 290px;
height : 60px;
display : block;
background : url(/img/chat/chat404_search.png) no-repeat left top;
text-indent : -9999px;
}
.chat404_search a:hover {
background-position : left bottom;
}
div#chat_n .chat404_top {
width : 290px;
height : 60px;
position : absolute;
top : 315px;
left : 43px;
}
.chat404_top a {
width : 290px;
height : 60px;
display : block;
background : url(/img/chat/chat404_top.png) no-repeat left top;
text-indent : -9999px;
}
.chat404_top a:hover {
background-position : left bottom;
}
.flash-div {
position : absolute;
top : 0px;
left : -110px;
width : 527px;
height : 405px;
z-index : 2;
}
.tab-menutop{
width: 100%;
margin-left: -38px;
overflow: hidden;
padding-bottom: 10px;
background-color: #9ba1b2;
}
.stages {
width : 1263px;
height : auto;
position : relative;
top : 10px;
left : 0;
right : 180px;
margin : 0 auto;
clear : both;
}
#sec_st {
/*top : 10px;*/
height : 186px;
}
#thr_st {
/*top : 20px;*/
}
#for_st {
/*top : 30px;*/
}
#fiv_st {
/*top : 40px;*/
}
.box {
font-size : 90%;
line-height : 1.8em;
color : #f57070;
background-color : #FFF;
padding : 10px 10px 10px 8px;
margin-bottom : 10px;
height : 146px;
border-radius : 5px;
-webkit-border-radius : 3px;
-moz-border-radius : 5px;
overflow : hidden;
box-shadow : rgba(87, 87, 87, 0.1) 0px 1px 4px 0px;
-webkit-box-shadow : rgba(87, 87, 87, 0.1) 0px 1px 4px 0px;
-moz-box-shadow : rgba(87, 87, 87, 0.1) 0px 1px 4px 0px;
width : 1072px;
}
.boxprof {
font-size : 90%;
line-height : 1.8em;
color : #036;
background-color : #FFF;
float : right;
padding : 10px;
height : 400px;
border-radius : 5px;
-webkit-border-radius : 3px;
-moz-border-radius : 5px;
overflow : hidden;
box-shadow : rgba(87, 87, 87, 0.1) 0px 1px 4px 0px;
-webkit-box-shadow : rgba(87, 87, 87, 0.1) 0px 1px 4px 0px;
-moz-box-shadow : rgba(87, 87, 87, 0.1) 0px 1px 4px 0px;
margin-right : 15px;
}
.box2 {
font-size : 90%;
/*line-height : 1.6em;*/
color : #036;
background-color : #FFF;
width : 100%;
padding : 10px 10px 5px 10px;
border-radius : 5px;
-webkit-border-radius : 3px;
-moz-border-radius : 5px;
overflow : hidden;
box-shadow : rgba(87, 87, 87, 0.1) 0px 1px 4px 0px;
-webkit-box-shadow : rgba(87, 87, 87, 0.1) 0px 1px 4px 0px;
-moz-box-shadow : rgba(87, 87, 87, 0.1) 0px 1px 4px 0px;
}
.boxmessage {
font-size : 90%;
line-height : 1.6em;
color : #036;
background-color : #FFF;
float : left;
padding : 10px;
height : 602px;
/*height : 582px;*/
width : 335px;
border-radius : 5px;
-webkit-border-radius : 3px;
-moz-border-radius : 5px;
overflow : hidden;
box-shadow : rgba(87, 87, 87, 0.1) 0px 1px 4px 0px;
-webkit-box-shadow : rgba(87, 87, 87, 0.1) 0px 1px 4px 0px;
-moz-box-shadow : rgba(87, 87, 87, 0.1) 0px 1px 4px 0px;
/*margin : 10px 730px 0 0px;*/
/*margin-top : 10px;*/
margin-bottom : 10px;
}
.boxreview {
font-size : 90%;
line-height : 1.6em;
color : #036;
background-color : #FFF;
float : left;
width : 335px;
/*margin-top : 10px;*/
margin-left : 10px;
margin-bottom : 10px;
padding : 10px;
height : 602px;
/*height : 582px;*/
border-radius : 5px;
-webkit-border-radius : 3px;
-moz-border-radius : 5px;
overflow : hidden;
box-shadow : rgba(87, 87, 87, 0.1) 0px 1px 4px 0px;
-webkit-box-shadow : rgba(87, 87, 87, 0.1) 0px 1px 4px 0px;
-moz-box-shadow : rgba(87, 87, 87, 0.1) 0px 1px 4px 0px;
}
.boxsche {
width : 100%;
font-size : 90%;
/*line-height : 1.6em;*/
color : #333;
background-color : #FFF;
padding : 10px;
height : 171px;
border-radius : 5px;
-webkit-border-radius : 3px;
-moz-border-radius : 5px;
overflow : hidden;
box-shadow : rgba(87, 87, 87, 0.1) 0px 1px 4px 0px;
-webkit-box-shadow : rgba(87, 87, 87, 0.1) 0px 1px 4px 0px;
-moz-box-shadow : rgba(87, 87, 87, 0.1) 0px 1px 4px 0px;
margin-top : 10px;
margin-bottom : 10px;
}
.boxrank {
font-size : 90%;
line-height : 1.6em;
color : #036;
background-color : #FFF;
float : left;
/*margin-top : 10px;*/
padding : 10px;
width : 160px;
height : 188px;
border-radius : 5px;
-webkit-border-radius : 3px;
-moz-border-radius : 5px;
overflow : hidden;
box-shadow : rgba(87, 87, 87, 0.1) 0px 1px 4px 0px;
-webkit-box-shadow : rgba(87, 87, 87, 0.1) 0px 1px 4px 0px;
-moz-box-shadow : rgba(87, 87, 87, 0.1) 0px 1px 4px 0px;
margin-left : 10px;
display : block;
}
.boxmovie {
font-size : 90%;
line-height : 1.0em;
color : #333;
background-color : #FFF;
padding : 10px;
width : 100%;
height : 160px;
border-radius : 5px;
-webkit-border-radius : 3px;
-moz-border-radius : 5px;
overflow : hidden;
box-shadow : rgba(87, 87, 87, 0.1) 0px 1px 4px 0px;
-webkit-box-shadow : rgba(87, 87, 87, 0.1) 0px 1px 4px 0px;
-moz-box-shadow : rgba(87, 87, 87, 0.1) 0px 1px 4px 0px;
margin-top : 10px;
}
.boxpry {
font-size : 90%;
line-height : 2.5em;
color : #333;
background-color : #FFF;
float : left;
/*margin-top : 10px;*/
margin-bottom : 10px;
padding : 10px;
width : 880px;
height : 188px;
border-radius : 5px;
-webkit-border-radius : 3px;
-moz-border-radius : 5px;
overflow : hidden;
box-shadow : rgba(87, 87, 87, 0.1) 0px 1px 4px 0px;
-webkit-box-shadow : rgba(87, 87, 87, 0.1) 0px 1px 4px 0px;
-moz-box-shadow : rgba(87, 87, 87, 0.1) 0px 1px 4px 0px;
}
.boxqa {
border-radius : 5px;
-webkit-border-radius : 3px;
-moz-border-radius : 5px;
background-color : #fff;
border-radius : 5px;
box-shadow : rgba(87, 87, 87, 0.1) 0px 1px 4px 0px;
line-height : 1.4em;
margin-bottom : 10px;
padding : 15px 10px;
width : 1070px;
overflow : auto;
min-height : 140px;
}
.boxrecommend {
width : 1070px;
height : 195px;
font-size : 90%;
line-height : 1.8em;
color : #333;
background-color : #FFF;
padding : 10px;
border-radius : 5px;
-webkit-border-radius : 3px;
-moz-border-radius : 5px;
overflow : hidden;
box-shadow : rgba(87, 87, 87, 0.1) 0px 1px 4px 0px;
-webkit-box-shadow : rgba(87, 87, 87, 0.1) 0px 1px 4px 0px;
-moz-box-shadow : 1px 1px 4px #888888;
}
.header-info-swf {
height : 25px;
left : 503px;
overflow : hidden;
position : absolute;
top : 5px;
width : 520px;
}
#qa_title {
width : 200px;
}
#big_scrn_bnr {
width : 100%;
height : 51px;
margin-bottom : 7px;
background-image : url("/img/chat/jw_chatwin_btn.png");
background-position : 0 -580px;
}
#jm_post_bnr {
width : 100%;
height : 51px;
margin-bottom : 7px;
background-image : url("/img/chat/jw_chatwin_btn.png");
background-position : 0 -640px;
}
#post_confirm, #jm_post_done {
display : none;
width : 420px;
height : 190px;
box-shadow : 3px 3px 5px #ccc;
position : absolute;
top : 600px;
left : 200px;
z-index : 999;
background-color : #fff;
border : solid 2px #ccc;
border-radius : 5px;
}
#jm_conf_sub {
width : 95%;
padding : 15px 0;
margin : 0 auto;
margin-bottom : 10px;
text-align : center;
border-bottom : solid 1px #ccc;
font-size : 12px;
}
.jm_conf_bdy {
width : 98%;
margin : 0 auto;
padding : 5px 0;
text-align : center;
font-size : 11px;
}
#btn_dd {
height : 50px;
padding-top : 5px;
}
#req_btn {
float : left;
margin-left : 30px;
width : 120px;
height : 30px;
font-size : 11px;
color : #fff;
text-align : center;
background-color : #fd40b4;
border : solid 1px #fd40b4;
border-radius : 5px;
cursor : pointer;
}
.can_btn {
float : right;
margin-right : 30px;
width : 120px;
height : 30px;
font-size : 11px;
color : #fff;
text-align : center;
background-color : #b5b5b5;
border : solid 1px #b5b5b5;
border-radius : 5px;
cursor : pointer;
}
#jm_post_done {
display : none;
width : 200px;
height : 80px;
box-shadow : 1px 1px 3px #ccc;
position : absolute;
top : 600px;
left : 280px;
z-index : 999;
background-color : #fff;
border : solid 1px #ccc;
border-radius : 5px;
}
.cls_btn {
margin-top : 5px;
;
width : 100px;
height : 25px;
font-size : 11px;
color : #fff;
text-align : center;
background-color : #b5b5b5;
border : solid 1px #b5b5b5;
border-radius : 5px;
cursor : pointer;
}
.chat_comment, .sp_gal_muryo {
display : block;
height : 570px;
/*height : 550px;*/
padding : 10px;
width : 320px;
overflow : auto;
margin-top : 5px;
}
.prf-td-color {
color : #FE2E9A;
}
#jgb_rank_btn {
width : 720px;
background-color : #FFF5F5;
height : 51px;
margin-bottom : 7px;
background-image : url("/img/chat/jw_chatwin_btn.png");
background-repeat : no-repeat;
margin : 10px auto;
background-position : 0 -700px;
}
#jgb_rank {
width : 45px;
position : relative;
top : 19px;
left : 565px;
font-size : 30px;
font-weight : bold;
color : #ba0000;
text-align : center;
}
/*?M???????[*/
#tab-photo-readmore > a {
display : block;
width : 200px;
height : 50px;
background : url("/img/chat/tab-review-readmore_sp.png") no-repeat;
text-indent : -9999px;
margin : 0px auto 5px;
}
#tab-photo-back > a {
display : block;
width : 200px;
height : 50px;
background : url("/img/chat/tab-review-readmore_sp2.png") no-repeat;
text-indent : -9999px;
margin : -10px auto 5px;
}
.gallery-type-ul-sp {
position : absolute;
top : 5px;
right : 5px;
width : 15em;
height : 20px;
text-align : right;
}
.privilege-text {
color : #333333;
font-size : 11px;
line-height : 1.3em;
margin-bottom : 7px;
}
.chat_privilege_btn {
border-top : 1px solid #dddddd;
padding-top : 10px;
/*margin-top : 10px;*/
}
.chat_privilege_btn a {
background : url("/img/chat/privilege_btn_md.png") no-repeat scroll left top rgba(0, 0, 0, 0);
display : block;
height : 25px;
margin : 0 auto;
text-indent : -9999px;
width : 144px;
}
.chat_privilege_btn a:hover {
background-position : left bottom;
}
.chat_point_btn {
border-top : 1px solid #dddddd;
padding-top : 10px;
margin-top : 10px;
}
.chat_point_btn a {
background : url("/img/chat/review_btn_point.png") no-repeat scroll left top rgba(0, 0, 0, 0);
display : block;
height : 25px;
margin : 0 auto;
text-indent : -9999px;
width : 144px;
}
.chat_point_btn a:hover {
background-position : left bottom;
}
#osusume_dl:after {
clear : both;
}
#osusume_dl {
height : 162px;
overflow : auto;
width : 100%;
margin-top : 5px;
}
#osusume_dl dt {
background-color : #f57070;
color : #ffffff;
font-size : 13px;
/*font-weight : bold;*/
margin : 0 0 5px;
text-align : center;
}
#osusume_dl dd {
background-color : #fafafa;
border : 1px solid #dddddd;
border-radius : 3px;
float : left;
height : 100px;
margin : 2px;
overflow : hidden;
width : 99px;
}
#osusume_dl dd a {
display : block;
padding : 0px 0 0;
text-align : center;
}
#osusume_dl dd a span {
color : #0066cc;
display : block;
font-size : 10px;
height : 15px;
line-height : 1em;
margin : -2 auto;
overflow : hidden;
text-align : center;
width : 99px;
}
/* ================================================== */
.tab-menu {
width : 100%;
/*margin-top : 10px;*/
overflow : hidden;
background-color : #f57070;
padding-top : 4px;
}
.tab-ul {
width : 800px;
margin : 2px auto;
/* overflow : hidden; */
}
.tab-li {
padding : 10px;
margin : 2px 5px 0px;
overflow : hidden;
border-radius : 3px;
border : 1px solid #FFF;
font-size : 14px;
}
.tab-li:hover{
background: #f5a0a0;
}
.tab-li a:visited {
color: #ffffff;
}
.middle {
vertical-align : sub;
}
/* ================= flash */
#chat_h_dl {
background-color : #fff;
border : 2px solid #ccc;
border-radius : 5px;
box-shadow : 3px 3px 5px #ccc;
display : none;
height : 160px;
left : 33%;
position : absolute;
top: 287px;
width : 340px;
z-index : 999;
}
#cfm_overlooking {
background-color : #fff;
border : 2px solid #ccc;
border-radius : 5px;
box-shadow : 3px 3px 5px #ccc;
display : none;
height : 160px;
left : 33%;
position : absolute;
top: -77px;
width : 340px;
z-index : 999;
}
#cfm_memo {
background-color : #fff;
border : 2px solid #ccc;
border-radius : 5px;
box-shadow : 3px 3px 5px #ccc;
display : none;
height : 160px;
left : 33%;
position : absolute;
top: -77px;
width : 340px;
z-index : 999;
}
#chat_h_dl {
width: 380px;
height: 200px;
}
#cfm_overlooking dt, #cfm_memo dt, #chat_h_dl dt {
padding-top : 7px;
}
#cfm_memo dd {
text-align : center;
}
#chat_h_dl .c_h_span {
width : 95%;
margin : 0 auto;
padding : 3px 0;
text-align : center;
/*text-indent : 1em;*/
font-size : 14px;
display : block;
border-bottom : 1px solid #ccc;
}
#cfm_overlooking_ttl, #cfm_memo_ttl, #chat_h_ttl {
width : 100%;
padding : 7px 0;
margin : 0 auto 6px auto;
text-align : center;
/*border-bottom : dotted 1px #ccc;*/
font-size : 13px;
font-weight : bold;
/*background-color : #5BC0DE*/
color : #5BC0DE;
font-size : 20px;
font-weight : normal;
}
/*#chat_h_ttl {
padding : 7px 0;
background-color : #fd40b4;
color : #fff;
}*/
#chat_h_cls {
width : 20px;
height : 20px;
border : 2px solid #ccc;
border-radius : 20px;
text-align : center;
line-height : 20px;
background-color : #fff;
font-weight : bold;
position : absolute;
top : -14px;
left: 368px;
cursor : pointer;
}
#cfm_overlooking_sub, #cfm_memo_sub {
width : 95%;
padding : 15px 0;
margin : 0 auto 10px auto;
text-align : center;
font-size : 14px;
display : block;
color : #434040;
}
#set_ol_btn, #edit_memo_btn {
float : left;
margin-left : 30px;
width : 120px;
height : 30px;
font-size : 14px;
color : #fff;
text-align : center;
background-color : #5BC0DE;
border : solid 1px #5BC0DE;
border-radius : 5px;
cursor : pointer;
}
#can_ol_btn, #can_memo_btn {
float : right;
margin-right : 30px;
width : 120px;
height : 30px;
font-size : 14px;
color : #fff;
text-align : center;
background-color : #b5b5b5;
border : solid 1px #b5b5b5;
border-radius : 5px;
cursor : pointer;
}
#cls_ol_btn, #cls_memo_btn {
margin : 0 auto;
width : 120px;
height : 30px;
font-size : 11px;
color : #fff;
text-align : center;
background-color : #b5b5b5;
border : solid 1px #b5b5b5;
border-radius : 5px;
cursor : pointer;
display : none;
}
#cfm_memo {
height : 210px;
}
#cfm_memo_sub {
padding : 0;
}
#txt_memo {
width : 300px;
height : 80px;
margin : 0 auto;
}
#edit_memo_btn, #can_memo_btn, #cls_memo_btn {
margin-top : 15px;
}
#big_scrn_bnr {
width : 100%;
height : 58px;
background-image : url("/img/chat/md_chatwin_btn.png");
background-position : 0 -580px;
}
#ashiato_click {
color : #f6bcbc;
cursor : default;
text-decoration : none;
}
/* ================= */
#tab-div {
width : 100%;
background-color : #FFF5F5;
position : static;
}
#new_foot {
position : relative;
/*min-width : 1136px;
max-width : 1300px;
top : 80px;*/
}
.tab-profile {
position : absolute;
width : 350px;
top : 10px;
left : 10px;
}
.tab-div {
position : relative;
margin-left : 365px;
padding : 10px 0 20px;
}
.tab-div-left {
margin-left : 5px;
padding : 10px 0 20px;
position : relative;
}
.tab-button {
width : 139px;
height : 38px;
overflow : hidden;
text-indent : -9999px;
border : 0;
display : block;
background-color : #FFF;
background-image : url(/img/chat/new-chat-bg-2016.png);
background-repeat : no-repeat;
}
.tabBtn1 {
background-position : 0px -176px;
}
.tabBtn2 {
background-position : -140px -176px;
}
.tabBtn3 {
background-position : -280px -176px;
}
.tabBtn4 {
background-position : -420px -176px;
}
.tabBtn5 {
background-position : -560px -176px;
}
/*hover*/
.tabBtn1:hover {
background-position : 0px -230px;
}
.tabBtn2:hover {
background-position : -140px -230px;
}
.tabBtn3:hover {
background-position : -280px -230px;
}
.tabBtn4:hover {
background-position : -420px -230px;
}
.tabBtn5:hover {
background-position : -560px -230px;
}
/*focus*/
.tab-message {
background-position : 0px -230px;
cursor : default;
}
.tab-gallery {
background-position : -140px -230px;
cursor : default;
}
.tab-mail {
background-position : -280px -230px;
cursor : default;
}
.tab-memo {
background-position : -420px -230px;
cursor : default;
}
.tab-recommend {
background-position : -560px -230px;
cursor : default;
}
.tab-review {
background-position : -560px -230px;
cursor : default;
}
/* ================================================== tab */
.tab-gallery-no {
font-size : 80%;
text-align : center;
padding : 10px 0;
}
.tab-gallery-wrap {
/* margin-left : 5px; */
/* margin-right : 11px; */
position : relative;
}
.tab-gallery-h2 {
font-size : 90%;
height : 25px;
line-height : 25px;
background-color : #333;
color : #FFF;
padding : 0 0 0 0.5em;
}
.tab-gallery-div {
position : relative;
width : 340px;
height : 164px;
overflow : hidden;
overflow-y : auto;
background-color : #FFF;
margin-top : 5px;
line-height : 13px;
}
.tab-gallery-ul {
position : relative;
margin : 0px 0px 2px 10px;
width : auto;
background-color : #FFF;
z-index : 0;
}
.tab-gallery-li {
position : relative;
width : 102px;
height : 78px;
overflow : hidden;
margin : 0px 1px;
}
.tab-gallery-img {
display : block;
margin : 0;
border : 1px solid #AAA;
}
.tab-gallery-img-cover {
position : absolute;
display : block;
top : 0px;
left : 0px;
width : 100px;
height : 75px;
border : 1px #DCDCDC solid;
cursor : pointer;
background-image : url(/img/chat/bg-trance.png);
}
.tab-gallery-img-cover:hover {
border : 1px #f57070 solid;
}
.gallery-type-ul {
/*position : absolute;
top : 0px;
right : 5px;
width : 20em;
height : 20px;
text-align : right;
*/
padding-top : 5px;
}
.gallery-type-li {
float : right;
width : 7.7em;
font-size : 70%;
}
.gallery-type-button {
display : block;
font-weight : normal;
font-size : 10px;
font-family : "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","ＭＳ Ｐゴシック",sans-serif;
width : 68px;
height : 15px;
line-height : 15px;
color : #FFF;
border : none;
background-color : #333;
border-radius : 0.7em;
-webkit-border-radius : 0.7em;
-moz-border-radius : 0.7em;
-o-border-radius : 0.7em;
-ms-border-radius : 0.7em;
}
.gallery-type-button-disable {
background-color : #999;
cursor : default;
}
.gallery-slideshow {
position : absolute;
top : 3px;
right : 0px;
display : block;
font-weight : bold;
font-size : 10px;
width : 11em;
height : 16px;
line-height : 1px;
border : none;
color : #FFF;
background-color : #333;
border-radius : 0.7em;
-webkit-border-radius : 0.7em;
-moz-border-radius : 0.7em;
-o-border-radius : 0.7em;
-ms-border-radius : 0.7em;
}
.gallery-slideshow:hover {
background-color : #000;
}
/* ================================================== tab */
.gallery-modal {
/* position : absolute; */
top : 50px;
left : 1px;
background : #FFF;
width : 330px;
height : 270px;
overflow : hidden;
display : none;
/* z-index : 500000000000000000000000000000; */
}
.gallery-modal-dl {
overflow : hidden;
width : 330px;
height : 270px;
/* overflow : hidden; */
/* z-index : 500000000000000000000000000000; */
}
.gallery-modal-dt {
position : absolute;
top : 230px;
left : 8px;
width : 322px;
height : 242px;
/* overflow : hidden; */
/* z-index : 500000000000000000000000000000; */
}
#gallery-modal-dt-sp {
top : 180px;
}
.gallery-modal-img {
display : block;
position : absolute;
top : 0;
left : 0;
border : 3px solid #DCDCDC;
z-index : 500000000000000000000000000000;
}
.gallery-modal-dd-guide {
position : absolute;
top : 230px;
left : 4px;
width : 322px;
height : 242px;
background-image : url(/img/chat/bg-trance.png);
}
.gallery-modal-ul {
position : absolute;
top : 7px;
left : 4px;
width : 322px;
height : 242px;
}
.gallery-modal-prev, .gallery-modal-next {
position : absolute;
top : 0px;
width : 161px;
height : 242px;
cursor : pointer;
z-index : 100000000000000000;
}
.gallery-modal-prev {
left : 0;
}
.gallery-modal-next {
right : 0;
}
#gallery-modal-prev-sp, #gallery-modal-next-sp {
top : 35px;
}
.gallery-modal-button {
display : block;
width : 165px;
height : 242px;
border : none;
cursor : pointer;
overflow : hidden;
display : none;
background-image : url(/img/chat/bg-trance.png);
}
.guide-prev {
background : url(/img/chat/bg-gallery.png) no-repeat left top;
}
.guide-next {
background : url(/img/chat/bg-gallery.png) no-repeat right top;
}
* html .guide-prev {
background : url(/img/chat/bg-gallery-ie.png) no-repeat left top;
}
* html .guide-next {
background : url(/img/chat/bg-gallery-ie.png) no-repeat right top;
}
.gallery-modal-dd {
position : absolute;
left : 440px;
width : 315px;
height : 20px;
color : #555;
overflow : hidden;
padding-top : 4px;
padding-left : 10px;
font-size : 12px;
font-weight : bold;
}
/* ================================================== */
#tab-photo-readmore > a {
background : url("/img/chat/tab-photo-readmore.png") no-repeat;
background-position : 0 0;
display : block;
width : 200px;
height : 41px;
overflow : hidden;
text-indent : -9999px;
margin : 5px auto;
}
#tab-photo-readmore > a:hover {
background-position : 0 -41px;
}
.gallery-type-ul-sp {
position : absolute;
top : 5px;
right : 5px;
width : 15em;
height : 20px;
text-align : right;
}
#tab-photo-back > a {
background : url("/img/chat/tab-photo-back.png") no-repeat;
background-position : 0 0;
display : block;
width : 200px;
height : 41px;
overflow : hidden;
text-indent : -9999px;
margin : 5px auto;
}
#tab-photo-back > a:hover {
background-position : 0 -41px;
}
/* ================= */
.sub-div {
position : fixed;
width : 195px;
height : 700px;
overflow : hidden;
right : -25px;
z-index : 100;
top : 0;
}
@media (max-width: 1200px) {
.sub-div {
float : none;
margin : 0;
width : auto;
}
}
.list-button {
position : absolute;
display : block;
top : 60px;
right : 0px;
width : 25px;
height : 180px;
border : none;
text-indent : -9999px;
background-color : #FFF;
background-image : url(/img/chat/bg-standby-list_flat.png);
background-repeat : no-repeat;
}
* html .list-button {
background-color : #FFF;
}
.list-button-open {
background-position : -150px -70px;
}
.list-button-open:hover {
background-position : -175px -70px;
}
.list-button-close {
background-position : -100px -70px;
}
.list-button-close:hover {
background-position : -125px -70px;
}
.standby-list {
position : absolute;
top : 0;
left : 0;
width : 170px;
height : 100%;
}
#standby-list-title {
position : absolute;
top : 27px;
right : 4px;
width : 170px;
font-size : 18px;
/*height : 100%;*/
background-color : #fff;
font-weight : normal;
}
.standby-list-ul {
/* position : relative; */
width : 170px;
height: 112px;
background-color : #fff;
overflow : hidden;
/* background : url(/img/chat/bg-standby-list_flat.png) no-repeat 0px 0px; */
}
.standby-list-li {
position : absolute;
top : 67px;
color : #fff;
/* width : 77px; */
/* height : 23px; */
/* overflow : hidden; */
}
.standby-list-li01 {
left : 0px;
color : #fff;
cursor : pointer;
background-color : #484747;
padding : 5px 5px 10px 10px;
z-index : 9999;
}
.standby-list-li02 {
/* right : 11px; */
background-color : #484747;
padding : 9px 0px 3px 105px;
width : 95px;
}
.standby-list-button {
display : block;
width : 60px;
height : 55px;
z-index : 99;
text-indent : -9999px;
border : none;
background-color : #484747;
background-image : url(/img/chat/bg-standby-list_flat.png);
background-repeat : no-repeat;
}
.standby-button-sort-off {
margin-top: 8px;
/* background-position : 0px -503px; */
color : #fff;
}
.standby-button-sort-off:hover {
background-position : 0px -533px;
}
.standby-button-sort-on {
margin-top: 8px;
background-position : 0px -654px;
}
.standby-button-sort-on:hover {
background-position : 0px -654px;
}
.standby-button-sort {
background-position : 0px -533px;
}
.standby-button-sort:hover {
background-position : 0px -503px;
}
.standby-button-reload {
background-position: 0px -558px;
}
.standby-button-reload:hover {
background-position : 0px -558px;
}
.standby-list-up {
position : absolute;
top : 0px;
left : 0px;
width : 168px;
height : 20px;
opacity : 0.8;
background-color : #FFF;
background-position : -16px -280px;
}
.standby-list-down {
position : absolute;
left : 0px;
bottom : 0px;
width : 168px;
height : 28px;
opacity : 0.8;
background-color : #FFF;
background-position : -16px -310px;
}
.standby-list-up:hover {
background-position : -16px -340px;
}
.standby-list-down:hover {
background-position : -16px -370px;
}
/* ================================================== */
.standby-list-div {
position : relative;
padding : 0px 2px;
height : 560px;
overflow : hidden;
background-color : #FFF5F5;
border : 1px #FFF solid;
border-top : none;
border-bottom : none;
}
/* ================================================== */
.standby-list-wrap {
position : absolute;
top : 0px;
left : 0px;
width : 170px;
overflow : hidden;
}
/* ================================================== ajax */
.standby-list-ajax-msg {
padding : 50px 10px;
text-align : center;
font-size : 80%;
color : #555;
}
.chat-side-dl {
background-color : #fff;
height : 80px;
overflow : hidden;
position : relative;
text-align : left;
width : 170px;
}
.chat-side-dl:before {
background-color : #ddd;
bottom : 0;
content : "";
display : block;
height : 1px;
left : 0;
position : absolute;
width : 170px;
}
.chat-side-dt {
height : 71px;
left : 0px;
overflow : hidden;
position : absolute;
top : 7px;
width : 87px;
}
.chat-side-img {
display : block;
border : 1px #DCDCDC solid;
}
.chat-side-dd {
height : 70px;
left : 89px;
position : absolute;
top : 6px;
width : 100px;
}
.chat-side-ol {
height : 70px;
}
.chat-side-li {
width : 79px;
height : 25px;
color : #666666;
line-height : 1.4em;
letter-spacing : 0.0em;
font-family : "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","ＭＳ Ｐゴシック",sans-serif;
word-wrap : break-word;
font-size : 9px;
}
.under-line {
border-bottom : 1px #000 dotted;
}
.chat-side-a {
font-weight : bold;
font-size : 10px;
}
.floatL {
float : left;
}
/* ================================================== ?????????????????????????? */
.tab-profile-left-div {
width : 200px;
float : left;
overflow : hidden;
}
.tab-profile-right-div {
width : 864px;
height : 100%;
float : left;
margin-left : 5px;
overflow : hidden;
/*min-height : 335px;*/
background : #fafafa;
border : 1px #ddd solid;
}
.tab-profile-table {
width : 860px;
margin : 0 10px;
float : left;
font-size : 12px;
overflow : auto;
/* border : 1px solid #DDDDDD;
margin : -28px 0px 0px 390px;*/
}
.tab-profile-table2 {
width : 860px;;
font-size : 12px;
/* overflow : auto; */
/* border : 1px solid #DDDDDD;*/
margin : 0 auto;
}
#hr {
width : 98%;
height : 10px;
margin : -8px auto 10px auto;
border-bottom : 1px dotted #DDDDDD;
clear : both;
}
.tab-gallery-table {
width : 100%;
/*height : 527px;*/
font-size : 12px;
/*background : #fafafa;
border : 1px solid #DDDDDD;*/
display : block !important;
}
.tab-review-table {
width : 335px;
height : 300px;
font-size : 12px;
background-color : #ffffff;
border : 0 none !important;
display : block !important;
}
.tab-rank-table {
background-color : #FFF;
border : 0px none;
display : block;
font-size : 12px;
width : 157px;
margin-top : 20px;
}
.tab-profile-th {
white-space : nowrap;
color : #111111;
min-width : 5em;
padding : 1px 0px 0px 10px;
width : 150px;
font-size : 13px;
}
.tab-profile-td {
color : #111111;
padding : 5px 5px 0;
/* font-size : 15px; */
width : 1000px;
line-height : 1.8em;
font-size : 13px;
}
#p_hobby, #p_genre {
orverflow : hidden;
}
#p_genre {
padding : 8px 0px 0;
line-height : 1.4em;
/*white-space : nowrap;*/
pointer-events: none;
}
.tab-profile-th2 {
white-space : nowrap;
font-size : 13px;
color : #111111;
font-weight : bold;
min-width : 5em;
padding : 0 0px;
width : 97px;
font-family : "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","ＭＳ Ｐゴシック",sans-serif;
display : inline-block;
}
.tab-profile-td2 {
color : #111111;
padding : 0 0px;
font-size : 13px;
width : 185px;
font-family : "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","ＭＳ Ｐゴシック",sans-serif;
display : inline-block;
}
.tab-profile-img {
/* display : block; */
}
#div_l_img {
background : #FFF none repeat scroll 0px 0px;
border-radius : 0px;
box-shadow : 0px 0px 3px #DCDCDC;
width : 420px;
height : 320px;
/* top : 450px; */
left : 260px;
position : absolute;
z-index : 1002;
display : none;
border : 1px solid #DCDCDC;
}
#l_prof_img {
margin-top : 10px;
margin-left : 10px;
}
#hid_btn {
margin-top : -9px;
float : right;
margin-right : -14px;
padding : 2px;
background : #414141 none repeat scroll 0px 0px;
border-radius : 3px;
color : #FFF;
text-align : center;
font-weight : bold;
cursor : pointer;
width : 20px;
height : 20px;
font-size : 20px;
line-height : 20px;
}
.tab-profile-ul {
/*padding : 10px 0 0 40px;*/
width : 120px;
margin : 0 auto;
text-align : center;
}
.tab-profile-li {
padding : 0 0 5px 0;
}
.tab-profile-a {
width : 120px;
height : 21px;
display : block;
overflow : hidden;
text-indent : -9999px;
background-image : url(/img/chat/new-chat-bg-2016.png);
background-repeat : no-repeat;
}
.tab-profile-btn1 {
background-position : left -300px;
}
.tab-profile-btn2 {
background-position : -140px -300px;
}
.tab-profile-btn3 {
background-position : -280px -300px;
}
/*hover*/
.tab-profile-btn1:hover {
background-position : left -330px;
}
.tab-profile-btn2:hover {
background-position : -140px -330px;
}
.tab-profile-btn3:hover {
background-position : -280px -330px;
}
/*???I?????????s????????*/
.tab-profile-nobtn2 {
width : 120px;
height : 21px;
display : block;
overflow : hidden;
text-indent : -9999px;
background : url(/img/chat/new-chat-bg-2016.png) no-repeat -140px -360px;
}
.tab-profile-nobtn3 {
width : 120px;
height : 21px;
display : block;
overflow : hidden;
text-indent : -9999px;
background : url(/img/chat/new-chat-bg-2016.png) no-repeat -280px -360px;
}
.tab-profile-p {
width : 100%;
height : 25px;
font-size : 25px;
padding : 12px 0;
margin-top : 5px;
}
#prof_nick_name {
text-align : left;
text-indent : 10px;
float : left;
font-weight : bold;
font-family : "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","ＭＳ Ｐゴシック",sans-serif;
}
#prof_nick_name2 {
text-align : left;
text-indent : 0px;
float : left;
font-size : 16px;
font-family : "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","ＭＳ Ｐゴシック",sans-serif;
line-height : 28px;
font-weight : normal;
}
}
.icon {
text-align : center;
}
.tab-profile-span {
color : #000;
font-size : 12px;
display : block;
padding : 5px 0 10px 0;
}
/*?????????b???Z???[???W*/
.tab-message-iframe {
display : block;
height : 500px;
width : 340px;
border : 1px #ddd solid;
}
.tab-title {
height : 25px;
padding : 0px 0px 0px 3px;
color : #111111;
/* margin-top : 0px; */
font-size : 15px;
line-height : 1em;
border-bottom : 2px solid #f57070;
font-family : "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","ＭＳ Ｐゴシック",sans-serif;
font-weight : normal;
}
.tab-question {
height : 25px;
padding : 0px 0px 0px 3px;
color : #111111;
font-size : 15px;
line-height : 1em;
border-bottom : 2px solid #f57070;
font-family : "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","ＭＳ Ｐゴシック",sans-serif;
margin-bottom : 5px;
font-weight : normal;
}
.tab-message-iframe {
display : block;
height : 500px;
width : 340px;
border : 1px #ddd solid;
}
#question_list_dd {
width : 100%;
}
div.lft {
width : 49.8%;
margin-bottom : 2px;
float : left;
border-bottom : 1px dotted #DDD;
border-right : 1px dotted #DDD;
}
div.rgt {
width : 49.8%;
margin-bottom : 2px;
float : right;
border-bottom : 1px dotted #DDD;
}
.scrollFade:after {
clear : both;
}
table.question-dl {
width : 100%;
height : 80px;
}
.p_question td{
height : 30px;
}
.p_question .tab-profile-td {
height : 30px;
padding : 5px 0px 5px 5px;
color : #f57070;
font-family : "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","ＭＳ Ｐゴシック",sans-serif;
font-size : 14.7px;
font-weight : normal;
width : 100%;
}
.p_answer td.tab-profile-td {
padding : 0 5px 0 5px;
/* font-weight : bolder; */
font-family : "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","ＭＳ Ｐゴシック",sans-serif;
font-size : 15px;
line-height : 1.2em;
}
#q30_r_bnr, #q30_req_done2,
#glry_r_bnr, #glry_req_done2,
#log_r_bnr, #log_req_done2,
#jm_r_bnr, #jm_req_done2 {
/*width : 250px;*/
margin : 0 auto;
text-align : center;
/*border : 1px solid #dddddd;*/
display : none;
}
#glry_r_bnr {
margin-top : 22px;
/*height : 78px;
padding-top : 10px;*/
}
#log_r_bnr {
margin-top : 50px;
/*height : 103px;
padding-top : 40px;*/
}
#glry_req_done2, #log_req_done2, #q30_req_done2 {
height : 50px;
line-height : 50px;
}
.reqbtn {
background : -moz-linear-gradient(top,#FFF 0%,#EEE);
background : -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
/*border : 1px solid #DDD;*/
color : #111;
width : 250px;
margin : 0 auto;
padding : 5px 20px 5px 20px;
display : block;
border : 1px solid #dddddd;
}
.reqbtn:hover {
background: #f5f5f5;
}
#q30_req_done, #glry_req_done,
#jm_req_done, #log_req_done,
#invi_req_done {
display : none;
width : 280px;
height : 135px;
box-shadow : 1px 1px 3px #ccc;
position : fixed;
top : 30%;
left : 33%;
z-index : 999;
background-color : #fff;
border : solid 2px #ccc;
border-radius : 5px;
padding : 10px;
}
#req_cls_btn {
margin-top : 5px;;
width : 100px;
height : 25px;
font-size : 11px;
color : #fff;
text-align : center;
background-color : #b5b5b5;
border : solid 1px #b5b5b5;
border-radius : 5px;
cursor : pointer;
}
#done_msg {
height : 50px;
text-align : center;
font-size: 16px;
/*font-weight : bold;*/
color : #5BC0DE;
line-height: 21px;
margin: 15px auto 25px auto;
}
/*?????????O???C??????????????????*/
.schedule-dl {
clear : both;
padding : 0;
width : 340px;
display : block;
}
.schedule-dd {
width : 340px;
height : 140px;
overflow : hidden;
background : url(/img/chat/schedule-bg.png) no-repeat left top;
margin-top : 5px;
}
/*?????????O???C???????????????????????????\??????*/
.no_schedule-dd {
width : 340px;
height : 140px;
overflow : hidden;
background : url(/img/chat/no_schedule-bg.png) no-repeat left top;
margin-top : 5px;
}
/*?????????b???Z???[???W?????O??????iframe*/
.tab-iframe {
display : block;
height : 480px;
width : 340px;
border : 1px #ddd solid;
}
/*???G???b???`???x???AS???x???AM???x*/
.do-status {
padding : 0;
background : url(/img/chat/do-statusBg.png) no-repeat left top;
}
.do-status-star {
width : 80px;
height : 16px;
text-indent : -9999px;
overflow : hidden;
display : block;
background : url(/img/chat/do-status-star.png) no-repeat left top;
}
/*30??????*/
.question-dl {
clear : both;
padding : 15px 10px;
background-color : #FFF;
border-radius : 5px;
line-height : 1.4em;
}
.question-dd {
width : 340px;
padding : 10px 0 10px 10px;
height : 100px;
overflow : hidden;
background : url(/img/chat/schedule-bg.png) no-repeat left top;
}
/*?A?C?R??*/
.icon-ul{
width : 70px;
margin : 4px 10px 0px 10px;
text-align : center;
float : left;
}
.icon-ul-li{
width : 72px;
height : 18px;
float : left;
text-indent : -9999px;
overflow : hidden;
background-image : url(/img/chat/new-chat-bg.png);
background-repeat : no-repeat;
}
.icon-ul-span{ width:15px; height: 15px; display: block;}
.new{ background-position: -600px -320px;}
.mic{ background-position: -640px -300px;}
.mail{ background-position: -660px -300px;}
.pr-video{ background-position: -678px -300px;}
/*
*
*
*/
div#lr {
margin : 20px 0 0 0;
}
span.tab-profile-span a {
padding : 0 5px 0 0;
}
.lr_div {
clear : both;
height : 20px;
line-height : 19px;
}
.rireki_day {
margin : 0 0 0 21px;
width : 78px;
float : left;
}
.new2{
width : 18px;
height : 18px;
float : left;
text-indent : -9999px;
overflow : hidden;
background-image : url(/img/new_online.new_face2.png);
background-repeat : no-repeat;
}
.new3{
background-position : -600px -320px;
}
.moviescss {
height : 130px;
width : 340px;
margin-left : 0;
overflow-y : auto;
/* : 1px solid #dddddd;*/
margin-top : 5px;
}
div#movies dl {
clear : both;
height : 65px;
width : 98%;
overflow : hidden;
border-bottom : solid 1px #ccc;
margin-bottom : 2px;
}
div#movies dt.img {
float : left;
width : 76px;
overflow : hidden;
}
div#movies dt.img img {
display : block;
margin : 2px 0 0 0;
padding : 1px;
border : 1px #DCDCDC solid;
}
div#movies dd.title ul {
margin-left : 78px;
padding-top : 2px;
padding-left : 0;
font-size : 11px;
}
div#movies dd.title ul li {
margin-top : 3px;
}
div#movies dd.title ul li.title {
height : 16px;
orverflow : hidden;
padding-left : 4px;
}
div#movies dd.title .pr:after {
width : 95px;
height : 17px;
/*! background-image : url("/img/contents/movie.img.png"); */
background-repeat : no-repeat;
/*! background-position : -883px -130px; */
float : left;
background-color : #62C462;
margin-right : 5px;
margin-left : 3px;
border-radius : 25px;
content : "ＰＲ動画";
color : #ffffff;
/*! margin : 0 auto; */
text-align : center;
line-height : 17px;
font-size : 11px;
}
div#movies dd.title .fr:after {
width : 95px;
height : 17px;
/*background-image : url("/img/contents/movie.img.png");*/
background-repeat : no-repeat;
/*background-position : -883px -160px;*/
float : left;
background-color : #5BC0DE;
margin-right : 5px;
margin-left : 3px;
border-radius : 25px;
content : "無料動画";
color : #ffffff;
/*! margin : 0 auto; */
text-align : center;
line-height : 17px;
font-size : 11px;
}
div#movies dd.title .di:after {
width : 95px;
height : 17px;
/*background-image : url("/img/contents/movie.img.png");*/
background-repeat : no-repeat;
/*background-position : -883px -100px;*/
float : left;
background-color : #EE5F5B;
margin-right : 5px;
margin-left : 3px;
border-radius : 25px;
content : "再放送動画";
color : #ffffff;
/*! margin : 0 auto; */
text-align : center;
line-height : 17px;
font-size : 11px;
}
div#movies dd.title li.time {
width : 100%;
color : #555;
font-weight : bold;
line-height : 1em;
padding-bottom : 5px;
}
div#movies dd.title li span.time {
width : 110px;
height : 20px;
line-height : 20px;
font-size : 11px;
}
div#movies dd.title span.date {
width : 130px;
height : 2.1em;
overflow : hidden;
font-size : 11px;
line-height : 1.1em;
word-wrap : break-word;
}
div#movies dd.title li.title a {
color : #007ba8;
font-size : 12px;
line-height : 16px;
}
.chat_comment {
display : block;
height : 570px;
/*height : 550px;*/
padding : 10px;
width : 320px;
overflow : auto;
margin-top : 5px;
}
.tab-gallery-change {
width : 200px;
height : 41px;
}
a.tab-gallery-readmore {
background : url(/img/chat/tab-gallery-readmore.png) no-repeat left top;
width : 200px;
height : 41px;
display : block;
margin : 5px auto;
}
a.tab-gallery-readmore:hover {
width : 200px;
height : 41px;
background : url(/img/chat/tab-gallery-readmore.png) no-repeat left bottom;
margin : 5px auto;
}
#pageTop {
background : #000000;
border-radius : 5px;
color : #fff;
padding : 20px;
position : fixed;
bottom : 20px;
right : 20px;
z-index : 999;
}
#pageTop:hover {
background : #424242;
}
.tab-review-change {
width : 200px;
height : 41px;
display : none;
}
a.tab-review-readmore {
background : url(/img/chat/tab-review-readmore.png) no-repeat left top;
width : 200px;
height : 41px;
display : block;
margin : 5px auto;
}
a.tab-review-readmore:hover {
width : 200px;
height : 41px;
background : url(/img/chat/tab-review-readmore.png) no-repeat left bottom;
margin : 5px auto;
}
.tab-profile-change {
width : 200px;
height : 41px;
margin : 15px 0 0 50px;
display : none;
}
a.tab-profile-readmore {
background : url(/img/chat/tab-profile-readmore.png) no-repeat left top;
width : 200px;
height : 41px;
display : block;
}
a.tab-profile-readmore:hover {
width : 200px;
height : 41px;
background : url(/img/chat/tab-profile-readmore.png) no-repeat left bottom;
}
/*************???O???????????????????q*************/
.beforeGirl, .afterGirl {
background-image : url("../img/chat/goahead.png");
background-repeat : no-repeat;
display : block;
height : 65px;
overflow : hidden;
position : absolute;
top : 170px;
width : 80px;
}
.beforeGirl {
left : -181px;
background-position : 0 0;
}
.beforeGirl:hover {
background-position : 0 -70px;
}
/*.beforeGirl { left: 205px; }*/
/*.beforeGirl img {
margin-left : 12px;
}
.beforeGirl:hover img {
margin-left : 9px;
margin-top : -70px;
}*/
.afterGirl {
left : 693px;
background-position : -70px 0;
}
.afterGirl:hover {
background-position : -70px -70px;
}
/*.afterGirl img {
margin-left : -77px;
}
.afterGirl:hover img {
margin-left : -78px;
margin-top : -70px;
}*/
#done_q30_div {
background-color : #FFB6C1;
color : #FF1493;
text-align : center;
}
#yet_q30_div {
background-color : #FFB6C1;
color : #FF1493;
text-align : center;
}
.chat-side-dt > img {
position : relative;
width : 15px;
height : 15px;
top : -20px;
left : 3px;
}
#p_genre > a {
height : 14px;
line-height : 14px;
text-decoration : none;
color : #979797;
border-radius : 3px;
margin : 0px 3px 3px 0px;
padding : 1px 2px 1px 2px;
font-size : 11px;
border : 1px solid #e1e1e1;;
display : inline-block;
width: 65px;
text-align: center;
}
#p_genre > a.active {
border : 1px solid #f57070;;
color : #f57070;
}
#p_genre > a:hover {
border : 1px solid #f57070;
}
/* 2017/04/22 視聴画面パンくずリスト用CSS */
.breadcrumb_c{
border-bottom : 1px solid #ededed;
padding : 0px 0px 0px 80px;
}
.breadcrumb_c #topicpath {
height : 20px;
margin : 0 auto;
position : relative;
width : 1090px;
}
.breadcrumb_c #topicpath ul {
text-align : left;
padding-left : 5px;
}
.breadcrumb_c #topicpath ul li a{
color : #f57070;
font-size : 11px !important;
}
.breadcrumb_c #topicpath ul li span{
font-size : 11px !important;
}
.fa-angle-right{
margin : 0 5px;
}
/* 2017/04/22 視聴画面パンくずリスト用CSSここまで */
/* 20180801ノンアダここから */
#nonadult_mark {
width: 24px;
height: 24px;
position: relative;
display: inline-block;
top: -3px;
color: #00cf00;
background-image: url(/img/lite_logo.svg);
margin-left: 0px;
margin-right: 10px;
float: left;
background-size: cover;
}
.nonadult_nodisp {
display: none !important;
}
.adult_disp {
display: block !important;
}
#nonadult_icon {
float: left;
margin-top: -20px;
margin-right: 10px;
}
.nonad_icon {
width: 18px;
height: 20px;
position: absolute;
top: 9px;
left: 68px;
z-index: 2;
}
.main-div.nonad{
background: rgba(24,38,81,0.5) !important;
/*background-image : url("/img/bg-chat-lite.png") !important;*/
}
#tab-div.nonad {
background-color : #F5FCF3 !important;
}
h1 span.h1_name.nonad {
color : #00a400 !important;
}
#chan_age.nonad {
color : #00a400 !important;
}
.breadcrumb_c #topicpath ul li a.nonad {
color : #00a400 !important;
}
.box.nonad {
color : #00a400 !important;
}
.tab-menu.nonad {
background-color : #00a400 !important;
}
.nonad .tab-li:hover {
background : #00bd00 !important;
}
.tab-title.nonad {
border-bottom : 2px solid #00a400 !important;
}
.tab-question.nonad {
border-bottom : 2px solid #00a400 !important;
}
.nonad .radar-li a {
background : #00a400 !important;
}
.nonad .review-post a:hover {
background : #00bd00 !important;
}
#osusume_dl.nonad dt {
background-color : #00a400 !important;
}
#noti_title.nonad {
background-color : #00a400 !important;
}
#spacer.nonad {
background-color : #f5fcf3 !important;
}
.fa-home.nonad {
color : #00a400 !important;
}
.fa-angle-right.nonad {
color : #00a400 !important;
}
.fa-play.nonad {
color : #00a400 !important;
}
#movie_cnt.adult_disp {
display: inline !important;
}
.standby-list-div.nonad {
background-color: #F3FCF1 !important;
}
.beforeGirl.nonad {
background-image: url("../img/chat/goahead_noad.png") !important;
}
.afterGirl.nonad {
background-image: url("../img/chat/goahead_noad.png") !important;
}
/* 20180801ノンアダここまで */