@charset "UTF-8";
/* CSS Document */

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}


* { margin:0px; padding:0px; }
img { border:none;}

body {
	font-size:12px;
	color:#555;
	background:url(../img/bg.png) left top repeat-x; 
	line-height:150%;
	text-align:center;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

a { outline:none; }
a:link {
	color:#69f;
	text-decoration:none;
}

a:visited {
	color:#69f;
	text-decoration:none;
}

a:hover {
	color:#f96;
	text-decoration:underline;
}

a:active {
	color:#f96;
	text-decoration:underline;
}

.fL {float:left;}
.fR {float:right;}

p.txt {
	line-height:130%;
	text-align:left;
	margin-bottom:1.5em;
}

p.txt10 {
	line-height:130%;
	text-align:left;
	margin-bottom:1.5em;
	font-size:10px;
}

h3 {
	font-size:14px;
	font-weight:bold;
	color:#7f0000;
	margin-bottom:1em;
	clear:both;
	text-align:left;
}

ol {
	list-style-position:outside;
	margin-bottom:1.5em;
	margin-left:30px;
	text-align:left;
}

textarea {
	resize:none;
}

#header {
	width:760px;
	height:80px;
	margin:0 auto;
	text-align:left;
}

#header a {
	color:#555;
	float:right;
	background:url(../img/icon01.png) left 2px no-repeat;
	padding-left:13px;
	line-height:12px;
	margin:35px 0 0 1.5em;
	display:block;
}

#topImg {
	margin:20px auto;
	width:760px;
}

#container {
	width:760px;
	margin:0 auto;
}

#containerAdmin {
	width:760px;
	margin:20px auto;
}


#container02 {
	text-align:right;
	width:760px;
	margin:0 auto;
}


#footer {
	font-size:10px;
	color:#fff;
	background:#3e708d;
	line-height:30px;
	clear:left;
}


#leftBox {
	width:200px;
	margin:0 20px 0 0;
	padding:20px 0;
	float:left;
}

#mainBox {
	width:540px;
	padding:20px 0;
	margin:0;
	float:left;
	text-align:left;
}

#titleTxt {
	background:url(../img/title_bg.png) 0 0 repeat-x;
	height:50px;
	line-height:50px;
	padding-left:5px;
	font-weight:bold;
	margin-bottom:20px;
	font-size:14px;
	text-align:left;
}

#titleTxt .eng {
	font-size:10px;
}

/*管理者画面*/

form.login {
	padding:20px;
	margin:50px auto;
	background:#efefef;
	border:1px solid #ccc;
	width:302px;
	text-align:center;
}

label.login {
	width:230px;
	margin:0 auto 2em auto;
	display:block;
	text-align:right;
}

table.loginMenu {
	margin:50px auto;
	border-collapse:collapse;
	font-size:12px;
}

table.loginMenu td {
	border:1px solid #fff;
	padding:5px 1em;
	text-align:left;
	vertical-align:middle;
	white-space:nowrap;
	border:1px solid #ccc;
}

table.loginMenu td.title {
	background-color:#efefef;
}

#containerAdmin #mainBox {
	margin:0 auto;
	float:none;
}

#containerAdmin .pic img {
	border:1px solid #555;
}

#containerAdmin h3 input {
	margin-left:2em;
}

#containerAdmin h3 input.name {
	margin-left:0;
	font-size:14px;
	font-weight:bold;
	color:#7f0000;
}

#containerAdmin .btn {
	width:498px;
	margin:20px auto;
	padding:20px;
	background:#efefef;
	border:1px solid #555;
	text-align:center;
}

#containerAdmin div.delete {
	background:#522;
}

#containerAdmin .btn input {
	width:400px;
}

#containerAdmin .btn input.delete {
	width:200px;
}

#containerAdmin .photoComment,#containerAdmin .photoDetail {
	height:380px;
	color:#c00;
}

#containerAdmin .photoDetail input {
	margin-top:5px;
}

#containerAdmin .photoCap input {
	width:520px;
	text-align:center;
}

#containerAdmin .photoComment textarea {
	width:150px;
	height:350px;
	font-size:12px;
	margin-bottom:5px;
}

#containerAdmin .picTxt input,#containerAdmin .picTitle input {
	font-size:10px;
	border:1px solid #555;
}

#containerAdmin .picTitle input {
	background-color:#ecc;
}

#containerAdmin .picTxt input.fileUp {
	border:none;
	width:100px;
}

table.newsList {
	border-collapse:collapse;
	margin:20px auto;
	width:540px;
	font-size:12px;
}

table.newsList td {
	border:1px solid #fff;
	padding:5px;
	text-align:left;
	vertical-align:middle;
	border:1px solid #ccc;
}

table.newsList td.title {
	white-space:nowrap;
	background:#ddd;
	font-weight:bold;
	text-align:center;
}


table.newsList td.date {
	white-space:nowrap;
	background:#f2f2f2;
}

table.adminNews {
	border-collapse:collapse;
	font-size:12px;
}

table.adminNews td {
	padding:5px;
	text-align:left;
	vertical-align:top;
}

table.adminNews td.title {
	width:6em;
	text-align:right;
}

table.adminNews textarea {
	width:400px;
	height:5em;
	font-size:12px;
}

/*メニュー*/

html>body .menuBox {
  position:relative;
  z-index:1;
}

.menuBox {
	width:200px;
	margin:0;
}

.menuBox a {
	width:200px;
	display:block;
	font-size:10px;
/*\*//*/
  overflow: hidden;
  display:inline-table;
/**/

}

.menuBox a strong {
	display:block;
	position:relative;
	z-index:-1;
	width:200px;

  overflow: hidden;

/*\*//*/
  display:inline-table;
/**/

}



.menuBox a.kenko:link,.menuBox a.kenko:visited {
	background:url(../img/menu_kenko.png) 0 0 no-repeat;
	height:52px;
	margin-bottom:2px;
}
.menuBox a.kenko:hover {
	background:url(../img/menu_kenko_ac.png) 0 0 no-repeat;
	height:52px;
	margin-bottom:2px;
}

.menuBox a.barrierfree:link,.menuBox a.barrierfree:visited {
	background:url(../img/menu_barrierfree.png) 0 0 no-repeat;
	height:52px;
	margin-bottom:2px;
}
.menuBox a.barrierfree:hover {
	background:url(../img/menu_barrierfree_ac.png) 0 0 no-repeat;
	height:52px;
	margin-bottom:2px;
}
.menuBox a.security:link,.menuBox a.security:visited {
	background:url(../img/menu_security.png) 0 0 no-repeat;
	height:52px;
	margin-bottom:2px;
}
.menuBox a.security:hover {
	background:url(../img/menu_security_ac.png) 0 0 no-repeat;
	height:52px;
	margin-bottom:2px;
}
.menuBox a.hajimerumaeni:link,.menuBox a.hajimerumaeni:visited {
	background:url(../img/menu_hajimerumaeni.png) 0 0 no-repeat;
	height:52px;
	margin-bottom:10px;
}
.menuBox a.hajimerumaeni:hover {
	background:url(../img/menu_hajimerumaeni_ac.png) 0 0 no-repeat;
	height:52px;
	margin-bottom:10px;
}
.menuBox a.okujo:link,.menuBox a.okujo:visited {
	background:url(../img/menu_okujo.png) 0 0 no-repeat;
	height:52px;
	margin-bottom:2px;
}
.menuBox a.okujo:hover {
	background:url(../img/menu_okujo_ac.png) 0 0 no-repeat;
	height:52px;
	margin-bottom:2px;
}

.menuBox a.jisseki:link,.menuBox a.jisseki:visited {
	background:url(../img/menu_jisseki.png) 0 0 no-repeat;
	height:52px;
	margin-bottom:2px;
}
.menuBox a.jisseki:hover {
	background:url(../img/menu_jisseki_ac.png) 0 0 no-repeat;
	height:52px;
	margin-bottom:2px;
}

.menuBox a.koji:link,.menuBox a.koji:visited {
	background:url(../img/menu_koji.png) 0 0 no-repeat;
	height:60px;
	margin-bottom:2px;
}
.menuBox a.koji:hover {
	background:url(../img/menu_koji_ac.png) 0 0 no-repeat;
	height:60px;
	margin-bottom:2px;
}

.menuBox a.gainen:link,.menuBox a.gainen:visited {
	background:url(../img/menu_gainen.png) 0 0 no-repeat;
	height:60px;
	margin-bottom:2px;
}
.menuBox a.gainen:hover {
	background:url(../img/menu_gainen_ac.png) 0 0 no-repeat;
	height:60px;
	margin-bottom:2px;
}

.menuBox a.shuzen:link,.menuBox a.shuzen:visited {
	background:url(../img/menu_shuzen.png) 0 0 no-repeat;
	height:60px;
	margin-bottom:10px;
}
.menuBox a.shuzen:hover {
	background:url(../img/menu_shuzen_ac.png) 0 0 no-repeat;
	height:60px;
	margin-bottom:10px;
}

.menuBox a.shuzen02:link,.menuBox a.shuzen02:visited {
	background:url(../img/menu_shuzen.png) 0 0 no-repeat;
	height:60px;
	margin-bottom:2px;
}
.menuBox a.shuzen02:hover {
	background:url(../img/menu_shuzen_ac.png) 0 0 no-repeat;
	height:60px;
	margin-bottom:2px;
}

.menuBox a.lifeevent:link,.menuBox a.lifeevent:visited {
	background:url(../img/menu_lifeevent.png) 0 0 no-repeat;
	height:40px;
	margin-bottom:2px;
}
.menuBox a.lifeevent:hover {
	background:url(../img/menu_lifeevent_ac.png) 0 0 no-repeat;
	height:40px;
	margin-bottom:2px;
}

.menuBox a.taishin:link,.menuBox a.taishin:visited {
	background:url(../img/menu_taishin.png) 0 0 no-repeat;
	height:40px;
	margin-bottom:10px;
}
.menuBox a.taishin:hover {
	background:url(../img/menu_taishin_ac.png) 0 0 no-repeat;
	height:40px;
	margin-bottom:10px;
}




ul#links {
	padding:8px;
	border:1px solid #ccc;
	width:182px;
	_width:200px;
	line-height:20px;
	text-align:left;
}


ul#links li {
	background:url(../img/icon01.png) 5px 10px no-repeat;
	text-align:left;
	list-style:none;
	font-size:10px;
	position:relative;
}

ul#links li a {
	display:block;
	width:157px;
	_width:182px;
	padding:5px 5px 5px 20px;
	text-align:left;
}


ul#menu {
	width:200px;
	padding-bottom:5px;
	border-bottom:1px dashed #ccc;
	margin-bottom:7px;
}

ul#menu li {
	list-style:none;
	text-align:left;
	height:31px;
	line-height:31px;
	color:#fff;
	margin:0 0 5px 0;
}

ul#menu li span.ac {
	background:#5499c0 url(../img/menu_ac.png) right top no-repeat;
	width:188px;
	_width:200px;
	padding:0 0 0 10px;
	font-weight:bold;
	border:1px solid #ccc;
	height:31px;
	line-height:31px;
	display:block;
}

ul#menu li span.start {
	background:#085402;
	font-weight:bold;
	width:188px;
	_width:200px;
	padding:0 0 0 10px;
	font-weight:bold;
	border:1px solid #ccc;
	height:31px;
	line-height:31px;
	display:block;
	font-size:10px;
}

ul#menu li span.startac {
	background:#5499c0 url(../img/menu_ac.png) right top no-repeat;
	width:188px;
	_width:200px;
	padding:0 0 0 10px;
	font-weight:bold;
	border:1px solid #ccc;
	height:31px;
	line-height:31px;
	display:block;
	font-size:10px;
}


ul#menu li a {
	display:block;
	width:163px;
	_width:175px;
	padding:0 0 0 10px;
	text-align:left;
	height:31px;
	line-height:31px;
	color:#5499c0;
	background:#EAFAFF;
	border:1px solid #ccc;
}

ul#menu li a:hover {
	background:#5499c0 url(../img/menu_ac.png) right top no-repeat;
	width:188px;
	text-decoration:none;
	font-weight:bold;
	color:#fff;
}

table {
	border-collapse:collapse;
	margin-bottom:20px;
}

/*ニュース*/

img.newsPhoto {
	padding:0 10px 10px 0;
	float:left;
}

/*会社案内*/

table.com {
	width:540px;
	font-size:12px;
}

table.com td {
	padding:3px 5px;
	border:1px solid #555;
	border-width:1px 0;
	text-align:left;
	vertical-align:top;
}

table.com td.color {
	background:#fafafa;
}

.face {
	float:left;
	margin:0 20px 30px 0;
	font-size:10px;
	width:150px;
}

.face img {
	margin-bottom:5px;
}

.sign {
	text-align:right;
	clear:both;
}

div.comtxt {
	float:right;
	width:370px;
	text-align:left;
}

h4.com {
	font-size:12px;
	font-weight:bold;
	color:#00007f;
	margin-bottom:0.5em;
	clear:both;
	text-align:left;
}
	


/*健康住宅*/

table.health {
	background:#efefef;
}

table.health td{
	padding:5px;
	border:1px solid #fff;
	font-size:10px;
}

.healthImg {
	float:left;
	width:170px;
	margin:2em 15px 2em 0;
	font-size:10px;
}

.healthImg strong {
	display:block;
	margin-bottom:5px;
}

.healthImg img {
	margin-bottom:5px;
}

/*バリアフリーとユニバーサルデザイン*/

.bfImg {
	float:right;
}

.bfImg img{
	margin:0 0 15px 15px;
}

/*セキュリティ*/

.secImg {
	margin:0 12px 0 0;
}

/*始める前に*/

ol.start {
	width:270px;
}


ul#startTxt {
	width:270px;
	list-style-position:outside;
	margin:0 0 1.5em 30px;
}

ul#startTxt02 {
	width:510px;
	list-style-position:outside;
	margin:0 0 1.5em 30px;
}


ul#start {
	width:260px;
	padding-bottom:5px;
	text-align:left;
	margin:0 20px 1.5em 0;
	float:left;
}

ul#start li {
	list-style:none;
	text-align:left;
	height:31px;
	line-height:31px;
	color:#fff;
	margin:0 0 5px 0;
}

ul#start li span.ac {
	background:#5499c0 url(../img/menu_ac.png) right top no-repeat;
	width:248px;
	_width:258px;
	padding:0 0 0 10px;
	font-weight:bold;
	border:1px solid #ccc;
	border-width:1px 0;
	height:31px;
	line-height:31px;
	display:block;
	color:#fff;
}

ul#start li span.title {
	background:#085402;
	width:248px;
	_width:258px;
	padding:0 0 0 10px;
	font-weight:bold;
	border:1px solid #ccc;
	border-width:1px 0;
	height:31px;
	line-height:31px;
	display:block;
	color:#fff;
}



ul#start li a {
	display:block;
	width:248px;
	_width:258px;
	padding:0 0 0 10px;
	text-align:left;
	height:31px;
	line-height:31px;
	color:#5499c0;
	background:#EAFAFF;
	border:1px solid #ccc;
	border-width:1px 0;
}

ul#start li a:hover {
	background:#5499c0 url(../img/menu_ac.png) right top no-repeat;
	width:248px;
	text-decoration:none;
	font-weight:bold;
	color:#fff;
}

div.start01 {
	background:url(../start/img/sub00_img.jpg) right 120px no-repeat;
}

div.start02 {
	background:url(../start/img/sub01_01_img.jpg) right 120px no-repeat;
}

div.start03 {
	background:url(../start/img/sub01_02_img.jpg) right 120px no-repeat;
}

div.start04 {
	background:url(../start/img/sub01_03_img.jpg) right 120px no-repeat;
}

div.start05 {
	background:url(../start/img/sub01_04_img.jpg) right 120px no-repeat;
}

div.start06 {
	background:url(../start/img/sub01_05_img.jpg) right 120px no-repeat;
}

div.start07 {
	background:url(../start/img/sub01_06_img.jpg) right 120px no-repeat;
}

div.start09 {
	background:url(../start/img/sub02_01_img.jpg) right 120px no-repeat;
}

div.start10 {
	background:url(../start/img/sub02_02_img.jpg) right 120px no-repeat;
}

div.start11 {
	background:url(../start/img/sub02_03_img.jpg) right 120px no-repeat;
}

div.start12 {
	background:url(../start/img/sub02_04_img.jpg) right 120px no-repeat;
}

div.start13 {
	background:url(../start/img/sub02_05_img.jpg) right 120px no-repeat;
}

div.start14 {
	background:url(../start/img/sub02_06_img.jpg) right 120px no-repeat;
}

div.start15 {
	background:url(../start/img/sub02_07_img.jpg) right 120px no-repeat;
}


p.startTxt {
	width:320px;
	line-height:130%;
	text-align:left;
	margin-bottom:1.5em;
}

p.startTxt02 {
	width:540px;
	line-height:130%;
	text-align:left;
	margin-bottom:1.5em;
}

.startBold {
	color:#085402;
	font-weight:bold;
}

.startPage {
	line-height:130%;
	text-align:right;
	float:right;
	font-size:12px;
	font-weight:normal;
	color:#555;
}

/*ライフイベント*/
table.lifeevent {
	width:540px;
	margin-top:5px;
	font-size:12px;
}

table.lifeevent td {
	border:1px solid #930;
	padding:5px;
}

table.lifeevent td.color {
	background:#e6bbbb;
	width:30%;
}

/*工事の流れ*/
.flow01 {
	display:block;
	float:left;
	color:#fff;
	background:#00c;
	height:40px;
	line-height:40px;
	text-align:center;
	padding:0 10px;
	margin-bottom:10px;
	font-weight:bold;
}

.flow02 {
	display:block;
	float:left;
	color:#fff;
	background:#f60;
	height:34px;
	line-height:34px;
	text-align:center;
	padding:0 10px;
	margin-bottom:10px;
	font-size:10px;
	font-weight:bold;
	border:3px solid #00c;
}

.flowArrow {
	margin:5px 5px 0 5px;
	float:left;
}

.flowArrow02 {
	margin:80px 5px 0 5px;
	float:left;
}

.flowImg {
	background:#fff;
	margin-bottom:10px;
	width:200px;
	float:left;
}

.flowImg img {
	margin-top:5px;
}

table.flow {
	width:540px;
	font-size:12px;
}

table.flow td {
	padding:5px;
	border:1px solid #005;
	text-align:left;
	vertical-align:top;
}

table.flow td.color {
	color:#005;
	font-weight:bold;
	background:#DFFFFD;
	white-space:nowrap;
}

div.flowImgs {
	padding:5px;
	border:1px solid #005;
	background:#DFFFFD;
	display:none;
	z-index:10;
	width:183px;
	height:137px;
}

/*実績紹介*/

html>body .workBtn {
  position:relative;
  z-index:1;
}

.workBtn {
	width:503px;
	margin:0 auto;
}

.workBtn a {
	width:503px;
	display:block;
	font-size:10px;
	height:104px;
	margin-bottom:20px;
/*\*//*/
  overflow: hidden;
  display:inline-table;
/**/

}

.workBtn a strong {
	display:block;
	position:relative;
	z-index:-1;
	width:503px;

  overflow: hidden;

/*\*//*/
  display:inline-table;
/**/

}



.workBtn a.kansei:link,.workBtn a.kansei:visited {
	background:url(../work/img/btn_kansei.png) 0 0 no-repeat;
}
.workBtn a.kansei:hover {
	background:url(../work/img/btn_kansei_ac.png) 0 0 no-repeat;
}

.workBtn a.reform:link,.workBtn a.reform:visited {
	background:url(../work/img/btn_reform.png) 0 0 no-repeat;
}
.workBtn a.reform:hover {
	background:url(../work/img/btn_reform_ac.png) 0 0 no-repeat;
}

.workBtn a.sekorei:link,.workBtn a.sekorei:visited {
	background:url(../work/img/btn_sekorei.png) 0 0 no-repeat;
}
.workBtn a.sekorei:hover {
	background:url(../work/img/btn_sekorei_ac.png) 0 0 no-repeat;
}


.workBtn p {
	margin-bottom:5px;
	text-align:left;
}


/*実績紹介*/
.pbLeft {
	margin-left:10px;
	_margin:0 10px 10px 10px;
}


.photoBox {
	width:152px;
	_width:166px;
	border:1px solid #ccc;
	padding:6px;
	float:left;
	margin:0 0 10px 10px;
}

.photoBox a:link img {
	border:1px solid #555;
}

.photoBox a:hover img {
	border:1px solid #f30;
}


p.picTitle {
	text-align:center;
	padding-bottom:5px;
	color:#005;
	font-weight:bold;
	display:block;
	line-height:22px;
	font-size:1em;
}

.photoBox p.pic {
	height:152px;
	width:152px;
	text-align:center;
	display:block;
	line-height:152px;
}

p.picTxt {
	text-align:center;
	padding-top:5px;
	color:#555;
	font-size:0.834em;
	line-height:16px;
}

.photoBox p.cap  {
	text-align:left;
	padding-top:5px;
	color:#555;
	font-size:10px;
}

.photoDetail {
	width:350px;
	_width:370px;
	height:350px;
	margin:0;
	float:left;
	text-align:center;
	display:table-cell;
	vertical-align:middle;
	padding:10px;
	background:#eee;
}

.photoComment {
	width:150px;
	_width:170px;
	height:350px;
	padding:10px;
	text-align:left;
	float:left;
	background:#ddd;

}

.photoCap {
	background:#ccc;
	font-weight:bold;
	font-size:14px;
	padding:5px;
	text-align:center;
	margin-bottom:10px;
}

/*修繕*/

table.shuzen {
	margin-top:10px;
	border-collapse:collapse;
}

table.shuzen td {
	padding:5px;
	border:1px solid #555;
	text-align:left;
	font-size:11px;
	vertical-align:middle;
}

table.shuzen td.title1 {
	background:#030;
	font-weight:bold;
	color:#fff;
	text-align:center;
	white-space:nowrap;
}

table.shuzen td.title2 {
	background:#9c9;
	font-weight:bold;
	text-align:center;
	color:#333;
	white-space:nowrap;
}

div.okujoImg {
	float:left;
	width:154px;
	margin-left:10px;
	text-align:right;
	font-size:10px;
}

div.okujoImg img {
	border:2px solid #ccc;
	margin-bottom:5px;
}

/*耐震*/
table.taishin {
	border-collapse:collapse;
	width:540px;
}

table.taishin td {
	padding:5px;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	vertical-align:top;
	font-weight:bold;
	text-align:left;
	width:224px;
}

table.taishin td.year01 {
	background:#eee;
	text-align:center;
	white-space:nowrap;
	width:60px;
	border:1px solid #999;
}

table.taishin td.year02 {
	background:#f40;
	text-align:center;
	white-space:nowrap;
	width:60px;
	color:#fff;
	border:1px solid #999;
}

table.taishin td.org {
	color:#f40;
}

table.taishin td.brk {
	background:url(../taishin/img/taishin_bg.gif);
}

table.taishin td span.txt {
	font-size:10px;
	font-weight:normal;
	color:#555;
}

table.taishin td span.txt02 {
	font-size:10px;
	font-weight:normal;
	color:#c00;
}