@charset "UTF-8";
@import url("./common/reset.css");
@import url("./common/advanced.css");
@import url("./common/base.css");

#main_contents {
	background: #000000 url(../images_design/ranking/bg_2.jpg) repeat-x 0 0;
}
.to_kuchikomi,.guideline_outer,.form_outer {
	background: #D4DAE3;
}
.to_kuchikomi {
  	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
  	-webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: column;
  	flex-direction: column;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	width: 100%;
	height: 160px;
}

.guideline_outer {
	padding:  26px;
}

.guideline_inn dl {
	width: 1140px;
	margin: 0 auto;
  	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	border-top: 1px solid #D4DAE3;
	border-right: 1px solid #D4DAE3;
	box-sizing: border-box;
}

.guideline_inn dt {
  	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
  	-webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: column;
  	flex-direction: column;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	width: 160px;
	background: #1A1A1A;
	color: #fff;
}

.guideline_inn dd {
	-webkit-box-flex:1;
	-ms-flex:1;
	flex:1;
	background: #fff;
	box-sizing: border-box;
	padding: 20px;
}

.form_outer {
	padding: 30px;
	background: #1a1a1a;
}

.form_inn {
  	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
  	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
	width: 1080px;
}

.form_inn dl {
  	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	margin-bottom: 10px;
}
.form_inn dt {
	background: #000000;
	color: #fff;
  	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
  	-webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: column;
  	flex-direction: column;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
}
.form_inn dd {
}

.form_inn dl.name,.form_inn dl.mail {
	width: 530px;
	margin-right: 10px;
}

.form_inn dl.tel,.form_inn p.mail_text {
	width: 530px;
	margin-left: 10px;
}

.form_inn p.mail_text {
	color: #fff;
  	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
		-webkit-box-align: end;
		-ms-flex-align: end;
		align-items: flex-end;
	padding-bottom: 10px;
}

.form_inn dl.name dt,.form_inn dl.tel dt,.form_inn dl.mail dt,.form_inn dl.text dt {
	width: 150px;
}
.form_inn dl.name dd,.form_inn dl.tel dd,.form_inn dl.mail dd,.form_inn dl.text dd {
	-webkit-box-flex:1;
	-ms-flex:1;
	flex:1;
}

.form_inn dl.text,.form_inn div.btn {
	width: 100%;
}

.form_inn input,.form_inn textarea {
	box-sizing: border-box;
	padding: 10px;
}

.form_inn div.btn {
  	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
  	-webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: column;
  	flex-direction: column;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
}
.form_inn div.btn button {
	background: #800028;
	border: 0;
	border-radius: 0;
	margin: 0;
	padding: 10px 20px;
	color: #fff;
	cursor: pointer;
	font-size: 16px;
}
.form_inn div.btn p {
	color: #fff;
}