@charset "UTF-8";

/* common option */
html{
height:100%;
}
body{
margin:0;
padding:0;
font-size:12px;
}

a{text-decoration:none;color:#004794;}
a:hover{color:#ffbf36;}

.header{
background:url(../admin/img/header_bg.jpg) repeat-x;
margin-bottom:10px;
}

.header02{
border-bottom:4px solid #374c8d;
margin-bottom:10px;
}
.header img, .header02 img {
    border:none;
}

.contents{
min-height:300px;
padding:20px 30px 0 30px;
}

.likid_parts + div .contents {
padding-top:0px;
}

.footer{
background:#333;
color:#fff;
padding:10px 0;
font-size:13px;
margin-top:30px;
clear:both;
}

h1{
font-size:16px;
margin:0;
border-right: 1px solid #CCC;
border-width: 1px 1px 3px 1px;
border-style: solid;
border-color: #CCC #CCC #006 #CCC;
-moz-border-top-colors: none;
-moz-border-right-colors: none;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
border-image: none;
padding: 5px;
box-shadow: 0px 0px 0px 1px #FFF inset;
background: linear-gradient(#E5E5E5, #FFF) repeat scroll 0% 0% transparent;
margin-bottom:10px;
}

h2{
margin:0;
padding:0;
font-size:14px;
}

h3{
padding-bottom:5px;
margin-bottom:0px;
border-bottom:1px dotted #ccc;
}
.ymd{
padding:5px;
border-bottom:1px solid #ccc;
}

.red{color:#c00; font-size:14px; font-weight:bold;margin-bottom:10px;}

/* common option */

/* table option */
.table{
background:#ccc;
/*height: 100%;*/
}
 .table th{
background:#ddd;
color:#000;
font-weight:normal;
padding:5px;
}

.table td{
background:#fff;
line-height:2em;
}

.table td a {
display: block;
text-decoration:none;
padding:5px;
}

.time{
font-size:90%;
color:#666;
text-align:center;
vertical-align:top;
min-width:70px;
} 

.starttime{
font-size:80%;
color:#666;
line-height:1.2em;
padding-top:10px;
} 

.title{
font-size:11px;
color:#dd0000;
line-height:1.4em;
font-weight:bold;
padding-top:4px;
}

.bikou{
font-size:11px;
color:#000;
}
.red-line{background:#ffb6c1; padding:0 9px 9px 9px;border:1px solid #c00;min-width:85px;}
.green-line{background:#98fb98; padding:0 9px 9px 9px;border:1px solid #0c0;min-width:85px;}
.blue-line{background:#e6e6fa; padding:0 9px 9px 9px;border:1px solid #00c;min-width:85px;}
.orange-line{background:#ff8c00; padding:0 9px 9px 9px;border:1px solid #bb6700;min-width:85px;}
.yellow-line{background:#ffe866; padding:0 9px 9px 9px;border:1px solid #ffd700;min-width:85px;}
.white-line{background:#fff; padding:0 9px 9px 9px;border:1px solid #666;min-width:85px;}

.red-box{background:#ffb6c1;font-size:10px;border:1px solid #c00;padding:2px 6px;}
.green-box{background:#98fb98;font-size:10px;border:1px solid #0c0;padding:2px 6px;}
.blue-box{background:#e6e6fa;font-size:10px;border:1px solid #00c;padding:2px 6px;}
.orange-box{background:#ff8c00;font-size:10px;border:1px solid #bb6700;padding:2px 6px;}
.yellow-box{background:#ffe866;font-size:10px;border:1px solid #ffd700;padding:2px 6px;}
.white-box{background:#fff;font-size:10px;border:1px solid #666;padding:2px 6px;}

.list_table{
background:#ccc;
}

.list_table th{
background:#ddd;
color:#000;
font-weight:normal;
padding:5px;
}

.list_table td{
background:#fff;
line-height:3em;
}

.list_table td a {
display: block;
text-decoration:none;
height:100%;
padding:5px;
}

.list_user{
background:#ccc;
}

.list_user th{
background:#4c4c4c;
color:#fff;
font-weight:normal;
padding:5px;
}

.list_user td{
background:#fff;
line-height:3em;
}

.list_user td a {
display: block;
text-decoration:none;
height:100%;
padding:5px;
}

.list_user2{
background:#ccc;
}

.list_user2 th{
background:#4e5368;
color:#fff;
font-weight:normal;
padding:5px;
}

.list_user2 td{
background:#fff;
line-height:3em;
}

.list_user2 td a {
display: block;
text-decoration:none;
height:100%;
padding:5px;
}

.prof_table{
font-size:11px;
border:1px solid #ccc;
}

.prof_table th,.prof_table td{
padding:10px;
border-bottom:1px dotted #ccc;
}

.prof_table th{
border-right:1px solid #ccc;
}
.prof_table tr:last-child th, .prof_table tr:last-child td {
    border-bottom:none;
}
.prof_table #deleted_at {
    max-width:120px;
}
.prof_table #deleted_at::-webkit-inner-spin-button,
.prof_table #deleted_at::-webkit-clear-button,
.prof_table #deleted_at::-webkit-search-cancel-button,
.prof_table #deleted_at::-webkit-search-decoration {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: none;
}
/* table option */

/* login page option */
.login{
margin:40px 0;
width:500px;
background:#ffffff;
border:1px solid #ccc;
border-radius: 10px;            /* 草案 */
-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
-moz-border-radius: 10px;       /* Firefox用 */
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 0 5px rgba(0, 0, 0, 0.1) ;
position: relative;
padding:15px 0 15px 0;
}
/* /login page option */


/* button option */
.btn {
background: #495472; /* Old browsers */
background: -moz-linear-gradient(top,  #495472 0%, #5f6b8b 50%, #2c3a55 51%, #2c3a55 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#495472), color-stop(50%,#5f6b8b), color-stop(51%,#2c3a55), color-stop(100%,#2c3a55)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #495472 0%,#5f6b8b 50%,#2c3a55 51%,#2c3a55 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #495472 0%,#5f6b8b 50%,#2c3a55 51%,#2c3a55 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #495472 0%,#5f6b8b 50%,#2c3a55 51%,#2c3a55 100%); /* IE10+ */
background: linear-gradient(to bottom,  #495472 0%,#5f6b8b 50%,#2c3a55 51%,#2c3a55 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#495472', endColorstr='#2c3a55',GradientType=0 ); /* IE6-9 */
color: #FFF;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border: 1px solid #ccc;
-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
width: 100px;
padding: 10px 0;
cursor:pointer;
}

.btn:hover {
background:#152443;
color: #ddd;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border: 1px solid #ccc;
-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
padding: 10px 0;
cursor:pointer;
}

.btn2 {
background: #fceabb; /* Old browsers */
background: -moz-linear-gradient(top, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #f8b500 98%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fceabb), color-stop(50%,#fccd4d), color-stop(51%,#f8b500), color-stop(98%,#f8b500)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#f8b500 98%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#f8b500 98%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#f8b500 98%); /* IE10+ */
background: linear-gradient(to bottom, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#f8b500 98%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#f8b500',GradientType=0 ); /* IE6-9 */
color: #333;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border: 1px solid #ccc;
-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
text-shadow: 0px 0px 3px rgba(255,255,255,0.5);
width: 100px;
padding: 10px 0;
cursor:pointer;
margin-right:10px;
}

.btn2:hover {
background:#f7ad00;
color: #666;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border: 1px solid #ccc;
-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
text-shadow: 0px 0px 3px rgba(255,255,255,0.5);
padding: 10px 0;
cursor:pointer;
}

.btn3{
background: #a90329; /* Old browsers */
background: -moz-linear-gradient(top,  #a90329 0%, #8f0222 44%, #6d0019 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a90329), color-stop(44%,#8f0222), color-stop(100%,#6d0019)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* IE10+ */
background: linear-gradient(to bottom,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */
color: #fff;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border: 1px solid #ccc;
-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
text-shadow: 0px 0px 3px rgba(255,255,255,0.5);
width: 100px;
padding: 10px 0;
cursor:pointer;
margin-right:10px;
}

.btn3:hover {
background:#a90329;
color: #fff;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border: 1px solid #ccc;
-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
padding: 10px 0;
cursor:pointer;
}
.btn4 {
background: #495472; /* Old browsers */
background: -moz-linear-gradient(top,  #495472 0%, #5f6b8b 50%, #2c3a55 51%, #2c3a55 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#495472), color-stop(50%,#5f6b8b), color-stop(51%,#2c3a55), color-stop(100%,#2c3a55)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #495472 0%,#5f6b8b 50%,#2c3a55 51%,#2c3a55 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #495472 0%,#5f6b8b 50%,#2c3a55 51%,#2c3a55 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #495472 0%,#5f6b8b 50%,#2c3a55 51%,#2c3a55 100%); /* IE10+ */
background: linear-gradient(to bottom,  #495472 0%,#5f6b8b 50%,#2c3a55 51%,#2c3a55 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#495472', endColorstr='#2c3a55',GradientType=0 ); /* IE6-9 */
color: #FFF;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border: 1px solid #ccc;
-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
width: 100px;
padding: 10px 0;
margin-right:10px;
cursor:pointer;
}

.btn4:hover {
background:#152443;
color: #ddd;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border: 1px solid #ccc;
-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
padding: 10px 0;
cursor:pointer;
}

.btn5{
background: #a90329; /* Old browsers */
background: -moz-linear-gradient(top,  #a90329 0%, #8f0222 44%, #6d0019 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a90329), color-stop(44%,#8f0222), color-stop(100%,#6d0019)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* IE10+ */
background: linear-gradient(to bottom,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */
color: #fff;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border: 1px solid #ccc;
-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
text-shadow: 0px 0px 3px rgba(255,255,255,0.5);
width:180px;
padding: 10px 0;
cursor:pointer;
}

.btn5:hover {
background:#a90329;
color: #fff;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border: 1px solid #ccc;
-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
text-shadow: 0px 0px 3px rgba(255,255,255,0.5);
padding: 10px 0;
cursor:pointer;
}

.btn6{
background: #e2e2e2; /* Old browsers */
background: -moz-linear-gradient(top,  #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(50%,#dbdbdb), color-stop(51%,#d1d1d1), color-stop(100%,#fefefe)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* IE10+ */
background: linear-gradient(to bottom,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
color:#333;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border: 1px solid #ccc;
-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
text-shadow: 0px 0px 3px rgba(255,255,255,0.5);
width: 100px;
padding: 10px 0;
cursor:pointer;
}

.btn6:hover {
background:#e2e2e2;
color: #333;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border: 1px solid #ccc;
-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
padding: 10px 0;
cursor:pointer;
}

.btn7{
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f3f3f3), color-stop(51%,#ededed), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
color:#333;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
cursor:pointer;
font-size:10px;
}
.btn7:hover {
background:#e2e2e2;
color: #333;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
cursor:pointer;
font-size:10px;
}
/* /button option */


/* sidemenu */
.list{
margin:0 0 0 20px;
padding:0;
}

.list li{
display:block;
border-right:1px dotted #ccc;
padding:10px;
list-style:none;
display:inline;
}

.list li.activepage{
background:#ededed;
}

.list li a{
text-decoration:none;
}
/* /sidemenu */

/* drag drop*/
.ui-widget-content{font-weight:normal;}
.draggable{border:none;cursor:pointer;}
.droppable{border:none;background:#fff;}
/* drag drop*/

.likid_parts{
position:sticky;
top:0;
background:#fff;
opacity:0.9;
z-index:3;
width:100%;
margin-bottom:10px;
}
.likid_parts .list {
white-space:nowrap;
}
#sidebar{
-webkit-transform: translateZ(0);
}
.stripe-line{
/*ここで背景のベースカラーを指定する*/
background: -webkit-gradient(linear, left top, right bottom, from(#eee), color-stop(0.25, #eee), color-stop(0.25, white), color-stop(0.5, white), color-stop(0.5, #eee), color-stop(0.75, #eee), color-stop(0.75, white), to(white));
background: -moz-linear-gradient(-45deg, #eee 25%, white 25%, white 50%, #eee 50%, #eee 75%, white 75%, white);
background: linear-gradient(-45deg, #eee 25%, white 25%, white 50%, #eee 50%, #eee 75%, white 75%, white);
background-size: 4px 4px;
padding:0 9px 9px 9px;
min-width:85px;
border:1px solid #aaa;
}
/* 契約局「特番」 */
div.spe_ch {
    background:#000;
    color:#fff;
    font-size:10px;
    padding:2px;
    font-weight:normal;
    margin:2px 2px 0 auto;
    display:block;
    line-height:10px;
}

/* プレースホルダの文字色 */
input::-webkit-input-placeholder{
    color: #AFAFAF;
    opacity:1;
}
input::-moz-placeholder{
    color: #AFAFAF;
    opacity:1;
}
input:-moz-placeholder{
    color: #AFAFAF;
    opacity:1;
}
input:-ms-input-placeholder{
    color: #B6B6B6;
    opacity:1;
}

.ctrls {
    text-align: right;
}
.ctrls#head-ctrls {
    margin: 0px 30px 10px 0px;
}
.ctrls .ctrl {
    display: inline-block;
    margin: 0px;
}
.ctrls .ctrl:not(:first-child) {
    margin-left: 10px;
}
.ctrls .ctrl [class^="btn"] {
    margin-right: 0px;
}