@charset "UTF-8";

/* 要素リセット */
body{
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: center;
	font-size: 75%;
	font-family:'游ゴシック','Hiragino Sans','ヒラギノ角ゴシック', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'Osaka', sans-serif;
        font-weight:540;/* 游ゴシックがはっきり見えるように設定　通常500程度 */
	color : black;/* 標準文字色 */
        -webkit-text-size-adjust: 100%;
	/*min-width: 980px;*/
}
/* Safari用ハック 文字サイズ調整 */
/*\*/
html:first-child body{
    font-size: 70%;
}
/* end */

img{
    border-top: 0;
    border-right: auto;
    border-bottom: 0;
    border-left: auto;
}

/*--------------------------------------------------------
  レイアウト設定
--------------------------------------------------------*/



#hpb-inner{
	width: 1100px; 
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	clear: both;
	position: relative;
}



#hpb-main{
	width: 850px;
	float: left;
	text-align: left;
	padding-right: 10px;
	padding-bottom: 20px;
}

#mainpage{
	color: #000000;
        background-color: #ffffff;
}


#hp-box{
       color : #000000;
       background-color : white;
       line-height: 1.6;
       letter-spacing: 0.1em;
/*---        font-family:'游ゴシック','Hiragino Sans','ヒラギノ角ゴシック', Meiryo, 'ヒラギノ角ゴ Pro W3',  'ＭＳ 明朝', serif;　-----*/
       font-weight:580;/* 游ゴシックがはっきり見えるように設定　通常500程度 */
}

/*--- インタビュー　工事名　フォント指定　椿神明社以降　-----*/
#hp-box-i{
       color : #000000;
       background-color : white;
       line-height: 1.6;
       letter-spacing: 0.1em;
       font-family:'游ゴシック','Hiragino Sans','ヒラギノ角ゴシック', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'Osaka', sans-serif;
       font-weight:540;/* 游明朝がはっきり見えるように設定　通常500程度 */
}



/*---新着情報インラインフレーム　レイアウト設定-----*/

#hpb-main-n{
	width: 800px;
	float: left;
	text-align: left;
	padding-right: 10px;
	padding-bottom: 20px;
        -webkit-text-size-adjust: 100%;
}

/*---設定終----*/

/*---実績　建物工事　レイアウト設定-----*/

#hpb-main-k{
	width: 1100px;
	float: left;
	text-align: left;
	padding-bottom: 20px;
	margin-bottom: 20px;
}


/*---設定終----*/



/*---社長挨拶main　レイアウト設定-----*/

#hpb-main-p{
	width: 700px;
	float: left;
	text-align: left;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-top: 0px;
}

/*---設定終----*/


.hpb-layoutset-01 #hpb-main{
    padding-top: 540px;
}
.hpb-layoutset-02 #hpb-main{
/*---    padding-top: 17px; ---*/
    padding-top: 25px;
}
/*---テスト2 index_test2.html ----*/
.hpb-layoutset-03 #hpb-main{
    padding-top: 100px;
}
/*---テスト2----*/
.resizeimage img { width: 100%; }

/*---トップページスライダー画像設定----*/
#slider {
	width:	100%;
	height:	740px;
}




/*---  indexのaside ----*/
#hpb-aside{
	width: 220px;
	float: right;
	text-align: left;
	margin-top: 533px;
	padding-top: 5px;
	padding-left: 0px;
	margin-bottom: 20px;
	background-color: #ffffff;
	background-image: url(fig/bg6.png);
}

/*---  index以外のaside ----*/
.hpb-layoutset-02 #hpb-aside{
	padding-top: 0px;
        margin-top: 2.5px;
 /*---     margin-top: -5.5px; ----*/
}

#hpb-footer{
    clear: both;
}


#hpb-nav{
    width: 980px;
    height: 28px;
    overflow: hidden;
    position: absolute;
    top: 28px;
    left: 0px;
}


/*--------------------------------------------------------
  デザイン設定
--------------------------------------------------------*/
/* タイトル */

.hpb-layoutset-01 #hpb-title{
 	width: 1100px;    
	height: 535px;   
	text-indent: -9999px;
 	overflow: hidden; 

	background-image: url(fig/wood1.png);
	background-position: center top;
	background-repeat: no-repeat;
      position: absolute;  
 /*  	top: 48px;  */  
/* 	top: 6px;  */
	top: 41px; 
	left: 0px;  
}



.hpb-layoutset-02 #hpb-title{
	width: 1100px;
	height: 98px;
	background-position: left top;
	background-repeat: no-repeat;
	position: absolute;
	top: 78px;
	left: 0px;
}

/* テスト2 */
.hpb-layoutset-03 #hpb-title{
 	width: 1100px;   
	height: 535px;   
	text-indent: -9999px;
	overflow: hidden;
	background-image: url(fig/wood1.png);
	background-position: center top;
	background-repeat: no-repeat;
 	position: absolute; 
/* 	top: 48px;   */
 	top: 6px; 
	left: 0px;  
}

/* 背景設定 */
.hpb-layoutset-01{
	background-image: url(fig/bg6.png);
	background-position: left top;
	background-repeat: repeat;
}

.hpb-layoutset-02{
 	background-image: url(fig/bg6.png);
	background-position: left top;
	background-repeat: repeat;
}

/* テスト2 */
.hpb-layoutset-03{
  	background-image: url(fig/bg61.png);   
	background-position: left top;   
	background-repeat: repeat-x;  
        background-color: #f8f4e6; 
}

/* ナビゲーション */

#hpb-nav ul{
    margin-top: 0px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 0;
    padding-right: 0;
    padding-left: 10px;
    padding-bottom: 0;
    list-style-type: none;
    text-align: left;
	}

#hpb-nav ul::after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#hpb-nav li{
    display: inline-block;
    font-size: 11px;
	margin-right: 32px;
}

#hpb-nav li a{
    display: block;
    padding-left: 10px;
    padding-right: 10px;
	padding-bottom: 4px;
	border-bottom-width: 3px;
    border-bottom-style: solid;
    border-bottom-color: #585858;
	
}
#hpb-nav li a:hover{
	border-bottom-color: #288bd7;
}

/* =======================================================
  レスポンシブル設定　は一旦消去しました
======================================================= */




		/* ------------------ */
		/* メニューバーの装飾 */
		div.menubar{
	background-color: #ffffff;/* バーの背景色 */
	border-width: 1px;
	border-style: hidden;
	border-color: white;/* バーの上端線 */

	
	
	/* バーの下端線 */
	min-width: 1100px;/* メインメニュー全部が収まる最低横幅 */
}

		/* ------------------------ */
		/* メインメニュー項目の装飾 */
		div.menubar ul#menu{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;/* メニューバー外側の余白 */
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;/* メニューバー内側の余白 */
	height: 40px;/* メニューバーの高さ */
	z-index: 100;
	overflow: visible;
	visibility: visible;
	/* font-family:   HGP明朝B,"ＭＳ 明朝",メイリオ, sans-serif; */
   	/* font-size: 14px; */
      
}
		div.menubar ul#menu li{
	width: 220px;/* メニュー項目の横幅 */
	border-width: 0px;/* メニュー全体の枠線の太さ */
	border-style: solid;/* メニュー全体の枠線の線種 */
	/*border-color: #ff0000; メニュー全体の枠線の色 */
	height: 40px;/* メニュー項目の高さ（「メニューバーの高さ」と一致させる） */
	float: left;
	padding-top: 0px;
	list-style-type: none;
	position: relative;
}


		div.menubar ul#menu a{
	/* メニュー項目の背景色 */
	color: black;/* メニュー項目の文字色 */
	line-height: 40px;/* メニュー項目のリンクの高さ（「メニュー項目の高さ」と一致させる） */
	text-align: center;/* メインメニューの文字列の配置（中央寄せ） *//* メニュー項目の装飾（下線を消す） */
	display: block;
	width: 100%;
	height: 100%;
	background-image: url(fig/ribon14.png);
	font-size: 18px;
	font-weight: bold;
	padding-top: 0px;
	background-repeat: no-repeat;
	font-family: 有澤行書;
}
		div.menubar ul#menu a:hover{
       background-image: url(fig/ribon15.png); 
       text-decoration:  underline;
	/* background-color: white; メニュー項目にマウスが載ったときの背景色 */
	/* color: white; メニュー項目にマウスが載ったときの文字色 */
}

		/* メニューバー直後の Clear Hack */
		div.menubar ul#menu{
	zoom:1;
}
		div.menubar ul#menu::after{
	height: 0; visibility: hidden; content: "."; display: block; clear: both;
}

		/* ---------------------- */
		/* サブメニュー項目の装飾 */
		div.menubar ul#menu ul.sub{
	background-color: #ffffff;/* サブメニュー全体の背景色 */
	border-width: 0px;/* サブメニュー全体の枠線の太さ */
	border-style: solid;/* サブメニュー全体の枠線の線種 */
	/* border-color: #ff0000; サブメニュー全体の枠線の色 */
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	display: none;
	position: absolute;
	z-index: 1;
       font-family: 有澤行書;
}
		div.menubar ul#menu ul.sub li{
	width: 220px;/* サブメニュー1項目の横幅 */
	height: 40px;/* サブメニュー1項目の高さ */
	border-width: 0px;/* サブメニュー1項目の枠線の太さ */
	border-style: solid;/* サブメニュー1項目の枠線の線種 */
	border-color: #ff0000;/* サブメニュー1項目の枠線の色 */
}
		div.menubar ul#menu ul.sub li a{
			line-height: 40px; /* サブメニュー1項目の行高（「サブメニュー1項目の高さ」と合わせる） */
			text-align: center;  /* 文字列の配置（中央寄せ） */
			text-indent: 5px;  /* 文字列前方の余白 */
                     text-decoration: none;
		}
		div.menubar ul#menu ul.sub li a:hover{
       background-image: url(fig/ribon15.png); 
	/* background-color: gray; サブメニュー項目にマウスが載ったときの背景色 */
	color: black;/* サブメニュー項目にマウスが載ったときの文字色 */
       text-decoration:  underline;
}