@charset "UTF-8";

body {
	font-size: 62.5%;
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
	color: #333;
	line-height: 1.6;
}

.inner {
	width: 980px;
	margin: 0 auto;
}

a {
	color: #009dcb;
}

img {
	vertical-align: bottom;
}

input[type=text],input[type=number],input[type=tel],select,textarea {
	font-size: 100%;
}

select {
	border: solid 1px #ccc;
	padding: 0.5em;
}


/*----------------------------------------------

	caution

----------------------------------------------*/
.caution {
	border: solid 1px #c00;
	background: #ffe8e8;
	color: #c00;
	padding: 1em;
	font-weight: bold;
}

td.caution {
	background: #ffe8e8;
}


/*----------------------------------------------

	heading

----------------------------------------------*/

.ttl_common {
	font-size: 21px;
	font-weight: normal;
	margin: 25px 0 15px;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #e4d8bf;
}

.ttl_bl {
	border-left: 3px solid #ffaa00;
	padding: 4px 0 4px 7px;
	margin-bottom: 15px;
}

.hl5 {
	font-size: 15px;
	font-weight: normal;
	margin: 25px 0 15px;
	padding: 10px 15px;
	border: 1px solid #e5e5e5;
	border-radius: 5px;
}

.hl5::before {
	content: "";
	border: 2px solid #ffaa00;
	margin-right: 7px;
	padding: 4px 0;
}

.bank {
	background-image:url(../item/images/icon_bank.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
}


/*----------------------------------------------

	table

----------------------------------------------*/
table.type1 {
	width: 100%;
	border-top: #ccc solid 1px;
	border-left: #ccc solid 1px;
}

table.type1 th {
	width: 40%;
	background-color: #eee;
}

table.type1 td, table.type1 th {
	padding: 1em;
	border-bottom: #ccc solid 1px;
	border-right: #ccc solid 1px;
}

/*----------------------------------------------

	button

----------------------------------------------*/

button {
	border: none;
	background: none;
	cursor: pointer;
	outline: none;
	margin: 0 auto;
}

button span {
	vertical-align: middle;
}

.btn2 a {
	display: inline-block;
	box-sizing: border-box;
	background-color: #000;
	color: #fff;
	border-radius: 5px;
	text-decoration: none;
	padding: 1em;
}

.btn250 {
	display: inline-block;
	width: 250px;
	height: 50px;
	font-size: 15px;
	border-radius: 5px;
}

.btn200 {
	display: inline-block;
	width: 200px;
	padding: 10px;
	font-size: 15px;
	border-radius: 5px;
}

button.pencil span:before {
	content: url(../survey/images/icon_pencili.png);
	margin-right: 3px;
	vertical-align: middle;
}

button.blue {
	background: #009dcb;
	color: #fff;
}

button.gray {
	background: #eee;
	color: #333;
	border: solid 1px #ccc
}

/*----------------------------------------------

	input

----------------------------------------------*/
.img_chkbox {
	display: inline-block;
	width: 25px;
	height: 28px;
	background-image: url(../images/search_form/check_off.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.img_chkbox_on {
	background-image: url(../images/search_form/check_on.png);
}

/*----------------------------------------------

	other

----------------------------------------------*/