@charset "utf-8";
/* CSS Document */
#first_hide, #return_btn {
	display:none;
}
#body[data-isroom="1"] #first_hide,#body[data-isroom="1"] #return_btn{
	display:inline;
}
.mes_wrap {
	padding-bottom:0;
	padding-top:0;
}
#login_area button {
	min-width:80px;
}
#my_info_pct {
	margin-left:3px;
}
#div_create_room_in .d_table {
}
#div_create_room_in .d_table_r {
}
#div_create_room_in {
	padding:0;
	margin:10px;
	max-height:520px;
	width:500px;
}
#div_create_room {
	max-width:600px;
}
#div_create_room .d_table th {
	padding-top:0;
}
#i_room_desc, #i_room_name {
	width:415px;
}
#i_room_desc {
	font-size:12px;
}
#div_create_room_in .radios {
	padding:0;
}
#div_create_room_in .radios label:hover {
	color:#e71063;
}
.in_tablex {
	float:left;
	width:49%;
}
#wrap_container {
	width:100%;
	max-width:1280px;
	margin:auto;
	display:block;
}
#comment_err {
	display:inline-block;
	float:left;
}
#room_title {
	width:auto;
	max-width:95%;
	color:#666666;
	text-shadow:none;
	margin-top:5px;
}
#comment_photo img {
	max-width:93%;
}
.expand_wrap {
	display: inline-block;
	float: left;
	margin-left:0.8%;
	margin-top: -6px;
	opacity: 0.5;
}
.expand_wrap:hover {
	cursor:pointer;
	opacity: 0.3;
	margin-top: -5px;
}
#mes_wrap_box[data-expand="1"] {
	background: url("../css/icon/white80.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
	border: 1px solid #ddd;
	bottom: 60px;
	left: 9%;
	padding: 10px;
	position: fixed;
	top: 10px;
	width: 79%;
	border-radius:5px;
	box-shadow:0 9px 9px rgba(0, 0, 0, 0.3);
	z-index:1;
}
#body[data-cssd="1"] #comment{
	display:none;
}
#mes_wrap_box[data-expand="1"] #comment_photo {
	margin-left:0;
	width:50px;
}
#mes_wrap_box[data-expand="1"] #comment {
	margin-left:0;
	margin-right:0;
}
#mes_wrap_box[data-expand="1"] .expand_wrap {
	margin-left: 46px;
	margin-top: -6px;
}
#mes_wrap_box[data-expand="1"] .submit_wrap {
	padding-right:4px;
}
#mes_wrap_box[data-expand="1"] #expand_close {
	cursor: pointer;
	display: block;
	float: right;
	font-weight: bold;
	margin-right: -4px;
	margin-top: -10px;
}
#mes_wrap_box[data-expand="1"] #comment_character_name{
	margin-left:0;
}
#expand_close:hover {
	opacity:0.5;
}
#dice_window {
	max-width:inherit;
}
img.click_img {
	display: block;
	max-height: 450px;
	max-width: 90%;
	padding-top: 0;
	width: auto;
}
img.click_img:hover {
	cursor:pointer;
}
/* design :: 2 */
#b_leave img, .b_show_list img, .b_show_history img, .tab_user_in_room img, .tab_friends img, #b_change_room_info img {
	display:none;
}
#b_sound img {
	height:12px;
	width:12px;
	vertical-align:middle;
	margin-right:2px;
}
.tab {
	height:auto;
	margin-right:1px;
}
#in_count, #in_count2, .friends_count, .usersd_count {
	margin-left:-5px;
	margin-top:0;
}
#myinfowrap {
	cursor:pointer;
}
#myinfowrap #my_info_name:hover {
	text-decoration:none;
	color:#ddd;
}
#ul_myself_menu .btn img {
	margin-bottom: 5px;
	margin-top: 5px;
}
#ul_myself_menu .btn {
	background: url("icon/xd.jpg") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
	display: inline-block;
	float: left;
	font-size: 10px;
	height: 46px;
	margin-right: 3px;
	width: 55px;
	border-radius:3px;
	margin-left:1px;
	margin-top:2px;
}
#ul_myself_menu .btn:hover {
	opacity:0.9;
	box-shadow:none;
}
#myinfowrap_fikidashi {
	background: none repeat scroll 0 0 #fff;
	border: 1px solid #999999;
	border-radius: 3px;
	color: #fff;
	display: none;
	font-size: 10px;
	font-weight: bold;
	line-height: 1;
	margin-left: -45px;
	margin-top: 0px;
	padding: 10px 5px 10px 10px;
	position: fixed;
	text-align: center;
	width: 200px;
	height:52px;
	z-index: 1;
}
#myinfowrap_fikidashi p {
	color:red;
}
#myinfowrap_fikidashi i {
	display: block;
	font-size: 16px;
	margin-top: -21px;
	text-align: right;
	margin-right:33px;
}
#room_desc_close {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	color: #999;
	float: right;
	text-decoration: underline;
	display:block;
}
#room_desc_close img.room_desc_close {
	cursor: pointer;
	height: 31px;
	margin-left: -3px;
	margin-right: -10px;
	margin-top: -4px;
	opacity: 0.6;
	width: 31px;
}
#room_desc_close:hover, #room_desc_close2:hover {
	opacity:0.5;
}
#room_desc_close i, #room_desc_close2 i {
	cursor: pointer;
}
#box2 {
	margin:0;
	max-width:870px;
	width:870px;
}
#box2[data-room_desc_close=""] .room_desc_close2, #box2[data-room_desc_close=""] .room_desc_close3 {
	display:none;
}
#box2[data-room_desc_close="1"] .room_desc_close1, #box2[data-room_desc_close="1"] .room_desc_close2, #box2[data-room_desc_close="1"] #room_desc_close2 {
	display:none;
}
#box2[data-room_desc_close="2"] .room_desc_close2, #box2[data-room_desc_close="2"] .room_desc_close1, #box2[data-room_desc_close="2"] #room_desc_close {
	display:none;
}
#box2[data-room_desc_close="2"] .tos .nonsp {
	display:none;
}
.room_desc_close1, .room_desc_close2, .room_desc_close3 {
	color:#a07ddb;
}
#box2[data-room_desc_close=""] #room_desc_close2 .room_desc_close2 {
	display:inline;
}
div[data-room_desc_close="1"] #room_desc_wrap {
	max-height:14px;
}
div[data-room_desc_close="2"] #room_desc_wrap {
	max-height:60%;
	height:60%;
	overflow:auto;
}
[data-room_desc_close="2"] span.rd1 {
	display:none;
}
[data-room_desc_close="1"] span.rd2 {
	display:none;
}
#login_area img.user {
	height:30px;
	width:30px;
}
.tabs {
	box-shadow:none;
	background:#fff;
}
#box1, #box3 {
	background: none repeat scroll 0 0 #fff;
	border-radius: 3px;
	padding: 0 5px;
	padding-bottom:5px;
	width: 280px;
}
#box1_inner {
	background:url(/img/white50.png) repeat;
	border-radius: 3px;
}
#box1_inner .li_items:hover * {
	text-decoration:none;
}
#box1_inner .li_items {
	background: none repeat scroll 0 0 #fff;
	border-radius: 3px;
	margin-bottom: 5px;
	border-bottom: none;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
	padding-left:1%;
	padding-right:1%;
	min-height:42px;
}
#room_listb {
	background:#fff;
	margin-top:5px;
	width:22.5%;
	padding:5px;
	border-radius:3px;
	overflow:auto;
	height:400px;
}
#room_listb #all_category {
	display: block;
	margin-bottom: 5px;
	margin-left: 1%;
	width: auto;
}
#room_listb #all_category .cat2 {
	border:none;
}
#room_listb .cate {
	padding-left:1%;
	margin-bottom:5px;
}
#room_listb .cat2 a{
	color:#333;
	text-decoration:none;
}
#room_listb .cat1 {
	font-weight:bold;
	color:#df50ab;
	line-height:2em;
	margin-top:6px;
}
#room_listb .cat2 {
	font-size: 11px;
	line-height: 2em;
	padding-left: 4%;
}
#room_listb .cat2:hover {
	background: none repeat scroll 0 0 #feecfe;
	border-radius: 3px;
	color: #333;
	cursor:pointer;
}
#room_listb .on {
	background: none repeat scroll 0 0 #d07ddb;
	border-radius: 3px;
	color: #fff;
	font-weight: bold;
}
#room_listb .on a{
	color: #fff;
}
#box1 {
	background:none;
	width:75%;
	float:right;
	padding-top:5px;
	height:400px;
	
}
#box3 {
	float:left;
	margin:0;
	margin-left:5px;
}
#div_list, #div_list2, #div_list3 {
	box-shadow:none;
	background:none;
	height:inherit;
}
#d_user_list, #d_user_list2, #d_user_list3 {
	box-shadow:none;
}
#header {
	display:block;
	max-width:1080px;
	width:100%;
	margin:auto;
}
#header .in_tip {
	background:none;
	border:none;
	color:#FFFFFF;
}
#header a.logo, #header .in_tip, #header .in_ui, #search_zone, #return_btn {
	background:none;
	border:none;
	color:#d7d7d7; /* 弱くした */
	display:inline-block;
}
div.header_inner > div.l, div.header_inner div.r {
	height:40px;
	margin-top:-3px;
}
#header .in_ui {
	display: inline;
	margin-bottom: 0;
	padding: 0;
	vertical-align: 7px;
}
#header .in_tip {
	display: inline;
	margin-bottom: 0;
	padding: 0;
	vertical-align: 6px;
}
img.logo {
	margin-top:9px;
}
#login_area {
	padding-top:6px;
	margin-right:40px;
}
.tabs .tab {
	background:url("icon/b1.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
	border-radius:3px 3px 0 0;
}
.tabs div.selected, .tabs div.tab:hover {
	background:#fff;
}
.tab span {
	color:#f4f4f4;
}
.tabs div.selected span, .tabs .tab:hover span {
	color:#777;
}
#tab_user_in_room {
	margin-right:11px;
}
li.li_user .l span.user_name {
	font-weight:normal;
	color:#666;
}
#a_category {
	margin-left:5px;
	margin-right:15px;
	box-shadow:0 2px 2px rgba(0, 0, 0, 0.5);
}
#b_search, #reload_btn {
	border-radius:3px;
}
#b_search, #reload_btn {
	border-radius:3px;
	box-shadow: none;
	margin-right: 2px;
	padding: 5px 10px;
	vertical-align: 0;
	height:26px;
}
#i_search {
	border: medium none;
	border-radius: 3px;
	font-size: 14px;
	padding: 5px;
	height:15px;
}
#i_search::-webkit-input-placeholder {
 color:    #999;
}
/*for Firefox*/
#i_search:-moz-placeholder, #i_search::-moz-placeholder {
 color:    #999;
}
#search_zone {
	margin-top:-30px;
	position:absolute;
}
#return_btn {
	background: none repeat scroll 0 0 #fff;
	color: #333;
	font-family: メイリオ;
	font-size: 11px;
	height: 24px;
	line-height: 1;
	margin-top: 9px;
	padding: 0 15px;
	vertical-align: top;
}
#return_btn:hover {
	background:#efefef;
}
#b_send {
	vertical-align:top;
	margin-right:11px;
}
#comment {
	border-color:#a07ddb;
	border-width:2px;
	margin-left:-1%;
	float:right;
	width:86%;
}
#b_show_list {
	display:none;
}
#topimg_wrapper {
	margin-bottom: 30px;
	margin-top: -15px;
	min-width:770px;
}
#topimg_wrapper .timg2, #topimg_wrapper .timg1 {
	display:block;
	float:left;
}
#topimg_wrapper .timg1 {
	margin-left:3%;
}
#topimg_wrapper .tmg_tip {
	border-radius: 3px;
	color: #fff;
	display: inline-block;
	font-size: 25px;
	line-height: 1.7em;
	margin-left: 4%;
	padding: 10px;
	/* 文字の影 */
	text-shadow: 0 0 7px rgba(0, 0, 0, 1);
}
#topimg_wrapper .tmg_tip b {
	font-size:150%;
}
#topimg_wrapper .tmg_tip p {
	font-size: 62%;
	line-height: 1.5em;
}
.headlin {
	color: #fff;
	font-size: 20px;
	font-weight: bold;
}
.search_zone_tip {
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	line-height: 1;
	margin-right: 15px;
	vertical-align: -4px;
}
#body #box1 #top_b_show_create_room {
	margin-top:-30px;
	color: #fff;
	z-index:3;
}
#body #box1 #top_b_show_create_room span {
	color: #fff;
}
#top_tabs {
	background:none;
	border:none;
}
#footer {
	margin:auto;
}
#box1 .li_items{
	position:relative;
}
#box1 span.s2{
	position:absolute;
	margin-left:-100px;
	width:100px;
	display:inline-block;
	text-align:right;
}
#box1 span.s4_wrap{
display: inline-block;
margin-bottom: -3px;
vertical-align: top;
}
#box1 span.s4{
	display:inline;
}
#box1 .s4 img{
height: 35px;
width: 35px;
margin-bottom:3px;
}
#box1 .rm{
	vertical-align:top;
}

@media (min-width: 1000px) {
#room_title {
 max-width:95%;
}
}
@media (max-width: 1120px) {
.comment .r {
 width:70%;
}
#i_file2 {
 width:70px;
}
#b_send {
 padding:5px 10px;
 font-size:10px;
}
#comment {
 width:84%;
 margin-left:1%;
}
.photo_formd {
 margin-right:2px;
}
#comment_photo img{
	border-width:2px;
}
}
#box1 .b_show_create_room, #b_change_room_info, #b_leave, #b_sound {
	background:none;
	color:#999;
	text-decoration:underline;
	float:right;
}
#box1 .b_show_create_room span, #b_change_room_info span, #b_leave span, #b_sound span {
	color:#999;
	cursor:pointer;
	font-family:"ＭＳ ゴシック", "Osaka－等幅";
	font-size:10px;
}
#box1 .b_show_create_room:hover, #b_change_room_info:hover, body #b_leave:hover, body #b_sound:hover {
	opacity:0.6;
	text-decoration:none;
	background:none;
}
button.btn span {
	font-size:8px;
}
#box_sh_main span.user_name, #box_sh_main span.m_uname {
	max-width:350px;
}
#footer_inner{
	position:relative;
	z-index:1;
}
#reload_btn_wrap{
color: #fff;
font-size: 11px;
font-weight: bold;
margin-left: 10px;
margin-top: -9px;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8);
margin-right:5px;	
}
#reload_btn_wrap .reload_btn{
float: right;
height: 15px;
margin-left: 1em;
margin-top: 2px;
width: 25px;
}
#reload_btn_wrap .reload_btn img{
height: 11px;
vertical-align: -1px;
width: 11px;}

/*data-isroom*/
#box1_inner #list_0{
	min-height:inherit;
}
body[data-isroom="0"] #box1{
	float:left;
	max-width:720px;
}
body[data-isroom="0"] #box3{
	width:233px;
	background:none;
	padding:0;
	margin:0;
}
body[data-isroom="0"] #box3 .koukoku{
	margin:0;
}
body[data-isroom="0"] #box3 .tabs,body[data-isroom="0"] #box3 .list{
	display:none;
}
body[data-isroom="0"] #box3 [id^="d_user"]{
	background:none;
}
body[data-isroom="1"] #box1{
	padding-left:0;
	width:250px;
}
[data-isroom="0"] #box1 .li_items{
	padding-top:2px;
	padding-bottom:2px;
	min-height:64px;
}
[data-isroom="0"] #box1 #list_0{
	min-height:inherit;
}
[data-isroom="0"] #box1 #list_0 .s0{
	font-size:11px;
	
}

[data-isroom="0"] #box1 .li_items .l{
	width:80%;
}
[data-isroom="1"] #box1 .li_items .l{
	width:140px;
}
[data-isroom="1"] #box1 .rm{
	width:175px;
}
[data-isroom="1"] #box1 .li_items{
	padding-right:5px;
	
}
[data-isroom="0"] .wrapper{
	min-width:inherit;
}

.tab_user_in_room_2 img{
	display:none;
}