
﻿.article{
	border: 1px silver solid;
	padding: 15px;
	
	
}
.article_header{
	margin: 10px 0px 10px 0px;
	width: 98%;
}
.board_detail{
	width: auto;
	height: auto;
	padding: 15px;
	
}
.board_list{
	
}

#board_title{
	float:left;
	border-right: 1px silver solid;
	padding: 0px 10px 0px 10px;
}
#article_title{
	float:left;
	padding: 0px 10px 0px 10px;
}
#article_date{
	float:right;
	padding: 0px;
	text-align:right;
}
.article_writer_data{
	margin: 10px 0px 10px 0px;
	clear: both;
	width: 98%;
}
#article_writer_name{
	float:left;
	padding: 0px 10px 0px 10px;

}
#article_writer_mail{
	float:left;
	padding: 0px 10px 0px 10px;

}
#article_writer_ip{
	float:right;
	padding: 0px 10px 0px 0px;

}
#article_body{
	padding: 10px 20px 15px 20px;
	clear: both;
}
#article_comment_count{
	color: #FF9933;
	font-weight: bold;
}
.comments{
	margin-top: 20px;
	margin-left: 20px;
	clear: both;
	border: none;
	width: 95%;
}
.wrote_comment{
	clear: both;
	height: 100%;
	border-bottom: 1px dotted silver;
}
.wrote_comment_writer_name{
	float:left;
	padding: 0px 30px 0px 10px;
	width: 50px;
}
.wrote_comment_body{
	float:left;
	padding: 0px 10px 0px 10px;
}

.wrote_comment_date{
	clear: both;
	padding: 0px 5px 0px 5px;
	margin-left: 95px;
	width: 50px;
	font-size: 0.8em;
}
.wrote_comment_inp_pass{
	float:left;
	padding: 0px 5px 0px 5px;
}
.wrote_comment_inp_pass input{
	width: 50px;

}

.wrote_comment_del_button{

	float:left;
	padding: 0px 5px 0px 5px;
}
.btn_delete{
	margin-left: 70px;
}
/*　コメント書き込み欄　*/
.article_comment_input{
	clear: both;
	margin: 15px 0px 20px 15px;
	padding:0px 80px 0px 135px;
	position: relative;
	width:80%;
	width: 330px;

}
.comment_input_user_data{
        width:135px;
        height:35px;
        position:absolute;
        top:0px;
        left:0px;
}
.comment_input_user_data input{
        width:50px;
}
.comment_input_body{
        width:auto;
        height: auto;
}
.comment_input_body textarea{
        width:280px;
        height: 50px;
}
.commnet_input_button{
        width:80px;
        height:35px;
        position:absolute;
        top:0px;
        right:0px;
}
/*　　*/
.any_articles{
  clear:both;
  text-align: left;
  margin: 20px 0px 20px 0px;
}
.any_articles span{
  vertical-align: middle;
}
.any_articles .button_img{
  padding-right: 10px;
}
.article_button{
	text-align: right;
	margin: 20px 0px 20px 0px;
}
.article_button img{
	margin-left: 1px;
}
/* コメント書き込み欄 */
#comment_input_user_data{
        width:125px;
        height:35px;
        position:absolute;
        top:0px;
        left:0px;

}
#comment_input_user_data input{
        width:50px;
}
#comment_input_body{
        width:auto;
        height: auto;
}
#comment_input_body textarea{
        width:300px;
        height: 40px;
}
#commnet_input_button{
        width:80px;
        height:35px;
        position:absolute;
        top:0px;
        right:0px;
}
/* / コメント書き込み欄 */
