/*----- Webフォント読み込み -----*/
@import url(http://fonts.googleapis.com/css?family=Josefin+Sans);

/*--------------------------------------------------
 *ページスタイリング*
 -------------------------------------------------*/



.formBox h3 {
  margin: 20px 0 10px;
  font-size: 1em;
  padding: 5px 10px 5px 24px;
  font-weight: bold;
}

/*--------------------------------------------------
 *フォームパーツ*
 -------------------------------------------------*/

/*----- テキストボックス・テキストエリア -----*/
input[type=text], input[type=email], input[type=tel], textarea {
  font-size: 100%;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  width: 90%;
  -webkit-appearance: none;
  border: 3px solid #E5E5E5;
}

input[type=text], input[type=email], input[type=tel] {
  height: 40px;
}

input:focus, textarea:focus {
  background-color: #f0f8ff;
  border-color: #1e90ff;
}

/*----- セレクトボックス -----*/
select {
  -webkit-appearance: none;
  appearance: none;
  font-size: 1em;
  width: 90%;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: 3px solid #E5E5E5;
  background: white url(../images/ico_list.png) no-repeat 95% 50%;
  height: 48px;
}

/*----- 送信ボタン -----*/
input[type=submit] {
  border: solid 1px #186f8f;
  color: #FFF;
  padding: 12px 0;
  width: 80%;
  font-size: 1em;
  display: block;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  text-align: center;
  margin: 20px auto;
    background-color: #0cc;/* 背景色を濃い青色に指定 */  
	background-image: -webkit-gradient(linear, left top, left bottom, from(#0cc), to(#09c));	/*グラデーション*/
	background-image: -webkit-linear-gradient(#0cc, #09c);	/*同上*/
	background-image: linear-gradient(#0cc, #09c);			/*同上*/
}

input[type=submit]:hover {
  background: #2391ff;
  background-image: -webkit-linear-gradient(top,#005ebc 0%, #2391ff 100%);
  background-image: linear-gradient(top,#005ebc 0%, #2391ff 100%);
}



/*ここから768px以上の画面の設定-------------------------------------------------*/

@media screen and (min-width : 768px){

.left{
	float:left;
	width:48%;
	padding-right:2%;
}

.right{
	float:left;
	width:50%;
}

/*----- テキストボックス・テキストエリア -----*/
input[type=text], input[type=email], input[type=tel], textarea ,select {
  width: 100%;
}


/*768pxここまで*/}