@charset "UTF-8";
* 			{margin: 0;
			padding: 0;
			}

/* 「%%」付きの定義は未使用につき、後で整理  */

/*--------------------------------------*/
/*			画面を構成					*/
/*--------------------------------------*/

#myHeader 	{padding: 0;
			width: 100%;
			}
#myHeader h1{
			margin: 0;
			padding: 20px;
			text-align: center;
			}
#shadow 	{height: 15px;
			background-image: url("images/img_shadow01.gif");
			background-repeat: repeat-x;
			}
#myBody 	{width: 100%;
			margin: 0 auto;
			text-size-adjust: 100%;
			-webkit-text-size-adjust: 100%;			/*Chrome,Safari*/
			-ms-text-size-adjust: 100%;				/*EgdeMobile*/
			-moz-text-size-adjust: 100%;			/*firefox*/
			}
#myNavi 	{float: left;
			margin: 30px 20px 20px 30px;
			padding: 0;
			width: 220px;
			}
#myMain 	{float: left;
			margin-top: 40px;
			padding: 5px 10px 30px 10px;
			width: 590px;
			}
#myMain_w 	{float: left;
			margin-top: 40px;
			padding: 5px 10px 30px 10px;
			width: 850px;
			}
#myTips 	{float: left;
			margin: 30px 0 20px 15px;
			padding: 0;
			width: 220px;
			}
#myFooter 	{clear: both;
			margin: 0;
			padding: 0;
			height: 45px;
			border-top: 1px solid #999;
			background-color: #ddd;
			}
/*---  myヘッダー（イメージ） ---*/
#H_top 		{height: 90px;
			background: url(images/img_top.gif) right no-repeat;
			}
#H_delusions {height: 90px;
			background: url(images/img_sisin01.gif) right no-repeat;
			border-bottom: 29px solid #ddd;
			}
#H_hobby 	{height: 90px;
			background: url(images/img_sisin01.gif) right no-repeat;
			border-bottom: 29px solid #ddd;
			}
#H_home 	{height: 90px;
			background: url(images/img_sisin01.gif) right no-repeat;
			border-bottom: 29px solid #ddd;
			}
#H_howto 	{height: 90px;
			background: url(images/img_sisin01.gif) right no-repeat;
			border-bottom: 29px solid #ddd;
			}
/************************************************************/
/*      クラス セレクタ                                     */
/************************************************************/
body 		{margin: 0;
			padding: 0;
			min-width: 1150px;
			font-size: 16px;
			color: #333;
			font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
			}

h1, h2, h3, h4, h5
			{margin-bottom : 1.5ex;
			color: #a52525;
			color: #004;
			font-weight: bold;
			}
h1 			{margin: 20px 0px 40px 0px;
			font-size: 300%;
			text-shadow: 3px 3px 5px #bbb;
			}
h2 			{margin: 30px 0;						/*-- １日のサブタイトル用 --*/
			padding: 15px 0 15px 20px;
			font-size: 160%;
			border: 1px solid #eee;
			border-left: 15px solid #004;
			border-top: 1px solid #004;
			border-radius: 5px 0 0 5px;
			%%background-color: #fafafa;
			background: url(images/img_sisin01.gif) right no-repeat;
			box-shadow:  5px 5px 10px #ccc;
			}
h3 			{margin: 2em 0em 0.4em 0em;
			font-size: 120%;
			padding: 8px 0 8px 16px;
			border-left: 12px solid #004;
			border-top: 1px solid #6a8ad3;
			border-top: 1px solid #004;
			border-radius: 5px 0 0 5px;
			background-color: #fafafa;
			}
h4 			{margin: 3em 0 1em 0;
			padding: 6px 0 6px 14px;
			border-left: 12px solid #0000cd;
			border-radius: 5px;
			font-size: 120%;
			}
h5 			{margin: 2em 0 0 0;
			line-height: 1.6em;
			font-size: 110%;
			color: #a52525;							/* 栗色 */
			}

p, blockquote {
			margin: 0 0 0.8em 0;
			line-height: 1.6em;
			font-size: 16px;
			text-align: justify;
			}

/*---（リスト）---*/
ol 			{margin: 0 0 1.2em 1.2em;				/* 番号付き */
			line-height: 1.6em;
			font-size: 100%;
			text-align: justify;
			}

ul 			{margin: 0 0 1.2em 1em;					/* 箇条書き */
			line-height: 1.4em;
			list-style-type: disc;
			font-size: 100%;
			text-align: justify;
			}
li 			{margin: 0;
			padding: 0;
			color: #333333;
			}
ul._tit		{margin: -0.5em 0 1em 2em;
			line-height: 1.4em;
			list-style-type: circle;
			font-size: 100%;
			text-align: justify;
			}
ol li 		{padding-left: 0.5em;
			margin-bottom: 0.5em;}
ol li._margin0{
			margin: 0 ;
			}
ul li 		{padding-left: 0.5em;
			margin-bottom: 0.5em;
			}
ul li._margin0{
			margin: 0 ;
			}
ul._tit li 	{padding-left: 0.5em;
			margin-bottom: 0em;
			}

strong 		{margin: 0 0.2em;}
sup 		{line-height: 1em;
			color: #AA2808;							/* 茶色 */
			font-size: 60%;
			font-weight: bold;
			}
sup a		{color: #AA2808;}						/* 茶色 */

a			{text-decoration: none;
			color: #3344ff;							/* 青色 */
			}
a:hover 	{text-decoration: underline;}
a sup		{text-decoration: none;
			font-size: 60%;
			color: #3344ff;
			}

.wtr		{margin: 0 5px -6px 5px;}				/* お天気マーク用 */
/*--------------------------------------*/
/*			画像用フレーム各種			*/
/*--------------------------------------*/
img 		{margin: 0;}

img._f0 	{margin: 0;								/* 写真（縁取り）*/
			padding: 0;
			border: 1px solid #aaa;
			}
img._f1 	{margin: 0 30px 1.6em 0;				/* 写真（3px枠付き）*/
			padding: 3px;
			border: 1px solid #888;
			background-color: #f6fff6;
			}
img._tr 	{float: left;							/* 写真（右）コメント*/
			margin-right: 30px;
			}
img._hz 	{float: left;							/* 写真（左寄せ，3px枠付き）*/
			margin: 0 13px 1.5em 0;
			padding: 3px;
			border: 1px solid #888;
			background-color: #f6fff6;
			}
img._hzr 	{float: right;							/* 写真（右寄せ，3px枠付き）*/
			margin-bottom:1.6em;
			margin: 0 0 1.6em 1px;					/* 20240215修正 */
			padding: 3px;
			border: 1px solid #888;
			background-color: #f6fff6;
			}
figure 		{clear: both;}

/*---（[H2]用背景）---*/
.H2_cgk01 	{										/* %% テスト！！ */
			background: url(images/img_sisin01.gif) right no-repeat;
			}

/************************************************************/
/*          クラス セレクタ                                 */
/************************************************************/
/* https://dekiru.net/article/13167/ */

.parg 		{margin-left: 4em;}
p.mem 		{margin-left: 3em;
			font-size: 93%;
			}
._short		{width: 600px;}							/* 指定幅で改行 */
._date 		{text-align: right;
			font-size: 95%;
			font-style: italic;
			}
.simoz 		{margin: 0 0 20px 2em;					/* 必要？ */
			padding: 10px 6px 1px 30px;
			border: 1px solid #eee;
			border-right: 2px solid #ccc;
			border-bottom: 2px solid #ccc;
			border-radius: 5px;
			background-color: #f5f5f5;
			}
.simoz p 	{margin-bottom: 0.6em;
			line-height: 1.2em;
			}

.myStep		{margin: 0 0 20px 2em;					/* 手順説明 */
			padding: 10px 6px 1px 20px;
			border: 1px solid #eee;
			border-right: 2px solid #ccc;
			border-bottom: 2px solid #ccc;
			border-radius: 5px;
			background-color: #fbfbfb;
			}
.myStep p 	{margin-bottom: 0.6em;
			line-height: 1.2em;
			}

._sen 		{margin-left: 1em;
			font-family: "HG正楷書体-PRO", D F行書体, HG行書体, cursive;
			line-height: 1.2em;
			font-size: 100%;
			}

.info::before{								/* 情報マーク */
			content: "i";
			font-size: 88%;
			font-family:"Calisto MT","ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
			margin-right: 5px;
			display: inline-block;
			vertical-align: 2px;
			width: 1.5em;
			height: 1.5em;
			text-align: center;
			line-height: 1.5;
			border-radius: 50%;
			background: #0000cd;
			color: #FFF;
			font-weight: bold;
			}

/*--------------------------------------*/
/*			表							*/
/*--------------------------------------*/
/*---（罫線なし）---*/
table 		{margin: 0.5em 0 2em 0;
			border-collapse: collapse;
			empty-cells: show;
			font-size: 95%;
			line-height: 1.2em;
			color: #333;
			}
caption 	{font-size: 98%;
			margin: 3px 0;
			text-align: left;
			}
th 			{padding: 0.2em;
			background: linear-gradient(#eee, #fff);
			}
td 			{padding: 0.25em;}

/*---（罫線付き）---*/
table.std 	{border-top: solid 1px #999;
			border-left: solid 1px #999;
			}
.std caption.btm {
			caption-side: bottom;
			font-size: 95%;
			}
.std th 	{padding: 0.3em 0.5em;
			font-size: 96%;
			border-right: solid 1px #999;
			border-bottom: solid 1px #999;
			background: linear-gradient(#ddd, #fff);
			}
.std td 	{padding: 0.3em 0.5em;
			font-size: 96%;
			border-right: solid 1px #999;
			border-bottom: solid 1px #999;
			}

/*---（罫線付き・一行おきに着色）---*/
table.stc 	{border-top: solid 1px #999;
			border-left: solid 1px #999;
			}
.stc caption.btm {
			caption-side: bottom;
			font-size: 95%;
			}
.stc tr:nth-child(2n+1) {
			background:#f7f7f7;
			}
.stc th 	{padding: 0.3em 0.5em;
			font-size: 96%;
			border-right: solid 1px #999;
			border-bottom: solid 1px #999;
			background: linear-gradient(#ddd, #fff);
			}
.stc td 	{padding: 0.3em 0.5em;
			font-size: 96%;
			border-right: solid 1px #999;
			border-bottom: solid 1px #999;
			}
/*--------------------------------------*/
/*			ナビゲーション				*/
/*--------------------------------------*/
._idt27 	{text-indent: 2.7em;}					/* ブロック内のテキストの前に置く空白 */
._clrfl 	{clear: both;}							/* フロートの終了 */

.sqr 		{display: inline-block;					/* 文字等を囲む四角の枠線を描画 */
			margin: 0;
			padding: 4px;
			line-height: 1em;
			border: 1px solid #6A8AD3;
			background-color: #f6f6f6;
			}
.time 		{display: inline-block;					/* 時計表示 */
			margin: 0 1.5em 0 0;
			padding: 4px;
			line-height: 1em;
			font-size: 14px;
			font-style: italic;
			font-weight: bold;
			color: #333;
			border: solid 1px #A9A9A9;
			background: linear-gradient(#f6f6f6, #fff, #eee);
			border-radius: 40% 40%;
			box-shadow:  2px 2px 3px #ddd;
			}
.ex 		{display: inline-block;					/* 注記用  */
			margin: 0 0 0 2em;
			padding: 0.2em 1em 0 2em;
			line-height: 1.2em;
			border: 1px solid #dee3ff;
			border-radius: 4px;
			background-color: rgba( 51, 68, 255, 0.03 );
			}

._br4 		{border-radius: 4px;}					/* [sqr]の角を丸くする */
._bsdw 		{box-shadow:  3px 3px 5px #bbb;}		/* シャドウを入れる */

.bttn 		{display: inline-block;
			line-height: 14px;
			margin: 0 5px;
			font-weight: normal;
			border-top: 1px solid #ddd;
			border-right: 2px solid #999;
			border-bottom: 2px solid #999;
			border-left: 1px solid #ddd;
			padding: 2px 5px 2px 5px;
			font-size: 90%;
			color: #333; 
			border-radius: 2px;
			background: linear-gradient(#fff, #e0e0e0);
			cursor: default;
			}

/*---（「注記」用）---*/
.note 		{margin: 0 0 1.5em 3em;
			padding-left: 3em;
			text-indent: -4em;
			font-size: 100%;
			line-height: 1.5em;
			}
.note2 		{margin: -1.3em 0 1.5em 3em;			/* 2行目以降用 */
			padding-left: 3em;
			text-indent: -4em;
			font-size: 100%;
			line-height: 1.5em;
			}

.note a		{font-size: 100%;}
.note .bttn {text-indent: 0;}
.note .sqr 	{padding: 3px 3px 2px 3px;
			text-indent: 0;
			font-size: 100%;
			}

.note2 a 	{font-size: 100%;}
.note2 .bttn { text-indent: 0;}
.note2 .sqr {
			padding: 3px 3px 2px 3px;
			text-indent: 0;
			font-size: 100%;
			}

/*---（「注意事項」用・画像付き）---*/				/* 廃止の方向で・・ */
.attn1 		{margin: 0 0 1.5em 2.5em;
			padding-left : 3.5em;
			background-image : url(images/attn_1.gif);
			background-repeat : no-repeat;
			background-position : 0 5px;
			}

/*---（リンク用）---*/
.list_d		{background-image : url(images/lst_02.jpg);
			background-repeat : no-repeat;
			background-position : 0 4px;
			padding-left : 2em;
			margin: 0 0 0.3em 0;
			line-height: 1.2em;
			}

.list_r 	{background-image : url(images/lst_01.jpg);
			background-repeat : no-repeat;
			background-position : 0 4px;
			padding-left : 2em;
			margin: 0 0 0.3em 0;
			}
.list_q 	{background-image : url(images/lst_03.gif);
			background-repeat : no-repeat;
			background-position : 0 4px;
			padding-left : 2em;
			margin: 0 0 0.3em 0;
			}


/*---（文字配置）---*/
.txt_cnt 	{text-align: center;}
.txt_lft 	{text-align: left;}
.txt_rgt 	{text-align: right;}
.txt_jst 	{text-align: justify;}
.txt_vt 	{vertical-align: top;}					/＊ 上下 ＊/


/*---（文字色）---*/
.txt_dum	{color: #xxxxxx;}						/* ダミー（1行目は無効） */
.txt_red	{color: #ff0000;}						/* 赤色 */
.txt_red_b	{color: #ff0000;
			margin: 0 0.2em; font-weight: bold}
.txt_blu	{color: #0000ff;}						/* 青色 */
.txt_blu_b	{color: #0000ff;
			margin: 0 0.2em; font-weight: bold}
.txt_bro	{color: #a52525;}						/* 茶色 */
.txt_bro_b	{color: #a52525;						/* 茶色･太字 */
			margin: 0 0.2em; font-weight: bold}
.txt_grn	{color: #008000;}						/* 緑色 */
.txt_grn_b	{color: #008000;
			margin: 0 0.2em; font-weight: bold}
.txt_gld	{color: #ffd700;}						/* 金色 */
.txt_gld_b	{color: #ffd700;
			margin: 0 0.2em; font-weight: bold}
.txt_tan	{color: #d2b48c;}						/* たん */
.txt_tan_b	{color: #d2b48c;
			margin: 0 0.2em; font-weight: bold}

/*---（背景色）---*/
.colr_wht 	{background-color: #fff;}
.colr_blk 	{background-color: #000;}
.colr_blu 	{background-color: #d5dfff;}
.colr_grn 	{background-color: #eaffea;}
.colr_gry 	{background-color: #dfdfdf;}
.colr_red 	{background-color: #ffd5d5;}
.colr_yel 	{background-color: #ff9;}
.colr_tbl 	{background-color: #f5f6ff;}

/*--------------------------------------*/
/*			ナビゲーション				*/
/*--------------------------------------*/
#myNavi ul 	{margin:  0 0 2px 0;
			padding: 0 3px 0 5px;
			list-style: none;
			background-color: #004;
			border-radius: 4px;
			border: 1px solid #004;
			box-shadow: 2px 2px 8px #aaa;
			}
#myNavi ul:first-of-type { margin-bottom: 15px;}
#myNavi ul:first-child li{ font-size: 18px;}
#myNavi ul ul {	border: none; box-shadow: none;}

#myNavi li 	{margin: 0;
			padding: 3px 0 0 0;
			text-align: left;
			font-size: 16px;
			background: url(images/img_ubar01.jpg) repeat-x left top;
			}
#myNavi li :first-of-type{margin: 3px 0 0 0;}
#myNavi li h2 {
			font-size: 18px;
			font-weight: normal;
			background: none;
			border: none;
			box-shadow: none;
			}

#myNavi li:first-child {
			padding: 2px 0 0 0;
			background: none;
			}
#myNavi li img { margin: 5px 5px -10px 5px; padding: 0;}
#myNavi li ul { margin: 0; padding-left: 10px;}

#myNavi li li {
			margin: 0;
			padding: 4px 0 2px 0;
			border: none;
			background: url(images/img_ubar01.jpg) repeat-x left top;
			color: #fff;							/*リンクなしの色*/
		}
#myNavi h2 	{margin: 10px 0;
			padding: 0 0 5px 0;
			border-top: none;
			font-family:"Lucida Grande","ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif;
			font-size: 16px;
			font-weight: normal;
			color: #fff;
			}
#myNavi a 	{display: block;
			width: 100%;
			color: #ffd700;							/*黄金色*/
			}
#myNavi a:hover { color: #fff;}

/*--------------------------------------*/
/*			左側ナビ					*/
/*--------------------------------------*/
#myTips ul {margin:  0 0 20px 0;
			padding: 0 5px 0 5px;
			list-style: none;
			line-height: normal;
			background-color: #004;
			border-radius: 4px;
			border: 1px solid #aaa;
			box-shadow: 2px 2px 8px #aaa;
			}
#myTips ul ul {border: none; box-shadow:none;}
#myTips li {margin: 0;
			padding: 3px;
			font-size: 14px;
			line-height: 140%;	
			}
#myTips li img {
			margin: 5px 5px -10px 5px;
			padding: 0;
			}
#myTips li ul {
			margin: 0px;
			padding: 0 0 0 10px;
			}
#myTips li li {
			margin: 0 0 5px 0;
			padding: 0;
			border: none;
			color: #bbb;
			}
#myTips li h2 {
			margin: 5px 0;
			padding: 0 0 5px 0;
			font-weight: normal;
			background: none;
			border: none;
			box-shadow: none;
			font-size: 18px;
			color: #fff;
			}
#myTips a	{display: block;
			width: 100%;
			color: #fff;
			}
/*--------------------------------------*/
/*			Copy right					*/
/*--------------------------------------*/
.cra 		{margin: 6px 0 0 20px;
			padding: 0;
			}
.crtxt 		{display: block;
			float: left;
			margin: 0 0 0 14em;
			font-size: 78%;
			width: 400px;
			padding-top: 2px;
			padding-bottom: 2px;
			color: #888;
			}

a.crbttn	{display: block;
			float: left;
			width: 50px;
			margin-left: 10px;
			padding-top: 4px;
			padding-bottom: 4px;
			border: 1px solid #ddd;
			border-right: 2px solid #999;
			border-bottom: 2px solid #999;
			border-radius: 3px;
			background: linear-gradient(#fff, #e0e0e0);
			font-family: sans-serif ;
			font-size: 80%;
			font-weight: bold;
			color: #004;
			text-shadow: 2px 2px 1px #8EB8FF;
			text-align: center;
			}
a.crbttn:hover{
			background: #fcfcfc;
			text-decoration: none;
			color: #00e;
			text-shadow: none;
			}