#wrapper {
	width: 650px;
	height: auto;
	margin: 0 auto;
	text-align: left;
}

#wrapper h1 {
	width: 100%;
	text-shadow: 0 1px 1px #fff;
	text-align: center;
	border: 1px solid #7cb2e6;
	border-radius: 5px;
	padding: 1em;
	box-sizing: border-box;
	height: auto;
	font-size: 20px;
	margin: 1em 0 1em;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#cfe7ff+1,8ec7ff+100 */
	background: #cfe7ff; /* Old browsers */
	background: -moz-linear-gradient(top, #cfe7ff 1%, #8ec7ff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #cfe7ff 1%, #8ec7ff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #cfe7ff 1%, #8ec7ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfe7ff', endColorstr='#8ec7ff',GradientType=0 ); /* IE6-9 */
}

#wrapper h2 {
	font-weight: bold;
	padding: 0.6em;
	border-left: solid 4px #b6cbeb;
	background: #e3eefc;
	margin: 1.4em 0 1.4em;
	font-size: 1.2em;
}
#wrapper h3 {
	border-bottom: solid 4px #b6cbeb;
	margin: 1em 0 0.6em 0;
}
#wrapper h4 {
	display: inline-block;
	border-bottom: dashed 2px #ccc;
	margin: 0 0 0.6em 0;
}

.center {
	text-align: center;
}

/* margin style css
==================================================*/

.m_t10 {
	margin-top: 10px;
}
.m_t20 {
	margin-top: 20px;
}
.m_t30 {
	margin-top: 30px;
}
.m_t40 {
	margin-top: 40px;
}
.m_b10 {
	margin-bottom: 10px;
}
.m_b20 {
	margin-bottom: 20px;
}
.m_b30 {
	margin-bottom: 30px;
}
.m_b40 {
	margin-bottom: 40px;
}
.m_l10 {
	margin-left: 10px;
}
.m_l20 {
	margin-left: 20px;
}
.m_l25 {
	margin-left: 25px;
}
.m_l30 {
	margin-left: 30px;
}
.m_l40 {
	margin-left: 40px;
}
.m_l50 {
	margin-left: 50px;
}
.m_l60 {
	margin-left: 60px;
}
.m_r10 {
	margin-right: 10px;
}
.m_r20 {
	margin-right: 20px;
}
.m_r30 {
	margin-right: 30px;
}
.m_r40 {
	margin-right: 40px;
}
.m_l20b20 {
	margin: 0 0 20px 20px;
}
.m_l20b30 {
	margin: 0 0 30px 20px;
}
.m_l25b20 {
	margin: 0 0 20px 25px;
}
.m_l30b20 {
	margin: 0 0 20px 30px;
}
.m_l30b30 {
	margin: 0 0 30px 30px;
}
.m_l40b20 {
	margin: 0 0 20px 40px;
}

.m_l50b20 {
	margin: 0 0 20px 50px;
}
.m_l50b30 {
	margin: 0 0 30px 50px;
}

.m_t10b10 {
	margin: 10px 0 10px 0;
}

.m_t10b30 {
	margin: 10px 0 30px 0;
}

.m_t20b30 {
	margin: 20px 0 30px 0;
}
.midasi01 {
	background: #dbf2cb;
	border-left: 7px solid #c5d9b6;
	padding: 0.5em 0.6em;
	width: 630px;
}
/* list style css
==================================================*/

.li_disc {
	list-style: disc;
}
.li_deci {
	list-style: decimal;
}
/* float style css
==================================================*/

.fl_r {
	float: right;
}
.fl_l {
	float: left;
}

/* img style css
==================================================*/
.img_center01 {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}
.red {
	color: #ff0000;
}
/* tabvle style css
==================================================*/

.ta01 {
	width: 630px;
	border: none;
	table-layout: fixed;
}
.ta01 h5 {
	font-size: 100%;
}
.ta01 td {
	padding: 3px 3px 3px 3px;
	border: 1px solid #999;
	text-align: left;
}
.ta01 tr th {
	height: 18px;
	padding: 2px;
	border: 1px solid #999;
}
.td01 {
	background-color: #dfe9f7;
	text-align: center;
}
.td02 {
	background-color: #b7ccec;
	text-align: center;
}
.td03 {
	background-color: #f1cfcb;
	text-align: center;
}

.txt_box01 {
	border: 1px solid #2f64b3;
	padding: 5px;
	margin: 10px 0 10px 0;
}