/**
 * Salasee admin style
 *
 * @author	asterisk.Inc
 * ==============================
 * Color schema:
 * main color: #36b1a8
 * sub color: #0c3963
 * ==============================
 */
@charset "UTF-8";
@import url(calendar.css);
/*
 * Salasee admin
 *
 */
body {
  font-size: 12px;
  line-height: 1.3;
  background: white;
  /*position:relative; */
  cursor: pointer;
  }

a {
	color: #36b1a8;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

input {
  outline: none; }

/* Header */
header {
  position: relative; }
  header .toggle {
    position: absolute;
    right: 20px;
    bottom: 5px;
    width: 28px;
    height: 28px;
    line-height: 30px;
    color: white;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border: 1px solid #0c6347;
    text-align: center;
    text-decoration: none; }
  header .menu {
    font-size: 12px;
    padding-left: 10px;
    box-shadow: 0px 7px 15px rgba(0, 0, 0, 0.04);}
    header .menu a, header .menu span {
      display: block;
      padding: 0 5px;
      min-width: 100px;
      height: 40px;
      line-height: 40px;
      color: #000;
      font-weight: bold;
      text-align: center;
      text-decoration: none; 
      font-size:13px;
      }
      header .menu a:hover, header .menu span:hover {
        color: #36b1a8;
       }
    header .menu li {
      position: relative;
      float: left;
      }
      header .menu li ul {
        position: absolute;
        display: none;
        z-index: 3;
        width:800px; 
        box-shadow: 0 7px 15px rgba(0, 0, 0, 0.3);
        background-color:#fff;
        padding:10px 25px; }
        header .menu li ul li {
          position: static;
          float: left;
          font-weight: normal;
          text-align: left; 
          width:180px;
          color:#7f7e7e; }
        header .menu li ul a {
		  font-weight:normal;
          padding: 10px 0;
          height: auto;
          line-height: 1.2em;
          border-top: 1px solid #FFF;
          color:#7f7e7e;
          text-align:left;         
}
header .menu li ul a:hover {
		text-decoration:underline;
	}
    header .menu li.hover ul {
      display: block; }

#toggleHead {
  padding: 4px 20px 0; }
  #toggleHead h1 {
    margin-bottom: 4px;
    color: #36b1a8;
    font-size: 20px; }
    #toggleHead h1 a {
      color: #36b1a8;
      text-decoration: none; }
  #toggleHead .account {
    position: absolute;
    top: 0.6em;
    right: 20px; }
    #toggleHead .account li {
      display: inline;
      margin-left: 10px; }
    #toggleHead .account a {
      display: inline-block;
      padding-left: 21px;
      height: 16px;
      line-height: 16px;
      color: #fff;
      background-position: left center;
      background-repeat: no-repeat;
      text-decoration: none; }
    #toggleHead .account .password a {
     /*background-image: url(../images/ico_key.png);*/ }
    #toggleHead .account .logout a {
     /* background-image: url(../images/ico_status_offline.png); */}

article {
	padding: 20px 20px 120px;
	/*background: url(/images/bg_article.png) 0 0 repeat-x;*/
}
article h1 {
	display: inline;
	color: black;
}
article section {
	margin-top: 0.5em;
}
article table {
	width: 100%;
	border-collapse: collapse;
}
article table td,
article table th {
	padding: 5px;
	border: 1px solid #a5dcd8;
}
article table .num {
	text-align: right;
}

footer {
  position: fixed;		
  bottom: 0;
  left: 0;
  width: 100%;
  border-bottom: 10px solid #36b1a8; }
  footer p {
    padding: 0 20px;
    text-align: right; }
  footer .pagetop {
    padding: 0 5px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    color: white;
    background: #36b1a8;
    cursor: pointer;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px; }
    footer .pagetop:hover {
      padding-bottom: 10px; }
  footer #footerMenu {
    position: relative;
    padding: 0 20px;
    text-align: right;
    background-color: #36b1a8; }
    footer #footerMenu p {
      padding: 10px 0 0;
      height: 22px;
      line-height: 22px;
      color: white; }
    #whole {
      float: right;
      text-align: right; }
    footer #footerMenu a {
      display: inline-block;
      padding: 0 5px;
      margin-left: 3px;
      min-width: 18px;
      height: 24px;
      color: #FFF;
      line-height: 2em;
      border: 1px solid #ffffff;
      text-align: center;
      text-decoration: none;
      border-radius: 3px;
      background: none;
      text-shadow: none;
      font-weight: normal;
      cursor: pointer;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px; }
    footer #footerMenu a:hover {
    	color: #589894;
    	background-color: #FFF;
    }
    footer #footerMenu a:active {
    	color: #fff;
    	background-color: #efad00;
    	border: 1px solid #efad00;
    }
footer #footerMenu .primary_button {
	width: 60px;
}
footer #footerMenu .primary_button:hover {
}
footer #footerMenu .primary_button:active {
}

    #paginate {
      float: left;
      text-align: left; }
  #paginate .current {
    color: #000;
    background: #fff; }
  footer .button {
  	height: 20px;
  	line-height: 20px;
  }
  #manage {
  	float: left;
  	margin-right:20px;
  	text-align: left;
  }
#action a.disabled {
	background: #900 !important;
	border-color: #900 !important;
	color: #600 !important;
	cursor: default !important;
}
#decision.disabled {
	background: #224364 !important;
	border-color: #224364 !important;
	color: #999 !important;
	cursor: default;
}

#search {
  position: relative;
  margin: -20px -20px -15px; }

#submit,#special_submit {
  border: 1px solid #eea236; }

#toggleSearch {
  padding: 0 20px;
  text-align: right;
  border-top: 10px solid #e4e2e2; }
  #toggleSearch a {
    display: inline-block;
    padding: 0 20px;
    height: 25px;
    line-height: 25px;
    color: black;
    font-size: 12px;
    background: #e4e2e2;
    text-decoration: none;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px; }

#conditions .count {
  float: left;
  width: 25%; }
#conditions .detail {
  float: right;
  width: 75%; }

#summary table thead th {
  background: #69bbb5;
  color: black;
  text-align: center; }

/**
 * 一覧の結果
 */
#result .setting {
	margin-bottom: 10px;
	line-height: 23px;
}
#result .setting label {
    display: inline;
    vertical-align: middle;
}

#result table thead th {
	padding: 5px 10px;
	background: #a5dcd8;
}
#result table thead th.sort {
	 background-image: url(../images/order.gif);
	 background-position: right center;
	 background-repeat: no-repeat;
}
#result table thead th.asc {
  background-image: url(../images/order_asc.gif); }
#result table thead th.desc {
  background-image: url(../images/order_desc.gif); }
#result table thead .headerSourtUp {
  background: red; }
#result table tr.even td {
  background: rgba(165, 220, 216, 0.12); }
#result table .selected td, #result table tr.even.selected td {
  background: #d9f3db !important; }
#result table .delete td, #result table tr.even.delete td {
	color: #CCC;
}#result table .selected a {
  color: #FFF; }
#result .desc, #result .asc {
  background-color: #69bbb5;
}
#result .adjust td {
    vertical-align: middle;
}

/**
 * 結果テーブルのスタイル
 */
#result table .date			{ width: 100px; }
#result table .rank			{ width: 30px; }



#detail th {
  width: 20%;
  text-align: left;
  background: #eeeeee; }
#detail td {
  width: 80%; }

#loading {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #FFF;
	z-index: 9999;
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}

#login {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -150px;
	width: 300px;
}
#login h1 {
	margin-bottom: 1em;
	text-align: center;
	color: #36b1a8;
	font-weight: bold;
	font-size: 20px;
}
#login .input {
	width: 290px;
}
#login dt {
	font-weight: bold;
}
#login dd {
	margin-bottom: 1em;
}
#login p {
	text-align: center;
}
#login .input.error {
    color: #F00;
    border-color: #F00;
    background-color: #FEE;
}
#login span.error {
    padding-left: 21px;
    margin-left: 10px;
    color: #F00;
    background: url(../images/ico_cross.png) left center no-repeat;
}

/* パスワード変更 */
#password {
}
#password dt {
	font-weight: bold;
}
#password dd {
	margin-bottom: 1em;
}
#password .input {
	width: 300px;
}

.index {
	float:left;
	border:1px dotted #ccc;
	margin: 10px;
	padding:10px 0px 10px 10px;
}

.index h1 {
	display:inline-block;
	width:100%;
	margin-bottom: .5em;
}
.index li {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	background-color: rgba(165, 220, 216, 0.26);
}
.index li a {
    display:table-cell;
    vertical-align: middle;
    padding: 0 5px;
	width: 130px;
	height: 90px;

	color: #000;
	font-size: 14px;
	text-align: center;
	border-radius: 5px;
	border: 1px solid #c7d8d7;
	text-decoration: none;
}
.index li a:hover {
	background-color: #36b1a8;
	color:#ffffff;
	border: 1px solid #36b1a8;
}

#journal {
	margin-top: 1em;
}

.editor {
	margin-bottom: 20px;
}
.editor th, .editor td {
	padding: 10px 0;
	border: none;
	border-bottom: 1px solid #CCC;
	background: none !important;
}
.editor tbody th {
	width: 150px;
	text-align: left;
	vertical-align: top !important:
}
.editor tbody .input {
	width: 300px;
}
.editor tbody .textarea {
	width: 300px;
	height: 100px
}
.editor tbody .input.error {
	color: #F00;
	border-color: #F00;
	background-color: #FEE;
}
.editor span.error,
.editor div.error {
	display: inline-block;
	padding-left: 21px;
	margin-left: 10px;
    height: auto;
    line-height: 24px;
	color: #F00;
	background: url(../images/ico_cross.png) left center no-repeat;
}
.editor #group td {
	vertical-align: middle;
}

.store_group {
	width: 200px;
	padding:0px;
}
.store_group #search {
	margin: 0;
}
.store_group {
	height: 20px;
	line-height: 20px;
}
.store_group select {
	width: 200px; height:87px;
}
.store_group label {
	display: block;
	width: 200px;
}
.store_group input {
	width:122px;
}
.store_group_control {
	width: 40px;
	text-align: center;
}
.store_group_control input {
	width: 30px;
}
#warehouse_groups {
	height: 107px;
}

.selectList {
	line-height: 1.5;
}
.selectList li {
	padding-bottom: .5em;
	cursor: pointer;
}
.selectList li.selected {
}
.selectList .action {
	display: none;
}
.selectList .selected .action {
	display: inline;
}
.selectList .action span {
	display: inline-block;
	width: 3em;
	padding: 0 5px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	cursor: pointer;
	font-weight: bold;
	text-align: center;
}
.selectList .handle {
	display: inline-block;
	width: 36px;
	height: 16px;
	background: url(/images/ico_handle.png) left center no-repeat;
	cursor: move;
}
.selectList .action span.delete {
	background: #F00;
	color: #FFF;
}
.selectList .action span.cancel {
	background: #666;
	color: #CCC;
}

.selectListT {
	line-height: 1.5;
}
.selectListT li {
	padding-bottom: .5em;
	cursor: pointer;
}
.selectListT li.selected {
}
.selectListT .action {
	display: none;
}
.selectListT .selected .action {
	display: inline;
}
.selectListT .action span {
	display: inline-block;
	width: 3em;
	padding: 0 5px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	cursor: pointer;
	font-weight: bold;
	text-align: center;
}
.selectListT .handle {
	display: inline-block;
	width: 36px;
	height: 16px;
	background: url(/images/ico_handle.png) left center no-repeat;
	cursor: move;
}
.selectListT .action span.delete {
	background: #F00;
	color: #FFF;
}
.selectListT .action span.cancel {
	background: #666;
	color: #CCC;
}

/** モーダルウィンドウ */
.mrx_app_modal {
	display: none;
	padding: 9px;
	width: 400px;
	border: 1px solid #36b1a8;
	background: #FFF;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
}
	.mrx_app_modal h2 {
		padding: 5px;
		margin: -9px -9px 0;
		color: #FFF;
		text-align: center;
		background: #36b1a8;
		font-size: 13px;
	}
	.mrx_app_modal .error {
		padding: 10px;
		margin: 10px 0;
		color: #F00;
		border-color: #F00;
		background-color: #FEE;
	}
	.mrx_app_modal .column {
		margin: 10px 0;
	}
	.mrx_app_modal .column li {
		float: left;
		padding: 3px 5px;
		color: #FFF;
		background: #0c6347;
		border-right: 1px solid #FFF;
	}
	.mrx_app_modal form {
		margin: 10px 0 0;
	}
	.mrx_app_modal .action {
		margin-top: 10px;
		text-align: center;
	}

#modalBackground {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../images/bg_modal.png) 0 0 repeat;
	
	cursor: pointer;
}
#modalBackground .mrx_app_modal {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -210px;
}

#modalBackground iframe {
	position: absolute;
	top: 10%;
	left: 10%;
	width: 80%;
	height: 80%;
}
#import label {
    display: inline;
    vertical-align: middle;
}
.modalSelect,
.modalSelect img,
.modalSelect span {
    vertical-align: middle;
}

.checkbox {
	width: 30px;
	text-align: center;
}

#result table tr.motochoDenpyo td {
	background-color:#d4e1f5;
}
#result table tr.motochoDaily td {
	background-color:#a9c4eb;
}
#result table tr.motochoTotal td {
	background-color:#7ea6e0;
}

#result tbody .input.error {
    color: #F00;
    border-color: #F00;
    background-color: #FEE;
}
#result span.error {
    padding-left: 21px;
    margin-left: 10px;
    color: #F00;
    background: url(../images/ico_cross.png) left center no-repeat;
}

div.norow span.error {
    padding-left: 21px;
    margin-left: 10px;
    color: #F00;
    background: url(../images/ico_cross.png) left center no-repeat;
}

.required {
	color: #F00;
}
#ajaxUpload {
	visibility: hidden;
}

/**
 * 商品パターン選択
 */
#pattern_select .notice {
	height: 18px;
	line-height: 18px;
}
#pattern_buttons {
	float: left;
	margin-top: 10px;
	margin-left: -5px;
	width: 630px;
}

#pattern_buttons .items {
	margin-left: -10px;
}

#pattern_buttons .item {
	float: left;
	margin-bottom: 5px;
	margin-left: 5px;
	width: 98px;
	font-size: 10px;
	height: 34px;
	border: 1px solid #CCC;
}
#pattern_buttons .hover {
	border-color: #000;
}
#pattern_buttons .detail {
	position: relative;
	padding: 2px;
}
#pattern_buttons span {
	display: block;
	width: 88px;
	overflow: hidden;
	/*text-overflow: ellipsis;*/
	height: 10px;
	line-height: 10px;
}
#pattern_buttons input.name {
	display: none;
	padding: 2px;
	border: 1px solid #CCC;
	width: 82px;
}
#pattern_buttons span.cancel {
	position: absolute;
	right: 5px;
	bottom: 5px;
	padding: 3px 5px;
	display: none;
	width: auto;
	background: #F00;
	color: #FFF;
	cursor: pointer;
}
#pattern_buttons .type1 {
	background-color: #fafea2;
}
#pattern_buttons .type2 {
	background-color: #fed0fa;
}
#pattern_buttons .type3 {
	background-color: #e8fed0;
}


#pattern_items {
	float: right;
	margin-top: 10px;
	width: 270px;
}
#pattern_items p {
	height: 30px;
	line-height: 30px;
}
#pattern_items ul {
	height: 330px;
	overflow-y: scroll;
}

#pattern_items li {
	padding: 5px;
	cursor: move;
}

#pattern_items .ui-draggable-dragging {
	padding: 5px;
	border:  1px solid #CCC;
	background: #FFF;
}
#pattern_items .more {
	display: none;
	cursor: pointer;
	text-align: center;
	border: 1px solid #CCC;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-image: -webkit-linear-gradient(white, #cccccc);
  background-image: -moz-linear-gradient(white, #cccccc);
  background-image: linear-gradient(#ffffff, #cccccc);
}
#pattern_items_keyword {
	width:100px;
}
#add_tab .add,
#add_tab .edit,
#add_tab .delete {
	display: inline-block;
	padding: 3px 5px;
	border: 1px solid #CCC;
  color: #000 !important;
  cursor: pointer;
  text-decoration: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-image: -webkit-linear-gradient(white, #cccccc);
  background-image: -moz-linear-gradient(white, #cccccc); }
  background-image: linear-gradient(#ffffff, #cccccc);
}
#add_tab .add:hover,
#add_tab .edit:hover,
#add_tab .delete:hover {
	text-decoration: none;
}
#add_tab .disabled {
	color: #999 !important;
	background: #EEE;
}

#add_tab .edit {
}
.page-break	{
	display: none;
}
.page-break-view {
	margin-top:30px;
}
@media print
{
  header {display:none;}
  .crumbs {display:none;}
  footer {display:none;}
  .page-break { display: block; page-break-before: always; }
  .page-break-view {display:none;}
  #search,#loading,#modalBackground,#ui-datepicker-div {display:none;}
  article{padding:0}
}
.report {
	width:650px;
	font-size:10px;
}
.report .title {
	line-height:20px;
	font-size:20px;
	font-weight:bold;
}
.report .subtitle {
	font-size:14px;
	font-weight:bold;
	line-height:25px;
}
.report table,.report tr,.report td {
	border:none ;
	table-layout:fixed ;
	padding:0px 0px ;
	margin:0px 0px ;
	border-spacing:0px ;
  	border-collapse:collapse ;
}

.left{
	text-align:left;
}
.right{
	text-align:right;
}
.center{
	text-align:center;
}
/* .left_table {
	width:300px;
}
.right_table {
	width:300px;
} */
.left-panel{
	padding-right:25px !important;
	border-right:1px solid black !important;
	line-height:15px;
}
.right-panel{
	padding-left:25px !important;
	line-height:16.75px !important;
}
.pad1 {
	padding-left:10px !important;
}

#lang {
  position: absolute;
  top: 0.6em;
  right: 20px; }
#lang li {
    display: inline;}
#lang a {
    display: inline-block;
    padding-left: 21px;
    height: 16px;
    line-height: 16px;
    color: black;
    background-position: left center;
    background-repeat: no-repeat;
    text-decoration: none; }
.submit_btn_big {
	width:180px;
	padding:5px;
}
.waveline {
	width:45px;
	padding:0 10px;
	text-align:center;
	vertical-align:middle;
}

span#version {
	font-size:10px;
	font-size:10px;
	position: absolute;
  	top: 0.6em;
  	margin-left: 10px;
}
#result .gs128{
	/* text-decoration:underline; */
	cursor:pointer;
}

#toggleHead .account .system_set_button {
      display: inline-block;
      padding: 0 5px;
      margin-left: 5px;
      min-width: 18px;
      height: 24px;
      color: #FFF;
      line-height: 2em;
      /*border: 1px solid #cccccc;*/
      text-align: center;
      text-decoration: none;
      border-radius: 3px;
      background-color: none;
      text-shadow: none;
      font-weight: normal;
      cursor: pointer;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
}