*{
	margin: 0;
	padding: 0;
	color: inherit;
	box-sizing: border-box;
}
body{
	color: #333;
}
a{
	text-decoration: none;
	cursor: default;
}
img{
	max-width: 100%;
	vertical-align: middle;
}
#wrap{
	max-width: 640px;
	margin: 0 auto;
}
#header{
	padding: 0 0 10px;
}
#content{
	padding: 3.125%;
}
.con_img{
	width: 100%;
}
.article_etc{
	width:100%;
	position: relative;
}
.article_etc:after{
	content: "";
	display: block;
	clear: both;
}
.date{
	position: absolute;
	left: 3%;
	top: 40%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size:0.8em;
	color:#666;
}
.sns{
	float: right;
}
.txt_box{
	font-size: 19px;
}
.txt_box p{
	margin: 1em 0;
	line-height: 29px;
	letter-spacing: -0.5px;
}
.txt_color{
	color: red;
}
.db_box{
	font-size: 16px;
}
.db_content{
	padding: 10px;
	border: 2px solid #333;
	border-top: 0;
	text-align: center;
}
.db_tbl{
	width: 100%;
	border-collapse: collapse;
}
.db_tbl th,
.db_tbl td{
	padding: 5px 0;
	text-align: left;
	vertical-align: middle;
}
.db_tbl th{
	padding-right: 10px;
	font-weight: 700;
	white-space: nowrap;
}
.db_tf{
	height: 34px;
	padding: 0 0.5em;
	background: none;
	border: 1px solid #999;
	font-size: 13px;
}
.db_tf_1{
	width: 100%;
}
.db_tf_3{
	float: left;
	width: 30%;
}
.db_spacing{
	display: inline-block;
	float: left;
	width: 5%;
	line-height: 34px;
	text-align: center;
}
.db_summary{
	margin: 20px 0;
	font-weight: 700;
	line-height: 1.5;
}
.db_summary span{
	font-size: 1.1em;
	color: #f30;
}
.db_result{
	margin: 10px 0 0;
	padding: 5px;
	border: 1px solid #999;
	background: #eee;
	line-height: 2;
}
.db_result input{
	width: 100px;
	background: #ffd;
	border: 1px solid #999;
	font-size: 16px;
}
.db_lab{
	display: block;
	padding: 10px 0 0;
	font-size:12px;
}
.db_lab input {
	height:12px;
}
.contact_title{
	height: 30px;
	margin: 30px 0 10px;
}
.contact_box{
	overflow: hidden;
	max-height: 180px;
	margin: 0 0 30px;
}
.contact_li{}
.contact_li li{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	position: relative;
	height: 30px;
	line-height: 30px;
	padding: 0 55px 0 10px;
	background-repeat: no-repeat;
	background-position: 100% 50%;
}
.contact_li li:before{
	content: " ";
	position: absolute;
	left: 0;
	top: 0;
	width: 10px;
	height: 100%;
	background: url(../img/dot.png) no-repeat 0 50%;
}
.contact_0{background-image: url(../img/img_contact_0.png)}
.contact_1{background-image: url(../img/img_contact_1.png)}
.contact_2{background-image: url(../img/img_contact_2.png)}

.review_title_box{
	padding: 0 0 20px;
	border-bottom: 1px solid #eee;
}
.review_title_box:after{
	content: "";
	display: block;
	clear: both;
}
.review_title_txt{
	float: left;
	font-weight: 700;
}
.review_title_tab{
	float: right;
}
.review_title_tab span{
	margin: 0 0 0 10px;
}
.review_title_tab span.active{
	font-weight: 700;
}
.review_li{}
.review_item{
	padding: 20px 0;
	border-bottom: 1px solid #eee;
	line-height: 1.5;
}
.review_info{
	margin: 0 0 10px;
	color: #999;
}
.review_id{
	font-weight: 700;
	color: #333;
}
.review_txt{
	margin: 0 0 10px;
	color: #333;
}
.review_etc:after{
	content: "";
	display: block;
	clear: both;
}
.review_reply{
	float: left;
	color: #999;
}
.review_ud{
	float: right;
}
.review_u,
.review_d{
	display: inline-block;
	padding: 0 0 0 15px;
	background: no-repeat 0 50%;
}
.review_u{
	background-image: url(../img/reply_u.jpg);
	color: #069;
}
.review_d{
	margin: 0 0 0 10px;
	background-image: url(../img/reply_d.jpg);
	color: #f30;
}