@charset "utf-8";

#groundbox {
	margin:0 auto;
	min-width: inherit;
}
#header {
	width:auto;
}
#contentbox {
	width:auto;
}
#user h2,
#regist h2,
#login h2{
	font-size:18px;
	line-height: inherit;
	margin-bottom:0;
	}

/*main*/
#content a{color: initial; border:none;}
#menu{float:none;}
.list li{ border-bottom:none;}
.list li a{background:none; padding:0;}

/*left_pane*/
#contentbox #left_pane {
	float: none;
	width:auto;
	margin-right:0;
}
/*top*/
#left_pane .title{height:auto; !important}
.snsb li {float:right; }

#left_pane .ad_box img{
	width:100%;
	height:auto;
	}
.reply_form_area .btn_form a{ font-size:12px; padding:10px}
#left_pane .login_btn{font-size:13px;}

.btn_form a{
	color:#f4f4f4 !important;
	text-shadow: 0 1px 0 rgba(0,0,0,0.5);
	}
/*comment_area*/
img.avatar{
	width:50px;
	border:solid 1px #ddd;
	margin-right:10px;
	}
.commet_txt_area{
	width :100%;
	width : -webkit-calc(100%);
	width : calc(100%);
	float: none;
	margin-left:0;
	}
.reply_area .vote_comment{
	float:none;
	}
.btn_comment{
	color:#f4f4f4 !important;
	text-shadow: 0 1px 0 rgba(0,0,0,0.5);
	}
.comment_box .comment_form_box h3{
	margin-left:0;
	float:none;
	line-height:25px;
	}
.comment_form_area{
	width :100%;
	width : -webkit-calc(100%);
	width : calc(100%);
	float:none;
	margin-left:0;
	margin-top:10px;
	}
.btn_form{
	text-align: center;
	}
.btn_form a{
	background-color:#2489b0 !important;
	color:#f4f4f4 !important;
	text-shadow: 0 1px 0 rgba(0,0,0,0.5);
	}


/*vote_comment*/
.vote_comment{
	position: inherit;
	float: none;
	margin-bottom:1em;
	display:block;
	float: none;
	width:177px;
	}
.vote_comment a{
	display:inline-block !important;
	width:75px;
	padding:0 5px;
	}
#content .vote_comment a.good_comment{
	background:url(../img/comment/icon_good.png) 5px center no-repeat;
	color:#ff4b5a;
	border-right:solid 1px #f1f1f1;
	}
#content .vote_comment a.bad_comment{
	background:url(../img/comment/icon_bad.png) 5px center no-repeat;
	color:#036da9;
	border-left:solid 1px #dadada;
	}
.btn_comment a,
.btn_comment a:hover{
	color:#f4f4f4 !important;
	text-shadow: 0 1px 0 rgba(0,0,0,0.5);
	}
.btn_comment:before{
	content:inherit;
	margin-right:0;
	display:none;
	}

/*user_box*/
.user_box{padding:0;}
img.user_avatar{
	width:60px;
	height:auto;
	}
.user_txt_area{
	float:right;
	width : -webkit-calc(100% - 70px);
	width : calc(100% - 70px);
	margin-left:0;
	}
.user_txt_area h3{
	line-height: inherit;
	margin-bottom:0;
	}
.user_txt_area table{
	width:100%;
	height:auto;
	}
.user_txt_area table .good_comment,
.user_txt_area table .bad_comment{
	height:40px;
	}
/*login*/
.btn_01,
.btn_02,
.btn_03{
	margin:0 1em;
	display:block;
	color:#f4f4f4 !important;
	text-shadow: 0 1px 0 rgba(0,0,0,0.5);
	}
div.entrybox.loginbox{
	float: none;
	width:94%;
	}
div.entrybox.registbox{
	float: none;
	width:94%;
	}
div.entrybox {
	padding:3%;
	min-height: inherit;
	height:auto;
	}
div.entrybox .btn_area{
	position:initial;
	display:block;
	}

/*regist*/
table.table_regist{
	width:auto;
	margin:1em auto;
	}
table.table_regist th,
table.table_regist td{
	padding:.5em;
	}
table.table_regist th{
	width:10%;
	font-size:9px;
	}
table.table_regist td input.w300{width:75% !important;}
table.table_regist td input#avatar_1{width:100% !important;}
/*right_pane*/
#contentbox #right_pane {
	float:none;
	width:auto;
	margin-bottom:0;
}
#contentbox #right_pane img{
	width:auto;
	height:auto;
	}