@charset "utf-8";

/*-■■■■■■■ ページの基本デザイン用CSS ■■■■■■■■■■■■■■-*/



/* === START ==== ページ上部マージンを”0 ”に設定 ============*/

/*---   body { margin: 0px; padding: 0px; } ---*/

/* ===============================================END======== */



/* 20250416変更   font-family:'Roboto','Hiragino Sans','Meiryo','Hiragino Kaku Gothic ProN',sans-serif;  */
/* 20250416旧Set　font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;  */


/* ========START====== TEXTの書体・カラーの設定 ==============*/
body {
	font-family:'Roboto','Hiragino Sans','Meiryo','Hiragino Kaku Gothic ProN',sans-serif; 
	color :#111111; /*------ #333333 から#111111に変更 -----*/
}
/* ===============================================END======== */





/* === Font SiZe Set ========Start===== */
.style1 {color: #FFFFFF;font-weight: bold;}
.style1012 {font-size: 12px}
.style1013 {font-size: 13px}
.style1017 {font-size: 17px}

/* === Font SiZe Set ========END===== */





/*-------リンクカラーの設定---------------------*/

A:link {COLOR:#1C0ED3; text-decoration:none;}
A:visited {COLOR:#1C0ED3; text-decoration:none;}
A:hover {COLOR:#ED083E; text-decoration:underline;}

/*----------------------------------------------*/



/* ============= 全体の位置  背景色の指定 ===================*/
body {
	text-align:center;
	font-size: 14px; /*--- 文字の大きさ 13pxから14pxに変更-2025.04.14----*/
	line-height:20px;               /* 行間を少し広げる */
	letter-spacing:1px;		/* 字間を少し空ける */
/*--- background-color:#000000; ---*/	/*--- 背景色を指定 20240304_拝啓を色々変えるので無しにした---*/
}
/* ===============================================END======== */



/* ======== wrapper ページ全体の設定 =========================*/
#wrapper {
	width: 600px ;
	margin: auto; /* AUTOを設定すると全体が中心になる */
	/* border:solid 1px #E4E3F1; */ 	/*--- 全体的に境界線を設定する場合  ---*/
}
/* ===============================================END======== */



/* ======== header の設定 ====================================*/
#header {
	width: 100%;
	background-color:#EC7C30;  /*=== #EC7C30 */ 
	padding-top:5px;
	padding-bottom:5px;
	height: 25px;
        border-radius:  10px 10px 0px 0px;  /* =====  上部を角を丸くする======= */

// 20170524　カラーを #C7D5ED 灰色から #EC7C30 オレンジに変更。

}
/* ===============================================END======== */



/* ======== pan_kuzu の設定 ======使用していない==============*/
#pan_kuzu {
	margin-top: 5px; 	/* 上方向にマージンを指定 */
	margin-bottom: 5px; 	/* 上方向にマージンを指定 */
	margin-right: 0px; 	/* 上方向にマージンを指定 */
	padding-top:5px;
	background-color: #E4E3F1; /* #C7D5ED -> #E4E3F1 変更　*/

	height: 25px;
}
/* ===============================================END======== */



/* ★★★★★★ container の設定 ★★★★★★★★★★★★★★★*/
#container {
	float: center;
	width:  600px;
}
/* ★★★★★★★★★★★★★★★★★★★★★★★★ END ★★★*/


/* ======== primary の設定 ====================================*/
#primary {
	float: center;
	margin-top: 0px;    	     /* 上方向にマージンを指定 */
	margin-bottom: 0px;          /* 上方向にマージンを指定 */
	margin-right: 0px; 	     /* 上方向にマージンを指定 */
	border:solid 2px #E6E6FF;    /* 説明部分のみ枠を付る   */
	/* background-color: #FEFEFE; */ 

// 20250729　カラーを #f5f5f5 灰色から #FEFEFE 白 から、無しに変更。


}
/* ===============================================END======== */





/* ======== footer の設定 ====================================*/
#footer {
	clear: both; /* 寄せを解除 */
	padding-top: 8px; 	/* 上方向にマージンを指定 */
	padding-bottom: 8px; 	/* 下方向にマージンを指定 */
	padding-right: 8px; 	/* 右方向にマージンを指定 */
	padding-left: 8px; 	/* 左方向にマージンを指定 */
	background-color: #E6E6FF;
	height: 40px;          /* 高さを短くした。入れる文章を少なくした為 20250731 */

// 20170524　カラーを #DDDDDD 灰色から #E6E6FF の灰色に変更。


}
/* ===============================================END======== */

/* ======== address の設定 ====================================*/
#address {
	clear: both; /* 寄せを解除 */
	margin-top: 10px; /* 上方向にマージンを指定 */
	margin-bottom: 10px; /* 上方向にマージンを指定 */
	padding-bottom: 30px; 	/* 下方向にマージンを指定 */
	background-color: #FFFFFF;
	height: 25px;
}
/* ===============================================END======== */