@charset "utf-8";

@import "./initialize.css";
/* +++++++++++++++++++++++++++++++

 admin.css

+++++++++++++++++++++++++++++++ */
a {
    color: #0033cc;
}
a:link {
    color: #0033cc;
	text-decoration: underline;
}
a:visited {
    color: #0033cc;
	text-decoration: underline;
}
a:hover {
    text-decoration: none;
}

/* headline */
.page-title {
    margin-bottom: 10px;
    padding: 6px 0 6px 20px;
    background: url(../images/bg-page-title.png) repeat-x left top;
    border-left: 1px solid #eeeeee;
    border-right: 1px solid #cccccc;
    font-size: 18px;
    line-height: 18px;
}
.section-title {
    margin-bottom: 10px;
    padding-left: 20px;
    background: url(../images/bg-section-title.gif) no-repeat 5px 0.25em;
    font-size: 16px;
    line-height: 1;
    color: #002d52;
}

/* table */
table {
    border-collapse: separate;
    empty-cells: show;
}
table.wide {
	width: 1000px;
	margin-bottom: 20px;
	border-top: 1px solid #aaaaaa;
	border-right: 1px solid #aaaaaa;
	border-collapse: collapse;
}
.wide th,
.wide td {
    padding: 3px;
    border-bottom: 1px solid #aaaaaa;
    border-left: 1px solid #aaaaaa;
}
.wide th {
    background: #ebf9ff;
    text-align: center;
    font-weight: normal;
    white-space: nowrap;
}
.wide td input,
.wide td select {
	vertical-align: middle;
}
table.default {
  background-color: white;
  width: 95%;
  min-width: 800px;
    margin-bottom: 20px;
    border-top: 1px solid #aaaaaa;
    border-right: 1px solid #aaaaaa;
    border-collapse: collapse;
}
.default th,
.default td {
    padding: 3px;
    border-bottom: 1px solid #aaaaaa;
    border-left: 1px solid #aaaaaa;
}
.default th {
	white-space: nowrap;
    background: #ebf9ff;
    text-align: center;
    font-weight: normal;
}
.default td input,
.default td select {
	vertical-align: middle;
}
.default .no-line {
    border: 0px;
}
table.default th.rate, table.default td.rate {
  width: 50px;
  word-break: break-all;
  word-wrap: break-word;  
}
table.default th.wmin, table.default td.wmin {
  width: 25px;
  word-break: break-all;
  word-wrap: break-word;  
}

table.left-right {
    width: 600px;
}
.left-right td h4 {
    display: inline;
}

table.suggest_items {
  background: transparent;
  table-layout: fixed;
  word-break: break-all;
  word-wrap: break-all;
}

.list th {
	width: auto;
}
.list th,
.list .action {
	text-align: center;
}
td#add_item{
	text-align: right;
	border-top: hidden;
	border-left: hidden;
	border-right: hidden;
}
td#sort_comment {
	border-top: hidden;
	border-left: hidden;
	border-right: hidden;
}
.access_counts th {
	white-space: normal;
}
.access_counts td {
	text-align: right;
}

table.search_item {
	width: 400px;
}

th.stop,
th.restart,
th.edit,
th.delete {
	width: 60px;
}
div.name,
th.name {
	width: 150px;
}
td.checkbox,
td.radio {
	text-align: center;
}
th.api_type_name {
	width: 82px;
}

th.query {
	width: 104px;
}

th.rank {
		width: 40px;
}
th.click {
		width: 40px;
}

/* form */
form input {
	vertical-align: middle;
}
.box-button {
    margin: 0 auto;
    padding: 0 0 20px;
    text-align:center;
}
.box-button form,
.box-button input,
.box-button img {
    display: inline;
    margin: 0 20px;
}
.box-button2 {
    margin: 0 auto 8px;
    text-align: right;
}
.box-button3 {
    margin: 0 auto 8px;
    text-align: left;
}
td input {
	margin-right: 3px;
}
td select {
	margin-right: 5px;
}
form#item_edit,
form#item_delete {
	display: inline;
}
form#login,
form#reset_passwords,
form#mfa_form {
  margin-left: 5px;
}
form#login .login_form_row,
form#reset_passwords .form_row,
form#mfa_form .mfa_form_row {
  text-align: left;
  margin-bottom: 10px;
}
form#login label,
form#reset_passwords label,
form#mfa_form label {
  display: block;
  float: left;
  width: 190px;
}
form#login label:after,
form#reset_passwords label:after,
form#mfa_form label:after {
  content: '\a0\3a';
}
form#login input#login_id,
form#login input#username,
form#login input#password,
form#login input#service_key,
form#reset_passwords input#login_id,
form#reset_passwords input#service_key,
form#reset_passwords input#user_password,
form#reset_passwords input#user_password_confirmation,
form#mfa_form input#code {
  width: 150px;
}
form#login input#login_button,
form#reset_passwords input#reset_password_button,
form#mfa_form input#mfa_submit_button {
  margin-left: 190px;
}
form#reset_passwords .notice_message,
form#login .notice_message,
form#mfa_form .notice_message{
  margin-bottom: 20px;
  font-size: x-small;
  color: #0000ff;
}
a.reset_password_link,
a.login_link{
  width: 170px;
  margin-top: 10px;
  margin-left: 190px;
  display: block;
}
#update_all {
		background: url(../images/btn-all-update.png) no-repeat left center;
		border: 0px;
    width: 100px;
    height: 30px;
}

#add {
		background: url(../images/btn-add.png) no-repeat left center;
		border: 0px;
    width: 80px;
    height: 30px;
}
.config_form label.left {
	display: block;
	float: left;
	width: 80px;
}

.help_popup {
   	margin: 0;
	padding: 10px;
	background-color: #ffc;
        border: 1px solid #000;
	color: #000;
	border-radius: 5px;
	-moz-border-radius: 5px;
	position: absolute;
}

/* pagination */
.pagination {
    padding: 3px 0;
    margin: 3px 0;
}
.pagination a {
    padding: 2px 5px 2px 5px;
    margin: 2px;
}
.pagination a:hover, .pagination a:active {

}
.pagination em.current {
    padding: 2px 5px 2px 5px;
    margin: 2px;
}
.pagination span.disabled {
    padding: 2px 5px 2px 5px;
    margin: 2px;
}

/* layout */
 body {
    background: #ffffff;
    font:normal 12px/1.5 "ＭＳ Ｐ ゴシック", "MS P Gothic", "Verdana", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
    color: #333333;
}
#wrapper {
    position: relative;
    top: 0;
    left: 0;
    margin: 0 auto;
    padding: 0;
}
.section {
	width: 600px;
	margin-bottom: 20px;
}
.action-nav {
    margin-bottom: 8px;
}
.action-nav2 {
    margin-bottom: 8px;
    text-align: right;
}
.action-nav a,
.action-nav2 a {
    padding-left: 10px;
    background: url(../images/ico-arrow.gif) no-repeat left center;
}

/* header */
#header {
    position: relative;
    background: url(../images/bg-head.gif) repeat left top;
    border-bottom: 1px solid #cccccc;
}
#header .box-inner {
    background: url(../images/bg-head-inner.gif) no-repeat left top;
}
#logo {
    padding: 5px;
}

/* user */
#user {
  margin-bottom: 10px;
  padding: 5px 5px;
  background-color: #02326C;
  color: #ffffff;
  height: 18px;
}
#user p {
}
#user .user_menu label{
  border-left: solid 1px;
  border-radius: unset;
  padding: 6px 6px 7px 6px;
}
#user .user_menu label:before{
  margin-right: 10px;
  content: "\f007";
}
#user .user_menu label:hover{
  background-color: #c0c0c0;
  color: #000000;
}
#user .user_menu{
  position: absolute;
  right: 0;
  text-align: right;
}
#user .user_menu ul.user_menu_list {
  position: relative;
  z-index: 99;
  margin-top: 5px;
}

/* main */
#container {
    position: relative;
    margin: 13px 0px;
}
#main {
    position: relative;
    min-width: 809px;
    margin: 0 10px 0 215px;
		margin-bottom: 100px;
}
*:first-child+html #main {
    position: relative;
    min-width: 809px;
    margin: 0 10px 0 15px;
		margin-bottom: 100px;
}
#popup {
    position: relative;
    min-width: 809px;
    margin: 0 10px 0 30px;
		margin-bottom: 100px;
}

#nav {
    float: left;
    width: 190px;
    padding-left: 5px;
}
.relation_image {
		width: 100px;
}

/* nav */
#nav .tit-text {
    width: 190px;
    height: 15px;
    padding: 5px 5px 6px 5px;
    color: #ffffff;
}
#nav .tit-nav { background: url(../images/bg-tit-admin.png) no-repeat left top; }
#nav .tit-nav1 { background: url(../images/bg-tit-admin1.png) no-repeat left top; }
#nav .tit-nav2 { background: url(../images/bg-tit-admin2.png) no-repeat left top; }
#nav .tit-nav3 { background: url(../images/bg-tit-admin3.png) no-repeat left top; }
#nav .tit-nav4 { background: url(../images/bg-tit-admin4.png) no-repeat left top; }
#nav .tit-nav5 { background: url(../images/bg-tit-admin5.png) no-repeat left top; }
#nav .tit-nav6 { background: url(../images/bg-tit-admin6.png) no-repeat left top; }
#nav .tit-nav7 { background: url(../images/bg-tit-admin7.png) no-repeat left top; }
#nav .tit-nav8 { background: url(../images/bg-tit-admin8.png) no-repeat left top; }
#nav .tit-nav9 { background: url(../images/bg-tit-admin9.png) no-repeat left top; }

#nav ul {
	margin-bottom: 10px;
}

#nav li a {
    text-decoration: none;
    display: inline-block;
    color: #333333;
    box-shadow: 0 0 .05em rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 .05em rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 0 .05em rgba(0,0,0,0.4);
    -ms-box-shadow: 0 0 .05em rgba(0,0,0,0.4);
}

#nav li a span:hover {
  background: #02326C;
  filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#02326C', endColorstr='#02326C');
  color: white;
}

#nav li a span.checked {
  background: #02326C;
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#02326C', endColorstr='#02326C');
  color: white;
}

#nav li a span {
  /*position:relative;*/
    border-top: 1px solid #fff;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    display: block;
    width: 180px;
    padding: 5px 0px 5px 10px;
    background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(0, 0, 0, 0.05)), color-stop(.25, transparent), to(transparent)),
                      -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(0, 0, 0, 0.05)), color-stop(.25, transparent), to(transparent)),
                      -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.75, transparent), color-stop(.75, rgba(0, 0, 0, 0.05))),
                      -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.75, transparent), color-stop(.75, rgba(0, 0, 0, 0.05)));
    background-image: -moz-linear-gradient(45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent),
                      -moz-linear-gradient(-45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent),
                      -moz-linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%),
                      -moz-linear-gradient(-45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%);
    -moz-background-size: 3px 3px;
    -webkit-background-size: 3px 3px;
    background: #D1D1D1;
    background: linear-gradient(to bottom, #F9F9F9, #D8D6D6);
    background: -webkit-gradient(linear, left top, left bottom, from(#F9F9F9), to(#D8D6D6) );
    background: -moz-linear-gradient(-90deg, #F9F9F9, #D8D6D6);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#F9F9F9', endColorstr='#D8D6D6', GradientType=0)";
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#F9F9F9', endColorstr='#D8D6D6');
}

#nav li.main_menu a {
    color: #02326C;
}

#nav li.main_menu span {
    font-weight: bold;
}

#nav li.main_menu .icon {
    float: left;
    font-size: 25px;
    margin-top: -4px;
}

#nav li.main_menu .toggle_icon {
    float: right;
    /*float: none;*/
    padding: 0 5px;
    font-size: 15px;
}
#nav li.main_menu .toggle_icon {
    float: right;
    /*float: none;*/
    padding: 0 5px;
    font-size: 15px;
}

#nav li.sub_toggle .icon {
    float: left;
}

#nav li.sub_menu .toggle_icon {
    float: right;
    /*float: none;*/
    padding: 0 5px;
    font-size: 15px;
}

#nav li i {
    padding-right: 6px;
}

#left {
    float:left;
    width: 15px;
    font-size: 15px;
    text-align: center;
    border: 1px solid #02326C;
}

#left a {
    height: 22px;
    width: 15px;
    text-decoration: none;
    display: inline-block;
    color: #02326C;
}

#left a:hover {
    background-color: #02326C;
    color: white;
}



/* footer */

#footer {
	clear: both;
    position: relative;
    padding: 5px 5px 30px;
    font-size: 10px;
    border-top: 1px solid #cccccc;
}
#footer a { color: #333333; }

#address {
    text-align: center;
    color: #999999;
}

#footer_logo {
  float: right;
  height: 20px;
}

/* clearfix */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    visibility: hidden;
}
.clearfix { display: inline-block; }
.clearfix { display: block; }

/* search */
.page {
	margin-top: 10px;
}

.option_link.selected {
	font-weight: bold;
}
.slider_box {
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
}
.slider_label {
	margin-left: 10px;
	margin-right: 10px;
}
.search_tag {
	border: 1px solid #cccccc;
	margin: 2px;
	padding: 2px;
	cursor: pointer;
	float: left;
}
.search_tag.selected {
	background-color: #ffeeaa;
}
.search_tag:hover {
	background-color: #eeeeee;
}
.word_wrap {
	word-wrap: break-word;
}
.search_item td div {
        width: 600px;
}
.section-keyword {
	width: 540px;
}
.field-name {
	width: 400px;
}


.login_left {
    margin-left: 15px;
}
.center {
  text-align: center;
}
.right {
  text-align: right;
}

tr.white {
  background: #FFFFFF;
}
tr.gray {
  background: #e7e7e7;
}
tr.orange {
  background-color: #FFF9EF;
}

div.query-summary {
    width: 610px;
    padding: 20px;
}

div.odd {
    background-color: #e7ffe7;
}
div.even {
    background-color: #ffffff;
}

div.check_update {
    padding-bottom: 5px;
}

/* アイコン */
a.zoom {
  color: #222222;
  text-decoration: none;
}
a.zoom :hover {
  font-size: 25px;
  color: #222222;
  text-decoration: none;
}
a.chevron-sign {
  font-size: 15px;
  color: #222222;
  text-decoration: none;
}
a.chevron-sign :hover {
  font-size: 25px;
  color: #222222;
  text-decoration: none;
}
a.exclamation-sign {
  font-size: 15px;
  color: #222222;
  text-decoration: none;
}
a.exclamation-sign :hover {
  font-size: 25px;
  color: #222222;
  text-decoration: none;
}
.edit_service input[type='text'],
.edit_service input[type='password'] {
  width: 90%;
}

.kadomaru-msg {
  font-size: x-small;
  margin-left: 10px;
  padding: 1px 5px;
  background-color: #f55;
  color: #fff;
  display: inline-block;
  /*border: 1px solid #ccc;*/
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}

.divided_word {
  display: inline-block;
  padding: 4px;
  border: 1px solid #ccc;
  margin-right: 0.5em;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

/* 管理画面マニュアルへのリンク */
.as_doc_menu {
  position: fixed;
  top: 1%;
  right: 2%;
  z-index: 9999;
  text-align: right;
  font-size: small;
  padding: 10px;
}
.as_doc_menu label{
  background: rgba(2,50,108,0.7);
  color: #fff;
}
.as_doc_menu label:before {
  content: "\f02d";
}

/* プルダウンメニュー */
.pulldown-menu label{
  cursor: pointer;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  padding: 10px;
}
.pulldown-menu ul {
  margin-top: 7px;
  background: rgba(255,255,255,1);
  border: 1px solid rgba(2,50,108,1);
}
.pulldown-menu ul li {
  text-align: center;
  border: 1px solid rgba(2,50,108,1);
}
.pulldown-menu ul li a {
  display: block;
  width: 20ch;
  padding: 10px;
  text-decoration: none;
  font-weight: bold;
  color: rgba(2,50,108,1);
}
.pulldown-menu input, .pulldown-menu ul {
  display: none;
}
.pulldown-menu input:checked + label + ul {
  display: block;
}
.pulldown-menu label:before {
  margin-right: 5px;
  font-family: 'FontAwesome';
}
.pulldown-menu label:after {
  margin-left: 5px;
  content: "\f078";
  font-family: 'FontAwesome';

}
.pulldown-menu input:checked + label:after {
  content: "\f077";
}
.pulldown-menu ul li:hover {
  background: rgba(2,50,255,1);
}
.pulldown-menu ul li:hover > a {
  color: #fff;
}

/* ボタン関係 */
.red-btn {
 margin: 3px; 
 cursor: pointer;
 min-height: 22px;
 min-width: 80px;
 font-size: small;
 border: 1px solid #E18792;
 padding: 1px 13px;
 color: #fff;
 background: #00f;
 border-radius: 5px;
 background: linear-gradient(#E18792 45%, #D64C59 55%);
 -webkit-border-radius: 5px;
 -webkit-box-shadow: 1px 1px 1px #fff;
 background: -moz-linear-gradient(top, #E18792 45%, #D64C59 55%);
 -moz-border-radius: 5px;
 -moz-box-shadow: 1px 1px 1px #fff;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#d99,endColorstr=#722);
 zoom: 1;
 box-shadow: 0 0 0 1px #EDEDED,
             0 0 0 2px #E18792
}

.blue-btn {
 margin: 3px; 
 cursor: pointer;
 min-height: 22px;
 min-width: 80px;
 font-size: small;
 border: 1px solid #81B4F1;
 padding: 1px 13px;
 color: #fff;
 background: #3D8CEA;
 border-radius: 5px;
 background: linear-gradient(#81B4F1 45%, #3D8CEA 55%);
 -webkit-border-radius: 5px;
 -webkit-box-shadow: 1px 1px 1px #fff;
 background: -moz-linear-gradient(top, #81B4F1 45%, #3D8CEA 55%);
 -moz-border-radius: 5px;
 -moz-box-shadow: 1px 1px 1px #fff;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99d,endColorstr=#227);
 zoom: 1;
 box-shadow: 0 0 0 1px #EDEDED,
             0 0 0 2px #81B4F1
}

.disabled-btn {
 margin: 3px; 
 cursor: default;
 min-height: 22px;
 min-width: 80px;
 font-size: small;
 border: 1px solid #888;
 padding: 1px 13px;
 color: #ddd;
 background: #888;
 border-radius: 5px;
 background: linear-gradient(#AAA 45%, #888 55%);
 -webkit-border-radius: 5px;
 -webkit-box-shadow: 1px 1px 1px #fff;
 background: -moz-linear-gradient(top, #AAA 45%, #888 55%);
 -moz-border-radius: 5px;
 -moz-box-shadow: 1px 1px 1px #fff;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99d,endColorstr=#227);
 zoom: 1;
 box-shadow: 0 0 0 1px #EDEDED,
             0 0 0 2px #888
}

span.disabled-btn, a.blue-btn, a.red-btn {
  display: inline-block;
  text-align: center;
  color: #fff;
  margin: 0px;
  padding: 0px;
}

a.blue-btn, a.red-btn {
  text-decoration: none;
}

.force-elevate-contact-sales-alert-icon {
  margin-left: 6px;
  color: #d00;
}