@CHARSET "UTF-8";

.wrap_contents {
	margin:30px 30px 30px 30px;
}

.maincontents {
	margin:0 20px 0 20px;
}
input,select {
  padding: 5px 5px 5px 5px;
  font-size:medium;
  line-height:180%;
}
textarea {
  padding: 5px 5px 5px 5px;
  font-size:large;
  line-height: 180%;
  border-color: #ddd;
}
td,th {
	font-size:medium;
}









/* コンテンツタイトル */
.contents_title {
	font-size:x-large;
	font-weight: bold;
	margin-bottom:-10px;
	color: #0066ff;
}
.title_setumei {
	font-size: medium;
	margin:0 0 -10px 0;
}



.auth_form_l{
  width: 460px;
  float: left;
}
.auth_form_r{
  width: 460px;
  float: right;
}


//ボタン
.wrap_btn {
  margin: 0 auto;
  text-align: center;
  clear: both;
}
#btn {
  margin: 0 auto;
  text-align: center;
  clear: both;
  padding-bottom:40px;
}
.mod_btn_next {
  width: 100%;
  padding: 22px 0;
  display: inline-block;
  text-align: center;
  font-size: 16px;
  line-height: 1;
  background: #0b3080;
  color: #fff;
  border: 1px solid #0b3080;
  border-radius: 6px;
  cursor: pointer;
}
a.mod_btn_next,
a.mod_btn_next:link,
a.mod_btn_next:visited,
a.mod_btn_next:hover,
a.mod_btn_next:active{
  text-decoration: none;
  color: #fff;
}





.mod_btn_kensaku {
  width: 100%;
  padding: 22px 0;
  display: inline-block;
  text-align: center;
  font-size: 16px;
  line-height: 1;
  background: #004010;
  color: #fff;
  border: 1px solid #0b3080;
  border-radius: 6px;
  cursor: pointer;
}
a.mod_btn_kensaku,
a.mod_btn_kensaku:link,
a.mod_btn_kensaku:visited,
a.mod_btn_kensaku:hover,
a.mod_btn_kensaku:active{
  text-decoration: none;
  color: #fff;
}


.wrap_btn p{
  width: 300px;
  display: inline-block;
  vertical-align: top;
}



//戻るボタン
.auth_btn{
  width: 300px;
  margin: 0 auto;
}
.mod_btn_return {
	margin:30px 0 50px 0;
	width: 300px;
	padding: 22px 0;
	display: inline-block;
	text-align: center;
	font-size: 16px;
	line-height: 1;
	background: #666;
	color: #fff;
	border: 3px solid #333;
	border-radius: 6px;
	cursor: pointer;
	margin-top:30px;
	text-decoration:none;
}




/* リンク */
a { color: #003366; text-decoration: underline;}
a:hover { color: #ff0000; }





/* 警告テキスト */
.alert {
	color: red;
}

/* 非活性テキスト */
.inactive {
	color: #aaa;
}

/* テキスト大きめ */
.large {
	font-size: 20px;
}

/* 完了テキスト */
.finish {
	color: blue;
	font-size:x-large;
	text-align:center;
}

/* 日付 */
.date {
	width: 80px;
}



/* ボタン */
.button {
	display: inline-block;
	width: 25%;
	height: 45px;
	text-align: center;
	text-decoration: none;
	line-height: 45px;
	outline: none;
}
.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.button {
	background-color: #333;
	color: #fff;
}
.button:hover {
	background-color: #59b1eb;
	color: #fff;
	cursor : pointer;
}


/* ボタン2 */
.button2 {
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #dcdcdc;
	padding:3px 13px;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	background:-ms-linear-gradient( top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ededed), color-stop(100%, #dfdfdf) );
	background-color:#ededed;
	color:#777777;
	display:inline-block;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #ffffff;
 	-moz-box-shadow:inset 1px 1px 0px 0px #ffffff;
 	box-shadow:inset 1px 1px 0px 0px #ffffff;
 	cursor: pointer;
}.button2:hover {
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	background:-ms-linear-gradient( top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #dfdfdf), color-stop(100%, #ededed) );
	background-color:#dfdfdf;
 	cursor: pointer;
 	color: #777777;
}.button2:active {
	position:relative;
	top:1px;
 	cursor: pointer;
}


#button2sbmt {
	border:#900 3px solid;
	padding:5px 5px 5px 5px;
	background-color:#900;
}

























/* テーブル一覧 */
table.list {
	width: 100%;
	border-spacing: 0;
	/*font-size:14px;*/
}
table.list th {
	color: #fff;
	padding: 8px 15px;
	background: #258;
	background:-moz-linear-gradient(rgba(88,88,88,0.7), rgba(88,88,88,0.9) 50%);
	background:-webkit-gradient(linear, 100% 0%, 100% 50%, from(rgba(88,88,88,0.7)), to(rgba(99,99,99,0.9)));
	font-weight: bold;
	border-left:1px solid #999;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	line-height: 120%;
	text-align: center;
	/*text-shadow:0 -1px 0 rgba(34,85,136,0.9);*/
	/*box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;*/
}
table.list th:first-child {
	/*border-radius: 5px 0 0 0;	*/
}
table.list th:last-child {
	/*border-radius:0 5px 0 0;*/
	border-right:1px solid #bbb;
	/*box-shadow: 2px 2px 1px rgba(0,0,0,0.1),0px 1px 1px rgba(255,255,255,0.3) inset;*/
}
table.list tr td {
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 5px;
	border-bottom: 1px solid #bbb;
	border-left: 1px solid #bbb;
	/*text-align: left;*/
}
table.list tr td:last-child {
	border-right: 1px solid #bbb;
	/*box-shadow: 2px 2px 1px rgba(0,0,0,0.1);*/
}
table.list tr {
	background: #fff;
}
table.list tr:nth-child(2n+1) {
	background: #f1f6fc;
}
table.list tr:last-child td {
	/*box-shadow: 2px 2px 1px rgba(0,0,0,0.1);*/
}
table.list tr:last-child td:first-child {
	/*border-radius: 0 0 0 5px;*/
}
table.list tr:last-child td:last-child {
	/*border-radius: 0 0 5px 0;*/
}
table.list tr:hover {
	background: #ddd;
	cursor:pointer;
}


/* テーブル(入力フォーム)*/
table.input_form {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	text-align: left;
	line-height: 1.5;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
table.input_form th {
	width: 30;
	padding: 10px;
	font-weight: normal;
	vertical-align: top;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	background: #eee;
	color:#000;
}
table.input_form td {
	width: 70%;
	padding: 10px;
	vertical-align: top;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

input {
    width: 100%;
    max-width: 400px; /* レスポンシブの場合の対策 */
    box-sizing: border-box; /* [borde-box]で右の飛び出しを回避 */
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
}
input[type="tel"]{width:25%;}
input[type="checkbox"]{width:14px;}

textarea {
    width: 80%;
  }


/*******************************
テーブルのスマホ対応
********************************/
/*テーブルのスマホ対応*/
@media screen and (max-width: 768px) {
    table.input_form,
    table.input_form tbody,
    table.input_form thead,
    table.input_form tr,
    table.input_form td,
    table.input_form th{display:block !important;}
 
    table.input_form th,table.input_form td{width:auto !important;}

input {
    width: 100%;
    max-width: 400px; /* レスポンシブの場合の対策 */
    box-sizing: border-box; /* [borde-box]で右の飛び出しを回避 */
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
}

textarea {
    width: 100%;
    max-width: 400px; 
    box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
}
}
/*******************************
 ここまでテーブルのスマホ対応
********************************/



/* FAQのところ */

.faq{ border-bottom: 1px solid #333; margin-bottom:20px;}
.faq_box{padding:20px; border-top: 1px solid #333;}
.faq_q{color:#3b7d8d; font-weight:bold; font-size:1.2em; margin-bottom:0.3em;}
.faq_a{color:#666; }
.mark_q{color:#fff; background-color:#6dc3ad; padding:2px 8px; border-radius:6px; margin-right:0.5em;}
.mark_a{color:#fff; background-color:#bed74b; padding:2px 8px; border-radius:6px; margin-right:0.5em; font-weight:bold; font-size:1.2em;}