@charset "UTF-8";


body {
	background-color: #FCFCFC;
	margin: 0px;
	padding: 0px;
	text-align:center;
	font-family: sans-serif ;
	-webkit-text-size-adjust: 100%;
}


#container {
	width: 1330px;
	margin-top: 0px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 0px;
}


#boxA {
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: center;
}


#boxB {
	width: 100%;
	position: center;
	margin-top: 0;
	line-height: 0px;
	margin-bottom: 0;
	text-align: left;
}


.foot {
	font-family: "メイリオ","ヒラギノ角ゴシック",sans-serif;
	font-size:40px;
	color: blue;
	text-align: center;
}


.title {
	font-family: "メイリオ","ヒラギノ角ゴシック",sans-serif;
	font-size: 7px;
	font-weight: 700;
	color: white;
	text-align: left;
}

/*　ーーーーーー　日本語フォントスタイル指定　ーーーーー　*/
.jpn_14_blue {
	font-family: "メイリオ","ヒラギノ角ゴシック",sans-serif;
	font-size: 14px;
	color: blue;
	text-align: left;
	line-height: 12px;
}
.jpn_20_blue {
	font-family: "メイリオ","ヒラギノ角ゴシック",sans-serif;
	font-size: 20px;
	color: blue;
	text-align: left;
	line-height: 12px;
}
.jpn_30_blue {
	font-family: "メイリオ","ヒラギノ角ゴシック",sans-serif;
	font-size: 30px;
	color: blue;
	text-align: left;
	line-height: 5px;
}
.jpn_60_blue {
	font-family: "メイリオ","ヒラギノ角ゴシック",sans-serif;
	font-size: 60px;
	color: blue;
	line-height: 0px;
}
.jpn_30_red {
	font-family: "メイリオ","ヒラギノ角ゴシック",sans-serif;
	font-size: 30px;
	color: red;
	text-align: left;
	line-height: 5px;
}

.jpn_20_red {
	font-family: "メイリオ","ヒラギノ角ゴシック",sans-serif;
	font-size: 20px;
	color: red;
	text-align: left;
	line-height: 5px;
}

/*　ーーーーーー　中国語フォントスタイル指定　ーーーーー　*/
.chn {
	font-family: SimHei,SimSun;
	font-size:30px;
	color:green;
	text-align: left;
	line-height: 5px;
}

.chn_20{
	font-family: SimHei,SimSun;
	font-size:20px;
	color:green;
	text-align: left;
	line-height: 14px;
}




/*　＝＝＝＝＝＝透明なtooltipの文字□にマウスオンすると吹出しが動き現れる設定＝＝＝＝＝*/

/*　＝＝＝＝＝＝　変数代入　＝＝＝＝＝　サフィックス意味：〇□：〇＝バルーンの方向　□＝派生番号またはコーナー　*/
:root {
	--side_R_x: 100px;
	--side_R_y: 10px;
	
	--side_L_x: 120%;
	--side_L_y: 20px;
	
	--bottom_R_x:35%;
	--bottom_R_y:10px;
	
	--bottom_L_x:35%;
	--bottom_L_y:10px;
	
	--top_R_x:20px;
	--top_R_y:160px;
	
	--top_R1_x:50px;
	--top_R1_y:110px;
	
	--top_R2_x:20%;
	--top_R2_y:140px;
	
	--top_R3_x:35%;
	--top_R3_y:180px;
	
	--top_R4_x:35%;
	--top_R4_y:85px;
	
	--top_L1_x:100px;
	--top_L1_y:250px;

	--top_L2_x:30%;
	--top_L2_y:120px;

	--top_L3_x:35%;
	--top_L3_y:140px;
	
	--top_L4_x:35%;
	--top_L4_y:85px;
	
	--bottom_RC_x:100%;
	--bottom_RC_y:5px;
	
	--bottom_RC1_x:35%;
	--bottom_RC1_y:15px;
	
	--bottom_LC_x:100%;
	--bottom_LC_y:15px;
		
	--top_RC_x:100%;
	--top_RC_y:5px;
	
	--top_RC1_x:140%;
	--top_RC1_y:90px;

	--top_RC2_x:120%;
	--top_RC2_y:50px;

	--top_LC_x:110%;
	--top_LC_y:10px;
	
	--top_LC1_x:110%;
	--top_LC1_y:120px;
	
	--top_LC2_x:105%;
	--top_LC2_y:200px;
	
	--top_LC3_x:105%;
	--top_LC3_y:80px;
}


/* iPhone+safari でのコールアウト停止　*/

.noselect {
 -webkit-touch-callout: none;
 user-select: none;
}

/*　＝＝＝＝＝＝　変数代入　＝＝＝＝＝　*/

	/*　バルーンでアニメーション入り　コメント下への吹出し設定　*/
	/*　tooltip：マウスオーバー対象テキスト　balloon_top：吹き出しサイズ位置　*/


	/*　バルーンの対象となる対象テキスト：共通設定　*/
.tooltip {　　　　/*　バルーンの親要素テキスト　*/
	position: relative;
	cursor: pointer;
	padding: 0px;			/*　対象テキストの上下左右のpadding　0px　*/
	margin: 0px;
	font-size: 50px;
	line-height: 1em;
	/* color: red;		□の色　写真表題に重ねる　*/
	/* border: solid red; */
}

.tooltip2 {　　　　/*　バルーンの親要素テキスト　*/
	position: relative;
	cursor: pointer;
	padding: 10px 10px 0px 0px;			/*　対象テキストの上下左右のpadding　0px　*/
	margin: 0px;
	font-size: 20px;
	font-weight: 700;
	line-height: 1em;
	color: white;
}

/*　ーーーーー　バルーン一覧　ーーーー　　*/
/*　bottom_R　　　　　　　下右　　　　　　*/
/*　bottom_RC、RC1　　　　コーナー下右　　*/
/*　bottom_L　　　　　　　下左　　　　　　*/
/*　bottom_LC　　　　　　コーナー左下　　　*/
/*　side_R　　　　　　　　横右　　　　　　*/
/*　side_L　　　　　　　　横左　　　　　　*/
/*　top_L1、L2、L3、L4　　上左　　　　　　*/
/*　top_LC、LC1、LC2、LC3　コーナー上左　　*/
/*　top_R、R1、R2、R3、R4　上右　　　　　　*/
/*　top_RC、RC1、RC2　　　　コーナー上右　　*/
/*　bottom_C、C1　　　　　　中央下　　　　　*/
/*　bottom_LP　　　　　　　写真入り吹き出し　*/
/*　side_RP　　　　　　　　写真入り吹き出し　*/


/*　ーーーーー吹き出し右へでるバルーン　動き：下から上へーーーーー　*/

.balloon_bottom_R {
	width: 20em;					/*　バルーン幅　*/
	position: absolute;
	top: 120%;						/*　バルーンのtransition後の縦方向位置　100%停止　100%以上：下から上　100%未満：上から下　100%からズレ量大きいほど動き距離が長い*/
	left: var(--bottom_R_x);		/*　バルーン横位置　tooltipテキストの左からのpxで指定　*/
	/* transform: translateX(-50%);		元々は親要素の左上を起点にする位置指定だと親要素幅の半分だけ横方向にずれるのでそれを中央する補正
										今回は親要素に対し右に配置するので中央補正は不要なので外した　*/
	margin-top: var(--bottom_R_y);		/*　親要素テキストbox上端とバルーンとの縦の距離（△との距離ではない）　*/
	padding: 8px;					/*　バルーン内テキストのバルーンとの距離　上右下左　一括指定　*/
	border-radius: 10px;			/*　バルーンコーナーラウンド　*/
	background-color: #EEFFEE;		/*　バルーン地の色　*/
	font-size: 16px;				/*　バルーン内テキストフォントサイズ　*/
	font-weight:500;
	line-height: 1.2em;				/*　バルーン内テキストラインハイト　*/
	color: blue;					/*　バルーン内テキスト文字色　*/
	text-align: left;				/*　バルーン内テキスト寄せ方向　*/
	visibility: hidden;				/*　バルーンをhoverまで非表示　*/
	opacity: 0;						/*　バルーン自体を　0で完全に透明化　*/
	z-index: 1;						/*　バルーンがtooltipの上に重なる　*/
	transition: 0.5s all;			/*　　hover時の全ての要素（バルーンと△）を0.5sかけてアニメーションする　*/
}
.balloon_bottom_R::before {			/*　吹き出し△のスタイル　疑似要素としてバルーンの前に挿入される
										挿入されるのは　content　～　border-bottom　の内容で決まる　*/
	content: "";					/*　コンテンツの中身はなし　*/
	width: 0;						/*　コンテンツの中身（幅）はゼロだがBOXのborderを次の指定で太くする　*/
	height: 0;						/*　コンテンツの中身（高さ）はゼロだがBOXのborderを次の指定で太くする　*/
	border: 10px solid transparent;			/*　太い４本のボーダーのコーナー接触は45°で交わる（斜めの線）
												　まずすべての太さ10pxのborderを透明にする　*/
	border-bottom: 20px solid #EEFFEE;		/*　前記の□のborderの底辺を上書きして着色し接触線45°と合わせ△とする：border-bottomを大きくるすると
												底辺のborderが太くなり△の高さが長くなる＝鋭角の△となる　*/
	position: absolute;				/*　疑似要素の挿入位置を絶対指定している　*/
	bottom: 99%;					/*　△のバルーンとの位置関係　100%でバルーン上辺に接する　*/
	left: 3%;						/*　バルーンの左端から5%の位置に△をつける指定　*/
	/*	transform: translateX(-50%);	起点は左上なので横方向に図形（△）の幅半分だけ左にズラす。元々はバルーン幅の中心上にするため　今回不要　*/
	z-index: -1;
}
.tooltip:hover .balloon_bottom_R {	/*　マウスオーバー時の動作指定　*/
	top: 100%;						/*　マウスオーバー時の縦方向の位置　　*/
	visibility: visible;			/*　マウスオーバー時にtooltipテキストを表示させる　*/
	opacity: 1;						/*　マウスオーバー時透明ゼロ　*/
}
#onclickarea:hover .balloon_bottom_R {
	top: 100%;
	visibility: visible;
	opacity: 1;
}

/*　ーーーーー　左上コーナー用　右下から左上へ動くバルーン　ーーーーー　*/
/*　ーーーーー　左上コーナー用　右下から左上へ動くバルーン　ーーーーー　*/
.balloon_bottom_RC {
	width: 25em;					/*　バルーン幅　*/
	position: absolute;
	top: 120%;						/*　バルーンのtransition後の縦方向位置　100%停止　100%以上：下から上　100%未満：上から下　100%からズレ量大きいほど動き距離が長い*/
	left: var(--bottom_RC_x);						/*　バルーン横位置　tooltipテキストの左からのpxで指定　*/
	/* transform: translateX(-50%);		元々は親要素の左上を起点にする位置指定だと親要素幅の半分だけ横方向にずれるのでそれを中央する補正
										今回は親要素に対し右に配置するので中央補正は不要なので外した　*/
	margin-top: var(--bottom_RC_y);				/*　親要素テキストbox上端とバルーンとの縦の距離（△との距離ではない）　*/
	padding: 8px;					/*　バルーン内テキストのバルーンとの距離　上右下左　一括指定　*/
	border-radius: 10px;			/*　バルーンコーナーラウンド　*/
	background-color: #EEFFEE;		/*　バルーン地の色　*/
	font-size: 20px;				/*　バルーン内テキストフォントサイズ　*/
	font-weight:500;
	line-height: 1.2em;				/*　バルーン内テキストラインハイト　*/
	color: blue;					/*　バルーン内テキスト文字色　*/
	text-align: left;				/*　バルーン内テキスト寄せ方向　*/
	visibility: hidden;				/*　バルーンをhoverまで非表示　*/
	opacity: 0;						/*　バルーン自体を　0で完全に透明化　*/
	z-index: 1;						/*　バルーンがtooltipの上に重なる　*/
	transition: 0.5s all;			/*　　hover時の全ての要素（バルーンと△）を0.5sかけてアニメーションする　*/
}
.balloon_bottom_RC::before {			/*　吹き出し△のスタイル　疑似要素としてバルーンの前に挿入される
										挿入されるのは　content　～　border-bottom　の内容で決まる　*/
	content: "";					/*　コンテンツの中身はなし　*/
	width: 0;						/*　コンテンツの中身（幅）はゼロだがBOXのborderを次の指定で太くする　*/
	height: 0;						/*　コンテンツの中身（高さ）はゼロだがBOXのborderを次の指定で太くする　*/
	border: 10px solid transparent;			/*　太い４本のボーダーのコーナー接触は45°で交わる（斜めの線）
												　まずすべての太さ10pxのborderを透明にする　*/
	border-bottom: 35px solid #EEFFEE;		/*　前記の□のborderの底辺を上書きして着色し接触線45°と合わせ△とする：border-bottomを大きくるすると
												底辺のborderが太くなり△の高さが長くなる＝鋭角の△となる　*/
	position: absolute;				/*　疑似要素の挿入位置を絶対指定している　*/
	transform: rotate(-35deg);
	top: -30px;					/*　△のバルーンとの位置関係　100%でバルーン上辺に接する　*/
	left: -10px;						/*　バルーンの左端から5%の位置に△をつける指定　*/
	/*	transform: translateX(-50%);	起点は左上なので横方向に図形（△）の幅半分だけ左にズラす。元々はバルーン幅の中心上にするため　今回不要　*/
	z-index: -1;
}
.tooltip:hover .balloon_bottom_RC {	/*　マウスオーバー時の動作指定　*/
	top: 100%;						/*　マウスオーバー時の縦方向の位置　　*/
	visibility: visible;			/*　マウスオーバー時にtooltipテキストを表示させる　*/
	opacity: 1;						/*　マウスオーバー時透明ゼロ　*/
}
#onclickarea:hover .balloon_bottom_RC {
	top: 100%;
	visibility: visible;
	opacity: 1;
}

.balloon_bottom_RC1 {
	width: 20em;					/*　バルーン幅　*/
	position: absolute;
	top: 120%;						/*　バルーンのtransition後の縦方向位置　100%停止　100%以上：下から上　100%未満：上から下　100%からズレ量大きいほど動き距離が長い*/
	left: var(--bottom_RC1_x);						/*　バルーン横位置　tooltipテキストの左からのpxで指定　*/
	/* transform: translateX(-50%);		元々は親要素の左上を起点にする位置指定だと親要素幅の半分だけ横方向にずれるのでそれを中央する補正
										今回は親要素に対し右に配置するので中央補正は不要なので外した　*/
	margin-top: var(--bottom_RC1_y);				/*　親要素テキストbox上端とバルーンとの縦の距離（△との距離ではない）　*/
	padding: 8px;					/*　バルーン内テキストのバルーンとの距離　上右下左　一括指定　*/
	border-radius: 10px;			/*　バルーンコーナーラウンド　*/
	background-color: #EEFFEE;		/*　バルーン地の色　*/
	font-size: 16px;				/*　バルーン内テキストフォントサイズ　*/
	font-weight:500;
	line-height: 1.2em;				/*　バルーン内テキストラインハイト　*/
	color: blue;					/*　バルーン内テキスト文字色　*/
	text-align: left;				/*　バルーン内テキスト寄せ方向　*/
	visibility: hidden;				/*　バルーンをhoverまで非表示　*/
	opacity: 0;						/*　バルーン自体を　0で完全に透明化　*/
	z-index: 1;						/*　バルーンがtooltipの上に重なる　*/
	transition: 0.5s all;			/*　　hover時の全ての要素（バルーンと△）を0.5sかけてアニメーションする　*/
}
.balloon_bottom_RC1::before {			/*　吹き出し△のスタイル　疑似要素としてバルーンの前に挿入される
										挿入されるのは　content　～　border-bottom　の内容で決まる　*/
	content: "";					/*　コンテンツの中身はなし　*/
	width: 0;						/*　コンテンツの中身（幅）はゼロだがBOXのborderを次の指定で太くする　*/
	height: 0;						/*　コンテンツの中身（高さ）はゼロだがBOXのborderを次の指定で太くする　*/
	border: 10px solid transparent;			/*　太い４本のボーダーのコーナー接触は45°で交わる（斜めの線）
												　まずすべての太さ10pxのborderを透明にする　*/
	border-bottom: 35px solid #EEFFEE;		/*　前記の□のborderの底辺を上書きして着色し接触線45°と合わせ△とする：border-bottomを大きくるすると
												底辺のborderが太くなり△の高さが長くなる＝鋭角の△となる　*/
	position: absolute;				/*　疑似要素の挿入位置を絶対指定している　*/
	transform: rotate(-35deg);
	top: -30px;					/*　△のバルーンとの位置関係　100%でバルーン上辺に接する　*/
	left: -10px;						/*　バルーンの左端から5%の位置に△をつける指定　*/
	/*	transform: translateX(-50%);	起点は左上なので横方向に図形（△）の幅半分だけ左にズラす。元々はバルーン幅の中心上にするため　今回不要　*/
	z-index: -1;
}
.tooltip:hover .balloon_bottom_RC1 {	/*　マウスオーバー時の動作指定　*/
	top: 100%;						/*　マウスオーバー時の縦方向の位置　　*/
	visibility: visible;			/*　マウスオーバー時にtooltipテキストを表示させる　*/
	opacity: 1;						/*　マウスオーバー時透明ゼロ　*/
}
#onclickarea:hover .balloon_bottom_RC1 {
	top: 100%;
	visibility: visible;
	opacity: 1;
}


/*　吹き出し左へでるバルーン　動き：下から上へ　*/
.balloon_bottom_L {
	width: 20em;
	position: absolute;
	top: 120%;
	right: var(--bottom_L_x);		/* 　下記transformがあれば0pxしてすればバルーン中央が親要素テキストになる　*/
	/* transform: translateX(-50%); */
	margin-top: var(--bottom_L_y);
	padding: 8px;
	border-radius: 10px;
	background-color: #EEFFEE;
	font-size: 16px;
	font-weight:500;
	line-height: 1.2em;
	color: blue;
	text-align: left;
	visibility: hidden;
	opacity: 0;
	z-index: 1;
	transition: 0.5s all;
}
.balloon_bottom_L::before {
	content: "";
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-bottom: 20px solid #EEFFEE;
	position: absolute;
	bottom: 99%;
	left: 93%;
	/* transform: translateX(-50%);*/
	z-index: -1;
}
.tooltip:hover .balloon_bottom_L {
	top: 100%;
	visibility: visible;
	opacity: 1;
}
#onclickarea:hover .balloon_bottom_L {
	top: 100%;
	visibility: visible;
	opacity: 1;
}


/*　右上コーナー用　左下から右上へ動くバルーン　*/
.balloon_bottom_LC {
	width: 25em;
	position: absolute;
	top: 120%;
	right: var(--bottom_LC_x);		/* 　下記transformがあれば0pxしてすればバルーン中央が親要素テキストになる　*/
	/* transform: translateX(-50%); */
	margin-top: var(--bottom_LC_y);
	padding: 8px;
	border-radius: 10px;
	background-color: #EEFFEE;
	font-size: 20px;
	font-weight:500;
	line-height: 1.2em;
	color: blue;
	text-align: left;
	visibility: hidden;
	opacity: 0;
	z-index: 1;
	transition: 0.5s all;
}
.balloon_bottom_LC::before {
	content: "";
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-bottom: 35px solid #EEFFEE;
	position: absolute;
	transform: rotate(35deg);
	top: -30px;
	right:-10px;
	/* transform: translateX(-50%);*/
	z-index: -1;
}
.tooltip:hover .balloon_bottom_LC {
	top: 100%;
	visibility: visible;
	opacity: 1;
}
#onclickarea:hover .balloon_bottom_LC {
	top: 100%;
	visibility: visible;
	opacity: 1;
}



/*　吹き出し右へでるバルーン　動き：右から左へ　*/
.balloon_side_R {
	width: 20em;
	position: absolute;
	top: 70%;
	left: 130%;
	transform: translateY(-50%);
	margin-left: 8px;
	padding: 8px;
	border-radius: 10px;
	background-color: #EEFFEE;
	font-size: 16px;
	font-weight:500;
	line-height: 1.2em;
	color: blue;
	text-align: left;
	visibility: hidden;
	opacity: 0;
	z-index: 1;
	transition: 0.5s all;
}
.balloon_side_R::before {
	content: "";
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-right: 20px solid #EEFFEE;
	position: absolute;
	top: 50%;
	right: 99%;
	transform: translateY(-50%); 
	z-index: -1;
}
.tooltip:hover .balloon_side_R {
	left: 100%;
	visibility: visible;
	opacity: 1;
}
#onclickarea:hover .balloon_side_R {
	left: 100%;
	visibility: visible;
	opacity: 1;
}

/*　吹き出し左へでるバルーン　動き：左から右へ　*/
.balloon_side_L {
	width: 20em;
	position: absolute;
	top: 55%;
	right: var(--side_L_x);
	transform: translateY(-50%);
	margin-right: var(--side_L_y);
	padding: 8px;
	border-radius: 10px;
	background-color: #EEFFEE;
	font-size: 16px;
	font-weight:500;
	line-height: 1.2em;
	color: blue;
	text-align: left;
	visibility: hidden;
	opacity: 0;
	z-index: 1;
	transition: 0.5s all;
}
.balloon_side_L::before {
	content: "";
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-left: 30px solid #EEFFEE;
	position: absolute;
	top: 50%;
	left: 99%;
	transform: translateY(-50%);
	z-index: -1;
}
.tooltip:hover .balloon_side_L {
	right: 100%;
	visibility: visible;
	opacity: 1;
}
#onclickarea:hover .balloon_side_L {
	right: 100%;
	visibility: visible;
	opacity: 1;
}


/*　吹き出し右下コーナーに左上から下へ動くバルーン　：上から下へ　*/
.balloon_top_L1 {
	width: 20em;
	position: absolute;
	right: var(--top_L1_x);
	bottom: 120%;
	/* transform: translateX(-50%); */
	margin-bottom: var(--top_L1_y);
	padding: 8px;
	border-radius: 10px;
	background-color: #EEFFEE;
	font-size: 16px;
	font-weight:500;
	line-height: 1.2em;
	color: blue;
	text-align: left;
	visibility: hidden;
	opacity: 0;
	z-index: 1;
	transition: 0.5s all;
}
.balloon_top_L1::before {
	content: "";
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top: 20px solid #EEFFEE;
	position: absolute;
	top: 99%;
	right: 5%;
	/* transform: translateX(-50%); */
	z-index: -1;
}
.tooltip:hover .balloon_top_L1 {
	bottom: 100%;
	visibility: visible;
	opacity: 1;
}
#onclickarea:hover .balloon_top_L1 {
	bottom: 100%;
	visibility: visible;
	opacity: 1;
}

/*　吹き出し左へでるバルーン 右下コーナー配置で利用　動き：上から下へ　*/
.balloon_top_L2 {
	width: 20em;
	position: absolute;
	right: var(--top_L2_x);
	bottom: 120%;
	/* transform: translateX(-50%); */
	margin-bottom: var(--top_L2_y);
	padding: 8px;
	border-radius: 10px;
	background-color: #EEFFEE;
	font-size: 16px;
	font-weight:500;
	line-height: 1.2em;
	color: blue;
	text-align: left;
	visibility: hidden;
	opacity: 0;
	z-index: 1;
	transition: 0.5s all;
}
.balloon_top_L2::before {
	content: "";
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top: 20px solid #EEFFEE;
	position: absolute;
	top: 99%;
	right: 5%;
	/* transform: translateX(-50%); */
	z-index: -1;
}
.tooltip:hover .balloon_top_L2 {
	bottom: 100%;
	visibility: visible;
	opacity: 1;
}
#onclickarea:hover .balloon_top_L2 {
	bottom: 100%;
	visibility: visible;
	opacity: 1;
}


/*　吹き出し左へでるバルーン 右下コーナー配置で利用　動き：上から下へ　*/
.balloon_top_L3 {
	width: 20em;
	position: absolute;
	right: var(--top_L3_x);
	bottom: 120%;
	/* transform: translateX(-50%); */
	margin-bottom: var(--top_L3_y);
	padding: 8px;
	border-radius: 10px;
	background-color: #EEFFEE;
	font-size: 16px;
	font-weight:500;
	line-height: 1.2em;
	color: blue;
	text-align: left;
	visibility: hidden;
	opacity: 0;
	z-index: 1;
	transition: 0.5s all;
}
.balloon_top_L3::before {
	content: "";
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top: 20px solid #EEFFEE;
	position: absolute;
	top: 99%;
	right: 5%;
	/* transform: translateX(-50%); */
	z-index: -1;
}
.tooltip:hover .balloon_top_L3 {
	bottom: 100%;
	visibility: visible;
	opacity: 1;
}
#onclickarea:hover .balloon_top_L3 {
	bottom: 100%;
	visibility: visible;
	opacity: 1;
}


/*　吹き出し左へでるバルーン 右下コーナー配置で利用　動き：上から下へ　*/
.balloon_top_L4 {
	width: 20em;
	position: absolute;
	right: var(--top_L4_x);
	bottom: 120%;
	/* transform: translateX(-50%); */
	margin-bottom: var(--top_L4_y);
	padding: 8px;
	border-radius: 10px;
	background-color: #EEFFEE;
	font-size: 16px;
	font-weight:500;
	line-height: 1.2em;
	color: blue;
	text-align: left;
	visibility: hidden;
	opacity: 0;
	z-index: 1;
	transition: 0.5s all;
}
.balloon_top_L4::before {
	content: "";
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top: 20px solid #EEFFEE;
	position: absolute;
	top: 99%;
	right: 5%;
	/* transform: translateX(-50%); */
	z-index: -1;
}
.tooltip:hover .balloon_top_L4 {
	bottom: 100%;
	visibility: visible;
	opacity: 1;
}
#onclickarea:hover .balloon_top_L4 {
	bottom: 100%;
	visibility: visible;
	opacity: 1;
}

/*　吹き出し右下-ナー用　左上から右下へ動く　：上から下へ　*/
.balloon_top_LC {
	width: 25em;
	position: absolute;
	right: var(--top_LC_x);
	bottom: 120%;
	/* transform: translateX(-50%); */
	margin-bottom: var(--top_LC_y);
	padding: 8px;
	border-radius: 10px;
	background-color: #EEFFEE;
	font-size: 20px;
	font-weight:500;
	line-height: 1.2em;
	color: blue;
	text-align: left;
	visibility: hidden;
	opacity: 0;
	z-index: 1;
	transition: 0.5s all;
}
.balloon_top_LC::before {
	content: "";
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top: 35px solid #EEFFEE;
	position: absolute;
	transform: rotate(-40deg);
	bottom: -30px;
	right: -15px;
	/* transform: translateX(-50%); */
	z-index: -1;
}
.tooltip:hover .balloon_top_LC {
	bottom: 100%;
	visibility: visible;
	opacity: 1;
}
#onclickarea:hover .balloon_top_LC {
	bottom: 100%;
	visibility: visible;
	opacity: 1;
}

.balloon_top_LC1 {
	width: 20em;
	position: absolute;
	right: var(--top_LC1_x);
	bottom: 120%;
	/* transform: translateX(-50%); */
	margin-bottom: var(--top_LC1_y);
	padding: 8px;
	border-radius: 10px;
	background-color: #EEFFEE;
	font-size: 16px;
	font-weight:500;
	line-height: 1.2em;
	color: blue;
	text-align: left;
	visibility: hidden;
	opacity: 0;
	z-index: 1;
	transition: 0.5s all;
}
.balloon_top_LC1::before {
	content: "";
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top: 35px solid #EEFFEE;
	position: absolute;
	transform: rotate(-40deg);
	bottom: -30px;
	right: -15px;
	/* transform: translateX(-50%); */
	z-index: -1;
}
.tooltip:hover .balloon_top_LC1 {
	bottom: 100%;
	visibility: visible;
	opacity: 1;
}
#onclickarea:hover .balloon_top_LC1 {
	bottom: 100%;
	visibility: visible;
	opacity: 1;
}


.balloon_top_LC2 {
	width: 20em;
	position: absolute;
	right: var(--top_LC2_x);
	bottom: 120%;
	/* transform: translateX(-50%); */
	margin-bottom: var(--top_LC2_y);
	padding: 8px;
	border-radius: 10px;
	background-color: #EEFFEE;
	font-size: 16px;
	font-weight:500;
	line-height: 1.2em;
	color: blue;
	text-align: left;
	visibility: hidden;
	opacity: 0;
	z-index: 1;
	transition: 0.5s all;
}
.balloon_top_LC2::before {
	content: "";
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top: 35px solid #EEFFEE;
	position: absolute;
	transform: rotate(-40deg);
	bottom: -30px;
	right: -15px;
	/* transform: translateX(-50%); */
	z-index: -1;
}
.tooltip:hover .balloon_top_LC2 {
	bottom: 100%;
	visibility: visible;
	opacity: 1;
}
#onclickarea:hover .balloon_top_LC2 {
	bottom: 100%;
	visibility: visible;
	opacity: 1;
}


.balloon_top_LC3 {
	width: 20em;
	position: absolute;
	right: var(--top_LC3_x);
	bottom: 120%;
	/* transform: translateX(-50%); */
	margin-bottom: var(--top_LC3_y);
	padding: 8px;
	border-radius: 10px;
	background-color: #EEFFEE;
	font-size: 16px;
	font-weight:500;
	line-height: 1.2em;
	color: blue;
	text-align: left;
	visibility: hidden;
	opacity: 0;
	z-index: 1;
	transition: 0.5s all;
}
.balloon_top_LC3::before {
	content: "";
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top: 35px solid #EEFFEE;
	position: absolute;
	transform: rotate(-40deg);
	bottom: -30px;
	right: -15px;
	/* transform: translateX(-50%); */
	z-index: -1;
}
.tooltip:hover .balloon_top_LC3 {
	bottom: 100%;
	visibility: visible;
	opacity: 1;
}
#onclickarea:hover .balloon_top_LC3 {
	bottom: 100%;
	visibility: visible;
	opacity: 1;
}

/*　吹き出し右へでるバルーン　動き：上から下へ　*/
.balloon_top_R {
	width: 20em;
	position: absolute;
	left: var(--top_R_x);
	bottom: 120%;
	/* transform: translateX(-50%); */
	margin-bottom: var(--top_R_y);
	padding: 8px;
	border-radius: 10px;
	background-color: #EEFFEE;
	font-size: 16px;
	font-weight:500;
	line-height: 1.2em;
	color: blue;
	text-align: left;
	visibility: hidden;
	opacity: 0;
	z-index: 1;
	transition: 0.5s all;
}
.balloon_top_R::before {
	content: "";
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top: 20px solid #EEFFEE;
	position: absolute;
	top: 99%;
	left: 5%;
	/* transform: translateX(-50%); */
	z-index: -1;
}
.tooltip:hover .balloon_top_R {
	bottom: 100%;
	visibility: visible;
	opacity: 1;
}
#onclickarea:hover .balloon_top_R {
	bottom: 100%;
	visibility: visible;
	opacity: 1;
}

/*　吹き出し右へでるバルーン　動き：上から下へ　*/
.balloon_top_R1 {
	width: 20em;
	position: absolute;
	left: var(--top_R1_x);
	bottom: 120%;
	/* transform: translateX(-50%); */
	margin-bottom: var(--top_R1_y);
	padding: 8px;
	border-radius: 10px;
	background-color: #EEFFEE;
	font-size: 16px;
	font-weight:500;
	line-height: 1.2em;
	color: blue;
	text-align: left;
	visibility: hidden;
	opacity: 0;
	z-index: 1;
	transition: 0.5s all;
}
.balloon_top_R1::before {
	content: "";
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top: 20px solid #EEFFEE;
	position: absolute;
	top: 99%;
	left: 5%;
	/* transform: translateX(-50%); */
	z-index: -1;
}
.tooltip:hover .balloon_top_R1 {
	bottom: 100%;
	visibility: visible;
	opacity: 1;
}
#onclickarea:hover .balloon_top_R1 {
	bottom: 100%;
	visibility: visible;
	opacity: 1;
}


/*　吹き出し右へでるバルーン　動き：上から下へ　*/
.balloon_top_R2 {
	width: 20em;
	position: absolute;
	left: var(--top_R2_x);
	bottom: 120%;
	/* transform: translateX(-50%); */
	margin-bottom: var(--top_R2_y);
	padding: 8px;
	border-radius: 10px;
	background-color: #EEFFEE;
	font-size: 16px;
	font-weight:500;
	line-height: 1.2em;
	color: blue;
	text-align: left;
	visibility: hidden;
	opacity: 0;
	z-index: 1;
	transition: 0.5s all;
}
.balloon_top_R2::before {
	content: "";
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top: 20px solid #EEFFEE;
	position: absolute;
	top: 99%;
	left: 5%;
	/* transform: translateX(-50%); */
	z-index: -1;
}
.tooltip:hover .balloon_top_R2 {
	bottom: 100%;
	visibility: visible;
	opacity: 1;
}
#onclickarea:hover .balloon_top_R2 {
	bottom: 100%;
	visibility: visible;
	opacity: 1;
}

/*　吹き出し右へでるバルーン　動き：上から下へ　*/
.balloon_top_R3 {
	width: 20em;
	position: absolute;
	left: var(--top_R3_x);
	bottom: 120%;
	/* transform: translateX(-50%); */
	margin-bottom: var(--top_R3_y);
	padding: 8px;
	border-radius: 10px;
	background-color: #EEFFEE;
	font-size: 16px;
	font-weight:500;
	line-height: 1.2em;
	color: blue;
	text-align: left;
	visibility: hidden;
	opacity: 0;
	z-index: 1;
	transition: 0.5s all;
}
.balloon_top_R3::before {
	content: "";
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top: 20px solid #EEFFEE;
	position: absolute;
	top: 99%;
	left: 5%;
	/* transform: translateX(-50%); */
	z-index: -1;
}
.tooltip:hover .balloon_top_R3 {
	bottom: 100%;
	visibility: visible;
	opacity: 1;
}
#onclickarea:hover .balloon_top_R3 {
	bottom: 100%;
	visibility: visible;
	opacity: 1;
}

/*　吹き出し右へでるバルーン　動き：上から下へ　*/
.balloon_top_R4 {
	width: 20em;
	position: absolute;
	left: var(--top_R4_x);
	bottom: 120%;
	/* transform: translateX(-50%); */
	margin-bottom: var(--top_R4_y);
	padding: 8px;
	border-radius: 10px;
	background-color: #EEFFEE;
	font-size: 16px;
	font-weight:500;
	line-height: 1.2em;
	color: blue;
	text-align: left;
	visibility: hidden;
	opacity: 0;
	z-index: 1;
	transition: 0.5s all;
}
.balloon_top_R4::before {
	content: "";
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top: 20px solid #EEFFEE;
	position: absolute;
	top: 99%;
	left: 5%;
	/* transform: translateX(-50%); */
	z-index: -1;
}
.tooltip:hover .balloon_top_R4 {
	bottom: 100%;
	visibility: visible;
	opacity: 1;
}
#onclickarea:hover .balloon_top_R4 {
	bottom: 100%;
	visibility: visible;
	opacity: 1;
}


/*　吹き出し左下コーナー用　右上から左下へ動く　*/
.balloon_top_RC {
	width: 25em;
	position: absolute;
	left: var(--top_RC_x);
	bottom: 120%;
	/* transform: translateX(-50%); */
	margin-bottom: var(--top_RC_y);
	padding: 8px;
	border-radius: 10px;
	background-color: #EEFFEE;
	font-size: 20px;
	font-weight:500;
	line-height: 1.2em;
	color: blue;
	text-align: left;
	visibility: hidden;
	opacity: 0;
	z-index: 1;
	transition: 0.5s all;
}
.balloon_top_RC::before {
	content: "";
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top: 40px solid #EEFFEE;
	position: absolute;
	transform: rotate(30deg);
	top: 98%;					/*　△のバルーンとの位置関係　100%でバルーン上辺に接する　*/
	left: -2%;
	/* transform: translateX(-50%); */
	z-index: -1;
}
.tooltip:hover .balloon_top_RC {
	bottom: 100%;
	visibility: visible;
	opacity: 1;
}
#onclickarea:hover .balloon_top_RC {
	bottom: 100%;
	visibility: visible;
	opacity: 1;
}

#onclickarea:hover .balloon_top_RC {
	bottom: 100%;
	visibility: visible;
	opacity: 1;
}

/*　吹き出し左下コーナー用　右上から左下へ動く　*/
.balloon_top_RC1 {
	width: 20em;
	position: absolute;
	left: var(--top_RC1_x);
	bottom: 120%;
	/* transform: translateX(-50%); */
	margin-bottom: var(--top_RC1_y);
	padding: 8px;
	border-radius: 10px;
	background-color: #EEFFEE;
	font-size: 16px;
	font-weight:500;
	line-height: 1.2em;
	color: blue;
	text-align: left;
	visibility: hidden;
	opacity: 0;
	z-index: 1;
	transition: 0.5s all;
}
.balloon_top_RC1::before {
	content: "";
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top: 30px solid #EEFFEE;
	position: absolute;
	transform: rotate(30deg);
	top: 80%;					/*　△のバルーンとの位置関係　100%でバルーン上辺に接する　*/
	left: 0%;
	/* transform: translateX(-50%); */
	z-index: -1;
}
.tooltip:hover .balloon_top_RC1 {
	bottom: 100%;
	visibility: visible;
	opacity: 1;
}
#onclickarea:hover .balloon_top_RC1 {
	bottom: 100%;
	visibility: visible;
	opacity: 1;
}


.balloon_top_RC2 {
	width: 20em;
	position: absolute;
	left: var(--top_RC2_x);
	bottom: 120%;
	/* transform: translateX(-50%); */
	margin-bottom: var(--top_RC2_y);
	padding: 8px;
	border-radius: 10px;
	background-color: #EEFFEE;
	font-size: 16px;
	font-weight:500;
	line-height: 1.2em;
	color: blue;
	text-align: left;
	visibility: hidden;
	opacity: 0;
	z-index: 1;
	transition: 0.5s all;
}
.balloon_top_RC2::before {
	content: "";
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top: 30px solid #EEFFEE;
	position: absolute;
	transform: rotate(30deg);
	top: 80%;					/*　△のバルーンとの位置関係　100%でバルーン上辺に接する　*/
	left: 0%;
	/* transform: translateX(-50%); */
	z-index: -1;
}
.tooltip:hover .balloon_top_RC2 {
	bottom: 100%;
	visibility: visible;
	opacity: 1;
}
#onclickarea:hover .balloon_top_RC2 {
	bottom: 100%;
	visibility: visible;
	opacity: 1;
}



/*　下方向中央に出る写真拡大用バルーン　*/
.balloon_bottom_C {
	width: 700px;
	position: absolute;
	top: 100%;
	left: 30%;
	transform: translateX(-50%);
	margin-top: 80px;
	padding: 8px;
	border-radius: 10px;
	background-color: #EEFFEE;
	font-size: 16px;
	font-weight:500;
	line-height: 1.2em;
	color: blue;
	text-align: left;
	visibility: hidden;
	opacity: 0;
	z-index: 1;
	transition: 0.5s all;
}
.balloon_bottom_C::before {
	content: "";
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-bottom: 60px solid #EEFFEE;
	position: absolute;
	bottom: 99%;
	left: 54%;
	transform: translateX(-50%);
	z-index: -1;
}
.tooltip:hover .balloon_bottom_C {
	top: 100%;
	visibility: visible;
	opacity: 1;
}
#onclickarea:hover .balloon_bottom_C {
	top: 100%;
	visibility: visible;
	opacity: 1;
}

.balloon_bottom_C1 {
	width: 700px;
	position: absolute;
	top: 100%;
	left: -170px;
	transform: translateX(-50%);
	margin-top: 80px;
	padding: 8px;
	border-radius: 10px;
	background-color: #EEFFEE;
	font-size: 16px;
	font-weight:500;
	line-height: 1.2em;
	color: blue;
	text-align: left;
	visibility: hidden;
	opacity: 0;
	z-index: 1;
	transition: 0.5s all;
}
.balloon_bottom_C1::before {
	content: "";
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-bottom: 60px solid #EEFFEE;
	position: absolute;
	bottom: 99%;
	left: 88%;
	transform: translateX(-50%);
	z-index: -1;
}
.tooltip:hover .balloon_bottom_C1 {
	top: 100%;
	visibility: visible;
	opacity: 1;
}
#onclickarea:hover .balloon_bottom_C1 {
	top: 100%;
	visibility: visible;
	opacity: 1;
}

/*　上方向中央に出る写真拡大用バルーン 矢印無し　*/
.balloon_top_C {
	width: 500px;
	position: absolute;
	bottom: 0%;
	left: 50%;
	transform: translateX(-50%);
	margin-bottom: 20px;
	padding: 8px;
	border-radius: 10px;
/*	background-color: #EEFFEE; */
	font-size: 16px;
	font-weight:500;
	line-height: 2em;
	color: blue;
	text-align: left;
	visibility: hidden;
	opacity: 0;
	z-index: 1;
	transition: 0.5s all;
}
.tooltip:hover .balloon_top_C {
	bottom: 100%;
	visibility: visible;
	opacity: 1;
}
#onclickarea:hover .balloon_top_C {
	bottom: 100%;
	visibility: visible;
	opacity: 1;
}


/*　上方向中央に出る写真拡大用バルーン 矢印無し　*/
.balloon_top_CS {
	width: 200px;
	position: absolute;
	bottom: 0%;
	left: 50%;
	transform: translateX(-50%);
	margin-bottom: 20px;
	padding: 8px;
	border-radius: 10px;
	background-color: #EEFFEE;
	font-size: 16px;
	font-weight:500;
	line-height: 2em;
	color: blue;
	text-align: left;
	visibility: hidden;
	opacity: 0;
	z-index: 1;
	transition: 0.5s all;
}
.tooltip:hover .balloon_top_C {
	bottom: 100%;
	visibility: visible;
	opacity: 1;
}
#onclickarea:hover .balloon_top_C {
	bottom: 100%;
	visibility: visible;
	opacity: 1;
}



/*　上方向やや右に出る写真拡大用バルーン 矢印無し　*/
.balloon_top_R {
	width: 500px;
	position: absolute;
	bottom: 0%;
	left: 200%;
	transform: translateX(-50%);
	margin-bottom: 20px;
	padding: 8px;
	border-radius: 10px;
	background-color: #EEFFEE;
	font-size: 16px;
	font-weight:500;
	line-height: 2em;
	color: blue;
	text-align: left;
	visibility: hidden;
	opacity: 0;
	z-index: 1;
	transition: 0.5s all;
}
.tooltip:hover .balloon_top_R {
	bottom: 100%;
	visibility: visible;
	opacity: 1;
}
#onclickarea:hover .balloon_top_R {
	bottom: 100%;
	visibility: visible;
	opacity: 1;
}


/*　上方向中央に出る動画用バルーン 矢印無し　*/
.balloon_top_C1 {
	width: 400px;
	position: absolute;
	bottom: 0%;
	left: 50%;
	transform: translateX(-50%);
	margin-bottom: 20px;
	padding: 8px;
	border-radius: 10px;
	background-color: #EEFFEE;
	font-size: 20px;
	font-weight:500;
	line-height: 1.2em;
	color: blue;
	text-align: left;
	visibility: hidden;
	opacity: 0;
	z-index: 1;
	transition: 0.5s all;
}
.tooltip:hover .balloon_top_C1 {
	bottom: 100%;
	visibility: visible;
	opacity: 1;
}
#onclickarea:hover .balloon_top_C1 {
	bottom: 100%;
	visibility: visible;
	opacity: 1;
}

/*　下方向中央に出るビデオ用バルーン（↑近）*/
.balloon_bottom_CV {
	width: 700px;
	position: absolute;
	top: 100%;
	left: 30%;
	transform: translateX(-50%);
	margin-top: 10px;
	padding: 8px;
	border-radius: 10px;
	background-color: #EEFFEE;
	font-size: 16px;
	font-weight:500;
	line-height: 1.2em;
	color: blue;
	text-align: left;
	visibility: hidden;
	opacity: 0;
	z-index: 1;
	transition: 0.5s all;
}
.balloon_bottom_CV::before {
	content: "";
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-bottom: 20px solid #EEFFEE;
	position: absolute;
	bottom: 99%;
	left: 54%;
	transform: translateX(-50%);
	z-index: -1;
}
.tooltip:hover .balloon_bottom_CV {
	top: 100%;
	visibility: visible;
	opacity: 1;
}
#onclickarea:hover .balloon_bottom_CV {
	top: 100%;
	visibility: visible;
	opacity: 1;
}


/*　写真入り吹き出し　左へでるバルーン　動き：下から上へ　*/
.balloon_bottom_LP {
	width: auto;
	position: absolute;
	top: 120%;
	right: var(--bottom_L_x);		/* 　下記transformがあれば0pxしてすればバルーン中央が親要素テキストになる　*/
	/* transform: translateX(-50%); */
	margin-top: var(--bottom_L_y);
	padding: 8px;
	border-radius: 10px;
	background-color: #EEFFEE;
	font-size: 16px;
	font-weight:500;
	line-height: 1.2em;
	color: blue;
	text-align: left;
	visibility: hidden;
	opacity: 0;
	z-index: 1;
	transition: 0.5s all;
}
.balloon_bottom_LP::before {
	content: "";
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-bottom: 20px solid #EEFFEE;
	position: absolute;
	bottom: 99%;
	left: 93%;
	/* transform: translateX(-50%);*/
	z-index: -1;
}
.tooltip:hover .balloon_bottom_LP {
	top: 100%;
	visibility: visible;
	opacity: 1;
}
#onclickarea:hover .balloon_bottom_LP {
	top: 100%;
	visibility: visible;
	opacity: 1;
}

/*　写真入り吹き出し右へでるバルーン　動き：右から左へ　*/
.balloon_side_RP {
	width: auto;
	position: absolute;
	top: 70%;
	left: 130%;
	transform: translateY(-50%);
	margin-left: 8px;
	padding: 8px;
	border-radius: 10px;
	background-color: #EEFFEE;
	font-size: 16px;
	font-weight:500;
	line-height: 1.2em;
	color: blue;
	text-align: left;
	visibility: hidden;
	opacity: 0;
	z-index: 1;
	transition: 0.5s all;
}
.balloon_side_RP::before {
	content: "";
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-right: 20px solid #EEFFEE;
	position: absolute;
	top: 50%;
	right: 99%;
	transform: translateY(-50%); 
	z-index: -1;
}
.tooltip:hover .balloon_side_RP {
	left: 100%;
	visibility: visible;
	opacity: 1;
}
#onclickarea:hover .balloon_side_RP {
	left: 100%;
	visibility: visible;
	opacity: 1;
}

/*　a　の修飾設定　下線なし　フォント16pt　文字色：黒　*/
a {
 text-decoration: none;
 font-size:16px;
 line-height:1.2;
 color: black;
}


.blink {
	-webkit-animation: blink 1s ease infinite;
	animation: blink 2s ease infinite;
	color: red;
	font-size: 16px;
	line-height: 18px;
	margin:0;
	padding: 0;
}
	@-webkit-keyframes blink {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
	@keyframes blink {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

table {
 border: none;
 font-family: "メイリオ","ヒラギノ角ゴシック",sans-serif;
 font-size: 16px;
  margin-top: 10px;
}

th,td {
 padding-top: 0px
 padding-bottom: 0px;
 font-weight: normal;
 line-height: 18px;
}

th {
 width: 140px;
 text-align: left;
 padding-left: 10px;
}

td {
 width: 1000px;
 text-align: left;
 padding-left: 5px;
}

caption {
 font-family: "メイリオ","ヒラギノ角ゴシック",sans-serif;
 font-weight: bold;
 text-decoration: underline;
 font-size: 30px;
 text-align: left;
 color: blue;
}

main {
 width: 1100px;
 margin:0;
 padding: 0;
 text-align: left;
}


.fixed_btn
{
  position: fixed;
  bottom: 10px; 
  right: 10px;
  background-color: purple;
  border: none;
  padding: 10px 20px;
  border-radius: 20px;
  cursor: pointer;
}