/* ----------------------------------------------------
	システムメンテナンス案内
---------------------------------------------------- */

a {
	display :inline;
}
p {
	line-height: 120%;
	margin:0.5em;
}

/* システムメンテナンス案内 */
#mainte90 .announceMainte, #server_info90 .announceMainte {
	background: url("/business/smartconsole/help/css/image/caution.gif") no-repeat 10px 13px;
	border: solid 2px #ef0000;
	color: #ef0000;
	font-size: inherit;
	margin: 0 0 10px;
	padding: 10px 10px 10px 30px;
}
#mainte90 .announceMainte h3, #server_info90 .announceMainte h3 {
	font-size: 105%;
	font-weight: bold;
	height: auto !important;
	margin: 0 0 0.5em !important;
}
#mainte90 .announceMainte p, #server_info90 .announceMainte p {
	line-height: 1.5;
}
#mainte90 .announceMainte.none, #mainte90 .announceMainte .none, #server_info90 .announceMainte.none, #server_info90 .announceMainte .none {	/* 非表示用 */
	display: none;
}


/* ----------------------------------------------------
	共通
---------------------------------------------------- */

body {
	margin:10px;
	word-wrap:break-word;
	font-family: sans-serif;
}
p {
	margin:0;
}
ul {
	margin:5px 0 0 20px;
	padding:0;
	line-height: 1.5em;
}
ol {
	margin:20px 0 0 30px;
	padding:0;
	line-height: 1.5em;
}
li {
	margin:0;
	padding:0;
}
a {
	display :inline;
}
.lh13 {
	line-height:1.3;
	padding-bottom:3px;
}
.pb00 {
	padding-bottom:0px !important;
}
.pt00 {
	padding-top:0px !important;
}
.mb00 {
	margin-bottom:0px !important;
}
.mt00 {
	margin-top:0px !important;
}
.vam {
	vertical-align:middle;
}
.txtIndent09 {
	padding-left:9em;
	text-indent:-9em;
}
/* ----------------------------------------------------
	タイトル
---------------------------------------------------- */
/*top画面のタイトル*/
.title_blue {
	font-size:150%;
	color:#fff;
	margin: 0 0 10px;
	padding: 10px;
	line-height: 180%;
	background: linear-gradient(top, #05a, #09f);
	background: -ms-linear-gradient(top, #05a, #09f);
	background: -moz-linear-gradient(top, #05a, #09f);
	background: gradient(linear, left top, right top, from(#05a), to(#09f));
	background: #09f;
	background: -webkit-gradient(linear, left top, right top, from(#05a), to(#09f));
	text-shadow: 0 0 6px #000;

}

/*top画面のタイトル(小)*/
.title_blue2 {
	font-size:120%;
	color:#fff;
	margin:0em;
	padding: 10px;
	line-height: 100%;
	background: linear-gradient(top, #05a, #09f);
	background: -ms-linear-gradient(top, #05a, #09f);
	background: -moz-linear-gradient(top, #05a, #09f);
	background: gradient(linear, left top, right top, from(#05a), to(#09f));
	background: #09f;
	background: -webkit-gradient(linear, left top, right top, from(#05a), to(#09f));
	text-shadow: 0 0 6px #000;
}

.title_black1 {

	font-size:100%;
	font-weight:bold;
	color:#dcdcdc;

	background-color:#f2f2f2;
	padding:5px 10px 5px 10px;

	line-height:1em;
bo
}

/*項目1タイトル ブルー*/
.ttl_01 {
	font-size:130%;
	font-weight:bold;
	color:#FFF;
	margin-top:30px;
	background-color:#0099FF;
	padding:10px 5px;
	line-height:1em;
}
/*項目2タイトル グレー*/
.ttl_02 {
	font-size:120%;
	font-weight:bold;
	margin-top:30px;
	background-color:#dcdcdc;
	padding:8px 5px;
	line-height:1em;
}

/*項目2タイトル 線なし枠*/
.ttl_TOP {
	font-size:100%;
	color:#0;
	background-color:#ffffffff;
	line-height:1em;
	
	padding: 1em;
	margin: 1em 0 0 0;

}

/*項目2タイトル グレー*/
.ttl_TOP02 {
	font-size:100%;
	font-weight:bold;
	color:#ffffff;
	background-color:#333;
	padding: .5em .7em;
	line-height:1em;

}

/*項目タイトル 枠*/
.ttl_03_box {
	font-size:100%;
	color:#0;
	background-color:#ffffff;
	line-height:1em;

	    position: relative;
 	    border: 2px solid #2589d0;
	

	max-width:	960px
}


/*項目タイトル 枠なし*/
.ttl_url_box {
	font-size:120%;
	color:#0;
	line-height:1em;

	    position: relative;

	max-width:	960px

	padding: 2em;

	margin-top: 2em;
	margin-bottom: 0.5em;
	margin-right: 1em;
	margin-left: 1em;
}

.ttl_url_box_2 {
	font-size:100%;
	color:#0;
	line-height:1em;

	    position: relative;

	max-width:	960px

	padding: 2em;

	margin-top: 0em;
	margin-bottom: 0.5em;
	margin-right: 1em;
	margin-left: 10em;
}


/* ----------------------------------------------------
	もくじページ
---------------------------------------------------- */

ul.navi {
	list-style: none;
}
ul.navi li {
	margin: 0;
	margin-right: -10;
	margin-left: -25;
	padding: 0;
	line-height: 1.5em
}
ul.navi aa {
	display: block;
	text-indent:0px;
	font-size: 110%;
	background: #C2EEFF;
	padding: 12px 10px;
	width: 95%;
	border-top: solid 1px #ddd;
	border-bottom: solid 1px #333;
	border-left: solid 5px #69f;
	border-right: solid 2px #333;

/*	margin: 2 0 2 0.5rem;*/
	margin: 2 0 0 0.5rem;
	max-width :720px;
}

ul.navi aa:hover {
	font-weight:bold;
	background-color: #ffffff;
	border-top: solid 1px #333;
	cursor: pointer;
	cursor: hand;
}
ul.navi aa:link, ul.navi a:visited {
	font-size: 100%;
	text-decoration: none;
	color: #111;
}
ul.navi li.accordion {
	margin: 10px 0 10px 0;
}
ul.navi li.accordion ul li {
	list-style: disc;
	margin: 0;
	line-height: 1;
}
ul.navi .accordion ul li a {
	display: inline;
	border: none;
	padding: 0px;
	background: #fff;
	text-decoration: underline;
	color: #0000EE;
}

ul.navi li.accordion ul .circle li {
	list-style: circle;
	line-height: 2;
}

.list_a2 {
	text-indent:0px;
	font-size:110%;
	font-weight:bold;
	margin-top:10px;
	background-color:#e8e8e8;
	padding:8px 5px;
	width: 80%;
	line-height:1em;

	max-width :640px;
	
}

.list_a3 {
	display: block;

	text-indent:0px;
	font-size:100%;
 	padding: 0.5em 0.5em 1em 0.5em;

}

/* グレーの枠・ホバー　 */
ul.navi a2 {
	display: block;
	text-indent:0px;
	font-size: 105%;
	background: #f2f2f2;
	padding: 8px 10px;
	width: 90%;
	border-top: solid 1px #f0f0f0;
	border-bottom: solid 2px #d2d2d2;
	border-left: solid 3px #f0f0f0;
	border-right: solid 1px #ddd;
	margin: 0px 0 4 0;

	border-radius: 0px 0px 0px 0px;
	max-width :640px;

    align-items: center;
    padding: .7em .7em;
    background-color: #f8f8f8;
    color: #333333;

}


ul.navi a2:hover {
	font-weight:bold;
	border: 1px solid #969da3;
	background-color: #f0f0f0;
	cursor: pointer;
	cursor: hand;
}
ul.navi a2:link, ul.navi a:visited {
	text-decoration: none;
	color: #111;
}


/* ----------------------------------------------------
	コンテンツ
---------------------------------------------------- */
div.textBlock01 {
	margin: 10px 0 0 2%;
	padding:0;
/*	line-height: 1.5em;*/
}
div.textBlock01 p {
/*	line-height: 1.5;*/
}
div.textBlock01.mt00 {
	font-size: 110%;
}
div.textBlock01 .qaBlock01 {
/*	margin-bottom:40px;*/
}
div.textBlock01 .qaBlock01 dl {
	margin: 0 0 0 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #999;
}
div.textBlock01 .qaBlock01 dl dt {
	min-height:25px;
	padding:14px 10px 10px 40px;
	background:url("/support/images/ico_q.gif") no-repeat 0 14px;
	font-weight:bold;
	margin: 0 0 10px;
	border-bottom: 1px dotted #999;
}
div.textBlock01 .qaBlock01 dl dd {
	margin: 0 0 0 0;
	min-height:25px;
	padding: 14px 10px 10px 30px;
	background:url("/support/images/ico_a.gif") no-repeat 0 14px;
}
div.textBlock01 .qaBlock01 dl dd p {
	margin: 0 0 5px 0;
}
div.textBlock01 .layout01 {
	margin-top:20px;
}
div.textBlock01 .layout01 .text {
	float: left;
	width: 80%;
}
div.textBlock01 .layout01 .image {
	float: right;
	width: 20%;
	margin-top:10px;
}
div.textBlock01 .descriptionList01 {
	list-style: none;
	margin: 0;
}
div.textBlock01 .descriptionList02 {
	margin: 0 0 0 1.5em;
}
div.textBlock01 .descriptionList03 {
	margin: 0 0 0 1.5em;
	padding-left: 1em;
}
div.textBlock01 .descriptionList04 {
	margin: 0 0 0 0;
}
div.textBlock01 .descriptionList01 li {
	text-indent: -1em;
	padding-left: 1em;
}
div.textBlock01 .descriptionList02 li, div.textBlock01 .descriptionList03 li {
	list-style: disc;
	text-indent: 0em;
	padding-left: 0em;
	margin: 0 !important;
}
div.textBlock01 .descriptionList04 li {
	list-style: none;
	text-indent: -2em;
	padding-left: 2em;
}
div.textBlock01 .listFlow2 {
	margin: 0 10px 0 0;
}
div.textBlock01 .listFlow2 li {
	margin: 0 0 30px 0;
	padding-bottom: 30px;
	width: 95%;
	position: relative;
}
div.textBlock01 .listFlow3 {
	margin: 20px 10px 0 0;
}
div.textBlock01 .listFlow3 li {
	margin: 0 0 30px 15px;
	padding-bottom: 30px;
	width: 95%;
	position: relative;
}
div.textBlock01 .listFlow2 li.icon02, div.textBlock01 .listFlow2 li.icon03, div.textBlock01 .listFlow2 li.icon04 {
	margin: 0 0 30px 0;
	padding-bottom: 99px;
}
div.textBlock01 p.imageBlock img {
	width: 100%;
	max-width: 350px;
}
div.textBlock01 p.imageBlock01 img {
	width: 100%;
	max-width: 450px;
}
div.textBlock01 p.imageBlock02 img {
	width: 100%;
	max-width: 475px;
}
div.textBlock01 p.imageBlock03 img {
	width: 100%;
	max-width: 250px;
}
div.textBlock01 p.imageBlock04 img {
	width: 100%;
	max-width: 300px;
}
div.textBlock01 p.imageBlock05 img {
	width: 100%;
	max-width: 375px;
}
div.textBlock01 p.imageBlock06 img {
	width: 100%;
	max-width: 400px;
}
div.textBlock01 p.imageBlock07 img {
	width: 100%;
	max-width: 550px;
}
div.textBlock01 p.imageBlock0a img {
  margin: 0;
  padding: 0;
  overflow: hidden;

  border:none;
}

div.textBlock02 {
	margin: 20px 0 0 2%;
	padding:0;
	line-height: 1.5em;
}
div.textBlock02 .listFlow2 {
	margin: 0 10px 0 0;
}
div.textBlock02 .listFlow2 li {
	margin: 0 0 10px 0;
	padding-bottom: 10px;
	width: 95%;
	position: relative;
}
.max250 img {
	width: 100%;
	max-width: 250px;
}
/* 一番下　前後 */
.contents_back {
	font-weight: bold;
	margin-top:10px;
	margin-bottom:10px;
}
 @media screen and (max-width:600px) {
div.textBlock01 .layout01 .text {
	float: none;
	width: 100%;
}
div.textBlock01 .layout01 .image {
	float: none;
	width: 100%;
	text-align: center;
}
}


/*** メニュー　アコーディオン用　 TOP　********/

label {
    color: #000;
    padding: 0px;
    display: block;
    margin: 0;
    border: 1px solid #fff;
}

input[type="checkbox"].on-off{
     user-select: none;
     display: none;
}

input[type="checkbox"].on-off + ul-onoff{
    margin: 0px 0 0 0;	/*ボックスの下のスペース*/
    padding: 0;

    display: block;
}

input[type="checkbox"].on-off:checked + ul-onoff{
    margin: 0px 0 0 0;	/*ボックスの下のスペース*/
    padding: 0;

    display: block;
}

input[type="checkbox"].on-off + ul-onoff > ul-on{
    margin: 0px 0 0 0;	/*ボックスの下のスペース*/
    padding: 0;

    display: block;
}

input[type="checkbox"].on-off:checked + ul-onoff > ul-on{
    margin: 0px 0 0 0;	/*ボックスの下のスペース*/
    padding: 0;

    display: none;
}


input[type="checkbox"].on-off + ul-onoff > ul-off{
    margin: 0px 0 0 0;	/*ボックスの下のスペース*/
    padding: 0;

    display: none;
}

input[type="checkbox"].on-off:checked + ul-onoff > ul-off{
    margin: 0px 0 0 0;	/*ボックスの下のスペース*/
    padding: 0;

    display: block;
}


.openmenu {

    transform: translateY(25%) rotate(45deg);
    width: 6px;
    height: 6px;
    margin-left: 6px;
    border-bottom: 3px solid #333;
    border-right: 3px solid #333;
    content: '';
    transition: transform .3s;
}

.closemenu {
    transform: translateY(75%) rotate(225deg);
    width: 6px;
    height: 6px;
    margin-left: 6px;
    border-bottom: 3px solid #333;
    border-right: 3px solid #333;
    content: '';
    transition: transform .3s;
}

/*** メニュー　アコーディオン用　 BTM　********/



/*help のPDF表示用 */
iframe {
  transform-origin: 0 0;

  transform: scale(1);
	max-height:	800px; /*100% 820px;*/
 	width:	95%;
 	height:	95%;
}

/*** お知らせ　アコーディオン用　 TOP　********/


.accordion-info {
    margin-top: 0px;
    margin-bottom: 0px;
}

.accordion-info summary {
 	width:	150;

    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 1em 2em 0.5rem 0.5rem;
    
    background-repeat: no-repeat;
    color: #3332589d0;
    font-weight: 600;
    cursor: pointer;

}

.accordion-info summary:hover {

	background-color: #e6edf3;

	cursor: pointer;
	cursor: hand;
}


.accordion-info summary::-webkit-details-marker {
    display: none;
}

.accordion-info summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 10px;
    height: 10px;
    margin-left: 10px;
    border-bottom: 3px solid #333;
    border-right: 3px solid #333;
    content: '';
    transition: transform .3s;
}

.accordion-info[open] summary::after {
    transform: rotate(225deg);
}

.accordion-info p {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: 0.5em 0.5em 0.5em 0.5em;
    color: #333333;
    transition: transform .5s, opacity .5s;
}

.accordion-info[open] p {
    transform: none;
    opacity: 1;
}

/*** メニュー　アコーディオン用　 TOP　********/

.accordion-menu {
    max-width: 960px;
}

.accordion-menu:not([open]) {
    margin-bottom: 7px;
}

.accordion-menu summary {
    display: flex;
    justify-content: space-between;
    font-size: 120%;
    align-items: center;
    position: relative;
    padding: 1em 2em;
    border-left: 5px solid #2589d0;
    border-bottom: 3px solid #d2d2d2;

    background-color: #e6edf3;
    color: #333333;
    cursor: pointer;
}

.accordion-menu summary:hover {
	font-weight:bold;
	color: #FFFFFF;
	background-color: #2589d0;
	border-top: solid 1px #333;
	border-left: 5px solid #2589d0;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;

	cursor: pointer;
	cursor: hand;
}

.accordion-menu summary::-webkit-details-marker {
    display: none;
}

.accordion-menu summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 10px;
    height: 10px;
    margin-left: 10px;
    border-bottom: 3px solid #333;
    border-right: 3px solid #333;
    content: '';
    transition: transform .3s;
}

.accordion-menu[open] summary::after {
    transform: rotate(225deg);
}

.accordion-menu p {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: 0.5em 0.5em 0.5em 0.5em;
    color: #333333;
    transition: transform .5s, opacity .5s;
}

.accordion-menu[open] p {
    transform: none;
    opacity: 1;
}]

/*** 枠　１　********/

.box-005 {
    max-width: 400px;
    margin: 0 auto;
    border: 2px solid #f06060;
    border-radius: 5px;
    color: #333333;
}

.box-005 div {
    display: inline-flex;
    align-items: center;
    position: relative;
    top: -13px;
    left: 10px;
    margin: 0 7px;
    padding: 0 8px;
    background: #fff;
    color: #f06060;
    font-weight: 600;
    vertical-align: top;
}

.box-005 svg {
    padding-right: 4px;
}

.box-005 p {
    margin: 0;
    padding: 0 1.5em 1em;
}


/*** URL表示　********/

.list_url {
    position: relative;
    padding: 0.5em 0.5em 0em 3em;
    border: 1px solid #d7d7d7;
    background-color: #fafafa;

    margin: 0.5rem 0rem 1.2rem 0rem;

}

.list_url > div {
    position: absolute;
    top: -.75em;
    left: 1em;
    padding: 0 0.5em;
    background-color: #333;
    color: #fff;

    font-weight: 600;
    font-size: 110%;

}

.list_url ul {
    list-style-type: disc;
    margin: 0;
    padding: 0;
}

.list_url li {
    padding: .3em .3em .3em 0;
}


ul.urlList li {
}

ul.urlList li a {
    display: block;
    position: relative;
    padding: 0px 0 0px 18em;
    font-weight: 600;
}

ul.urlList a span.a2 {
    display: block;
    position: relative;
    padding: 5px 0 5px 2em;
    font-size: 90%;
}


ul.urlList li a span.title {
    display: block;
    position: absolute;
    top: 0px;
    left: 0;
    width: 18em;
    color: #333;
}

/*** お知らせ表示　********/

.list_info {
    position: relative;
    padding: 0.5em 1.5em 0em 3.5em;
    border: 2px solid #333;

}

.list_info > div {
    position: absolute;
    top: -.75em;
    left: 1em;
    padding: 0 0.5em;
    background-color: #fff;
    color: #333;
    font-weight: 600;
    font-size: 110%;
}

.list_info ul {
    list-style-type: disc;
    margin: 0;
    padding: 0;
}

.list_info li {
    padding: .3em .3em .3em 0;
}


ul.newsList li {
    border-bottom: 1px dotted #ccc;
}

ul.newsList li a {
    display: block;
    position: relative;
    padding: 10px 0 10px 9em;
}

ul.newsList li a span.date {
    display: block;
    position: absolute;
    top: 10px;
    left: 0;
    width: 9em;
    color: #333;
}


/*** リンクボタン　********/

.button-link a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  padding: 1em 1em;
  color: #2589d0;
  background-color: #ffffff;
 font-size: 14px;
  font-weight: 700;
  border: 2px solid #2589d0;
  width: 240px;

}

.button-link a::after {
  content: '';
  width: 10px;
  height: 10px;
  border-top: 3px solid #2589d0;
  border-right: 3px solid #2589d0;
  transform: rotate(45deg);
}

.button-link a:hover {
  text-decoration: none;
  background-color: #2589d0;
  color: #FFFFFF;
}

.button-link a:hover::after {
  border-top: 3px solid #333333;
  border-right: 3px solid #333333;
}


 /* --- 外枠の定義 ---------------------------------------------*/
.box {
  margin         : auto;                 /* サンプル用 中央寄せ */
  margin-bottom: 2em;
  box-sizing     : border-box;           /* 罫線も含む長さ      */
  background     : #fff;                 /* BOXの背景色         */
  border         : 0px solid #666;       /* 枠線の指定          */
  max-height     : 210px;                /* BOXの高さ           */

  /* ▼ FlexBoxの定義 */
  display        : flex;                 /* FlexBox定義         */
  flex-wrap      : wrap;                 /* 折り返し定義        */
}


 /* --- 個別のBOXの定義 --------------------------------------- */
.box div {
  box-sizing     : border-box;           /* 罫線も含む長さ      */
/*  background     : #ffffff;              /* BOXの背景色         */
/*  border         : 0px solid #d7d7d7;    /* 枠線の指定          */
/*  width          : 60px;                 /* サンプルBOXの幅     */
/*  height         : 60px;                 /* サンプルBOXの幅     */
  margin         : 2px;                  /* サンプルBOXの間     */

  /* ▼ FlexBoxの各ボックス均等自動幅 */
  flex-grow      : 1;                    /* 各BOXを均等に割当て */
}