@charset "UTF-8";

/* ====================================================================== */
/* ログインページ */
/* ====================================================================== */

/* ===== ロゴ画像 ===== */
.servicebanner {
	text-align: center;
}
.servicebanner img {
	padding-top: 25px;
	max-width:100%;
}

/* ===== ログインコンテンツの幅 ===== */
.login-content-width {
	margin-right: auto;
	margin-left: auto;
	width: 620px;
}
/* ===== リード文の幅 ===== */
.lead-text-box {
	margin-right: auto;
	margin-left: auto;
	width: 900px;
}

/* ===== ログインボタン ===== */
#login-button,
#signup-button {
	margin-right: auto;
	margin-left: auto;
	padding-top: 13px;
	padding-bottom: 12px;
	width: 320px;
	color: #fff;
	font-weight: bold;
	border: 1px solid #888888;
	background-color: #980000;
	border-radius: 8px;
	cursor: pointer;
}
	#login-button:hover {
		background-color: #c30000;
	}
	#login-button table,
	#signup-button table {
		margin-right: auto;
		margin-left: auto;
	}
	#login-button table td:first-child {
		padding-right: 6px;
	}

/* ===== 新規登録ボタン ===== */
#signup-button {
	width: 618px;
	background-color: #006c8e;
}
	#signup-button:hover {
		background-color: #0091bf;
	}

/* ===== ログイン入力エリア ===== */
.login-input {
}
	.login-input dt,
	.login-input dd {
		float: left;
	}
	.login-input dt {
		width: 60px;
		height: 30px;
		border-top: 1px solid #888888;
		border-bottom: 1px solid #888888;
		border-left: 1px solid #888888;
		border-top-left-radius: 8px;
		border-bottom-left-radius: 8px;
		background-color: #b6b6b6;
		background-repeat: no-repeat;
		background-position: center center;
	}
	.login-input dd {
		border-top: 1px solid #888888;
		border-bottom: 1px solid #888888;
		border-right: 1px solid #888888;
		border-top-right-radius: 8px;
		border-bottom-right-radius: 8px;
		background-color: #fff;
	}
		.login-input dd input {
			padding-left: 10px;
			width: 500px;
			height: 30px;
			border: none;
			border-top-right-radius: 8px;
			border-bottom-right-radius: 8px;
			background-repeat: no-repeat;
			background-position: 10px center;
		}
	/* ----- ID入力 ----- */
	#login-input-id {
	}
		#login-input-id dt {
			background-image: url(/account/content/flat/responsive/img/login/icon/id.png?ver=15202307015227);
		}
		#login-input-id dd input {
		}
		#login-input-id dd input[readonly] {
			color: #fff;
			background-color: #b6b6b6;
		}
	/* ----- パスワード入力 ----- */
	#login-input-password {
	}
		#login-input-password dt {
			background-image: url(/account/content/flat/responsive/img/login/icon/password.png?ver=15202307015227);
		}
	/* ----- ワンタイムパスワード入力 ----- */
	#login-input-onetime {
	}
		#login-input-onetime dt {
			background-image: url(/account/content/flat/responsive/img/login/icon/onetime.png?ver=15202307015227);
		}
	/* ----- ソフトウェアキーボード ----- */
	.login-input dd.software-keyboard {
		float: right;
		border: 0;
	}
		.login-input dd.software-keyboard a {
			cursor: pointer;
		}

/* ===== ID記憶チェックボックス ===== */
#login-id-save {
}
	#login-id-save table {
		margin-right: auto;
		margin-left: auto;
	}
	#login-id-save th,
	#login-id-save td {
		line-height: 1.0;
	}
	#login-id-save td label {
		padding-left: 5px;
	}

/* ===== ログイン用のリンクとノートン ===== */
#login-link-with-norton {
}
	#login-link-with-norton li:first-child {
		float: left;
		width: 480px;
	}
	#login-link-with-norton li:last-child {
		float: right;
		padding-top: 8px;
	}

@media screen and (max-width: 640px) {
	/* ===== ログインコンテンツの幅 ===== */
	.login-content-width {
		width: 87.5%;
	}
	/* ===== リード文の幅 ===== */
	.lead-text-box {
		width: 87.5%;
	}
	/* ===== ログインボタン ===== */
	#login-button,
	#signup-button {
		padding-top: 4%;
		padding-bottom: 4%;
		padding-left: 4%;
		padding-right: 4%;
		width: auto;
		color: #fff;
		font-size: 1.3em;
		border: 1px solid #888888;
	}
		#login-button table,
		#signup-button table {
		}
		#login-button img,
		#login-button table td:first-child,
		#signup-button table td:first-child {
			display: none;
		}

		#login-button {
			width:100%;
		}

	/* ===== ログイン入力エリア ===== */
	.login-input {
	}
		.login-input dt,
		.login-input dd {
			float: none;
		}
		.login-input dt {
			display: none;
		}
		.login-input dd {
			border: none;
		}
			.login-input dd input {
				padding-top: 2%;
				padding-bottom: 2%;
				padding-left: 2%;
				width: 98%;
				height: 30px;
				border: 1px solid #888888;
				border-radius: 8px;
			}
	/* ----- ID入力 ----- */
	#login-input-id {
	}
		#login-input-id dt {
			background-image: url(/account/content/flat/responsive/img/login/icon/id.png?ver=15202307015227);
		}
	/* ----- パスワード入力 ----- */
	#login-input-password {
	}
		#login-input-password dt {
			background-image: url(/account/content/flat/responsive/img/login/icon/password.png?ver=15202307015227);
		}
	/* ----- ソフトウェアキーボード ----- */
	.login-input dd.software-keyboard {
		display: none;
	}
	/* ===== ID記憶チェックボックス ===== */
	#login-id-save {
	}
		#login-id-save table {
		}
		#login-id-save th,
		#login-id-save td {
		}
		#login-id-save td label {
			padding-left: 8px;
		}
		/* ----- チェックボックスのサイズをおおきめに ----- */
		#login-id-save input[type=checkbox] {
			width: 30px;
			height: 30px;
		}

	/* ===== ログイン用のリンクとノートン ===== */
	#login-link-with-norton {
	}
		#login-link-with-norton li:first-child {
			width: auto;
		}
		#login-link-with-norton li:last-child {
			display: none;
		}
}

/* ====================================================================== */
/* ニュースページ：PC版のみ */
/* ====================================================================== */
/* ===== 配信日付 ===== */
.news-date, .inf-roundHeader {
	font-size: 0.85em;
	color: #666;
}

/* ===== ニュース見出し ===== */
.inf-link, .inf-linkC, .inf-linkT, .inf-linkL,
.inf-linkC table, .inf-linkT table, .inf-linkL table {
	font-size:14px;
	font-weight: bold;
	background-repeat: no-repeat;
}
	.inf-link a, .inf-linkC a,
	.inf-linkT a, .inf-linkL a{
		color: #000;
		text-decoration: none;
	}
		.inf-link a:hover, .inf-linkC a:hover,
		.inf-linkT a:hover, .inf-linkL a:hover  {
			text-decoration: underline;
		}
	/* ----- 中黒で始まる見出し ----- */
	.inf-link, .inf-linkC {
		padding-left: 14px;
		background-image: url(/account/content/flat/responsive/img/news/icon/dot.png?ver=15202307015227);
		background-position: 0 8px;
	}
	/* ----- ＞で始まる見出し ----- */
	.inf-linkT, .inf-linkL {
		padding-left: 14px;
		background-image: url(/account/content/flat/responsive/img/news/icon/arrow.png?ver=15202307015227);
		background-position: 0 3px;
	}
	/* ----- ヘッダ内強調表示 ----- */
	.news-headline strong, .inf-cat {
		font-size: 14px;
		color: #d45a00;
		font-weight: bold;
	}
.inf-body {
	width: 840px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 30px !important;
}
/* ===== ニュース一覧 ===== */
.news-list {
}
	.inf-roundHeader-content {
		margin-left: 20px;
	}
	.news-list li,
	.inf-link, .inf-linkC,
	.inf-linkT, .inf-linkL {
		margin-bottom: 20px;
		margin-left: 20px;
	}
	.news-list li:last-child {
	}
/* ===== ニュース詳細 ===== */
.news-detail {
}
	.inf-textHeader {
		font-weight: bold;
		margin-bottom: 20px;
		margin-left: 20px;
	}
	
	.news-detail .line-1, .inf-border1, .inf-border2 {
		margin: 20px;
	}
	.inf-textArea {
		margin-right: 20px;
		margin-left: 20px;
	}
	.inf-textArea .inf-border2 {
		margin-right: 0px;
		margin-left: 0px;
	}
/* ===== 汎用ボタン ===== */
/* inf-toBackBtn：ニュース画面用、btNavi2：汎用 */
.inf-toBackBtn {
	padding-top: 8px;
	padding-bottom: 7px;
	width: 250px;
	color: #fff;
	font-weight: bold;
	border: 1px solid #888888;
	background-color: #9ca0a8;
	border-radius: 8px;
	font-size: 1.28em;
	text-indent: 0;
	text-decoration: none;
	text-align: center;
	display: block;
	overflow: hidden;
	margin:20px auto;
}

	.inf-toBackBtn:hover {
		background-color: #818eaa;
	}
@media screen and (max-width: 640px) {
	.inf-toBackBtn {
		border: 2px solid #888888;
	}
	.inf-toBackBtn:hover {
		background-color: #626569;
	}
}

/* ===== BRIDGE連携 ===== */
.bridgeInfo {
	width: 900px;
	margin: 0 auto;
}
@media screen and (max-width: 640px) {
	.bridgeInfo {
		width: 100%;
	}
	.bridgeInfo p {
		width: 87.5%;
		margin-right: auto;
		margin-left: auto;
	}
}

#recaptcha_area {
	padding-top: 20px;
	margin-right: auto;
	margin-left: auto;
}
#verisign {
	width: 121px;
	height: 81px;
	background-color: #fff;
	text-align: center;
	margin-left: 0px;
	border: solid 1px black;
	border-radius: 10px;
	padding: 5px 5px;
}
.euAgreement {
	width:800px;
	margin:auto;
}
@media screen and (max-width: 640px) {
	.euAgreement {
		width: auto;
		max-width:100%;
	}
}
/* ====================================================================== */
/* 登録の遷移 */
/* ====================================================================== */
/* ===== 誕生日選択エリア ===== */
.account-birth-date {
}
	.account-birth-date .float-table-select {
		width: 100%;
	}
	.account-birth-date td {
		width: 90px;
	}

/* ===== ステップ ===== */
.registration-step {
	width: 417px;
	height: 112px;
}

/* ===== ステップ ===== */
html:lang(ja) .registration-step {
	width: 351px;
	height: 112px;
}

/* ===== 規約 ===== */
.agreement-box {
	margin-right: auto;
	margin-left: auto;
	width: 800px;
	border: 1px solid #888888;
}
	.agreement-box-main {
		padding-top: 10px;
		padding-bottom: 9px;
		padding-left: 13px;
		padding-right: 13px;
		height: 130px;
		overflow: auto;
	}

/* ===== 入力関連 ===== */
/* 汎用入力 */
.account-input-common {
}
	.account-input-common .float-table-input {
		width: 70%;
	}
/* ----- 性別 ----- */
.account-input-gender {
	line-height: 1.0;
}
/* ----- 名前等入力 ----- */
.account-input-name {
}
	.account-input-name .float-table-input {
		width: 100%;
	}
	.account-input-name td:nth-child(1),/* 姓見出し */
	.account-input-name td:nth-child(3) {/* 名見出し */
	}
	.account-input-name td:nth-child(2),/* 姓入力 */
	.account-input-name td:nth-child(4) {/* 名入力 */
		width: 200px;
	}
/* ----- 郵便番号入力 ----- */
.account-input-postal {
}
	.account-input-postal table {
		width: 100%;
	}
	.account-input-postal .float-table-input {
		width: 100%;
	}
	.account-input-postal td:nth-child(1),/* 番号１ */
	.account-input-postal td:nth-child(3) {/* 番号２ */
		width: 100px;
	}
	.account-input-postal td:nth-child(2) {/* ハイフン */
		width: 22px;
		text-align: center;
	}
	.account-input-postal td:nth-child(4) {/* マージン */
		width: 25px;
	}
	.account-input-postal td:nth-child(5) {/* ボタン */
	}
	/* 郵便番号から入力 */
	.account-input-by-postal {
		display: block;
		color: #000;
		text-decoration: none;
		text-align: center;
		line-height: 2.4;
		background-color: #fffddf;
		border: 1px solid #888888;
		border-radius: 5px;
		cursor: pointer;
	}
	.account-input-by-postal:hover {
		background-color: #fff9a7;
	}
	
/* ----- 住所等 ----- */
.account-input-addr {
	width: 100%;
}

/* ----- 新規登録画面のEUの言語選択 ----- */
.lang-radio {
	display: inline;
}

@media screen and (min-width: 641px) and(max-width: 799px) {
	.agreement-box {
		width: 93.7%;
	}
}

@media screen and (max-width: 640px) {
	/* ===== 誕生日選択エリア ===== */
	.account-birth-date {
	}
		.account-birth-date .float-table-select {
		}
		.account-birth-date table {
			width: 100%;
		}
		.account-birth-date td {
			width: 27%;
			text-align: center;
		}
		.account-birth-date th {
			text-align: center;
		}
	/* ===== ステップ ===== */
	.registration-step {
		width: 90%;
		height: auto;
	}
	html:lang(ja) .registration-step {
		width: 82.8%;
		height: auto;
	}
	/* ===== 規約 ===== */
	.agreement-box {
		width: 93.3%;
	}
		.agreement-box-main {
			padding-top: 10px;
			padding-bottom: 9px;
			padding-left: 13px;
			padding-right: 13px;
		}
	/* ===== 入力関連 ===== */
	/* 汎用入力 */
	.account-input-common {
	}
		.account-input-common .float-table-input {
			width: 99.8%;
		}
	/* ----- 性別 ----- */
	.account-input-gender {
		padding-top: 10px;
		padding-bottom: 9px;
		line-height: 1.0;
	}
	/* ----- 名前等入力 ----- */
	.account-input-name {
	}
		.account-input-name .float-table-input {
		}
		.account-input-name td:nth-child(1),/* 姓見出し */
		.account-input-name td:nth-child(3) {/* 名見出し */
		}
		.account-input-name td:nth-child(2),/* 姓入力 */
		.account-input-name td:nth-child(4) {/* 名入力 */
			width: 44%;
		}
	/* ----- 郵便番号入力 ----- */
	.account-input-postal {
	}
		.account-input-postal .float-table-input {
		}
		.account-input-postal td:nth-child(1),/* 番号１ */
		.account-input-postal td:nth-child(3) {/* 番号２ */
		}
		/* 郵便番号から入力 */
		.account-input-by-postal {
			height: auto;
	 		line-height: initial;
			font-size: 0.8em
		}
		.account-input-postal td:nth-child(1),/* 番号１ */
		.account-input-postal td:nth-child(3) {/* 番号２ */
			width: auto;
		}
		.account-input-postal td:nth-child(2) {/* ハイフン */
			width: 5%;
			text-align: center;
		}
		.account-input-postal td:nth-child(4) {/* マージン */
			width: 5%;
			text-align: center;
		}
		.account-input-postal td:nth-child(5) {/* ボタン */
		}
	/* ----- 住所等 ----- */
	.account-input-addr {
		width: 99.8%;
	}
	/* ----- 新規登録画面のEUの言語選択 ----- */
	.lang-radio {
		display: block;
	}
}

/* ====================================================================== */
/* Crystaのチャージ */
/* ====================================================================== */
/* ===== 金額の入力 ===== */
.crysta-input-money {
}
	.crysta-input-money table {
		width: 100%;
	}
	/* Crysta */
	.crysta-input-money th {
	}
	.crysta-input-money td {
		width: 60%;
	}
	.crysta-input-money .float-table-input {
		width: 100%;
	}
/* ===== プリペイド番号の入力 ===== */
.crysta-input-webmoney {
}
	.crysta-input-webmoney table {
		width: 100%;
	}
	/* 入力エリア間のマージン */
	.crysta-input-webmoney th {
		width: 2%;
	}
	.crysta-input-webmoney td {
		width: 23%;
	}
	.crysta-input-webmoney .float-table-input {
		width: 100%;
		text-align: center;
	}
@media screen and (max-width: 640px) {
	/* ===== 金額の入力 ===== */
	.crysta-input-money {
	}
		.crysta-input-money table {
			margin-right: auto;
			margin-left: auto;
		}
		/* Crysta */
		.crysta-input-money th {
		}
		.crysta-input-money td {
			width: 80%;
		}
		.crysta-input-money .float-table-input {
			width: 100%;
		}
	/* ===== プリペイド番号の入力 ===== */
	.crysta-input-webmoney {
	}
		.crysta-input-webmoney table {
			margin-right: auto;
			margin-left: auto;
			width: 100%;
		}
		/* 入力エリア間のマージン */
		.crysta-input-webmoney th {
			width: 3%;
		}
		.crysta-input-webmoney td {
			width: 22%;
		}
		.crysta-input-webmoney .float-table-input {
			width: 100%;
		}
}

/* ====================================================================== */
/* 支払い方法の選択 */
/* ====================================================================== */
/* ===== 支払い方法選択ラベル ===== */
.crysta-paytype-label {
	width: 392px;
	height: 82px;
}
	.crysta-paytype-label p {
		padding-top: 7px;
		padding-bottom: 0;
		padding-left: 30px;
		text-align: left;
	}