﻿@charset "utf-8";
/* CSS Document */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------- Table(Common) START---- */
table {
}

td {
	border-collapse: collapse;
	border-spacing: 0;
	border: #f4f4f4 1px solid;
	padding: 10px 5px;
}

	td ul.descriptionArea {
		margin: 4px 0px 5px 0px;
		clear: both;
		line-height: 1.5;
	}

		td ul.descriptionArea li {
			color: #ff3c00;
			font-size: 12px;
			list-style: disc;
			list-style-position: inside;
			padding: 0px 0px 2px 20px;
		}

			td ul.descriptionArea li.inputEx {
				list-style: none;
				font-size: 14px;
				color: #333;
			}

				td ul.descriptionArea li.inputEx:before {
					content: "入力例";
					background: #777;
					color: #fff;
					font-size: 10px;
					font-weight: 700;
					-webkit-border-radius: 4px;
					-moz-border-radius: 4px;
					border-radius: 4px;
					padding: 2px 5px;
					margin: 0px 5px 0px 0px;
					line-height: 2;
				}

#page_contents a.tdBtn, #page_contents a.tdBtn:visited {
	color: #333;
	border: 1px solid #ccc;
	text-shadow: none;
	font-size: 12px;
	text-decoration: none;
	padding: 2px 10px;
	margin: 0px 20px 0px 0px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	float: right;
	/*------- Settings for Gradation -------*/
	background: #ffffff; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2UxZTFlMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNmY2ZjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-8 */
}

#page_contents a:hover.tdBtn {
	color: #ff3c00;
	/*------- Settings for Gradation -------*/
	background: #ffffff; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2VmZWZlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #ffffff 1%, #f9f9f9 50%, #efefef 51%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(50%,#f9f9f9), color-stop(51%,#efefef), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 1%,#f9f9f9 50%,#efefef 51%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 1%,#f9f9f9 50%,#efefef 51%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 1%,#f9f9f9 50%,#efefef 51%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 1%,#f9f9f9 50%,#efefef 51%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------- Table(Common) END--- */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------- userinfoTable START---- */
table.userinfoTable {
	width: 80%;
	margin: 20px auto;
	font-weight: 500;
	font-size: 14px;
	border: 1px solid #ccc;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 3px #ccc;
	-moz-box-shadow: 0 1px 3px #ccc;
	box-shadow: 0 1px 3px #ccc;
}

	table.userinfoTable tr {
	}

	table.userinfoTable th {
		font-weight: 700;
		background: #f4f4f4;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		color: #333;
		text-shadow: 2px 2px 3px #fff;
		text-align: left;
		width: 30%;
		vertical-align: top;
		padding: 15px 5px;
	}

	table.userinfoTable td {
		border: none;
		position: relative;
	}

		table.userinfoTable td.alignCenter {
			text-align: center;
		}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------- userinfoTable END--- */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------- userregTable START---- */
table.userregTable {
	width: 93%;
	margin: 20px auto;
	font-weight: 500;
	font-size: 14px;
	border: 1px solid #ccc;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 3px #ccc;
	-moz-box-shadow: 0 1px 3px #ccc;
	box-shadow: 0 1px 3px #ccc;
}

	table .userregTable tr {
		line-height: 1;
	}

	table.userregTable td {
		position: relative;
		border: none;
	}

		table.userregTable td input[type="text"].inputEmail {
			width: 350px;
		}

input[type="password"].inputPswd {
	width: 280px;
}

.userregTable td label {
	line-height: normal;
}

table.userregTable td strong {
	color: #ff3c00;
}

table.userregTable th {
	font-weight: 700;
	background: #e9eff4;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: #333;
	text-shadow: 2px 2px 3px #fff;
	text-align: left;
	width: 35%;
	vertical-align: top;
	padding: 5px 5px;
}

	table.userregTable th[colspan="2"] {
		line-height: 1.2;
	}

	table.userregTable th.tableTitle {
		font-size: 16px;
		font-weight: 500;
		background: #48596b;
		color: #fff;
		padding: 5px 8px;
		text-shadow: 2px 2px 3px #000;
		-webkit-text-shadow: 2px 2px 3px #000;
		-moz-text-shadow: 2px 2px 3px #000;
		border-radius: 0px;
		line-height: 1.5;
	}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------- userregTable END---- */
