@charset "UTF-8";

/*--------------------------------------------------------------------------------

 example 領域

 --------------------------------------------------------------------------------*/
 
/*
====  example  open/close  ====
*/
#in_left div.box_example {
	float:none;
	clear:both;
	display:block;
	width: 538px;
}

/*閉じるボタン*/
#in_left p.close_btn {
	display:block;
	padding: 10px 0;
	width: 72px;
	margin: 0 0 0 466px;
}
a.a_close_tp {
	background:url(../img/common/close_tp.gif) no-repeat 0 0;
	text-indent:-10000px;
	display:block;
	width:72px;
	height:15px;
}
a.a_close_btm {
	background:url(../img/common/close_btm.gif) no-repeat 0 0;
	text-indent:-10000px;
	display:block;
	width:72px;
	height:15px;
}


/*開くボタン*/
.example_open{
	display:block;
	width:72px;
	height:15px;
	padding:10px 0 0 466px;
	float: left;
}
a.a_open {
	background:url(../img/common/detailed_out.gif) no-repeat 0 0;
	text-indent:-10000px;
	width:72px;
	height:15px;
	display:block;
}


/*--------------------------------------------------------------------------------
 施工事例 領域
 --------------------------------------------------------------------------------*/
/*

/*取扱商品_works*/
div#in_left .box_works{
	width:538px;
	padding:0 0 0 10px;
	display:block;
}

/*取扱商品 お客様情報Box*/
div#in_left .box_works_customer_name{
	background:url(../img/inner/example/name_bar_l.gif) no-repeat 0 0;
	padding:5px 0 0 20px;
	font-weight:700;
	width:428px;
	height:30px;
	float:left;
}
div#in_left .box_works_name_span{
	font-size:156%;
}
div#in_left .box_works_live_span{
	padding-left:10px;
	font-size:108%;
}
/*取扱商品 お客様_施工ナンバーbox*/
div#in_left .box_works_customer_number{
	background:url(../img/inner/example/name_bar_r.gif) no-repeat 0 0;
	padding:10px 10px 5px 0;
	color:#FFFFFF;
	font-size:116%;
	text-align:right;
	font-weight:700;
	line-height:1em;
	width:80px;
	height:20px;
	display:block;
	float:left;
}
/*取扱商品 施工画像*/
div#in_left #box_works_img_box{
	width:538px;
	display:block;
	float:left;
	padding:15px 0  0;
}

div#in_left .box_works_img_point{
	background:url(../img/inner/example/works_point.gif) no-repeat 0 0;
	margin:55px 6px 0 7px;
	width:15px;
	height:15px;
	display:block;
	text-indent:-10000px;
	float:left;
}

div#in_left .box_works_before_img{
	width:170px;
	display:block;
	float:left;
}
div#in_left .box_works_after_img{
	width:340px;
	display:block;
	float:right;
}

/*テキスト before*/
div#in_left .box_works_before{
	background:url(../img/inner/example/nnee_befor.gif) no-repeat 0 0;
	width:40px;
	height:10px;
	margin-top:2px;
	text-indent:-1000px;
	float:right;
}
/*テキスト after*/
div#in_left .box_works_after{
	background:url(../img/inner/example/nnee_after.gif) no-repeat 0 0;
	width:40px;
	height:13px;
	margin-top:2px;
	text-indent:-1000px;
	display:block;
	float:right;
}

/*取扱商品 サブメニュー　dlタグ*/
div#in_left #box_works_menu{
	width:538px;
	display:block;
	float:left;
}

/*取扱商品 サブメニュー　ddタグ*/
div#in_left #box_works_menu dd{
	margin:10px 0 15px 10px;
}
div#in_left .box_works_comment_title{
	background:url(../img/inner/example/comment_title.gif) no-repeat 0 0;
	height:20px;
	text-indent:-10000px;
	display:block;
}
div#in_left .box_works_customer_title{
	background:url(../img/inner/example/customer_title.gif) no-repeat 0 0;
	height:20px;
	text-indent:-10000px;
}
div#in_left .box_works_symptom_title{
	background:url(../img/inner/example/symptom_title.gif) no-repeat 0 0;
	height:20px;
	text-indent:-10000px;
}
div#in_left .box_works_construction_title{
	background:url(../img/inner/example/construction_title.gif) no-repeat 0 0;
	width:538px;
	height:20px;
	text-indent:-10000px;
	clear:both;
}

/*取扱商品 サブメニュー　dlタグ*/
div#in_left .table_works_data{
	width:538px;
	border-top:#CCCCCC solid 1px;
	margin:20px 0 0 0;
}
div#in_left .table_works_data th{
	vertical-align:middle;
	background-color:#E9E9E8;
	width:70px;
	padding:10px 0 10px 10px;
}
div#in_left .table_works_data td{
	padding:10px 0 10px 10px;
}
div#in_left .table_works_data_th{
	background:url(../img/inner/example/dot1_4_w2_999.gif) repeat-x 0 bottom;
}

div#in_left .table_works_data_td{
	background:url(../img/inner/example/dot1_4_w2_999.gif) repeat-x 0 bottom;
}
div#in_left .table_works_data_td_w199{
	background:url(../img/inner/example/dot1_4_w2_999.gif) repeat-x 0 bottom;
	width:179px;
}
div#in_left .table_works_data_th_last{
	border-bottom:#CCCCCC solid 1px;
}

div#in_left .table_works_data_td_last{
	border-bottom:#CCCCCC solid 1px;
}