/* ◆◆◆全体の統一設定◆◆◆*/
/* 100%ボックスの設定。これを入れないと高さ内でうまく表示されない*/
*{
    margin: 0;
    padding: 0;
}
html{
    height:100%;
	overflow-y: hidden; 
}
/* 画面全体の設定*/
body{
	font-style:normal;
    font-weight:normal;
    font-size: 16px;
    color:#000000;/*文字の色*/
	height: 100%;
    width: 100%;
    margin:0px auto;
	background-image: url(./img/b4.gif);
	background-repeat: repeat;
}
/* 外枠*/
#waku{
	width: 750px;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	height: 100%;
    min-height: 100%;
	text-align:center;
	margin-left:auto;margin-right:auto;
	text-align:left;
}
/* ヘッダ（社名）*/
#header0{
    width: 100%;
	height: 8%;
	margin: 0px;
	background-color:#91959D;/*背景の色（濃いグレー）*/	
}
#header{
    width: 100%;
	height: 6%;
	margin: 0px;
	background-color:#91959D;/*背景の色（濃いグレー）*/	
}
#header a{
	color:#D3CDCB;/*文字の色（黄色）*/
	text-shadow:
	1px 1px 0 #99928F,
	-1px 1px 0 #99928F,
	1px -1px 0 #99928F,
	-1px -1px 0 #99928F;
	width:400px;
	padding: 0px 0px 0px 20px;
	font-size: 2em;
}
span.spA{/*株式会社を縮小*/
    font-size: 0.5em;/*親ｻｲｽﾞに対して*/
}
/* メニュー上*/
#menu1{
    width: 100%;
	height: 3%;
	margin: 0px;
	padding-top: 15px;
	font-weight: bold;/*文字の太さ*/
	color: #FE80A2;/*文字の色*/
	background-color: #D3CDCB;/*背景の色*/
}
ul.sample{/* メニューリストの設定*/
    list-style: none;/*リストの先頭に表示するマーカー*/
    width: 100%;/*幅の設定*/
    margin: 0px;/*ボックス外スペース*/
    padding: 0px 0px;/*ボックス内スペース*/
    text-align: center;/*行揃えの位置*/
}
ul.sample li{/* メニューの横並び設定*/
    list-style: none;
    display: inline;/*指定要素を横並びで表示*/
    margin: 0px 20px;/*上下0 左右20*/
}
ul.sample a{/*リンク文字の設定*/
	color: #FFFFFF;
	font-weight: normal;/*文字の太さ*/
    /*text-decoration: none;/*下線・上線・打ち消し線・点滅を指定*/
}
ul.sample a:hover{/*マウスをのせたときの設定*/
    color: #99928F;/*文字色*/
    font-style: normal;/*文字種類*/
    /*text-decoration: underline;*/
}
/* フッタ（著作権）*/
#footer{
    width: 100%;
	height: 5%;
	margin: 0px;
	border-top: solid 5px #D3CDCB;
	font-size: 0.7em;/*文字の大きさ*/ 
	text-align: right;/*文字の寄せ方*/	
	color: #E3E4E7;	
	background-color: #91959D;/*背景の色(濃いグレー)*/
}
.dotA:first-letter{/*■の書式*/
	color: #FE80A2;
	font-size: 0.8em;/*文字の大きさ*/ 
}
.dotC:first-letter{/*文字の大きさ*/
	color: #FE80A2;
	font-size: 0.6em;/*文字の大きさ*/ 
}
.spd{/*・の色*/
	color: #FE80A2;
}
/* メニュー以外のリンク設定 EspritBlancと(ここ)*/
a.spC,a:hover.spC{
    font-style:normal;
    /*text-decoration:underline;*/
	font-weight: bold;
}
a.spC {/*マウスをのせる前*/
    color:#FE80A2;
}
a:hover.spC {/*マウスをのせた後*/
    color:#99928F;
}
/*ここまで全体の統一設定**********************************************************/
/*HOMEの設定*********************************************************************/
#logbox1{/*iframe的表示*/
	width: 100%;/*表示する幅の設定*/
    height: 76%;/*表示する高さの設定*/
	border-top: solid 10px #99928F;
	text-align: left;/*文字の寄せ方*/
	scrollbar-track-color: #FFFFFF;
	scrollbar-base-color: #99928F;
	overflow: auto;/*スクロールバーの設定*/	
	background-image: url(./img/kagu1.png);
	background-repeat: no-repeat;
 	background-position: right bottom;
}
.msg1{/*メインメッセージ*/
	width: 80%;
	font-size: 1.1em;
	font-weight: bold;
	border-color: #FE80A2;
	border-width: 0px 0px 1px 10px;/*左りと下の線*/
	border-style: solid;
    height:50px;
    margin:30px 0px 0px 40px;/*枠の外寸(内側で設定する場合はpadding)*/
   	text-indent: 0px;
	padding: 5px 0px 0px 10px;/*2段で中央に配置(1段で中央 12px 0px 0px 10px)*/
}
#logbox1 .dotA{/* ■以降の書式*/
	width: 550px;
    margin:30px 0px 0px 80px;
	font-weight: bolder;
	border-bottom: solid 1px #D3CDCB;
}
#logbox1 .dotB{/* ・以降の書式*/
	width: 530px;
	margin:5px 0px 0px 90px;/*枠の外寸*/
	text-shadow:
	1px 1px 0 white,
	-1px 1px 0 white,
	1px -1px 0 white,
	-1px -1px 0 white;
   	text-indent: -8px;
	font-size: 1em;
}
/*ここまでHOMEの設定*************************************************************/
/*アピールの設定*****************************************************************/
#logbox2{/*iframe的表示*/
	width: 100%;/*表示する幅の設定*/
    height: 76%;/*表示する高さの設定*/
	border-top: solid 10px #99928F;
	text-align: left;/*文字の寄せ方*/
	scrollbar-track-color: #FFFFFF;
	scrollbar-base-color: #99928F;
	overflow: auto;/*スクロールバーの設定*/	
	background-size   : auto 110%;/*上下に余白が出るので110とする*/
	background-image: url(./img/kagu2.png);
	background-repeat: no-repeat;
 	background-position: left;
}
#logbox2 .dotA{/*■以降の書式*/
	width: 630px;
    margin:20px 0px 0px 40px;
	font-weight: bolder;
	border-bottom: solid 1px #D3CDCB;
}
#logbox2 .dotB{/* ・以降の書式*/
	width: 600px;
	padding: 5px 10px 0px 55px;
   	text-indent: -8px;
	font-size: 1em; 
	/*border: 1px solid black;  /* 表の罫線(table位置確認用) */
}
.tabAP{/*table全体の設定*/
  	width:600px;
	/*border: 1px solid black;  /* 表の罫線(table位置確認用) */
}
.tabAP td{/*tableの文字位置*/
  	text-align:left;
  	vertical-align:top;
}
#logbox2 .tabAP .dotB{/*table左の設定*/
	width: 450px;
   	text-indent: -8px;
	font-size: 1em; 
}
.textA .dotB{/*table強調文字*/
	width: 600px;
	padding: 20px 10px 0px 30px;
    color: #FE80A2;
    font-weight: bolder;
	text-shadow:
	1px 1px 0 white,
	-1px 1px 0 white,
	1px -1px 0 white,
	-1px -1px 0 white;
   	text-indent: -8px;
	font-size: 1em; 
}
/*ここまでアピールの設定**********************************************************/
/*設備と工程の設定****************************************************************/
#logbox3{/*iframe的表示*/
	width: 100%;/*表示する幅の設定*/
    height: 76%;/*表示する高さの設定*/
	border-top: solid 10px #99928F;
	text-align: left;/*文字の寄せ方*/
	scrollbar-track-color: #FFFFFF;
	scrollbar-base-color: #99928F;
	overflow: auto;/*スクロールバーの設定*/	
	background-image: url(./img/kagu3.png);
	background-repeat: no-repeat;
 	background-position: right bottom;
}
#logbox3 .tabFCb{/*縦線の設定*/
	position:relative;/*左から30pxずらす*/
	left: 30px;
	width: 680px;
  	border-left: solid 1.5px #FE80A2;
	/*border-right: solid 1.5px #FE80A2;/*右線（確認用）*/
	}
#logbox3 .tabFCb .dotA{/*■以降の書式*/
	width: 650px;
    margin:40px 0px 0px -2px;
	font-weight: bolder;
	border-bottom: solid 1px #D3CDCB;
}
#logbox3 .tabFCb .dotB{/*・以降の書式*/
	padding: 5px 10px 0px 35px;
   	text-indent: -8px;
	font-size: 1em; 
}
#logbox3 .tabFCs{/*table全体の設定*/
  	width:650px;
    height:300px;
}
#logbox3 .tabFCs .photo {/*table左の設定*/
		width: 40%;
}
#logbox3 .tabFCs td{/*tableの文字位置*/
	/*border: 1px solid black;  /* 表の罫線(table位置確認用) */
  	text-align:left;
  	vertical-align:top;
}
.flexbox{
	display:flex;
	flex-direction:column;
}
/*ここまで設備と工程の設定********************************************************/
/*施工例の設定*******************************************************************/
#logbox4{/*iframe的表示*/
	width: 100%;/*表示する幅の設定*/
    height: 76%;/*表示する高さの設定*/
	border-top: solid 10px #99928F;
	text-align: left;/*文字の寄せ方*/
	scrollbar-track-color: #FFFFFF;
	scrollbar-base-color: #99928F;
	overflow: auto;/*スクロールバーの設定*/	
	/*background-image: url(./img/kagu4.png);
	background-repeat: no-repeat;
 	background-position: right bottom;*/
}
#logbox4 .dotA{/*■以降の書式*/
	width: 630px;
    margin:20px 0px 0px 40px;
	font-weight: bolder;
	border-bottom: solid 1px #D3CDCB;
}
.gallH{/*table全体の設定*/
	width:630px;
	margin:20px 0px 0px 60px;
	text-align: center;
  	/*border: 1px solid black;  /* 表の罫線(table位置確認用) */
}
.gallW{/*table全体の設定*/
	width:630px;
	margin:10px 0px 0px 60px;
	text-align: center;
  	/*border: 1px solid black;  /* 表の罫線(table位置確認用) */
}
/*ここまで施工例の設定************************************************************/
/*会社概要の設定*****************************************************************/
#logbox5{/*iframe的表示*/
	width: 100%;/*表示する幅の設定*/
    height: 76%;/*表示する高さの設定*/
	border-top: solid 10px #99928F;
	/*text-align: left;/*文字の寄せ方*/
	scrollbar-track-color: #FFFFFF;
	scrollbar-base-color: #99928F;
	overflow: auto;/*スクロールバーの設定*/	
	background-size   : 100% 70%;/*上下に余白が出るので110とする*/
	background-image: url(./img/kagu5.png);
	background-repeat: no-repeat;
 	background-position: bottom;
}
#logbox5 .comphyo{/*table全体の設定*/
	position:relative;/*上から20px左から50pxずらす*/
	top: 20px;
	left: 50px;
  	width:500px;
 	border-collapse:collapse;/*表の罫線重ねる*/
    border-spacing: 0;
    empty-cells: show;
	/*border: 1px solid black;  /* 表の罫線(table位置確認用) */
}
#logbox5 .dotC{/*■以外の書式*/
   	width: 170px;
	padding:10px 1px;
	background-position: 0px 4px;   
	vertical-align:top;
   	text-indent: 18px;
    font-weight: bolder;
}
.comphyo td{/*表の罫線タイプと色*/
    border-top:1px solid #D3CDCB;
    border-bottom:1px solid #D3CDCB;
	padding:3px 3px;
}
.comphyo .dotC{/*table左の幅*/
  	width: 40%;
}
/*ここまで会社概要の設定**********************************************************/
/*アクセスの設定*****************************************************************/
#logbox6{/*iframe的表示*/
	width: 100%;/*表示する幅の設定*/
    height: 76%;/*表示する高さの設定*/
	border-top: solid 10px #99928F;
	text-align: left;/*文字の寄せ方*/
	scrollbar-track-color: #FFFFFF;
	scrollbar-base-color: #99928F;
	overflow: auto;/*スクロールバーの設定*/	
	background-image: url(./img/kagu6.png);
	background-repeat: no-repeat;
 	background-position: right;
}
#logbox6 .dotA{/*■以降の書式*/
	width: 500px;
    margin:20px 0px 0px 40px;
	font-weight: bolder;
	border-bottom: solid 1px #D3CDCB;
}
#logbox6 .dotB{/*・以降の書式*/
	width: 550px;
	margin:5px 0px 0px 80px;
   	text-indent: -8px;
	font-size: 1em;
}
#logbox6 .adr{/*住所位置*/
	width: 500px;
	margin:5px 0px 0px 60px;
}
p img{/*地図*/
    position: relative;
    left: 60px;
}
/*お問い合わせフォームの設定*/
/*◆◆◆セキュリティの問題あり。とりあえずはメールでの対応とする◆◆◆*./
.contform{/*table全体の設定*./
  	width:500px;
    position: relative;
    left: 50;
 	border-collapse:collapse;/*表の罫線重ねる*./
    border-spacing: 0;
    empty-cells: show;  
}
.contform td{/*表の罫線タイプと色*./
    border-top:1px solid #D3CDCB;
    border-bottom:1px solid #D3CDCB;
	padding:3px 3px;
}
.contform .dotC{/*table左の幅*./
  	width: 40%;
}
span.spD{/*（必須）縮小*./
    font-size: 0.8em;
	color:#FE80A2;
}
/*◆◆◆余裕があれば調べて完成させたい。◆◆◆*/