@charset 'utf-8';
/*--------
COMMON CSS
--------------*/

/* font size */
body {
	font-size: 18px;
	line-height: 1.15;
	color: #333;
}
.smallFont {
	font-size: 14px;
}
/* common */
section {
	margin-bottom: 32px;
	padding-top: 16px;
}
h1 {
	font-weight: bold;
	margin: 32px 0 8px;
	padding: 0 8px;
}
h2 {
	font-weight: bold;
	margin: 32px 0 8px;
	padding: 0 8px;
}
h3 {
	margin: 32px 0 8px;
	padding: 0 8px;
}
p {
	margin: 8px 0 16px;
	padding: 0 8px;
}
ul {
	margin: 8px 0 16px;
	padding: 0 8px;
}
li {
	margin: 8px 0 16px;
}
figure {
	margin: 8px 0 16px;
	padding: 0 8px;
}
ul figure {
	padding: 0;
}
img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}
a {
	color: rgb(0, 0, 238);
}
a:focus {
	color: #fff;
	background-color: rgb(0, 0, 238);
}
a:visited {
	color: rgb(85, 26, 139);
	background-color: rgb(0, 0, 238);
}
a:visited:focus {
	color: #fff;
	background-color: rgb(85, 26, 139);
}
*:first-child {
	margin-top: 0 !important;
}
*:last-child {
	margin-bottom: 0 !important;
}
/* listLink */
p.listLink {
	margin: 0;
	padding: 32px 8px 31px;
	border-bottom: solid 1px #ccc;
}
/* faq */
#faq section {
	padding-top: 0;
}
#faq dt {
	padding: 16px 8px 16px;
	border-bottom: none;
	background-color: #cff;
}
#faq dd p {
	padding: 0;
}
#faq dd {
	padding: 16px 8px 16px;
	border-bottom: solid 1px #ccc;
}
#faq dd :last-child {
	margin-bottom: 0 !important;
}
#faq span.term {
	display: block;
	margin-bottom: 8px;
}
/* terms */
#terms ul li dl {
	margin: 8px 0 16px;
	text-indent: 0;
}
#terms ul li dl dt, #terms ul li dl dd {
	margin: 8px 0;
}
/* guide */
#guide .config {
	position: relative;
	margin: 32px 0 8px;
	padding: 5px 8px 2px;
	color: #fff;
	background-color: #333;
}
#guide .config i {
	position: absolute;
	top: 50%;
	right: 8px;
	width: 53px;
	height: 53px;
	margin-top: -26px !important;
	background-image: url(../images/icon_sprite_guide.png);
	background-repeat: no-repeat;
	background-size: 159px 53px;
}
#guide .config.type01 {
	background-color: #cd2003;
}
#guide .config.type01 i {
	background-position: 0 0;
}
#guide .config.type02 {
	background-color: #582d76;
}
#guide .config.type02 i {
	background-position: -53px 0;
}
#guide .config.type03 {
	background-color: #4d4d4d;
}
#guide .config.type03 i {
	background-position: -106px 0;
}
#guide .supplement {
	margin: 24px 0 16px;
	padding: 0 8px;
}
#guide .supplement > dt {
	line-height: 52px;
	margin-bottom: 8px;
	padding-left: 65px;
	background-image: url(../images/icon_supplement.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 59px 52px;
}
#guide .supplement .configWrap {
	margin-top: 32px;
}
#guide .supplement .config {
	width: 100%;
	margin-left: -8px;
}
#guide .example {
	padding: 0 8px;
}
#guide .example dt {
	margin-bottom: 24px;
}
#guide .example ul {
	padding: 0;
}
#guide .example ul li {
	margin-bottom: 24px;
}
#guide .example ul li figure {
	margin-top: 16px;
}
#guide .stepFlow {
	margin: 24px 0;
}
#guide .stepFlow li {
	margin-bottom: 24px;
}
#guide .stepFlow li figure {
	margin-top: 16px;
}
#guide .stepFlow li dl {
	margin: 24px 0;
}
#guide .stepFlow li dl dt {
	margin-bottom: 8px;
	text-decoration: underline;
}
#guide .stepFlow li dl dd {
	margin-bottom: 24px;
}
/* list */
span.dotted, ul.dotted li {
	display: block;
	padding-left: 1em;
	text-indent: -1em;
}
ul.ordered li {
	padding-left: 1em;
	text-indent: -1em;
}
ul.ordered li ul.ordered {
	padding: 0;
}
ul.ordered li ul.ordered li {
	padding-left: 1.5em;
	text-indent: -1.5em;
}
/* published */
.published {
	margin: 8px 0 16px;
	margin-top: 32px;
}
/* adjust */
.tar {
	text-align: right !important;
}
.grayFont {
	color: #666;
}