/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the top of the
 * compiled file, but it's generally better to create a new file per style scope.
 *







 */


/*-----------------------------------------------------

下層ページ用スタイル

YUI Font-size Adjustment
10px = 77%     11px = 85%	  12px = 93%     13px = 100%
14px = 108%	   15px = 116%    16px = 123.1%  17px = 131%
18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
22px = 167%    23px = 174%    24px = 182%    25px = 189%
26px = 197%

------------------------------------------------------*/


/* 汎用スタイル
----------------------------------------------- */
.pr0 { padding-right:0 !important;}
.pr5 { padding-right:5px !important;}
.h28 { height:28px;}
.mb0 { margin-bottom:0 !important;}

/* radius */
.r2 { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; behavior: url(/assets/PIE.htc);}
.r4 { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; behavior: url(/assets/PIE.htc);}
.r6 { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; behavior: url(/assets/PIE.htc);}
.r8 { -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; behavior: url(/assets/PIE.htc);}
.r10 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; behavior: url(/assets/PIE.htc);}

/* body
----------------------------------------------- */

body{ 
  overflow-x: hidden;
}

html, body{
    width: 100%;
}

body.main {
	font:85%/1.231 Verdana,Arial,"MS P Gothic","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,sans-serif;
	/* for IE6/7 */
	*font-size:small;
	/* for IE Quirks Mode */
	*font:x-small;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color:#1E1E1E;
	font-family: "Hiragino Kaku Gothic Pro", Meiryo, "MS PGothic", sans-serif;
	text-align: left;
	background: rgb(255,255,255); /* url(/../images/background.gif) repeat-y left top; */
  min-height: 100vh;
  padding-bottom: 40px;/*←footerの高さ*/
  box-sizing: border-box;
  position: relative;
}
body.login {
	font:85%/1.231 Verdana,Arial,"MS P Gothic","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,sans-serif;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/* clear
----------------------------------------------- */

.clear:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clear        { min-height: 1px; }
* html .clear { height: 1px; /*\*//*/ height: auto; overflow: hidden; /**/ }

.clear2 { clear:both;}


/* #alert_message
----------------------------------------------- */

div#alert_message_outer {
  position: absolute;
	top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px 20px;
}

div#alert_message {
	max-width: 500px;
  min-width: 130px;
  width: 100%;
	background: rgb(230,230,230);
	background: white;
	-webkit-box-shadow: 0 1px 3px black;
	-moz-box-shadow: 0 1px 3px black;
	-ms-box-shadow: 0 1px 3px black;
	-o-box-shadow: 0 1px 3px black;
	box-shadow: 0 1px 3px black;
  text-align: center;
	background: white;
}

div#alert_message p.message {
  min-width: 0;
	padding: 40px 10px;
	color: rgb(200,0,0);
	font-size: 13px;
	font-weight: bold;
	text-shadow: 0 1px 1px white;
	line-height: 1.35em;
	border-bottom: 1px solid rgb(200,200,200);
}

div#alert_message p.close {
	padding: 15px 10px;
	text-align: center;
	border-top: 1px solid white;
}
div#alert_message p.close a {
	margin: auto;
}

#main {display:flex; background:#fff; flex-direction: column; padding-bottom: 20px;} 

/* header
----------------------------------------------- */

#head {
	position: relative;
	height: 52px;
	background: url(/../images/header_bg.gif) repeat-x;
}

#head_inner {
  display: flex;
  align-items: center;
  background: url(/../images/logo_bg.gif) no-repeat left top; height:52px;
}

#head #head_inner .headerlogo {
	width: 200px;
	height: 32px;
  padding-left:27px;
}

#head #head_inner .logout {
  position:absolute;
  top: 11px;
  right: 22px;
  z-index: 3;
}
#head #head_inner .logout a {
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url(/../images/logout2021_hover.png) no-repeat;
}
#head #head_inner .logout .tooltip {
  display: none;
  position: absolute;
  left: -35px;
  width: 70px;
  padding: 10px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  background: #444;
  color: #fff;
}
#head #head_inner .logout .tooltip:after {
  position: absolute;
  bottom: 100%;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -10px;
  border: solid transparent;
  border-color: rgba(51, 51, 51, 0);
  border-bottom-color: #444;
  border-width: 10px;
  pointer-events: none;
  content: " ";
}
#head #head_inner .logout:hover {
	background-color: transparent;
}
#head #head_inner .logout:hover img {
    visibility: hidden;
}

#head #head_inner .help {
  position: absolute;
  top: 11px;
  right: 84px;
  z-index: 3;
}
#head #head_inner .help a {
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url(/../images/help2021_hover.png) no-repeat;
}
#head #head_inner .help .tooltip {
  display: none;
  position: absolute;
  left: -50px;
  width: 110px;
  padding: 10px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  background: #444;
  color: #fff;
}
#head #head_inner .help .tooltip:after {
  position: absolute;
  bottom: 100%;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -10px;
  border: solid transparent;
  border-color: rgba(51, 51, 51, 0);
  border-bottom-color: #444;
  border-width: 10px;
  pointer-events: none;
  content: " ";
}

#head #head_inner .help a:hover {
	background-color: transparent;
}
#head #head_inner .help a:hover img {
    visibility: hidden;
}

/* breadcrumbs
----------------------------------------------- */

#breadcrumbs{
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}

#hambergermenu{
  display: flex;
  height: 40px;
  font-size: 85%;
  align-items: center;
  padding-left: 10px;
  padding-right: 20px;
}

/* dirpath
----------------------------------------------- */

#dirPath { max-width:100%; padding:10px 0 10px 10px; position:relative;}
#dirPath ul li { display:inline-block; font-size:85%; color:#646464; vertical-align:baseline; padding-right:2px;}
#dirPath ul li span { line-height:15px;}
#dirPath ul li a:hover { text-decoration:underline;}
#dirPath ul li select { line-height:20px; height:20px; font-size:100%; width:146px;}
#dirPath ul li.last { background:none;}

#dirPathOpe { padding:13px 20px 12px 10px; position:relative;}
#dirPathOpe ul { *padding-top:1px;}
#dirPathOpe ul li { display:inline-block; *zoom:1; *display:inline; font-size:85%; color:#646464; vertical-align:baseline; *margin-right:4px; padding-right:2px;}

.breadcrumb::before{
  content: ">";
  font-size: 85%;
}

/* maincontainer
----------------------------------------------- */
#maincontainer {
  display:flex;
  flex-direction: row;
}
#maincontainer_inner{
  display:flex;
  flex-direction: column;
}
.maincontainer_inner_Lside_open{
  width: calc(100% - 236px);
}
.maincontainer_inner_Lside_close{
  width: 100%;
}
#maincontainer_inner a:has(button){  
  text-decoration: none;  
}    
#maincontainer_withoutmenu {
  display:flex;
  flex-direction: row;
}
#maincontainer_inner_withoutmenu{
  display:flex;
  flex-direction: column;
  width: 100%;
}

/* Lside
----------------------------------------------- */

#Lside {
  padding: 0 0 0 10px;
  width: 226px;
}
#Lside a {
  text-decoration: none;
}
.Lside_open{
  display: block;
}
.Lside_close{
  display: none;
}

.box_style01 { border:1px solid #b4b4b4; border-top:none; margin-bottom:15px;}
.login_l { width:77px; display:block; float:left; text-align:center; background:#f5f5f5; padding:8px 0; vertical-align:baseline; font-size:93%;}
.login_r { width:116px; display:block; float:left; padding:8px 15px; vertical-align:baseline; font-size:93%;}
#Lside .liststyle01 ul li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#Lside .liststyle01 ul li        { min-height: 1px; }
* html #Lside .liststyle01 ul li { height: 1px; /*\*//*/ height: auto; overflow: hidden; /**/ }
#Lside .liststyle01 ul li.last { border-bottom:none;}


/* Cont
----------------------------------------------- */

#Cont { 
  display:block; 
  margin:0 10px 0 10px;
  box-sizing: border-box;
}

#Cont_withoutmenu {
  display:block; 
  margin:10px 10px 10px 10px;
  box-sizing: border-box;
}
input { border:1px solid #b4b4b4;}
select { border:1px solid #b4b4b4 !important; font-size:113%;}
.filter { margin-bottom:15px;}
.filter span { display:block; float:left; padding-top:5px; font-size:93%;}
.filter select { line-height:11px; font-size:100%;}
.section { margin-bottom:15px;}

.form_style { margin:0 !important; padding:0 !important; display:inline;}
.behavior { font-size:85% !important; position:relative; line-height:28px !important;}
.txt_select { display:block; padding:5px 9px 0 0; float:left; font-weight:normal !important;}
.behavior a.btn { display:block; width:20px; height:20px; background:url(/../images/btn_04.png) no-repeat left top; position:absolute; top:11px; right:15px; text-indent:-9999px;}
.behavior a.btn:hover { background-position:-25px top;}


/* a.btnの外側のdivに no_link というclassを追加すると、リンクが効かなくなります。 */
.no_link a.btn { background-position:-50px top !important; cursor:default;}

/* table設定
----------------------------------------------- */

.table01 { clear:both; width: 100%; box-sizing: border-box;}
.table01 .table_btn01 ul li { display:inline; float:left; margin-right:3px;}
.table01 .table_btn01 ul li.last { margin-right:0;}

.table02 { clear:both; width: 100%; box-sizing: border-box;}

.table03 { width: 100%; display:block; box-sizing: border-box;}
.table03 .table_btn01 ul li { display:inline; float:left; margin-right:3px;}
.table03 .table_btn01 ul li.last { margin-right:0;}
.table03 .table_btn02 ul li { display:inline; float:left; margin-right:5px;}
.table03 .table_btn02 ul li.last { margin-right:0;}
.table03 .table_btn02 ul li a { height:18px; overflow:hidden; display:block; padding:0 9px 0 17px; line-height:20px; color:#fff; letter-spacing:0em; position:relative;letter-spacing:-0.1em; vertical-align: bottom !important;}
.table03 .table_btn03 ul li { display:inline; float:left; margin-right:3px;}
.table03 .table_btn03 ul li.last { margin-right:0;}

.table04 { width: 100%; display:block; box-sizing: border-box;}

.table05 { width: 100%; display:block; box-sizing: border-box;}
.table05 .table_btn01 ul li { display:inline; float:left; margin-right:3px;}
.table05 .table_btn01 ul li.last { margin-right:0;}
.table05 .table_btn02 ul li { display:inline; float:left; margin-right:5px;}
.table05 .table_btn02 ul li.last { margin-right:0;}
.table05 .table_btn02 ul li a { height:18px; overflow:hidden; display:block; padding:0 9px 0 17px; line-height:20px; color:#fff; letter-spacing:0em; position:relative;letter-spacing:-0.1em; vertical-align: bottom !important;}
.table05 .table_btn03 ul li { display:inline; float:left; margin-right:3px;}
.table05 .table_btn03 ul li.last { margin-right:0;}

.table06 { width: 100%; display:block; box-sizing: border-box;}

.txt_select2 { line-height:17px; padding:0 2px; vertical-align: baseline; *position:relative; *top:-3px;}


/* WAN */
.wan_area { height:20px; position:relative; margin-bottom:15px;}
.update { z-index:10; }
.update a { cursor:pointer; }
.update a span.btn { width:20px; height:20px; display:block; float:left; margin-right:5px; background:url(/../images/btn_01.png) no-repeat left top;}
.update a span.btn img { z-index:10;}
.update a:hover span.btn { background-position:-25px top;}
.update.no_link a { cursor:default;}
.update.no_link a span.btn { background-position:-50px top; cursor:default;}
.update a span.btn_txt { display:block; float:left; line-height:20px; font-size:93%; color:#1E1E1E !important; font-weight:bold;}
.update a:hover span.btn_txt { text-decoration:underline;}
.update span.btn {
    position: relative;
    top: 2px;
    left: 2px;
    z-index: 3;
}
.update span.btn a {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(/../images/btn_01.png) no-repeat 0 0;
}
.update span.btn a:hover {
    background-position: -25px top;
}
.update span.btn a:hover img{
    position: relative;
    z-index: -1;
}


table .update { top:0; position:static;}
table .update a span.btn { margin:0 2px;}

.pagenation { clear:both; position: sticky; left: 0; display: flex; justify-content: right; align-items: center;}
.pagenation .prev { display:inline; float:left; margin-right:13px;}
.pagenation .prev a { width:20px; height:20px; display:inline-block; background:url(/../images/btn_08.png) no-repeat left top;}
.pagenation .prev a:hover { background-position:-25px top;}
.pagenation .prev a:hover img{ position: relative; z-index: -1;}
.pagenation .prev.no_link a { background-position:-50px top; cursor:default;}
.pagenation .next { display:inline; float:left;}
.pagenation .next a { width:20px; height:20px; display:inline-block; background:url(/../images/btn_07.png) no-repeat left top;}
.pagenation .next a:hover { background-position:-25px top;}
.pagenation .next a:hover img{ position: relative; z-index: -1;}
.pagenation .next.no_link a { background-position:-50px top; cursor:default;}
.pagenation_list {display:inline; float:left; margin-right:5px; }
.pagenation_list ul { }
.pagenation_list ul li { line-height:20px; display:inline; float:left; margin-right:7px;}
.pagenation_list ul li a { font-size:93%; color:#1E1E1E !important; font-weight:bold;}
.pagenation_list ul li.active a, .pagenation_list ul li a:hover { color:#C80000 !important;}
.pagenation_list ul li.active { font-size:93%; color:#C80000 !important; font-weight:bold;}
.pagenation_inner div { padding: 5px 0 0 0;}


/* titlestyle
----------------------------------------------- */
.titlestyle01 { height:31px; background:url(/../images/bg_01.jpg) repeat-x left top; clear:both;}
.titlestyle01 img { padding:6px 0 0 8px;}
.titlestyle02 { border-bottom:1px solid #b4b4b4; padding-bottom:6px; padding-top:6px; font-size:131%; color:#1E1E1E; margin-bottom:15px; clear:both;}
.titlestyle02 span { min-height:27px; border-left:5px solid #323232; padding-left:12px; display:block; overflow-wrap:break-word; line-height: 27px;}
.titlestyle02_thin { border-bottom:1px solid #b4b4b4; padding-bottom:6px; padding-top:6px; font-size:131%; color:#1E1E1E; margin-bottom:15px; clear:both;}
.titlestyle02_thin span { min-height:27px; border-left:2px solid #323232; padding-left:12px; display:block; overflow-wrap:break-word; line-height: 27px;}

.titlestyle03 { height:31px; background:url(/../images/bg_01.jpg) repeat-x left top; clear:both;}
.titlestyle03 div { padding-top: 10px; padding-left: 10px; color:#FFFFFF;}
.titlestyle04 { margin-bottom: 5px;}
.titlestyle04 span { padding-left: 5px;}

.titlestyle05 { height:31px; background:url(/../images/bg_01.jpg) repeat-x left top; clear:both;}
.titlestyle05 .cust_menu_title{
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 31;
}
.titlestyle05 .cust_menu_title img {
  padding:5px 5px 5px 5px;
  width: 20px;
  height: 21px;
  object-fit: cover;
  object-position: 0;
}
.titlestyle05 .cust_menu_title span{
  padding-top: 3px;
  font-size: 13px;
  color: white;
  text-shadow: 0px -1px 1px #363636;
  white-space: nowrap;
}
.titlestyle05 .cust_menu_title span.change_spoke_title{
  padding-top: 6px;
  font-size: 9px;
}
a.change_spoke_title_link {
  color: white;
  font-size: 9px;
}

/* liststyle
----------------------------------------------- */
.liststyle01 {}
.liststyle01 ul li { border-bottom:1px dashed #b4b4b4; font-size:95%; color:#1E1E1E;}
.liststyle02 {}
.liststyle02 ul li { border-bottom:1px solid #b4b4b4; padding:3px 3px 3px; zoom:1 !important;}
.liststyle02 ul li a { vertical-align:baseline;}
.liststyle02 ul li a:hover { text-decoration:underline;}
.liststyle02 ul li.last { border-bottom:none;}
.liststyle02 ul li h3 { background:url(/../images/bg_02.jpg) repeat-x left top;}
.liststyle02 ul li h3 a { padding:7px 9px 7px 26px; font-size:93%; height:12px; overflow:hidden; vertical-align:baseline; color:#fff; display:block; background:url(/../images/icon_01.png) no-repeat 9px 7px; -webkit-text-shadow: 0px -1px 1px #363636; -moz-text-shadow: 0px -1px 1px #363636; text-shadow: 0px -1px 1px #363636; line-height:1em;}
.liststyle02 ul li h3 span { padding:7px 9px 7px 26px; font-size:93%; height:12px; overflow:hidden; vertical-align:baseline; color:#fff; display:block; background:url(/../images/icon_01.png) no-repeat 9px 7px; -webkit-text-shadow: 0px -1px 1px #363636; -moz-text-shadow: 0px -1px 1px #363636; text-shadow: 0px -1px 1px #363636; line-height:1em;}

.liststyle02_block01 { padding:0 10px 0 7px;}
.liststyle02 ul li ul li { padding:9px 0 0; border-bottom:none; margin:0 0 1px 0; border-bottom:1px dashed #b4b4b4;}
.liststyle02 ul li ul li a { background:url(/../images/btn_09.png) no-repeat left top; padding-left:20px; line-height:15px; color:#1E1E1E !important; margin-bottom:10px; display:block; font-size:93%; font-weight:bold;}
.liststyle02 ul li ul li span { background:url(/../images/btn_09.png) no-repeat left top; padding-left:20px; line-height:15px; color:#1E1E1E !important; margin-bottom:10px; display:block; font-size:93%; font-weight:bold;}
.liststyle02 ul li ul li.active a { color:#C80000 !important;}
.liststyle02 ul li ul li a:hover, .liststyle02 ul li ul li ul li a:hover, .liststyle02 ul li ul li ul li ul li a:hover { background-position:0 -45px;}
.liststyle02 ul li ul li.no_link > a, .liststyle02 ul li ul li ul li.no_link > a, .liststyle02 ul li ul li ul li ul li.no_link > a { background-position:0 -90px; cursor:default;}
.liststyle02 ul li ul li ul li, .liststyle02 ul li ul li ul li ul li { padding:0 0 0 20px; border-bottom:none; margin:0;}
.liststyle02 ul li ul li ul li a { background:url(/../images/btn_10.png) no-repeat left top; padding-left:20px; line-height:15px; color:#1E1E1E !important; margin-bottom:10px; display:block; font-weight:normal;}
.liststyle02 ul li ul li ul li ul li a { background:url(/../images/btn_11.png) no-repeat left top; padding-left:20px; line-height:15px; color:#1E1E1E !important; margin-bottom:10px; display:block; font-weight:normal;}


/* btnstyle
----------------------------------------------- */
button { margin:0; padding:0; border:none; cursor:pointer;}
.btnstyle01 { width:87px; height:28px;}
.btnstyle01 button { display:block; width:87px; height:28px; background:url(/../images/btn_12.jpg) no-repeat left top; line-height:28px; font-size:93%; color:#fff !important; -webkit-text-shadow: 0px -1px 1px #363636; -moz-text-shadow: 0px -1px 1px #363636; text-shadow: 0px -1px 1px #363636;}
.btnstyle01 button:hover { background-position:0 -28px;}

.btnstyle02 { width:87px; height:20px;}
.btnstyle02 button { display:block; width:87px; height:20px; background:url(/../images/btn_12_2.png) no-repeat left top; line-height:20px; font-size:93%; color:#fff !important; -webkit-text-shadow: 0px -1px 1px #363636; -moz-text-shadow: 0px -1px 1px #363636; text-shadow: 0px -1px 1px #363636;}
.btnstyle02 button:hover { background-position:0 -20px;}

.btnstyle03 { width:87px; height:20px;}
.btnstyle03 button { display:inline; width:87px; height:20px; background:url(/../images/btn_12_2.png) no-repeat left top; line-height:20px; font-size:93%; color:#fff !important; -webkit-text-shadow: 0px -1px 1px #363636; -moz-text-shadow: 0px -1px 1px #363636; text-shadow: 0px -1px 1px #363636;}
.btnstyle03 button:hover { background-position:0 -20px;}

.btnstyle04 { width:130px; height:20px;}
.btnstyle04 button { display:inline; width:130px; height:20px; background:url(/../images/btn_12_3.png) no-repeat left top; line-height:20px; font-size:93%; color:#fff !important; -webkit-text-shadow: 0px -1px 1px #363636; -moz-text-shadow: 0px -1px 1px #363636; text-shadow: 0px -1px 1px #363636;}
.btnstyle04 button:hover { background-position:0 -20px;}

.btnstyle05 { width:50px; height:15px; margin-left: 5px;}
.btnstyle05 button { display:inline; width:50px; height:15px; background:url(/../images/btn_12_4.png) no-repeat left top; line-height:15px; font-size:93%; color:#fff !important; -webkit-text-shadow: 0px -1px 1px #363636; -moz-text-shadow: 0px -1px 1px #363636; text-shadow: 0px -1px 1px #363636;}
.btnstyle05 button:hover { background-position:0 -15px;}

.btnstyle06 { width:80px; height:15px; margin-left: 5px;}
.btnstyle06 button { display:inline; width:80px; height:15px; background:url(/../images/btn_12_5.png) no-repeat left top; line-height:15px; font-size:93%; color:#fff !important; -webkit-text-shadow: 0px -1px 1px #363636; -moz-text-shadow: 0px -1px 1px #363636; text-shadow: 0px -1px 1px #363636;}
.btnstyle06 button:hover { background-position:0 -15px;}

.btnstyle07 { width:140px; height:15px; margin-left: 5px;}
.btnstyle07 button { display:inline; width:140px; height:15px; background:url(/../images/btn_12_6.png) no-repeat left top; line-height:15px; font-size:93%; color:#fff !important; -webkit-text-shadow: 0px -1px 1px #363636; -moz-text-shadow: 0px -1px 1px #363636; text-shadow: 0px -1px 1px #363636;}
.btnstyle07 button:hover { background-position:0 -15px;}

.btnstyle08 { width:160px; height:20px;}
.btnstyle08 button { display:inline; width:160px; height:20px; background:url(/../images/btn_12_7.png) no-repeat left top; line-height:20px; font-size:93%; color:#fff !important; -webkit-text-shadow: 0px -1px 1px #363636; -moz-text-shadow: 0px -1px 1px #363636; text-shadow: 0px -1px 1px #363636;}
.btnstyle08 button:hover { background-position:0 -20px;}

.btnstyle09 { width:180px; height:20px;}
.btnstyle09 button { display:inline; width:180px; height:20px; background:url(/../images/btn_12_8.png) no-repeat left top; line-height:20px; font-size:93%; color:#fff !important; -webkit-text-shadow: 0px -1px 1px #363636; -moz-text-shadow: 0px -1px 1px #363636; text-shadow: 0px -1px 1px #363636;}
.btnstyle09 button:hover { background-position:0 -20px;}

.btnstyle10 { width:50px; height:20px; margin-left: 5px;}
.btnstyle10 button { display:inline; width:50px; height:20px; background:url(/../images/btn_12_7.png) no-repeat left top; line-height:20px; font-size:93%; color:#fff !important; -webkit-text-shadow: 0px -1px 1px #363636; -moz-text-shadow: 0px -1px 1px #363636; text-shadow: 0px -1px 1px #363636;}
.btnstyle10 button:hover { background-position:0 -20px;}

.btnstyle11 { width:70px; height:20px; margin-left: 3px; margin-right: 3px;}
.btnstyle11 button { display:inline; width:70px; height:20px; background:url(/../images/btn_12_2.png) no-repeat left top; line-height:20px; font-size:93%; color:#fff !important; -webkit-text-shadow: 0px -1px 1px #363636; -moz-text-shadow: 0px -1px 1px #363636; text-shadow: 0px -1px 1px #363636;}
.btnstyle11 button:hover { background-position:0 -20px;}

.btnstyle12 { width:87px; height:28px;}
.btnstyle12 button { display:inline; width:87px; height:28px; background:url(/../images/btn_12.jpg) no-repeat left top; line-height:28px; font-size:93%; color:#fff !important; -webkit-text-shadow: 0px -1px 1px #363636; -moz-text-shadow: 0px -1px 1px #363636; text-shadow: 0px -1px 1px #363636;}
.btnstyle12 button:hover { background-position:0 -28px;}

/*-----  ##### basictablestyle #####  -----*/

/* 基本設定 */
.basictablestyle { }
.basictablestyle table { width:100%; border:none; border:1px solid #b4b4b4 !important;}
.basictablestyle th { border:1px solid #b4b4b4; background: #dcdcdc; color:#383838; line-height:1.6em; font-size:85% !important; text-align:left; font-weight:bold !important; vertical-align:middle; }
.basictablestyle caption { border-top:1px; border-left:1px; border-right:1px; border-style:solid; border-color:#b4b4b4; background: #dcdcdc; color:#383838; line-height:1.6em; font-size:85% !important; text-align:left; font-weight:bold !important; vertical-align:middle; }
.basictablestyle th.border_right_none { border:1px solid #b4b4b4; border-right-style:none; background: #dcdcdc; color:#383838; line-height:1.6em; font-size:85% !important; text-align:left; font-weight:bold !important; vertical-align:middle; }
.basictablestyle th.border_none { border:none; background: #dcdcdc; color:#383838; line-height:1.6em; font-size:77% !important; text-align:left; font-weight:bold !important; vertical-align:middle; }

.basictablestyle td { border:1px solid #b4b4b4; background: #ffffff; color:#383838; line-height:1.6em; font-size:77% !important; text-align:left; vertical-align:middle;}
.basictablestyle div { line-height:15px; vertical-align: baseline;}
.basictablestyle p { font-size:93%; margin-bottom:10px; }
.basictablestyle th,
.basictablestyle td { font-size:93%;}
.basictablestyle td.gray { background: #f6f6f6; }
.basictablestyle td.darkgray { background: #dcdcdc; font-weight: bold;}

.basictablestyle-without-border table { width:100%; border:none;}

.table_dashed th { background: #f5f5f5; font-size:80% !important; font-weight:normal !important;}
.table_dashed th.wan_version { font-size: 85% !important; font-weight:bold !important; background: #e9e9e9 !important;}
.table_dashed th, .table_dashed td { border:1px dashed #b4b4b4; border-bottom:1px solid #b4b4b4 !important; border-top:1px solid #b4b4b4 !important;}
.table_dashed th div { padding:7px 10px 7px 15px !important; line-height:12px !important;}
.table_dashed td.left_only { border-left:1px dashed #b4b4b4; border-right:none; border-bottom:1px solid #b4b4b4 !important; border-top:1px solid #b4b4b4 !important;}
.table_dashed td.none { border-left:none; border-right:none; border-bottom:1px solid #b4b4b4 !important; border-top:1px solid #b4b4b4 !important;}

.table01 .basictablestyle { max-width: 100%; display:inline flex; flex-direction: column; box-sizing: border-box; overflow: hidden; overflow-x: auto;}
.table01 .basictablestyle table th { white-space: nowrap;}
.table01 .basictablestyle table td { white-space: nowrap;}

.table02 .basictablestyle { max-width: 100%; display:inline flex; flex-direction: column; box-sizing: border-box; overflow: hidden; overflow-x: auto;}
.table02 .basictablestyle table th { white-space: nowrap;}
.table02 .basictablestyle table td { white-space: nowrap;}
.table02 .basictablestyle th { font-size: 87% !important; }

.table03 .basictablestyle { max-width: 100%; display:inline flex; flex-direction: column; box-sizing: border-box; overflow: hidden; overflow-x: auto;}
.table03 .basictablestyle table th { white-space: nowrap;}
.table03 .basictablestyle table td { white-space: nowrap;}
.table03 .basictablestyle .table_dashed div { padding:7px 10px !important;}
.table03 .basictablestyle .table_dashed td div { padding:9px 5px 9px 10px !important; line-height:12px !important;}
.table03 .basictablestyle .table_dashed .pr0 { padding-right:0 !important;}
.table03 .basictablestyle .table_dashed .pr5 { padding-right:5px !important;}
.table03 .basictablestyle .cellstyle06 th div { padding:14px 10px !important;}
.table03 .basictablestyle td.cellstyle07 div { padding:9px 0 !important; text-align:center !important; letter-spacing:-0.1em;}
.table03 .basictablestyle th.cellstyle07 div { padding:9px 0 !important; text-align:center !important;}
.table03 .basictablestyle .cellstyle08 td { padding: 2px 5px !important;}

.table03 .basictablestyle-without-border { max-width: 100%; display:inline flex; flex-direction: column; box-sizing: border-box; overflow: hidden; overflow-x: auto;}
.table03 .basictablestyle-without-border table th { white-space: nowrap;}
.table03 .basictablestyle-without-border table td { white-space: nowrap;}
.table03 .basictablestyle-without-border table tr { white-space: nowrap;}

.table04 .basictablestyle { max-width: 100%; display:inline flex; flex-direction: column; box-sizing: border-box; overflow: hidden; overflow-x: auto;}
.table04 .basictablestyle table th { white-space: nowrap;}
.table04 .basictablestyle table td { white-space: nowrap;}

.table05 .basictablestyle { max-width: 100%; display:inline flex; flex-direction: column; box-sizing: border-box; overflow: hidden; overflow-x: auto;}
.table05 .basictablestyle table th { white-space: nowrap;}
.table05 .basictablestyle table td { white-space: nowrap;}
.table05 .basictablestyle .table_dashed div { padding:7px 10px !important;}
.table05 .basictablestyle .table_dashed td div { padding:9px 5px 9px 10px !important; line-height:12px !important;}
.table05 .basictablestyle .table_dashed .pr0 { padding-right:0 !important;}
.table05 .basictablestyle .table_dashed .pr5 { padding-right:5px !important;}
.table05 .basictablestyle .cellstyle06 th div { padding:14px 10px !important;}
.table05 .basictablestyle td.cellstyle07 div { padding:9px 0 !important; text-align:center !important; letter-spacing:-0.1em;}
.table05 .basictablestyle th.cellstyle07 div { padding:9px 0 !important; text-align:center !important;}
.table05 .basictablestyle .cellstyle08 td { padding: 2px 5px !important;}

.table06 .basictablestyle { max-width: 100%; display:inline flex; flex-direction: column; box-sizing: border-box; overflow: hidden; overflow-x: auto;}
.table06 .basictablestyle table { height: 100%; max-width: 340px; table-layout: fixed; word-wrap: break-word}

.float_input input { margin-bottom:4px;}
.required { background-color: #FBFFBC !important;}

.nomal { font-weight:normal !important;}

.va_base { vertical-align: baseline !important;}
.va_base span {vertical-align: baseline !important;}

/* イレギュラー設定(適宜変更) */
.bg_white { background-color:#ffffff !important;}
.bg_green { background-color:#00CC99 !important;}
.bg_dark_th { background-color:#bcbcbc !important;}
.bg_error { background-color: #ffdce7 !important; }
.error { background:#ffdce7 !important; }
.error div { color:#f02764 !important;}
.basictablestyle .nopadding,
.basictablestyle .nopadding th div,
.basictablestyle .nopadding td div { padding:0 !important;}
.basictablestyle .nopadding_s div,
.basictablestyle .nopadding_s th div,
.basictablestyle .nopadding_s td div { padding:0 5px !important;}
.cellstyle01 div { padding:7px 10px 7px 15px !important; line-height:12px !important;}
.cellstyle02 div { padding:9px 10px 9px 15px !important; line-height:12px !important;}
.cellstyle03 div { padding:14px 10px 14px 10px !important; line-height:12px !important;}
.cellstyle04 div { padding:0px 5px 0px 5px !important; line-height:12px !important;}
.cellstyle04 div div { padding:0px !important;}
.cellstyle05 div { padding:10px 10px !important; line-height:15px !important;}
.cellstyle05 div select { vertical-align:baseline !important; *position:relative; *margin-top:-2px;}
.cellstyle05 div span { line-height:24px !important;}
.cellstyle_form div.padding { padding:7px 10px 7px 15px !important; line-height:24px !important;}
.td_wrap {min-width:250px !important; width:250px !important; white-space: normal !important; line-break: anywhere;}

.cellstyle09 div { padding:2px 3px; }
.spoke_id_btn { height:18px; overflow:hidden; display:inline; margin-left: 3px; padding:0 6px 0 17px; line-height:20px; color:#fff; letter-spacing:0em; position:relative;letter-spacing:-0.1em; vertical-align: bottom !important;}
.status_btn { height:18px; overflow:hidden; display:inline; margin-left: 3px; padding:0 6px 0 17px; line-height:20px; color:#fff; letter-spacing:0em; position:relative;letter-spacing:-0.1em; vertical-align: bottom !important;}
.interface_btn { height:18px; overflow:hidden; display:inline; margin-left: 3px; padding:0 6px 0 6px; line-height:20px; color:#fff; letter-spacing:0em; position:relative;letter-spacing:-0.1em; vertical-align: bottom !important;}
.model_name_btn { height:18px; overflow:hidden; display:inline; margin-left:3px; padding:0 8px 0 5px; line-height:20px; color:#000; letter-spacing:0em; position:relative;letter-spacing:-0.1em; vertical-align: bottom; border:solid 1px black !important;}
.model_name_btn_red { height:18px; overflow:hidden; display:inline; margin-left:3px; padding:0 8px 0 5px; line-height:20px; color:red; letter-spacing:0em; position:relative;letter-spacing:-0.1em; vertical-align: bottom; border:solid 1px black !important;}
.date_field { font-size:140%; }
a.acco{cursor: pointer; text-decoration: underline!important;}

/* カラー設定 */
.red { color: red; }
.blue { color: blue; }

/* サイズ設定(適宜変更) */
.w10 { width:10px;} .w20 { width:20px;}.w35 { width:35px;}.w40 { width:40px;}.w42 { width:42px;}.w60 { width:60px;} .w80 { width:80px;}.w89 { width:89px;}.w90 { width:90px;}.w100 { width:100px;}.w120 { width:120px;}.w130 { width:130px;} .w140 { width:140px;} .w150 { width:150px;} .w160 { width:160px;}.w180 { width:180px;} .w200 { width:200px;} .w210{ width:210px;} .w220 { width:220px;}.w240 { width:240px;}.w260 { width:260px;}.w280 { width:280px;}.w300 { width:300px;} .w65 { width: 65px; }
.w22 { width:22px;}.w44 { width:44px;} .w70 { width:70px;} .w78 { width:78px;} .w92 { width:92px;} .w103{ width:103px;} .w112 { width:112px;} .w128 { width:128px;} .w130 { width:130px;} .w132 { width:132px;} .w157 { width:157px;}.w167 { width:167px;} .w162 { width:162px;} .w170 { width:170px;} .w177 { width:177px;} .w183 { width:183px;} .w226 { width:226px;} .w334 { width:334px;} .w354 { width:354px;} .w82 { width:82px;} .w678 { width:678px;} .w108 { width:108px;} .w38 { width:38px;} .w360 { width:360px; } .w600 { width:600px;} .w480 { width:480px; } .w640{ width:640px;} .w340 { width:340px;} .w30 { width:30px;} .w152 { width:152px;} .w520 { width:520px;} .w244 { width:244px;} .w540 { width:540px; } .w720{ width: 720px;} .w450{ width:450px;} .w420{ width:420px;} .w380 { width:380px; } .w730 { width: 730px;} .w700 { width: 700px;} .w800 { width: 800px;} .w910 { width: 910px;} .w1250 { width: 1250px;} .w1050 { width: 1050px } .w1200 { width: 1200px; } .w1320 { width: 1320px; }

.h30 {height:30px;} .h45 { height:45px;}

/* フォントサイズ */
.fs12 { font-size: 12px; }

/* ベーシックスタイル(改変不可) */
.basictablestyle div:after  { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.basictablestyle div       { min-height: 1px; }
* html .basictablestyle div { height: 1px; /*\*//*/ height: auto; overflow: hidden; /**/ }
.basictablestyle table.ltop th, .basictablestyle table.ltop td, .basictablestyle table tr.ltop th, .basictablestyle table tr.ltop td, .basictablestyle table tr th.ltop, .basictablestyle table tr td.ltop { vertical-align:top ; text-align:left ;}
.basictablestyle table.ctop th, .basictablestyle table.ctop td, .basictablestyle table tr.ctop th, .basictablestyle table tr.ctop td, .basictablestyle table tr th.ctop, .basictablestyle table tr td.ctop { vertical-align:top ; text-align: center ;}
.basictablestyle table.rtop th, .basictablestyle table.rtop td, .basictablestyle table tr.rtop th, .basictablestyle table tr.rtop td, .basictablestyle table tr th.rtop, .basictablestyle table tr td.rtop { vertical-align:top ; text-align: right ; }
.basictablestyle table.lmdl th, .basictablestyle table.lmdl td, .basictablestyle table tr.lmdl th, .basictablestyle table tr.lmdl td, .basictablestyle table tr th.lmdl, .basictablestyle table tr td.lmdl { vertical-align:middle ; text-align:left ;}
.basictablestyle table.cmdl th, .basictablestyle table.cmdl td, .basictablestyle table tr.cmdl th, .basictablestyle table tr.cmdl td, .basictablestyle table tr th.cmdl, .basictablestyle table tr td.cmdl { vertical-align:middle ; text-align: center ;}
.basictablestyle table.rmdl th, .basictablestyle table.rmdl td, .basictablestyle table tr.rmdl th, .basictablestyle table tr.rmdl td, .basictablestyle table tr th.rmdl, .basictablestyle table tr td.rmdl { vertical-align:middle ; text-align: right ; }
.basictablestyle table.lbtm th, .basictablestyle table.lbtm td, .basictablestyle table tr.lbtm th, .basictablestyle table tr.lbtm td, .basictablestyle table tr th.lbtm, .basictablestyle table tr td.lbtm { vertical-align:bottom ; text-align:left ;}
.basictablestyle table.cbtm th, .basictablestyle table.cbtm td, .basictablestyle table tr.cbtm th, .basictablestyle table tr.cbtm td, .basictablestyle table tr th.cbtm, .basictablestyle table tr td.cbtm { vertical-align:bottom ; text-align:center ;}
.basictablestyle table.rbtm th, .basictablestyle table.rbtm td, .basictablestyle table tr.rbtm th, .basictablestyle table tr.rbtm td, .basictablestyle table tr th.rbtm, .basictablestyle table tr td.rbtm { vertical-align:bottom ; text-align:right ; }

.table_color th { background:#dcdcdc !important; color:#1E1E1E !important; font-weight:bold !important;}
table tr.odd td { background: #ffffff !important;}
.table_color .table_dashed th, .table_color .table_dashed td { background:#f5f5f5; font-size:80% !important;}

.l_spacing td { letter-spacing:-0.05em !important;}

#error_explanation {margin: 10px;}
ul.error_explanation li{margin-top: 3px;padding-left: 10px;}
ul.error_explanation li.list{background: url(/../images/dirpath.png) no-repeat left center;padding-left: 10px;}
ul.error_explanation li.message{padding-left: 10px; color:red;}
.notice { margin: 10px; color: blue;}
.alert { margin: 10px; color: red;}

.inquiry p{
    padding-left: 10px;
    line-height: 150% !important;
}
.inquiry p.mobile{
    padding-left: 40px;
}

/*-----  ##### // basictablestyle #####  -----*/



/* foot
----------------------------------------------- */
#foot { clear:both; height:40px; width: 100%; min-width:1000px; background:#646464; position: absolute; bottom: 0;}
#foot.foot_error {clear: both; height: 40px; background:#646464; position: absolute; bottom: 0;}
#foot p { position: absolute; top:15px; left:30px; line-height:1; color:#ffffff; -webkit-text-shadow: 0px -1px 1px #363636; -moz-text-shadow: 0px -1px 1px #363636; text-shadow: 0px -1px 1px #363636; font-size:77%;}

#container {
    position: relative;
    width:1000px;
    background:#fff;
    height: auto !important;
    height: 100%;
    min-height: 100%;
}

/*form_forを使った場合、エラーに<div class=field_with_errors>が自動で追加されることによるレイアウト崩れの防止*/
.field_with_errors{
  display: contents;
}


/* reset
----------------------------------------------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 1em;
	line-height: 1.1em;
	vertical-align: top;
	background: transparent;
	list-style: none;
}
body {
	line-height: 1.1;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
	display: block;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
a {
	overflow: hidden;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
hr {
	display: none;
}
input, select {
	vertical-align: middle;
}
html{font-family:Noto Sans,sans-serif}*,:after,:before{box-sizing:border-box}:focus-visible{outline-offset:5px}:where(html){-webkit-text-size-adjust:none;text-size-adjust:none}:where(html){line-height:1.5}:where(html){scrollbar-gutter:stable}:where(h1){font-size:2em;margin-block:.67em}:where(abbr[title]){cursor:help;-webkit-text-decoration-line:underline;text-decoration-line:underline;-webkit-text-decoration-style:dotted;text-decoration-style:dotted}@media (forced-colors:active){mark{background-color:Highlight;color:HighlightText}}:where(s):before{content:"stricken text start "}:where(s):after{content:" stricken text end"}:where(del):before{content:"deletion start "}:where(del):after{content:" deletion end"}:where(ins):before{content:"insertion start "}:where(ins):after{content:" insertion end"}:where(audio,iframe,img,svg,video){max-block-size:100%;max-inline-size:100%}:where(fieldset){min-inline-size:0}:where(label):has(+:where(textarea,input,select)){display:block}:where(textarea:not([rows])){min-block-size:6em}:where(button,input,select,textarea){font-family:inherit;font-size:inherit}:where([type=search]){-webkit-appearance:textfield}@supports (-webkit-touch-callout:none){:where([type=search]){background-color:canvas;border:1px solid -apple-system-secondary-label}}:where([type=tel],[type=url],[type=email],[type=number]):not(:-ms-input-placeholder){direction:ltr}:where([type=tel],[type=url],[type=email],[type=number]):not(:placeholder-shown){direction:ltr}:where(table){border:1px solid;border-collapse:collapse}:where(th,td){border:1px solid;padding:.25em .5em}:where(dialog)::backdrop{background:oklch(0 0 0)}:where(dialog),:where(dialog)::backdrop{opacity:0;transition:opacity .3s ease-out,display allow-discrete .3s,overlay allow-discrete .3s}:where(dialog[open]),:where(dialog[open])::backdrop{opacity:1}@starting-style{:where(dialog[open]),:where(dialog[open])::backdrop{opacity:0}}[hidden]:not([hidden=until-found]){display:none!important}*{box-sizing:border-box}abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}body{-webkit-text-size-adjust:100%;line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}li,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}a{background:transparent;font-size:100%;margin:0;padding:0;text-decoration:none;vertical-align:baseline}img{-webkit-backface-visibility:hidden;backface-visibility:hidden;max-width:100%;vertical-align:bottom}main{display:block}ins{text-decoration:none}ins,mark{background-color:#ff9;color:#000}mark{font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{border:0;border-top:1px solid #ccc;display:block;height:1px;margin:1em 0;padding:0}input,select{margin:0;padding:0;vertical-align:middle}h1,h2,h3{text-transform:none}button{background-color:transparent;border:0;cursor:pointer;font-size:100%;padding:0}.js-fadeOut{opacity:1}.ani-upMove{-webkit-animation:UpAnime .5s forwards;animation:UpAnime .5s forwards}.ani-downMove{-webkit-animation:DownAnime .5s forwards;animation:DownAnime .5s forwards}.ani-navFade li:first-child{-webkit-animation:nav-fade .5s ease-in-out .2s 1 normal forwards;animation:nav-fade .5s ease-in-out .2s 1 normal forwards}.ani-navFade li:nth-child(2){-webkit-animation:nav-fade .5s ease-in-out .3s 1 normal forwards;animation:nav-fade .5s ease-in-out .3s 1 normal forwards}.ani-navFade li:nth-child(3){-webkit-animation:nav-fade .5s ease-in-out .4s 1 normal forwards;animation:nav-fade .5s ease-in-out .4s 1 normal forwards}.ani-navFade li:nth-child(4){-webkit-animation:nav-fade .5s ease-in-out .5s 1 normal forwards;animation:nav-fade .5s ease-in-out .5s 1 normal forwards}.ani-navFade li:nth-child(5){-webkit-animation:nav-fade .5s ease-in-out .6s 1 normal forwards;animation:nav-fade .5s ease-in-out .6s 1 normal forwards}.ani-navFade li:nth-child(6){-webkit-animation:nav-fade .5s ease-in-out .7s 1 normal forwards;animation:nav-fade .5s ease-in-out .7s 1 normal forwards}.ani-navFade li:nth-child(7){-webkit-animation:nav-fade .5s ease-in-out .8s 1 normal forwards;animation:nav-fade .5s ease-in-out .8s 1 normal forwards}.ani-zoom,.ani-zoom_project.active{-webkit-animation:zoom 5s linear forwards;animation:zoom 5s linear forwards}.ani-shrink,.ani-shrink_project.active{-webkit-animation:shrink 5s linear forwards;animation:shrink 5s linear forwards}.ani-moveLR{-webkit-animation:moveLR 60s linear forwards;animation:moveLR 60s linear forwards}.ani-border:hover:after{-webkit-animation:borderAnime .5s forwards;animation:borderAnime .5s forwards}@-webkit-keyframes UpAnime{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(-100px);transform:translateY(-100px)}}@keyframes UpAnime{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(-100px);transform:translateY(-100px)}}@-webkit-keyframes DownAnime{0%{opacity:0;-webkit-transform:translateY(-100px);transform:translateY(-100px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes DownAnime{0%{opacity:0;-webkit-transform:translateY(-100px);transform:translateY(-100px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes nav-fade{0%{opacity:0}to{opacity:1}}@keyframes nav-fade{0%{opacity:0}to{opacity:1}}@-webkit-keyframes zoom{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes zoom{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.1);transform:scale(1.1)}}@-webkit-keyframes shrink{0%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes shrink{0%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes moveLR{0%{-webkit-transform:translateX(-20%);transform:translateX(-20%)}to{-webkit-transform:translateX(120%);transform:translateX(120%)}}@keyframes moveLR{0%{-webkit-transform:translateX(-20%);transform:translateX(-20%)}to{-webkit-transform:translateX(120%);transform:translateX(120%)}}@-webkit-keyframes borderAnime{0%{-webkit-transform:scaleX(0,1) translateX(0);transform:scaleX(0,1) translateX(0);width:0}to{-webkit-transform:scaleX(1) translateX(0);transform:scaleX(1) translateX(0);width:100%}}@keyframes borderAnime{0%{-webkit-transform:scaleX(0,1) translateX(0);transform:scaleX(0,1) translateX(0);width:0}to{-webkit-transform:scaleX(1) translateX(0);transform:scaleX(1) translateX(0);width:100%}}:root{--color-primary:#fff;--color-secondary:#000;--color-tertiary:#036;--color-quaternary:#cfe6d2;--color-quinary:#c1d9f2;--color-senary:#f7fafd;--font-size-s:14px;--font-size-m:16px;--font-size-l:20px;--space-size-1:8px;--space-size-2:16px;--space-size-3:24px;--space-size-4:32px;--space-size-5:40px;--space-size-6:56px;--border-primary:#d3d3d3;--border-secondary:#aaa;--border-tertiary:#000;--border-quaternary:#0055b1}.l-login{line-break:strict;padding-inline:20px}@media print,screen and (min-width:768px){.l-login{min-height:calc(100vh - 64px);padding-block:80px}}@media only screen and (max-width:767px){.l-login{min-height:calc(100vh - 80px);padding-block:56px}}.l-login--inner{background-color:var(--color-primary);box-shadow:0 10px 24px 0 rgba(0,0,0,.06);margin-inline:auto;width:100%}@media print,screen and (min-width:768px){.l-login--inner{max-width:496px;padding-block:56px;padding-inline:56px}}@media only screen and (max-width:767px){.l-login--inner{padding-block:40px;padding-inline:24px}}.p-hero__heading{text-align:center}.p-hero__heading--img{display:block;margin:0 auto 32px}@media print,screen and (min-width:768px){.p-hero__heading--img{width:260px}}@media only screen and (max-width:767px){.p-hero__heading--img{width:210px}}.p-hero__heading--copy{align-self:stretch;display:block;font-size:20px;font-weight:700;letter-spacing:.4px;line-height:1.6;margin-bottom:12px}.p-form__items{display:grid;grid-template-columns:repeat(1,1fr);justify-items:start;margin-bottom:12px}.p-form__label{font-size:16px;font-weight:400;letter-spacing:.32px;line-height:1.6}.p-form input.p-form__label--input[type=password],.p-form input.p-form__label--input[type=text]{border:1px solid var(--border-primary);border-radius:6px;box-shadow:0 2px 4px 0 rgba(0,0,0,.05);font-size:var(--font-size-m);padding:8px 16px;width:100%}.p-form__btn{margin-top:32px;text-align:center}.p-form__btn .btn{background-color:var(--color-tertiary);border-color:var(--color-tertiary);border-radius:8px;border-style:solid;border-width:1px;color:var(--color-primary);display:inline-block;font-size:16px;font-weight:700;letter-spacing:.32px;line-height:1.6;max-width:236px;padding:12px 16px;position:relative;transition:background-color .3s,color .3s;width:100%}.p-form__btn .btn:after{background-image:url(/../images/arrow-right-white.svg);background-repeat:no-repeat;background-size:contain;content:"";display:inline-block;height:14px;position:absolute;right:16px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:14px}.p-form__btn .btn:hover{background-color:var(--color-senary);color:var(--color-tertiary);opacity:1}.p-form__btn .btn:hover:after{background-image:url(/../images/arrow-right.svg)}[data-page=cust].login{background-color:var(--color-quinary)}[data-page=ope].login{background-color:var(--color-quaternary)}.footer{line-break:strict;margin:0 auto 40px;padding-inline:20px;width:100%}.footer__links{display:flex;gap:16px;justify-content:center;margin:0 auto}@media print,screen and (min-width:768px){.footer__links{max-width:672px}}.footer__link a{color:var(--color-secondary);display:block;font-size:var(--font-size-s);letter-spacing:.28px;padding-bottom:4px;position:relative;text-decoration:none;transition:opacity .3s}.footer__link a:before{background-color:var(--color-secondary);bottom:0;content:"";height:1px;left:0;position:absolute;transition:opacity .3s;width:100%}.footer__link a:hover{opacity:.7}.footer__link a:hover:before{opacity:0}


/* button color
----------------------------------------------- */

.bt_black {
	display: block;
	padding: 7px 0 5px;
	color: rgb(230,230,230);
	font-size: 0.7em;
	font-weight: bold;
	text-align: center;
	text-shadow: 0 -1px 1px black;
	border: 1px solid rgb(30,30,30);
	background: rgb(50,50,50);
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(100,100,100)), to(rgb(50,50,50)));
	background-image: -webkit-linear-gradient(rgb(100,100,100),rgb(50,50,50));
	background-image: -moz-linear-gradient(rgb(100,100,100),rgb(50,50,50));
	background-image: -ms-linear-gradient(rgb(100,100,100),rgb(50,50,50));
	background-image: -o-linear-gradient(rgb(100,100,100),rgb(50,50,50));
	background-image: linear-gradient(rgb(100,100,100),rgb(50,50,50));
}
.bt_black:hover {
	color: white;
	background: rgb(60,60,60);
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(110,110,110)), to(rgb(60,60,60)));
	background-image: -webkit-linear-gradient(rgb(110,110,110),rgb(60,60,60));
	background-image: -moz-linear-gradient(rgb(110,110,110),rgb(60,60,60));
	background-image: -ms-linear-gradient(rgb(110,110,110),rgb(60,60,60));
	background-image: -o-linear-gradient(rgb(110,110,110),rgb(60,60,60));
	background-image: linear-gradient(rgb(110,110,110),rgb(60,60,60));
}
.bt_black:active {
	color: rgb(200,200,200);
	background: rgb(60,60,60);
}

/* button size
----------------------------------------------- */

.bt_100 {
	width: 100px;
}


/* WANステータス監視ページ用ボタン
----------------------------------------------- */
.wan_btn01 { background: url(/../images/icon_02.gif) no-repeat 5px center #3c823c; }
.wan_btn01:hover { background: url(/../images/icon_02.gif) no-repeat 5px center #409540;}

.wan_btn02 { background: url(/../images/icon_02.gif) no-repeat 5px center #b43232; }
.wan_btn02:hover { background: url(/../images/icon_02.gif) no-repeat 5px center #d13d3d;}

.wan_btn03 { background: url(/../images/icon_02.gif) no-repeat 5px center #f0a01e; }
.wan_btn03:hover { background: url(/../images/icon_02.gif) no-repeat 5px center #fdad2c;}

.wan_btn04 { background: url(/../images/icon_02.gif) no-repeat 5px center #969696; }
.wan_btn04:hover { background: url(/../images/icon_02.gif) no-repeat 5px center #aeaeae;}

.wan_btn05 { background: url(/../images/icon_02.gif) no-repeat 5px center #FFFFFF; }



/* インターフェースステータス用ボタン
----------------------------------------------- */
.interface_btn_norm { background: #3c823c; }
.interface_btn_norm:hover { background: #409540;}

.interface_btn_alert { background: #b43232; }
.interface_btn_alert:hover { background: #d13d3d;}

/* 他ボタン
----------------------------------------------- */

.btn01 { display:block; width:20px; height:20px; background:url(/../images/btn_02.png) no-repeat left top;}
.btn01:hover { background-position:-25px top;}
.btn01:hover img { position:relative; z-index: -1;}
.no_link .btn01 { background-position:-50px top !important; cursor:default;}

.btn02 { display:block; width:20px; height:20px; background:url(/../images/btn_03.png) no-repeat left top;}
.btn02:hover { background-position:-25px top;}
.btn02:hover img { position:relative; z-index: -1; }
.no_link .btn02 { background-position:-50px top !important; cursor:default;}

.btn03 { display:block; width:20px; height:20px; background:url(/../images/btn_04.png) no-repeat left top;}
.btn03:hover { background-position:-25px top;}
.btn03:hover img { position:relative; z-index: -1; }
.no_link .btn03 { background-position:-50px top !important; cursor:default;}

.btn04 { display:block; width:20px; height:20px; background:url(/../images/btn_05.png) no-repeat left top;}
.btn04:hover { background-position:-25px top;}
.btn04:hover img { position:relative; z-index: -1; }
.no_link .btn04 { background-position:-50px top !important; cursor:default;}

.btn05 { display:block; width:20px; height:20px; background:url(/../images/btn_06.png) no-repeat left top;}
.btn05:hover { background-position:-25px top;}
.btn05:hover img { position:relative; z-index: -1; }
.no_link .btn05 { background-position:-50px top !important; cursor:default;}

.btn06 { display:block; width:20px; height:20px; background:url(/../images/btn_06.png) no-repeat left top;}
.btn06:hover { background-position:-25px top;}
.btn06:hover img { position:relative; z-index: -1; }
.no_link .btn06 { background-position:-50px top !important; cursor:default;}

.btnstyleloggingexport button {margin-left:5px}


/* body
----------------------------------------------- */

body.login {
	text-align: center;
	background: white;
}

/* login
----------------------------------------------- */

div#login {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -180px 0 0 -310px;
	width: 620px;
	height: 218px;
	text-align: left;

}

div.cust{

    /*background: url(/../images/login_base.png) no-repeat; */
}    

div.ope{
    /*background: url(/../images/ope_login_base2.png) no-repeat;*/
}    


div#login form {
	position: absolute;
	top: 30px;
	left: 355px;
}

div#login p.account,
div#login p.password {
	margin: 0 0 5px;
	width: 235px;
	height: 51px;
/*	background: url(/../images/login_bg.png) no-repeat; */
}
div#login p.password img{
/*    clip: rect(0px,470px,51px,235px); */
    clip: rect(0px,235px,51px,0px); 
    position:absolute;
}

div#login p.account {
	background-position: 0 0;
}
div#login p.account img{
    clip: rect(0px,235px,51px,0px); 
    position:absolute;
}
 
div#login p.account.active {
	background-position: 0 -51px;
}
div#login p.password {
	background-position: -235px 0;
}
div#login p.password.active {
	background-position: -235px -51px;
}

div#login p.account input,
div#login p.password input {
	margin: 22px 0 0 45px;
	padding: 0;
	width: 170px;
	font-size: 0.8em;
	border: 0;
	outline: none;
	position: absolute;
}

div#login p.login {
	padding: 10px 0 0;
}
div#login p.login a {
	display: inline-block;
	width: 110px;
	height: 38px;
	overflow: hidden;
	background: url(/../images/b_login.png) no-repeat 0 0;
}
div#login p.login a:hover {
	background-position: 0 -38px;
}
div#login p.login a:hover img{
    position: relative;
    z-index: 0;
}
.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle; }
  .select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    user-select: none;
    -webkit-user-select: none; }
    .select2-container .select2-selection--single .select2-selection__rendered {
      display: block;
      padding-left: 8px;
      padding-right: 20px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .select2-container .select2-selection--single .select2-selection__clear {
      position: relative; }
  .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px; }
  .select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select: none; }
    .select2-container .select2-selection--multiple .select2-selection__rendered {
      display: inline-block;
      overflow: hidden;
      padding-left: 8px;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .select2-container .select2-search--inline {
    float: left; }
    .select2-container .select2-search--inline .select2-search__field {
      box-sizing: border-box;
      border: none;
      font-size: 100%;
      margin-top: 5px;
      padding: 0; }
      .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
        -webkit-appearance: none; }

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051; }

.select2-results {
  display: block; }

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0; }

.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none; }
  .select2-results__option[aria-selected] {
    cursor: pointer; }

.select2-container--open .select2-dropdown {
  left: 0; }

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-search--dropdown {
  display: block;
  padding: 4px; }
  .select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box; }
    .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
      -webkit-appearance: none; }
  .select2-search--dropdown.select2-search--hide {
    display: none; }

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0); }

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important; }

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px; }
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px; }
  .select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold; }
  .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999; }
  .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px; }
    .select2-container--default .select2-selection--single .select2-selection__arrow b {
      border-color: #888 transparent transparent transparent;
      border-style: solid;
      border-width: 5px 4px 0 4px;
      height: 0;
      left: 50%;
      margin-left: -4px;
      margin-top: -2px;
      position: absolute;
      top: 50%;
      width: 0; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto; }

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default; }
  .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none; }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px; }

.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text; }
  .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%; }
    .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
      list-style: none; }
  .select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-top: 5px;
    margin-right: 10px;
    padding: 1px; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px; }
    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
      color: #333; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
  float: right; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto; }

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0; }

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default; }

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none; }

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa; }

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield; }

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }

.select2-container--default .select2-results__option[role=group] {
  padding: 0; }

.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999; }

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd; }

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em; }
  .select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0; }
  .select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em; }
    .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
      margin-left: -2em;
      padding-left: 3em; }
      .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
        margin-left: -3em;
        padding-left: 4em; }
        .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
          margin-left: -4em;
          padding-left: 5em; }
          .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
            margin-left: -5em;
            padding-left: 6em; }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white; }

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }
  .select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb; }
  .select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px; }
  .select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-right: 10px; }
  .select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999; }
  .select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
    background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
    background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); }
    .select2-container--classic .select2-selection--single .select2-selection__arrow b {
      border-color: #888 transparent transparent transparent;
      border-style: solid;
      border-width: 5px 4px 0 4px;
      height: 0;
      left: 50%;
      margin-left: -4px;
      margin-top: -2px;
      position: absolute;
      top: 50%;
      width: 0; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto; }

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb; }
  .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none; }
    .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
      border-color: transparent transparent #888 transparent;
      border-width: 0 4px 5px 4px; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); }

.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0; }
  .select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb; }
  .select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px; }
  .select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none; }
  .select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px; }
  .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px; }
    .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
      color: #555; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  float: right;
  margin-left: 5px;
  margin-right: auto; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto; }

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0; }

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none; }

.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent; }

.select2-container--classic .select2-dropdown--above {
  border-bottom: none; }

.select2-container--classic .select2-dropdown--below {
  border-top: none; }

.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }

.select2-container--classic .select2-results__option[role=group] {
  padding: 0; }

.select2-container--classic .select2-results__option[aria-disabled=true] {
  color: grey; }

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: white; }

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb; }