body {
	margin: 0px;
	padding: 0px;
	font-size: small;
}

.clear-float {
	clear: both;
}

.mt5 {margin-top: 5px;}
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}

.pt5 {padding-top: 5px;}
.pt10 {padding-top: 10px;}
.pt15 {padding-top: 15px;}
.pt20 {padding-top: 20px;}

.mb5 {margin-bottom: 5px;}
.mb10 {margin-bottom: 10px;}
.mb15 {margin-bottom: 15px;}
.mb20 {margin-bottom: 20px;}

.align-right { text-align: right; }
.align-left { text-align: left; }
.align-center { text-align: center; }



#req-box table,
#shohin02-box table,
#qa01box table,
#qa02box table,
#qa03box table,
#jikobox table,
#firebox table,
#ref-box table {
	font-size: small !important;
}

.olist {
	list-style-type: none !important;
}
.olist li {
	text-indent: -1em;
	padding-left: 1em;
}

.fs {
	font-size: 12px;
}




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

　金融商品の販売に際して kanyu.html

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

/* PC */
@media screen and (min-width: 760px), print {

#common-area {
	margin: 10px auto;
	width: 500px;
	line-height: 140%;
}

}

/* スマホ */
@media screen and (max-width: 759px) {
	
#common-area {
	margin: 10px;
	line-height: 140%;
}
	
}


#common-area .title {
	background: #666;
	color: #fff;
	padding: 10px;
	font-size: 16px;
	text-align: center;
	font-weight: bold;
}

#common-area h2 {
	font-size: 15px;
	border: 2px solid #006666;
	padding: 5px;
}
#common-area h3 {
	font-size: 14px;
	margin: 10px;
}

#common-area ul {
	padding: 0px 20px;
	list-style-type: disc;
}
#common-area ul li {
	margin: 5px 0px;
}

#common-area ol {
	padding: 0px 20px;
}
#common-area ol li {
	margin: 5px 0px;
}

#common-area .box {
	margin: 10px;
}

#common-area .b-box {
	margin: 10px;
	padding: 5px 10px;
	border: 1px solid #000;
}


#common-area .tbl {
	border: 1px solid #C7C7C7;
	margin: 0px 10px;
}
#common-area .tbl th {
	background: #C7C7C7;
	padding: 5px;
	border: 1px solid #C7C7C7;
	text-align: left;
}
#common-area .tbl td {
	padding: 5px;
	border: 1px solid #C7C7C7;
	width: 200px;
}

#common-area .tbl2 {
	background: #C7C7C7;
	margin: 0px 10px;
}
#common-area .tbl2 th {
	background: #fff;
	padding: 5px;
	text-align: left;
}
#common-area .tbl2 td {
	background: #fff;
	padding: 5px;
}


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

　資料請求

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


.req-box-in {
	margin: 10px 0px;
}

.att {
	color: #666;
	margin: 10px 0px;
}
.att2 {
	color: #666;
	margin: 10px 0px;
	font-weight: bold;
}

.req-box-table {
	background: #fffcd8;
	border: 2px solid #8894da;
	padding: 10px;
}

.req-box-table dl {
	float: left;
	width: 50%;
	margin-bottom: 10px;
}
.req-box-table dt {
	color: #708ACC;
	font-weight: bold;
	margin: 5px 0px;
}
.req-box-table dt img {
	vertical-align: middle;
}

.req-box-table dd {
	padding-left: 1em;
    text-indent: -1.5em;
	margin: 5px 10px;
}


.req-box-table2 {
	margin: 20px 0px;
}

.req-box-table2 dl {
}
.req-box-table2 dt {
	font-weight: bold;
	padding: 5px;
	background: #E5E5E5;
	float: left;
	clear: left;
	width: 25%;
	margin: 1px 5px 1px 0px;
	min-height: 20px;
}
.req-box-table2 dt span {
	color: #D90003;
}

.req-box-table2 dd {
	padding: 5px;
	margin: 1px 0px;
	min-height: 20px;
}

.req-box-table2 .size {
	width: 70%;
}


.submit {
	text-align: center;
	margin-top: 20px;
}



/* スマホ */
@media screen and (max-width: 500px) {
	
	
.req-box-table dl {
	float: none;
	width: 100%;
	margin: 10px 0px;
}


.req-box-table2 dt {
	float: none;
	width: 98%;
	display: block;
	padding: 5px 0px 5px 5px;
}


.req-box-table2 .size {
	width: 100%;
}

.submit {
	text-align: center;
}


}