@charset "utf-8";

/* ==========================================
	member-registration.css 会員登録CSS
	Last Up Date 16/09/28
 --------------------------------------------
	member-agreement
 --------------------------------------------
	0.00.00 共通センター設定
	0.01.00 共通入力テキストエラー設定

	1.00.00 PC用サイトの枠組み
	1.01.00 PC用共通h1タイトル設定
	1.02.00 PC用共通パンくず設定
	1.03.00 PC用共通h4タイトル設定
	1.04.00 PC用共通h4タイトル設定
	1.05.00 PC用テキストエリア設定
	1.06.00 PC用同意ボタン設定
	1.07.00 PC用入力フォームテーブル設定
	　1.07.01 PC用入力テキストinput設定
	　1.07.02 PC用入力テキストselect設定
	
	2.00.00 TB用サイトの枠組み
	2.01.00 TB用共通コンテンツ幅設定
	2.02.00 TB用共通h1タイトル設定
	2.03.00 TB用共通パンくず設定
	2.04.00 TB用共通h3タイトル設定
	2.05.00 TB用共通h4タイトル設定
	2.06.00 TB用テキストエリア設定
	2.07.00 TB用同意ボタン設定
	2.08.00 TB用入力フォームテーブル設定
	　2.08.01 TB用入力テキストinput設定
	　2.08.02 TB用入力テキストselect設定
	
	3.00.00 SP用サイトの枠組み
	3.01.00 SP用共通コンテンツ幅設定
	3.02.00 SP用共通h1タイトル設定
	3.03.00 SP用共通パンくず設定
	3.04.00 SP用共通h3タイトル設定
	3.05.00 SP用共通h4タイトル設定
	3.06.00 SP用テキストエリア設定
	3.07.00 SP用同意ボタン設定
	2.08.00 SP用入力フォームテーブル設定
	　3.08.01 SP用入力テキストinput設定
	　3.08.02 SP用入力テキストselect設定

========================================== */

/* ==========================================
0.00.00 共通設定
========================================== */
body div.text-center {
	text-align:center;
}

body hr.border-line {
	margin:1% 0;
}

/* ==========================================
0.01.00 共通入力テキストエラー設定
========================================== */
body #contents .contentsMain form div.pseudo-table div.pseudo-table-tr .pseudo-table-td div.alert-danger, div.error-message {
	margin:0;
	padding:0;
	color: #f00;
	font-size: 0.8em;
}

/* ==========================================
1.00.00 PC用サイトの枠組み
========================================== */
@media screen and (min-width:768px),print{
	
/* ==========================================
1.01.00 PC用共通h1タイトル設定
========================================== */
body #contents .contentsMain h1 {
	margin-bottom:1%;
}

/* ==========================================
1.02.00 PC用共通パンくず設定
========================================== */
body #contents .contentsMain #breadcrumbs {
	margin:2% 0;
}

/* ==========================================
1.03.00 PC用共通h3タイトル設定
========================================== */
body #contents .contentsMain h3 {
	margin:0 0 2% 0;
}

/* ==========================================
1.04.00 PC用共通h4タイトル設定
========================================== */
body #contents .contentsMain h4.blue-title {
	margin:2% 0;
	width:98%;
	color:#FFF;
	padding:1%;
	background-color:#0066a1;
}

/* ==========================================
1.05.00 PC用テキストエリア設定
========================================== */
body#regist #contents .contentsMain textarea {
	width:98%;
	min-height:250px;
	margin:0 -2px 2% -2px;
	padding:1%;
}

/* ==========================================
1.06.00 PC用ボタン設定
========================================== */
div#member-registration-confirm div.text-center button.btn-submit:nth-of-type(1) {
	background-color:#D90003;
	-moz-box-shadow: 0px 0px 0px 2px #AB0002;
	-webkit-box-shadow: 0px 0px 0px 2px #AB0002;
	box-shadow: 0px 0px 0px 2px #AB0002;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #D90003), color-stop(1, #AB0002));
	background: -moz-linear-gradient(top, #D90003 5%, #AB0002 100%);
	background: -webkit-linear-gradient(top, #D90003 5%, #AB0002 100%);
	background: -o-linear-gradient(top, #D90003 5%, #AB0002 100%);
	background: -ms-linear-gradient(top, #D90003 5%, #AB0002 100%);
	background: linear-gradient(to bottom, #D90003 5%, #AB0002 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#D90003', endColorstr='#AB0002', GradientType=0);
}

/* ==========================================
1.07.00 PC用入力フォームテーブル設定
========================================== */

body #contents .contentsMain form div.pseudo-table {
	border-bottom:1px dotted #000;
	margin:0 0 3% 0;
}

body #contents .contentsMain form div.pseudo-table div.pseudo-table-tr .pseudo-table-th {
	border-right:1px solid #000;
	border-top:1px dotted #000;
	padding:1%;
	width:28%;
	vertical-align: middle;
}

body #contents .contentsMain form div.pseudo-table div.pseudo-table-tr .pseudo-table-td {
	border-top:1px dotted #000;
	padding:1%;
	width:68%;
}

body #contents .contentsMain form div.pseudo-table div.pseudo-table-tr .pseudo-table-th p {
	display: inline;
	vertical-align: text-top;
}

body #contents .contentsMain form div.pseudo-table div.pseudo-table-tr .pseudo-table-td p {
	display: inline;
	vertical-align: text-top;
}

body #contents .contentsMain form div.pseudo-table div.pseudo-table-tr .pseudo-table-th span {
	float: right;
	background-color: red;
	padding: 1% 3%;
	font-size: 0.8em;
	color: white;
}

/* ==========================================
1.07.01 PC用入力テキストinput設定
========================================== */

body #contents .contentsMain form div.pseudo-table div.pseudo-table-tr .pseudo-table-td input {
	border:0;
	border:solid 1px #000;
	-moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
	-webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
	box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
	height:30px;
}

body #contents .contentsMain form div.pseudo-table div.pseudo-table-tr .pseudo-table-td div.input input {
	width:50%;
}

body #contents .contentsMain form div.pseudo-table div.pseudo-table-tr .pseudo-table-td input#zip_code0, input#zip_code1 {
	width:10%;
}

body #contents .contentsMain form div.pseudo-table div.pseudo-table-tr .pseudo-table-td input#phone0, input#phone1, input#phone2 {
	width:15%;
}

/* ==========================================
1.07.02 PC用入力テキストselect設定
========================================== */
body #contents .contentsMain form div.pseudo-table div.pseudo-table-tr .pseudo-table-td select {
	font-size:1.0em;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/* ==========================================
1.08.00 PC用仮登録完了ページ設定
========================================== */
body #contents .contentsMain div#member-registration div.message {
	margin-bottom:2%;
}

/* ==========================================
1.08.01 PC用仮登録完了ページテーブル設定
========================================== */

body #contents .contentsMain div#member-registration form table tr {
	border:solid thin #AAAAAA;
}

body #contents .contentsMain div#member-registration form table tr th {
	border-right:solid thin #AAAAAA;
	width:6%;
	vertical-align:middle;
	padding:2%;
}

body #contents .contentsMain div#member-registration form table tr td {
	width:36%;
	padding:2%;
}

/* ==========================================
1.08.02 PC用仮登録完了ページメッセージ設定
========================================== */

body #contents .contentsMain div#member-registration p.member-finish-memo {
	margin:2% 0 0 0;
	color:#0066a1;
	font-weight:bold;
}

body #contents .contentsMain div#member-registration p.memo {
	margin:2% -2px 0 -2px;
	border: solid thin #AAAAAA;
	padding:1%;
	font-size:0.9em;
	background-color:#E0E0E0;
	width:98%;
}

}


/* ==========================================
2.00.00 TB用サイトの枠組み
========================================== */
@media screen and (min-width: 568px) and (max-width: 768px) {
	
/* ==========================================
2.01.00 TB用共通コンテンツ幅設定
========================================== */
body #contents .contentsMain {
	width:98%;
	margin:0 auto;
}
	
/* ==========================================
2.02.00 TB用共通h1タイトル設定
========================================== */
body #contents .contentsMain h1 {
	margin-bottom:1%;
}

/* ==========================================
2.03.00 TB用共通パンくず設定
========================================== */
body #contents .contentsMain #breadcrumbs {
	margin:2% 0;
}

/* ==========================================
2.04.00 TB用共通h3タイトル設定
========================================== */
body #contents .contentsMain h3 {
	width:55%;
	margin:0 0 2% 0;
}

body #contents .contentsMain h3 img {
	max-width:100%;
}

/* ==========================================
2.05.00 TB用共通h4タイトル設定
========================================== */
body #contents .contentsMain h4.blue-title {
	margin:2% 0;
	width:98%;
	color:#FFF;
	padding:1%;
	background-color:#0066a1;
}

/* ==========================================
2.06.00 TB用テキストエリア設定
========================================== */
body#regist #contents .contentsMain textarea {
	width:98%;
	min-height:350px;
	margin:0 -2px 2% -2px;
	padding:1%;
}

/* ==========================================
2.07.00 TB用同意ボタン設定
========================================== */
div#member-registration-confirm div.text-center button.btn-submit:nth-of-type(1) {
	background-color:#D90003;
	-moz-box-shadow: 0px 0px 0px 2px #AB0002;
	-webkit-box-shadow: 0px 0px 0px 2px #AB0002;
	box-shadow: 0px 0px 0px 2px #AB0002;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #D90003), color-stop(1, #AB0002));
	background: -moz-linear-gradient(top, #D90003 5%, #AB0002 100%);
	background: -webkit-linear-gradient(top, #D90003 5%, #AB0002 100%);
	background: -o-linear-gradient(top, #D90003 5%, #AB0002 100%);
	background: -ms-linear-gradient(top, #D90003 5%, #AB0002 100%);
	background: linear-gradient(to bottom, #D90003 5%, #AB0002 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#D90003', endColorstr='#AB0002', GradientType=0);
}


/* ==========================================
2.08.00 TB用入力フォームテーブル設定
========================================== */

body #contents .contentsMain form div.pseudo-table {
	border-bottom:1px dotted #000;
	margin:0 0 3% 0;
}

body #contents .contentsMain form div.pseudo-table div.pseudo-table-tr .pseudo-table-th {
	border-right:1px solid #000;
	border-top:1px dotted #000;
	padding:2% 1%;
	width:38%;
	vertical-align: middle;
}

body #contents .contentsMain form div.pseudo-table div.pseudo-table-tr .pseudo-table-td {
	border-top:1px dotted #000;
	padding:2% 1%;
	width:68%;
}

body #contents .contentsMain form div.pseudo-table div.pseudo-table-tr .pseudo-table-th p {
	display: inline;
	vertical-align: text-top;
}

body #contents .contentsMain form div.pseudo-table div.pseudo-table-tr .pseudo-table-td p {
	display: inline;
	vertical-align: text-top;
}

body #contents .contentsMain form div.pseudo-table div.pseudo-table-tr .pseudo-table-th span {
	float: right;
	background-color: red;
	padding: 1% 3%;
	font-size: 0.8em;
	color: white;
}

/* ==========================================
2.08.01 TB用入力テキストinput設定
========================================== */

body #contents .contentsMain form div.pseudo-table div.pseudo-table-tr .pseudo-table-td input {
	border:0;
	border:solid 1px #000;
	-moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
	-webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
	box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
	height:30px;
}

body #contents .contentsMain form div.pseudo-table div.pseudo-table-tr .pseudo-table-td div.input input {
	width:80%;
}

body #contents .contentsMain form div.pseudo-table div.pseudo-table-tr .pseudo-table-td input#zip_code0, input#zip_code1 {
	width:20%;
}

body #contents .contentsMain form div.pseudo-table div.pseudo-table-tr .pseudo-table-td input#phone0, input#phone1, input#phone2 {
	width:20%;
}

/* ==========================================
2.08.02 TB用入力テキストselect設定
========================================== */
body #contents .contentsMain form div.pseudo-table div.pseudo-table-tr .pseudo-table-td select {
	font-size:1.0em;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	margin:1% 0;
}

/* ==========================================
1.09.00 TB用仮登録完了ページ設定
========================================== */
body #contents .contentsMain div#member-registration div.message {
	margin-bottom:2%;
}

/* ==========================================
2.09.01 TB用仮登録完了ページテーブル設定
========================================== */

body #contents .contentsMain div#member-registration form table tr {
	border:solid thin #AAAAAA;
}

body #contents .contentsMain div#member-registration form table tr th {
	border-right:solid thin #AAAAAA;
	width:15%;
	vertical-align:middle;
	padding:2%;
}

body #contents .contentsMain div#member-registration form table tr td {
	width:56%;
	padding:2%;
}

/* ==========================================
2.09.02 TB用仮登録完了ページメッセージ設定
========================================== */

body #contents .contentsMain div#member-registration p.member-finish-memo {
	margin:2% 0 0 0;
	color:#0066a1;
	font-weight:bold;
}

body #contents .contentsMain div#member-registration p.memo {
	margin:2% -2px 0 -2px;
	border: solid thin #AAAAAA;
	padding:1%;
	font-size:0.9em;
	background-color:#E0E0E0;
	width:98%;
}

}


/* ==========================================
3.00.00 SP用サイトの枠組み
========================================== */
@media screen and (max-width: 567px) {
	
/* ==========================================
3.01.00 SP用共通コンテンツ幅設定
========================================== */
body #contents .contentsMain {
	width:98%;
	margin:0 auto;
}
	
/* ==========================================
3.02.00 SP用共通h1タイトル設定
========================================== */
body #contents .contentsMain h1 {
	margin-bottom:1%;
}

/* ==========================================
3.03.00 SP用共通パンくず設定
========================================== */
body #contents .contentsMain #breadcrumbs {
	margin:2% 0;
}

/* ==========================================
3.04.00 SP用共通h3タイトル設定
========================================== */
body #contents .contentsMain h3 {
	width:70%;
	margin:0 0 2% 0;
}

body #contents .contentsMain h3 img {
	max-width:100%;
}

/* ==========================================
3.05.00 SP用共通h4タイトル設定
========================================== */
body #contents .contentsMain h4.blue-title {
	margin:2% 0;
	width:98%;
	color:#FFF;
	padding:1%;
	background-color:#0066a1;
}

/* ==========================================
3.06.00 SP用テキストエリア設定
========================================== */
body#regist #contents .contentsMain textarea {
	width:98%;
	min-height:250px;
	margin:0 -2px 4% -2px;
	padding:1%;
	font-size:0.8em;
}

/* ==========================================
3.07.00 SP用同意ボタン設定
========================================== */
div#member-registration-confirm div.text-center button.btn-submit:nth-of-type(1) {
	background-color:#D90003;
	-moz-box-shadow: 0px 0px 0px 2px #AB0002;
	-webkit-box-shadow: 0px 0px 0px 2px #AB0002;
	box-shadow: 0px 0px 0px 2px #AB0002;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #D90003), color-stop(1, #AB0002));
	background: -moz-linear-gradient(top, #D90003 5%, #AB0002 100%);
	background: -webkit-linear-gradient(top, #D90003 5%, #AB0002 100%);
	background: -o-linear-gradient(top, #D90003 5%, #AB0002 100%);
	background: -ms-linear-gradient(top, #D90003 5%, #AB0002 100%);
	background: linear-gradient(to bottom, #D90003 5%, #AB0002 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#D90003', endColorstr='#AB0002', GradientType=0);
}


/* ==========================================
3.08.00 SP用入力フォームテーブル設定
========================================== */

body #contents .contentsMain form div.pseudo-table div.pseudo-table-tr {
	border: solid thin #AAAAAA;
	margin-bottom:3%;
}

body #contents .contentsMain form div.pseudo-table div.pseudo-table-tr .pseudo-table-th {
	background-color:#0066a1;
	padding:2%;

}

body #contents .contentsMain form div.pseudo-table div.pseudo-table-tr .pseudo-table-td {
	padding:2%;

}

body #contents .contentsMain form div.pseudo-table div.pseudo-table-tr .pseudo-table-td p {
	display: inline;
	vertical-align: text-top;
	font-size:1.0em;
}

body #contents .contentsMain form div.pseudo-table div.pseudo-table-tr .pseudo-table-th p {
	display:inline;
	color:#FFF;
	font-size:1.0em;
	margin-right:1%;
}

body #contents .contentsMain form div.pseudo-table div.pseudo-table-tr .pseudo-table-th span {
	font-size: 0.8em;
	color: white;
	background-color:#E82F32;
	padding:0.5% 2%;
}

/* ==========================================
3.08.01 SP用入力テキストinput設定
========================================== */

body #contents .contentsMain form div.pseudo-table div.pseudo-table-tr .pseudo-table-td input {
	border:0;
	border:solid 1px #000;
	-moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
	-webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
	box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
	height:30px;
}

body #contents .contentsMain form div.pseudo-table div.pseudo-table-tr .pseudo-table-td div.input input {
	width:96%;
}

body #contents .contentsMain form div.pseudo-table div.pseudo-table-tr .pseudo-table-td input#zip_code0, input#zip_code1 {
	width:27%;
}

body #contents .contentsMain form div.pseudo-table div.pseudo-table-tr .pseudo-table-td input#phone0, input#phone1, input#phone2 {
	width:26%;
}



body #contents .contentsMain form div.pseudo-table div.pseudo-table-tr .pseudo-table-td div.input.date select {
	width:25%;
}

/* ==========================================
3.08.02 SP用入力テキストselect設定
========================================== */
body #contents .contentsMain form div.pseudo-table div.pseudo-table-tr .pseudo-table-td select {
	font-size:1.0em;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

body #contents .contentsMain form div.pseudo-table div.pseudo-table-tr .pseudo-table-td select#province {
	width:98%;
}

/* ==========================================
3.09.00 Sp用仮登録完了ページ設定
========================================== */
body #contents .contentsMain div#member-registration div.message {
	margin-bottom:2%;
}

/* ==========================================
3.09.01 SP用仮登録完了ページテーブル設定
========================================== */

body #contents .contentsMain div#member-registration form table tr {
	border:solid thin #AAAAAA;
	width:100%;
}

body #contents .contentsMain div#member-registration form table tr th {
	border-right:solid thin #AAAAAA;
	width:16%;
	vertical-align:middle;
	padding:2%;
	font-size:1.5em;
}

body #contents .contentsMain div#member-registration form table tr td {
	width:60%;
	padding:2%;
	font-size:1.5em;
}

/* ==========================================
3.09.02 SP用仮登録完了ページメッセージ設定
========================================== */

body #contents .contentsMain div#member-registration p.member-finish-memo {
	margin:2% 0 0 0;
	color:#0066a1;
	font-weight:bold;
	font-size:0.9em;
}

body #contents .contentsMain div#member-registration p.memo {
	margin:2% -2px 0 -2px;
	border: solid thin #AAAAAA;
	padding:1%;
	font-size:0.8em;
	background-color:#E0E0E0;
	width:98%;
}

}