@charset "utf-8";

/* メニュ固定 */
.menudiv {
  position: fixed;  background-color:#ffffff;width:100%;
  top: 0px;
  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 : 113px;}
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; }

/* 社名  */
.head02{font-family:'ＭＳ Ｐ明朝','MS PMincho'; }
/* メニュ PC */
#menu02 {background-color:#6795cd; }

/* 記事 */
#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;
}
/* 文字影 */
.txtshw{
text-shadow:2.5px 2.5px 2px #b3b3b3;
-webkit-text-shadow:2.5px 2.5px 2px #b3b3b3;
-moz-text-shadow: 2.5px 2.5px 2px #b3b3b3;
}


/* メニュー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;}


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

/******* 1000以上 PC ********/
@media screen and (min-width:1000px){ 
/* 外枠 */
#outline{width:800px;text-align:left;margin:0 auto;}
/* 社名  */
.head02{ margin:5px 0 15px 10px;float:left; }
/* ヘッダテキスト */
.h_txt{ margin:0 auto ; padding-left:5px; width:800px;}
/* メニュー1 */
#menu01{ float:right; margin:0 5px 10px; }
#menu01 li{ float:left; width:130px; margin-right:5px;}
#menu01 a{margin:5px 0 5px;}
#menu01 .sr{ font-size:90%;padding:1.5px 0 1px;}
#menu01 .fh{ font-size:90%;padding:1.5px 0 1px;}
/* メニュー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:800px;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;}
}




/********** 1000未満 タブ *****/
@media screen and (max-width:999px){ 
body{margin-top:188px;}
/* ヘッダ */
#header{ width:100%; }
/* メニュ2 */
/*#menu02 ul{width:100%;}*/
/* ヘッダテキスト */
.h_txt{ margin:0; padding-left:15px; width:100%;}
/* 外枠 */
#outline{width:90%;padding:2px;margin:0 auto;}
/* 社名  */
.head02{ margin:0; padding:5px 0 5px 15px}
/* メニュー1 */
#menu01{width:100%; margin:0 5px 5px; }
#menu01 ul{margin:0 0 5px;padding:0;width:100%;}
#menu01 li{ float:left; width:19%;margin:0 4px 7px 0;}
#menu01 a{ padding:10px 0 10px; }
#menu01 .sr{ font-size:90%;padding:1px 0 0px;}
#menu01 .fh{ font-size:90%;padding:1px 0 0px;}

/* メニュー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; }
/* 動画 */
#L6{
border:solid 1px #acacac;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

/* フッタ */
#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;}

}





/********* スマ 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;}


	.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:103%; }
#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:15px;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:13.5px; padding:9.0px 0 9.0px;}*/


/* メニュ2 */
#menu22{margin:0;padding:0;}
#menu22 ul{margin:0;padding:0;width:101%;}
#menu22 li{
list-style-type:none;width:49%;
float:left;font-size:13px;background-color: #6795cd; padding:0;margin:1px;text-align:center;
}
/* 資料 */
/*#menu22 .sr{width:98.2%;padding:0;}*/
#menu22 a{ display: block; color:#ffffff; background-color: #6795cd;padding:10px; text-shadow: 0.1px 0.1px 0.8px #d7d7d7;}
#menu22 a:hover{background-color:#b9d1ee;color:#0000ff;}


#menu01{margin:0;padding:0;}

/* フッタ */
#footer{ clear: both; width:99%; margin:15px 1px 10px; text-align:center; }

}



/********* スマ 360未満 ******/
@media screen and (max-width:362px){ 
#menu11 ul{width:102%;}
.H1{font-size:15px;}
.H2{font-size:22px;}
#linkmnu a{ padding:7px 2px 7px; }
/* スライド中資料 */
.siryo{display:none;}

}

/********* スマ 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;}

}