/** system **/

#system{
	width: 1100px;
	text-align: left;
	margin: 0 auto;
}

#system .title{
	display: block;
	font-size: 10px;
	line-height: 18px;
	text-align: center;
	margin: 0 0 25px 0;
	padding: 17px 0 15px 0;
	position: relative;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #f5da5a;
}

#system .title em{
	font-size: 22px;
	letter-spacing: 2px;
	color: #967400;
}

#system .title:before{
	content			: "";
	display			: block;
	clear			: both;
	width: 1100px;
	border-top: 1px solid #f5da5a;
	position: absolute;
	top: -3px;
	left: 0;
}

#system .title:after{
	content			: "";
	display			: block;
	clear			: both;
	width: 1100px;
	border-bottom: 1px solid #ccc;
	position: absolute;
	left: 0;
	bottom: 1px;
}

#img{
	margin-bottom:30px;
}

#credit .title:before,
#credit .title:after{
	width: 300px;
}

#caution .title:before,
#caution .title:after{
	width: 1030px;
}

.sysimg{
	font-size: 0;
	line-height: 0;
	margin: 0 0 30px 0;
}

.sbox_bg{
	margin: 0 0 30px 0;
	padding: 10px;
	background: -webkit-linear-gradient(105deg, #cfa53d 39%, #fffbac 50%, #cfa53d 61%);
	background: -moz-linear-gradient(105deg, #cfa53d 39%, #fffbac 50%, #cfa53d 61%);
	background: -o-linear-gradient(105deg, #cfa53d 39%, #fffbac 50%, #cfa53d 61%);
	background: -ms-linear-gradient(105deg, #cfa53d 39%, #fffbac 50%, #cfa53d 61%);
	background: linear-gradient(-15deg, #cfa53d 39%, #fffbac 50%, #cfa53d 61%);
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.sbox{
	position: relative;
	padding: 21px 0 37px 0;
	background: url(img/sbox.jpg) no-repeat #fff;
	border: 1px solid #e0c465;
}

.sbox table{
	width: 360px;
	font-size: 18px;
	line-height: 20px;
	margin: 0 0 0 40px;
}

.sbox tr{
	vertical-align: top;
}

.sbox th{
	font-weight: normal;
	text-align: left;
	color: #967400;
	border-bottom: 1px solid #ddd;
	padding: 15px 0 15px 20px;
	background: url(img/i1.png) no-repeat 1px 16px;
}

.sbox td{
	text-align: right;
	border-bottom: 1px solid #ddd;
	padding: 15px 2px;
}

.sbox dl{
	width: 590px;
	position: absolute;
	top: 24px;
	left: 448px;
}

.sbox dt{
	font-size: 18px;
	font-weight: normal;
	line-height: 20px;
	text-align: left;
	color: #967400;
	padding: 10px 0 2px 20px;
	background: url(img/i1.png) no-repeat 1px 11px;
}

.sbox dt em{
	width: 505px;
	display: inline-block;
	text-align: right;
	color: #333;
}

.sbox dd{
	font-size: 12px;
	line-height: 20px;
	text-align: left;
	border-bottom: 1px solid #ddd;
	padding: 2px 0 10px 20px;
}

.sbox2{
	border: 1px solid #e4c362;
	margin: 0 0 30px 0;
}


/** credit **/

.cre{
	width: 100%;
	display: table;
}

.cre_l,
.cre_r{
	display: table-cell;
	vertical-align: middle;
}

.cre_l{
	width: 370px;
	padding: 0 35px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.cre_r{
	padding: 40px 0;
}

.cre_r div{
	width: 625px;
	padding: 25px 0;
}

.cre_r ul{
	width: 690px;
	margin: 0 0 20px 0;
	border-top: 1px dotted #ddd;
}

.cre_r li{
	font-size: 12px;
	line-height: 20px;
	color: #967400;
	padding: 15px 5px 15px 0;
	border-bottom: 1px dotted #ddd;
}





/** caution **/

#caution{
	padding: 35px;
}

#caution div{
	font-size: 11px;
	line-height: 18px;
	text-align: center;
	margin: 0 0 20px 0;
}

#caution div em{
	font-size: 12px;
	color: #967400;
}

#caution ul{
	width: 665px;
	border-top: 1px dotted #ddd;
	border-bottom: 1px dotted #ddd;
	margin: 0 auto 20px auto;
	padding: 20px 0;
}

#caution li{
	font-size: 11px;
	line-height: 20px;
	padding: 0 30px;
}




.bnr_3p{
	font-size: 0;
	line-height: 0;
	text-align: center;
	margin: 0 0 30px 0;
}