@charset "utf-8";


#contact div.forms	{
	width: 80%;
	margin: 20px auto 0;
	padding: 0;
}
@media only screen and (max-width: 767px) {
  #contact div.forms {
    width: 100%;
  	margin: 20px auto 0;
  }
}

#contact div.forms p	{
	margin: 0 auto 12px auto;
	padding: 0;
	text-align: center;
	font-size: 16px;
	font-weight: 400;
	color: #333333;
	line-height: 1.8;
	letter-spacing: 1px;
}
@media only screen and (max-width: 767px) {
  #contact div.forms p	{
    font-size: 14px;
    line-height: 1.5;
  }
}

#contact div.forms h4	{
	margin: 0 0 -10px;
	padding: 0;
	text-align: left;
	font-size: 12px;
	font-weight: normal;
	color: #f00;
	line-height: 1.5;
	letter-spacing: 1px;
}
@media only screen and (max-width: 767px) {
  #contact div.forms h4	{
    font-size: 11px;
  }
}


/*　＊＊＊　フォーム部　＊＊＊　*/
form#mail_form	{
	width : 100%;
	margin : 10px auto 20px;
	padding : 0;
	font-size : 16px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Verdana, Arial, sans-serif;
}
@media only screen and (max-width: 767px) {
  form#mail_form	{
    margin : 10px auto;
    font-size : 14px;
  }
}


/*　＊＊＊　フォーム部：左側　＊＊＊　*/
form#mail_form dl	{
	margin : auto;
	padding : 12px 0;
}
@media only screen and (max-width: 767px) {
  form#mail_form dl	{
    padding : 8px 0;
  }
}

form#mail_form dl dt	{
	margin : auto;
	padding : 1em 0 0.25em 1em;
	text-align : left;
}
@media only screen and (max-width: 767px) {
  form#mail_form dl dt	{
    padding : 1em 0 0.5em 0;
  }
}

form#mail_form dl dd	{
	margin : 0 0 0.7em 0;
	padding : 0 0 1em 1em;
	text-align : left;
  border-bottom:1px solid #ddd;
}
@media only screen and (max-width: 767px) {
  form#mail_form dl dd	{
    margin : 0 0 0.75em 0;
    padding : 0 0 0.75em 0;
  }
}

form#mail_form dl dt.last,
form#mail_form dl dd.last	{
	margin : -20px auto 20px;
	padding : 5px 0 10px 0;
	text-align : center;
	font-size : 16px;
	background-image: none;
	background-color : transparent;
  border:none;
}

form#mail_form dl dt span	{
	display : none;
}

form#mail_form dl span	{
	display : block;
  margin-left:1em;
  margin-bottom:-10px;
  font-size:12px;
  color:#f00;
}
@media only screen and (max-width: 767px) {
  form#mail_form dl span	{
    margin-left:0;
  }
}


/* -- for JavaScript ここから ------------------------------------------------------- */

/*form#mail_form dl dt span.optional,*/	/*　任意　*/ 
form#mail_form dl dt span.required	{	/*　必須　*/ 
	/*display : inline-block;*/
	display : none;
	float : left;
	margin : 0 auto;
	padding : 2px 5px;
	font-size : 12px;
	font-weight : 400;
	color : #ff0000;
	border-radius : 3px;			/* CSS3草案 */  
	-webkit-border-radius: 3px;	/* Safari, GoogleChrome用 */  
	-moz-border-radius: 3px;		/* Firefox用 */  
}
form#mail_form dl dt span.required	{
	border : 1px solid #ff0000;
	background-color : #ffffff;
}
/*
form#mail_form dl dt span.optional		{
	background : rgba(0, 0, 255, 0.8);
}
*/	/*　任意　*/ 

form#mail_form dl dd span	{	/*　右側：エラーメッセージ　*/ 
	display : block;
	margin : 5px auto;
	padding : 0;
	font-size : 14px;
	font-weight : 400;
	color : #f00;
}
form#mail_form dl dd p.name	{	/*　右側：姓名を小文字に　*/ 
	display : inline;
	margin : 0 auto;
	padding : 0 0 0 6px;
	font-size : 12px;
	font-weight : 400;
	color : #000;
}



/* -- for JavaScript ここまで ------------------------------------------------------- */




/*　＊＊＊　フォーム部：右側　＊＊＊　*/

/*　input　*/
form#mail_form input	{
	height : 2.5em;
	border : 1px solid #ddd;
	background-color : #fff;
}

/*　名前、ふりがな、都道府県、市町村　*/
form#mail_form input#name_1,
form#mail_form input#name_2,	
form#mail_form input#read_1,
form#mail_form input#read_2,
form#mail_form input#prefecture,
form#mail_form input#city	{
	width : 35%;
}
@media only screen and (max-width: 767px) {
  form#mail_form input#name_1,
  form#mail_form input#name_2,	
  form#mail_form input#read_1,
  form#mail_form input#read_2	{
    width : 100%;
  }
}
@media only screen and (max-width: 767px) {
  form#mail_form input#prefecture,
  form#mail_form input#city	{
    width : 100%;
  }
}

/*　会社名　*/
form#mail_form input#company	{
	width : 90%;
}

/*　役職　*/
form#mail_form input#job	{
	width : 90%;
}

/*　メールアドレス　*/
form#mail_form input#mail_address,
form#mail_form input#mail_address_confirm	{
	width : 90%;
}
@media only screen and (max-width: 767px) {
  form#mail_form input#company,
  form#mail_form input#job,
  form#mail_form input#mail_address,
  form#mail_form input#mail_address_confirm	{
   width : 100%;
  }
}

/*　textarea　*/
form#mail_form textarea	{
	width : 90%;
	height : 200px;
	resize : vertical;
	border : 1px solid #ddd;
	background-color : #fff;
}
@media only screen and (max-width: 767px) {
  form#mail_form textarea	{
    width : 100%;
    height : 120px;
  }
}

/*　送信ボタン*/
form#mail_form input#mail_submit_button	{
	width : auto;
	height : auto;
	margin : 0 auto;
	padding: 1em 2em;
	vertical-align : middle;
	cursor : pointer;
	color: #000000;
	font-size: 18px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 2px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: solid 2px #000000;
	background-color: #ffffff;
}
@media only screen and (max-width: 767px) {
  form#mail_form input#mail_submit_button	{
    margin : 0 auto 15px;
    padding: 1em 3em;
  }
}

form#mail_form input#mail_submit_button:hover	{
	color : #ffffff;
	border: solid 2px #ff0000;
	background-color: #ff6666;
}

form#mail_form input#mail_reset_button	{
	width : auto;
	height : auto;
	margin : 0 auto 0 25px;
	padding: 0.5em 1em;
	vertical-align : middle;
	cursor : pointer;
	color: #888888;
	font-size: 18px;
	font-weight: 400;
	line-height: 1;
	letter-spacing: 2px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: solid 2px #aaaaaa;
	background-color: #ffffff;
}
@media only screen and (max-width: 767px) {
  form#mail_form input#mail_reset_button	{
    margin : 0 auto;
    padding: 0.5em 2em;

  }
}
form#mail_form input#mail_reset_button:hover	{
	color : #ffffff;
	border: solid 2px #aaaaaa;
	background-color: #cccccc;
}


form#mail_form input:focus,
form#mail_form textarea:focus{
	/*box-shadow : 0px 0px 5px #000000;*/
	border : 1px solid #dddddd;
	background-color : #eaf4fc;
}