@charset "utf-8";
/*------------------------------------------------------------
	デフォルトスタイル
------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
	outline: 0;
}

body,
table,
input, textarea, select, option {
	font-family: HiraKakuProN-W3;
	font-size: 14px;
	line-height: 140%;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

blockquote, q {
	quotes: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

a:link {

}

a:visited {

}

a:hover {

}

a:active {

}

/*------------------------------------------------------------
	iPhoneの縦・横でスタイルを切り替える
------------------------------------------------------------*/
body.iphone {
	background: #fff;
	color: #353b47;
}
body.android {
	background: #fff;
	color: #353b47;
}
.wrapper {
	width: 100%;
	margin: 0 auto;
	text-align: left;
	clear: both;
	padding-top: 6px;
	font-size: 0;
	display:block;
}
#h_left {
	width: 40%;
	display: inline-block;
}
#h_right {
	width: 60%;
	display: inline-block;
	text-align: right;
}
#logo {
	height: 42px;
}
#title {
	height: 20px;
	text-align: right;
}
#licensee {
	margin-top: 1px;
	padding-right: 5px;
	text-align: right;
	font-size: 14px;
}
#watchdog {
	margin-top: 1px;
	padding-right: 5px;
	text-align: right;
}
#w_left {
	width: 50%;
	float: left;
}
#w_right {
	width: 50%;
	float: right;
	text-align: right;
}

table.table021 {
 	/*margin-top: 8px;*/
 	margin-bottom: 5px;
 	border-collapse: separate;
 	border-spacing: 2px;
	width: 100%;
}

table.table021 th,
table.table021 td {
 	padding: 6px 6px;
}

table.table021 th {
	background: #79ba4f;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	font-weight: normal;
	font-size: 12px;
	width: 40%;
}

table.table021 td {
	background: #f5f5f5;
	text-align: left;
	white-space: normal;
	width: 60%;
}

.charDred {
	color: #486f2f;
}
.charDgreen {
	color: #F99615;
	font-weight: bold;
}
.charStep1 {
	color: #486f2f;
	font-weight: bold;
	font-size: 15px;
}
.charStep2 {
	color: #ff0000;
	font-weight: bold;
	font-size: 18px;
}
#footer {
	font-style: italic;
	font-size: 11px;
	text-align: center;
	color: #999999;
	padding: 10px 0px;
}
 .arrow {
	 position:relative;
	 margin-bottom: 30px;
 }
 .arrow:after{
	content: "";
    position: absolute;
    bottom: -40px;
    left: 45%;
    border: 20px solid transparent;
    border-top: 20px solid #d6eaca;
    z-index: 1;
 }
 a{
	 text-decoration: none;
 }
 a b{
	color: #F99615;
 }