/* F
-----------------------------------------------------------------------------------------------------------*/

.ui-bar-f {
	border: 1px solid #171717;
	background: #171717;
	color: #ffffff;
	font-weight: bold;
	text-shadow: 0 -1px 1px #171717;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#3a3a3a), to(#171717));
	background-image: -webkit-linear-gradient(top, #3a3a3a, #171717);
	background-image: -moz-linear-gradient(top, #3a3a3a, #171717);
	background-image: -ms-linear-gradient(top, #3a3a3a, #171717);
	background-image: -o-linear-gradient(top, #3a3a3a, #171717);
	background-image: linear-gradient(top, #3a3a3a, #171717);
}

.ui-bar-f, .ui-bar-f input, .ui-bar-f select, .ui-bar-f textarea, .ui-bar-d button {
	font-family: Helvetica, Arial, sans-serif;
}
.ui-bar-f .ui-link-inherit {
	color: #333;
}
.ui-bar-f .ui-link {
	color: #2489CE;
	font-weight: bold;
}
.ui-body-f {
	border: 1px solid #AE9D7B;
	color: #333333;
	text-shadow: 0 1px 0 #fff;
	background: #fff;
	background-image: -moz-linear-gradient(top,  #fbfbfb,  #fff);
	background-image: -webkit-gradient(linear, left top, left bottom,  color-stop(0, #fbfbfb),  color-stop(1, #fff));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fbfbfb', EndColorStr='#fff')";
}
.ui-body-f, .ui-body-f input, .ui-body-f select, .ui-body-f textarea, .ui-body-f button {
	font-family: Helvetica, Arial, sans-serif;
}
.ui-body-f .ui-link-inherit {
	color: #333333;
}
.ui-body-f .ui-link {
	color: #2489CE;
	font-weight: bold;
}
.ui-btn-up-f {
	text-decoration: none;
	border: 1px solid #171717;
	background: #171717;
	color: #ffffff;
	font-weight: bold;
	text-shadow: 0 -1px 1px #171717;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#3a3a3a), to(#171717));
	background-image: -webkit-linear-gradient(top, #3a3a3a, #171717);
	background-image: -moz-linear-gradient(top, #3a3a3a, #171717);
	background-image: -ms-linear-gradient(top, #3a3a3a, #171717);
	background-image: -o-linear-gradient(top, #3a3a3a, #171717);
	background-image: linear-gradient(top, #3a3a3a, #171717);
}
.ui-btn-hover-f, .ui-btn-down-f, .ui-body-f .ui-btn-active {
	text-decoration: none;
	border: 1px solid #171717;
	background: #171717;
	color: #ffffff;
	font-weight: bold;
	text-shadow: 0 -1px 1px #171717;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#171717), to(#171717));
	background-image: -webkit-linear-gradient(top, #171717, #171717);
	background-image: -moz-linear-gradient(top, #171717, #171717);
	background-image: -ms-linear-gradient(top, #171717, #171717);
	background-image: -o-linear-gradient(top, #171717, #171717);
	background-image: linear-gradient(top, #171717, #171717);
}
top div h1 img {
	max-width: 100%;
	height: auto;
}
#top div h1 {
	margin: 0px;
	padding: 0px;
}
#top div h3 {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
ul li .mes {
	font-weight: normal;
	text-align: justify;
	text-justify: distribute;
	letter-spacing: 0.1em;
}
#system div #title {
	background-image: url(image/system.png);
	background-position: right center;
	height: 40px;
	background-repeat: no-repeat;
	line-height: 40px;
}
table.table-01 {
	width: 100%;
	border: 1px #888888 solid;
	border-collapse: collapse;
	border-spacing: 0;
}
table.table-01 th {
	padding: 5px;
	border: 1px #888888 solid;
	border-width: 0 1px 1px 1px;
	font-weight: bold;
	line-height: 120%;
	text-align: center;
	width: 40%;
	background-color: #eeeeee;
}
table.table-01 td {
	padding: 5px;
	border: 1px #888888 solid;
	border-width: 0 0 1px 1px;
	background: #ffffff;
}
#faq div #title {
	background-image: url(image/faq.png);
	background-position: right center;
	height: 40px;
	background-repeat: no-repeat;
	line-height: 40px;
}
#legal div #title {
	background-image: url(image/legal.png);
	background-position: right center;
	height: 40px;
	background-repeat: no-repeat;
	line-height: 40px;
}
#rules div #title {
	background-image: url(image/rules.png);
	background-position: right center;
	height: 40px;
	background-repeat: no-repeat;
	line-height: 40px;
}
#rules div #title_privacy {
	background-image: url(image/privacy.png);
	background-position: right center;
	height: 40px;
	background-repeat: no-repeat;
	line-height: 40px;
}
#top div .content-primary.main-content ul li a h3 {
}
.att {
	color: #fdffe0;
	font-weight: bold;
	font-size: 18px;
}
.att2 {
	color: #ff6666;
	font-size: 12px;
}
.able {
	background-color: #FFFFFF;
	font-size: 12px;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	margin-right: 5px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	display: block;
	float: left;
	margin-bottom: 5px;
	border: 1px solid #CCC;
}
.clear {
	clear: both;
}

.nor {
	font-weight: normal;
}
.cast {
	margin-top: 5px;
}
.main-content ul li a h3 {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

.mes .s {
	font-size: 12px;
	color: #F60;
}
.open {
	font-size: 12px;
	letter-spacing: 0.1em;
}