@charset "utf-8";

/* CSS Document */
html, body {
    height: 100%;
}
body {
    margin: 0;
    padding: 0;
    font-family: 'メイリオ', Meiryo, Arial, 'Times New Roman', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', sans-serif;
    text-align: center;
    font-size: 0.8em;
}
/* ----------------------------------------
 - Wrapper
---------------------------------------- */
#wrapper {
    width: 100%;
    position: relative;
    height: auto !important; /*IE6対策*/
    height: 100%; /*IE6対策*/
    min-height: 100%;
}
body > #wrapper {
    height: auto;
}
/* ----------------------------------------
 - Header
---------------------------------------- */
#header {
    text-align: left;
    width: 100%;
    height: 30px;
    /* height: 160px; */
    background: #1E90FF; /* Old browsers */
    background: -moz-linear-gradient(top, #1E90FF, #ffffff); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, from(#1E90FF), to(#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #1E90FF, #ffffff); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #1E90FF, #ffffff); /* Opera 11.10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1E90FF', endColorstr='#ffffff', GradientType=0 ); /* IE6-9 */
    background-position: bottom;
    margin-bottom: 10px;
}
#head {
    text-align: left;
    width: 1120px;
    /*width: 960px;*/
    height: 30px;
    /* height: 160px; */
    margin: 0px auto;
    /* background:#ddd url(../img/top.png) no-repeat center center;*/
    background-size: 100% 100%;
    position:relative;
}

#system_name {
    position: absolute;
    /*bottom: 0px;*/
    left: 30px;
    /*right: 5px;*/
    font-size: 25px;
    font-weight: bold;
    color: #1E90FF;
}

/* ----------------------------------------
 - footer
---------------------------------------- */
#footer{
    text-align: center;
    width: 100%;
    height: 50px;
    margin-top: 30px;
    bottom:0;
    background-color: #C9C9C9;
}
#foot_login_left {
    text-align: left;
    width: 50%;
    margin: 0px auto;
    color: #fff;
    padding-top: 15px;
}
#foot_login_left a, a hover {
    color: #fff;
    text-decoration: none;
}

#foot_login_right {
    text-align: right;
    width: 50%;
    margin: 0px auto;
    color: #fff;
    padding-top: 15px;
    font-size: 8pt;
}

/* ----------------------------------------
 - nav
---------------------------------------- */
.nav {
    text-align: right;
    width: 300px;
    /*width: 160px;*/
    float: right;
    margin-left: 0px;
    margin-top: 0px;
    font-size: 10pt;
}
.nav ul {
    margin: 0;
    padding: 0;
}
.nav ul li {
    list-style: none;
    margin: 0;
    padding: 0;
    float: left;
    position: relative;
    width: 300px;
    /*width: 160px;*/
    height: 40px;
    line-height: 40px;
    background: #4a71c5;
    color: #fff;
    text-align: center;
    font-weight: bold;
    cursor: pointer;

    border-left: solid 1px #809bd6;
}
.nav ul li a {
    color: #fff;
    display: block;
    text-decoration: none;
}
.nav ul li:hover, .nav ul li a:hover {
    background: #809bd6;
    color: #fff;
}
.nav ul li ul {
    position: absolute;
    top: 40px;
    width: 300px;
    /*width: 160px;*/
    z-index: 100;
}
.nav ul li ul li {
    visibility: hidden;
    overflow: hidden;
    width: 300px;
    /*width: 160px;*/
    height: 0;
    background: #809bd6;
}
.nav ul li ul li:hover, .nav ul li ul li a:hover {
    background: #b6c6e7;
}
.nav ul li:hover ul li, .nav ul li a:hover ul li {
    visibility: visible;
    overflow: visible;
    height: 40px;
    z-index: 10;
}
.nav * {
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

/* ----------------------------------------
 - Container
---------------------------------------- */
#container {
    text-align: left;
    width: 1120px;
    /*width: 960px;*/
    margin: 0px auto;
    overflow: hidden;
}
a img {
    border-style: none;
    outline: none;
}
/* ----------------------------------------
 - box
---------------------------------------- */
#top {
    width: 1120px;
    /*width: 960px;*/
    margin-top: 0px;
}

#top_real {
    width: 1120px;
    /*width: 960px;*/
    margin-top: -15px;
}

#left {
    width: 475px;
    float: left;
    margin-right: 10px;
}
#right {
    width: 475px;
    float: left;
}

/* チェックボックスサイズ */
input[type="checkbox"]
{
 width:20px;
 height:20px;
 border:10px;
 vertical-align: middle;
}

.ui-datepicker{
  width:200px;
}

/* ----------------------------------------
 - 帳票出力画面
---------------------------------------- */

#tabs
{
	display:none;
}
#tabs-Level
{
     padding:3px;
     background-color:#D9E5FF;
}
#tabs-Press
{
     padding:3px;
     background-color:#D9E5FF;
}
#tabs-Accuracy
{
     padding:3px;
     background-color:#D9E5FF;
}
.output_PreviewArea
{
    /*width: 67%;*/
    width: 620px;
    height:550px;
    display: inline-block; 
    border-style:solid;
    border-width:1px;
    background-color:#ffffff;
}
.output_InputArea
{
    width: 470px;
    /*width: 310px;*/
    /*width: 32%;*/
    height:550px;
    display: inline-block; 
    vertical-align:top;
    position:relative;
}

.output_PositionCanvas
{
    width: 620px;
    height:550px;
    position:absolute;
    z-index:1;
}

.output_PositionAngle
{
    position:absolute;
    z-index:2;
}

.output_PreviewAreaAccuracy
{
    width: 100%;
    height:500px;
    display: inline-block; 
    border-style:solid;
    border-width:1px;
    background-color:#ffffff;
    overflow-y: scroll;
}
.output_InputAreaAccuracy
{
    width: 100%;
    height:50px;
    display: inline-block; 
    vertical-align:central;
    position:relative;
}
.output_InputArea ul
{
    /*display: inline;*/
    list-style:none;
    padding:0px;
    /*padding:8px;*/
    font-size:1.2em;
}
.output_InputArea li
{
    display: flex;
    margin-bottom: 8px;
    /*margin-bottom: 8px;*/
}

.output_InputArea li > div:nth-child(1)
{
    width: 25%;
    /*width: 40%;*/
    text-align: right;
}

.output_InputArea li > div:nth-child(2)
{
    width: 75%;
    /*width: 60%;*/
}

.output_InputCheck
{
    width:100%;
    border-radius:10px;
    background-color:#FFFFFF;
    /*font-size:13px;*/
    padding:3px;
}

.output_ButtonSpace
{
    position:absolute;
    bottom:5px;
}
.output_ButtonSpaceAccuracy
{
    position:absolute;
    top:2px;
    right:1px;
}

.output_CreatorSpace
{
    position:absolute;
    top:15px;
}




.output_PreviewButton
{
    border-radius: 5px;
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px; 
    border:none;
    background-repeat: no-repeat; 
    background-position: 2% 50%; 
    background-size: 40px 40px; 
    background-color:#999933;
    width:110px; 
    /*width:93px;*/ 
    height:50px; 
    text-align:center; 
    font-size:10px;
    font-weight:bold; 
    color:#FFFFFF;
    cursor: pointer;
}
.output_PDFButton
{
    border-radius: 5px;
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px; 
    border:none;
    background-image: url(../img/pdf.png); 
    background-repeat: no-repeat;
    background-position: 10% 50%;
    /*background-position: 2% 50%;*/
    background-size: 40px 40px; 
    background-color:#136FFF;
    width:110px; 
    /*width:93px;*/ 
    height:50px; 
    text-align:right; 
    font-size:10px; 
    font-weight:bold; 
    color:#FFFFFF;
    cursor: pointer;
}
.output_ExcelButton
{
    border-radius: 5px;
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px; 
    border:none;
    background-image: url(../img/excel.png); 
    background-repeat: no-repeat; 
    background-position: 0% 50%; 
    /*background-position: -30% 50%;*/
    background-size: 65px 65px; 
    background-color:#136FFF;
    width:110px; 
    /*width:93px;*/ 
    height:50px; 
    text-align:right; 
    font-size:10px; 
    font-weight:bold; 
    color:#FFFFFF;
    cursor: pointer;
}

.output_LogButton
{
    border-radius: 5px;
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px; 
    border:none;
    background-repeat: no-repeat; 
    background-position: 2% 50%; 
    background-size: 40px 40px; 
    background-color:#136fff;
    width:110px; 
    /*width:93px;*/ 
    height:50px; 
    text-align:center; 
    font-size:10px;
    font-weight:bold; 
    color:#FFFFFF;
    cursor: pointer;
}

.output_PositionAngle
{
	display:none;
}