@charset "UTF-8";

/*--------------------------------------------------------------------------------
 exterior_item 領域
 --------------------------------------------------------------------------------*/

/*
====  exterior item box common  ====
*/
/*取扱商品_会社名_一番最初*/
div#in_left .box_exterior_makername0{
	padding:10px 0 0 10px;
	display:block;
	height:40px;
	float:left;
}

/*取扱商品_会社名*/
div#in_left .box_exterior_makername{
	padding:20px 0 0 10px;
	display:block;
	height:40px;
	float:left;
}
/*取扱商品_商品名_一番最初*/
div#in_left .box_exterior_itemname0{
	margin:0 0 0 10px;
	padding:10px 0 0 12px;
	display:block;
	border-left:#666666 solid 2px;
	float:left;
}
/*取扱商品_商品名*/
div#in_left .box_exterior_itemname{
	margin:10px 0 0 10px;
	padding:10px 0 0 12px;
	display:block;
	border-left:#666666 solid 2px;
	float:left;
}

/*取扱商品_left_box*/
div#in_left .box_exterior_left{
	padding:10px 0 0 10px;
	width:350px;
	height:350px;
	display:block;
	float:left;
}
/*取扱商品_right_box*/
div#in_left .box_exterior_right{
	padding:10px 0 0 10px;
	width:188px;
	height:350px;
	float:left;
}

/*
====  商品 キャッチコピー  ====
*/
div#in_left .box_exterior_right_strong{
	display:block;
	font-size:108%;
	line-height:1.3;
	color:#103158;
}

/*
====  商品 アイコン リスト  ====
*/

/*icon用　リスト*/
div#in_left .box_exterior_icon_ul{
	margin-top:10px;
	width:188px;
	height:178px;
	display:block
	}

div#in_left .box_exterior_icon_ul li{
	display:block;
	width:56px;
	height:56px;
	}	
/*アイコン　*/
div#in_left .box_exterior_icon_ul_li1{
	padding:0 10px 5px 0;
	float:left;
}
/*アイコン　*/	
div#in_left .box_exterior_icon_ul_li2{
	padding:0 0 5px;
	float:left;
}

/*
====  カラーバリエーション  ====
*/
div#in_left .colorvariation{
	width:188px;
	margin-top: 15px;
}

/*
====  カラーバリエーション 画像  ====
*/
div#in_left .box_exterior_variation_ul{
	margin-top:7px;
	width:188px;
	height:56px;
	display:block
	}
div#in_left .box_exterior_variation_ul li{
	display:block;
	width:56px;
	float:left;
	}	
/*画像　左10px用*/
div#in_left .box_exterior_variation_ul_li1{
	margin-left:10px;
}
	
/*--------------------------------------------------------------------------------
 施工事例 領域
 --------------------------------------------------------------------------------*/
/*

/*取扱商品_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 25px 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_th_last{
	border-bottom:#CCCCCC solid 1px;
}

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


/*
==== work inner tab  ====
*/

ul#work_ul_intp_tab {
	background: url(../img/inner/intp_tab_bg.gif) repeat-x 0 0;
	font-size:12px;
	width:527px;
	height: 25px;
	line-height:1;
}
/*
------------トップへ戻る用-------
*/
ul#work_ul_intp_tab .li_intp_work_tab1 {
	background: url(../img/inner/intp_tab_dot.gif) no-repeat right 5px;
	color:#666;
	float:left;
	width:93px;
	height:25px;
	text-align:center;
}
ul#work_ul_intp_tab .li_intp_work_tab1 a,
ul#work_ul_intp_tab .li_intp_work_tab1 p {
	color:#666;
	line-height:22px;
	text-align:center;
	display:block;

}	
ul#work_ul_intp_tab .li_intp_work_tab1 p {
	border-bottom:solid 3px #11335f;
}
ul#work_ul_intp_tab .li_intp_work_tab1 a:hover {
	border-bottom:solid 3px #11335f;
	color:#666;
	text-decoration:none;
}
/*
------------トップに戻る以外-------
*/
ul#work_ul_intp_tab .li_intp_work_tab2 {
	color:#666;
	display:block;
	float:left;
	width:31px;
	height:25px;
	text-align:center;
}
ul#work_ul_intp_tab .li_intp_work_tab2 a,
ul#work_ul_intp_tab .li_intp_work_tab2 p {
	color:#666;
	line-height:22px;
	text-align:center;
	display:block;
}	
ul#work_ul_intp_tab .li_intp_work_tab2 a {
	 background: url(../img/inner/intp_tab_dot.gif) no-repeat right 5px; 
}
ul#work_ul_intp_tab .li_intp_work_tab2 p {
}
ul#work_ul_intp_tab .li_intp_work_tab2 a:hover {
	border-bottom:solid 3px #11335f;
	color:#666;
	text-decoration:none;
}