﻿@charset "utf-8";


/*----------------------- 背景を設定 -----------------------*/

body {
  background-image: url( "eworks_img/BG_pattern.jpg");
	background-size: 30%;
	background-repeat: repeat-y;
}

/*----------------------- BIM専用ページ -----------------------*/

#bim-archicad { margin-bottom:25px; width:900px; line-height:140%; float:left; display:inline;}
#bim-archicad h2{font-size:14px; border-top:1px solid #999; border-bottom:1px solid #999; padding-top:10px; padding-bottom:10px; margin-top:25px;}
#bim-archicad h3{font-size:14px; margin-top:15px;}

/*----------- 商品タイトル画像 -----------*/
#bim-archicad .archicad-image1{width:900px; height:200px; margin-top: 10px; margin-bottom: 20px; float:left; }

#bim-archicad .comment-01{width:900px; height:100px; margin-top: 0px; margin-bottom: 10px; float:left; background-color: #ffffff;}

#bim-archicad .comment-01 p{width:700px; margin: 0 auto; font-weight: bold;}

#bim-archicad .archicad-image2{width:900px; height:350px; margin-top: 10px; margin-bottom: 20px; float:left; }

#bim-archicad .archicad-image2 td{vertical-align: bottom;}

/*----------- お知らせ：商品情報 -----------*/
#bim-archicad .topLeft-1{width:620px; float:left; display:inline;}

.topLeft-1 .productsInfo2 table.InfoTable{width:600px; border-collapse:collapse; border-top:dotted 1px #999; margin-left:20px; }
.topLeft-1 .productsInfo2 table.InfoTable td.normal{border-bottom:dotted 1px #999; background-position: left center; padding:5px 10px 5px 55px;}
.topLeft-1 .productsInfo2 table.InfoTable td.new{border-bottom:dotted 1px #999; vertical-align: middle; background:url(../common/new.gif) no-repeat ; background-position: left center; padding:5px 10px 5px 55px;}
.topLeft-1 .productsInfo2 table.InfoTable td.text-red1{padding-top: 10px; border-bottom:dotted 1px #999; color: #D00003}
.topLeft-1 .productsInfo2 table.InfoTable td.text-black{border-bottom:dotted 1px #999;}
.topLeft-1 .productsInfo2 table.InfoTable td.text-black2{border-bottom:dotted 1px #999; vertical-align: middle;}
.topLeft-1 .productsInfo2 table.InfoTable td.noicon{border-bottom:dotted 1px #999; vertical-align: center; padding:5px 10px 5px 50px;}


/*----------- お知らせ：バナー -----------*/
#bim-archicad .topRight-1{width:260px; float:left; text-align:right; line-height:1.0; padding-bottom: 20px;}
#bim-archicad .topRight-1 p{margin:0; padding:0;}
#bim-archicad .topRight-1 a:hover img{
   filter:alpha(opacity=50); /*←ie*/
   -moz-opacity:0.50; /*←Mozilla*/
   opacity:0.5;
   zoom:1;
}


/* 写真の枠：1 */

.photo-deg1 {
	padding: 8px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #c2c2c2;
	border-right: 1px solid #c2c2c2;
	/* IE */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#cccccc,direction=135,strength=3,enabled=true)";
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#cccccc,direction=135,strength=3,enabled=true); /* IE5.5+ */
	background: #fff;
}



/*----------- 仕様表 -----------*/
 .archicad-table1{width: 900px; margin:10px auto; float:left;}

 .archicad-table2{border-top:1px solid #666666; border-right:1px solid #666666; margin:10px auto 5px; }
 .archicad-table2 th{border-bottom:1px solid #666666; border-left:1px solid #666666; padding:5px; background:#add8e6; vertical-align:middle; text-align:center; }
.archicad-table2 th.deep{background:#add8e6;}
.archicad-table2 td{border-bottom:1px solid #666666; border-left:1px solid #666666; padding:5px; vertical-align:middle; text-align:left; background-color: #FFFFFF;}
.archicad-table2 td.koumoku{border-bottom:1px solid #666666; border-left:1px solid #666666; padding:5px; vertical-align:middle; text-align:center; background-color: #FFFFFF;}
.archicad-table2 .text-red2{color: #D00003; }

.archicad-table2-comment{padding-left: 180px;}



 .archicad-table3{width: 900px; margin:10px auto; float:left; padding-bottom: 30px;}
 .archicad-table3 td{ padding-right: 40px;}

 .archicad-table4{width: 900px; margin:5px auto; float:left; padding-bottom: 30px; vertical-align:top;}
 .archicad-table4 td{padding: 10px; vertical-align:top;}
.archicad-table4 .text-red3{color: #D00003; font-size: 100%; font-weight: bold;}



.archicad-table5{width: 900px; margin:5px auto; float:left; padding-bottom: 30px; vertical-align:top;}
.archicad-table5 td{padding: 10px; vertical-align:top;}
.archicad-table5 .text-red3{color: #D00003; font-size: 100%; font-weight: bold;}




div.second{
width:420px;
float: left;margin-left:40px;
}

div.first{width:300px;
float: left;}

div.listGroup{
margin:0 0 25px 0;
}

.link{padding-top:15px;}
.link p{padding-bottom:5px; padding-left:18px;background:url(../image/others/s_arrow.gif) no-repeat;}

.link2{padding-top:10px;}
.link2 p{padding-bottom:5px; padding-left:18px;background:url(../image/others/s_arrow2.gif) no-repeat;}

.box {padding:10px; margin:5px; border:1px solid #cccccc;}













