@charset "utf-8";

/*----------------------------------------------------------
                           works.css
----------------------------------------------------------*/

/*--------------------------------------works業務内容はここから*/
#works_main{
	width:810px;
}

#work_message{
	width: 615px;
	height: auto;
	position: absolute;
	top: 0px;
	left: 195px;
	overflow: hidden;
	text-align: center;
	font-weight: bold;
	font-size: 1.1em;
	color: #666;
	line-height: 1.7em;
	letter-spacing: 0.1em;
	margin-top: 0;
	padding: 46px 0;
	border: #ccc 3px solid;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

#works_main h2{
	text-indent:-9999px;
}

#works_img{
	width: 780px;
	height: 37px;
	border-bottom: 5px solid #b5b5b5;
	margin-bottom: 10px;
	margin-top: -10px;
}

#works_main p{
	color:#666;
	font-size:1em; /*0.85em;*/
	margin-left:25px;
	margin-right:18px;
	line-height:1.8em;
}

#content_fukushi{
	margin-top: 20px;
}

#content_kosaku{
	margin-top:50px;
}

.main_title{
	text-align:center;
	font-size:1.8em;
	margin:10px 0;
}

.main_subtitle{
	text-align:center;
	font-size:1.5em;
	margin:10px 0;
}

/*----------------------------------works業務内容ここまで*/
/*--------------------------------------company会社案内はここから*/
#top_img .text{/*写真の文字シャドウ*/
	color:#fff;
	text-shadow:-1px -1px 0 #666,1px -1px 0 #666,1px 1px 0 #666,-1px 1px 0 #666,3px 3px 5px #aaa,-3px -3px 5px #aaa,-3px 3px 5px #aaa,3px -3px 5px #aaa;
	font-size:1.5em;
	letter-spacing:0.1em;
}

#top_img{
	width: 605px;
	height: 300px;
	box-shadow: #aaa 3px 3px 5px 1px;
	position: absolute;
	top: 0;
	left: 205px;
	z-index: 1;
}

#company_main{
	width: 810px;
	height: 240px;
}

#company_main h2{
	text-indent:-9999px;
}

#company_img{
	width: 780px;
	height: 37px;
	border-bottom: 5px solid #dcdcdc;
	margin-bottom: 10px;
}

#company_main p{
	color:#666;
	font-size:1em; /*0.85em;*/
	margin-left:25px;
	margin-right:18px;
	line-height:1.8em;
}

#content_company{
	margin-top:30px;
	width:814px;
}

.company_table {
	border:1px solid #999;  /*#f2cef2;*/
	margin:30px 0 30px 40px;
	width:740px;
	color:#666;
}

.company_table th {
	width:200px;
	border:1px solid #999;  /*#f2cef2;*/
	padding:10px 5px;
	font-weight:normal;
}

.company_table td {
	border:1px solid #999;  /*#f2cef2;*/
	padding:10px 5px;
}

#company-map{
	width:505px;
	height:200px;
	border:1px solid #ccc;
}

.map-text {
	font-size:0.8em;
	text-align:right;
	margin-right:5px;
}

/*----------------------------------company会社案内ここまで*/

/*--------------------------------------コンテントメイン*/
/*------------------------改造事例メニューここから*/

#table{
	margin-top:25px;
	width:814px;
	border-collapse: collapse;
	margin-left:1px;
}

#fukushi_menu td{
	width:162px;
	height:20px;
	border:1px solid #ffaaaa;
	text-align:center;
}

#tokusyu{
	width:814px;
	border-collapse: collapse;
	margin-left:1px;
	margin-bottom:20px;
}

#tokusyu_menu td{
	width:810px;
	height:20px;
	border:1px solid #ffaaaa;
	border-top:none;
	text-align:center;
}

#table a{
	text-decoration:none;
}

#tokusyu a{
	text-decoration:none;
}

table a:link{
	color:#666;
}

table a:hover{
	color:#999;
}

table a:visited{
	color:#666;
}

table a:active{
	color:#666;
}

#table_fukushi {
  margin: 25px;
  width: 100%;
  font-size: 0.9em;
  font-weight: bold;
  border-collapse: collapse;
  float: left;
}

#table_fukushi td {
	padding:10px 0;
	vertical-align: top;
}

#table_fukushi th{
	font-size:1.2em;
	padding:10px 0;
	text-align:left;
}

#table_fukushi td.noborder {
	border:none;
}

#table_fukushi a:link{
	color:#933;
}

#table_fukushi a:hover{
	color:#999;
}

#table_fukushi a:visited{
	color:#666;
}

#table_fukushi a:active{
	color:#666;
}

.table_work{
	margin:40px 0;
	width:100%;
	font-size:0.85em;
	border-collapse: collapse;
	text-align:center;
}
.table_work th,.table_work td {
	border:1px solid #999;
	padding:4px;
	vertical-align: top;
  box-sizing:border-box;
}

.table_work th{
	font-weight:normal;
	font-size:1.2em;
}

.no-border {
	border: 0 !important;
	vertical-align:bottom;
}

/*----------------------------改造事例メニューここまで*/
/*----------------------------------各業務内容の見出し*/
h2{
	color:#3d4194;
	font-size:1.2em;
	margin-top:12px;
	letter-spacing:0.1em;
}

.content{
	width:814px;
	height:82px;
	background-color:#ccc;
}

p{
	color:#666;
	font-size:0.9em;
	margin:0 20px;
	line-height:1em;
}
/*----------------------------各業務内容の見出しここまで*/
/*--------------------------------------コンテントメインはここまで*/

/*--------------------------------------コンテントイメージはここから*/
.content_image li{
	width:181px;
	height:162px;
	float:left;
	list-style:none;
}

.content_image{
	width:814px;
	margin:0 2px 30px 0;
	overflow:hidden;
	z-index:1;
}

.box_shadow{
	box-shadow:0px 0px 10px 10px #fff inset;
	width:181px;
	height:141px;
}

.content_image li img{
	width:180px;
	height:140px;
	position:relative;
	z-index:-1;
}

.content_image li p{
	font-size:0.7em;
	color:#666;
	text-align:center;
}

.content_image div.addition{
	float:left;
	font-size:0.8em;
	color:#666;
	margin-top:12px;
	width:405px;
	height:162px;
}

.addition-area{
	border:1px solid #f2cef2;
	padding:10px;
	margin-top:6px;
}

/*--------------------------------------コンテントイメージここまで*/