@charset "utf-8";
/* CSS Document */


/*****************************

Blue   #59B1EB #99CCFF
Pink   #FF6E73 #FFC1C2
Green  #00D96D #A2FFD0

*****************************/
#header{
	background-color:#59b1eb;
	color:#fff;
}
#header h1 i.icono-gear{
	color:#fff;
}
#footer{
	background-color:#59b1eb;
	color:#fff;
}


.form_name_title{
	background-color: #f6f6f6;
	border: 3px double #99ccff;
}
.form_name_title span i{
	color:#99ccff;
}
input{
	border: solid 1px #777777;
	border-radius:3px;
}
input:focus{
	border: solid  1px #59b1eb;
	background-color: #99ccff;
}
textarea{
	border: solid 1px #777777;
	border-radius:3px;
}
textarea:focus{
	border: solid  1px #59b1eb;
	background-color: #99ccff;
}
.form_text_response{
	border-bottom:solid 1px #59b1eb;
}

/*------------------------確認画面へ*/
.button_check{
	background-color: #59b1eb;
	border: 2px solid #59b1eb;
	color: #fff;
}
.button_check:hover{
	background-color: #FF6E73;
	border-color:#FF6E73;
	color: #fff;
}
.button_check:hover::before,
.button_check:hover::after {
	height: 0;
	background-color: #59b1eb;
}

/*------------------------修正する*/
.button_change{
	background-color: #00D96D;
	border: 2px solid #00D96D;
	color: #333;
}
.button_change:hover{
	background-color: #59b1eb;
	border-color:#59b1eb;
	color: #fff;
}
.button_change:hover::before,
.button_change:hover::after {
	height: 0;
	background-color: #00D96D;
}

/*------------------------申請する*/
.button_request{
	background-color: #FF6E73;
	border: 2px solid #FF6E73;
	color: #333;
}
.button_request:hover{
	background-color: #59b1eb;
	border-color:#59b1eb;
	color: #fff;
}
.button_request:hover::before,
.button_request:hover::after {
	height: 0;
	background-color: #FF6E73;
}



.pull_down{
	background-color:#59b1eb;
	vertical-align: bottom;
	font-size:1.2em;
	color:#fff;
}
.pull_down:hover{
	background-color:#99ccff;
}
.pull_down i{
	transform: scale(0.7);
	color:#fff;
	margin-right:5px;
}