@charset "utf-8";


/*追加スタイル
------------------------------------------------------------------------------------------------------------------------------------------------------*/
body {
	background: #ffffff;	/*背景色*/
}
/*コンテンツのh2タグの設定*/
#contents h2 {
	clear: both;
	margin-bottom: 20px;
	color: #fff;		/*文字色*/
	padding: 10px 20px;	/*上下、左右への余白*/
	background: #4682B4;	/*背景色*/
	border-radius: 10px;	/*角を丸くする指定。この１行を削除すれば角丸がなくなります。*/

	text-align: center;		/*文字を左寄せ*/
	font-size: 30px;
}
/*コンテンツのh3タグの設定*/
#contents h3 {
	clear: both;
	margin-bottom: 3px;
	padding: 0px 20px;	/*上下、左右への余白*/
	background: #fff;	/*背景色*/
	border: 0px solid #ccc;	/*枠線の幅、線種、色*/
	border-radius: 0px;	/*角を丸くする指定。この１行を削除すれば角丸がなくなります。*/

	text-align: left;		/*文字を左寄せ*/
	font-size: 35px;
	color: #4682B4;		/*文字色*/
}

/*テーブル
---------------------------------------------------------------------------*/
/*テーブル１行目に入った見出し部分（※caption）*/
.ta2 caption {
	border: 1px solid #4682B4;	/*テーブルの枠線の幅、線種、色*/
	border-bottom: none;	/*下線だけ消す*/
	text-align: left;		/*文字を左寄せ*/
	background: #eee;		/*背景色*/
	/*font-weight: bold;		/*太字に*/
	padding: 8px;			/*ボックス内の余白*/
}
/*テーブル１行目に入った見出し部分（※tamidashi）*/
.ta2 th.tamidashi {
	width: auto;
	text-align: left;	/*左よせ*/
	background: #eee;	/*背景色*/
}
/*ta1テーブルブロック設定*/
.ta2 {
	table-layout: fixed;
	width: 100%;
	margin: 0 auto 20px;
}
.ta2, .ta2 td, .ta2 th {
	word-break: break-all;
	border: 1px solid #4682B4;	/*テーブルの枠線の幅、線種、色*/
	padding: 5px;			/*テーブル内の余白*/
	text-align: center;	/*センタリング*/
}
/*テーブルの左側ボックス*/
.ta2 th {
/*	text-align: center;	/*センタリング*/
/*	width: 20%;			/*幅*/
	background: #9EBFDA;	/*背景色*/
	color: #fff;		/*文字色*/
	font-weight: normal;		/* */
}
.ta2 img {
	width: 30px;	/*画像幅*/
}

.ta3 caption {
	border: 1px solid #4682B4;	/*テーブルの枠線の幅、線種、色*/
	border-bottom: none;	/*下線だけ消す*/
	text-align: left;		/*文字を左寄せ*/
	background: #eee;		/*背景色*/
	/*font-weight: bold;		/*太字に*/
	padding: 8px;			/*ボックス内の余白*/
}
/*テーブル１行目に入った見出し部分（※tamidashi）*/
.ta3 th.tamidashi {
	width: auto;
	text-align: left;	/*左よせ*/
	background: #eee;	/*背景色*/
}
/*ta1テーブルブロック設定*/
.ta3 {
	table-layout: fixed;
	width: 100%;
	margin: 0 auto 20px;
}
.ta3, .ta3 td, .ta3 th {
	word-break: break-all;
	border: 1px solid #4682B4;	/*テーブルの枠線の幅、線種、色*/
	padding: 5px;			/*テーブル内の余白*/
	text-align: center;	/*センタリング*/
}
/*テーブルの左側ボックス*/
.ta3 th {
/*	text-align: center;	/*センタリング*/
/*	width: 20%;			/*幅*/
	background: #4682B4;	/*背景色*/
	color: #fff;		/*文字色*/
	font-weight: normal;		/* */
}
.ta3 img {
	/*width: 30px;	/*画像幅*/
}



.ta4 caption {
	border: 1px solid #4682B4;	/*テーブルの枠線の幅、線種、色*/
	border-bottom: none;	/*下線だけ消す*/
	text-align: left;		/*文字を左寄せ*/
	background: #9EBFDA;		/*背景色*/
	/*font-weight: bold;		/*太字に*/
	padding: 8px;			/*ボックス内の余白*/
}
/*テーブル１行目に入った見出し部分（※tamidashi）*/
.ta4 th.tamidashi {
	width: auto;
	text-align: left;	/*左よせ*/
	background: #eee;	/*背景色*/
}
/*ta1テーブルブロック設定*/
.ta4 {
	table-layout: fixed;
	width: 100%;
	margin: 0 auto 20px;
}
.ta4, .ta4 td, .ta4 th {
	word-break: break-all;
	border: 1px solid #4682B4;	/*テーブルの枠線の幅、線種、色*/
	padding: 5px;			/*テーブル内の余白*/
	text-align: center;	/*センタリング*/
}
/*テーブルの左側ボックス*/
.ta4 th {
/*	text-align: center;	/*センタリング*/
/*	width: 20%;			/*幅*/
	background: #9EBFDA;	/*背景色*/
	color: #fff;		/*文字色*/
	font-weight: normal;		/* */
}
.ta4 tr.midashi{
	background: #9EBFDA;	/*背景色*/
	color: #fff;		/*文字色*/
}
.ta4 tr.bkcolor{
	background: #D6E3EF;	/*背景色 表を見やすくするために1行おきに色をかえる*/
}
.ta4 img {
	/*width: 30px;	/*画像幅*/
}
/*------ 線色：白 ------- */
.ta5 caption {
	border: 1px solid #ffffff;	/*テーブルの枠線の幅、線種、色*/
	border-bottom: none;	/*下線だけ消す*/
	text-align: left;		/*文字を左寄せ*/
	background: #9EBFDA;		/*背景色*/
	/*font-weight: bold;		/*太字に*/
	padding: 8px;			/*ボックス内の余白*/
}
/*テーブル１行目に入った見出し部分（※tamidashi）*/
.ta5 th.tamidashi {
	width: auto;
	text-align: left;	/*左よせ*/
	background: #eee;	/*背景色*/
}
/*ta1テーブルブロック設定*/
.ta5 {
	table-layout: fixed;
	width: 100%;
	margin: 0 auto 20px;
}
.ta5, .ta5 td, .ta5 th {
	word-break: break-all;
	border: 1px solid #ffffff;	/*テーブルの枠線の幅、線種、色*/
	padding: 5px;			/*テーブル内の余白*/
	text-align: center;	/*センタリング*/
}
/*テーブルの左側ボックス*/
.ta5 th {
/*	text-align: center;	/*センタリング*/
/*	width: 20%;			/*幅*/
	background: #9EBFDA;	/*背景色*/
	color: #fff;		/*文字色*/
	font-weight: normal;		/* */
}
.ta5 tr.midashi{
	background: #9EBFDA;	/*背景色*/
	color: #fff;		/*文字色*/
}
.ta5 tr.bkcolor{
	background: #D6E3EF;	/*背景色 表を見やすくするために1行おきに色をかえる*/
}
.ta5 img {
	/*width: 30px;	/*画像幅*/
}

/*その他
---------------------------------------------------------------------------*/
.look {background: #e5e5e5;padding: 5px 10px;border-radius: 4px;}
.mb15,.mb1em {margin-bottom: 15px;}
.color1 {color: #546247;}
.pr {font-size: 12px;}
.wl {width: 96%;}
.ws {width: 50%;}
.c {text-align: center;}
.r {text-align: right;}
.l {text-align: left;}

.color2 {color: #4682B4;}	/* 青 ↓徐々に薄く*/
.color21 {color: #6A9CC6;}	/* 青 */
.color22 {color: #86AFD0;}	/* 青 */
.color23 {color: #B0CBE1;}	/* 青 */
.color23 {color: #CADCEA;}	/* 青 */

.color3 {color: #FF1493;}	/* 赤 */
.color4 {color: #32CD32;}
.color5 {color: #31AE36;}
.color6 {color: #ffffff;}

.pr2 {font-size: 25px;}
.pr3 {font-size: 25px;}
.pr4 {font-size: 16px;}

/*@media screen and (max-width:580px){*/
@media screen and (max-width:860px){


.pr2 {font-size: 14px;}
.pr3 {font-size: 20px;}
.pr4 {font-size: 14px;}

}