@charset "utf-8";
/* CSS Document */

.post_box{
	border:solid 1px #d7d6d6;
	padding:9px;
	margin:20px 10px;
}

.hp_left{
	float:left;
	width:490px;
}

.hp_right{
	float:right;
	width:148px;
	border:solid 1px #d7d6d6;
}

.hp_right p{
	margin-bottom:10px;
}

.hp_right ul{
	margin:0 10px;
}

.hp_right ul li{
	margin-bottom:8px;
}

.hp_ttl{
	background-color:#f5f5f5;
	border:solid 1px #d7d6d6;
	margin-bottom:5px;
}

.ttl_right{
	float:left;
}

.h_ttl{
	background:url(/img/case/bg_ttl.gif) left bottom repeat-x;
	width:393px;
	padding:4px 10px;
	font-size:16px;
}


.ttl_right p{
	padding-left:10px;
}

.browsershot{
	float:left;
	border-right:solid 1px #d7d6d6;
	background-color:#ffffff;
	padding:3px;
}


.hp_box dl{
	background:url(/img/case/bg_line.gif) left bottom repeat-x;
	padding:3px 10px;
}

.hp_box dt{
	background:url(/img/case/icon_ttl.jpg) left no-repeat;
	padding-left:10px;
	float:left;
	width:140px;
}

.hp_box dd{
	float:left;
}


.v_img{
	float:left;
	border:solid 1px #d7d6d6;
	background-color:#ffffff;
	padding:3px;
	margin-right:10px;
}

.v_right{
	float:left;
	width:480px;
}

.v_ttl{
	background:url(/img/case/bg_voce.gif) left bottom repeat-x;
	color:#5ea23a;
	padding:5px;
}

.v_right p{
	margin-left:10px;
}


.c_qes{
	background:url(/img/case/ttl_qes.gif) no-repeat;
	text-indent:30px;
	height:25px;
	color:#5ea23a;
}

.ans_box{
	background-color:#f6f6f6;
	padding:10px;
	margin-bottom:20px;
}

.ans{
	background:url(/img/case/icon_ans.gif) top left no-repeat;
	padding-left:30px;
}


.cons_box{
	background-color:#fefeeb;
	padding:7px;
}

.cons_img{
	float:left;
	border:solid 1px #d7d6d6;
	background-color:#ffffff;
	padding:3px;
	margin-right:7px;
}

.cons_right{
	float:right;
	width:465px;
}

.cons_right h4{
	margin-bottom:10px;
}

.cons_right p{
	padding:0 10px;
}

label{
	display:block;
	background:url(/img/blog/bg_list_line.gif) left top repeat-x;
	padding:4px 5px;
}