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

	
/*--------------------------------------------------------------------------------------*/
/* 【済：重要】【重要】【重要】【重要】*/
/* 【済：重要】【重要】【重要】【重要】*/
/* 【済：重要】【重要】【重要】【重要】Saikouji.com以外にcssを持って行くときは、<div id=#HeaderGroup>と</div>でIncludeHeader.htmlの全ヘッダーを囲む必要あり。 */
/* 【済：重要】【重要】【重要】【重要】*/
/* 【済：重要】【重要】【重要】【重要】*/
/*--------------------------------------------------------------------------------------*/
/* 2020/12/11 @013 #HeaderGroupを追加し、ヘッダーを１つの枠で囲んだ。                   */
/*--------------------------------------------------------------------------------------*/
/* 2020/12/11 @012                                                                      */
/*    【１】background-image: linear-gradient(.....);                                   */
/*    【２】background-image: -ms-linear-gradient(.....);                               */
/*    【３】background-image: -webkit-linear-gradient(.....);                           */
/*    以前は、【１】【２】【３】の３行を同じ設定で指定していたが、【１】のみにした。    */
/*--------------------------------------------------------------------------------------*/
/* 2024/02/01 @013 WS_08_SakuraJpinf_SaikoujiとWS_09_LoliBooJpinf_Saikoujiを追加して、９サーバーへ。       */
/* 2020/12/11 @012 background-image: linear-gradient(.....)のみにした。                                    */
/* 2020/12/10 @011 #MainLeftをCSSだけで作り直した。                                                        */
/* 2020/12/09 @010 #TopMenuをCSSだけで作り直した。                                                         */
/* 2020/12/07 @009 MultiDisplayImageクラスの追加                                                           */
/* 2019/06/03 @008 TopMenuのPC画面に対して、スマホ用画面は変更分のみにした。                               */
/* 2019/06/03 @007 スマホ用の「#FooterEach{font-size: 12px};」を11pxから12pxに変更。                       */
/* 2019/05/13 @006 TopMenuの区切りを修正                                                                   */
/* 2019/05/08 @005 CSSのclass=SubMenuは不要なので消した。                                                  */
/* 2019/05/08 @004 CSSの「-moz-」は不要なので消した。「-ms-」はIE10,IE11では必要。                         */
/*                 (同じフォルダーの「CssStyle.css】CSSのlinear-gradientに何を指定するか.txt」を参照)      */
/* 2019/05/08 @003 「class="MenuSelectedClass_ファイル名」を追加して、メニュー選択箇所をハイライトした。   */
/*                 CSSは各ファイルのなかで指定するので、ここでは指定しない。                               */
/*                 【使い方】は、                                                                          */
/*                   １．「IncludeMenu???.html」の中で、<div id="MainLeft">の中のメニューに「class="MenuSelectedClass_ファイル名」 を指定 */
/*                   ２．「ファイル名.html」の中で、「class="MenuSelectedClass_ファイル名」 の選択されたボタンを指定する。                */
/* 2019/03/25 @002 table.Normal th,tdにborder: 1px solid #000;を追加                                       */
/* 2016/12/20 @001 @charsetを"Shift_JIS"から"utf-8"に変更                                                  */

/*---------------------------------------------------------------------------*/
/*【PC用とスマホ用の共通の設定】サイト全体への適用
/*---------------------------------------------------------------------------*/

* {

/* 全ての要素の間隔・余白を０へ */
/*margin 上、右、下、左*/
margin: 0px 0px 0px 0px;
/*padding 上、右、下、左*/
padding:0px 0px 0px 0px;
}

/*---------------------------------------------------------------------------*/
/* PCのみ表示、スマホは非表示【PC用とスマホ用の共通の設定】 */
/*---------------------------------------------------------------------------*/
.PCOnly{
	display:inline;
}


/*Classとして使用する。【PC用とスマホ用の共通の設定】
---------------------------------------------------------------------------*/

/*文字や文章を囲む*/
.Box1 {
	background-color: #efe;
	border: 2px solid #fff;
	box-shadow: 0 0 0 2px #cfc;
	/*padding 上、右、下、左*/
	padding:5px 5px 5px 5px;
}

.Font16 {
font-size: 16px;
}

.Font12 {
font-size: 12px;
}

.TextRight {  
    text-align: right;
 
}

body {
	/* font-family: "メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";*/
	font-family:: Arial, sans-serif;
	line-height:18pt;		/*全般の行間*/
	color: #000000;		/*全般の文字色*/
	background: #FFFFFF;	/*背景色*/
	font-size: 16px;
	font-style:normal;
	letter-spacing:normal;
	margin: 0px;
	padding: 0px;
	text-align:left;
}


/*見出しタグ(h1-h6)として使用する。【PC用とスマホ用の共通の設定】
---------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6{
	line-height:100%;
	text-overflow: ellipsis;/* 要素がはみ出したときに「…」を付けてくれる。ただしこれだけでは効かず、改行させない「white-space: nowrap」と、はみ出した要素を隠す「overflow: hidden」をセットで使う */
	white-space: nowrap;
	overflow: hidden;
}

h1{
	position:relative;/*左の飾り線のために必要*/
	/*margin 上、右、下、左*/
	margin: 8px 0px 8px 0px;
	/* padding 上下、左右(emはフォントサイズの高さを 1 )(上、右、下、左) */
	padding:.4em .4em .2em .8em;

	font:bold 22px/1.2 Arial, Helvetica, sans-serif;
	font:bold 18px/1.0 Arial, Helvetica, sans-serif;

	color:#666;
	color:#444;
	background:#ccc;
	border-top:#00A solid 4px;
	border-right:#999 solid 1px;
	border-left:#ccc solid 1px;
	border-bottom:#00A solid 4px;
	text-shadow:1px 1px 0 rgba(255,255,255,1);
	box-shadow:0 0 0 1px rgba(255,255,255,0.5) inset;
	background-image: linear-gradient(to bottom,
          rgba(180, 180, 180, 1.0),
          rgba(253, 253, 253, 1.0) 25%,
          rgba(240, 240, 240, 1.0) 30%,
          rgba(253, 253, 253, 1.0) 36%,
          rgba(225, 225, 225, 1.0) 50%,
          rgba(200, 200, 200, 1.0) 80%,
          rgba(170, 170, 170, 1.0)
          );
	background-image: linear-gradient(to bottom,
          rgba(150, 150, 255, 1.0),
          rgba(253, 253, 255, 1.0) 25%,
          rgba(240, 240, 255, 1.0) 30%,
          rgba(253, 253, 255, 1.0) 36%,
          rgba(225, 225, 255, 1.0) 50%,
          rgba(200, 200, 255, 1.0) 80%,
          rgba(120, 120, 255, 1.0)
          );
}
h1:before{
	content:" ";
	position:absolute;
	top:0;
	left:5px;
	width:0;
	height:100%;
	border-left:#ccc solid 1px;
}
h1:after{
	content:" ";
	position:absolute;
	top:0;
	left:6px;
	width:0;
	height:100%;
	border-right:#eee solid 1px;
}


h2 {
	position: relative;
	/*margin 上、右、下、左*/
	margin: 8px 5px 8px 4px;
	/*padding 上、右、下、左*/
	padding: 10px 0px 0px 45px;
	padding: 8px 0px 0px 45px;

	min-height:26px;
	min-height:22px;
	font-size: 18px;
	border: 1px solid #ccc;
	border-top: 3px solid #00F;
	border-bottom: 3px solid #00F;
	background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
	background-image: linear-gradient(0deg, #FFF 0%,#EEE 60%, #EEE 90%,#FFF 100%);
	box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;

}
h2::after {
	position: absolute;
	top: 2px;
	left: 5px;
	z-index: 2;
	content: '';
	width: 26px;
	height: 26px;
	/* background-color:#F00; */
	background-image: radial-gradient(circle at 20px 7px,#FCC , #F00);
	/* border: 4px solid #3A3; */
	border-radius: 100%;
	border-radius: 50%;
}

h3,h4,h5,h6 {
	position: relative;
	/*margin 上、右、下、左*/
	margin: 5px 15px 5px 8px;
	/*padding 上、右、下、左*/
	padding: 8px 0px 0px 40px;
	max-width:330px;
	max-width:75%;
	max-width:85%;
	min-height:22px;
	font-size: 16px;
	border: 1px solid #ccc;
	border-top: 3px solid #3A3;
	border-bottom: 3px solid #3A3;
	background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
	box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;

}
h4,h5,h6 {
	position: relative;
	/*margin 上、右、下、左*/
	margin: 5px 15px 5px 16px;
	max-width:70%;
	max-width:80%;
}
h3::after,h4::after,h5::after,h6::after {
	position: absolute;
	top: 4px;
	left: 5px;
	z-index: 2;
	content: '';
	width: 14px;
	height: 14px;
	border: 4px solid #3A3;
	border-radius: 100%;
}

ul{
	list-style-type: none;
}

img {
	border: 1px #0C0 solid;
	max-width: 100% ;/*スマホ用*/
	height: auto ;/*スマホ用*/

	/*float:right;ここに入れるとおかしくなる*//* 文字を回り込ませるために追加 25/07/30 */
	/* width:200px; *//* 文字を回り込ませるために追加したが、本堂工事の写真がずれるので０にした 25/07/30 */
	margin:7px;/* 文字を回り込ませるために追加 25/07/30 */
	margin:0px;/* 文字を回り込ませるために追加したが、本堂工事の写真がずれるので０にした 25/07/30 */

}


/*全体的なリンク設定【PC用とスマホ用の共通の設定】
---------------------------------------------------------------------------*/
a {
	color: #000080;		/*リンク部分の文字色*/
}

a:hover {
	color: #0000FF;		/*リンク部分のカーソルオーバー時の文字色*/
}


/* テーブルのクラス【PC用とスマホ用の共通の設定】
----------------------------------------------------------- */
/* サンプルtableの共通設定
----------------------------------------------------------- */
table	{
	border-collapse: collapse;	border-spacing: 0;
	width: 100%;
	margin-bottom: 3px;
}
th,td	{
	padding: 3px 3px;
}
th	{ /*デーブルのヘッダー*/
	font-weight:bold;
}
td	{ /*デーブルのデータ*/
}

/* Normalテーブル【PC用とスマホ用の共通の設定】
----------------------------------------------------------- */
table.Normal{
	text-align:center;
}
table.Normal th{
	font-weight:bold;
	color:white;
	background-color:#008000;
	border: 1px solid #000;
}
table.Normal td.TableTitle {
	font-weight:bold;
	color:white;
	background-color:#00CC00;
}
table.Normal td{
	color:black;
	background-color:#CCFFCC;
	border: 1px solid #000;
}


/*本堂新築・鐘楼堂修復工事写真用【PC用とスマホ用の共通の設定】
---------------------------------------------------------------------------*/
.TextBox {
	display:inline-block;
	width: 200px;
	line-height:100%;
	font-size: 11px;
	vertical-align:top;
}
.TextBox img {
	border-style:none;
	max-height:260px;
}
.TextBox table {
	width: 250px;
	width: 200px;
	text-align: left;
	text-align: center;
	border:1px solid black;
}

/*全体のページの外枠 【PC用とスマホ用の共通の設定】
---------------------------------------------------------------------------*/
#Page {
	position: relative;/* Add 25/05/02 新ハンバーガーメニューのため */
	/*margin 上、右、下、左*/
	margin: 0px 0px 0px 0px;
	/*padding 上、右、下、左*/
	padding: 0px 0px 0px 0px;
	width: 804px;
	width: 834px;
	text-align: left;
}

/*フッター【PC用とスマホ用の共通の設定】
---------------------------------------------------------------------------*/
#Footer{
	/* margin 上、右、下、左 */
	margin: 0px 0px 2px 0px;
	/*padding 上、右、下、左*/
	padding: 5px 8px 5px 8px;
	/* padding 上、右、下、左 */
	padding: 15px 8px 15px 8px;
	color: #000;	/*メニューの文字色*/
	background-color:#AAFFAA;
	overflow:hidden;
	border-style:solid;
	border-left-width:0px;
	border-right-width:0px;
	border-top-width:2px;
	border-bottom-width:1px;
	border-color:green;
	font-size: 16px;		/*文字サイズ*/
	font-weight: normal;	/*太さを通常に戻す。太字がいいならこの１行を外す。*/
	width: 100%;
	/* max-width: 100%; */
	line-height:130%;
	line-height:1.3;



	/* border までが幅と高さになるため、width 100%と合わせるとPageの幅に自動的になり位置がずれない。 */
	box-sizing: border-box;
	border-radius: 6px; /*角の丸み*/
	border: 3px solid #0A0; /* 枠線の太さ・色 */
	/* box-shadow +右-左、+下-上、ぼかし距離 、広がり距離  */
	box-shadow: -4px 4px 8px 4px rgba(0,0,0,0.6) inset;
	background-image: linear-gradient(60deg, #AFA 0%,#DFD 20%,#DFD 75%, #AFA 100%);

	background-color:#CFC;




}

#FooterEach{
	/*padding 上、右、下、左*/
	padding: 1px 8px 1px 8px;
	color: #000;	/*メニューの文字色*/
	background-color:#EEFFCC;
	overflow:hidden;
	/* border までが幅と高さになるため、width 100%と合わせるとPageの幅に自動的になり位置がずれない。 */
	box-sizing: border-box;
	border-style:solid;
	border-left-width:2px;
	border-right-width:2px;
	border-top-width:2px;
	border-bottom-width:2px;
	border-color:green;
	font-size: 12px;
	font-size: 13px;
	font-weight: normal;	/*太さを通常に戻す。太字がいいならこの１行を外す。*/
	width: 100%;
	/* max-width: 100%; */
	line-height:120%;
	line-height:1.2;
}

/*トップ・メニュー(#TopMenu)【PC用とスマホ用の共通の設定】
---------------------------------------------------------------------------*/
/*本堂新築（青）と最新ニュース（黄色）の色はここで設定【PC用とスマホ用の共通の設定】
---------------------------------------------------------------------------*/
/* 【重要】TopMenuTopは、TopMenuXを囲うために存在し、TopMenuXをJavascriptで表示・非表示にするためにのみ存在。 */
#TopMenuTop{
	border: 1px double #0F0; /*線の太さ・色*/
}
#TopMenu a.FocusBldHnd,#TopMenu1 a.FocusBldHnd,#TopMenu2 a.FocusBldHnd,#TopMenu3 a.FocusBldHnd,#TopMenu4 a.FocusBldHnd,#TopMenu5 a.FocusBldHnd,#TopMenu6 a.FocusBldHnd,#TopMenu7 a.FocusBldHnd,#TopMenu8 a.FocusBldHnd,#TopMenu9 a.FocusBldHnd {
	background-image: linear-gradient(0deg, #0FF 0%,#088 80%, #088 90%,#0EE 100%);
}
#TopMenu a.FocusNews,#TopMenu1 a.FocusNews,#TopMenu2 a.FocusNews,#TopMenu3 a.FocusNews,#TopMenu4 a.FocusNews,#TopMenu5 a.FocusNews,#TopMenu6 a.FocusNews,#TopMenu7 a.FocusNews,#TopMenu8 a.FocusNews,#TopMenu9 a.FocusNews {
	background-image: linear-gradient(0deg, #FF0 0%,#AA0 80%, #AA0 90%,#EE0 100%);
	background-image: linear-gradient(0deg, #CF0 0%,#8A0 80%, #8A0 90%,#BE0 100%);
	}
/*トップ・メニュー(#TopMenu)【PC用とスマホ用の共通の設定】
---------------------------------------------------------------------------*/
#TopMenu,#TopMenu1,#TopMenu2,#TopMenu3,#TopMenu4,#TopMenu5,#TopMenu6,#TopMenu7,#TopMenu8,#TopMenu9 {
	/* margin 上、右、下、左 */
	margin: 0px 0px 1px 0px;
	/* padding 上、右、下、左 */
	padding: 0px 0px 0px 0px;
	display: flex;
	overflow-x: auto;
	list-style-type: none;
	font-weight: normal; /*太さを太字にする。通常に戻すならこの１行を外す。*/
	font-weight: bold; /*太さを太字にする。通常に戻すならこの１行を外す。*/
	font-size: 17px;
	font-size: 18px;
	border: 5px double #030; /*線の太さ・色*/
	border-radius: 6px; /*角の丸み*/
	background-image: linear-gradient(0deg, #0F0 0%,#080 80%, #080 90%,#0C0 100%);
	background-image: linear-gradient(0deg, #FFF 0%,#888 80%, #888 90%,#CCC 100%);
}
#TopMenuItem,#TopMenu1Item,#TopMenu2Item,#TopMenu3Item,#TopMenu4Item,#TopMenu5Item,#TopMenu6Item,#TopMenu7Item,#TopMenu8Item,#TopMenu9Item {
	flex: 0 0 auto; /* これを指定しないと横スクロールになりません */
	background-image: linear-gradient(0deg, #0F0 0%,#080 80%, #080 90%,#0C0 100%);
}
#TopMenuItem a,#TopMenu1Item a,#TopMenu2Item a,#TopMenu3Item a,#TopMenu4Item a,#TopMenu5Item a,#TopMenu6Item a,#TopMenu7Item a,#TopMenu8Item a,#TopMenu9Item a{
	/* padding 上、右、下、左 */
	padding: 8px 10px;
	padding: 8px 8px 4px 8px;
	padding: 8px 22px 4px 22px;
	display: flex;
	text-align: center;
	align-items: center; /* 縦方向中央揃え */
	justify-content: center; /* 横方向中央揃え */
	text-decoration: none;
	height:36px;
	line-height:1.1;
	color: #FFF;

	border: 0px solid #000; /*線の太さ・色*/
	border-top-width: 0px;
	border-bottom-color: #F00;
	border-bottom-width: 3px;
	border-left-width: 0px;
	border-right-width: 2px;
}

#TopMenu1Item a{
	text-shadow: 1px 1px 1px #000, -1px 1px 1px #000, 1px -1px 1px #000, -1px -1px 1px #000, 1px 1px 1px #000, -1px 1px 1px #000, 1px -1px 1px #000, -1px -1px 1px #000;
	text-shadow: 1px 1px 1px #00F, -1px 1px 1px #00F, 1px -1px 1px #00F, -1px -1px 1px #00F, 1px 1px 1px #00F, -1px 1px 1px #00F, 1px -1px 1px #00F, -1px -1px 1px #00F;
	text-shadow: 2px 2px 2px #FF0, -2px 2px 2px #FF0, 2px -2px 2px #FF0, -2px -2px 2px #FF0, 2px 2px 2px #FF0, -2px 2px 2px #FF0, 2px -2px 2px #FF0, -2px -2px 2px #FF0;
	text-shadow: 2px 2px 2px #00F, -2px 2px 2px #00F, 2px -2px 2px #00F, -2px -2px 2px #00F, 2px 2px 2px #00F, -2px 2px 2px #00F, 2px -2px 2px #00F, -2px -2px 2px #00F;
}
#TopMenu2Item a,#TopMenu3Item a{
	text-shadow: 1px 1px 1px #000, -1px 1px 1px #000, 1px -1px 1px #000, -1px -1px 1px #000, 1px 1px 1px #000, -1px 1px 1px #000, 1px -1px 1px #000, -1px -1px 1px #000;
}
#TopMenu4Item a,#TopMenu5Item a{
	text-shadow: 1px 1px 1px #888, -1px 1px 1px #888, 1px -1px 1px #888, -1px -1px 1px #888, 1px 1px 1px #888, -1px 1px 1px #888, 1px -1px 1px #888, -1px -1px 1px #888;
}
#TopMenu6Item a,#TopMenu7Item a,#TopMenu8Item a,#TopMenu9Item a{
	text-shadow: 1px 1px 1px #00F, -1px 1px 1px #00F, 1px -1px 1px #00F, -1px -1px 1px #00F, 1px 1px 1px #00F, -1px 1px 1px #00F, 1px -1px 1px #00F, -1px -1px 1px #00F;
}


#TopMenuItem a:hover:not(.Focus),#TopMenu1Item a:hover:not(.Focus),#TopMenu2Item a:hover:not(.Focus),#TopMenu3Item a:hover:not(.Focus),#TopMenu4Item a:hover:not(.Focus),#TopMenu5Item a:hover:not(.Focus),#TopMenu6Item a:hover:not(.Focus),#TopMenu7Item a:hover:not(.Focus),#TopMenu8Item a:hover:not(.Focus),#TopMenu9Item a:hover:not(.Focus) {
	background-image: linear-gradient(0deg, #F88 0%,#C00 80%, #C00 90%,#F44 100%);
	color: #FFF;
	color: #FF0;
	color: #FE0;
}
#TopMenuItem a.Focus,#TopMenu1Item a.Focus,#TopMenu2Item a.Focus,#TopMenu3Item a.Focus,#TopMenu4Item a.Focus,#TopMenu5Item a.Focus,#TopMenu6Item a.Focus,#TopMenu7Item a.Focus,#TopMenu8Item a.Focus,#TopMenu9Item a.Focus {
	background-image: linear-gradient(0deg, #800 0%,#F00 10%, #F00 20%,#800 100%);
	border-bottom-color: #700;
	color: #FF0;
}
XXX_#TopMenuItem.right {
	float: right;
}
XXX_#TopMenuItem a.BuildHondou {
	color: #FFF;	/*メニューの文字色*/
	color: #FFF;
	background-image: linear-gradient(0deg, #55F 0%,#008 80%, #008 90%,#00C 100%);
}


/*Mainの文書(サイドなしの場合)【PC用とスマホ用の共通の設定】
---------------------------------------------------------------------------*/
#MainALL {
	position: relative;/* Add 25/05/02 新ハンバーガーメニューのため */
	/* margin 上、右、下、左 */
	margin: 0px 0px 2px 0px;
	/*padding 上、右、下、左*/
	padding: 0px 0px 0px 0px;
	background-color:#FFFFFF;
	float:left;
	height:auto;
	white-space:normal;
	border-style:solid;
	border-left-width:2px;
	border-right-width:2px;
	border-top-width:2px;
	border-bottom-width:2px;
	border-color:green;
 	border-radius: 8px;
	/* border までが幅と高さになるため、width 100%と合わせるとPageの幅に自動的になり位置がずれない。 */
	box-sizing: border-box;
	background-color:#DFD;
}

/*Mainの文書(サイドなしの場合)【PC用とスマホ用の共通の設定】
---------------------------------------------------------------------------*/
#Main {
	/*padding 上、右、下、左*/
	padding: 0px 10px 0px 10px;
	/* border までが幅と高さになるため、width 100%と合わせるとPageの幅に自動的になり位置がずれない。 */
	box-sizing: border-box;
	width:800px;
	width:830px;
	float:left;
	height:auto;
	white-space:normal;
	background-color:#FFFFDD;
	clear: both;

}

/*Mainの文書(右サイドの場合)【PC用だけの設定】
---------------------------------------------------------------------------*/


#MainLeft {
	/*margin 上、右、下、左*/
	margin: 0px 0px 0px 0px;
	/*padding 上、右、下、左*/
	padding: 0px 0px 0px 0px;
	max-width: 100%;
	border: 5px double #030; /*線の太さ・色*/
	border: 3px solid #080; /*線の太さ・色*//*PC用設定*/
	border-radius: 4px; /*角の丸み*/
	font-family: "メイリオ","ＭＳ Ｐゴシック","Arial","sans-serif";
    font-size: 13px;
	text-decoration: none;
	font-weight:normal;
	white-space:normal;
	line-height:95%; /*ボタンの間隔*/

	background-color:#DFD;/*PC用設定*/

/*旧設定からコピー*/
	width:135px;/*PC用設定*/
	width:165px;/*PC用設定*/
	float:left;/*PC用設定*/
	min-height:500px;/*PC用設定*/
	height:auto;/*PC用設定*/

}

#MainLeft a{
	/*margin 上、右、下、左*/
	margin: 1px 0px 1px 0px;
	margin: 1px 2px 1px 2px;/*PC用設定*/
	/*padding 上、右、下、左*/
	padding: 6px 2px 6px 2px;/*PC用設定*/
	font-size:14px;/*PC用設定*/
	font-weight:normal;
	color:#FFF ;/*PC用設定*/
	color:#FFFFFA ;/*PC用設定*/
	text-decoration: none;
	display:block;/*PC用設定*/
	background-clip: padding-box; /* padding領域を含む範囲に背景を表示する。 */
	border-radius: 3px; /*角の丸み*//*PC用設定*/
	border-top: 2px solid #060;
	border-bottom: 2px solid #060;
	border-left: 4px solid #060;
	border-right: 2px solid #060;
	background-image: linear-gradient(0deg, #4F4 0%, #050 80%, #030 90%, #6F6 100%);
	/* linear-gradientは、0degの場合、0%が下側で100%が上側。 */
	background-image: linear-gradient(0deg, #8F8 0%, #060 80%, #060 90%, #6F6 100%);
	background-image: linear-gradient(0deg, #6F6 0%, #060 80%, #060 85%, #0F0 100%);
/*	transition-duration: 0.3s; */ /* 0.3秒かけてボタンを２ピクセル下げる */


}

#MainLeft a.Focus,#MainLeft a.Focus:hover {
	color: #FFD;
	color: #FF0;
	font-weight: bold;
	/* linear-gradientは、0degの場合、0%が下側で100%が上側。 */
	background-image: linear-gradient(0deg, #800 0%,#F00 20%, #F00 30%,#F88 100%);
	background-image: linear-gradient(0deg, #800 0%,#F00 10%, #F00 20%,#800 100%);

/*
	border: 2px solid #C00;
	border-bottom: 3px solid #800;
*/
	border-top: 4px solid #800;
	border-bottom: 0px solid #800;
	border-left: 4px solid #800;
	border-right: 2px solid #800;
}

#MainLeft a:hover,#MainLeft a.BuildHondou:hover{
	text-decoration: none;
	font-weight:normal;
	font-weight: bold;
	color:#F80;/*PC用設定*/
	color:#FAA;/*PC用設定*/
	color:#FF0;/*PC用設定*/
	background-clip: padding-box; /* padding領域を含む範囲に背景を表示する。 */
	border-radius: 3px; /*角の丸み*/
	border-top: 4px solid #F00;
	border-bottom: 0px solid #F00;
	border-left: 4px solid #F88;
	border-right: 2px solid #F88;
	background-image: linear-gradient(0deg, #020 0%,#060 12%,#4F4 23%,#040 100%);
	background-image: linear-gradient(0deg, #F88 0%,#C00 80%, #C00 90%,#F44 100%);

/*	position:relative; *//*ボタンのHoverした時に1行下げるために必要。*/
/*	top:1px; *//*ボタンのHoverした時に1行下げるために必要。*/
/*	transform: translateY(1px); /* 文字を２ピクセル下げる */


}

#MainLeft a.BuildHondou {
	border-radius: 3px; /*角の丸み*//*PC用設定*/
	border-top: 3px solid #006;
	border-bottom: 3px solid #006;
	border-left: 3px solid #006;
	border-right: 3px solid #006;
	/* linear-gradientは、0degの場合、0%が下側で100%が上側。 */
	background-image: linear-gradient(0deg, #44F 0%, #005 80%, #003 90%, #66F 100%);
	background-image: linear-gradient(0deg, #6AF 0%, #006 70%, #006 85%, #ADF 100%);

}

#MainLeft a.BuildHondou:hover{
	border-radius: 3px; /*角の丸み*/
	border-top: 5px solid #F00;
	border-bottom: 1px solid #006;
	border-left: 3px solid #006;
	border-right: 3px solid #006;
	/* linear-gradientは、0degの場合、0%が下側で100%が上側。 */
	background-image: linear-gradient(0deg, #002 0%,#006 12%,#6BF 23%,#024 100%);
}

/*Mainの文書(右サイドの場合)【PC用とスマホ用の共通の設定】
---------------------------------------------------------------------------*/
/*【重要】IE6のために、widthを多少小さめに設定してある。IE6では、widthを大きくするとずれるため*/
#MainRight {
	/*padding 上、右、下、左*/
	padding: 0px 10px 0px 10px;
	/* border までが幅と高さになるため、width 100%と合わせるとPageの幅に自動的になり位置がずれない。 */
	box-sizing: border-box;
	width:655px;
	float:left;
	height:auto;
	white-space:normal;
	background-color:#FFFFDD;
	background-color:#FFFFE0;

}


/*---------------------------------------------------------------------------*/
/*【PC用だけの設定】スクリーン・サイズが641pixel以上の場合
/*---------------------------------------------------------------------------*/
/*@media screen and (min-width: 481px) {*/
/*571pxの理由は、Xpedia ZやGalaxy 4Sが360px × 568pxのため、横でもスマホ用にするため。*/
@media screen and (min-width: 641px) {


/* 【重要】@media screen and (max-width: 480px)は一番下の方で定義しないと上書きできないため有効にならない */
/* 【重要】@media screen and (max-width: 480px)は一番下の方で定義しないと上書きできないため有効にならない */
/* 【重要】@media screen and (max-width: 480px)は一番下の方で定義しないと上書きできないため有効にならない */
/* 【重要】@media screen and (max-width: 480px)は一番下の方で定義しないと上書きできないため有効にならない */
/* 【重要】@media screen and (max-width: 480px)は一番下の方で定義しないと上書きできないため有効にならない */


/******************************************/
/*共通部分の置き換え(開始)*/
/******************************************/


/*---------------------------------------------------------------------------*/
/* PCのみ表示、スマホは非表示【スマホ用の設定】 */
/*---------------------------------------------------------------------------*/

/* =======================================================================
ハンバーガーメニュー用追加【開始】
======================================================================= */

.NonPCOnly{
	display:none!important;
}
/* 置き換える部分はなし。<---【削除】 */ 

/* =======================================================================
ハンバーガーメニュー用追加【終了】
======================================================================= */

/******************************************/
/*共通部分の置き換え(終了)*/
/******************************************/



}

/*【スマホ用の設定】【スマホ用の設定】【スマホ用の設定】【スマホ用の設定】【スマホ用の設定】*/
/*【スマホ用の設定】【スマホ用の設定】【スマホ用の設定】【スマホ用の設定】【スマホ用の設定】*/
/*【スマホ用の設定】【スマホ用の設定】【スマホ用の設定】【スマホ用の設定】【スマホ用の設定】*/
/*---------------------------------------------------------------------------*/
/*【スマホ用の設定】スクリーン・サイズが640pixel以下の場合*/
/*---------------------------------------------------------------------------*/
/*@media screen and (max-width: 480px) {*/
/*570pxの理由は、Xpedia ZやGalaxy 4Sが360px × 568pxのため、横でもスマホ用にするため。*/
@media screen and (max-width: 640px) {



/******************************************/
/*共通部分の置き換え【スマホ用の設定】(開始)*/
/******************************************/


.HeaderButton1,.HeaderButton2,.HeaderButton3,.HeaderButton4,.HeaderButton5,.HeaderButton6,.HeaderButton7,.HeaderButton8,.HeaderButton9{
  /* margin 上、右、下、左 */
  margin: 1px 1px 1px 1px;
  /* padding 上、右、下、左 */
  padding: 3px 3px 1px 3px;
}
.HeaderButton1:hover,.HeaderButton2:hover,.HeaderButton3:hover,.HeaderButton4:hover,.HeaderButton5:hover,.HeaderButton6:hover,.HeaderButton7:hover,.HeaderButton8:hover,.HeaderButton9:hover {
  /* margin 上、右、下、左 */
  margin: 1px 1px 4px 1px;
}

/* ヘッダーに使う文字(スマートフォンは文字が小さくなる) */
.HeaderFontBig,.HeaderFontMiddle {
	font-size:16px;
	font-size:13px;
	line-height:1.4;
	line-height:1.0;
}

#HeaderGroup1,#HeaderGroup2,#HeaderGroup3,#HeaderGroup4,#HeaderGroup5,#HeaderGroup6,#HeaderGroup7,#HeaderGroup8,#HeaderGroup9 {
	/* margin 上、右、下、左 */
	margin: 0px 0px 0px 0px;
	/* padding 上、右、下、左 */
	padding: 2px 2px 2px 2px;
	font-size:14px;
	font-size:13px;
    line-height: 1.2;
    line-height: 1.0;
}


#Footer {
	font-size: 14px;
	font-size: 13px;
}
#FooterEach{
	font-size: 12px;
}

/*本堂新築・鐘楼堂修復工事写真用(スマホの場合写真の大きさを小さくする。)【スマホ用の設定】
---------------------------------------------------------------------------*/
.TextBox {
  width: 165px;
}
.TextBox table {
  width: 165px;
}

/******************************************/
/*共通部分の置き換え【スマホ用の設定】(終了)*/
/******************************************/

/* <p>(Paragraph=段落)の設定。【スマホ用の設定】
---------------------------------------------------------------------------*/
p {
	/*margin 上、右、下、左*/
	margin: 4px 10px 10px 20px;
	/*padding 上、右、下、左*/
	padding: 0px 0px 0px 0px;
	font-size : 14px ;
	font-size : 12px ;
	line-height : 1.4em ; 
	line-height : 1.2em ; 
}

/*body,h1-5,tableのPC画面との差異【スマホ用の設定】
---------------------------------------------------------------------------*/

body {
	/*margin 上、右、下、左*/
	margin: 0px 0px 0px 0px;
	/*padding 上、右、下、左*/
	padding: 0px 0px 0px 0px;
	font-size : 14px ;
	font-size : 12px ;
}

h1{
	/*margin 上、右、下、左*/
	margin: 2px 0px 3px 0px;
	font:bold 16px/1.0 Arial, Helvetica, sans-serif;
}
h2{
	font-size : 16px ;
}
h3,h4,h5{
	font-size : 15px ;
}

table	{
	/*margin 上、右、下、左*/
	margin: 0px 3px 0px 5px;
	/*padding 上、右、下、左*/
	padding: 0px 0px 0px 0px;
	font-size : 14px ;
	font-size : 13px ;
}

/*全体のページの外枠 【スマホ用の設定】
---------------------------------------------------------------------------*/
#Page {
	max-width: 100%;
}

/*トップ・メニューのPC画面との差異【スマホ用の設定】
---------------------------------------------------------------------------*/
#TopMenu,#TopMenu1,#TopMenu2,#TopMenu3,#TopMenu4,#TopMenu5,#TopMenu6,#TopMenu7,#TopMenu8,#TopMenu9 {
	font-weight: bold; /*太さを太字にする。通常に戻すならこの１行を外す。*/
	font-weight: normal;
	font-size: 14px;
}

#TopMenu a,#TopMenu1 a,#TopMenu2 a,#TopMenu3 a,#TopMenu4 a,#TopMenu5 a,#TopMenu6 a,#TopMenu7 a,#TopMenu8 a,#TopMenu9 a{
	/*padding 上、右、下、左*/
	padding: 8px 5px 4px 5px;
	height:30px;
}

/*Mainの文書(サイドなしの場合)のPC画面との差異【スマホ用の設定】
---------------------------------------------------------------------------*/
#MainALL {
	max-width: 100%;
	/*border: none;*/
	border-width:1px;
	border-color:green;
 	border-radius: 8px;
	/*padding 上、右、下、左*/
	padding: 0px 0px 0px 0px;
}

/*Mainの文書(サイドなしの場合)のPC画面との差異【スマホ用の設定】
---------------------------------------------------------------------------*/
#Main {
	max-width: 100%;
	border: none;
	/*padding 上、右、下、左*/
	padding: 0px 0px 0px 0px;
}

/*==================================================*/
/* MainLeftの設定(左サイドメニュー)  【スマホ用の設定】 */
/*==================================================*/

#MainLeft {
	/*margin 上、右、下、左*/
	/*margin: 0px 0px 0px 0px;*/
	/*padding 上、右、下、左*/
	padding: 2px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

	/* border までが幅と高さになるため、width 100%と合わせるとPageの幅に自動的になり位置がずれない。 */
	box-sizing: border-box;
	max-width: 100%;
	width: 100%;
	min-height:0px;
	height:auto;

    font-size: 14px;

	/*border: 5px double #030;*/ /*線の太さ・色*/
	border: 0px solid #080;
	border: none;

	background-image: linear-gradient(80deg, #FF6, #FFC, #FF6);
	/* line-height:95%;*/ /*ボタンの間隔*/

	max-height:145px;/* ４段以上でするロールし、次のボタンが少し見える高さが145px */
	overflow-y: auto;
	overflow-x: hidden;

	display: flex;
	/* flex-wrap:wrap-reverse; */
	flex-wrap: wrap;
	/*justify-content: space-around;*/
	justify-content: space-between;
	justify-content: flex-start;
	
	
}


#MainLeft a{
	/*margin 上、右、下、左*/
	/*margin: 1px 0px 1px 0px;*/
	margin: -1px 1px -1px 0px;
	/*padding 上、右、下、左*/
	padding: 4px 2px 4px 2px;

	font-size:14px;
	text-decoration: none;
	display:inline-block;
	border-top: 3px solid #080;





}

#MainLeft a:hover,#MainLeft a.BuildHondou:hover{

	border-top: 3px solid #F00;
	border-bottom: 3px solid #060;

}

#MainLeft a.BuildHondou,#HeaderSecond-L a.BuildHondou {

}



#MainRight {
	/*margin 上、右、下、左*/
	margin: 0px 0px 0px 0px;
	/*padding 上、右、下、左*/
	padding: 0px 0px 0px 0px;
	max-width: 100%; /* Add Smart */
	min-width: 100%;/* Add Smart */
	border: 2px solid #080;
	border-top: 4px solid #080;
	border: none;

}


/*==================================================*/
/* 【重要】TopMenuTopとMainLeftMainLeftは、スマホの場合はメニューなので */
/*    初期値は非表示【スマホ用の設定】                                  */
/*    場所は最後の位置でないと、上に「display:flex」などがあり、メニューが消えない */
/*==================================================*/

/* 【不要：削除可】下の「#TopMenuTop,#MainLeft」に移行したので不要。
#TopMenuTop {
    display:none;
}
#MainLeft {
    display:none;
}
*/

#TopMenuTop,#MainLeft{
    display:none;
    opacity:1;
    animation-name:MobileMenuAnimation;
    animation-duration:1.0s; 
}

@keyframes MobileMenuAnimation {
0% {
    opacity: 0;
    transform: translateY(-50px);
   }
100% {
    opacity:1;
    transform: translateY(0px);
   } 
}




}

/*==================================================*/
/* 【重要】この下は、最後の括弧が１つある。 */
/*==================================================*/

}