@charset "UTF-8";

/*----------
common
----------*/


* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

th,
td,
caption {
  font-weight: normal;
  vertical-align: top;
  text-align: left;
}

/* フォームメール用スタイルシート */

body {
	font-size: 12px;
	color: #333;
 font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}

p {
	padding-bottom: 15px;
}

.container {
 width: 640px;
 margin: 15px auto;
}

h1{
 padding: 5px;
 background: #eee;
 border: 1px solid #ccc;
 text-align: center;
 font-size: 14px;
}

h2{
 margin-bottom: 15px;
 padding: 5px;
 text-align: center;
 font-size: 13px;
 font-weight: normal;
 background: #f2f2f2;
}

.table-box {
	padding-bottom: 15px;
}

.form-tbl{
 margin: 0 auto;
 width: 100%;
	margin-bottom: 15px;
}

.form-tbl th,
.form-tbl td{
 padding: 5px 10px;
 font-size: 12px;
 border: 1px solid #e0e0e0;
}

.form-tbl th{
 width: 25%;
 background: #f2f2f2;
}

.form-tbl td{
 width: 75%;
}

.input-btn {
border:0;
padding:5px 10px;
font-size:14px;
color:#aaa;
border:solid 1px #ccc;
	border-radius: 4px;
}

.form-btn-box {
	text-align: center;
}

.form-btn-box .form-btn {
border:0;
padding:5px 10px;
font-size:14px;
color:#fff;
border:solid 1px #ccc;
	border-radius: 4px;
	width: 120px;
	cursor: pointer;
	background: #03A9F4;
}

.input-taxtarea {
	height: 100px;
}

.completed{
 text-align:center;
 font-size: 12px;
}

.icon-must,
.form-error{
	color: #ee0000;
}