﻿@charset "shift_jis";

input,
textarea,
select {
	font-size: 1.4rem;
	font-family: "メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	padding: 3px 8px;
}

	input:hover {
		filter: Alpha(opacity=70);
		-moz-opacity: 0.7;
		opacity: 0.7;
	}


/* コンテンツ
--------------------------------*/
/* テーブル1 検索 */
table.tbl1 {
	width: 100%;
	border-collapse: collapse;
	margin: 0 auto;
}

	table.tbl1 tr {
		border-top: 3px double #D2D2D2;
		border-bottom: 3px double #D2D2D2;
	}

	table.tbl1 th {
		background: #F6F6F6;
		vertical-align: top;
		white-space: nowrap;
		margin: 0;
		padding: 26px 15px 15px 15px; /*18px 15px 15px 15px;*/
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-weight: bold;
	}

	table.tbl1 td {
		padding: 15px 10px 15px 15px;
	}

table.tbl1_1 th {
	width: 215px;
}

/* テーブル1_2 結果 */
table.tbl1_2 {
	width: 100%;
	border-collapse: collapse;
	margin: 0 auto;
	margin-bottom: 20px;
}

	table.tbl1_2 th,
	table.tbl1_2 td {
		padding: 5px 5px 0 5px;
		border-top: 1px solid #D2D2D2;
		border-bottom: 1px solid #D2D2D2;
		vertical-align: middle;
	}

	table.tbl1_2 th {
		background: #F6F6F6;
		vertical-align: top;
	}

	table.tbl1_2 tbody:nth-child(odd) {
		background-color: #FFFDF4;
	}

/* テーブル2 フォーム内テーブル */
table.tbl2 {
	width: 100%;
	border-top: 1px solid #D2D2D2 !important;
	margin: 0;
	padding: 0;
}

	table.tbl2 tr {
		border-top: none;
		border-bottom: none;
		margin: 0;
		padding: 0;
	}

		table.tbl2 tr td {
			width: auto !important;
			padding: 10px 0 !important;
		}

			table.tbl2 tr td:first-child {
				width: 25px !important;
				padding-right: 10px !important;
			}

/* ●不要なら削除
label.tbl2-lbl{
margin:0;
padding:0;
}*/
table.tbl2-btmLine {
	border-bottom: 1px solid #D2D2D2 !important;
}

/* ボタン */
.remind_btn {
	text-align: center;
	padding-top: 25px;
}

	.remind_btn a {
		white-space: nowrap;
		color: #fff;
		font-weight: bold;
		font-size: 1.6rem;
		background: -moz-linear-gradient(top,#4481C4 0%,#3973B3);
		background: -webkit-gradient(linear, left top, left bottom, from(#4481C4), to(#3973B3));
		background-color: #3973B3;
		border: 1px solid #666;
		border-radius: 5px;
		padding: 10px;
		text-decoration: none;
		text-align: center;
		filter: Alpha(opacity=100);
		-moz-opacity: 1;
	}

		.remind_btn a:hover {
			filter: Alpha(opacity=70);
			-moz-opacity: 0.7;
			opacity: 0.7;
		}

/* ボタンc */
.btn_c {
	clear: both;
	text-align: center;
	word-wrap: break-word;
}

input.btn_c_submit {
	white-space: nomal;
	color: #fff;
	font-weight: bold;
	font-size: 1.6rem;
	background: -moz-linear-gradient(top,#007255 0%,#04523e);
	background: -webkit-gradient(linear, left top, left bottom, from(#007255), to(#04523e));
	/* IE */
	filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#007255', endColorstr='#04523e');
	background-color: #04523e;
	border: 1px solid #999;
	border-radius: 5px;
	padding: 10px 40px;
	text-decoration: none;
	text-align: center;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.1);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.1);
}

input.btn_c_back {
	white-space: nomal;
	color: #777;
	font-weight: bold;
	font-size: 1.6rem;
	background: -moz-linear-gradient(top,#fff 0%,#e0e0e0);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e0e0e0));
	/* IE */
	filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#fff', endColorstr='#e0e0e0');
	border: 1px solid #ccc;
	border-radius: 5px;
	padding: 10px 30px;
	text-decoration: none;
	text-align: center;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.1);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.1);
}
/* ボタン　グレー・小*/
input.btn_gly_s {
	white-space: nowrap;
	color: #0D1B3E;
	font-size: 14px;
	background: -moz-linear-gradient(top,#fff 0%,#e0e0e0);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e0e0e0));
	/* IE */
	filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#fff', endColorstr='#e0e0e0');
	border: 1px solid #999;
	border-radius: 3px;
	padding: 5px 50px;
	text-decoration: none;
	text-align: center;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.1);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.1);
}
/*------ ボタン・戻る ------*/
.btn00 {
	text-align: center;
	padding-top: 25px;
}

	.btn00 a {
		white-space: nomal;
		color: #777;
		font-weight: bold;
		font-size: 1.6rem;
		background: -moz-linear-gradient(top,#fff 0%,#e0e0e0);
		background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e0e0e0));
		/* IE */
		filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#fff', endColorstr='#e0e0e0');
		border: 1px solid #ccc;
		border-radius: 5px;
		padding: 15px 30px;
		text-decoration: none;
		text-align: center;
		-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.1);
		-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.1);
	}

		.btn00 a:hover {
			filter: Alpha(opacity=70);
			-moz-opacity: 0.7;
			opacity: 0.7;
		}


/*------ ボタン・小 ------*/
ul.btn_s {
	border-radius: 3px;
}

	ul.btn_s li {
		float: left;
		list-style: none;
		margin: 0 2px 2px 0;
		width: 40px;
		text-align: center;
		padding: 0;
		border-radius: 3px;
	}

		ul.btn_s li a {
			font-size: 1.2rem;
			font-weight: bold;
			padding: 1px 3px;
			display: block;
			color: #fff;
			text-align: 1.2rem;
			/* ↓色指定 background-color:; */
		}

			ul.btn_s li a:hover {
				opacity: 0.7;
			}
		/* 青 */
		ul.btn_s li.blue {
			background-color: #528ED1;
		}
		/* 赤 */
		ul.btn_s li.red {
			background-color: #D5575A;
		}
		/* 黄 */
		ul.btn_s li.yellow {
			background-color: #EDD10C;
		}
		/* 灰 */
		ul.btn_s li.grey {
			background-color: #888;
		}

/*------ ボタン・大 ------*/
#btn_l {
	clear: both;
	text-align: center;
}

	#btn_l ul {
		margin: 2px;
		border-radius: 3px;
	}

	#btn_l li {
		display: inline-block;
		list-style: none;
		margin: 0 2px 2px 0;
	}

		#btn_l li a {
			font-size: 1.4rem;
			font-weight: bold;
			display: block;
			color: #fff;
			background-color: #3973B3;
			border-radius: 3px;
		}

			#btn_l li a:hover {
				opacity: 0.7;
			}
		/* お気に入りに追加 */
		#btn_l li.favorite a {
			background-image: url(../img/favorite.png);
			background-size: 14px 14px;
			background-position: 5px 12px;
			background-repeat: no-repeat;
			padding: 10px 12px 10px 20px;
		}
		/* 前・戻る */
		#btn_l li.previous a {
			background-image: url(../img/previous.png);
			background-size: 10px 12px;
			background-position: 5px 13px;
			background-repeat: no-repeat;
			padding: 10px 12px 10px 20px;
		}
		/* 次・進む */
		#btn_l li.next a {
			background-image: url(../img/next.png);
			background-size: 10px 12px;
			background-position: 75px 13px;
			background-repeat: no-repeat;
			padding: 10px 20px 10px 12px;
		}

/* ボタン中央揃え */
.btnCNTR {
	width: 100%;
	text-align: center;
	margin: -10px 0 35px 0;
}

	.btnCNTR ul {
		display: inline-block;
	}

		.btnCNTR ul li {
			padding: 0 5px;
		}

form ul.form-list {
	list-style-type: none;
	width: auto;
	display: inline-block;
	margin-bottom: -3px;
}

	form ul.form-list li {
		float: left;
		padding: 7px 5px 7px 0;
		display: inline-block;
		vertical-align: middle;
	}

		form ul.form-list li span {
			display: inline-block;
			margin: 0 0 0 3px;
			font-weight: bold;
			font-size: 1.3rem;
			line-height: 1.8rem;
			font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
			/*color: #008563;*/
		}
			form ul.form-list li span.text-danger span {
				color: red;
			}
label {
	margin-right: 10px;
}

/* textBOX,textAREA幅 */
.L {
	width: 500px;
}

.M {
	width: 350px;
}

.S {
	width: 100px;
}

/* ime-mode */
.imeJ {
	ime-mode: active;
}

.imeE {
	ime-mode: inactive;
}

.imeD {
	ime-mode: disabled;
}

/* () */
.parentheses {
	font-size: 1.2rem;
	width: 100%;
}

/* ※ */
span.kome {
	font-weight: bold !important;
	color: #F30 !important;
}

/* 必須項目 */
span.hissu_ {
	padding-left: 40px;
}

span.text-danger {
	color:red;
}

.txt- {
	color: #04523e !important;
}

::placeholder {
	color: #aaa;
}

/*===============================================
  PC用
===============================================*/
@media only screen and (min-width:940px) {
}


/*===============================================
  モニター幅939px以下
===============================================*/
@media only screen and (max-width:939px) {
	input,
	select,
	textarea {
		padding: 5px 10px;
	}

		input[type="radio"],
		input[type="checkbox"] {
			-moz-transform-origin: left center;
			-moz-transform: scale( 1.3, 1.3 );
			-webkit-transform-origin: left center;
			-webkit-transform: scale( 1.3, 1.3 );
		}

	form ul.form-list {
		width: 93%;
	}

		form ul.form-list li {
			width: 100%;
			display: block;
		}

	label {
		display: inline-block;
		margin-right: 10px;
		line-height: 150%;
	}

	input.btn_c_submit {
		margin: 5px;
		width: 95%;
	}

	input.btn_c_back {
		margin: 5px;
		width: 90%;
	}

	.btn00 {
		margin: 5px;
		padding: 5px;
		width: 90%;
	}

	.L {
		width: 100%;
	}

	.M {
		width: 80%;
	}

	.S {
		width: 40%;
	}

	table.tbl1 tr {
		display: block;
		border-bottom: none;
	}

	table.tbl1 th {
		display: block;
		padding: 7px 15px;
		display: list-item;
		list-style-type: none;
	}

	table.tbl1 td {
		width: 100%;
		padding: 15px;
		display: list-item;
		list-style-type: none;
	}

	table.tbl1_1 th {
		width: auto;
	}

	table.tbl2 {
		width: 98%;
	}

		table.tbl2 tr td {
			padding: 5px 0 !important;
			display: inline-block !important;
			vertical-align: top;
		}

			table.tbl2 tr td:first-child {
				width: 4% !important;
				padding-right: 0 !important;
			}

			table.tbl2 tr td:nth-child(2) {
				width: 94% !important;
			}
}

/*===============================================
  画面の横幅が640pxまで（スマホ）
===============================================*/
@media only screen and (max-width:640px) {
}


/*===============================================
  画面の横幅が480pxまで（スマホ）
===============================================*/
@media only screen and (max-width:480px) {
}

input::-ms-reveal {
	visibility: hidden
}

.field-validation-error {
	color: #ff0000;
}