@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(.....);                           */
/*    以前は、【１】【２】【３】の３行を同じ設定で指定していたが、【１】のみにした。    */
/*--------------------------------------------------------------------------------------*/
/* 2026/04/17 @015 「#MainLeftと#TopMenuを」削除した                                                      */
/* 2026/04/10 @014 「#Pageと#MainAllと#Mainを」CssStyle.cssからCssMainMenu.cssへ移動した                   */
/* 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;
}

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用とスマホ用の共通の設定】
---------------------------------------------------------------------------*/
#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;
}


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

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


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




}

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

}