@charset 'utf-8';

/*
ie9　非対応のtransitionあり
*/
body {
	font-family: Arial, "Segoe UI", Avenir, "Open Sans", "Helvetica Neue",
		Helvetica, Verdana, Roboto, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic",
		"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ",
		Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	/* line-height: 1; */
	overflow-x: hidden;
	margin: 0;
	padding: 0;
	color: #666;
	background: #f5f5f8;
	-webkit-text-size-adjust: 100%;
}

{
font-family
:
  
Verdana
,
Arial
,
sans-serif
;


}
#outer {
	border-top: 1px solid #fff;
	background: url(../resource/parts_login/bg_arc_m.png) no-repeat right
		52px;
}

#outer input {
	/*  font-size: 16px;*/
	font-family: Arial, 'Segoe UI', Avenir, 'Open Sans', 'Helvetica Neue',
		Helvetica, Verdana, Roboto, '游ゴシック', 'Yu Gothic', '游ゴシック体', 'YuGothic',
		'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo UI', 'メイリオ',
		Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	line-height: 20px;
}

#outer, #footer {
	width: 100%;
}

#headCover {
	padding: 30px 14px 1px 20px;
	background: #fff;
}

#header {
	position: relative;
	/*margin: 30px 14px 0 20px;*/
}

#footer {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 28px;
	padding: 0;
	background: #dfe0e5;
}

.loginFooter {
	position: relative !important;
}

/* header Items---------------------------*/
#lng {
	position: absolute;
	top: 0;
	right: 0;
	left: auto;
}

#lng>span {
	display: inline-block;
	visibility: hidden;
	padding-top: 0.25em;
	padding-right: .5em;
	vertical-align: top;
	transition: .2s;
	text-align: left;
}

.custom select {
	font-size: inherit;
	box-sizing: content-box;
	width: 150px;
	margin: 0;
	padding: .065em 0 .065em 0;
	vertical-align: middle;
	text-indent: .75em;
	color: inherit;
	border: 0;
	border-radius: 5px;
	box-shadow: 0 2px 6px #aaa;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
}

.custom {
	font-variant: normal;
	position: relative;
	display: block;
	border-radius: 5px;
}

.custom  select {
	background: #fff url(../resource/parts_login/pd_arrow.png) no-repeat
		right center;
	background-size: 20px 10px;
}

#lng .custom {
	display: inline-block;
}

#lng .custom select {
	width: 255px;
	height: 46px;
	position: relative;
	top: -16px;
	background-size: 24px 13px;
	font-size: 14px;
}

/* footer Items---------------------------*/
#footerNavi, #copyright {
	line-height: 1;
	margin: 0;
	color: #666;
	padding-top:10px;
}

#footerNavi, #copyright a {
	text-decoration: none;
	color: #5b5f70;
	font-size:13px;
}

#register a {
	text-decoration: none;
	color: #5b5f70;
}

ul#footerNavi {
	position: absolute;
	left: 0;
	width: 30%;
	transition: .2s;
	text-align: left;
}

/*
#select ul#footerNavi
{
    background: #f5f5f8;
    box-shadow: 0 -2px 4px #999;
}*/
ul#footerNavi li {
	padding: 0 10px;
	border-right: 2px solid #bcbec8;
	border-left: 1px solid #fff;
}

ul#footerNavi li:first-child {
	text-indent: 10px;
	border-left-style: none;
}

ul#footerNavi li:last-child {
	border-right-style: none;
}

#copyright {
	font-size: 13px;
	margin-right: 20px;
	text-align: right;
}

.register {
	margin-top: -20px;
	text-align: center;
	font-size:13px;
}

.register-right {
	margin-top: -45px;
	margin-right:20px;
	text-align: right;
	font-size:13px;
}

.reg-panel {
	min-width: 300px;
	position: fixed;
	right: 25px;
	bottom: 0;
	z-index: 1010;
	font-size:13px
}
#reg a{
	text-decoration: none;
	color: #5b5f70;
}

ul#footerNavi li a {
	text-decoration: none;
	color: #5b5f70;
}

/* Login Panel---------------------------*/
.cPanel.login-area {
	width: 525px;
	margin: 0 auto;
	transition: .2s;
}

.cPanel #tit {
	height: 36px;
	margin-bottom: 26px;
	text-align: center;
}

.cPanel .msg {
	height: 1em;
	margin-bottom: 15px;
	text-align: center;
}

#LoginForm {
	border: 1px solid #dbdbdf;
	border-radius: 7px;
	background: #FCFCFD;
}

.topPanel {
	position: relative;
	height: 104px;
	margin: 2px 2px 0 2px;
	border: 1px solid #d8d8d8;
	border-bottom: none;
	border-radius: 5px 5px 0 0;
	background-color: #454c71;
}

.topPanel .modeIcon {
	display: block !important;
	overflow: hidden;
	width: 104px;
	height: 104px;
}

.topPanel.ltr .modeIcon img {
	position: relative;
	top: 0;
	left: 0;
	width: 208px;
	height: 208px;
	margin: 0 0 0 6px;
}

.topPanel.rtl .modeIcon img {
	position: relative;
	top: 0;
	left: 104px;
	width: 208px;
	height: 208px;
	margin: 0 0 0 6px;
}

.topPanel.ltr p {
	font-size: 24px;
	position: absolute;
	top: 40px;
	left: 115px;
	color: #fff;
}

.topPanel.rtl p {
	font-size: 24px;
	position: absolute;
	top: 40px;
	right: 115px;
	color: #fff;
}

.rightPanel {
	position: relative;
	width: 325px;
	margin: 54px auto;
	margin-bottom: 0;
	padding: 0;
}

.rightPanel input[type='text'], .rightPanel input[type='password'] {
	font-size: .9375em;
	width: 100%;
	margin-bottom: 1.0625em;
	padding: .6875em 0 .5em 0;
	text-indent: .8em;
	background: #fff;
	box-shadow: 2px 4px 6px #999 inset;
}

.rightPanel select {
	font-size: .9em;
	width: 100%;
	height: 1.85em;
	margin-bottom: 12px;
}

input.login::-webkit-input-placeholder {
	color: #a5a5a5;
	font-weight: normal;
}

input.login:-ms-input-placeholder {
	color: #a5a5a5;
	font-weight: normal;
}

input.login::-moz-placeholder {
	color: #a5a5a5;
	font-weight: normal;
}

.btnR {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	cursor: pointer;
	border: 1px solid;
	border-radius: 4px;
}

#btnLogin {
	font-size: 24px;
	position: relative;
	top: 0;
	left: 0;
	height: 57px;
	margin-top: 10px;
	margin-bottom: 2em;
	color: #fff;
	border-color: #035686;
	background: #48b1e3 url(../resource/parts_login/bg_btnlogin.gif)
		repeat-x;
	background-size: cover;
	box-shadow: 0 2px 5px #aaa;
}

.disLogin {
	pointer-events: none;
	border-color: #cbd5da !important;
	background-color: #b9bac1 !important;
	background-image: none !important;
}

#btnBack {
	font-size: 19px;
	position: relative;
	top: 0;
	left: 0;
	display: block;
	width: 169px;
	height: 42px;
	line-height: 46px;
	margin: 0 auto;
	margin-bottom: 38px;
	color: #666;
	border-style: none;
	background: #fff;
	box-shadow: 0 2px 5px #aaa;
}

#btnLogin:active {
	top: 2px;
	left: 0;
	background: #48b1e3 url(../resource/parts_login/bg_btnlogin_ac.gif)
		repeat-x;
	box-shadow: 0 0 2px #444;
}

#btnBack:active {
	top: 0;
	left: 0;
	width: 134px;
	height: 36px;
	margin-bottom: 34px;
	border: 2px solid #a0a0ab;
	box-shadow: 0 0 0 #666;
}

/* select Panel---------------------------*/
.cPanel.select-area {
	position: relative;
	width: 456px;
	margin: 0 auto;
	/* transition: .2s; */
}

#Mode li {
	position: relative;
	float: left;
	width: 221px;
	height: 258px;
	margin-right: 0;
	margin-right: 14px;
	margin-bottom: 15px;
}

#Mode li:nth-child(2n) {
	margin-right: 0;
}

#Mode li a {
	-moz-user-select: none;
	-moz-user-select: none;
	position: relative;
	top: 0;
	left: 0;
	display: block;
	height: 100%;
	text-decoration: none;
	border: 1px solid #bebec5;
	border-radius: 5px;
	background: #fff;
	box-shadow: 0 2px 6px #c0c0c7;
}

/*
#Mode li a.able:active
{
    top: 2px;
    left: 0;

    box-shadow: 0 0 2px #666;
}*/
.modeDown {
	top: 2px !important;
	box-shadow: 0 0 2px #666 !important;
}

#Mode li a span {
	display: block;
	margin: 2px 2px 0 2px;
	border-radius: 3px;
	background: #454c71;
}

#Mode li a.able:active span {
	background: #505983;
}

#Mode li a p {
	font-size: 1.125em;
	line-height: 1.4;
	width: 200px;
	margin: 0 .5em;
	margin-top: 8px;
	word-wrap: break-word;
	color: #666;
}

#Mode li a.disable {
	pointer-events: none;
}

#Mode li a.disable span {
	background: #b9bac1;
}

#Mode li a.disable p {
	color: #b9bac1;
}

#Mode li .modeIcon {
	display: block !important;
	overflow: hidden;
	width: 154px;
	height: 154px;
	margin: 0 auto !important;
}

#Mode.ltr li .modeIcon img {
	position: relative;
	top: 0px;
	left: 0px;
	width: 308px;
	height: 308px;
}

#Mode.rtl li .modeIcon img {
	position: relative;
	top: 0px;
	left: 154px;
	width: 308px;
	height: 308px;
}

#Mode.ltr li a.able:hover .modeIcon img {
	top: -154px;
	left: 0px;
}

#Mode.rtl li a.able:hover .modeIcon img {
	top: -154px;
	left: 154px;
}

#Mode.ltr li a.able:active .modeIcon img {
	top: 0px;
	left: -154px;
}

#Mode.rtl li a.able:active .modeIcon img {
	top: 0px;
	left: 0px;
}

#Mode.ltr li a.disable .modeIcon img {
	top: -154px;
	left: -154px;
}

#Mode.rtl li a.disable .modeIcon img {
	top: -154px;
	left: 0px;
}

.cPanel.login-area, .cPanel.select-area, .cPanel {
	margin-top: 104px;
	margin-bottom: 80px;
}

/*言語プルダウンメニュー*/
.minict_wrapper ul li {
	white-space: nowrap;
}

.minict_wrapper.TOSHIBA {
	position: relative;
	top: -18px;
	width: 255px !important;
	height: 46px !important;
	cursor: pointer !important;
	border-radius: 0 0 8px;
	border-radius: 8px !important;
	background: transparent !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 35px;
	color: #666;
	background: #fff;
	border: 1px solid #fEFEFE;
}

.minict_wrapper.TOSHIBA span {
	font-size: 17px !important;
	line-height: 1em !important;
	height: 44px !important;
	padding: 13px .8em 11px .8em !important;
	border-radius: 8px;
	background: #fff !important;
	border-style: none;
	box-shadow: 0 2px 5px #aaa;
	color: #666;
}

.ltr .minict_wrapper.TOSHIBA:after {
	font-size: 17px;
	line-height: 44px !important;
	height: 44px !important;
	width: 24px !important;
}

.rtl .minict_wrapper.TOSHIBA:after {
	font-size: 17px;
	line-height: 44px !important;
	height: 44px !important;
	width: 0px;
	content: '';
}

.rtl .minict_wrapper.TOSHIBA:before {
	font-size: 17px;
	line-height: 44px !important;
	height: 44px !important;
	width: 24px !important;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	content: '\25BC';
	text-align: center;
	color: #666;
}

.ltr .minict_wrapper.LoginPanel:after {
	font-size: 13px;
	line-height: 33px !important;
	width: 24px !important;
	height: 33px !important;
}

.rtl .minict_wrapper.LoginPanel:before {
	font-size: 13px;
	line-height: 33px !important;
	width: 24px !important;
	height: 33px !important;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	content: '\25BC';
	text-align: center;
	color: #666;
}

.rtl .minict_wrapper.LoginPanel:after {
	font-size: 13px;
	line-height: 33px !important;
	width: 0px !important;
	content: '';
}

.minict_wrapper.TOSHIBA ul {
	top: 2.2rem;
	padding: 18px 0 8px 0;
	box-shadow: 0 5px 5px #aaa;
	border: 1px solid #d9d9d9 !important;
	border-top: none !important;
	border-radius: 0 0 8px 8px;
	background: #fff;
	color: #666;
}

.minict_wrapper.TOSHIBA ul li {
	text-indent: 6px;
	font-size: 14px;
}

.minict_wrapper.TOSHIBA ul li:hover, .minict_wrapper.LoginPanel ul li:hover
	{
	color: #465656 !important;
	background: #D3D3D3 !important;
}

.minict_wrapper.TOSHIBA ul li.selected {
	color: #465656;
	background: #D3D3D3;
}

.minict_wrapper.TOSHIBA ul:after {
	position: absolute;
	top: 10px;
	left: 0;
	display: block;
	width: 94%;
	height: 1px;
	margin-left: 3%;
	content: '';
	background: #000;
}

div.minict_wrapper.TOSHIBA.active {
	border-radius: 8px 8px 0 0 !important;
}

div.minict_wrapper.TOSHIBA.active span {
	border-radius: 8px 8px 0 0 !important;
}

/*ログインパネルプルダウンメニュー*/
.minict_wrapper.LoginPanel {
	position: relative;
	width: 100%;
	height: 33px;
	margin-bottom: 16px !important;
	cursor: pointer !important;
	border-radius: 0 0 5px;
	border-radius: 5px !important;
	background: transparent !important;
	color: #666;
	border: 1px solid #fEFEFE;
}

.minict_wrapper.LoginPanel span {
	font-size: 17px !important;
	line-height: 12px !important;
	height: 33px !important;
	padding: 8px .8em 7px .6em !important;
	color: #666 !important;
	border-style: none;
	border-radius: 5px;
	background: #fff !important;
	box-shadow: 0 2px 5px #aaa;
}

.minict_wrapper.LoginPanel:after {
	line-height: 33px !important;
	top: 0;
	height: 32px !important;
}

.minict_wrapper.LoginPanel ul {
	top: 25px;
	max-height: 12em;
	padding: 18px 0 8px 0;
	border: 1px solid #d9d9d9 !important;
	border-top: none !important;
	background: #fff;
	box-shadow: 0 5px 5px #aaa;
	color: #666;
}

.minict_wrapper.LoginPanel ul li.selected {
	color: #465656;
	background: #D3D3D3;
}

.minict_wrapper.LoginPanel ul:after {
	position: absolute;
	top: 10px;
	left: 0;
	display: block;
	width: 94%;
	height: 1px;
	margin-left: 3%;
	content: '';
	background: #000;
}

div.minict_wrapper.LoginPanel.active {
	border-radius: 8px 8px 0 0 !important;
}

div.minict_wrapper.LoginPanel.active span {
	border-radius: 8px 8px 0 0 !important;
}

/*カスタムスクロールバー*/
.minict_wrapper.LoginPanel .mCSB_scrollTools, .minict_wrapper.TOSHIBA .mCSB_scrollTools
	{
	opacity: 1;
}

.minict_wrapper.LoginPanel .mCSB_draggerContainer, .minict_wrapper.TOSHIBA .mCSB_draggerContainer
	{
	background-color: #FFF;
}

.minict_wrapper.LoginPanel .mCSB_inside>.mCSB_container, .minict_wrapper.TOSHIBA .mCSB_inside>.mCSB_container
	{
	margin-right: 0px;
	margin-left: 0px;
}

.minict_wrapper.LoginPanel .mCSB_inside>.mCSB_container, .minict_wrapper.TOSHIBA .mCSB_inside>.mCSB_container
	{
	margin-right: 0px;
}

.mCS-dir-rtl>.minict_wrapper.LoginPanel .mCSB_inside>.mCSB_container,
	.mCS-dir-rtl>.minict_wrapper.TOSHIBA .mCSB_inside>.mCSB_container {
	margin-left: 0px;
}

.minict_wrapper.LoginPanel .mCSB_scrollTools .mCSB_draggerRail,
	.minict_wrapper.TOSHIBA .mCSB_scrollTools .mCSB_draggerRail {
	width: 8px !important;
	cursor: pointer;
	background-color: #e4e4e4 !important;
}

.minict_wrapper.LoginPanel .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.minict_wrapper.TOSHIBA .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar
	{
	width: 8px !important;
	background-color: rgba(0, 0, 0, 1) !important;
	background-color: #8f92a5 !important;
	filter: 'alpha(opacity=75)';
	-ms-filter: 'alpha(opacity=75)';
}

@media screen and (min-width: 641px) {
	/* 表示領域が641px以上のタブレット用スタイル */
	#outer {
		background: url(../resource/parts_login/bg_arc_mW.png) no-repeat right
			52px;
	}
}

@media screen and (min-width: 800px) {
	/* 表示領域が1024px以上のタブレット用スタイル */
	#outer {
		background: url(../resource/parts_login//bg_arc_t.png) no-repeat right
			42px;
	}
	#headCover {
		padding: 20px 18px 1px 20px;
	}
	#header {
		position: relative;
	}
	#outer input {
		line-height: 20px;
	}
	#lng>span {
		visibility: visible;
	}
	#lng .custom select {
		width: 250px;
		height: 26px;
		position: relative;
		top: 0;
		padding: 0;
	}
	.custom select {
		padding: 0;
		height: 1.86em;
	}
	.ltr .minict_wrapper.TOSHIBA:after, .ltr .minict_wrapper.LoginPanel:after,
		.rtl .minict_wrapper.TOSHIBA:before, .rtl .minict_wrapper.LoginPanel:before
		{
		font-size: 11px;
		line-height: 26px !important;
		height: 26px !important;
		width: 24px !important;
	}
	.rtl .minict_wrapper.TOSHIBA:after, .rtl .minict_wrapper.LoginPanel:after
		{
		width: 0px;
		content: '';
	}
	.rtl .minict_wrapper.TOSHIBA:before, .rtl .minict_wrapper.LoginPanel:before
		{
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		content: '\25BC';
		text-align: center;
		color: #666;
	}
	.rtl .minict_wrapper.TOSHIBA.active:before, .rtl .minict_wrapper.LoginPanel.active:before
		{
		content: '\25B2';
	}
	.ltr .minict_wrapper.TOSHIBA:before, .ltr .minict_wrapper.LoginPanel:before
		{
		width: 0px;
		content: '';
	}
	/* Login Panel---------------------------*/
	.cPanel.login-area, .cPanel.select-area, .cPanel {
		margin-top: 114px;
	}
	.cPanel.login-area {
		width: 404px;
	}
	.topPanel {
		height: 79px;
	}
	.topPanel.ltr p {
		font-size: 18px;
		position: absolute;
		top: 31px;
		left: 90px;
		color: #fff;
	}
	.topPanel.rtl p {
		font-size: 18px;
		position: absolute;
		top: 31px;
		right: 90px;
		color: #fff;
	}
	.topPanel .modeIcon {
		display: block !important;
		overflow: hidden;
		width: 80px;
		height: 80px;
	}
	.topPanel.ltr .modeIcon img {
		position: relative;
		top: 0;
		left: 0;
		width: 160px;
		height: 160px;
		margin: 0 0 0 3px;
	}
	.topPanel.rtl .modeIcon img {
		position: relative;
		top: 0;
		left: 80px;
		width: 160px;
		height: 160px;
		margin: 0 0 0 3px;
	}
	.rightPanel {
		width: 250px;
	}
	.rightPanel input[type='text'], .rightPanel input[type='password'] {
		margin-bottom: 1.0625em;
		padding: .3875em 0 .3em 0;
	}
	#btnLogin {
		font-size: 16px;
		height: 44px;
		margin-bottom: 32px;
	}
	#btnBack {
		font-size: 14px;
		width: 130px;
		height: 32px;
		line-height: 34px;
		margin-bottom: 38px;
	}
	ul#footerNavi li {
		border-right: 1px solid #8e92a3;
		border-left: 1px solid #fff;
	}
	#select ul#footerNavi {
		background: transparent;
		background: transparent;
		box-shadow: 0 0 0 transparent;
	}

	/* select Panel---------------------------*/
	.cPanel.select-area {
		width: 762px;
	}
	#Mode li {
		position: relative;
		float: left;
		width: 180px;
		height: 221px;
		margin-right: 14px;
		margin-bottom: 15px;
	}
	#Mode li:nth-child(2n) {
		margin-right: 14px;
	}
	#Mode li:nth-child(4n) {
		margin-right: 0;
	}
	#Mode li a span {
		min-height: 126px;
	}
	#Mode li a p {
		font-size: 1.12em;
		line-height: 1.4;
		width: 168px;
		margin: 0 auto;
		margin-top: 8px;
		color: #666;
	}
	#Mode li .modeIcon {
		display: block;
		overflow: hidden;
		width: 125px;
		height: 125px;
		margin: 0 auto !important;
	}
	#Mode.ltr li .modeIcon img {
		position: relative;
		top: 0;
		left: 0;
		width: 250px;
		height: 250px;
	}
	#Mode.rtl li .modeIcon img {
		position: relative;
		top: 0;
		left: 125px;
		width: 250px;
		height: 250px;
	}
	#Mode.ltr li a.able:hover .modeIcon img {
		top: -125px;
		left: 0;
	}
	#Mode.rtl li a.able:hover .modeIcon img {
		top: -125px;
		left: 125px;
	}
	#Mode.ltr li a.able:active .modeIcon img {
		top: 0;
		left: -125px;
	}
	#Mode.rtl li a.able:active .modeIcon img {
		top: 0;
		left: 0px;
	}
	#Mode.ltr li a.disable .modeIcon img {
		position: relative;
		top: -125px;
		left: -125px;
	}
	#Mode.rtl li a.disable .modeIcon img {
		position: relative;
		top: -125px;
		left: 0px;
	}
	/*言語プルダウンメニュー*/
	.minict_wrapper.TOSHIBA {
		position: relative;
		top: -3px;
		width: 250px !important;
		height: 26px !important;
		border-radius: 5px !important;
	}
	.minict_wrapper.TOSHIBA span {
		font-size: 14px !important;
		height: 26px !important;
		padding: 7px .8em !important;
		border-radius: 5px;
	}
	.minict_wrapper.TOSHIBA ul {
		top: 1.5rem;
	}
	.minict_wrapper.LoginPanel ul li {
		font-size: 14px;
	}
	.minict_wrapper.LoginPanel span {
		font-size: 14px !important;
		line-height: 26px !important;
		height: 26px !important;
		padding: 0 .8em 0 .8em !important;
	}
	.minict_wrapper.LoginPanel {
		height: 26px;
	}
}

@media screen and (min-width: 1024px) {
	/* 表示領域が641px以上のタブレット用スタイル */
	#outer {
		background: url(../resource/parts_login/bg_arc_hd.png) no-repeat right
			42px;
	}
}

@media screen and (min-width: 1100px) {
	/* 表示領域が1280px以上のHDTV用スタイル */
	.cPanel.login-area, .cPanel.select-area, .cPanel {
		margin-top: 84px;
	}
	#header {
		position: relative;

		/*margin: 20px 18px 0 24px;*/
	}
}

@media screen and (min-width: 1280px) {
	/* 表示領域が1280px以上のFDHD用スタイル */
	#outer {
		background: url(../resource/parts_login/bg_arc_fhd.png) no-repeat right
			42px;
	}
}

@media screen and (min-width: 1400px) {
	/* 表示領域が1920x以上のFHD用スタイル */
	.cPanel.login-area, .cPanel.select-area, .cPanel {
		margin-top: 220px;
	}
}

@media screen and (min-width: 1921px) {
	/* 表示領域が1921x以上の4K用スタイル */
	#outer {
		background-image: url(../resource/parts_login/bg_arc_4ks.png);
	}
}

@media screen and (min-width: 2300px) {
	/* 表示領域が3840px以上の4K用スタイル */
	#outer, input {
		font-size: 32px;
		line-height: 38px;
	}
	#outer {
		background: url(../resource/parts_login/bg_arc_4ks.png) no-repeat right
			84px;
	}
	#headCover {
		padding: 40px 36px 2px 48px;
	}
	#footer {
		height: 76px;
		padding: 20px 0 0 0;
	}
	ul#footerNavi {
		top: 20px;
	}
	#copyright {
		font-size: 1em;
		padding-top: 6px;
	}
	ul#footerNavi li {
		border-width: 2px;
	}
	#logo img {
		width: 260px;
		height: auto;
	}
	#lng .custom select {
		width: 500px;
		height: 52px;
		position: relative;
		top: 0;
		background-size: 40px 20px;
		font-size: .875em;
		width: 500px;
	}
	.cPanel #tit {
		height: 72px;
		margin-bottom: 56px;
	}
	.custom  select {
		background-size: 28px 14px;
	}
	#tit img {
		width: 428px;
		height: auto;
	}
	.cPanel.login-area, .cPanel.select-area, .cPanel {
		margin-top: 220px;
		margin-bottom: 120px;
	}

	/* Login Panel---------------------------*/
	.cPanel.login-area {
		width: 806px;
	}
	.cPanel .msg {
		font-size: 1em;
		margin-bottom: 1em;
	}
	#LoginForm {
		border-width: 2px;
		border-radius: 14px;
	}
	.topPanel {
		height: 160px;
		margin: 4px 4px 0 4px;
		border-radius: 10px 10px 0 0;
	}
	.topPanel img {
		width: 128px;
		height: 128px;
		margin: 14px 0 0 22px;
	}
	.topPanel .modeIcon {
		display: block !important;
		overflow: hidden;
		width: 156px;
		height: 156px;
	}
	.topPanel.ltr .modeIcon img {
		position: relative;
		top: 0;
		left: 0;
		width: 312px;
		height: 312px;
		margin: 2px 0 0 10px;
	}
	.topPanel.rtl .modeIcon img {
		position: relative;
		top: 0;
		left: 156px;
		width: 312px;
		height: 312px;
		margin: 2px 0 0 10px;
	}
	.topPanel.ltr p {
		font-size: 32px;
		top: 62px;
		left: 180px;
	}
	.topPanel.rtl p {
		font-size: 32px;
		top: 62px;
		right: 180px;
	}
	.rightPanel {
		width: 500px;
		margin-top: 84px;
	}
	.rightPanel input[type='text'], .rightPanel input[type='password'] {
		margin-bottom: .75em;
	}
	.rightPanel select {
		font-size: .74em;
		margin-bottom: 30px;
	}
	#btnLogin {
		margin-top: 20px;
		margin-bottom: 64px;
		border-width: 2px;
		height: 88px;
		font-size: 32px;
	}
	#btnBack {
		font-size: 28px;
		width: 260px;
		height: 64px;
		margin-bottom: 76px;
		line-height: 70px;
	}
	#btnBack:active {
		top: 0;
		left: 0;
		width: 268px;
		height: 72px;
		margin-bottom: 68px;
		border: 2px solid #a0a0ab;
		box-shadow: 0 0 0 #666;
	}

	/* select Panel---------------------------*/
	.cPanel.select-area {
		width: 1524px;
	}
	#Mode li {
		position: relative;
		float: left;
		width: 360px;
		height: 424px;
		margin-right: 24px;
		margin-bottom: 30px;
	}
	#Mode li:nth-child(2n) {
		margin-right: 24px;
	}
	#Mode li:nth-child(4n) {
		margin-right: 0;
	}
	#Mode li a span {
		min-height: 252px;
	}
	#Mode li a p {
		font-size: 1.12em;
		width: 336px;
		margin-top: 10px;
	}
	#Mode li .modeIcon {
		display: block;
		overflow: hidden;
		width: 250px;
		height: 250px;
		margin: 0 auto !important;
	}
	#Mode li .modeIcon {
		display: block;
		overflow: hidden;
		width: 250px;
		height: 250px;
		margin: 0 auto !important;
	}
	#Mode.ltr li .modeIcon img {
		position: relative;
		top: 0px;
		left: 0px;
		width: 500px;
		height: 500px;
	}
	#Mode.rtl li .modeIcon img {
		position: relative;
		top: 0px;
		left: 250px;
		width: 500px;
		height: 500px;
	}
	#Mode.ltr li a.able:hover .modeIcon img {
		top: -250px;
		left: 0px;
	}
	#Mode.rtl li a.able:hover .modeIcon img {
		top: -250px;
		left: 250px;
	}
	#Mode.ltr li a.able:active .modeIcon img {
		top: 0px;
		left: -250px;
	}
	#Mode.rtl li a.able:active .modeIcon img {
		top: 0px;
		left: 0px;
	}
	#Mode.ltr li a.disable .modeIcon img {
		position: relative;
		top: -250px;
		left: -250px;
	}
	#Mode.rtl li a.disable .modeIcon img {
		position: relative;
		top: -250px;
		left: 0px;
	}
	#Mode.ltr li a.disable .modeIcon img {
		position: relative;
		top: -250px;
		left: -250px;
	}
	#Mode.rtl li a.disable .modeIcon img {
		position: relative;
		top: -250px;
		left: 0px;
	}
	#Mode.ltr li a.disable .modeIcon img {
		position: relative;
		top: -250px;
		left: -250px;
	}
	#Mode.rtl li a.disable .modeIcon img {
		position: relative;
		top: -250px;
		left: 0px;
	}
	#outer {
		background-image: url(../resource/parts_login/bg_arc_4k.png);
	}
	.minict_wrapper:after {
		font-size: 20px !important;
		line-height: 88px !important;
		width: 48px !important;
		height: 66px !important;
	}

	/*言語プルダウンメニュー*/
	.minict_wrapper.TOSHIBA {
		position: relative;
		top: -6px;
		width: 500px !important;
		height: 52px !important;
		border-radius: 10px !important;
	}
	.minict_wrapper.TOSHIBA span {
		font-size: 28px !important;
		height: 52px !important;
		padding: 14px .6em !important;
		border-radius: 10px;
	}
	.ltr .minict_wrapper.TOSHIBA:after {
		font-size: 22px !important;
		line-height: 52px !important;
		width: 48px !important;
		height: 52px !important;
	}
	.rtl .minict_wrapper.TOSHIBA:after {
		font-size: 22px !important;
		line-height: 52px !important;
		width: 0px !important;
		height: 52px !important;
	}
	.rtl .minict_wrapper.TOSHIBA:before {
		font-size: 22px !important;
		line-height: 52px !important;
		width: 48px !important;
		height: 52px !important;
	}
	.minict_wrapper.TOSHIBA ul {
		top: 2.4rem;
		max-height: 700px;
		max-height: 44rem;
	}
	.minict_wrapper.TOSHIBA ul li {
		font-size: 28px;
		line-height: 64px;
		line-height: 4rem;
		height: 70px;
		height: 4.4rem;
	}
	.ltr .minict_wrapper.LoginPanel:after {
		font-size: 22px !important;
		line-height: 54px !important;
		width: 48px !important;
		height: 54px !important;
	}
	.rtl .minict_wrapper.LoginPanel:after {
		font-size: 22px !important;
		line-height: 54px !important;
		width: 0px !important;
		height: 54px !important;
	}
	.rtl .minict_wrapper.LoginPanel:before {
		font-size: 22px !important;
		line-height: 54px !important;
		width: 48px !important;
		height: 54px !important;
	}
	/*ログインパネルプルダウンメニュー*/
	.minict_wrapper.LoginPanel {
		height: 52px;
		margin-bottom: 28px !important;
	}
	.minict_wrapper.LoginPanel span {
		font-size: 30px !important;
		line-height: 28px !important;
		height: 52px !important;
		padding: 12px 1.6em 12px 0.8em !important;
		color: #666 !important;
		border-radius: 10px;
		box-shadow: 0 3px 6px #888;
	}
	.minict_wrapper.LoginPanel ul {
		top: 3.2rem;
		max-height: 24em;
		padding: 36px 0 16px 0;
		box-shadow: 0 5px 5px #aaa;
	}
	.minict_wrapper.LoginPanel ul li {
		font-size: 28px;
		line-height: 64px;
		line-height: 4rem;
		height: 70px;
		height: 4.4rem;
		padding: 0 20px;
	}
	#btnBack, #btnLogin, .minict_wrapper.TOSHIBA span, .minict_wrapper.LoginPanel span
		{
		box-shadow: 0 4px 10px #aaa;
	}
}

#waiting-panel {
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 30000;
	display: none
}

#waiting-panel .waiting {
	width: 423px;
	height: 243px;
	margin: 0 auto;
	background-color: rgba(0, 0, 0, 0.7);
	color: white;
	line-height: 243px;
	box-shadow: -4px 4px 4px rgba(0, 0, 0, 0.2), 4px 4px 4px
		rgba(0, 0, 0, 0.2), -4px -4px 4px rgba(0, 0, 0, 0.2), 4px -4px 4px
		rgba(0, 0, 0, 0.2)
}

.login-area .ui-state-error {
	border: none !important;
    background: transparent !important;
	color: red!important;
}

#logout {
	position: absolute;
	top: -80px;
	left: 0px;
	width: 100%;
	max-height: 44px;
	height: 44px;
	background-color: #FFF;
	padding-left: 21px;
	padding-right: 18px;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.3);
	-webkit-transition: top .15s linear;
	-o-transition: top .15s linear;
	transition: top .15s linear;
}

#logout.in {
	top: 0px;
}

#logout table {
	width: 100%;
}

#logout table, #logout table tr, #logout table td {
	height: 100%;
}

#logout table td {
	white-space: nowrap;
}

#logout .logo-toshiba {
	width: 125px;
	height: 21px;
	background: url('../resource/parts_common_header/logo/logo_toshiba.png')
		no-repeat scroll left center transparent;
}

#logout img.logo-right {
	margin: 13px 0px 0 15px;
	height: 18px;
}

#logout .content {
	position: relative;
	height: 44px;
	float: right;
	padding: 7px 0;
}

#logout .content:hover .username-wrapper {
	visibility: hidden;
}

#logout .content:hover .tip-wrapper {
	display: block;
}

#logout .tip-wrapper, #logout .username-wrapper {
	padding: 0 5px;
}

#logout .content div.username, #logout .content div.tip {
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: right center;
	background-image: url('../resource/parts_login/icon_logout.png');
	padding-right: 30px;
	line-height: 30px;
	float: right;
	text-align: right;
	color: black;
	white-space: nowrap;
}

#logout .tip-wrapper {
	position: absolute;
	top: 7px;
	right: 0px;
	display: none;
	background-color: #C4C4C4;
}

#logout .ui-corner-all {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

#pleaseWaitDialog .progress {
	margin-bottom: 0px;
}