@charset "utf-8";

/*------------------------------------------------------------*/
/*-- PC向けスタイルシート 画面サイズ 1024px～               --*/
/*------------------------------------------------------------*/
@media screen and (min-width:1024px) {
	/*------------------------------------------------------------*/
	/*-- base style --*/
	/*------------------------------------------------------------*/
	/*-- Body --*/
	body {
		width: 100%;
		color: #333333;
		font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
		font-size: 16px;
		font-style: normal;
		font-variant: normal;
		font-weight: normal;
	}

	/*-- h1～h5 --*/
	h1 {
		display: inline;
		font-size: 2.4em;
	}
	h2 {
		display: inline;
		font-size: 1.6em;
	}
	h3 {
		display: inline;
		font-size: 1.2em;
	}
	h4 {
		display: inline;
		font-size: 1.0em;
	}
	h5 {
		display: inline;
		font-size: 0.8em;
	}

	/*-- h1～h5 太字 --*/
	h1.bold {
		font-weight: bold;
	}
	h2.bold {
		font-weight: bold;
	}
	h3.bold {
		font-weight: bold;
	}
	h4.bold {
		font-weight: bold;
	}
	h5.bold {
		font-weight: bold;
	}

	/*------------------------------------------------------------*/
	/*-- component style --*/
	/*------------------------------------------------------------*/

	/*-- サブミット --*/
	input[type="submit"] {
		background: -moz-linear-gradient(bottom, #d9d9d9, #f2f2f2, #ffffff);
		background: -webkit-linear-gradient(bottom, #d9d9d9, #f2f2f2, #ffffff);
		background: linear-gradient(to top, #d9d9d9, #f2f2f2, #ffffff);
		border: 1px #a6a6a6 solid;
		border-radius: 10px;
		-moz-border-radius: 12px;
		-webkit-border-radius: 8px;
		cursor: pointer;
		color: #000000;
	}

	/*-- サブミット disabled --*/
	input[type="submit"][disabled] {
		background: -moz-linear-gradient(bottom, #bfbfbf, #d9d9d9, #f2f2f2);
		background: -webkit-linear-gradient(bottom, #bfbfbf, #d9d9d9, #f2f2f2);
		background: linear-gradient(to top, #bfbfbf, #d9d9d9, #f2f2f2);
		border: 1px #a6a6a6 solid;
		border-radius: 10px;
		-moz-border-radius: 12px;
		-webkit-border-radius: 8px;
		cursor: pointer;
		color: #aaaaaa;
	}

	/*-- サブミット アクティブ --*/
	input[type="submit"]:active {
		background: -moz-linear-gradient(bottom, #bfbfbf, #d9d9d9, #f2f2f2);
		background: -webkit-linear-gradient(bottom, #bfbfbf, #d9d9d9, #f2f2f2);
		background: linear-gradient(to top, #bfbfbf, #d9d9d9, #f2f2f2);
		border: 1px #a6a6a6 solid;
		border-radius: 10px;
		-moz-border-radius: 12px;
		-webkit-border-radius: 8px;
		cursor: pointer;
		color: #000000;
	}

	/*-- サブミット focus --*/
	input[type="submit"]:focus {
		border: 1px solid #0dc2d8;
		outline: 0;
	}

	/*-- ボタン --*/
	input[type="button"] {
		background: -moz-linear-gradient(bottom, #d9d9d9, #f2f2f2, #ffffff);
		background: -webkit-linear-gradient(bottom, #d9d9d9, #f2f2f2, #ffffff);
		background: linear-gradient(to top, #d9d9d9, #f2f2f2, #ffffff);
		border: 1px #a6a6a6 solid;
		border-radius: 10px;
		-moz-border-radius: 12px;
		-webkit-border-radius: 8px;
		cursor: pointer;
		color: #000000;
	}

	/*-- ボタン disabled --*/
	input[type="button"][disabled] {
		background: -moz-linear-gradient(bottom, #bfbfbf, #d9d9d9, #f2f2f2);
		background: -webkit-linear-gradient(bottom, #bfbfbf, #d9d9d9, #f2f2f2);
		background: linear-gradient(to top, #bfbfbf, #d9d9d9, #f2f2f2);
		border: 1px #a6a6a6 solid;
		border-radius: 10px;
		-moz-border-radius: 12px;
		-webkit-border-radius: 8px;
		cursor: pointer;
		color: #aaaaaa;
	}

	/*-- ボタン アクティブ --*/
	input[type="button"]:active {
		background: -moz-linear-gradient(bottom, #bfbfbf, #d9d9d9, #f2f2f2);
		background: -webkit-linear-gradient(bottom, #bfbfbf, #d9d9d9, #f2f2f2);
		background: linear-gradient(to top, #bfbfbf, #d9d9d9, #f2f2f2);
		border: 1px #a6a6a6 solid;
		border-radius: 10px;
		-moz-border-radius: 12px;
		-webkit-border-radius: 8px;
		cursor: pointer;
		color: #000000;
	}

	/*-- ボタン focus --*/
	input[type="button"]:focus {
		border: 1px solid #0dc2d8;
		outline: 0;
	}

	/*-- セレクトボックス --*/
	select {
		border: 1px #a6a6a6 solid;
		background: #ffffff;
		color: #000000;
		border-radius: 3px;
		box-sizing: border-box;
	}

	/*-- セレクトボックス disabled --*/
	select[disabled] {
		border: 1px #a6a6a6 solid;
		background: #dfdfdf;
		color: #000000;
		border-radius: 3px;
		box-sizing: border-box;
	}

	/*-- セレクトボックス readonly --*/
	select[disabled] {
		border: 1px #a6a6a6 solid;
		background: #dfdfdf;
		color: #000000;
		border-radius: 3px;
		box-sizing: border-box;
	}

	/*-- プルダウン focus --*/
	select:focus {
		border: 1px solid #0dc2d8;
		outline: 0;
	}

	/*-- ラジオボタン --*/
	input[type="radio"] {

	}

	/*-- ラジオボタン disabled --*/
	input[type="radio"][disabled] {

	}

	/*-- ラジオボタン focus --*/
	input[type="radio"]:focus {
		border: 1px solid #0dc2d8;
		outline: 0;
	}

	/*-- ラベル --*/
	label {
		color: #000000;
	}

	/*-- テキストボックス --*/
	input[type="text"] {
		border: 1px #a6a6a6 solid;
		border-radius: 3px;
		background: #ffffff;
		color: #000000;
		box-sizing: border-box;
	}

	/*-- テキストボックス disabled --*/
	input[type="text"][disabled] {
		border: 1px #a6a6a6 solid;
		border-radius: 3px;
		background: #dfdfdf;
		color: #000000;
		-webkit-text-fill-color: #000000;
		opacity: 1;
		box-sizing: border-box;
	}

	/*-- テキストボックス readonly --*/
	input[type="text"][readonly] {
		border: 1px #a6a6a6 solid;
		border-radius: 3px;
		background: #dfdfdf;
		color: #000000;
		-webkit-text-fill-color: #000000;
		opacity: 1;
		box-sizing: border-box;
	}

	/*-- テキストボックス focus --*/
	input[type="text"]:focus {
		border: 1px solid #0dc2d8;
		outline: 0;
	}

	/*-- テキストエリア --*/
	textarea {
		border: 1px #a6a6a6 solid;
		border-radius: 3px;
		background: #ffffff;
		color: #000000;
		box-sizing: border-box;
	}

	/*-- テキストエリア disabled --*/
	textarea[disabled] {
		border: 1px #a6a6a6 solid;
		border-radius: 3px;
		background: #dfdfdf;
		color: #000000;
		-webkit-text-fill-color: #000000;
		opacity: 1;
		box-sizing: border-box;
	}

	/*-- テキストエリア readonly --*/
	textarea[readonly] {
		border: 1px #a6a6a6 solid;
		border-radius: 3px;
		background: #dfdfdf;
		color: #000000;
		-webkit-text-fill-color: #000000;
		opacity: 1;
		box-sizing: border-box;
	}

	/*-- テキストエリア focus --*/
	textarea:focus {
		border: 1px solid #0dc2d8;
		outline: 0;
	}

	/*-- カレンダー --*/
	input[type="date"] {
		border: 1px #a6a6a6 solid;
		border-radius: 3px;
		background: #ffffff;
		color: #000000;
		box-sizing: border-box;
	}

	/*-- カレンダー disabled --*/
	input[type="date"][disabled] {
		border: 1px #a6a6a6 solid;
		border-radius: 3px;
		background: #dfdfdf;
		color: #000000;
		-webkit-text-fill-color: #000000;
		opacity: 1;
		box-sizing: border-box;
	}

	/*-- カレンダー readonly --*/
	input[type="date"][readonly] {
		border: 1px #a6a6a6 solid;
		border-radius: 3px;
		background: #dfdfdf;
		color: #000000;
		-webkit-text-fill-color: #000000;
		opacity: 1;
		box-sizing: border-box;
	}

	/*-- カレンダー focus --*/
	input[type="date"]:focus {
		border: 1px solid #0dc2d8;
		outline: 0;
	}

	/*-- パスワード --*/
	input[type="password"] {
		border: 1px #a6a6a6 solid;
		border-radius: 3px;
		background: #ffffff;
		color: #000000;
		box-sizing: border-box;
	}

	/*-- パスワード disabled --*/
	input[type="password"][disabled] {
		border: 1px #a6a6a6 solid;
		border-radius: 3px;
		background: #dfdfdf;
		color: #000000;
		-webkit-text-fill-color: #000000;
		opacity: 1;
		box-sizing: border-box;
	}

	/*-- パスワード focus --*/
	input[type="password"]:focus {
		border: 1px solid #0dc2d8;
		outline: 0;
	}

	/*------------------------------------------------------------*/
	/*-- content style --*/
	/*------------------------------------------------------------*/

	/*-- body container --*/
	#container {
		padding: 0% 0% 0% 0%;
		margin: 0% 0% 0% 0%;
		width: 100%;
		min-width: calc(1024px - calc(100vw - 100%));
		height: 100%;
	}

	/*-- main content --*/
	#content {
		margin: 0px 10px 0px 10px;
		height: 100%;
	}

	/*-- screen name block --*/
	#name_block {
		margin: 10px 0% 10px 30px;
		height: auto;
	}

	/*-- errors --*/
	#errors_block {
		height: auto;
		background-color: #f0e68e;
		border: 1px #f0f0f0 solid;
	}

	/*-- エラー --*/
	.errors {
		color: #ff0000;
		background-color: rgba(0, 0, 0, 0);
	}

	/*------------------------------------------------------------*/
	/*-- header style --*/
	/*------------------------------------------------------------*/

	/*-- header --*/
	#header {
		width: 100%;
		height: 50px;
		background: -moz-linear-gradient(top, #ff0000, #CC0000);
		background: -webkit-linear-gradient(top, #ff0000, #CC0000);
		background: linear-gradient(to bottom, #ff0000, #CC0000);
	}

	/*-- header logo --*/
	#header_logo {
		width: 200px;
		height: 100%;
		float: left;
	}

	/*-- header login --*/
	#header_login {
		height: 100%;
		float: right;
	}

	/*-- header user --*/
	#header_login #header_login_block {
		height: 40px;
		margin: 5px 10px 5px 0px;
		float: right;
		vertical-align: middle;
	}

	/*-- header user label --*/
	.lbl_user_info {
		height: 100%;
		text-align: right;
		color: #ffffff;
	}

	/*-- header logout --*/
	.btn_login_out {
		width: 130px;
		height: 36px;
	}

	/*------------------------------------------------------------*/
	/*-- footer style --*/
	/*------------------------------------------------------------*/

	/*-- footer --*/
	#footer {
		margin: 20px 0% 20px 0%;
		height: auto;
		width: 100%;
	}

	/*-- pagetop link --*/
	#footer_page_top {
		margin-left: 10px;
		zoom: 100%;
	}

	/*-- copyright --*/
	#footer_copyright {
		text-align: center;
	}
}

/*------------------------------------------------------------*/
/*-- スマホ向けスタイルシート 画面サイズ 0px～1023px        --*/
/*------------------------------------------------------------*/
@media screen and (max-width:1023px) {
	/*------------------------------------------------------------*/
	/*-- base style --*/
	/*------------------------------------------------------------*/
	/*-- Body --*/
	body {
		width: 100%;
		color: #333333;
		font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
		font-size: 24px;
		font-style: normal;
		font-variant: normal;
		font-weight: normal;
	}

	/*-- h1～h5 --*/
	h1 {
		display: inline;
		font-size: 2.4em;
	}
	h2 {
		display: inline;
		font-size: 1.6em;
	}
	h3 {
		display: inline;
		font-size: 1.2em;
	}
	h4 {
		display: inline;
		font-size: 1.0em;
	}
	h5 {
		display: inline;
		font-size: 0.8em;
	}

	/*-- h1～h5 太字 --*/
	h1.bold {
		font-weight: bold;
	}
	h2.bold {
		font-weight: bold;
	}
	h3.bold {
		font-weight: bold;
	}
	h4.bold {
		font-weight: bold;
	}
	h5.bold {
		font-weight: bold;
	}

	/*------------------------------------------------------------*/
	/*-- component style --*/
	/*------------------------------------------------------------*/

	/*-- サブミット --*/
	input[type="submit"] {
		background: -moz-linear-gradient(bottom, #d9d9d9, #f2f2f2, #ffffff);
		background: -webkit-linear-gradient(bottom, #d9d9d9, #f2f2f2, #ffffff);
		background: linear-gradient(to top, #d9d9d9, #f2f2f2, #ffffff);
		border: 1px #a6a6a6 solid;
		border-radius: 10px;
		-moz-border-radius: 12px;
		-webkit-border-radius: 8px;
		cursor: pointer;
		color: #000000;
	}

	/*-- サブミット disabled --*/
	input[type="submit"][disabled] {
		background: -moz-linear-gradient(bottom, #bfbfbf, #d9d9d9, #f2f2f2);
		background: -webkit-linear-gradient(bottom, #bfbfbf, #d9d9d9, #f2f2f2);
		background: linear-gradient(to top, #bfbfbf, #d9d9d9, #f2f2f2);
		border: 1px #a6a6a6 solid;
		border-radius: 10px;
		-moz-border-radius: 12px;
		-webkit-border-radius: 8px;
		cursor: pointer;
		color: #aaaaaa;
	}

	/*-- サブミット アクティブ --*/
	input[type="submit"]:active {
		background: -moz-linear-gradient(bottom, #bfbfbf, #d9d9d9, #f2f2f2);
		background: -webkit-linear-gradient(bottom, #bfbfbf, #d9d9d9, #f2f2f2);
		background: linear-gradient(to top, #bfbfbf, #d9d9d9, #f2f2f2);
		border: 1px #a6a6a6 solid;
		border-radius: 10px;
		-moz-border-radius: 12px;
		-webkit-border-radius: 8px;
		cursor: pointer;
		color: #000000;
	}

	/*-- サブミット focus --*/
	input[type="submit"]:focus {
		border: 1px solid #0dc2d8;
		outline: 0;
	}

	/*-- ボタン --*/
	input[type="button"] {
		background: -moz-linear-gradient(bottom, #d9d9d9, #f2f2f2, #ffffff);
		background: -webkit-linear-gradient(bottom, #d9d9d9, #f2f2f2, #ffffff);
		background: linear-gradient(to top, #d9d9d9, #f2f2f2, #ffffff);
		border: 1px #a6a6a6 solid;
		border-radius: 10px;
		-moz-border-radius: 12px;
		-webkit-border-radius: 8px;
		cursor: pointer;
		color: #000000;
	}

	/*-- ボタン disabled --*/
	input[type="button"][disabled] {
		background: -moz-linear-gradient(bottom, #bfbfbf, #d9d9d9, #f2f2f2);
		background: -webkit-linear-gradient(bottom, #bfbfbf, #d9d9d9, #f2f2f2);
		background: linear-gradient(to top, #bfbfbf, #d9d9d9, #f2f2f2);
		border: 1px #a6a6a6 solid;
		border-radius: 10px;
		-moz-border-radius: 12px;
		-webkit-border-radius: 8px;
		cursor: pointer;
		color: #aaaaaa;
	}

	/*-- ボタン アクティブ --*/
	input[type="button"]:active {
		background: -moz-linear-gradient(bottom, #bfbfbf, #d9d9d9, #f2f2f2);
		background: -webkit-linear-gradient(bottom, #bfbfbf, #d9d9d9, #f2f2f2);
		background: linear-gradient(to top, #bfbfbf, #d9d9d9, #f2f2f2);
		border: 1px #a6a6a6 solid;
		border-radius: 10px;
		-moz-border-radius: 12px;
		-webkit-border-radius: 8px;
		cursor: pointer;
		color: #000000;
	}

	/*-- ボタン focus --*/
	input[type="button"]:focus {
		border: 1px solid #0dc2d8;
		outline: 0;
	}

	/*-- プルダウン --*/
	select {
		border: 1px #a6a6a6 solid;
		background: #ffffff;
		color: #000000;
		height: 36px;
		border-radius: 3px;
		padding: 0% 0% 0% 0%;
	}

	/*-- プルダウン disabled --*/
	select[disabled] {
		border: 1px #a6a6a6 solid;
		background: #dfdfdf;
		color: #000000;
		height: 36px;
		border-radius: 3px;
		padding: 0% 0% 0% 0%;
	}

	/*-- プルダウン focus --*/
	select:focus {
		border: 1px solid #0dc2d8;
		outline: 0;
	}

	/*-- ラジオボタン --*/
	input[type="radio"] {

	}

	/*-- ラジオボタン disabled --*/
	input[type="radio"][disabled] {

	}

	/*-- ラジオボタン focus --*/
	input[type="radio"]:focus {
		border: 1px solid #0dc2d8;
		outline: 0;
	}

	/*-- ラベル --*/
	label {
		color: #000000;
	}

	/*-- テキストボックス --*/
	input[type="text"] {
		border: 1px #a6a6a6 solid;
		border-radius: 3px;
		background: #ffffff;
		color: #000000;
		box-sizing: border-box;
	}

	/*-- テキストボックス disabled --*/
	input[type="text"][disabled] {
		border: 1px #a6a6a6 solid;
		border-radius: 3px;
		background: #d9d9d9;
		color: #000000;
		-webkit-text-fill-color: #000000;
		opacity: 1;
		box-sizing: border-box;
	}

	/*-- テキストボックス readonly --*/
	input[type="text"][readonly] {
		border: 1px #a6a6a6 solid;
		border-radius: 3px;
		background: #d9d9d9;
		color: #000000;
		-webkit-text-fill-color: #000000;
		opacity: 1;
		box-sizing: border-box;
	}

	/*-- テキストボックス focus --*/
	input[type="text"]:focus {
		border: 1px solid #0dc2d8;
		outline: 0;
	}

	/*-- テキストエリア --*/
	textarea {
		border: 1px #a6a6a6 solid;
		border-radius: 3px;
		background: #ffffff;
		color: #000000;
		box-sizing: border-box;
	}

	/*-- テキストエリア disabled --*/
	textarea[disabled] {
		border: 1px #a6a6a6 solid;
		border-radius: 3px;
		background: #d9d9d9;
		color: #000000;
		-webkit-text-fill-color: #000000;
		opacity: 1;
		box-sizing: border-box;
	}

	/*-- テキストエリア readonly --*/
	textarea[readonly] {
		border: 1px #a6a6a6 solid;
		border-radius: 3px;
		background: #d9d9d9;
		color: #000000;
		-webkit-text-fill-color: #000000;
		opacity: 1;
		box-sizing: border-box;
	}

	/*-- テキストエリア focus --*/
	textarea:focus {
		border: 1px solid #0dc2d8;
		outline: 0;
	}

	/*-- カレンダー --*/
	input[type="date"] {
		border: 1px #a6a6a6 solid;
		border-radius: 3px;
		height: 30px;
		color: #000000;
		box-sizing: border-box;
	}

	/*-- カレンダー disabled --*/
	input[type="date"][disabled] {
		border: 1px #a6a6a6 solid;
		border-radius: 3px;
		height: 30px;
		background: #e0e0e0;
		color: #000000;
		-webkit-text-fill-color: #000000;
		opacity: 1;
		box-sizing: border-box;
	}

	/*-- カレンダー readonly --*/
	input[type="date"][disabled] {
		border: 1px #a6a6a6 solid;
		border-radius: 3px;
		height: 30px;
		background: #e0e0e0;
		color: #000000;
		-webkit-text-fill-color: #000000;
		opacity: 1;
		box-sizing: border-box;
	}

	/*-- カレンダー focus --*/
	input[type="date"]:focus {
		border: 1px #a6a6a6 solid;
		outline: 0;
	}

	/*-- パスワード --*/
	input[type="password"] {
		border: 1px #a6a6a6 solid;
		border-radius: 3px;
		background: #ffffff;
		color: #000000;
		box-sizing: border-box;
	}

	/*-- パスワード disabled --*/
	input[type="password"][disabled] {
		border: 1px #a6a6a6 solid;
		border-radius: 3px;
		background: #d9d9d9;
		color: #000000;
		-webkit-text-fill-color: #000000;
		opacity: 1;
		box-sizing: border-box;
	}

	/*-- パスワード focus --*/
	input[type="password"]:focus {
		border: 1px solid #0dc2d8;
		outline: 0;
	}

	/*------------------------------------------------------------*/
	/*-- content style --*/
	/*------------------------------------------------------------*/

	/*-- body container --*/
	#container {
		padding: 0% 0% 0% 0%;
		margin: 0% auto 0% auto;
		min-width: calc(750px - calc(100vw - 100%));
		height: 100%;
	}

	/*-- main content --*/
	#content {
		margin: 0px 10px 0px 10px;
		height: 100%;
	}

	/*-- screen name block --*/
	#name_block {
		margin: 10px 0% 10px 30px;
		height: auto;
	}

	/*-- errors --*/
	#errors_block {
		height: auto;
		background-color: #f0e68e;
		border: 1px #f0f0f0 solid;
	}

	/*-- エラー --*/
	.errors {
		color: #ff0000;
		background-color: rgba(0, 0, 0, 0);
	}

	/*------------------------------------------------------------*/
	/*-- header style --*/
	/*------------------------------------------------------------*/

	/*-- header --*/
	#header {
		width: 100%;
		height: 50px;
		background: -moz-linear-gradient(top, #ff0000, #CC0000);
		background: -webkit-linear-gradient(top, #ff0000, #CC0000);
		background: linear-gradient(to bottom, #ff0000, #CC0000);
	}

	/*-- header logo --*/
	#header_logo {
		width: 200px;
		height: 100%;
		float: left;
	}

	/*-- header login --*/
	#header_login {
		height: 100%;
		float: right;
	}

	/*-- header user --*/
	#header_login #header_login_block {
		height: 40px;
		margin: 5px 10px 5px 0px;
		float: right;
		vertical-align: middle;
	}

	/*-- header user label --*/
	.lbl_user_info {
		height: 100%;
		text-align: right;
		color: #ffffff;
		font-size: 1.0em;
	}

	/*-- header logout --*/
	.btn_login_out {
		width: 130px;
		height: 36px;
	}

	/*------------------------------------------------------------*/
	/*-- footer style --*/
	/*------------------------------------------------------------*/

	/*-- footer --*/
	#footer {
		margin: 20px 0% 20px 0%;
		height: auto;
		width: 100%;
	}

	/*-- pagetop link --*/
	#footer_page_top {
		margin-left: 10px;
		zoom: 100%;
	}

	/*-- copyright --*/
	#footer_copyright {
		margin: 20px 0% 20px 0%;
		text-align: center;
		font-size: 0.8em;
	}
}