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


/* 基本設定 ************************************************************/

	*{
		margin: 0;
		padding: 0;
		font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",Geneva,Arial,Verdana,sans-serif;
		font-size: 100%;
		font-size-adjust: none;
		font-stretch: normal;
		font-style: normal;
		font-variant: normal;
		font-weight: normal;
		line-height:140%;
	}
	
	body{
		background:url(image/header-back.gif) repeat-x;
		margin: 0;
		padding: 0;
		text-align: center;

	}
	
	img{
		border: 0;
	}
	
	#wrapper{
		width: 920px;
		margin: 0 auto;
		text-align: left;

	}
	
	#imgback{
		background:url(image/main_image.jpg) no-repeat;
		background-position:50% 153px;
		height:100%;
	}
	
	#contents{
		margin-top: 220px;
	}
	
	#l-box{
		float: left;
		width: 690px;
	}
	
	#r-box{
		float: right;
		width: 210px;
	}
	
	#r-box p{
		margin-bottom: 10px;
	}
	
	br.clear{
		clear: both;
		font-size:  0;
		line-height: 0;
		overflow: hidden;
	}/* 回り込み解除 */
	
	.clear{
		clear: both;
	}
	
	.left{
		float: left;
	}
	
	.right{
		float: right;
	}
	
	a{
		color:#333;
		text-decoration:underline;
	}
	
	a:hover{
		color:#FF9900;
		text-decoration: none;
	}
	
	strong{
		font-weight: normal;
	}
	
	.check{
		color: #FF6600;}

/* ヘッダー部分 **************************************************************/

	
	h1{	
		width: 179px;
		height: 36px;
		text-indent:-9999px;
		float: left;
	}

	h1 a{
		display: block;
		width: 179px;
		height: 36px;
		outline : none;
		float: left;
		background: url(image/shinwa-title.gif) no-repeat;
	}

	h2{
		font-size: 70%;
		float: left;
		border-left:1px dotted #ccc;
		padding-left:18px;
		color: #999;
		margin: 16px 0 0 20px;
	}
	
	#header{
		float: left;
		width: 650px;
		margin:0px 0 28px 0;
		padding-top: 20px;
	}
	
	#home{
		float: right;
		margin: 0;
		padding: 0;
	}

	
/* ナビゲーション ************************************************************/
	
	#navigation{
		clear: both;
		background:url(image/navigation.gif) no-repeat;
		width:920px;
		height:52px;
		margin: 0;
		padding:0;}

	#navigation span{
		display:none;}

	#navigation li, #navigation a{
		height:52px;
		display:block;}

	#navigation li{
		float:left;
		list-style:none;
		display:inline;}

	#navi01,#navi02,#navi03,#navi04,#navi06,#navi07,#navi08{width:112px;}

	#navi05{ width:136px;}

	#navi01 a:hover{background:url(image/navigation.gif) 0px -52px no-repeat;}
	#navi02 a:hover{background:url(image/navigation.gif) -112px -52px no-repeat;}
	#navi03 a:hover{background:url(image/navigation.gif) -224px -52px no-repeat;}
	#navi04 a:hover{background:url(image/navigation.gif) -336px -52px no-repeat;}
	#navi05 a:hover{background:url(image/navigation.gif) -448px -52px no-repeat;}
	#navi06 a:hover{background:url(image/navigation.gif) -584px -52px no-repeat;}
	#navi07 a:hover{background:url(image/navigation.gif) -696px -52px no-repeat;}
	#navi08 a:hover{background:url(image/navigation.gif) -808px -52px no-repeat;}	
	

/* （ＴＯＰページ）左コンテンツ *************************************************************/	
	

/* サブナビ */

	#con01{
		background:url(image/con01_back.gif);
		width: 690px;
		height: 113px;
		margin-top: 123px;
	}
	
	#con01 ul,#con02 ul,#ykd_box ul{
		list-style: none;
	}
	
	#con01 li{
		float: left;
		display:inline; /* [IE6]margin回避用 */
		margin: 15px 0 0 13px;
	}
	
	#con01 li a{
		display: block;
		border: 3px solid #ccc;
	}
	
	#con01 li a:hover{
		display: block;
		border: 3px solid #0d968d;
	}

/* 倒壊の原因とは */	

	#con02{
		margin:20px 0;
		padding-bottom: 20px;
		width: 690px;
		background:url(image/con02_line.gif) no-repeat bottom;
	}
	
	.top_t{
		padding-left:15px;
		margin-bottom: 12px;
		border-left:5px solid #0d968d;
	}
	
	#con02 li{
		margin:8px 5px 0 5px;
	}

/* お知らせ */
	
	#info{
		width: 400px;
		float: left;
	}
	
	#info dl{
		margin: 0;
		padding: 0;
	}
	
	#info dt{
		font-size:70%;
		float:left;
		padding:8px 0 0 0;
	}
	
	.infolist{
		margin: 0px 0 0 40px;
	}
	
	#info dd{
		font-size: 80%;
		border-bottom:1px dotted #ccc;
		padding:6px 0 6px 70px;
	}
	
	.back{
		font-size: 70%;
		text-align: right;
	}
	
	.back a{
		color: #666;}
	

		

/* お役立ち情報 */
	
	#yakudachi{
		width: 242px;
		height: 166px;
		float: right;
	}
	
	#ykd_box{
		background-color: #777;
		padding:14px 0 0 11px;
	}


/* （ＴＯＰページ）右コンテンツ ************************************************************/
	
	#bunner{
		margin-top: 10px;
	}
	
	#address{
		background:url(image/address_back.gif) no-repeat;
		width: 190px;
		height: 226px;
		font-size:70%;
		color:#555;
		padding-left: 20px;
		display: block;
		margin-top: 10px;
	}
	
	#address dl{
		margin:0 0 20px 44px;
		padding-top: 1px;
	}
	
	#address dt{
		margin-top:20px;
	}
	
	#pagetop{
		margin: 70px 0 0 0;
		padding: 0;
		text-align: right;
	}

/* フッター ************************************************************/
	
	#footer{
		background: url(image/footer_back.gif) repeat-x;
		height: 158px;
		font-size: 70%;
		text-align: left;
		color: #666;
		margin: 0;
		padding: 0;
	}
	
	#footer_in{
		width: 920px;
		margin: 0 auto;
		padding-top: 20px;
	}

/* 左側 */

	#footer #txt{
		width: 220px;
		padding-right: 20px;
		text-align: left;
		border-right: 1px dotted #999;
		float: left;
	}
	
	#footer #txt img{
		margin-bottom: 32px;
	}

/* 右側 */
	
	#fnavi_box{
		width: 650px;
		float: right;
		margin-top: 10px;
	}
	
	#fnavi_box p{
		margin-top: 35px;
	}

/* フッターメニュー */	

	#footer_naviA li,#footer_naviB li{
		float: left;
		list-style: none;
		padding: 0 10px;
		margin: 0px 0 4px 0;
	}
	
	#footer_naviA li{
		border-right:1px dotted #bbb;
	}
	
	#footer_naviA a{
		color: #666;
		text-decoration: none;
	}
	
	#footer_naviA a:hover{
		color: #FF9900;
	}
	
	#footer_naviB{
		float: right;
	}
	
	#footer .copy{
		margin-left: 10px;
	}


/* サブページ 基本設定 ************************************************************/
	
	
	#imgback_sub{
		background:url(image/header-back_sub.gif) repeat-x;
	}
	
	#pan{
		margin: 34px 0 0 6px;
		color: #888;
		font-size: 64%;
	}
	
	#pan li{
		float: left;
		list-style: none;
		
	}
	
	#subcontents{
		padding-top: 10px;
	}
	
	#catehead{
		
	}
	.entrybody{
		font-size: 84%;
		color: #333;
	}
	
	.txt{
		margin: 10px 0 30px 0;
	}
	
	.settei{
		border-bottom: 1px dotted #ccc;
		margin-bottom: 30px;
	}

/* サブメニュー設定 ************************************************************/
	
	#subnavi{
		background-color: #eee;
		border: 1px solid #ddd;
		padding: 5px;
		margin-bottom: 10px;
	}
	
	#subnavi li{
		list-style: none;
		font-size: 76%;
	}
	
	#subnavi li a{
		display: block;
		width: 169px;
		height: 28px;
		padding: 13px 0 0 30px;
		background: url(image/subnavi_backoff.gif) no-repeat;
	}
	
	#subnavi li a:hover{
		color: #333;
		background: url(image/subnavi_backon.gif) no-repeat;
	}	
	
	
/* お知らせ設定 ************************************************************/
	
	#infobox{
		/*border: 1px solid #ddd;
		background-color: #f9f9f9;*/
	}
	
	.info-t{
		background-color: #eeeedb;
		color: #444;
		padding: 14px 0 12px 20px;
		font-size: 90%;
		font-weight: bold;
		border-left: 8px solid #c7c1ab;
	}
	
	.info-t a{	font-weight: bold;}
	
	.info-b{
		border-bottom: 1px dotted #ccc;
		padding:0 6px 40px 14px;
		margin: 10px 0px 20px 0px;
	}
	
	.info-b strong{
		font-weight: bold;}
	
	#infobox .day{
		font-size: 70%;
		margin: 10px 0 0px 14px;
		color: #666;
	}
	
	#infobox .update{
		background-color: #0d968d;
		padding: 2px 2px 0 4px;
		color: #fff;
	}
	
	.detail{
		margin-top: 16px;}
	
	#page span{
		background-color: #ddd;
		color: #666;
		padding: 2px 2px 0px 3px;}
	
	#page{
		font-size: 80%;
		list-style: none;}
	
	#page li{
		float: left;
		}
	
	#page a{
		color: #fff;
		background-color: #aaa;
		text-decoration: none;
		margin: 0 2px;
		padding: 2px 2px 0px 3px;}


/* 倒壊の原因とは ************************************************************/

	#toukai_back{
		padding: 30px;
		/*background-color: #eeeeda;*/
		background:url(image/answer-back.gif);
	}
	
	#toukai_in{
		background-color: #fff;
		padding: 20px;
		margin-bottom: 20px;
		border:1px solid #ccc;
	}
	
	
/* 耐震診断 ************************************************************/

	#shindan{
		background:url(image/shindan-back.jpg) no-repeat right;
		width: 690px;
		height: 320px;
	}
	
	#shindan-t{
		margin: 0 0 10px 50px;
		padding-top: 20px;
	}
	
	#shindan dl{
		margin: 20px 0 0 0;
		padding: 0;
		width:262px;
	}
	
	#shindan dt{
			background:url(image/shindan_off.gif) no-repeat;
			width: 262px;
			height: 52px;
	}
	
	#shindan dt a{
		color: #fff;
		font-size:130%;
		font-weight: bold;
		text-decoration: none;
		text-align: center;
		padding-top: 13px;
		height: 39px;
		display: block;
	}
	
	#shindan a:hover{
		background:url(image/shindan_on.gif) no-repeat;
		color: #666;
	}
	
	#shindan dd{
		font-size: 90%;
		margin-top: 10px;
	}
	
	#shindan-i{
		width: 574px;
	}
	
	.shindan-b{
		float: left;
		margin: 40px 0 40px 30px;}
	
	.houhou{
		margin: 20px auto 20px auto;
		width: 630px;
		padding: 20px 20px 16px 40px;
		background-color: #eee;}
	
	.houhou dt{
		font-weight: bold;
		color: #0d968d;
		float: left;
		padding-top: 12px;
		font-size: 110%;}
	
	.houhou dd{
		color: #555;
		padding: 10px 0 10px 100px;}



/* 耐震診断について ************************************************************/
	
	.shindo{
		background:url(image/shindo-back.gif) repeat-y;
		width: 690px;
		margin: 0;
		padding: 0;
	}
	
	.shindo table{
		margin: 0 auto;
	}
	
	.shindo th{
		font-weight: bold;
		text-align: center;
		background:url(image/answer-back.gif);
	}
	
	.shindo td{
		font-size:82%;
		padding: 6px;
	}
	
	.shindo span{
		color: #FF6600;}
	
	.no-date{
		text-align: center;
	}
	
	.hosoku{
		font-size: 82%;
		margin: 30px auto 0 auto;
		padding-bottom: 60px;
		width:650px;
		color: #666;
	}
	
	.shindo .shindoimg{
		width: 434px;
		padding: 20px 0;
		margin: 0 auto;
	}
	
/* 耐震診断の流れ */	
	
	#nagare{
		width: 516px;
		background-color: #f7f7eb;
		float: right;
		padding: 0 30px 30px 30px;
	}
	
	#nagare h5{
		margin-top: 30px;
	}
	
	#nagare p{
		margin: 10px 0 0 20px;
		color: #666;
		padding-left: 30px;
		border-left: 1px dotted #999;
	}

/* 調査項目の流れ */
	
	#koumoku-l{
		float: left;
		margin-right: 20px;
		width: 323px;
	}
	
	#koumoku-l a{
		background:url(image/shindan_off.gif) no-repeat;
		text-align: center;
		color: #fff;
		width: 262px;
		margin: 10px auto 0 auto;
		height: 41px;
		display: block;
		font-size: 110%;
		font-weight: bold;
		padding-top: 13px;
	}	
		
	#koumoku{
		list-style: none;
		color: #129087;
		padding-top: 20px;
	}
	
	#koumoku li{
		margin-bottom: 30px;
	}

	#koumokumore{	
		font-size: 80%;
		padding-top: 10px;
	}
	
	#koumoku span{
		font-weight: bold;
	}
	
	
	
	

/* 耐震補強 ************************************************************/

	#keikaku{
		width:690px;
		margin: 80px auto 0 auto;}
	
	#keikaku dt{
		color: #333;
		font-size: 105%;
		font-weight: bold;
		padding:0 4px 6px 8px;
		margin-bottom: 10px;
		background:url(image/list.gif) no-repeat bottom;}

	#keikaku dd{
		margin-bottom: 40px;
		color: #666;}
	
	#keikaku p{
		font-size: 80%;
		margin-top:5px;
		text-align: right;}

/* 補強の流れ */

	#hokyou-nagare{
		margin: 40px 0 20px 0;
		padding-top: 30px;
		height: 345px;
		background:url(image/nagare-back.gif) no-repeat center;
	}

	#hokyou-nagare h5{
		color: #4c3bc9;
		font-weight: bold;
		margin-bottom: 33px;
		font-size: 180%;
		text-align: center;
	}

	
/* 工法・種類 */

	#kouhou{
		width: 480px;
		float: left;
		margin: 20px 0 60px 10px;
	}
	
	#kouhou h5{
		color: #333;
		font-weight: bold;
		margin-bottom: 6px;
		font-size: 110%;
	}
	
	.house{
		margin: 10px 0 0 0;
		float: right;
	}
	
	.omosa{
		color: #666;
		font-size: 80%;
		margin-top: 20px;
	}
	
	.kouhou-t{
		font-weight: bold;
		font-size: 110%;
		color: #0d968d;
	}
	
	.kouhoubox{
		width: 650px;
		margin: 20px auto 60px auto;
	}
	
	.himg{
		text-align: center;}
	
	#k-hyou th{
		font-weight: bold;
		padding: 5px;
		background:url(image/answer-back.gif);
		text-align: center;}

	#k-hyou td{
		background-color: #fff;
		padding: 5px;}
	
	#k-hyou{
		background-color: #ccc;
		}


/* 自分でできる耐震診断 */

	#kokoroe{
		background:url(image/kokoroe.jpg) no-repeat;
		height: 402px;
	}
	
	#kokoroe-in{
		display: none;
	}
	
	.more{
		background-color: #eee;
		padding: 20px 40px;
		margin: 30px 0 70px 0;
	}
	
	#arekore ol, #arekore ul{
		margin-left: 60px;
		font-size: 80%;
	}
	
	.arekore-t{
		text-align: center;}
	
	#arekore p{
		font-size: 80%;
		margin-left: 50px;
	}
	
	#arekore h4{
		font-size: 110%;
		font-weight: bold;
		padding: 6px 0 6px 40px;
		margin: 30px 0 10px 0;
	}
	
	#arekore .a01{		background:url(image/a01.gif) no-repeat left;}
	#arekore .a02{		background:url(image/a02.gif) no-repeat left;}
	#arekore .a03{		background:url(image/a03.gif) no-repeat left;}
	#arekore .a04{		background:url(image/a04.gif) no-repeat left;}
	#arekore .a05{		background:url(image/a05.gif) no-repeat left;}
	#arekore .a06{		background:url(image/a06.gif) no-repeat left;}
	#arekore .a07{		background:url(image/a07.gif) no-repeat left;}


/* 失敗　 ************************************************************/

	#sippai-r{
		width: 410px;
		float: right;
		margin-top: 20px;
		background:url(image/yazirushi.gif) no-repeat center 70px;
	}
	
	#sippai-r p{
		height: 130px;
		margin-bottom: 40px;
	}
	
	#sippai-r ul{
		margin: 0;
		padding: 20px 0px 20px 50px;
		background:url(image/answer-back.gif);
	}
	
	#sippai-r li{
		margin: 26px 0;
	}

/* Ｑ＆Ａ ************************************************************/

	#question{
		margin: 10px 0 60px 30px; padding: 0;
		font-size: 80%;
		font-weight: bold;
		color: #4c3bc9;
	}
	
	#question span{
		font-weight: normal;
	}
	
	#question li{
		margin: 0 0 10px 0;
	}
	
	.answer{
		background:url(image/answer_back.gif) no-repeat;
		padding: 9px 0 0 20px;
		width: 670px;
		height: 33px;
	}
	
	.answer a{
		text-decoration: none;
		font-weight: bold;
		color: #4c3bc9;
		font-size: 96%;
	}
	
	.answerbody{
		font-size: 80%;
		background: url(image/answer-back.gif);
		padding: 30px;
		margin:10px 0 50px 0;
	}

/* 会社概要 ************************************************************/	

	
	#company{
		width: 690px;
		background-color: #ccc;
	}
	
	#company th, #company td{
		padding: 10px 10px 10px 16px;
		text-align: left;
		background:url(image/answer-back.gif);
	}
	
	#company th{
		font-weight: bold;
		width: 180px;
	}
	
	#company dt{
		float: left;
	}
	
	#company dd{
		margin-left: 100px;}

/* 工事歴 */

	#koujireki h5{
		font-weight: bold;
		font-size: 110%;
		margin-bottom: 6px;
	}
	
	#koujireki img{
		margin-bottom: 50px;
	}


/* プライバシーポリシー ************************************************/

	#privacy{	width: 580px; margin: 0 auto;}
	#privacy h5{	font-size: 110%; padding-bottom: 5px;  font-weight: bold;}
	#privacy p{	color: #666;}