@charset "Shift-jis";

/*//////////////////////////////////////////////////////////////////////////////

modules.css

--------------------------------------------------------------------------------
General styles

	-- inline
	100. a
	110. texts
	120. icon
	130. form
	140. boxlink
	150. label

	-- block
	200. innerblock
	210. btn
	220. list

	-- module
	300. lay2col(layout two column)
	301. lay3col(layout three column)
	310. section-default
	311. section-head
	312. section-login
	313. section-agreement
	314. section-steps
	400. mod-notice
	401. mod-overflowbox
	402. mod-agreebox
	403. mod-banner
	404. mod-btns-cancel
	405. mod-telnumber
	406. mod-lte
	410. mod-table
	411. mod-loginform
	412. mod-supports
	413. mod-accountnumber
	414. mod-form-alert
	415. mod-display
	416. mod-demand
	417. mod-planstatus
	418. mod-membersmenu

	--
	999. clearfix

//////////////////////////////////////////////////////////////////////////////*/

/* -----------------------------------------------------------------------------
	100. a
----------------------------------------------------------------------------- */
a {
	color : #2271e8;
	}
a:link {
	color           : #2271e8;
	text-decoration : underline;
	}
a:visited {
	color           : #2271e8;
	text-decoration : underline;
	}
a:hover,
a:active {
	color           : #2271e8;
	text-decoration : none;
	}

/* -----------------------------------------------------------------------------
	110. texts
----------------------------------------------------------------------------- */
br {}
	br.pc {
		display : block;
		}
	br.sp {
		display : none;
		}

p {
	font-size   : 100%;
	line-height : 1.4;
	}
.list-table + p {
	margin-top : 20px;
	}
p + p {
	margin-top : 10px;
	}
h2 + p {
	margin-top : 30px;
	}
h2.login + p {
	margin-top : 10px;
	}
h3 + p {
	margin-top : 20px;
	}
.boxlink + p {
	margin-top : 20px;
	}

h2 {
	font-size   : 187.5%;
	font-weight : bold;
	line-height : 1.5;
	}

h3 {
	position     : relative;
	padding      : 4px 0 2px 8px;
	border-left  : 6px #bf0000 solid;
	font-size    : 125.0%;
	font-weight  : bold;
	line-height  : 1.2;
	}
	h3 .toggle {
		display         : none;
		position        : absolute;
		right           : 10px;
		top             : 50%;
		width           : 20px;
		height          : 20px;
		margin-top      : -10px;
		font-size       : 0;
		text-indent     : -9999px;
		overflow        : hidden;
		background      : url(/members/common/images/controls.png) no-repeat -43px -1px;
		background-size : 192px auto;
		}
	h3.opened .toggle {
		background-position : -43px -22px;
		}
h3.h3-step {
	display      : table;
	width        : 100%;
	padding      : 0;
	border-left  : none;
	}
	h3.h3-step > span {
		display        : table-cell;
		vertical-align : middle;
		}
	h3.h3-step > span.step {
		width         : 100px;
		height        : 40px;
		margin-right  : 15px;
		border-radius : 4px;
		color         : #c11920;
		text-align    : center;
		background    : #eeeeee;
		}
	h3.h3-step > span.title {
		padding-left : 12px;
		line-height  : 1.3;
		}

.text-right {
	text-align : right;
	}
.text-center {
	text-align : center;
	}

.text-warning {
	color       : #ff0000;
	font-size   : 14px;
	font-weight : bold;
	}

.text-link {
	margin-top : 10px;
	font-size  : 14px;
	}
	.text-link a {
		word-wrap  : break-word;
		}

.text-notice {
	margin-top : 5px;
	font-size  : 75%;
	}
	.text-notice strong {
		color       : #ff0000;
		font-weight : normal;
		}

.text-indent {
	text-indent : -1em;
	margin-left : 1em;
	}

.text-hazard {
	min-height      : 25px;
	margin-top      : 12px;
	padding-top     : 3px;
	padding-left    : 34px;
	color           : #ff0000;
	font-size       : 14px;
	font-weight     : bold;
	background      : url(/members/common/images/icon/icon_hazard.png) no-repeat 0 0;
	background-size : 29px auto;
	min-height : 26px;					/*** エラーメッセージが1行の場合、三角アイコンの下が切れてしまうために追加 ***/
	-webkit-box-sizing : border-box;
	-moz-box-sizing    : border-box;
	box-sizing         : border-box;
	}

@media screen and (max-width : 740px) {
br {}
	br.pc {
		display : none;
		}
	br.sp {
		display : block;
		}
h2 {
	font-size : 21px;
	}

h3 {
	display    : table;
	width      : 100%;
	height     : 60px;
	padding    : 10px 0 10px 8px;
	font-size  : 18px;
	background : url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc5MDAiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNFRUVFRUUiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNEREREREQiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c5MDApIiAvPgo8L3N2Zz4=);
	background : -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#dddddd));
	background : -webkit-linear-gradient(#eeeeee, #dddddd);
	background : -moz-linear-gradient(#eeeeee, #dddddd);
	background : -o-linear-gradient(#eeeeee, #dddddd);
	background : linear-gradient(#eeeeee, #dddddd);
	-webkit-box-sizing : border-box;
	-moz-box-sizing    : border-box;
	box-sizing         : border-box;
	}
	h3 > span {
		display        : table-cell;
		vertical-align : middle;
		}
	h3 .toggle {
		display : block;
		}
h3.h3-step {
	border-left : 6px #bf0000 solid;
	}
	h3.h3-step > span {}
	h3.h3-step > span.step {
		width         : 86px;
		height        : auto;
		margin-right  : 0;
		border-radius : 0;
		background    : none;
		}
	h3.h3-step > span.title {
		padding-right : 10px;
		padding-left  : 12px;
		line-height   : 1.4;
		}

.text-right {
	text-align : left;
	}
.text-hazard {
	padding-top : 0;
	}
}

/* -----------------------------------------------------------------------------
	120. icon
----------------------------------------------------------------------------- */
/**
 * アイコンベースクラス
 */
.icon {
	position : relative;
	}
	.icon:before {
		content  : "";
		display  : inline-block;
		position : relative;
		overflow : hidden;
		}
	.icon.block:before {
		position : absolute;
		}
	/**
	 * 矢印アイコン：ベースクラス
	 */
	.icon.icon-arrow {}

	/**
	 * 矢印アイコン：サイズクラス
	 */
	/* 通常型 */
	.icon.icon-arrow.sm:before {
		width  : 7px;
		height : 10px;
		}
	.icon.icon-arrow.md:before {}
	.icon.icon-arrow.lg:before {}
	/* ボックス型 */
	.icon.icon-arrow.box.sm:before {
		width  : 12px;
		height : 12px;
		}
	.icon.icon-arrow.box.md:before {
		width  : 20px;
		height : 20px;
		}
	.icon.icon-arrow.box.lg:before {}

	/**
	 * 矢印アイコン：画像クラス
	 */
	.icon.icon-arrow.black.sm:before { background : url(/members/common/images/icon/icon_arrow_black_sm.png) no-repeat 0 0; }
	.icon.icon-arrow.black.md:before {}
	.icon.icon-arrow.black.lg:before {}
	.icon.icon-arrow.white.sm:before {}
	.icon.icon-arrow.white.md:before {}
	.icon.icon-arrow.white.lg:before {}
	.icon.icon-arrow.red.sm:before {}
	.icon.icon-arrow.red.md:before {}
	.icon.icon-arrow.red.lg:before {}
	/**/
	.icon.icon-arrow.box.black.sm:before {}
	.icon.icon-arrow.box.black.md:before {}
	.icon.icon-arrow.box.black.lg:before {}
	.icon.icon-arrow.box.white.sm:before {}
	.icon.icon-arrow.box.white.md:before {
		background      : url(/members/common/images/icon/icon_arrow_box_white_md.png) no-repeat 0 0;
		background-size : 20px auto;
		}
		.icon.icon-arrow.box.white.down.md:before {
			background      : url(/members/common/images/icon/icon_arrow_box_white_down_md.png) no-repeat 0 0;
			background-size : 20px auto;
			}
	.icon.icon-arrow.box.white.lg:before {}
	.icon.icon-arrow.box.red.sm:before {
		background      : url(/members/common/images/icon/icon_arrow_box_red_sm.png) no-repeat 0 0;
		background-size : 12px auto;
		}
		.icon.icon-arrow.box.red.down.sm:before {
			background      : url(/members/common/images/icon/icon_arrow_box_red_down_sm.png) no-repeat 0 0;
			background-size : 12px auto;
			}
	.icon.icon-arrow.box.red.md:before {}
	.icon.icon-arrow.box.red.lg:before {}

	/**
	 * 矢印アイコン：位置・マージンクラス
	 */
	.icon.icon-arrow.sm:before {
		top          : 1px;
		margin-right : 4px;
		}
	.icon.icon-arrow.md:before {}
	.icon.icon-arrow.lg:before {}
	/**/
	.icon.icon-arrow.box.sm:before {
		margin-right : 8px;
		}
	.icon.icon-arrow.box.md:before {
		margin-right : 8px;
		}
	.icon.icon-arrow.box.lg:before {}
	/**/
	.icon.block.icon-arrow.box.sm:before {
		left         : 0;
		top          : 4px;
		margin-right : 0;
		}
	.icon.block.icon-arrow.box.md:before {
		left         : 20px;
		top          : 4px;
		margin-right : 0;
		}
	.icon.block.icon-arrow.box.lg:before {}

	/**
	 * 矢印アイコン：エクストラクラス
	 */
	.icon.block.icon-arrow.icon-vmiddle:before {
		top : 50% !important;
		}
	.icon.block.icon-arrow.box.sm.icon-vmiddle:before {
		margin-top : -6px !important;
		}
	.icon.block.icon-arrow.box.md.icon-vmiddle:before {
		margin-top : -10px !important;
		}

	.icon.icon-login:before {
		top             : -3px;
		width           : 24px;
		height          : 27px;
		margin-right    : 15px;
		vertical-align  : middle;
		background      : url(/members/common/images/icon/icon_login.png) no-repeat 0 0;
		background-size : 24px auto;
		}

	.icon.icon-logout:before {
		top            : -1px;
		width          : 16px;
		height         : 18px;
		margin-right   : 8px;
		vertical-align : middle;
		background     : url(/members/common/images/icon/icon_logout.png) no-repeat 0 0;
		}

	.icon.icon-doc:before {
		top             : -3px;
		width           : 18px;
		height          : 24px;
		margin-right    : 12px;
		vertical-align  : middle;
		background      : url(/members/common/images/icon/icon_doc.png) no-repeat 0 0;
		background-size : 18px auto;
		}

	.icon.icon-toggle:before {
		top             : -2px;
		width           : 20px;
		height          : 20px;
		margin-right    : 8px;
		vertical-align  : middle;
		background      : url(/members/common/images/controls.png) no-repeat -22px -1px;
		background-size : 192px auto;
		}
	.icon.icon-toggle.opened:before {
		background-position : -22px -22px;
		}

	.icon.icon-cross:before {
		width           : 18px;
		height          : 18px;
		margin-right    : 10px;
		vertical-align  : middle;
		background      : url(/members/common/images/controls.png) no-repeat -126px -1px;
		background-size : 192px auto;
		}

@media screen and (max-width : 740px) {
	.icon.icon-login:before {
		top          : -2px;
		margin-right : 6px;
		}
}

/* -----------------------------------------------------------------------------
	130. form
----------------------------------------------------------------------------- */
/**
 * input:text,:password
 */
input[type="text"],
input[type="password"] {
	width         : 100%;
	padding       : 6px 10px 7px 10px;
	border        : 1px #cccccc solid;
	border-radius : 5px;
	box-shadow    : 1px 1px 2px 0 #dddddd inset;
	-webkit-box-sizing : border-box;
	-moz-box-sizing    : border-box;
	box-sizing         : border-box;
	}
input[type="text"].form-thin,
input[type="password"].form-thin {
	padding   : 2px 10px 3px 10px;
	font-size : 100%;
	}
input[type="text"].form-cardnumber {
	width : 16em;
	}
input[type="text"].form-securitycode {
	width : 6.2em;
	}
input[type="text"].form-superpoint {
	max-width : 14em;
	}
input[type="text"].form-zipcode {
	width : 35%;
	}
input[type="text"].form-telnumber {
	width : 16em;
	}
/**
 * checkbox
 */
.form-checkbox-dummy {
	display         : block;
	width           : 25px;
	height          : 25px;
	background      : url(/members/common/images/controls.png) no-repeat -64px -1px;
	background-size : 192px auto;
	overflow        : hidden;
	}
.form-checkbox-dummy.checked {
	background-position : -64px -27px;
	}

/**
 * radio
 */
input[type="radio"] {
	margin-right : 5px;
	}
.form-radio {}
.form-radio + .form-radio {
	margin-left : 30px;
	}
	.form-radio-dummy {
		display         : inline-block;
		position        : relative;
		top             : -1px;
		width           : 20px;
		height          : 20px;
		margin-right    : 5px;
		vertical-align  : middle;
		overflow        : hidden;
		background      : url(/members/common/images/controls.png) no-repeat -1px -22px;
		background-size : 192px auto;
		}
	.form-radio-dummy.checked {
		background-position : -1px -1px;
		}

/**
 * error
 */
input[type="text"].form-error,
input[type="password"].form-error {
	background : #ffe5e5;
	}
.text-error {
	margin-top : 8px;
	color      : #ff0000;
	font-size  : 87.5%;
	}

@media screen and (max-width : 740px) {
/**
 * input:text,:password
 */
input[type="text"],
input[type="password"] {}
input[type="text"].form-thin {
	padding : 6px 10px 7px 10px;
	}
input[type="text"].form-cardnumber,
input[type="text"].form-telnumber {
	width : 100%;
	}
input[type="text"].form-zipcode {
	width : 9em;
	}
/**
 * error
 */
.text-error {
	margin-top : 10px;
	padding    : 10px;
	background : #f8f7e0;
	}
}

/* -----------------------------------------------------------------------------
	140. boxlink
----------------------------------------------------------------------------- */
.boxlink {
	position : relative;
	width    : 100%;
	}
	.boxlink > a {
		display         : inline-block;
		padding         : 12px 15px;
		color           : #333333;
		text-decoration : none;
		background      : #f7f1f1;
		-webkit-box-sizing : border-box;
		-moz-box-sizing    : border-box;
		box-sizing         : border-box;
		}

@media screen and (max-width : 740px) {
.boxlink {}
	.boxlink > a {
		padding-left : 30px;
		}
		.boxlink > a:before {
			position     : absolute;
			left         : 10px;
			top          : 50% !important;
			margin-right : 0 !important;
			}
		.boxlink > a.sm:before {
			margin-top : -6px;
			}
}

/* -----------------------------------------------------------------------------
	150. label
----------------------------------------------------------------------------- */
.label {
	position : relative;
	width    : 100%;
	}

/* -----------------------------------------------------------------------------
	200. innerblock
----------------------------------------------------------------------------- */
.innerblock {
	position : relative;
	margin   : 0;
	padding  : 0;
	}

/* -----------------------------------------------------------------------------
	210. btn
----------------------------------------------------------------------------- */
/**
 * ボタンベースクラス
 */
.btn {
	display         : table;
	width           : 100%;
	position        : relative;
	text-decoration : none !important;
	}
	.btn > span {
		display        : table-cell;
		vertical-align : middle;
		font-weight    : bold;
		text-align     : center;
		}
/**
 * ボタン装飾クラス
 */
.btn.rounded {
	border-radius : 8px;
	}
.btn.red {
	color      : #ffffff;
	background : url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImczNyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0JGMDAwMCIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzk1MDAxMCIgb2Zmc2V0PSIxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzM3KSIgLz4KPC9zdmc+);
	background : -webkit-gradient(linear, left top, left bottom, from(#bf0000), to(#950010));
	background : -webkit-linear-gradient(#bf0000, #950010);
	background : -moz-linear-gradient(#bf0000, #950010);
	background : -o-linear-gradient(#bf0000, #950010);
	background : linear-gradient(#bf0000, #950010);
	}
.btn.grey {
	color      : #ffffff;
	background : url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImcxMTEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNDQ0NDQ0MiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiM5OTlBOUEiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2cxMTEpIiAvPgo8L3N2Zz4=);
	background : -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#999a9a));
	background : -webkit-linear-gradient(#cccccc, #999a9a);
	background : -moz-linear-gradient(#cccccc, #999a9a);
	background : -o-linear-gradient(#cccccc, #999a9a);
	background : linear-gradient(#cccccc, #999a9a);
	}
.btn.disabled {
	color      : #ffffff;
	cursor     : default;
	background : #bbbbbb !important;
	}
/**
 * ボタンコンテナクラス
 */
.btn-logout {
	width  : 140px;
	height : 40px;
	margin : 20px auto 0 auto;
	}
	.btn-logout > .btn {
		height : 40px;
		}
.btn-submit {
	max-width : 640px;
	margin    : 60px auto 0 auto;
	padding   : 0 10px;
	}
	.btn-submit > .btn {
		height      : 60px;
		font-size   : 28px;
		line-height : 1;
		}
		.btn-submit > .btn span {
			padding-top    : 10px;
			padding-bottom : 10px;
			}
		.btn-submit.btn-iconfixed > .btn span {
			padding     : 10px 20px 10px 60px;
			line-height : 1.2;
			}

.btn-cancel {
	width : 100%;
	}
	.btn-cancel > .btn {
		height    : 80px;
		font-size : 20px;
		}
		.btn-cancel > .btn > span {
			padding    : 12px 12.3% 12px 24.6%;
			text-align : left;
			}

.btn-login {
	max-width : 280px;
	margin    : 20px auto 0 auto;
	padding   : 0 10px;
	}
	.btn-login > .btn {
		height      : 60px;
		font-size   : 28px;
		line-height : 1;
		}
		.btn-login > .btn span {
			padding-top    : 10px;
			padding-bottom : 10px;
			}

.btn-zipcode {
	display        : inline-block;
	width          : auto;
	height         : 31px;
	margin         : 0;
	vertical-align : top;
	}
	.btn-zipcode > .btn {
		height        : 31px;
		padding       : 0 8px;
		border-radius : 5px;
		font-size     : 14px;
		}

div.btn-double {
	padding : 0 10px;
	-webkit-box-sizing : border-box;
	-moz-box-sizing    : border-box;
	box-sizing         : border-box;
	}
	div.btn-double .col1 {
		padding-right : 15px;
		-webkit-box-sizing : border-box;
		-moz-box-sizing    : border-box;
		box-sizing         : border-box;
		}
	div.btn-double .col2 {
		padding-left : 15px;
		-webkit-box-sizing : border-box;
		-moz-box-sizing    : border-box;
		box-sizing         : border-box;
		}
	div.btn-double .btn-submit {
		padding : 0;
		}

.btn-close {
	height : 50px;
	margin : 20px auto 0 auto;
	}
	.btn-close > .btn {
		height      : 50px;
		color       : #333333;
		line-height : 1;
		background  : #dddddd;
		}

@media screen and (max-width : 740px) {
/**
 * ボタンコンテナクラス
 */
.btn-submit {
	max-width  : 280px;
	margin-top : 30px;
	}
	.btn-submit > .btn {
		font-size : 23px;
		}
		.btn-submit.btn-iconfixed > .btn span {
			padding     : 10px 15px 10px 55px;
			line-height : 1.2;
			}
.btn-login {}
	.btn-login > .btn {
		font-size : 23px;
		}

.btn-zipcode {
	display : none;
	}

div.btn-double {
	padding : 0 10px;
	-webkit-box-sizing : border-box;
	-moz-box-sizing    : border-box;
	box-sizing         : border-box;
	}
	div.btn-double .col1 {
		float         : none;
		width         : 100%;
		padding-right : 0;
		}
	div.btn-double .col2 {
		float         : none;
		width         : 100%;
		padding-left  : 0;
		}
		div.btn-double .col2 .btn-submit {
			margin-top : 10px;
			}
	div.btn-double .btn-submit {
		padding : 0 10px;
		}
}

/* -----------------------------------------------------------------------------
	220. list
----------------------------------------------------------------------------- */
dl.list-default {
	margin-top : 30px;
	}
	dl.list-default > dt {
		font-weight : bold;
		}
	dl.list-default > dd {
		margin-top   : 14px;
		padding-left : 18px;
		font-size    : 87.5%;
		background   : url(/members/common/images/liststyle/liststyle_dotted_md.png) no-repeat 0 0.5em;
		}
	dl.list-default > dd.nolist {
		padding-left : 0;
		background   : none;
		}
		dl.list-default > dd strong {
			color : #ff0000;
			}

dl.list-card {
	margin-top : 30px;
	}
	dl.list-card > dt {
		margin-bottom : 5px;
		font-weight   : bold;
		}
	dl.list-card > dd {
		display        : inline-block;
		margin-right   : 12px;
		vertical-align : middle;
		}

.list-table {
	margin-top : 30px;
	}
.list-table + .list-table {
	margin-top : 10px;
	}
h3 + .list-table {
	margin-top : 20px;
	}
	.list-table dl {
		display       : table;
		width         : 100%;
		height        : 56px;
		border-right  : 2px #cccccc solid;
		border-bottom : 2px #cccccc solid;
		-webkit-box-sizing : border-box;
		-moz-box-sizing    : border-box;
		box-sizing         : border-box;
		}
		.list-table dt {
			display        : table-cell;
			width          : 220px;
			padding        : 0 20px;
			border-top     : 2px #cccccc solid;
			border-left    : 2px #cccccc solid;
			vertical-align : middle;
			color          : #333333;
			font-size      : 100%;
			font-weight    : bold;
			background     : #f7f3f3;
			}
		.list-table dt.required {
			width               : 175px;
			padding-right       : 65px;
			background-image    : url(/members/common/images/icon/icon_required.png);
			background-repeat   : no-repeat;
			background-position : 95% center;
			background-size     : 44px auto;
			}
		.list-table dd {
			display        : table-cell;
			padding        : 10px 20px;
			border-top     : 2px #cccccc solid;
			border-left    : 2px #cccccc solid;
			vertical-align : middle;
			font-size      : 100%;
			}
			.list-table dd .caption-mailaddress {
				margin-top    : 10px;
				margin-bottom : 3px;
				font-size     : 87.5%;
				font-weight   : normal;
				}
.list-table.list-table-warning {}
	.list-table.list-table-warning dl {
		border-color : #c11920;
		}
		.list-table.list-table-warning dt {
			border-color : #c11920;
			color        : #c11920;
			font-weight  : bold;
			}
		.list-table.list-table-warning dd {
			border-color : #c11920;
			font-weight  : bold;
			}

@media screen and (max-width : 740px) {
dl.list-default {
	margin-top : 20px;
	}
	dl.list-default > dd {
		margin-top          : 10px;
		line-height         : 1.4;
		background-position : 0 .4em;
		}

dl.list-card {}
	dl.list-card > dd {
		margin-right : 7px;
		}
		dl.list-card > dd > img {
			width          : 100%;
			height         : auto;
			vertical-align : middle;
			}
	dl.list-card > dd.card-rakuten { width : 12.7%; max-width : 66px; }
	dl.list-card > dd.card-visa    { width : 12.7%; max-width : 55px; }
	dl.list-card > dd.card-master  { width : 12.7%; max-width : 56px; }
	dl.list-card > dd.card-jcb     { width : 12.7%; max-width : 58px; }
	dl.list-card > dd.card-amex    { width : 12.7%; max-width : 63px; }
	dl.list-card > dd.card-diners  { width : 12.7%; max-width : 64px; }

.list-table {
	margin-top : 20px;
	}
	.list-table dl {
		display       : table;
		width         : 100%;
		height        : 50px;
		border-right  : 2px #cccccc solid;
		border-bottom : 2px #cccccc solid;
		-webkit-box-sizing : border-box;
		-moz-box-sizing    : border-box;
		box-sizing         : border-box;
		}
		.list-table dt {
			width   : auto;
			padding : 0 10px;
			}
		.list-table dt.required {
			width               : 100%;
			padding-right       : 10px;
			background-image    : url(/members/common/images/icon/icon_required.png);
			background-repeat   : no-repeat;
			background-position : 96% center;
			background-size     : 44px auto;
			}
			.list-table dd .caption-mailaddress {
				text-align : left;
				}
		.list-table dd {
			padding : 0 10px;
			}

.list-table-vertical {}
	.list-table-vertical dl {
		display  : block;
		position : relative;
		width    : 100%;
		height   : auto;
		border   : 2px #cccccc solid;
		-webkit-box-sizing : border-box;
		-moz-box-sizing    : border-box;
		box-sizing         : border-box;
		}
		.list-table-vertical dt {
			display        : block;
			width          : 100%;
			padding        : 16px 10px;
			border         : none;
			font-size      : 16px;
			text-align     : center;
			-webkit-box-sizing : border-box;
			-moz-box-sizing    : border-box;
			box-sizing         : border-box;
			}
		.list-table-vertical dd {
			display        : block;
			width          : 100%;
			padding        : 16px 10px;
			border         : none;
			border-top     : 2px #cccccc solid;
			font-size      : 16px;
			-webkit-box-sizing : border-box;
			-moz-box-sizing    : border-box;
			box-sizing         : border-box;
			}
			.list-table-vertical dd input[type="text"] {
				display   : block;
				max-width : 100%;
				}
}

/* -----------------------------------------------------------------------------
	300. lay2col
----------------------------------------------------------------------------- */
.lay2col {
	position : relative;
	clear    : both;
	width    : 100%;
	margin   : 0;
	padding  : 0;
	}
	.lay2col .col1 {
		position : relative;
		float    : left;
		width    : 50%;
		}
	.lay2col .col2 {
		position : relative;
		float    : right;
		width    : 50%;
		}

.lay2col:before,
.lay2col:after {
	content : " ";
	display : table;
	}
.lay2col:after {
	clear : both;
	}
.lay2col {
	*zoom : 1;
	}

/* -----------------------------------------------------------------------------
	301. lay3col
----------------------------------------------------------------------------- */
.lay3col {
	position : relative;
	clear    : both;
	width    : 100%;
	margin   : 0;
	padding  : 0;
	}
	.lay3col .col1 {
		position : relative;
		float    : left;
		width    : 33%;
		}
	.lay3col .col2 {
		position : relative;
		float    : left;
		width    : 33%;
		}
	.lay3col .col3 {
		position : relative;
		float    : left;
		width    : 33%;
		}

.lay3col:before,
.lay3col:after {
	content : " ";
	display : table;
	}
.lay3col:after {
	clear : both;
	}
.lay3col {
	*zoom : 1;
	}

/* -----------------------------------------------------------------------------
	310. section-default
----------------------------------------------------------------------------- */
.section-default {
	position   : relative;
	margin-top : 30px;
	padding    : 0 10px;
	}
.section-default + .section-default,
.section-login + .section-default {
	margin-top : 50px;
	}
.layout-contents-single .section-default {
	padding : 0;
	}
	.section-default > .innerblock {}
	.section-default > h3 + .innerblock {
		margin-top : 20px;
		}
		.section-default > .innerblock > :first-child {
			margin-top : 0 !important;
			}

@media screen and (max-width : 740px) {
.section-default {
	margin-top : 20px;
	padding    : 0;
	}
.section-default + .section-default,
.section-login + .section-default {
	margin-top : 40px;
	}
	.section-default > .innerblock {
		padding : 0 10px;
		}
	.section-default.no-padding > .innerblock {
		padding : 0;
		}
}

/* -----------------------------------------------------------------------------
	311. section-head
----------------------------------------------------------------------------- */
.section-head {
	position : relative;
	}

@media screen and (max-width : 740px) {
.section-head {
	padding : 0 10px;
	}
}

/* -----------------------------------------------------------------------------
	312. section-login
----------------------------------------------------------------------------- */
.section-login {
	position   : relative;
	margin-top : 20px;
	padding    : 0;
	}
.section-login + .section-login {
	margin-top : 30px;
	}
	.section-login .section-login-head {
		display    : table;
		width      : 100%;
		background : #666666;
		}
		.section-login-head .section-login-head-caption {
			display        : table-cell;
			height         : 30px;
			padding        : 10px 0 10px 10px;
			border-bottom  : 2px #cccccc solid;
			vertical-align : middle;
			}
			.section-login-head-caption h3 {
				position    : relative;
				padding     : 3px 0 0 0;
				border-left : none;
				color       : #ffffff;
				font-size   : 27px;
				font-weight : bold;
				line-height : 1.1;
				}
		.section-login-head .section-login-head-btn {
			display        : table-cell;
			height         : 50px;
			padding-right  : 10px;
			border-bottom  : 2px #cccccc solid;
			vertical-align : middle;
			text-align     : right;
			}
			.section-login-head-btn > a {
				display         : inline-block;
				padding-top     : 3px;
				color           : #ffffff;
				font-size       : 112.5%;
				text-decoration : none;
				}
	.section-login .section-login-extend {
		padding    : 10px;
		background : #eeeeee;
		}
		.section-login-extend > .innerblock {
			padding    : 10px;
			background : #ffffff;
			}
			.section-login-extend dl {}
				.section-login-extend dl dt {
					margin-bottom : 10px;
					font-weight   : bold;
					line-height   : 1.2;
					}
					.section-login-extend dl dt span {
						display     : inline-block;
						margin-top  : 6px;
						font-size   : 14px;
						font-weight : normal;
						}
				.section-login-extend dl dd {
					margin-left  : .5em;
					padding-left : .8em;
					font-size    : 87.5%;
					background   : url(/members/common/images/liststyle/liststyle_dotted_sm.png) no-repeat 0 0.5em;
					}
	.section-login .section-login-body {
		position   : relative;
		padding    : 20px 0;
		background : #f7f3f3;
		}
		.section-login-body > .innerblock {
			max-width : 770px;
			margin    : 0 auto;
			}

@media screen and (max-width : 740px) {
.section-login {}
	.section-login .section-login-head {
		display : block;
		}
		.section-login-head .section-login-head-caption {
			display        : block;
			height         : auto;
			padding        : 10px;
			border-bottom  : 1px #dddddd solid;
			}
			.section-login-head-caption h3 {
				display    : block;
				height     : auto;
				font-size  : 20px;
				background : none;
				}
		.section-login-head .section-login-head-btn {
			display    : block;
			height     : auto;
			padding    : 5px 10px;
			text-align : left;
			}
			.section-login-head-btn > a {
				padding-top : 0;
				font-size   : 100%;
				}
	.section-login .section-login-extend {}
		.section-login-extend > .innerblock {}
			.section-login-extend .col1,
			.section-login-extend .col2 {
				float : none;
				width : 100%;
				}
			.section-login-extend .col2 {
				margin-top : 15px;
				}
			.section-login-extend dl {}
				.section-login-extend dl dt {}
				.section-login-extend dl dd {
					line-height  : 1.2;
					background   : url(/members/common/images/liststyle/liststyle_dotted_sm.png) no-repeat 0 0.35em;
					}
	.section-login .section-login-body {
		padding : 20px 10px;
		}
}

/* -----------------------------------------------------------------------------
	313. section-agreement
----------------------------------------------------------------------------- */
@media screen and (min-width : 741px) {
.section-agreement {}
	.section-agreement > .innerblock {
		display : block !important;
		}
}

/* -----------------------------------------------------------------------------
	314. section-steps
----------------------------------------------------------------------------- */
.section-steps {
	padding-bottom  : 50px;
	background      : url(/members/common/images/bg_section_steps.png) no-repeat center bottom;
	background-size : 100px auto;
	}
	.section-steps .lay2col {}
		.section-steps .lay2col .col1 {
			width         : 100%;
			margin-right  : -240px;
			padding-right : 310px;
			-webkit-box-sizing : border-box;
			-moz-box-sizing    : border-box;
			box-sizing         : border-box;
			}
		.section-steps .lay2col .col2 {
			width : 240px;
			}

@media screen and (max-width : 740px) {
.section-steps {
	padding-bottom : 40px;
	}
.section-steps + .section-steps,
.section-steps + .section-default {
	margin-top : 20px;
	}
	.section-steps .lay2col {}
		.section-steps .lay2col .col1 {
			float         : none;
			margin-right  : 0;
			padding-right : 0;
			}
		.section-steps .lay2col .col2 {
			float      : none;
			width      : 100%;
			margin-top : 20px;
			}
}

/* -----------------------------------------------------------------------------
	400. mod-notice
----------------------------------------------------------------------------- */
.mod-notice {
	margin-top : 30px;
	}
h3 + .mod-notice {
	margin-top : 20px;
	}
	.mod-notice-caption {
		font-weight : bold;
		}
	.mod-notice-body {
		padding    : 20px;
		background : #f8f7e0;
		}
	.mod-notice-caption + .mod-notice-body {
		margin-top : 5px;
		}
		.mod-notice-body > :first-child {
			margin-top : 0 !important;
			}
		.mod-notice-body p {
			font-size   : 75%;
			line-height : 1.5;
			}
		.mod-notice-body p + p {
			margin-top : 15px;
			}
		.mod-notice-body p.text-hazard {
			font-size : 14px;
			}
		.mod-notice-body dl {
			margin-top : 20px;
			}
			.mod-notice-body dl dt {
				font-size   : 87.5%;
				font-weight : bold;
				}
			.mod-notice-body dl dd {
				margin-top : 3px;
				font-size  : 75%;
				}
		.mod-notice-body ul {
			margin-top : 20px;
			}
			.mod-notice-body ul li {
				padding-left : 7px;
				font-size    : 75.0%;
				background   : url(/members/common/images/liststyle/liststyle_dotted_xs.png) no-repeat 0 0.5em;
				}
			.mod-notice-body ul li + li {
				margin-top : 12px;
				}
				.mod-notice-body ul li strong {
					color : #ff0000;
					}
		.mod-notice-body ul.error {
			margin-top      : 20px;
			padding-left    : 34px;
			background      : url(/members/common/images/icon/icon_hazard.png) no-repeat 0 0;
			background-size : 29px auto;
			min-height : 26px;			/*** エラーメッセージが1行の場合、三角アイコンの下が切れてしまうために追加 ***/
			}
			.mod-notice-body ul.error li {
				margin-left  : 1em;
				padding-left : 7px;
				color        : #ff0000;
				font-size    : 87.5%;
				font-weight  : bold;
				text-indent  : -1em;
				background   : none;
				}
			.mod-notice-body ul.error li + li {
				margin-top : 10px;
				}

@media screen and (max-width : 740px) {
.mod-notice {}
	.mod-notice-body {
		padding : 15px;
		}
		.mod-notice-body dl {}
			.mod-notice-body dl dt {
				font-size : 100%;
				}
			.mod-notice-body dl dd {
				margin-top : 3px;
				font-size  : 75%;
				}
		.mod-notice-body ul {}
			.mod-notice-body ul li + li {
				margin-top : 6px;
				}
}

/* -----------------------------------------------------------------------------
	401. mod-overflowbox
----------------------------------------------------------------------------- */
.mod-overflowbox {
	height    : 276px;
	padding   : 10px;
	border    : 2px #cccccc solid;
	word-wrap : break-word;
	overflow  : auto;
	}
h3 + .mod-overflowbox {
	margin-top : 20px;
	}
	.mod-overflowbox h4 {
		font-weight : bold;
		}
	.mod-overflowbox h5 {
		margin-top  : 1.6em;
		font-size   : 87.5%;
		font-weight : bold;
		}
	.mod-overflowbox p {
		margin-top  : 1.6em;
		font-size   : 87.5%;
		line-height : 1.4;
		}
	.mod-overflowbox p.copy {
		margin-top  : 2em;
		}
	.mod-overflowbox p + p {
		margin-top : 0.7em;
		}
	.mod-overflowbox h5 + p {
		margin-top : 0.7em;
		}
	.mod-overflowbox ol {
		margin-top : 0.7em;
		}
		.mod-overflowbox ol li {
			position     : relative;
			padding-left : 2em;
			font-size    : 87.5%;
			line-height  : 1.4;
			}
		.mod-overflowbox ol li + li {
			margin-top : 0.7em;
			}
			.mod-overflowbox ol li > span {
				position : absolute;
				left     : 0;
				top      : 0;
				}

@media screen and (max-width : 740px) {
.mod-overflowbox {
	height : auto;
	}
}

/* -----------------------------------------------------------------------------
	402. mod-agreebox
----------------------------------------------------------------------------- */
.mod-agreebox {
	position   : relative;
	margin-top : 10px;
	padding    : 15px 25px 25px 25px;
	border     : 4px #bf0000 solid;
	background : #f7f3f3;
	}
	.mod-agreebox-checkbox {
		display : table;
		width   : 100%;
		}
		.mod-agreebox-checkbox-check {
			display        : table-cell;
			width          : 25px;
			padding-right  : 15px;
			vertical-align : top;
			}
		.mod-agreebox-checkbox-caption {
			display        : table-cell;
			vertical-align : top;
			font-weight    : bold;
			}
			.mod-agreebox-checkbox-caption > br {
				display : none;
				}
			.mod-agreebox-checkbox-caption > br.sp {
				display : none;
				}
	.mod-agreebox .btn-submit {
		margin-top : 20px;
		padding    : 0;
		}

@media screen and (max-width : 740px) {
.mod-agreebox {
	padding : 10px;
	}
	.mod-agreebox-checkbox {
		display : table;
		width   : 100%;
		}
		.mod-agreebox-checkbox-check {
			padding-right : 10px;
			}
		.mod-agreebox-checkbox-caption {
			font-size : 14px;
			}
			.mod-agreebox-checkbox-caption > br {
				display : none;
				}
			.mod-agreebox-checkbox-caption > br.sp {
				display : block;
				}
}

/* -----------------------------------------------------------------------------
	403. mod-banner
----------------------------------------------------------------------------- */
.mod-banner {
	display    : block;
	margin-top : 30px;
	}
	.mod-banner > img {
		width  : 100%;
		height : auto;
		}
	.mod-banner > img.sp {
		display : none;
		}

@media screen and (max-width : 740px) {
.mod-banner {
	margin-top : 20px;
	}
	.mod-banner > img.pc {
		display : none;
		}
	.mod-banner > img.sp {
		display : inline;
		}
}

/* -----------------------------------------------------------------------------
	404. mod-btns-cancel
----------------------------------------------------------------------------- */
.mod-btns-cancel {}
	.mod-btns-cancel-left {
		float         : left;
		width         : 50%;
		padding-right : 3.57%;
		-webkit-box-sizing : border-box;
		-moz-box-sizing    : border-box;
		box-sizing         : border-box;
		}
	.mod-btns-cancel-right {
		float        : right;
		width        : 50%;
		padding-left : 3.57%;
		-webkit-box-sizing : border-box;
		-moz-box-sizing    : border-box;
		box-sizing         : border-box;
		}

@media screen and (max-width : 740px) {
.mod-btns-cancel {}
	.mod-btns-cancel-left {
		float         : none;
		width         : 100%;
		max-width     : 300px;
		margin        : 0 auto;
		padding-right : 0;
		}
	.mod-btns-cancel-right {
		float        : none;
		width        : 100%;
		max-width    : 300px;
		margin       : 10px auto 0 auto;
		padding-left : 0;
		}
}

/* -----------------------------------------------------------------------------
	405. mod-telnumber
----------------------------------------------------------------------------- */
.mod-telnumber {
	position   : relative;
	max-width  : 445px;
	margin     : 20px auto 0 auto;
	background : #ffffff;
	}
	.mod-telnumber > .innerblock {
		padding : 9px 12px;
		border  : 3px #cccccc solid;
		}
		.mod-telnumber-tel,
		.mod-telnumber-mail {
			display : table;
			}
			.mod-telnumber-tel span,
			.mod-telnumber-mail span {
				display        : table-cell;
				vertical-align : middle;
				}
			.mod-telnumber-tel .number,
			.mod-telnumber-mail .number {
				width         : 190px;
				padding-right : 15px;
				font-size     : 18px;
				font-weight   : bold;
				}
			.mod-telnumber-mail .number {
				width         : auto;
				}
				.mod-telnumber-tel .number:before,
				.mod-telnumber-mail .number:before {
					content         : "";
					display         : inline-block;
					position        : relative;
					width           : 27px;
					height          : 27px;
					margin-right    : 8px;
					vertical-align  : middle;
					background      : url(/members/common/images/icon/icon_tel.png) no-repeat 0 0;
					background-size : 27px auto;
					}
				.mod-telnumber-mail .number:before {
					background      : url(/members/common/images/icon/icon_mail.png) no-repeat 0 0;
					background-size : 27px auto;
					}
			.mod-telnumber-tel .caption {
				font-size : 12px;
				}

@media screen and (max-width : 740px) {
.mod-telnumber {
	max-width  : 260px;
	}
	.mod-telnumber > .innerblock {}
		.mod-telnumber-tel,
		.mod-telnumber-mail {
			display : block;
			}
			.mod-telnumber-tel span,
			.mod-telnumber-mail span {
				display        : block;
				vertical-align : top;
				}
			.mod-telnumber-tel .number,
			.mod-telnumber-mail .number {
				width         : 100%;
				padding-right : 0;
				text-align    : center;
				}
			.mod-telnumber-tel .caption {
				margin-top : 8px;
				font-size  : 12px;
				text-align : center;
				}
}

/* -----------------------------------------------------------------------------
	406. mod-lte
----------------------------------------------------------------------------- */
.mod-lte {
	position   : relative;
	margin     : 20px auto 0 auto;
	border     : 2px #eeeeee solid;
	}
	.mod-lte .mod-lte-head {
		display : table;
		width   : 100%;
		}
		.mod-lte-head > .innerblock {
			display        : table-cell;
			width          : 100%;
			height         : 90px;
			vertical-align : middle;
			color          : #c11920;
			font-size      : 150%;
			line-height    : 1;
			font-weight    : bold;
			text-align     : center;
			background     : #eeeeee;
			}
			.mod-lte-head > .innerblock strong {
				display        : inline-block;
				margin         : 0 5px 0 .5em;
				font-size      : 48px;
				vertical-align : middle;
				}
			.mod-lte-head > .innerblock span.unit {
				display        : inline-block;
				position       : relative;
				top            : -0.2em;
				vertical-align : bottom;
				}
	.mod-lte .mod-lte-sim,
	.mod-lte .mod-lte-speed {
		position   : relative;
		width      : 100%;
		background : #ffffff;
		}
		.mod-lte-sim > dl,
		.mod-lte-speed > dl {
			display : table;
			width   : 430px;
			margin  : 0 auto;
			}
			.mod-lte-sim > dl > dt,
			.mod-lte-speed > dl > dt {
				display        : table-cell;
				width          : 38%;
				height         : 80px;
				font-weight    : bold;
				vertical-align : middle;
				}
			.mod-lte-sim > dl > dd,
			.mod-lte-speed > dl > dd {
				display        : table-cell;
				width          : 62%;
				vertical-align : middle;
				}
			.mod-lte-speed > dl > dd {
				font-size : 112.5%;
				}
				.mod-lte-sim > dl > dd > dl,
				.mod-lte-speed > dl > dd > dl {}
					.mod-lte-sim > dl > dd > dl > dt,
					.mod-lte-speed > dl > dd > dl > dt {
						display : inline-block;
						}
					.mod-lte-sim > dl > dd > dl > dd,
					.mod-lte-speed > dl > dd > dl > dd {
						display : inline-block;
						}
						.mod-lte-sim > dl > dd > dl > dd:before,
						.mod-lte-speed > dl > dd > dl > dd:before {
							content : ":";
							display : inline-block;
							margin  : 0 5px 0 0;
							}
					.mod-lte-sim > dl > dd > dl > dt {
						width : 95px;
						}
	.mod-lte .mod-lte-speed {
		background : #f7f3f3;
		}

@media screen and (max-width : 740px) {
.mod-lte {}
	.mod-lte .mod-lte-head {
		display : block;
		}
		.mod-lte-head > .innerblock {
			display        : block;
			width          : 100%;
			height         : auto;
			padding        : 15px 10px;
			vertical-align : top;
			font-size      : 18px;
			line-height    : 1.2;
			-webkit-box-sizing : border-box;
			-moz-box-sizing    : border-box;
			box-sizing         : border-box;
			}
			.mod-lte-head > .innerblock strong {
				display        : inline-block;
				margin         : 10px 5px 0 0;
				font-size      : 36px;
				line-height    : 1;
				vertical-align : top;
				}
			.mod-lte-head > .innerblock span {
				display : block;
				}
	.mod-lte .mod-lte-sim,
	.mod-lte .mod-lte-speed {}
		.mod-lte-sim > dl,
		.mod-lte-speed > dl {
			display : block;
			width   : 100%;
			padding : 15px 10px;
			-webkit-box-sizing : border-box;
			-moz-box-sizing    : border-box;
			box-sizing         : border-box;
			}
			.mod-lte-sim > dl > dt,
			.mod-lte-speed > dl > dt {
				display        : block;
				width          : 100%;
				height         : auto;
				margin-bottom  : 3px;
				vertical-align : top;
				}
			.mod-lte-sim > dl > dd,
			.mod-lte-speed > dl > dd {
				display        : block;
				width          : 100%;
				vertical-align : top;
				}
			.mod-lte-speed > dl > dd {
				font-size : 100%;
				}
}

/* -----------------------------------------------------------------------------
	410. mod-table
----------------------------------------------------------------------------- */
.mod-table {
	display       : table;
	width         : 100%;
	margin-top    : 30px;
	border-right  : 2px #cccccc solid;
	border-bottom : 2px #cccccc solid;
	-webkit-box-sizing : border-box;
	-moz-box-sizing    : border-box;
	box-sizing         : border-box;
	}
h3 + .mod-table {
	margin-top : 20px;
	}
	.mod-table dl {
		display : table-row;
		height  : 50px;
		}
		.mod-table dt {
			display        : table-cell;
			width          : 230px;
			padding        : 0 15px;
			border-top     : 2px #cccccc solid;
			border-left    : 2px #cccccc solid;
			vertical-align : middle;
			font-size      : 100%;
			font-weight    : bold;
			background     : #f7f3f3;
			}
		.mod-table dt.required {
			width               : 180px;
			padding-right       : 65px;
			background-image    : url(/members/common/images/icon/icon_required.png);
			background-repeat   : no-repeat;
			background-position : 95% 14px;
			background-size     : 44px auto;
			}
		.mod-table dd {
			display        : table-cell;
			padding        : 10px 20px;
			border-top     : 2px #cccccc solid;
			border-left    : 2px #cccccc solid;
			vertical-align : middle;
			font-size      : 100%;
			}
			.mod-table dd .link-securitycode {
				display         : inline-block;
				margin-left     : 20px;
				color           : inherit;
				font-size       : 75%;
				font-weight     : normal;
				text-decoration : none;
				}
				a.link-securitycode:before {
					top : 2px !important;
					}
.mod-table.mod-table-warning {
	border-color : #c11920;
	}
	.mod-table.mod-table-warning dl {}
		.mod-table.mod-table-warning dt {
			border-color : #c11920;
			color        : #c11920;
			font-weight  : bold;
			}
		.mod-table.mod-table-warning dd {
			border-color : #c11920;
			font-weight  : bold;
			}

@media screen and (max-width : 740px) {
.mod-table {
	margin-top : 20px;
	}
	.mod-table dl {}
		.mod-table dt {
			width   : auto;
			padding : 0 10px;
			}
		.mod-table dd {
			padding : 0 10px;
			}
			.mod-table dd .link-securitycode {
				text-align : left;
				}
.mod-table-vertical {}
	.mod-table-vertical dl {
		display : block;
		height  : auto;
		}
		.mod-table-vertical dt {
			display    : block;
			width      : 100%;
			padding    : 16px 10px;
			font-size  : 16px;
			text-align : center;
			-webkit-box-sizing : border-box;
			-moz-box-sizing    : border-box;
			box-sizing         : border-box;
			}
		.mod-table-vertical dd {
			display    : block;
			width      : 100%;
			padding    : 16px 10px;
			font-size  : 16px;
			-webkit-box-sizing : border-box;
			-moz-box-sizing    : border-box;
			box-sizing         : border-box;
			}
.mod-table-vertical-fill {
	display : block;
	border  : none;
	}
	.mod-table-vertical-fill dl {
		display : block;
		height  : auto;
		}
		.mod-table-vertical-fill dt {
			display    : block;
			width      : 100%;
			padding    : 10px;
			border     : none;
			text-align : center;
			-webkit-box-sizing : border-box;
			-moz-box-sizing    : border-box;
			box-sizing         : border-box;
			}
		.mod-table-vertical-fill dt.required {
			width               : 100%;
			padding-right       : 10px;
			background-image    : url(/members/common/images/icon/icon_required.png);
			background-repeat   : no-repeat;
			background-position : 97% center;
			background-size     : 44px auto;
			}
		.mod-table-vertical-fill dd {
			display : block;
			padding : 10px 20px 20px 20px;
			border  : none;
			-webkit-box-sizing : border-box;
			-moz-box-sizing    : border-box;
			box-sizing         : border-box;
			}
			.mod-table-vertical-fill dd .link-securitycode {
				margin-left : 10px;
				}
.mod-table-personaldata {
	border : 2px #cccccc solid;
	}
	.mod-table-personaldata dl {
		height : auto;
		}
		.mod-table-personaldata dt {
			width      : 100px;
			padding    : 10px;
			border     : none;
			background : #ffffff;
			}
		.mod-table-personaldata dd {
			padding    : 10px 20px 10px 0;
			border     : none;
			text-align : right;
			}
	.mod-table-personaldata dl:nth-child(even) dt,
	.mod-table-personaldata dl:nth-child(even) dd {
		background : #f7f3f3;
		}
}

/* -----------------------------------------------------------------------------
	411. mod-loginform
----------------------------------------------------------------------------- */
.mod-loginform {
	display       : table;
	width         : 100%;
	height        : 60px;
	margin-top    : 20px;
	border-bottom : 2px #cccccc solid;
	background    : #ffffff;
	}
.mod-loginform.noboder {
	border-bottom: none;
	}
.mod-loginform + .mod-loginform {
	margin-top : 10px;
	}
.mod-loginform + .mod-loginform.sub-block {
	margin-top: 0;
	height: auto;
	}
	.mod-loginform p {
		display        : table-cell;
		vertical-align : middle;
		}
	.mod-loginform .label {
		width       : 120px;
		padding     : 0 20px;
		color       : #c11920;
		font-size   : 112.5%;
		font-weight : bold;
		}
	.mod-loginform .input {
		width : auto;
		}
	.mod-loginform .suffix {
		width   : 250px;
		padding : 0 20px 0 14px;
		}
	.mod-loginform .sub-comment {
		padding: 0 20px 10px;
		}
		.mod-loginform .sub-comment span.text-indent {
			display: inline-block;
			}
	.mod-loginform .suffix.alignright {
		text-align : right;
		}
	.mod-loginform .suffix a {
		color           : #333333;
		font-size       : 87.5%;
		text-decoration : none;
	}

@media screen and (max-width : 740px) {
.mod-loginform {
	display : block;
	height  : auto;
	padding : 10px;
	-webkit-box-sizing : border-box;
	-moz-box-sizing    : border-box;
	box-sizing         : border-box;
	}
	.mod-loginform p {
		display        : block;
		vertical-align : top;
		}
	.mod-loginform .label {
		width       : 100%;
		padding     : 0;
		font-size   : 18px;
		text-align  : center;
		}
	.mod-loginform .input {
		width      : auto;
		margin-top : 5px;
		}
	.mod-loginform .suffix {
		width      : 100%;
		margin-top : 5px;
		padding    : 0;
		}
	.mod-loginform .suffix.alignright {
		text-align : left;
		}
		.mod-loginform .suffix a {
			font-size : 12px;
			}
}

/* -----------------------------------------------------------------------------
	412. mod-supports
----------------------------------------------------------------------------- */
.mod-supports {
	margin-top : 20px;
	}
	.mod-supports > .lay2col {
		margin-top : 10px;
		}
		.mod-supports > .lay2col .col1 {
			padding-right : 20px;
			-webkit-box-sizing : border-box;
			-moz-box-sizing    : border-box;
			box-sizing         : border-box;
			}
		.mod-supports > .lay2col .col2 {
			padding-left : 20px;
			-webkit-box-sizing : border-box;
			-moz-box-sizing    : border-box;
			box-sizing         : border-box;
			}
			.mod-supports .boxlink > a {
				width : 100%;
				}

@media screen and (max-width : 740px) {
.mod-supports {}
	.mod-supports > .lay2col {}
		.mod-supports > .lay2col .col1 {
			float         : none;
			width         : 100%;
			padding-right : 0;
			}
		.mod-supports > .lay2col .col2 {
			float         : none;
			width         : 100%;
			margin-top    : 10px;
			padding-left  : 0;
			}
			.mod-supports .boxlink > a {
				width : 100%;
				}
}

/* -----------------------------------------------------------------------------
	413. mod-accountnumber
----------------------------------------------------------------------------- */
.mod-accountnumber {
	position      : relative;
	width         : 240px;
	margin-bottom : 30px;
	padding       : 2px;
	border-radius : 8px;
	background    : #c11920;
	-webkit-box-sizing : border-box;
	-moz-box-sizing    : border-box;
	box-sizing         : border-box;
	}
	.mod-accountnumber-head {
		padding     : 5px 20px;
		color       : #ffffff;
		font-size   : 87.5%;
		font-weight : bold;
		}
	.mod-accountnumber-body {
		margin        : 0;
		padding       : 14px 0;
		border-radius : 0 0 7px 7px;
		font-weight   : bold;
		text-align    : center;
		background    : #ffffff;
		}

@media screen and (max-width : 740px) {
.mod-accountnumber {
	margin-right : auto;
	margin-left  : auto;
	}
}

/* -----------------------------------------------------------------------------
	414. mod-form-alert
----------------------------------------------------------------------------- */
.mod-form-alert {
	display       : inline-block;
	position      : absolute;
	left          : 0;
	top           : 100%;
	margin-top    : 5px;
	padding       : 10px;
	border        : 1px #adadad solid;
	border-radius : 4px;
	font-size     : 87.5%;
	font-weight   : normal;
	line-height   : 1.3;
	white-space   : nowrap;
	background    : rgba(249, 249, 249, 0.8);
	z-index       : 1000;
	}
	.mod-form-alert-position .mod-form-alert:before {
		content    : "";
		display    : block;
		position   : absolute;
		left       : 12%;
		top        : -12px;
		width      : 12px;
		height     : 12px;
		background : url(../../../../../members/common/images/img_alert_arrow.png) no-repeat 0 0;
		}

.mod-form-alert-position {
	position    : relative !important;
	margin      : 0 !important;
	font-size   : inherit !important;
	line-height : inherit !important;
	}

@media screen and (max-width : 740px) {
.mod-form-alert {
	display       : block !important;
	position      : relative;
	left          : auto;
	top           : auto;
	margin-top    : 5px;
	padding       : 0;
	border        : none;
	border-radius : 0;
	font-size     : 75%;
	text-align    : left;
	white-space   : normal;
	background    : none;
	z-index       : auto;
	}
	.mod-form-alert-position .mod-form-alert:before {
		display : none;
		}
}

/* -----------------------------------------------------------------------------
	415. mod-display
----------------------------------------------------------------------------- */
.mod-display {
	margin : 20px 0;
	}
	.mod-display .mod-display-pc {
		display : block;
		}
	.mod-display .mod-display-sp {
		display : none;
		}

@media screen and (max-width : 740px) {
.mod-display {}
	.mb .mod-display .mod-display-pc {
		display : none;
		}
	.mb .mod-display .mod-display-sp {
		display : block;
		}
}

/* -----------------------------------------------------------------------------
	416. mod-demand
----------------------------------------------------------------------------- */
.mod-demand {}
	.mod-demand .col1 {
		width   : 70px;
		padding : 0 10px;
		}
	.mod-demand .col2 {
		width   : auto;
		padding : 0 10px;
		}
	.mod-demand .col3 {
		width   : 70px;
		padding : 0 10px;
		}
	.mod-demand .col4 {
		width   : auto;
		padding : 0 10px;
		}
	.mod-demand .col5 {
		width   : 120px;
		padding : 0 10px;
		}
	.mod-demand > p {}
		.mod-demand > p span {
			display        : inline-block;
			vertical-align : middle;
			line-height    : 1;
			}
	.mod-demand-inner {
		position   : relative;
		margin-top : 15px;
		}
		.mod-demand-head {
			padding       : 6px 2px;
			border-bottom : 2px #bbbbbb solid;
			background    : #dddddd;
			}
			.mod-demand-head > ul {
				display      : table;
				width        : 100%;
				table-layout : fixed;
				}
				.mod-demand-head > ul li {
					display        : table-cell;
					height         : 30px;
					vertical-align : middle;
					font-size      : 87.5%;
					font-weight    : bold;
					text-align     : center;
					}
				.mod-demand-head > ul li + li {
					border-left : 1px #ffffff solid;
					}
		.mod-demand-body {
			border     : 2px #eeeeee solid;
			border-top : none;
			}
			.mod-demand-group {}
			.mod-demand-group:nth-child(even) {
				background : #f7f3f3;
				}
				.mod-demand-group-head {
					display : none;
					}
				.mod-demand-group-body {}
					.mod-demand-group-body > ul {
						display      : table;
						width        : 100%;
						table-layout : fixed;
						}
						.mod-demand-group-body > ul li {
							display        : table-cell;
							height         : 40px;
							vertical-align : middle;
							text-align     : right;
							}
						.mod-demand-group-body > ul li + li {
							border-left : 1px #dddddd solid;
							}
							.mod-demand-group-body > ul li > dl {}
								.mod-demand-group-body > ul li > dl dt {
									display : none;
									}
								.mod-demand-group-body > ul li > dl dd {
									font-size : 87.5%;
									}
@media print, screen and (min-width : 741px) {
.mod-demand-group-body {
	display : block !important;
	}
}
@media screen and (max-width : 740px) {
.mod-demand {}
	.mod-demand .col1,
	.mod-demand .col2,
	.mod-demand .col3,
	.mod-demand .col4,
	.mod-demand .col5 {
		width   : auto;
		padding : 0;
		}
	.mod-demand-inner {}
		.mod-demand-head {
			display : none;
			}
		.mod-demand-body {
			border : none;
			}
			.mod-demand-group {
				border : 2px #eeeeee solid;
				}
			.mod-demand-group:nth-child(even) {
				background : none;
				}
			.mod-demand-group + .mod-demand-group {
				margin-top : 5px;
				}
				.mod-demand-group-head {
					display  : block;
					position : relative;
					}
					.mod-demand-group-head > a {
						display         : table;
						width           : 100%;
						color           : #333333;
						text-decoration : none;
						background      : #eeeeee;
						}
						.mod-demand-group-head > a span {
							display        : table-cell;
							height         : 40px;
							vertical-align : middle;
							font-size      : 14px;
							font-weight    : bold;
							text-align     : center;
							}
						.mod-demand-group-head > a span.toggle {
							display         : block;
							position        : absolute;
							right           : 10px;
							top             : 50%;
							width           : 20px;
							height          : 20px;
							margin-top      : -10px;
							font-size       : 0;
							text-indent     : -9999px;
							overflow        : hidden;
							background      : url(/members/common/images/controls.png) no-repeat -43px -1px;
							background-size : 192px auto;
							}
						.mod-demand-group-head > a.opened span.toggle {
							background-position : -43px -22px;
							}
				.mod-demand-group-body {}
					.mod-demand-group-body > ul {
						display : block;
						}
						.mod-demand-group-body > ul li {
							display : block;
							}
						.mod-demand-group-body > ul li + li {
							border-left : none;
							}
						.mod-demand-group-body > ul li:nth-child(odd) {
							background : #f7f3f3;
							}
						.mod-demand-cell-date {
							display : none !important;
							}
							.mod-demand-group-body > ul li > dl {
								display : table;
								width   : 100%;
								}
								.mod-demand-group-body > ul li > dl dt {
									display        : table-cell;
									padding        : 10px;
									vertical-align : middle;
									font-size      : 14px;
									font-weight    : bold;
									text-align     : left;
									}
								.mod-demand-group-body > ul li > dl dd {
									display        : table-cell;
									padding        : 10px;
									vertical-align : middle;
									font-size      : 14px;
									text-align     : right;
									}
}

/* -----------------------------------------------------------------------------
	417. mod-planstatus
----------------------------------------------------------------------------- */
.mod-planstatus {}
.mod-planstatus + .mod-planstatus {
	margin-top  : 40px;
	padding-top : 20px;
	border-top  : 1px #cccccc solid;
	}
	.mod-planstatus h4 {
		font-weight : bold;
		}
	.mod-planstatus-basic {}
		.mod-planstatus-basic h4 + * {
			margin-top : 20px;
			}
	.mod-planstatus-options {
		margin-top : 30px;
		}
		.mod-planstatus-options > .lay3col {
			margin-top : 20px;
			}
			.mod-planstatus-options > .lay3col > div {
				width : 33.33333333%;
				-webkit-box-sizing : border-box;
				-moz-box-sizing    : border-box;
				box-sizing         : border-box;
				}
			.mod-planstatus-options > .lay3col > .col1 {
				padding-right : 10px;
				}
			.mod-planstatus-options > .lay3col > .col2 {
				padding-right : 5px;
				padding-left  : 5px;
				}
			.mod-planstatus-options > .lay3col > .col3 {
				padding-left  : 10px;
				}
			.mod-planstatus-options .option {
				position   : relative;
				overflow   : hidden;
				padding    : 40px 10px 20px 10px;
				background : #f3ebeb;
				-webkit-box-sizing : border-box;
				-moz-box-sizing    : border-box;
				box-sizing         : border-box;
				}
				.mod-planstatus-options .option > .innerblock {
					position   : relative;
					min-height : 320px;
					}
					.mod-planstatus-options .option-status {
						display     : block;
						position    : absolute;
						left        : 0;
						top         : 0;
						width       : 70px;
						max-height  : 26px;
						padding     : 5px 0;
						color       : #ffffff;
						text-align  : center;
						line-height : 1;
						background  : #c11920;
						box-shadow  : 0 0 3px rgba(0, 0, 0, 0.5);
						}
						.mod-planstatus-options .option-status:before {
							content     : "";
							display     : block;
							position    : absolute;
							left        : 100%;
							top         : 0;
							width       : 0;
							height      : 0;
							border      : 13px solid transparent;
							border-top  : 13px solid #c11920;
							border-left : 13px solid #c11920;
							}
					.mod-planstatus-options h5 {
						font-weight : bold;
						}
					.mod-planstatus-options .option-image {
						display     : block;
						margin      : 20px auto 0 auto;
						font-size   : 0;
						text-indent : -9999px;
						overflow    : hidden;
						}
					.option-mailaddress .option-image {
						width      : 92px;
						height     : 69px;
						background : url(/members/common/images/icon/icon_mailaddress.png) no-repeat 0 0;
						}
					.option-mailaddress.disabled .option-image {
						background : url(/members/common/images/icon/icon_mailaddress_disabled.png) no-repeat 0 0;
						}
					.option-security .option-image {
						width      : 74px;
						height     : 87px;
						background : url(/members/common/images/icon/icon_security.png) no-repeat 0 0;
						}
					.option-security.disabled .option-image {
						background : url(/members/common/images/icon/icon_security_disabled.png) no-repeat 0 0;
						}
					.option-care .option-image {
						width      : 82px;
						height     : 82px;
						margin-top : 25px;
						background : url(/members/common/images/icon/icon_care.png) no-repeat 0 0;
						}
					.option-care.disabled .option-image {
						background : url(/members/common/images/icon/icon_care_disabled.png) no-repeat 0 0;
						}
					.option-tel5min .option-image {
						width      : 80px;
						height     : 90px;
						background : url(/members/common/images/icon/icon_tel5min.png) no-repeat center center;
						}
					.option-tel5min.disabled .option-image {
						background : url(/members/common/images/icon/icon_tel5min_disabled.png) no-repeat 0 center;
						}

					.mod-planstatus-options .option > .innerblock > p {
						margin-top  : 25px;
						padding     : 0 12px;
						font-size   : 87.5%;
						line-height : 1.5;
						}

					.mod-planstatus-options .option-mailstatus {
						display       : table;
						width         : 100%;
						height        : 60px;
						margin-top    : 20px;
						border-bottom : 2px #cccccc solid;
						background    : #ffffff;
						}
					.mod-planstatus-options .option-mailstatus + .option-mailstatus {
						margin-top : 5px;
						}
						.mod-planstatus-options .option-mailstatus p {
							display        : table-cell;
							vertical-align : middle;
							}
						.mod-planstatus-options .option-mailstatus .caption {
							width     : auto;
							padding   : 10px 15px;
							font-size : 87.5%;
							}
						.mod-planstatus-options .option-mailstatus .data {
							width       : 55px;						/*** 無料メアドの残件数が2桁の場合に改行してしまうので広げる ***/
							padding     : 10px 15px 10px 0;
							font-size   : 28px;
							font-weight : bold;
							text-align  : right;
							}
							.mod-planstatus-options .option-mailstatus .data > small {
								font-size : 14px;
								}

					.mod-planstatus-options .option > .innerblock .btn-option-submit {
						position : absolute;
						bottom   : 0;
						width    : 100%;
						margin   : 0;
						padding  : 0;
						}
						.mod-planstatus-options .option > .innerblock .btn-option-submit > .btn {
							max-width   : 200px;
							height      : 40px;
							margin      : 0 auto;
							font-size   : 14px;
							line-height : 1;
							}
							.mod-planstatus-options .option > .innerblock .btn-option-submit > .btn span {
								padding-top    : 8px;
								padding-bottom : 8px;
								}
								.mod-planstatus-options .option > .innerblock .btn-option-submit > .btn span:before {
									top : -1px;
									}
			.mod-planstatus-options .accounts {
				position : relative;
				}
				.mod-planstatus-options .accounts .accounts-head {}
					.mod-planstatus-options .accounts .accounts-head a {
						display         : table;
						width           : 100%;
						border-top      : 2px #ffffff solid;
						color           : #ffffff;
						text-decoration : none;
						}
						.mod-planstatus-options .accounts .accounts-head a > span {
							display        : table-cell;
							height         : 38px;
							vertical-align : middle;
							font-size      : 87.5%;
							line-height    : 1;
							text-align     : center;
							background     : #666666;
							}
						.mod-planstatus-options .accounts .accounts-head a > span:before {
							left       : 10px;
							top        : 50%;
							margin-top : -10px;
							}
						.mod-planstatus-options .accounts .accounts-head a.opened > span:before {
							background-position : -22px -22px;
							}
				.mod-planstatus-options .accounts .accounts-body {
					padding    : 10px;
					border-top : 2px #cccccc solid;
					background : #eeeeee;
					}
					.mod-planstatus-options .accounts .accounts-body > ul {
						padding    : 15px 20px;
						background : #ffffff;
						}
						.mod-planstatus-options .accounts .accounts-body > ul li {
							padding-left : 0.7em;
							font-size    : 87.5%;
							line-height  : 1.2;
							background   : url(/members/common/images/liststyle/liststyle_dotted_sm.png) no-repeat 0 0.45em;
							}
						.mod-planstatus-options .accounts .accounts-body > ul li + li {
							margin-top : 6px;
							}

			.mod-planstatus-options .option.disabled {
				background : #ececec;
				}
				.mod-planstatus-options .disabled .option-status {
					background : #999999;
					box-shadow : none;
					}
					.mod-planstatus-options .disabled .option-status:before {
						border      : 13px solid transparent;
						border-top  : 13px solid #999999;
						border-left : 13px solid #999999;
						}

@media screen and (max-width : 740px) {
.mod-planstatus {}
.mod-planstatus + .mod-planstatus {
	margin-top : 20px;
	}
	.mod-planstatus-options {}
		.mod-planstatus-options > .lay3col {
			margin-top : 0;
			}
			.mod-planstatus-options > .lay3col > div {
				float      : none;
				width      : 100%;
				margin-top : 20px;
				}
			.mod-planstatus-options > .lay3col > .col1 {
				padding-right : 0;
				}
			.mod-planstatus-options > .lay3col > .col2 {
				padding-right : 0;
				padding-left  : 0;
				}
			.mod-planstatus-options > .lay3col > .col3 {
				padding-left  : 0;
				}
			.mod-planstatus-options .option {}
				.mod-planstatus-options .option > .innerblock {
					min-height : 0;
					}
					.mod-planstatus-options h5 {
						font-weight : bold;
						}
						.mod-planstatus-options h5:before {
							content        : "";
							display        : inline-block;
							margin-right   : 20px;
							vertical-align : middle;
							}
						.mod-planstatus-options .option-mailaddress h5:before {
							width           : 35px;
							height          : 26px;
							background      : url(/members/common/images/icon/icon_mailaddress.png) no-repeat 0 0;
							background-size : 35px auto;
							}
						.mod-planstatus-options .option-mailaddress.disabled h5:before {
							background      : url(/members/common/images/icon/icon_mailaddress_disabled.png) no-repeat 0 0;
							background-size : 35px auto;
							}
						.mod-planstatus-options .option-security h5:before {
							width           : 30px;
							height          : 35px;
							background      : url(/members/common/images/icon/icon_security.png) no-repeat 0 0;
							background-size : 30px auto;
							}
						.mod-planstatus-options .option-security.disabled h5:before {
							background      : url(/members/common/images/icon/icon_security_disabled.png) no-repeat 0 0;
							background-size : 30px auto;
							}
						.mod-planstatus-options .option-care h5:before {
							width           : 31px;
							height          : 31px;
							background      : url(/members/common/images/icon/icon_care.png) no-repeat 0 0;
							background-size : 31px auto;
							}
						.mod-planstatus-options .option-care.disabled h5:before {
							background      : url(/members/common/images/icon/icon_care_disabled.png) no-repeat 0 0;
							background-size : 31px auto;
							}
					.mod-planstatus-options .option-image {
						display : none;
						}

					.mod-planstatus-options .option > .innerblock .btn-option-submit {
						position   : relative;
						bottom     : auto;
						margin-top : 20px;
						}
						.mod-planstatus-options .option > .innerblock .btn-option-submit > .btn {
							max-width : 100%;
							height    : 60px;
							font-size : 22px;
							}

			.mod-planstatus-options .option.disabled {
				background : #ececec;
				}
				.mod-planstatus-options .disabled .option-status {
					background : #999999;
					box-shadow : none;
					}
					.mod-planstatus-options .disabled .option-status:before {
						border      : 13px solid transparent;
						border-top  : 13px solid #999999;
						border-left : 13px solid #999999;
						}
}

/* -----------------------------------------------------------------------------
	418. mod-membersmenu
----------------------------------------------------------------------------- */
.mod-membersmenu {}
	.mod-membersmenu > .lay2col {}
	.mod-membersmenu > .lay2col + .lay2col {
		margin-top : 10px;
		}
		.mod-membersmenu > .lay2col > .col1 {
			position      : relative;
			padding-right : 5px;
			-webkit-box-sizing : border-box;
			-moz-box-sizing    : border-box;
			box-sizing         : border-box;
			}
		.mod-membersmenu > .lay2col > .col2 {
			position     : relative;
			padding-left : 5px;
			-webkit-box-sizing : border-box;
			-moz-box-sizing    : border-box;
			box-sizing         : border-box;
			}
			.mod-membersmenu a,
			.mod-membersmenu p {
				display           : table;
				width             : 100%;
				color             : #333333;
				font-size         : 112.5%;
				font-weight       : bold;
				text-decoration   : none;
				background-color  : #f3ebeb;
				background-repeat : no-repeat;
				-webkit-box-sizing : border-box;
				-moz-box-sizing    : border-box;
				box-sizing         : border-box;
				}
				.mod-membersmenu a > span,
				.mod-membersmenu p > span {
					display        : table-cell;
					height         : 90px;
					padding-left   : 80px;
					padding-right  : 40px;
					vertical-align : middle;
					}
					.mod-membersmenu a > span.icon:before {
						left       : auto !important;
						right      : 30px !important;
						top        : 50% !important;
						margin-top : -6px;
						}
			.mod-membersmenu-index {
				background-image    : url(/members/common/images/icon/icon_house.png);
				background-position : 16px center;
				background-size     : 50px auto;
				}
			.mod-membersmenu-demand {
				background-image    : url(/members/common/images/icon/icon_money.png);
				background-position : 14px center;
				background-size     : 52px auto;
				}
			.mod-membersmenu-option {
				background-image    : url(/members/common/images/icon/icon_doc_pencil.png);
				background-position : 20px center;
				background-size     : 42px auto;
				}
			.mod-membersmenu-information {
				background-image    : url(/members/common/images/icon/icon_information.png);
				background-position : 15px center;
				background-size     : 48px auto;
				}

			.mod-membersmenu ul {
				position         : relative;
				padding          : 0 10px 10px 10px;
				background-color : #f3ebeb;
				}
				.mod-membersmenu ul li {}
				.mod-membersmenu ul li + li {
					margin-top : 1px;
					}
					.mod-membersmenu ul li a {
						font-size        : 87.5%;
						font-weight      : normal;
						background-color : #ffffff;
						}
						.mod-membersmenu ul li a > span {
							height       : 50px;
							padding-left : 20px;
							}
							.mod-membersmenu ul li a > span.icon:before {
								right : 20px !important;
								}

@media screen and (max-width : 740px) {
.mod-membersmenu {}
	.mod-membersmenu > .lay2col {}
		.mod-membersmenu > .lay2col > .col1 {
			float         : none;
			width         : 100%;
			padding-right : 0;
			}
		.mod-membersmenu > .lay2col > .col2 {
			float        : none;
			width        : 100%;
			margin-top   : 10px;
			padding-left : 0;
			}
			.mod-membersmenu a,
			.mod-membersmenu p {
				font-size : 100%;
				}
				.mod-membersmenu a > span,
				.mod-membersmenu p > span {
					height         : 70px;
					padding-left   : 65px;
					padding-right  : 25px;
					}
					.mod-membersmenu a > span.icon:before {
						right : 10px !important;
						}
			.mod-membersmenu-index {
				background-position : 12px center;
				background-size     : 40px auto;
				}
			.mod-membersmenu-demand {
				background-position : 15px center;
				background-size     : 38px auto;
				}
			.mod-membersmenu-option {
				background-position : 15px center;
				background-size     : 35px auto;
				}
			.mod-membersmenu-information {
				background-position : 17px center;
				background-size     : 35px auto;
				}

			.mod-membersmenu ul {
				padding : 0 0 20px 0;
				}
				.mod-membersmenu ul li {}
				.mod-membersmenu ul li + li {
					margin-top : 5px;
					}
					.mod-membersmenu ul li a {}
						.mod-membersmenu ul li a > span {
							height        : 60px;
							padding-right : 50px;
							padding-left  : 25px;
							}
							.mod-membersmenu ul li a > span.icon:before {
								right : 10px !important;
								}
}

/* -----------------------------------------------------------------------------
	999.clearfix
----------------------------------------------------------------------------- */
.clearfix:before,
.clearfix:after {
	content : " ";
	display : table;
	}
.clearfix:after {
	clear : both;
	}
.clearfix {
	*zoom : 1;
	}

/* ------------------------------
/mod-pl/members/index.cgi/login/index.html
------------------------------ */
.login-btn.acenter {
	text-align: center;
}
.login-btn li {
	display: inline-block;
}
.login-btn a {
	position: relative;
	display: block;
	background: #b3555c;
	padding: 5px 40px 5px 20px;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}
.login-btn a:hover {
	background: #d4848a;
}
.login-btn a:before {
	position: absolute;
	top: 50%;
	right: 10px;
	content: "";
	display: block;
	background: url(/members/common/images/icon/icon-arrow01.png) 0 0 no-repeat;
	margin-top: -10px;
	width: 14px;
	height: 20px;
}
.login-txt {
	margin-bottom: 30px;
}
p.user-login {
	width: 100%;
	padding:10px;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	background: #bf0000;
}

/* -----------------------------------------------------------------------------
	2016.04.add 
----------------------------------------------------------------------------- */
#login_account .link-text {
	text-align:center;
}
#login_account .link-text a {
	color           : #333333;
	font-size       : 87.5%;
	text-decoration : none;
}
@media screen and (max-width : 740px) {
	#login_account .link-text {
		width      : 100%;
		margin-top : 5px;
		padding    : 0;
		text-align : left;
	}
	#login_account .link-text a {
		font-size : 12px;
	}
}
.w10 {
	max-width: 100%;
	width: 100%;
}