/* ▼　タブで使用　▼ */

#header-wrapper {
  height: 60px;
}
#header {
  height: 60px;
}
#site-title {
  padding: 10px 0 0 0;
}
h5 {
  margin-top: 20px;
}
#sample {
  margin-top: 20px;
}
#main {
  clear: left;
  margin: 20px auto;
  padding: 5px 20px;
  width: 900px;
}



/*ランキングページで使用タブ*/

#tab li {
	float: left;
	padding: 5px;
	list-style: none;
	cursor: pointer;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-left-color: #999999;
	border-bottom-width: 0px;
	margin-right:10px;
	width:100px;
	text-align:center;
	vertical-align:middle;
	background-color:#ffd907;
	color:#FFFFFF;
	font-weight:bold;
}


#tab li.select {
	background-color: #FFFFFF;
	color:#333333;
	font-weight:bold;
}

.disnon {
  display: none;
}

.content_wrap {
  clear: left;
  text-align: center;
  padding:10px;
  border:1px solid #999999;
  text-align:left;
}

.t1{
font-weight:bold;
}



/*ランキングページで使用タブ2*/

#tabs li {
	float: left;
	padding: 5px;
	list-style: none;
	cursor: pointer;
	background: #eee;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-left-color: #999999;
	border-bottom-width: 0px;
	margin-right:10px;
	text-align:center;
	vertical-align:middle;
	background-color:#89ba36;
	font-weight:bold;
}


#tabs li.select {
	background-color: #FFFFFF;
	color:#89ba36;
	font-weight:bold;
}

.none {
  display: none;
}

.content_wraps {
  clear: left;
  text-align: center;
  padding:10px;
  border:1px solid #999999;
  text-align:left;
}

.t1{
font-weight:bold;
}


.rankarea th{
	text-align:left;
}






/* 会員登録トップ説明 */

.fsetumei{
padding:10px;
}



/*--- form ---*/

div#form p,
div#form ul.error {
	padding: 5px 10px;
}

div#form p.btn-form {
	text-align: center;
}

div#form ul.error,
div#form span.required {
	color: #f00000;
}

div#form dl.form-area {
	font-size: 15px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
}

div#form dl.form-area dt {
	color:#333333;
	font-weight: bold;
	padding:5px;
	height:auto;
}

div#form dl dt,
div#form dl dd,
div#form dl dd li {
	margin-bottom: 10px;
}

div#form dd {
	margin-left: 10px;
}

div#form dd img {
	padding-right: 10px;
}


div#form .line{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333333;
	margin-top:10px;
}






select {
	line-height: 2em;
}

select,
input,
textarea {
	font-size: 15px;
	color: #333333;
}

.size-s { width: 23%; }
.size-m { width: 38%; }
select,
.size-l { width: 40%; }



#form .error{
background:#eeeeee;
padding:5px;
margin:10px 0 10px 0;
}

#form .error p{
color:#FF0000;
font-weight:bold;
font-size:16px;
}

#form .change{
float:right;
display:block;
}

#form .kakunin{
text-align:center;
margin-top:10px;
}



#form .box{
	background-color: #f0f8de;
	border:1px solid #a2ce45;
	padding:10px;
	margin-bottom:10px;
}

#form .box2{
	padding:10px;
	margin-bottom:10px;
}




#form .button{
text-align:center;
margin-top:15px;
}

.form_stxt{
	padding:10px;
}