@charset "utf-8";
/* 
CSS Information
 File name:      system.css
 Author:         Administrator
 Style Info:     /sp/system.html
----------------------------------------------------- */

/* CSS override and Class setting
********************************** */

/* #system
********************************** */
.accordion dt:nth-of-type(6n-4) {
	background: rgb(29,167,210); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(29,167,210,1) 0%, rgba(87,192,222,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(29,167,210,1) 0%,rgba(87,192,222,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(29,167,210,1) 0%,rgba(87,192,222,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.accordion dt:nth-of-type(6n-3) {
	background: rgb(227,139,178); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(227,139,178,1) 0%, rgba(233,180,225,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(227,139,178,1) 0%,rgba(233,180,225,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(227,139,178,1) 0%,rgba(233,180,225,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.accordion dt:nth-of-type(6n-2) {
	background: rgb(220,183,5); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(220,183,5,1) 0%, rgba(236,213,62,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(220,183,5,1) 0%,rgba(236,213,62,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(220,183,5,1) 0%,rgba(236,213,62,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.accordion dt:nth-of-type(6n-1) {
	background: rgb(206,117,75); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(206,117,75,1) 0%, rgba(207,139,106,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(206,117,75,1) 0%,rgba(207,139,106,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(206,117,75,1) 0%,rgba(207,139,106,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.accordion dt:nth-of-type(6n) {
	background: rgb(117,191,0); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(117,191,0,1) 0%, rgba(146,238,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(117,191,0,1) 0%,rgba(146,238,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(117,191,0,1) 0%,rgba(146,238,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

#map {
	width: 90%;
	width: -webkit-calc(100% - 20px);
	width: calc(100% - 20px);
	margin: 10px;
	height: 300px;
}

.trans_free {
	margin: 10px;
}

.trans_free strong {
	color: #f00;
}

.trans_free strong:first-of-type {
	font-size: 131%;
}

.trans_free span {
	color: #654a00;
}

.accordion dd p {
	margin-bottom: 1em;
}

.price dd {
	padding: 10px;
	background: #ebebeb;
	line-height: 2;
}

.rule dd li {
	margin-bottom: 10px;
}

.rule dd li + li {
	padding-top: 10px;
	border-top: 1px dotted #000;
}

.howto {
	margin: 10px;
}

.howto dt {
	font-weight: bold;
	color: #006cff;
}

.howto dd {
	margin-bottom: 10px;
}