@charset "UTF-8";

* {
	margin: 0px;
	padding: 0px;
}
html {
	background: #eaeced;
}
body {
	color: #535354;
	font-size: 13px;
	text-align: center;
	background: url(../images/body_bg.gif) no-repeat center top #ffffff;
}
a {
	color: #008ac1;
	overflow: hidden;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
img {
	border: 0;
	vertical-align: bottom;
}
h2, h3, h4, h5, h6 {
	font-size: 13px;
	line-height: normal;
}
p {
	margin: 0 0 10px 0;
}
td, th {
	text-align: left;
	vertical-align: top;
}
/*******************************
common
*******************************/
.section {
	/* clear: both; */
	width: 645px;
	margin-left: auto;
	margin-right: auto;
}
    .section:after { content:""; display:table; clear:both; }
.lead {
	margin: 0 0 20px 0;
	padding: 8px 15px;
	background: url(../images/hl_bg.gif) repeat-x 0 top #f5f6f6;
	line-height: 22px;
}

/***** title *****/
.ttl01 {
	font-weight: bold !important;
	color: #535354 !important;
}

/***** font *****/
.color01 {
	color: #ec6941 !important;
}
.color02 {
	color: #b71111 !important;
}

/***** margin *****/
.mgn0 {
	margin: 0 !important;
}
.mgnB5 {
	margin-bottom: 5px !important;
}
.mgnB20 {
	margin-bottom: 20px !important;
}

/***** float *****/
.fltL {
	float: left;
}
.fltR {
	float: right;
}

/***** align *****/
.alignL {
	text-align: left !important;
}
.alignC {
	text-align: center !important;
}
.alignR {
	text-align: right !important;
}
.valignT {
	vertical-align: top !important;
}
.valignM {
	vertical-align: middle !important;
}
.valignB {
	vertical-align: bottom !important;
}

/***** list *****/
ul.lst01 li {
	list-style: none;
	margin: 0;
	padding: 0 0 0 15px;
	background: url(../images/icon_arrow01.gif) no-repeat 5px 7px;
}

ul.lst02 {
	overflow: hidden;
}
ul.lst02 li {
	float: left;
	list-style: none;
	width: 300px;
	margin: 0 20px 10px 0;
	display: -moz-inline-box;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	vertical-align: top;
}
ul.lst02 li > p {
	width: 300px;
	display:block;
}

/***** definition list *****/
dl.dlst01 {
	margin: 0 0 10px 0;
	background: url(../images/hl_bg.gif) repeat-x 0 top #f5f6f6;
}
    dl.dlst01:after { content:""; display:table; clear:both; }
dl.dlst01 dt {
	float: left;
	width: 530px;
	min-height: 14px;
	height: auto !important;
	height: 14px;
	margin: 0;
	padding: 13px 0 11px 15px;
	background: url(../images/icon_arrow01.gif) no-repeat 8px 20px;
}
dl.dlst01 dt a {
	color: #535354;
}
dl.dlst01 dt a:hover {
	color: #008ac1;
}
dl.dlst01 dd {
	min-height: 14px;
	height: auto !important;
	height: 14px;
	margin: 0;
	padding: 13px 10px 11px 0px;
	text-align: right;
}
/*-----*/
dl.dlst02 {
	margin: 0 0 10px 0;
}
dl.dlst02 dt {
	clear: both;
	float: left;
	width: 9em;
	margin: 0 0 2px 0;
}
dl.dlst02 dd {
	margin: 0 0 2px 0;
	padding: 0 0 0 9em;
}

/***** table *****/
table.tbl01 {
	width: 645px;
	margin: 2px 0;
	border-top: 1px solid #e2e5e6;
	border-collapse: collapse;
	overflow: hidden;
}
table.tbl01 th {
	width: 180px;
	margin: 0;
	padding: 6px 10px;
	line-height: 18px;
	font-weight: normal;
	border-bottom: 1px solid #e2e5e6;
}
table.tbl01 td {
	width: 445px;
	margin: 0;
	padding: 6px 10px;
	border-bottom: 1px solid #e2e5e6;
	color: #333333;
}

/***** link *****/
a.lnk_more {
	display: block;
	width: 96px;
	height: 0;
	padding: 18px 0 0 0;
	background: url(../images/icon_more.gif) no-repeat 0 0;
	overflow: hidden;
}
a.lnk_more:hover {
	background: url(../images/icon_more.gif) no-repeat 0 -18px;
}

/***** border *****/
.bdrB {
	border-bottom: 1px solid #e2e5e6;
}
.bdrT {
	border-top: 1px solid #e2e5e6;
}

/***** form *****/
input.txt01 {
	width: 240px;
}
input.txt02 {
	width: 40px;
}
textarea {
	width: 390px;
	height: 100px;
}

/***** clear *****/
.clear {
	clear: both;
	width: 100%;
}




/* ---------------------------------------------

 Added at 2018.08
 
--------------------------------------------- */
.frm1 { background:#f6f6f6; padding:25px 30px; border-radius:5px; }
#main .frm1 h4 { border:none; padding:0 0 2px; border-bottom:1px solid #ccc;  }

.contents { text-align:left; }
.contents .h2 { margin-bottom:50px; }
.contents .h3 { font-size:16px; font-weight:bold; border-bottom:1px solid #999; margin:30px 0 15px; }
.contents ul { margin-left:20px; }
.contents ul li { margin-bottom:10px; }

#main .download { margin-top:30px; }
#main .download .rev01 a { line-height:1.4; }

@media only screen and (max-width:767px) {
    .section { width:auto; }
    dl.dlst01 dt { width:auto; padding-right:10px; }
}