@charset "utf-8";


/**************** index.html  ****************/

/* メニュ固定 */
.menudiv {
  position: fixed;  background-color:#ffffff;width:100%;
  top: 0px;  border:0;
  z-index: 100;
}


body,tr,td,th,input,textarea,select,option { 
	color:#333333;
	margin:0;
	line-height:1.4;font-size:13px;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo',sans-serif;
}

body{margin-top : 116px;}
div {box-sizing:border-box;}

.red{color:#ff0000;} 
.bold{font-weight:bold;}
.top{vertical-align:top;}
.midd{vertical-align:middle;}
.botm{vertical-align:bottom;}
.center{text-align:center;}
.left{text-align:left;}
.right{text-align:right;}
.nowrap{white-space:nowrap;}
.f10{font-size:10px;}
.f11{font-size:11px;}
.f12{font-size:12px;}
.f14{font-size:14px;}
.f15{font-size:15px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
big{font-size:15px;}
small{font-size:12px;}

a{text-decoration:none;}
a:link{color:#0000ff;}
a:visited{color:#0000ff;}
a:hover{color:#f7657b;}

.clear{clear:both;}

/* 全体外枠 */
#outline{border:0;border-spacing:0;padding:0; margin:0 auto;}
/* ヘッダ */
.header{ width:1000px; text-align:left;padding:0;margin:1px auto 1px; }
/* スライド */
.header02{width:100%;background-color:#edf0f3;background: linear-gradient(#e7ecf3, #fbfbfb);}

/* 社名  */
.head02{font-family:'ＭＳ Ｐ明朝','MS PMincho'; }

/* 記事 */
#content{text-align:left;}
/* プライバシーポリシー */
.policylink a{ color:#333333;font-weight: bold;}
.policylink a:hover{ text-decoration:underline}
/* ページトップへ リンク*/
.toplink{text-align:right;margin:7px 0 5px;}

/* QR */
#qr_image{ width:100%; text-align:center; }


.H1{
font-size:17px;
color:#7c7c7c;
text-shadow: 0.2px 0.2px 0.2px rgba(50,50,50,0.4);
-webkit-text-shadow: 0.2px 0.2px 0.2px rgba(50,50,50,0.4);
-moz-text-shadow: 0.2px 0.2px 0.2px rgba(50,50,50,0.4);
}
.H2{
font-size:28px;
color:#6795cd;
text-shadow: 3px 3px 3px rgba(50,50,50,0.4);
-webkit-text-shadow: 3px 3px 3px rgba(50,50,50,0.4);
-moz-text-shadow: 3px 3px 3px rgba(50,50,50,0.4);
}

/* 画影 */
.pictshw{
box-shadow: 3px 3px 10px 1px rgba(0,0,0,0.4);
-webkit-box-shadow: 3px 3px 10px 1px rgba(0,0,0,0.4);
-moz-box-shadow: 3px 3px 10px 1px rgba(0,0,0,0.4);
margin:4px 0 7px;
}


/* メニュー1 */
#menu01 li{
padding:0;
list-style-type:none;
background-color:#ffffff;
  white-space:nowrap;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #b1c3d9;
	text-align:center;
}
#menu01 a{ display: block; padding:0; text-shadow: 0.1px 0.1px 0.8px #d7d7d7;}
#menu01 a:hover{color:#0000ff;}
#menu01 li:hover{background-color:#b9d1ee;}




#pageTop{right: 20px;}
/* フッタ */
#footer{ 
clear:both; font-size:13px;
width:100%; text-align:left; background-color:#eaede7;
padding:10px 0 10px;
box-shadow: 2px 2px 10px rgba(0,0,0,0.4);
-webkit-box-shadow: 2px 2px 10px rgba(0,0,0,0.4);
-moz-box-shadow: 2px 2px 10px rgba(0,0,0,0.4);
}

#footer span{white-space:nowrap;}





/* 資料請求 */
.siryo{
position: absolute ; top:20px; right:20px; z-index: 1;
background-color:#ffffff;
  white-space:nowrap;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #b1c3d9;
	text-align:center;
}
.siryo a{ display: block; padding:0; text-shadow: 0.1px 0.1px 0.8px #d7d7d7;}
.siryo a:hover{color:#0000ff;}
.siryo:hover{color:#0000ff;background-color:#b9d1ee;}


/* メニュ PC */
#menu02 {background-color:#6795cd; }



/* Facebook */
#Facebook{width:485px;height:503px;margin:0 13px 20px 0;float:left;}
/* Instagram */
#Instagram{width:475px;height:510px;margin:0 0 20px;float:left;}


/* お知らせ */
.ifrm-header {
 box-sizing:content-box;font-size:13px;line-height:1.1;
 font-weight:bold;padding:7px 0 7px;text-align:left;width:100%;
 background-color:#ffffff;background-image:url(../img/bg67.gif);color:#ff0000;
}
.ifrm-container {
  padding:0;margin:0;
  width:100%;
  height:150px;
  overflow:auto;
  -webkit-overflow-scrolling:touch;
  display: inline-block; vertical-align:bottom;
}
.ifrm {
  width:100%;height:100%;margin:0;
  border:none; display:block;
  box-sizing:content-box;vertical-align:text-bottom;
}


/**************** レスポンシブ指定  ****************/

/******* 1000以上 PC ********/
@media screen and (min-width:1000px){ 
/* 外枠 */
#outline{width:1000px;text-align:left;}
/* 社名  */
.head02{ margin:5px 0 15px 10px;float:left; }
/* メニュー1 */
#menu01{ float:right; margin:0 5px 10px; }
#menu01 li{ float:left; width:150px; margin-left:5px;}
#menu01 a{margin:5px 0 5px;}
/* メニュー2 */
#menu02 ul{margin:0 auto;padding:0;width:1000px;}
#menu02 .ll{border-left:1px solid #ffffff;}
#menu02 li{
display: table-cell;
list-style-type:none;width:1%;  white-space:nowrap; padding:0;margin:0;
font-size:13px;background-color: #6795cd;text-align:center;
border-right:1px solid #ffffff;
}
#menu02 a{ display: block; color:#ffffff; background-color: #6795cd;margin:0px;padding:17px 5px 17px; text-shadow: 0.1px 0.1px 0.8px #d7d7d7;}
#menu02 a:hover{background-color:#b9d1ee;color:#0000ff;}

/* 記事 */
#content{width:700px;float:right;margin:10px 0 0 10px;}  

/* フッタ */
.footer1{ width:1000px; margin:5px auto 10px;line-height:1.5; font-size:13px; }
.footer2{ text-align:center;}

/* 資料 */
.siryo a{ margin:5px 10px 5px; }
/* NEWS,お知らせ */
.news{float:left; margin:0 10px 0 0; padding:0;width:360px; border:1px solid #a0b8d4;}

/* 本,地 外枠 */
.ibox{ width:250px;float:left;}
/* 本 */
.news3{ margin:-30px 0 0; padding:0 0 0;width:250px;}
/* 地の家 */
.box4{width:250px;  margin:-4px 0 0;padding:0;}
.boximg1{width:126px;height:auto;}
.boximg2{width:95px;height:auto;}


/* リンクバナー */
.selbox{ width:100%; margin:30px 0 180px;}
.box{width:240px; padding:0; float:left;margin-right:5px;  }
.box span{ white-space:nowrap; }
.box table{width:100%;}
.boxt1{width:1%;}
.boxt2{test-align:center;padding-left:15px;font-size:14px;}
#mt50 {margin-top:50px;}
}


/********** 1000未満 タブ *****/
@media screen and (max-width:999px){ 
body{margin-top:183px;}
#Facebook{width:410px;height:445px; margin:10px 5px 13px 0;}
#Instagram{width:410px;height:400px;margin:10px 0 13px 5px;}
/* ヘッダ */
.header{ width:100%; }
/* メニュ2 */
#menu02 ul{width:100%;}
/* 外枠 */
#outline{width:90%;padding:2px;margin:0 auto;}
/* 社名  */
.head02{ margin:5px 0 5px 10px;}
/* メニュー1 */
#menu01{width:100%; margin:0 5px 5px; }
#menu01 ul{margin:0 0 5px;padding:0;width:100%;}
#menu01 li{ float:left; width:24%;margin:0 4px 7px 0;}
#menu01 a{ padding:10px 10px; }
/* メニュー2 */
#menu02 {margin:0 0 0 2px;padding:0;width:101%;}
#menu02 ul{margin:0;padding:0;}
#menu02 li{
list-style-type:none;width:19.1%; white-space:nowrap;
float:left;font-size:13px;background-color: #6795cd; padding:0;margin:2px;text-align:center;
}
/* 資料 */
/* #menu02 .sr{width:96%;padding:0 4px 0;}*/
#menu02 a{ display: block; color:#ffffff; background-color: #6795cd;padding:10px; text-shadow: 0.1px 0.1px 0.8px #d7d7d7;}
#menu02 a:hover{background-color:#b9d1ee;color:#0000ff;}

/* 記事 */
#content{width:100%;clear: both;}
/* QR */
#qr_image{display:none; }

/* フッタ */
#footer{ width:100%;text-align:left; padding:10px 1px 10px; margin-top:10px; }
.footer1{ margin:0 10px 5px;line-height:1.5; text-align:left;}
.footer2{ text-align:left;margin:0 10px;}

/* 資料 */
.siryo a{ margin:5px 5px 5px; }
/* NEWS,お知らせ */
.news{float:left; margin:0 10px 0 0; padding:0;width:47%; border:1px solid #a0b8d4;}

/* 本,地 外枠 */
.ibox{ clear:both;width:520px;margin:0 auto; padding:15px 0 50px;}
/* 本 */
.news3{float:left;}
/* リンクバナー */
.box{width:47%; padding:0; float:left;margin-right:5px}
.boxt2{padding-left:13px;}
/* 地の家 */
.boximg1{ padding:30px 0 0 25px;}
}

/********* 940未満 ******/
@media screen and (max-width:940px){ 
#Facebook{width:360px;height:397px;}
#Instagram{width:360px;height:392px;}
}

/********* 820未満 ******/
@media screen and (max-width:820px){ 
#Facebook, #Instagram{
	float:none;display: block;
}
#Facebook{width:490px; height:510px; margin:15px auto 0;}
#Instagram{width:490px; height:520px; margin:10px auto 10px;}
}

/********* スマ 650未満 ******/
@media screen and (max-width:650px){ 
body{margin-top:48px;}
.menudiv {background-color:#f9fafc; }
/* 上部 メニュー ボタン*/
#linkmnu{
/*position: absolute ; top:6px; right:5px; z-index: 1;*/
background-color:#6795cd;
  white-space:nowrap;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #b1c3d9;
	text-align:center;
}
#linkmnu a{ display: block;color:#ffffff; padding:8px 2px 8px; text-shadow: 0.1px 0.1px 0.8px #d7d7d7;}
#linkmnu a:hover{color:#0000ff;}
#linkmnu:hover{color:#0000ff;background-color:#b9d1ee;}

.head02{margin:2px 0 0 1px;}
	.H1{ font-size:16px; margin:0 7px 0 5px;position: relative;bottom:2px;}
/* 外枠 */
#outline{width:95%;}
/* 社名  */
	.H2{ font-size:26px; margin-right:8px;}
	.H3{ font-size:16px; text-shadow: 0.4px 0.4px 0.1px #0b7400; color:#008000;position: relative;bottom:2px;white-space:nowrap;}
/* メニュー1 */
#menu11{ }
#menu11 ul{margin:0;padding:0;width:100%;}
#menu11 li{ 
width:47.6%;float:left;
padding:0;margin:2px;
list-style-type:none;
background-color:#ffffff;
  white-space:nowrap;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #6795cd;
	text-align:center;
}
#menu11 a{ display: block; padding:0;margin:9px 10px 9px; text-shadow: 0.1px 0.1px 0.8px #d7d7d7;}
#menu11 a:hover{color:#0000ff;}
#menu11 li:hover{background-color:#b9d1ee;}

/* hidden メニュ */
#menu02{display:none;}
#menu02 ul{margin:0;padding:0;width:100%;}
#menu02 li{
list-style-type:none;width:49%;
float:left;font-size:14px;background-color: #ffffff; padding:0;margin:1px;text-align:center;
}
/*#menu02 .sr{width:98.5%;}fff0cd */
#menu02 a{ display: block; color:#0000ff; background-color: #ffffff;padding:9px 0 9px; text-shadow: 0.1px 0.1px 0.8px #d7d7d7;
  white-space:nowrap;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #6795cd;
}
#menu02 a:hover{background-color:#b9d1ee;color:#0000ff;}
/* 建築フォト */
/*#menu02 .fh a{ font-size:13px; padding:9.7px 0 9.7px;}*/


/* 下メニュ2 */
#menu22{margin:1px 0 0;padding:0;}
#menu22 ul{margin:0 0 0 1px;padding:0;width:100%;}
#menu22 li{
list-style-type:none;width:49%;
float:left;font-size:13px;background-color: #ffffff; padding:0;margin:1px;text-align:center;
}
/* 資料 */
/*#menu22 .sr{width:98.2%;padding:0;}*/
#menu22 a{ display: block; color:#0000ff; background-color: #ffffff;padding:10px; text-shadow: 0.1px 0.1px 0.8px #d7d7d7;
  white-space:nowrap;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #6795cd;
}
#menu22 a:hover{background-color:#b9d1ee;color:#0000ff;}
/* バーチャル */
#menu22 .vr{font-size:90%;padding:1px 0;}
/* フッタ */
#footer{ clear: both; width:99%; margin:15px 1px 10px; text-align:center; }
/* NEWS,お知らせ */
.news{ clear: both; margin:0 0 10px; padding:0;width:100%; border:1px solid #a0b8d4;}
/* リンクバナー */
.box img{height:70px;width:auto;}

.boxt2{test-align:center;padding-left:13px;font-size:13px;}

.ibox{width:240px;padding-bottom:15px;}
.news3{ margin:0 auto;}
.box4{margin:0 auto;}
.boximg1{width:126px;height:auto;padding:0;}
.boximg2{width:95px;height:auto;}
}

/********* 500未満 ******/
@media screen and (max-width:510px){
#Facebook, #Instagram{
}
#Facebook,
#Instagram {
    width: 100% !important;
}
#Instagram {
	height:auto !important;
}
}

/********* スマ 360未満 ******/
@media screen and (max-width:362px){ 
#menu11 ul{width:100%;}
/* スライド中資料 */
.siryo{display:none;}
.box{width:100%;}

}

/********* スマ 300未満 ******/
@media screen and (max-width:300px){ 
#menu02 li{width:100%;}
#menu11 li{width:97%;}
#menu22 li{width:100%; }
#menu22 .vr{font-size:90%;padding:1px 0;}
 
/* 資料 */
#menu22 .sr{width:100%;padding:0;}

}