@charset "utf-8";

/**
 * filename: myportal.main.redesigned.css
 * @overview マイポータル 共通メイン定義CSS
 * @version 1.0.0 2021-08-16 base_UIUX_Term2 UIUX改善対応
 */



/*
 * -------------------------------------------共通要素定義-------------------------------------------
 */

input:hover, input:focus {
	outline: 0 none;
	box-shadow: 0 1px  1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
}


/* クリアフィックス */

.clearfix,
.container,
.myportal-nav-stepchart {
	*zoom: 1;
}

.clearfix:after,
.myportal-header .myportal-header-nav ul:after,
.myportal-footer .myportal-footer-nav ul:after,
.myportal-nav-stepchart:after,
.myportal-command-area ul li:after,
.myportal-command-area ul:after {
	content: "";
	clear: both;
	display: block;
}

/* クラスに何も設定しない場合のクラス */

.myportal-none-css {
}



a {
	-webkit-tap-highlight-color: rgba(122,122,122,1);
}

a:link {
	color: #006699;
	text-decoration: underline;
}

a:visited {
	color: #6927AB;
}

a:hover{
	color: #B14D0C;
}

a:active{
	color: #964712;
}

a:focus {
}

strong {
	font-style: normal;
	font-weight: bold;
}

strong.myportal-red {
	color: #D90000;
}

strong.myportal-green {
	color: #2C8729;
}

td,th {
	text-align: left;
	vertical-align: top;
}

caption {
	text-align: left;
	font-weight: bold;
}

label {
	cursor: pointer;
}

/* ----- リスト ----- */
/* 構造化リスト */
dl {

}

dl ul li{
	margin-left: 0px;
}

/* 項番つきリスト */
ol {
	margin-left: 5px;
	padding-left: 15px;
}


ol li{
	margin-bottom: 6px;
	margin-left: 15px;
}


/* 通常リスト */
ul {
	list-style: none;
	margin-left: 5px;
	margin-right: 5px;
	padding-left: 0px;
}

ul li{
	margin-bottom: 6px;
	margin-left: 10px;
}

ul li ul{
	padding-left: 0px;
	margin-top: 8px;
}

/* リスト（リストマーカー） */
ul.myportal-list li,
li.myportal-list {
	padding-left: 15px;
	background: transparent url('../images/contents-h-icon.png') no-repeat left -286px;
}


/* リンクアイコン */
.myportal-link-inner {
	background: transparent url('../images/contents-link-icon-inner.png') no-repeat 0px 2px;
	padding-left: 18px;
}

.myportal-link-outer {
	background: transparent url('../images/contents-link-icon-outer.png') no-repeat 0px 6px;
	padding-left: 20px;
}

.myportal-link-outer-noLineBreak {
	background: transparent url('../images/contents-link-icon-outer.png') no-repeat 0px 6px;
	padding-left: 20px;
	display: inline-block;
}

.myportal-link-dl {
	background: transparent url('../images/contents-link-icon-dl.png') no-repeat 0px 2px;
	padding-left: 18px;
}

.process .myportal-link-outer {
	word-break: break-all;
}

/* 汎用アイコン */
.glyphicon {
	display: inline-block;
}



/* 見出し */

h1 {
	background: #F2F2EA;
	padding: 10px 20px;
	margin: 0;
	font-size: 128.66%;
	border-left: 10px solid #FAE06A;
}

h2 {
	padding: 1px 3px;
	line-height: 110%;
	border-bottom: solid 3px #FAE06A;
	font-size: 114.286%;
}

h2.myportal-refresh {
	padding-right: 80px;
	position: relative;
}

h2.myportal-refresh .glyphicon-refresh{
	margin-right: 3px
}

h2.myportal-refresh .btn{
	position: absolute;
	top: -9px;
	right: 0px;
}
h2.myportal-refresh.emphasis.newStyle{
	background: #ffd4ad;
	border-bottom: none;
	height: 39px;
	line-height: 39px;
	font-size: 128.66%;
	padding: 0 10px;
	margin-bottom: 30px;
}
h2.myportal-refresh.emphasis.newStyle .btn{
	top: 7px;
	right: 10px;
}


.glyphicon-refresh::before {
	content: "　";
	background: transparent url('../images/contents-link-icon.png') no-repeat 0px -150px;
	width: 14px;
	display: inline-block;
	margin-top: 0px;
}


/* 小見出し */
h3 {
	background: transparent url('../images/contents-h-icon.png') no-repeat left -150px;
	margin: 20px 0 5px 0;

	padding: 0 0 0 15px;
	font-size: 114.286%;
}

h4 {
	background: transparent url('../images/contents-h-icon.png') no-repeat left -220px;
	margin: 20px 0 5px 0;
	padding: 0 0 2px 15px;
	font-size: 114.286%;
}

p{
	margin-top: 10px;
}

.myportal-action {
	text-align: right;
	margin: 8px 0 8px 0;
}


/* ボタン */
.input {
}


.btn {
	font-size: inherit;
	border-radius: 6px;
	margin-left: 10px;
}

.btn-danger,
.btn-default,
.btn-info,
.btn-primary,
.btn-success,
.btn-warning{
	background-color: #F4F2E8;
	background: linear-gradient(#F9F9F4, #F4F2E8);
	border-color: #B8B39C;
	box-shadow: 1px 1px 0 rgba(255,255,255,0.4) inset, 1px 1px 2px #DDDDDD;
}

.btn-default:focus,
.btn-default:hover {
	background-color: #E8E4D9;
	background: linear-gradient(#F0EFE6, #E1DED0);
}

.btn-group-xs > .btn,
.btn-xs {
	font-size: 14px;
	padding-right: 10px;
}

.btn-primary {
	padding: 10px 30px;
	background-color: #E0E783;
	background: linear-gradient(#E5EB99, #D6DF5B);
	border-color: #E0E783;
	color: #333;
	text-shadow: 1px 1px 2px #FFF, 0px 0px 2px #FFF, -1px -1px 2px #FFF;
	font-size: 120%;
}

.btn-primary:focus,
.btn-primary:hover {
	background-color: #D6DF5B;
	background: linear-gradient(#D5DF59, #BECB27);
	border-color: #BECB27;
	color: #000;
}

.btn.disabled:hover {
	background-color: #E0E0E0;
}

.btn-primary.disabled {
	background-color: #BDC561;
	color: #80853E;
	border: none;
}

.btn-primary.disabled:hover,
.btn-primary.disabled:link,
.btn-primary.disabled:visited,
.btn-primary.disabled:active,
.btn-primary.disabled:focus,
.btn-primary.disabled:active,
.btn-primary.disabled:active {
	background-color: #BDC561;
}


/* コントロール */
input.textbox {
	padding: 3px 4px 1px 4px;
	margin: 0 4px 2px 0;
}

input.textbox:disabled {
	border: #A9A9A9 1px solid;
	background: #EBEBE4;
}

input.myportal-radio-item {
	margin: 0px 6px 0 0;
	vertical-align: middle;
	cursor: pointer;
}

input.myportal-checkbox-item {
	margin: 0px 6px 0 0;
	vertical-align: middle;
	cursor: pointer;
}

label {
	font-weight: normal;
}

select {
	padding: 2px 0 0 0;
	/*-webkit-appearance: none;*/
}

select.form-control {
	display: inline-block;
	margin-right: 5px;
}

textarea {
	padding: 3px 4px 1px 4px;
	margin: 0 4px 2px 0;
	border: #A9A9A9 1px solid;
}

/*DatePicker_カレンダー*/
.ui-widget-content {
	background-image: none;
}

.ui-state-default{
	background-image: none;
	background-color: #FFFFFF;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	background-image: none;
	color: #333333;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	background: #FDF5CE url("images/ui-bg_glass_65_ffffff_1x400.png") repeat-x scroll 50% 50%;
	border: 1px solid #fbd850;
	color: #333333;
	font-weight: bold;
}

.ui-datepicker-trigger {
	border: 0;
	margin-left: 5px;
	text-indent: -9999px;
	cursor: pointer;
}

.myportal-datepicker {
	vertical-align: middle;
}

.ui-widget-content .ui-widget-header {
	background: #FAE06A;
	color: #333333;
	border: none;
	padding-bottom: 0;
}

/*
 * IE9 入力例処理のみ使用
 */
.is-blank {
	color: #999999;
}

/*
 * テキストサイズ
 */

.myportal-t-large {
	font-size: 160%;
	font-weight: bold;
}

.myportal-t-small {
	font-size: 85%;
}

.myportal-t-center {
	text-align: center;
}

.myportal-t-left li {
	float: none;
}

.myportal-label-nowrap {
	/*white-space: nowrap;*/
	display: inline-block;
}

/*
 * -------------------------------------------基本要素-------------------------------------------
 */
html {
	/* height: 100%; */
	font-size: 88%;

}

body {
	/* height: 100%; */
	font-size: 100%;
}

body {
	font-family: "ヒラギノ角ゴ ProN W3", "Meiryo", Verdana , sans-serif;
	line-height: 135%;
	background: #FFF;
	color: #333;
 }

.container {
	width: 100%;
}

.myportal-section{
}


/* ヘッダー */
.navbar {
	border-top: #FAE06A solid 6px;
	min-width: 930px;
	margin: 0;
	border-radius: 0px;
}

.myportal-header {
	min-height: 85px;
	margin: 0 auto;
	padding: 0;
	padding-right: 15px;
	text-align: center;
}

.myportal-header h1 {
	margin: 15px 0 0 0;
	padding: 0;
	background: transparent;
	float: left;
}

.myportal-header div {
	margin: 15px 0 0 0;
	padding: 0;
	background: transparent;
	float: left;
}

.myportal-header h1 a {
	display: inline-block;
}

.myportal-header .myportal-header-nav {
	float: right;
}

.myportal-header .myportal-header-nav ul {
	margin: 0;
	padding: 0;
	position:absolute;
	top: 0px;
	right: 30px;
}

.myportal-header .myportal-header-nav ul li {
	color: #333;
	float: left;
	font-size: 92.3%;
	margin: -1px 0 0 -1px;
	padding: 0 0 0 16px;
	background: #FAE06A;
}

.myportal-header .myportal-header-nav ul li a {
	text-decoration: none;
	display: inline-block;
	padding: 6px 10px 8px;
	color: #333;
}

.myportal-header .myportal-header-nav ul li:first-child {
	border-bottom-left-radius: 4px;
}

.myportal-header .myportal-header-nav ul li:last-child {
	border-bottom-right-radius: 4px;
}

.myportal-header .myportal-header-nav ul li.myportal-nav-mainmenu {
	background: #FAE06A url('../images/header-nav-icon.png') no-repeat 9px 7px;
}

.myportal-header .myportal-header-nav ul li.myportal-nav-howtouse {
	background: #FAE06A url('../images/header-nav-icon.png') no-repeat 8px -28px;
	padding-left: 18px;
}

.myportal-header .myportal-header-nav ul li.myportal-nav-question {
	background: #FAE06A url('../images/header-nav-icon.png') no-repeat 9px -63px;
}

.myportal-header .myportal-header-nav ul li.myportal-nav-otoiawase {
	border-bottom-right-radius: 4px;
	background: #FAE06A url('../images/header-nav-icon.png') no-repeat 9px -97px;
	padding-left: 23px;
}

.myportal-header .myportal-header-nav ul li.myportal-nav-finish {
	margin-left: 8px;
	padding-left: 0;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

.myportal-header .myportal-header-nav ul li.myportal-nav-logout {
	margin-left: 8px;
	padding-left: 0;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

.myportal-header .myportal-header-nav p.myportal-nav-user {
	display: inline-block;
	margin: 50px 0 2px 0;
	padding: 3px 0 4px 32px;
	text-align: left;
	background: transparent url('../images/header-user-icon.png') no-repeat 6px 1px;
	font-size: 90%;
	word-break: break-all;
	max-width: 400px;
}


/**
* パンくずナビ定義
*/

ul.breadcrumb {
	margin: 0 0 10px 0;
	padding: 0;
	background-color: #FFF;
}

ul.breadcrumb li {
	margin: 0 0 0 0;
	padding: 0 0 0 14px;
	line-height: 165%;
	font-family: "ヒラギノ角ゴ ProN W3", "Meiryo", Verdana , sans-serif;
}

ul.breadcrumb li.myportal-icon-breadcrumbs-menu {
	background: #FFFFFF no-repeat 0 0px;
}

ul.breadcrumb li.myportal-icon-breadcrumbs-arrow {
	background: #FFFFFF url('../images/contents-breadcrumbs-icon.png') no-repeat 0 -58px;
}

.breadcrumb > li + li::before {
	content: " ";
}

/* 画面ID */
.myportal-screen-id-container{
	width : 260px;
}


.myportal-screen-id{
	margin: 6px 3px;
	padding-right: 15px;
	text-align: right;
}

/* コンテンツ */
.responsive .myportal-contents,
.responsive .myportal-top-contents{
	margin-left: 0;
	margin-right: 0;
	min-width: inherit;
}
.responsive .myportal-screen-id-container{
	margin-left: auto;
	float: none;
}
.myportal-contents,
.myportal-top-contents {
	min-width: 930px;
	min-height:100%;
	overflow:hidden;
}

.myportal-main-container,
.myportal-breadcrumb-container{
	width : -webkit-calc(100% - 260px) ;
	width : calc(100% - 260px) ;
}

.myportal-main-container-no-nav{

}

/* ステップチャート */
.myportal-nav-stepchart {
	text-align: center;
	font-size: 14px;
	line-height: 120%;
}

.myportal-nav-stepchart ul{
	margin: 20px auto 10px;
	padding: 0;
	list-style: none;
	display: inline-block;
	font-size: 85.714%;
}

.myportal-nav-stepchart li {
	float: left;
	min-height: 40px;
	margin: 0;
	padding: 10px 32px 10px 15px;
	background: #E6E3DD url('../images/contents-stepchart-bg.png') no-repeat right -0px;
}

.myportal-nav-stepchart li:first-child {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.myportal-nav-stepchart li:last-child {
	background: #E6E3DD url('../images/contents-stepchart-bg.png') no-repeat right -40px;
}

.myportal-nav-stepchart .myportal-is-current{
	background: #FAE06A url('../images/contents-stepchart-bg.png') no-repeat right -80px;
	position: relative;
	text-decoration: underline;
}

.myportal-nav-stepchart ul li:last-child.myportal-is-current {
	background: #FAE06A url('../images/contents-stepchart-bg.png') no-repeat right -120px;
}

.myportal-nav-stepchart li.myportal-is-current:before {
	content:" ";
	position: absolute;
	top: 0;
	left: -20px;
	width: 20px;
	height: 40px;
	background: #FAE06A url('../images/contents-stepchart-bg.png') no-repeat right -160px;
}

.myportal-nav-stepchart li:first-child.myportal-is-current:before {
	content: none;
}


/* メッセージ */
.alert {
	margin: 15px 0;
	padding: 16px 10px 6px 65px;
	background-repeat: no-repeat;
	border: solid 2px #CCC;
	color: #333;
	border-radius: 6px;
	filter: none;
}

.alert.alert-info {
	background: #DEEEFA url('../images/contents-message-icon-info.png') no-repeat 16px 9px;
	border-color: #638CB1;
}

.alert.alert-confirmation {
	background: #FFFFFF url('../images/contents-message-icon-confirmation.png') no-repeat 16px 9px;
	border-color: #B6B6B6;
}

.alert.alert-warning {
	background: #FCF1C7 url('../images/contents-message-icon-warning.png') no-repeat 16px 10px;
	border-color: #E9B516;
}

.alert.alert-danger {
	background: #FFE6E6 url('../images/contents-message-icon-danger.png') no-repeat 16px 9px;
	border-color: #D96464;
}

.alert p{
	margin: 0 0 10px 0;
}


/* 凡例 */

.tokei-legend-box{
	margin: 10px 0;
	padding: 4px 8px 2px;
	border: solid 1px #CCC;
	color: #333;
	border-radius: 6px;
	word-break: break-all;
	background-color: #FFFFFF;
}

.tokei-legend {
	float: left;
	padding: 0 10px 0 5px;
	margin: 3px 12px 0 0;
	border-right: solid 1px #CCC;
	height: 100%;
	display: inline-block;
}

.tokei-legend-box-inner {
	margin-bottom: 0px;
	float: left;
	display: inline-block;
	width : -webkit-calc(100% - 70px) ;
	width : calc(100% - 70px) ;
}

.tokei-legend-box-inner li{
	float: left;
	margin: 2px 20px 3px 0;
	display: inline-block;
	position: relative;
}

.myportal-legend-icon {
	vertical-align: middle;
}

.myportal-legend-text{
	margin: 5px 0 6px 5px;
	vertical-align: middle;
}


/* 表 */
.table {
	margin: 10px 0 40px;
	border-collapse: collapse;
}

.table tr th {
	vertical-align: top;
	background-color: #FCE78E;
	font-weight: normal;
}

.table tr th.myportal-th-width-fix {
	width: 200px;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tbody > tr > td,
.table > thead:first-child > tr:first-child > td,
.table > thead:first-child > tr:first-child > th {
	border: solid 1px #C5C0AF;
}

.table + .myportal-action {
	margin-top: -30px;
}



.table tr th span.myportal-required {
	display: inline-block;
	background-color: #D90000;
	border-radius: 4px;
	padding: 1px 4px;
	margin-left: 5px;
	color: #FFFFFF;
}

.table-striped > tbody > tr:nth-of-type(2n+1) {
	background-color: #FDF3DA;
}

.myportal-table-number {
	text-align: right;
}

.myportal-table-icon {
	width: 30px;
}

.table .myportal-table-icon-otoiawase {
	width: 42px;
	text-align: center;
	padding: 8px 4px;
}


/* --- マウスオーバー時 --- */
.table-hover tbody tr:hover {
	background-color: #EDF4E3; /* 行の背景色 */
}


/* --- エラー時 --- */
.table .danger{
	border: #D94244 2px solid;
}

.table .myportal-label {
	padding: 0;
	vertical-align: middle;
	cursor: pointer;
}

.table ul li label {
	padding-left: 10px;
}

/* .table ul li label input.myportal-radio-item,
.table ul li label input.myportal-checkbox-item
{
	margin-left: -20px;
} */

.table .myportal-label label {
	text-align: center;
	width: 100%;
}

.table .myportal-nowrap {
	white-space: nowrap;
}
.table .myportal-nowrap2 {
	white-space: nowrap;
}
.table .myportal-break {
	word-break: break-all;
}


/* 背景エリア */

.myportal-area-box{
	margin: 15px 0;
	padding: 5px 15px;
	border-radius: 6px;
	background-color: #FBEFBF;
}

.myportal-img-f-left{
	float: left;
	margin: 0 20px 0 0;
}

.myportal-img-f-right{
	float: right;
	margin: 0 0 0 20px;
}


/*--------------開閉する場合--------------*/


.myportal-display-switch,
.myportal-display-switch-custom {
	padding: 2px;
	text-align: right;
}

.myportal-display-switch .myportal-switch-icon,
.myportal-display-switch-custom .myportal-switch-icon {
	padding-left: 18px;
	color: #000;
	display: inline-block;
	background: transparent url('../images/contents-link-icon.png') no-repeat;
	background-position: 0px -32px;
}

.isOpened .myportal-display-switch .myportal-switch-icon,
.isOpened .myportal-display-switch-custom .myportal-switch-icon {
	background-position: 0px 3px;
}

.myportal-display-switch-box {
	display: none;
}

.isOpened .myportal-display-switch-box {
	display: block;
}

.myportal-t-left {
	text-align: left;
}


/* コマンドエリア */

.myportal-command-area {
	min-height: 50px;
	margin: 10px 0 20px 0;
	padding: 10px 0;
	border-top: 1px solid #D9D2BD;
}

.pull-right .delete{
	border-right: 2px solid #D9D2BD;
	padding-right: 10px;
}

.pull-left .centerLine{
	border-left: 2px solid #D9D2BD;
}

.myportal-command-area .pull-left li:first-child,
.myportal-command-area .pull-left li:first-child .btn {
	margin-left: 0;
}


/* ローカルナビ */

.myportal-local-nav-container {
	width: 260px;
	height: 100%;
	padding-right: 0px;
}

.myportal-local-nav {
	height:100%;
	padding-bottom:32767px;
	margin-bottom:-32767px;
	border-left: #E4DECB 1px solid;
	border-top: #E4DECB 1px solid;
	background-color: #FEFAED;
}

.myportal-local-nav .glyphicon {
	height: 40px;
	width: 42px;
	margin-right: 6px;
	background: transparent url('../images/local-nav-icon.png') no-repeat;
	background-position: 0px 0px;
	vertical-align: middle;
}
.myportal-local-nav .myportal-local-menu {
	width: 100%;
	font-size: 110%;
	margin: 0 0 0 0;
	padding: 15px 15px;
	display: inline-block;
	background-color: #FAE06A;
}

.myportal-local-nav ul{
	width: 100%;
	margin: 0 0 0 0;
	padding: 0;
}

.myportal-local-nav ul li{
	margin: 0px;
}

.myportal-local-nav ul li a,
.myportal-local-nav ul li span.myportal-local-disabled {
	text-decoration: none;
	display: block;
	padding: 9px 8px;
	font-size: 113%;
	color: #333;
}

.myportal-local-nav ul li span.myportal-local-disabled {
	color: #999999;
}

.myportal-local-nav .myportal-glyphicon-local-yourinfo{
	background-position: 0px 0px;
}

.myportal-local-nav .myportal-glyphicon-local-yaritori{
	background-position: 0px -40px;
}

.myportal-local-nav .myportal-glyphicon-local-oshirase{
	background-position: 0px -80px;
}

.myportal-local-nav .myportal-glyphicon-local-rireki{
	background-position: 0px -120px;
}

.myportal-local-nav .myportal-glyphicon-local-userinfo{
	background-position: 0px -160px;
}

.myportal-local-nav .myportal-glyphicon-local-contact{
	background-position: 0px -200px;
}

.myportal-local-nav .myportal-glyphicon-local-dairinin{
	background-position: -1px -242px;
}

.myportal-local-nav .myportal-glyphicon-local-yourinfo-disabled {
	background-position: 0px -280px;
}

.myportal-local-nav .myportal-glyphicon-local-yaritori-disabled{
	background-position: 0px -320px;
}

.myportal-local-nav .myportal-glyphicon-local-oshirase-disabled{
	background-position: 0px -360px;
}

.myportal-local-nav .myportal-glyphicon-local-pin{
    background-position: 0px -438px;
}

.myportal-local-nav .myportal-glyphicon-local-pin-disabled{
    background-position: 0px -480px;
}

@media screen and (min-width: 768px) , print {
/* 表示領域が768px以上の場合に適用するスタイル */

	p.myportal-local-pin-text,
	p.myportal-local-pin-text-mainmenu{
		float:right;
		margin: 0px 16px 0px 0px;
	}

	p.myportal-local-editAccount-text ,
	p.myportal-local-editAccount-text-mainmenu{
		float:right;
		margin: 12px 63px 0px 0px;
	}

	p.myportal-local-pin-text-en ,
	p.myportal-local-pin-text-en-mainmenu{
		margin: -47px 0px -9px 52px;
	}

	p.myportal-local-editAccount-text-en ,
	p.myportal-local-editAccount-text-en-mainmenu{
		margin: -37px 0px 0px 53px;
	}

	.pull-right,
	.pull-left {
		padding-bottom: 10px;
	}
	
	.button-margin{
		padding-bottom: 20px;
	}

}

@media screen and (max-width: 767px) , print{
/* 表示領域が768px以下の場合に適用するスタイル*/

	p.myportal-local-pin-text{
		margin: -40px 0px 0px 56px;
	}

	p.myportal-local-pin-text-mainmenu{
		margin: -40px 0px 0px 58px;
	}

	p.myportal-local-pin-text-en{
		margin: -47px 0px -8px 50px;
	}

	p.myportal-local-pin-text-en-mainmenu{
		margin: -40px 0px 0px 56px;
	}

	p.myportal-local-editAccount-text{
		margin: -29px 0px 10px 53px;
	}

	p.myportal-local-editAccount-text-en{
		margin: -37px 0px 0px 52px;
	}

	p.myportal-local-editAccount-text-mainmenu{
		margin: -29px 0px 10px 55px;
	}

	p.myportal-local-editAccount-text-en-mainmenu{
		margin: -29px 0px 10px 55px;
	}
}

/* マウスオーバー時の色指定 */
.myportal-local-nav .myportal-local-yourinfo a:hover{
	background-color: #F0F3C5;
}

.myportal-local-nav .myportal-local-yaritori a:hover{
	background-color: #FDE1DD;
}

.myportal-local-nav .myportal-local-oshirase a:hover{
	background-color: #FCF0C7;
}

.myportal-local-nav .myportal-local-rireki a:hover{
	background-color: #F9E1C1;
}

.myportal-local-nav .myportal-local-userinfo a:hover{
	background-color: #ECDEF1;
}

.myportal-local-nav .myportal-local-contact a:hover{
	background-color: #D8F1E8;
}

.myportal-local-nav .myportal-local-dairinin a:hover{
	background-color: #DBF1F7;
}

.myportal-local-nav .myportal-local-pin a:hover{
    background-color: #FFEBA8;
}

.myportal-local-nav .myportal-local-pin-disabled {
    background-color: #E0E0E0;
}


.myportal-local-nav ul li.myportal-is-current{
	background-color: #FCF0C7;
}

/* フッター */

.myportal-footer {
	height: 150px;
	min-width: 930px;
	background-color: #FAE06A;
	text-align: center;
	position:relative;
}

.myportal-footer .myportal-info{
	padding-top: 20px;
	display: inline-block;
}

.myportal-footer .myportal-info .myportal-footer-nav ul {
	margin: 12px 0 0 0;
	padding: 0;
}

.myportal-footer .myportal-info .myportal-footer-nav ul li {
	float: left;
	border-radius: 5px;
	margin: 0 8px 0 0;
	padding: 3px 9px;
	background-color: #FBEFBB;
}

.myportal-footer .myportal-info .myportal-footer-nav ul li a {
	color: #333;
	text-decoration: none;
}

.myportal-footer .myportal-info .myportal-copyright {
	font-size: 92.3%;
	margin: 10px 0 0 0;
	vertical-align: bottom;
}


/* ダイアログ */

.dialog-s,
.dialog {
	width: 100% !important;
	display: none;
}

.ui-dailog {
}

.ui-widget-content {
	background-image: none;
	background-color: #FFF;
	font-family: "ヒラギノ角ゴ ProN W3", "Meiryo", Verdana , sans-serif;
}

/*タイトル部分*/
.ui-dialog-titlebar {
	color: #FFF;
	font-weight: normal;
	text-align: left;
	background: #FAE06A;
	border: none;
	padding-top: 0px;
	margin-bottom: 10px;
}

.ui-dialog .ui-dialog-titlebar-close{
	display: none;
	height: 25px;
	width: 25px;
	top: 40%;
}

.ui-widget-content .myportal-action .btn{
	font-family: "ヒラギノ角ゴ ProN W3", "Meiryo", Verdana , sans-serif;
}

.ui-dialog-buttonset .ui-button{
	width: auto;
	min-width: 110px;
	min-height: 0;
	height: 34px;
	padding: 0 15px;
	text-decoration: none;
	color: #000;
	border-width: 1px;
	border-style: solid;
	border-radius: 100vh;
	overflow: hidden;
	cursor: pointer;
	transition: background-color .3s ease;
}

.ui-dialog-buttonset .ui-button:focus,
.ui-dialog-buttonset .ui-button:hover {
	background-color: #f5f5f5;
	/* background: linear-gradient(#F0EFE6, #E1DED0); */
}

.dialog-no-close + .ui-dialog-buttonpane {
	display: none
}

.dialog-no-close .myportal-command-area {
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.dialog-no-close .pull-right{
	padding-bottom: 0px;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
	font-family: "ヒラギノ角ゴ ProN W3", "Meiryo", Verdana , sans-serif;
}


/* ----- ブロックスキップ・----- */
#blockskip {
	background-color: #FFFFFF;
	height: 1px;
	left: 0;
	overflow: hidden;
	position: absolute;
	text-align: center;
	top: 0;
	width: 100%;
	z-index: 1001;
	border-bottom: 1px solid #CCCCCC;
}

#blockskip a {
	background-color: transparent;
	color: #131313;
	overflow: hidden;
	padding-top: 6px;
	display: inline-block;
}

.guidance {
	clear: both;
	font-size: 1%;
	height: 1px;
	line-height: 1%;
	width: 1px;
}

/* ----- このページのトップへ ----- */

#myportal-pagetop {
	position: fixed;
	bottom: 0px;
	right: 22px;
}

#myportal-pagetop a,
#myportal-pagetop a img {
	display: inherit;
}

#myportal-pagetop a:hover {
}


/* ----- objectタグの余白対応 ----- */

.myportal-object {
}

.myportal-object .myportal-object-embed {
	display: block;
}

.myportal-object .myportal-object-p {
	display: none;
}


/* ----- 印刷対応 ----- */
@media print{
	.myportal-local-nav {
		padding-bottom: 0px;
		margin-bottom: 0px;
	}
	html {
		width: 1024px;
	}


}


/*--------------------------------ComingSoon追加用CSS--------------------------------*/
.myportal-local-nav .myportal-glyphicon-local-dairinin-disabled{
	background-position: 0px -400px;
}

/* ローカルナビ-comingsoon 追加処理 */
.myportal-local-comingsoon {
	display: table;
	width: 100%;
	padding-bottom:
}

.myportal-local-nav ul li.myportal-local-comingsoon .myportal-local-disabled {
	padding: 9px 8px 7px;
}

.myportal-local-comingsoon .glyphicon,
.myportal-local-comingsoon .myportal-local-comingsoon-text {
	display: table-cell;
	padding-left: 8px;
}

.myportal-local-comingsoon .myportal-local-comingsoon-text {
	padding-top: 4px;
}

.myportal-local-comingsoon .myportal-local-comingsoon-text .myportal-local-comingsoon-img {
	margin-left: 3px;
}

/* 170420追加 */
.navbar-collapse.in {
	overflow-y: visible;
}

/* マイキープラットフォーム css */
.myportal-section .myportal-mykey-info-message {
    text-align: left;
    padding: 10px;
    border: #FAE06A solid 2px;
		background: #fffbeb;
}

.myportal-mykey-info-message img {
	border:1px solid #808080;
}
.myportal-mykey-info-message a {
	margin: 0px 0px 0px 73px;
}
.myportal-mykey-info-message p {
	text-align: left;
	margin: 10px 55px;
}

/* タブ */
.record-menu-tab{
	overflow: hidden;
	border-bottom: solid 8px #FAE06A;
	margin: 20px 0px 0px 0px;
}

.record-menu1{
	background:#FDF3DA;
	padding:8px 20px;
	float:left;
	margin-right:1px;
	margin-bottom: 0px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

#SelectTab{
	color: #000000;
	text-decoration: none;
}

#UnselectTab{
	color: #000000;
	text-decoration: none;
}

.record-menu2{
	background:#FAE06A;
	padding:8px 20px;
	float:left;
	margin-right:1px;
	margin-bottom: 0px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

a.topic-path {
	color: #006699;
}

a.topic-path:hover{
	color: #B14D0C;
}

.myportal-mykey-info-message .banner{
	margin: 10px 0 15px 55px;
	display: inline-block;
}
.myportal-mykey-info-message .banner a{
	margin-left: 0;
}
@media screen and (max-width: 767px) {
	.myportal-mykey-info-message p {
		margin: 10px 20px;
	}
	.myportal-mykey-info-message .banner{
		margin: 15px auto 10px;
		width: 230px;
		display: block;
	}
	.myportal-mykey-info-message .banner a img{
		width: 100%;
	}
}
/**税情報ダイアログ*/
#D-06-L2.dialog{
	overflow-y: scroll;
}


.registration th{
	width: 220px;
}
.registration.confirm th{
	width: 200px;
}
.registration td input[type='text']{
	-moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: transparent;
	background-image: none;
	border-radius: 0;
	max-width: 400px;
	width: 100%;
	margin: 3px 0 10px;
	padding: 3px;
	border: 1px solid #ccc;
}
.registration td input[type='text']:last-child{
	margin-bottom: 0;
}
.registration-btn:after{
	content: '';
	display: block;
	clear: both;
}
.registration-btn li{
	margin-bottom: 15px;
	float: right;
}
.registration-btn li a{
	padding: 0;
}
.alert-info .btn{
	margin-left: 0;
	margin-bottom: 15px;
}
.hidden_sp{
	display: inline;
}
.hidden_pc {
	display: none;
}
.module-button.hidden_sp{
	display: inline;
}
.module-button.hidden_pc {
	display: none;
}
@media screen and (max-width: 767px) {
	.registration{
		border-bottom: 1px solid #C5C0AF;
	}
	.registration th,
	.registration td,
	.registration.confirm th{
		width: 100%;
		display: block;
	}
	.registration th,
	.registration td:last-child{
		border-bottom: none!important;
	}
	.registration-btn{
		margin: 10px 0 0;
		width: 100%;
	}
	.registration-btn li{
		width: 100%;
		margin-left: 0;
	}
	.registration-btn li button{
		width: 100%;
		height: 46px;
		margin-left: 0;
		font-size: 120%;
	}
	.registration-btn.confirm li:nth-child(2),
	.registration-btn.confirm li:nth-child(3){
		width: 48%;
		display: inline-block;
	}
	.registration-btn.confirm li:nth-child(2){
		float: left;
	}
	.alert-info .btn{
		margin-left: auto;
		display: block;
	}
	.hidden_sp{
		display: none;
	}
	.hidden_pc {
		display: inline;
	}
	.module-button.hidden_sp{
		display: none;
	}
	.module-button.hidden_pc {
		display: inline;
	}
}

.link-document{
	text-align: right;
	margin-top: 5px;
}
.link-document a{
	text-decoration: underline;
	cursor: pointer;
}
.link-document .glyphicon-question-sign:before{
	color: #ff6400;
	font-size: 17px;
	margin-right: 2px;
	vertical-align: -3px;
}
.button-middle{
	vertical-align: middle;
}



