/*
 * 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.
 *



 */
div.check_button {
  margin: 0px 0px 5px 0px; }

table#spokes_list div.check_box {
  float: left; }

table#spokes_list div.spoke_id {
  float: left;
  margin-top: 4px; }


/* 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}
/***
This is part of jsdifflib v1.0. <http://snowtide.com/jsdifflib>

Copyright (c) 2007, Snowtide Informatics Systems, Inc.
All rights reserved.

Redistribution and use in source and binary forms, with or without modification,
are permitted provided that the following conditions are met:

	* Redistributions of source code must retain the above copyright notice, this
		list of conditions and the following disclaimer.
	* Redistributions in binary form must reproduce the above copyright notice,
		this list of conditions and the following disclaimer in the documentation
		and/or other materials provided with the distribution.
	* Neither the name of the Snowtide Informatics Systems nor the names of its
		contributors may be used to endorse or promote products derived from this
		software without specific prior written permission.

THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY
EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES
OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT
SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT,
INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED
TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR
BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN
ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH
DAMAGE.
***/
/* Author: Chas Emerick <cemerick@snowtide.com> */
table.diff {
	border-collapse:collapse;
	border:1px solid darkgray
}
table.diff tbody { 
	font-family:Courier, monospace
}
table.diff tbody th {
	font-family:verdana,arial,'Bitstream Vera Sans',helvetica,sans-serif;
	background:#EED;
	font-size:11px;
	font-weight:normal;
	border:1px solid #BBC;
	color:#886;
	padding:.3em .5em .1em 2em;
	text-align:right;
	vertical-align:top
}
table.diff thead {
	border-bottom:1px solid #BBC;
	background:#EFEFEF;
	font-family:Verdana
}
table.diff thead th.texttitle {
	text-align:left
}
table.diff tbody td {
	padding:0px .4em;
	padding-top:.4em;
	vertical-align:top;
}
table.diff .empty {
	background-color:#DDD;
}
table.diff .replace {
	background-color:#FD8
}
table.diff .delete {
	background-color:#E99;
}
table.diff .skip {
	background-color:#EFEFEF;
	border:1px solid #AAA;
	border-right:1px solid #BBC;
}
table.diff .insert {
	background-color:#9E9
}
table.diff th.author {
	text-align:right;
	border-top:1px solid #BBC;
	background:#EFEFEF
}


/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
*/
/**
 * YUI Fonts
 * @module fonts
 * @namespace yui-
 * @requires 
 */

/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */


body {
	font:13px/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;
}

/*
[ 明朝 ]

"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro", Verdana, serif

[ ゴシック ]
"ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Osaka", sans-serif
"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif
"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif

*/


/**
 * Nudge down to get to 13px equivalent for these form elements
 */ 
select,
input,
button,
textarea,
button {
	font:99%;
	font-size:120%;
}

/**
 * To help tables remember to inherit
 */
table {
	font-size:inherit;
	font:100%;
}

/**
 * Bump up IE to get to 13px equivalent for these fixed-width elements
 */
pre,
code,
kbd,
samp,
tt {
	font-family:monospace;
	*font-size:108%;
	line-height:100%;
}
div.check_button {
  margin: 0px 0px 5px 0px; }

table#internet_gateway_spokes div.check_box {
  float: left; }

table#internet_gateway_spokes div.spoke_id {
  float: left;
  margin-top: 4px; }

div#filter_title {
  float: left;
  padding-top: 5px;
  font-size: x-small;
  margin-right: 5px; }

div#filter_input {
  float: left; }

div#filter_clear {
  float: left;
  padding: 5px 0px 0px 5px;
  font-size: x-small;
  color: blue;
  cursor: pointer; }
label {
  vertical-align: middle !important; }

.table_dashed_multi_layout {
  border-collapse: separate;
  border-spacing: 0; }

.table_dashed_multi th, .table_dashed_multi td {
  border: none !important;
  border-left: 1px dashed #b4b4b4 !important;
  border-right: none !important;
  border-bottom: none !important;
  border-top: 1px solid #b4b4b4 !important;
  border-collapse: separate;
  border-spacing: 0; }

.table_dashed_multi th.left_only, .table_dashed_multi td.left_only {
  border-left: 1px dashed #b4b4b4 !important;
  border-right: none !important;
  border-bottom: none !important;
  border-top: none !important; }

.table_dashed_multi th.top_only, .table_dashed_multi td.top_only {
  border-left: none !important;
  border-right: none !important;
  border-bottom: none !important;
  border-top: 1px solid #b4b4b4 !important; }

.table_dashed_multi th.top_dashed, .table_dashed_multi td.top_dashed {
  border-left: 1px dashed #b4b4b4 !important;
  border-right: none !important;
  border-bottom: none !important;
  border-top: 1px dashed #b4b4b4 !important; }

.table_dashed_multi th.table_dashed_multi_none, .table_dashed_multi td.table_dashed_multi_none, th.table_dashed_multi {
  border-left: none !important;
  border-right: none !important;
  border-bottom: none !important;
  border-top: none !important; }

.table_dashed_multi th {
  background: #f5f5f5;
  font-size: 11px !important;
  font-weight: normal !important; }

.table_dashed_multi th div {
  padding: 7px 10px 7px 15px !important;
  line-height: 12px !important; }

.table03 .basictablestyle .table_dashed_multi div {
  padding: 7px 10px !important; }

.table03 .basictablestyle .table_dashed_multi td div {
  padding: 9px 5px 9px 10px !important;
  line-height: 12px !important; }

.table03 .basictablestyle .table_dashed_multi .pr0 {
  padding-right: 0 !important; }

.table03 .basictablestyle .table_dashed_multi .pr5 {
  padding-right: 5px !important; }

.table_color .table_dashed_multi th, .table_color .table_dashed_multi td {
  background: #f5f5f5;
  font-size: 11px !important; }

.basictablestyle th.table_dashed_multi {
  border: 1px solid #b4b4b4;
  background: #dcdcdc !important;
  color: #383838;
  line-height: 1.6em;
  font-size: 11px !important;
  text-align: left;
  font-weight: bold !important;
  vertical-align: middle; }


/* 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;
}


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

下層ページ用スタイル

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
----------------------------------------------- */

html, body{
    height: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;

	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; */
}
a {
	text-decoration: none;
}

/* 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 {
	position: absolute;
	top: 0;
	left: 50%;
	margin: 0 0 0 -250px;
	width: 500px;
	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;
}

div#alert_message p.message {
	padding: 40px 35px;
	color: rgb(200,0,0);
	font-size: 0.8em;
	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 0;
	text-align: center;
	border-top: 1px solid white;
}
div#alert_message p.close a {
	margin: auto;
}

#main { background:#fff; min-width:1000px; padding-bottom:30px; min-height:100%;}

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

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

#head_inner {
  background: url(/../images/logo_bg.gif) no-repeat left top; height:2px;
}

#head h1 span {
	width: 200px;
	height: 32px;
	display: block;
	position:absolute;
	top:10px;
	left:27px;
}

#head .logout {
  position: absolute;
  top: 11px;
  right: 22px;
  z-index: 3;
}
#head .logout a {
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url(/../images/logout2021_hover.png) no-repeat;
}
#head .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 .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 .logout:hover {
	background-color: transparent;
}
#head .logout:hover img {
    visibility: hidden;
}

#head .help {
  position: absolute;
  top: 11px;
  right: 84px;
  z-index: 3;
}
#head .help a {
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url(/../images/help2021_hover.png) no-repeat;
}
#head .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 .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 .help a:hover {
	background-color: transparent;
}
#head .help a:hover img {
    visibility: hidden;
}

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

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

#dirPathOpe { padding:10px 30px 10px; height:15px; 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:12px;}
/* Lside
----------------------------------------------- */

#Lside { width:225px; display:inline; float:left; margin:0 15px 0 30px;}
.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 { width:700px; display:inline; float:left;}
#Cont_withoutmenu { width:700px; display:inline; float:left;margin:10px 10px;}
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;}

.table01 { clear:both; width:302px;}
.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:700px;}
.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.change_spoke_title_link {
    color: white;
    font-size: 65%;
}

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

.table03 { width: 700px; }
.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;}

.table05 { width: 1000px; }
.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;}

.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 { position: absolute; 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; height:20px; position:relative; margin-bottom: 5px;}
.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 { position:absolute; right:0; height:20px; }


/* 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:12px; font-size:131%; color:#1E1E1E; padding-top:1px; margin-bottom:15px; clear:both; word-wrap: break-word;}
.titlestyle02 span { border-left:5px solid #323232; padding-left:12px;}
.titlestyle02_thin { border-bottom:1px solid #b4b4b4; padding-bottom:12px; font-size:131%; color:#1E1E1E; padding-top:1px; margin-bottom:15px; clear:both; width: 95%;}
.titlestyle02_thin span { border-left:2px solid #323232; padding-left:12px;}

.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;}

/* 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; }

.table02 .basictablestyle th { font-size: 87% !important; }
.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;}

.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;}
.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;}
.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;}

.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;}
.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;}
.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;}

.table04 { width: 680px;}
.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%; }

/* カラー設定 */
.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; }

.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; min-width:1000px; background:#646464; position: relative}
#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:#B4B4B4; -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%;
}


/* 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;
}
.router_settings li a {
  background: url(/../images/btn_10.png) no-repeat left top;
  color: #1e1e1e !important;
  display: block;
  font-weight: normal;
  line-height: 15px;
  padding-left: 20px; }
div.csv_reconfirm {
  float: left;
  margin: 5px; }

div.csv_update {
  float: left;
  margin: 5px; }

table.csv td.with_error {
  background-color: #FF0000;
  color: #FFFFFF; }

table.csv td.index {
  background-color: #FFFFAA; }

table.csv td.error {
  background-color: #FF3333; }

table.csv td.changed {
  background-color: #FFFF80; }

table.csv td.added {
  background-color: #80FFFF; }
.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; }