@charset "utf-8";

/* basic
-------------------------------------------------------------------------------*/
h2{ margin-top: 20px; }

ul.archLogo{
	width: 200px;
	margin: 15px auto 30px auto;
}

.basicSub{
	margin: 45px 8px 15px 8px;
	padding: 6px;
	border-top: 2px solid #4d4d4d;
	border-bottom: 2px solid #4d4d4d;
	line-height: 1.6;
	font-weight: bold;
	background: no-repeat left 10px;
	color: #4d4c4c;
}

section h3:nth-of-type(1){ margin-top: 15px; }

.basicCon{
	padding: 0 5px 0 10px;
	font-size: 12px;
}

.basicCon strong{
	font-size: 18px;
	color: #f18d00;
}

section h3:nth-of-type(1) + div,
section h3:nth-of-type(1) + div + ul{ padding: 0 5px; }

.basicFtr dt{ margin-top: 25px; }
.basicFtr dt img{
	display: block;
	width: 320px;
	height: auto;
}
.basicFtr p{
	font-size: 14px;
	margin-top: 10px;
}
.basicFtr dd{
	width: 200px;
	margin-top: 15px;
}
.basicFtr dt span,
.basicCon span,
.attention {
	font-size: 12px;
	font-weight: bold;
	color: #CC0000;
}

.basicDev h4{
	margin: 10px 0 5px 25px;
	font-size: 18px;
	font-weight: bold;
}
.basicDev h4:nth-of-type(1){ color: #d0ce79; }
.basicDev h4:nth-of-type(2){ color: #7fe28c; }
.basicDev h4:nth-of-type(3){ color: #4adee0; }
.basicDev h4:nth-of-type(4){ color: #b0b0c0; }

.basicDev ol li{
	position: relative;
	margin-left: 25px;
	margin-bottom: 8px;
	padding-left: 1.8em;
	font-size: 13px;
}
.basicDev ol li:before{
	content: "";
	display: inline-block;
	position: absolute;
	top: 0;
	left: -0.2em;
	width: 1.6em;
	height: 1.6em;
	border-radius: 0.8em;
	text-align: center;
	font-weight: bold;
	line-height: 1.8em;
	color: #FFF;
}
.basicDev ol li:nth-child(1):before{ content: "1"; }
.basicDev ol li:nth-child(2):before{ content: "2"; }
.basicDev ol li:nth-child(3):before{ content: "3"; }
.basicDev ol li:nth-child(4):before{ content: "4"; }
.basicDev ol li:nth-child(5):before{ content: "5"; }
.basicDev ol li:nth-child(6):before{ content: "6"; }

.basicDev ol:nth-of-type(1) li:before{ background-color: #d0ce79; }
.basicDev ol:nth-of-type(2) li:before{ background-color: #7fe28c; }
.basicDev ol:nth-of-type(3) li:before{ background-color: #4adee0; }
.basicDev ol:nth-of-type(4) li:before{ background-color: #b0b0c0; }

.basicDev .subBtn{
	width: 160px;
	margin-bottom: 40px;
}

.container dl{ width: 146px; }
.container dt span{
	display: block;
	padding: 3px;
	margin-bottom: 5px;
	background-color: #7798d9;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
}
.container dd{
	position: relative;
	margin-top: 20px;
	padding: 8px 0;
	border: 1px solid #7798d9;
	border-radius: 4px;
	text-align: center;
	font-size: 12px;
	line-height: 1.4;
}
.container dd:before{
	content: "";
	position: absolute;
	top: -12px;
	left: 69px;
	width: 9px;
	height: 12px;
	background: url(../images/fukidashi.gif) no-repeat;
	-webkit-background-size: 9px 12px;
	background-size: 9px 12px;
}

.container + .subBtn{ width: 260px; }

.container dd span{
	display: block;
	font-weight: bold;
}


ul.basicCon li{ margin-bottom: 6px; }
ul.basicCon + .subBtn{ width: 240px; }


.wide{ width: 280px; }

.subYellow{
	width: 290px;
	border: none;
	background-color: #fff000;
}