@charset "utf-8";

/* ━━━━　レフトメニュー　━━━━ */

#case_menu{
	background:url(../images/case/menu_case.jpg) no-repeat left top;
}

#menu_case_index a{
	display:block;
	width:212px;
	height:32px;
	background:url(../images/case/menu_case_top.gif) no-repeat left top;
}

#menu_case_index_now a{
	display:block;
	width:212px;
	height:32px;
	text-indent:-9999px;
	background:url(../images/case/menu_case_top.gif) no-repeat right top;
}

#menu_case_index a:hover{
	background:url(../images/case/menu_case_top.gif) no-repeat right top;
}

#menu_case_measure a{
	display:block;
	width:212px;
	height:32px;
	background:url(../images/case/menu_case_measure.gif) no-repeat left top;
}

#menu_case_measure_now a{
	display:block;
	width:212px;
	height:32px;
	text-indent:-9999px;
	background:url(../images/case/menu_case_measure.gif) no-repeat right top;
}

#menu_case_measure a:hover{
	background:url(../images/case/menu_case_measure.gif) no-repeat right top;
}

#menu_case_investigation a{
	display:block;
	width:212px;
	height:32px;
	background:url(../images/case/menu_case_investigation.gif) no-repeat left top;
}

#menu_case_investigation_now a{
	display:block;
	width:212px;
	height:32px;
	text-indent:-9999px;
	background:url(../images/case/menu_case_investigation.gif) no-repeat right top;
}

#menu_case_investigation a:hover{
	background:url(../images/case/menu_case_investigation.gif) no-repeat right top;
}

#menu_case_house a{
	display:block;
	width:212px;
	height:32px;
	background:url(../images/case/menu_case_house.gif) no-repeat left top;
}

#menu_case_house_now a{
	display:block;
	width:212px;
	height:32px;
	text-indent:-9999px;
	background:url(../images/case/menu_case_house.gif) no-repeat right top;
}

#menu_case_house a:hover{
	background:url(../images/case/menu_case_house.gif) no-repeat right top;
}

#menu_case_static a{
	display:block;
	width:212px;
	height:32px;
	background:url(../images/case/menu_case_static.gif) no-repeat left top;
}

#menu_case_static_now a{
	display:block;
	width:212px;
	height:32px;
	text-indent:-9999px;
	background:url(../images/case/menu_case_static.gif) no-repeat right top;
}

#menu_case_static a:hover{
	background:url(../images/case/menu_case_static.gif) no-repeat right top;
}

#menu_case_verification a{
	display:block;
	width:212px;
	height:32px;
	background:url(../images/case/menu_case_verification.gif) no-repeat left top;
}

#menu_case_verification_now a{
	display:block;
	width:212px;
	height:32px;
	text-indent:-9999px;
	background:url(../images/case/menu_case_verification.gif) no-repeat right top;
}

#menu_case_verification a:hover{
	background:url(../images/case/menu_case_verification.gif) no-repeat right top;
}

#menu_case_etc a{
	display:block;
	width:212px;
	height:32px;
	background:url(../images/case/menu_case_etc.gif) no-repeat left top;
}

#menu_case_etc_now a{
	display:block;
	width:212px;
	height:32px;
	text-indent:-9999px;
	background:url(../images/case/menu_case_etc.gif) no-repeat right top;
}

#menu_case_etc a:hover{
	background:url(../images/case/menu_case_etc.gif) no-repeat right top;
}

#case_contents{
	width:649px;
	padding-left:15px;
	margin-bottom:0px;
	background:url(../images/case/contents_title_blank.jpg) no-repeat right top;
}

/* ━━━━　case common　━━━━ */

#case_customer{
	width:659px;
	padding-right:5px;
	text-align:right;
}

.case_photo300{
	float:left;
	margin-left:14px;
	_margin-left:7px;
	text-align:center;
}

.case_date{
	width:641px;
	display:block;
	margin:0px;
	padding:0px;
	border:#CCCCCC 1px solid;
}

.case_date tr th{
	margin:0px;
	min-width:107px;
	padding:5px 10px;
	border-left:#CCCCCC 1px solid;
	border-top:#CCCCCC 1px solid;
	vertical-align:top;
	color:#333333;
	background-color:#EEEEEE;
}

.case_date tr td{
	margin:0px;
	padding:5px 10px;
	border-left:#CCCCCC 1px solid;
	border-top:#CCCCCC 1px solid;
	vertical-align:middle;
}

.case_date tr .w453{
	margin:0px;
	min-width:453px;
	padding:5px 10px;
	border-left:#CCCCCC 1px solid;
	border-top:#CCCCCC 1px solid;
	vertical-align:middle;
}


/* ━━━━　case-index　━━━━ */

.case_index_list {
	position:relative;
	clear:both;
	width:640px;
	margin-bottom:15px;
	padding:10px 10px;
	background-color:#FFFFFF;
}

.case_index_box{
	float:left;
	width:313px;
	margin-bottom:25px;
	_margin-bottom:15px;
	padding-bottom:8px;
	border:1px solid #CCCCCC;
}

*+html .case_index_box{
	margin-bottom:15px;
}

.case_index_box p{
	width:303px;
	margin-top:8px;
	padding-right:10px;
	background:url(../images/case/case_index_obi.jpg) repeat-y left top;
	font-weight:bold;
	text-align:right;
	color:#aaaaaa;
}

.case_index_box img{
	float:left;
	width:76px;
	padding:8px 8px;
}

.case_index_box dl{
	float:right;
	width:210px;
	margin-top:8px;
	padding-right:10px;
}

.case_index_box dl em,
.case_index_box_r dl em {
	line-height: 1.2em;
	font-size: 0.8em;
	font-style: normal;
}

.case_index_box_r{
	float:right;
	width:313px;
	margin-bottom:25px;
	_margin-bottom:15px;
	padding-bottom:8px;
	border:1px solid #CCCCCC;
}

*+html .case_index_box_r{
	margin-bottom:15px;
}

.case_index_box_r p{
	width:303px;
	margin-top:8px;
	padding-right:10px;
	background:url(../images/case/case_index_obi.jpg) repeat-y left top;
	font-weight:bold;
	text-align:right;
	color:#aaaaaa;
}

.case_index_box_r img{
	float:left;
	width:76px;
	padding:8px 8px;
}

.case_index_box_r dl{
	float:right;
	width:210px;
	margin-top:8px;
	padding-right:10px;
}

.case_index_box_r dl dt a, .case_index_box dl dt a{
	color:#014fa1;
}



.btn_case_more{
	display:block;
	text-align:right;
	margin:0px;
	padding:2px 10px;
	border:1px solid #999999;
	position:absolute; bottom:0px; right:10px;
	background:url(../images/case/bg_btn_more.jpg) repeat-x left center;
	background-color:#D9D9D9;
}

.btn_case_more a{
	margin:0px;
	padding-left:10px;
	background:url(../images/common/arrow_b.gif) no-repeat left center;
	color:#333;
	text-decoration:underline;
}

.btn_case_more a:hover{
	text-decoration:none;
}


/* ━━━━　事例一覧　━━━━ */

.case_category{
	clear:both;
	width:640px;
	margin-left:10px;
	margin-bottom:30px;
	padding:0px;
}

.case_category dl{
	clear:both;
	width:640px;
	min-height:60px;
	margin-bottom:10px;
	padding-bottom:10px;
	background:url(../images/common/dot_col.gif) repeat-x left bottom;
}

.case_category dl dt{
	float:left;
	display:block;
	width:100px;
	margin:0px;
	padding:0px;
	text-align:left;
}

.case_category dl dd{
	float:right;
	display:block;
	width:540px;
	margin:0px;
	padding:0px;
	text-align:left;
}

.case_category dl dd a{
	padding-left:10px;
	display:block;
	color:#0050a0;
	background:url(../images/common/arrow_b.gif) no-repeat left center;
}

.case_category dl dd span{
	padding-left:10px;
}


.case_category_list{
	clear:both;
	width:640px;
	margin-left:10px;
	margin-bottom:30px;
	padding:0px;
}

.case_category_list dl{
	clear:both;
	width:640px;
	margin-bottom:15px;
	padding:0px;
	border-right:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
}

.case_category_list dl dt{
	clear:both;
	width:619px;
	margin-bottom:10px;
	padding:5px 5px 5px 15px;
	background-color:#EFEFEF;
	border-left:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}

.case_category_list dl dt .case_list_name{
	float:left;
	display:block;
	width:520px;
	margin:0px;
	padding:0px;
	font-weight:bold;
}

.case_category_list dl dt .case_list_num{
	float:right;
	display:block;
	width:80px;
	margin:0px;
	padding-right:10px;
	font-weight:bold;
	color:#aaaaaa;
	text-align:right;
}

.case_category_list dl dd{
	position:relative;
	clear:both;
	width:620px;
	margin-bottom:0px;
	padding:0px;
}

.case_category_list dl dd img{
	float:left;
	width:80px;
	margin-bottom:0px;
	padding-right:10px;
}

.case_category_list dl dd p{
	float:right;
	width:528px;
	margin-bottom:0px;
	padding:0px;
}

.case_category_list dl dd span{
	display:block;
	margin-bottom:5px;
	color:#666666;
	font-size: 0.8em;
	font-style: normal;
}

.case_category_list dl dd a{
	float:right;
	padding-left:10px;
	background:url(../images/common/arrow_b.gif) no-repeat left center;
	color:#0050a0;
	text-decoration:underline;
}

.case_a_list dl dt{ background:url(../images/case/bg_case_title_a.jpg) repeat-y left top; }
.case_b_list dl dt{ background:url(../images/case/bg_case_title_b.jpg) repeat-y left top; }
.case_c_list dl dt{ background:url(../images/case/bg_case_title_c.jpg) repeat-y left top; }
.case_d_list dl dt{ background:url(../images/case/bg_case_title_d.jpg) repeat-y left top; }
.case_e_list dl dt{ background:url(../images/case/bg_case_title_e.jpg) repeat-y left top; }
.case_f_list dl dt{ background:url(../images/case/bg_case_title_f.jpg) repeat-y left top; }

/* ━━━━　case_table parts　━━━━ */

.case_table {
	margin:0px 0 15px;
	padding:0px;
	border:#CCCCCC 1px solid;
}

.case_table th {
	padding: 5px 5px;
	border-left: #CCCCCC 1px solid;
	border-top: #CCCCCC 1px solid;
	vertical-align: top;
	color: #333333;
	background-color: #EEEEEE;
	text-align: center;
}

.case_table td {
	padding: 5px 5px;
	border-left: #CCCCCC 1px solid;
	border-top: #CCCCCC 1px solid;
}

.td_center { text-align: center; }

.w641 {	width: 641px; }
.w450 {	width: 450px; }
.w400 {	width: 400px; }
.w300 {	width: 300px; }
.w200 {	width: 200px; }
.w170 { width: 170px; }
.w150 { width: 150px; }
.w100 {	width: 100px; }
.w80 {	width: 80px; }
.w60 {	width: 50px; }
.w50 {	width: 50px; }

.pl_15 { padding-left: 15px; }

.gray {	background-color: #EEEEEE; }
p.reference { margin: 2px 0 15px; font-size: 0.8em;}

/* ━━━━　dl　━━━━ */

.case_dl {
	margin: 15px 0 15px 0;
}

.case_dl_l15 {
	margin: 15px 0 15px 15px;
}

.case_dl_l15 dt,
.case_dl dt {
	margin: 5px 0;
	font-weight: bold;
}

.case_dl dd.ml15 {
	margin: 0 0 10px 15px;
}

dl.case_float,
dl.case_float2 {
	width: 620px;
	margin: 0 0 10px 10px;
}

dl.case_float dt {
	width: 80px;
	float: left;
	clear: both;
}

dl.case_float dd {
	width: 520px;
	margin: 0 0 5px 80px;
}

dl.case_float2 dt {
	width: 80px;
	float: left;
	clear: both;
}

dl.case_float2 dd {
	width: 510px;
	margin: 0 0 5px 50px;
}

ul.case_ul {
	margin: 15px 0 15px 0;
}

/* ━━━━　img　━━━━ */
.case520 { width: 520px; margin: 0 0 0 60px; }
.case600 { width: 600px; margin: 0 0 0 20px; }
.case500 { width: 500px; margin: 0 0 0 60px; }
.case_photo { margin: 0 0 15px 15px; }
.case_photo_w145 { float:left; width: 145px; margin: 0 0 0 0; text-align: center; }
.case_photo_w155 { float:right; width: 155px; margin: 0 0 15px 0; text-align: center; }
.case_photo_w180 { float:right; width: 180px; margin: 0 0 0 15px; text-align: center; }
.case_photo_w200 { float:left; width: 200px; margin: 0 0 0 10px; text-align: center; }
.case_photo_w210 { float:left; width: 210px; margin: 0 0 0 15px; text-align: center; }
.case_photo_w230 { float:right; width: 230px; margin: 0 0 0 15px; text-align: center; }
.case_photo_w300_2 { float:left; width: 300px; margin: 0 0 15px 15px; text-align: center; }
.case_photo_w300_r { float:right; width: 300px; margin: 0 0 15px 15px; text-align: center; }
.case_photo_w250_l { float:left; width: 250px; margin: 0 0 15px 0; text-align: center; }
.case_photo_w250_r { float:right; width: 250px; margin: 0 0 15px 0; text-align: center; }
.case_photo_w255 { float:right; width: 255px; margin: 0 0 15px 15px; text-align: center; }
.case_photo_w255_l { float:left; width: 255px; margin: 0 0 15px 0; text-align: center; }
.case_photo_w255_r { float:right; width: 255px; margin: 0 0 15px 0; text-align: center; }
.case_photo_w300 { width: 300px; margin: 0 0 15px 15px; text-align: center; }
.case_photo_w350 { float: left; width: 350px; margin: 0 15px 15px 0; text-align: center; }
.case_photo_w614 { width: 614px; margin: 0 0 15px 15px; text-align: center; }
.case_photo_w280 { float:right; width: 280px; margin: 0 0 15px 15px; text-align: center; }

.case_photo_center { width: 640px; margin: 0 0 15px 0; text-align: center; }

.img_border { border: 1px solid #ccc; }

/* ━━━━　float　━━━━ */

.case_photo_w400{
	width: 370px;
	float:left;
	_display: inline;
}

.case_photo_w231{
	width: 231px;
	float:right;
	text-align:center;
}

.float_l { float: left; }
.float_r { float: right; }

/* ━━━━　common　━━━━ */

.w150 { widht: 150px; }
.w300 { widht: 300px; }

.case_photo_w395{
	width: 395px;
	text-align:center;
}

.case_w300_left{
	width: 300px;
	float:left;
}
.case_w300_right{
	width: 300px;
	float:right;
}

/* ━━━━　table　━━━━ */
.case_a11_table {
	margin-left: 58px;
	width: 520px;
}
.case_a11_table th{
	font-size: 80%;
	vertical-align: middle;
}
.case_a11_table td{
	text-align: center;
	font-size: 80%;
	width: 25%;
}

.case_a09_table {
	width: 390px;
}
.case_a09_table th{
	width: 3em;
}

.case_b06_table{
	width: 350px;
	margin: 10px 10px 25px 10px;
}
.case_b06_table th{
	width: 50%;
}
.case_b06_table td{
	text-align: center;
}

.case_d01_table{
	width: 368px;
}
.case_d01_table th{
	vertical-align: middle;
	font-size: 80%;
}
.case_d01_table td{
	vertical-align: middle;
	font-size: 80%;
}

.case_f06_table {
	margin-left: 30px;
	margin-right: 30px;
	width: 580px;
}
.case_f06_table th{
	padding: 10px 14px;
	text-align: left;
	width: 14em;
}
.case_f06_table td{
	text-align: center;
	padding: 10px;
}

/* ━━━━　list　━━━━ */
.case_c02_list{
	margin-left:10px;
	padding-left:20px;
	_padding-left:30px;
	list-style-type:decimal;
	list-style-position:outside;
}

.case_e01_list{
	padding-left:20px;
	_padding-left:30px;
	margin-bottom:10px;
	list-style-type:disc;
	list-style-position:outside;
}
.case_e01_list li{
	padding:3px 0px;
}

.case_e05_list{
	float: right;
	width: 290px;
	padding-left:20px;
	_padding-left:30px;
	margin-bottom:10px;
	list-style-type:square;
	list-style-position:outside;
}
.case_e05_list li{
	margin-bottom: 10px;
}

.case_f06_list{
	margin-left: 30px;
	margin-right: 30px;
	list-style-type:decimal;
	list-style-position:inside;
}
.case_f06_list li{
	padding: 10px 20px;
	border: solid 1px #dddddd;
}
.case_f06_list div{
	text-align: center;
}
.case_f06_list ul{
	padding-left:40px;
	_padding-left:50px;
	list-style-type:disc;
	list-style-position:outside;
}
.case_f06_list ul li{
	padding: 0px;
	border: none;
	background: none;
}