@charset 'utf-8';


/*
    共通定義
*/
body {
    font-family: Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

input[type=button]{
    font-weight:bold;
    color: #444444;
}

input[type=submit]{
    font-weight:bold;
    color: #444444;
}

ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
img {
     border:none;
}

#red-message  {
    color: #FF0000;
}
.attention{
    font-size: 15px;
    font-weight: normal;
    color: #DD3333;
}

#wrapper {
    /*background-image: url("../images/bgGraySlashLight.gif");*/
    margin: auto;
    width: 1000px;
}
.top-wrapper {
    /*background-image: url("../images/bgGraySlashLight.gif");*/
    margin: auto;
    width: 1000px;

}
.top-body{
    position:relative;
    background-color: #FFFFFF;
    height: auto;
    margin: auto;
    padding: 10px 10px 0;
    width: 600px;
}
.bottom-wrapper {
    /*background-image: url("../images/bgGraySlashLight.gif");*/
    margin: auto;
    width: 1000px;
}

.header-time {
    position:absolute;
    bottom:0;
    right:0;
}

#mainform {
    background-color: #FFFFFF;
    height: auto;
    margin: auto;
    /*padding: 10px 10px 0;*/
    padding: 10px;
    width: 600px;
}

#formhead {
    padding: 10px 10px 0;
}

#formbody span {
    color: #444444;
    font-size: 15px;
}

#formbody {
    border-bottom: 1px solid #999999;
    padding: 10px;
}



#mainform div.formbody div {
    border-bottom: 1px solid #999999;
    padding: 10px;
}

#formbody ul:after{
    clear: both;
    content: "";
    display: block;
    height: 1px;
    overflow: hidden;
}
#formbody li{
    display: inline-table;
    margin: 8px 0;
    min-height: 20px;
}



.itemnm{
    color: #444444;
    font-size: 15px;
    clear: left;
    float: left;
    font-weight: bold;
    width: 150px;
}

.itemval{
    color: #444444;
    font-size: 15px;
    color: #666666;
    float: left;
    font-weight: bold;
    min-width: 200px;
}


.edittitle{
    clear:both;
    background-color:#EEEEEE;
    padding:5px;
    border: 1px solid #000000;
    margin-top:10px;
}



/*
    ログイン画面
*/
.logininfo{
    margin: 8px 8px 0px;
    }
#logininfo-area{
    border: 1px solid #000000;
    display: inline-table;
    margin: 4px 8px 8px;
    padding:4px;
    width:570px;
}

#logininfo-area{
    border: 1px solid #000000;
    display: inline-table;
    margin: 4px 8px 8px;
    padding:4px;
    width:570px;
}

.loginmenu-etcinfo{
    margin-left:auto;
    margin-right:auto;
    /*width:450px;*/
    width:250px;
}
#btn-login input[type=button]{
    font-weight:bold;
    color: #444444;
    width:120px;
    height:40px;
}

/**
    Info系
*/

#infolist div.list ul li {
    background-color: #EEEEEE;
    border: 1px solid #DDDDDD;
    display: inline-table;
    margin: 2px 0;
    padding: 2px 10px;
    width: 570px;
}

#infolist div.list ul li div.btn {
    border: medium none;
    clear: right;
    float: right;
    padding: 0;
    padding-top: 14px;
    color: #666666;
}


#infolist div.list ul li div.sub p {
    color: #666666;
    font-size: 15px;
    font-weight: normal;
    margin: 2px 0;
}


#infolist div.list ul li div.sub {
    border: medium none;
    clear: left;
    float: left;
    padding: 0;
}



#pager:after {
    clear: both;
    content: "";
    display: block;
}



#pager div.desc {
    float: left;
    height: 40px;
    text-align: center;
    width: 75%;
}


#pager div.pagelist div.desc p {
    color: #666666;
    font-size: 15px;
    font-weight: normal;
    margin: 0;
    padding: 1px 0;
}

#pager div.desc p {
    color: #666666;
    font-size: 15px;
    font-weight: normal;
    margin: 0;
    padding: 1px 0;
}

#pager div.left {
    float: left;
    height: 40px;
    text-align: left;
    width: 10%;
}
#pager div.right {
    float: left;
    height: 40px;
    text-align: right;
    width: 10%;
}
#pager div {
    display: inline-block;
}


.top-legend {
    margin-left: 10px;
    margin-right: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
}
.top-legend p{
    margin-bottom: 0px;
    margin-top: 0px;
}

.top-infonew{
    color:red;
}}
/**
  詳細画面
*/
span.infodetail-title {
    display: block;
    font-size: 15px;
}

span.infodetail-postdate {
    display: block;
    font-size: 16px;
    font-weight: normal;
}

.infodetail-article {
    font-size: 18px;
    font-weight: normal;
    margin: 3px 0;
    padding: 5px 10px;
}

.ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li {
    display: block;
    padding: 0.7em 15px;
}
li.infodetail-legend {
    background: none repeat scroll 0 0 #EEEEEE;
    background-color: #EEEEEE;
    border: 1px solid #DDDDDD;
    display: inline-table;
    margin: 3px 0;
    padding: 5px 10px;
    width: 570px;
    color: #666666;
}
.ui-li{
    display: block;
    overflow: visible;
    position: relative;
    text-align: left;

}

.ui-li:last-child{
    border-bottom-width: 1px;
}

.infodetail-title-l{
    float:left;
}
.infodetail-title-r{
    float:right;
}
.infodetail-font{
    font-size: 15px;
    font-weight: normal;
}


/**
    テナント情報編集
*/


.useredit-lavel{
    clear:both;
    float:left;
    width:200px;
    margin-top:7px;
}


.useredit-input{
    /*float:right;*/

    margin-top:7px;


}
.useredit-input input{
    width:350px;
}
.useredit-button{
    clear:both;
    float:right;
    margin-right:5px;
    margin-top:5px;
    margin-bottom:5px;
}

.useredit-button input[type=submit]{
    font-weight:bold;
    color: #444444;
}

.useredit-main{
    margin-top:5px;
    margin-bottom:0px;
    margin-right: 5px;
    margin-left: 5px;
    padding: 0 10px 10px;
    border: 2px #EEEEEE solid;
}


.useredit-list{
    clear:both;
    padding:5px;
}
.useredit-list table{
    border: 1px #000000 solid;
    border-collapse: collapse;
    font-size: 90%;
    padding-bottom:10px;
}
.useredit-list table th{
    background-color:#CCCCCC;
}
.useredit-list-name{
    width:200px;
    word-break: break-all;
}
.useredit-list-mail_addr{
    width:250px;
    word-break: break-all;
}

.useredit-list-delegate{
    width:100px;
    vertical-align:middle;
    text-align:center;
}

.useredit-list input[type=button]{
    font-weight:bold;
    color: #444444;
}

/**
    テナント管理画面
*/
.tenantedit-line{
    clear:both;
    padding:5px;
}
.tenantedit-lavel{
    float:left;
    width:100px;
}
.tenantedit-text{
    float:left;
    padding-right:15px;
    width:170px;
}
.tenantedit-input{
    width:100%;
}
.tenantedit-text-tname{
    width:455px;
}
.tenantedit-updbtn{

    float:right;
}
.return-tenant{
    height: 40px;
}
.return-tenant-btn{
    font-size: 13px;
    height: 40px;
    margin: 4px 6px;
    width: 30%;
    float:right;
}
#tenant-edit input[type=submit]{
    font-weight:bold;
    color: #444444;
}

.tenantedit-tno{
    width:70px;
}
.tenantedit-tname{
    width:234px;
}
.tenantedit-tmenu{
    width:260px;
}


/*
    サイネージ表示内容登録画面
*/
.signage-regmessage-table {
    margin: 5px;
    border-collapse: collapse;
}
.signage-regmessage-table th {
    border: solid 1px gray;
    background-color: #CCCCCC;
}
.signage-regmessage-table td {
    height: 20px;
    vertical-align: middle;
    border: solid 1px gray;
    padding-left: 5px;
}

.signage-regmessage-space {
    clear: both;
    height: 10px;
}
.signage-regmessage-horizon {
    clear: both;
    margin: 3px;
}
.signage-regmessage-btnwrapper {
    display:table;
    width:100%;
}
.signage-regmessage-btnwrapper span {
    display:table-cell;
    vertical-align:middle;
}
.signage-regmessage-btnwrapper span input[type='submit'] {
    color: #444444;
    padding:2px 20px;
}
.signage-regmessage-line {
    display: table;
    margin-top:10px;
}

.signage-regmessage-label {
    float:left;
    width:120px;
}
.signage-regmessage-input {
    float:left;
    width:120px;
    padding-right:15px;
}
.signage-regmessage-input input, .signage-regmessage-input select {
    margin-top: -2px;
}
/**
    INFO(管理側)
*/
.ainfo-title{
    background-color:#EEEEEE;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    height: auto;
    margin: 5px;
    padding: 5px 5px 10px;
    color: #666666;
    font-size: 15px;
    font-weight: normal;
    margin: 2px 0;
}

.boxdelimit{
    margin-left:5px;
    margin-right:5px;
}
.ainfo-titledate{
    display: block;
    text-align: right;
}
.ainfo-titledate input{
    float:right;
    margin-top:-2px;
}
.ainfo-titlebtn{
    float:right;
}

#infowrite{
    font-size: 15px;
    font-weight: normal;
}
/* =================================
    カレンダー関連
 ================================= */
#calendar {
    width: 600px;
    padding-left:auto;
    padding-right:auto;
    margin-top:20px;
}
#calhead {
    width:230px;
    height:30px;
    margin:auto;
}
#premonth {
    width:20%;
    display:block;
    float:left;
}
#nextmonth {
    width:20%;
    display:block;
    float:right;
}
#calhead span {
    float:left;
    width:60%;
    display:block;
    text-align: center;
    margin-top:5px;
}
#calendar table {
    background-color:#FFF;
    border:solid 1px #CCC;
    margin:auto;
    padding:0;
    width:230px;
    border-collapse:collapse;
    border-spacing: 2px;
}
#calendar table td.past {
    background-color:#DDD;
}
#calendar table td.sat,#calendar table td.sat a {
    color:#00F;
}
#calendar table td.sun,#calendar table td.hol,#calendar table td.hol a,#calendar table td.sun a {
    color:#F00;
}
#calendar table td {
    height:16px;
    margin:1px;
    padding:5px 0 5px 0 ;
    text-align:center;
    vertical-align:middle;
    width:21px;
}
#calendar table td a {
    color:#666;
    display:block;
    line-height:16px;
}
#calendar table td.ev a {
    background-color:#FFF799;
    display:block;
}
#calendar table td.next {
    color:#BBB;
}
#calendar table td.today {
    /* border:1px solid #F30; */
    /* font-weight:bold; */
    height:14px;
    line-height:14px;
    width:19px;
    background-color:red;
    color:#FFFFFF;
}
#calendar table th {
    font-weight:normal;
    height:16px;
    line-height:16px;
    margin:0;
    padding:0;
    text-align:center;
    vertical-align:middle;
    width:16px;
}
#calendar table tr td, table tr th {
    border: 1px solid gray;
    margin: 0;
}
#calendar table td.holiday {
    /* border:1px solid #F30; */
    /* font-weight:bold; */
    height:14px;
    line-height:14px;
    width:19px;
    background-color:red;
    color:#FFFFFF;
}

#calendar table td.stopday{
    /* border:1px solid #F30; */
    /* font-weight:bold; */
    height:14px;
    line-height:14px;
    width:19px;
    background-color:black;
    color:white;
}

.holiday-select-info{
    color: #444444;
    font-size: 11px;

}

.holiday-select-caution{
    color: #444444;
    font-size: 11px;
}


/**
TOP画面の部品関連
    */
#user_list{
    width:150px;
    float:right;
}

.top_contants{
    padding-left:10px;
    margin-bottom:10px;
    clear:both;
    }



.top_contants p {
    color: #444444;
    font-size: 135x;
    font-weight: bold;
    margin-top:5px;
    margin-bottom:5px;
}

.top_rsv_line{
    clear:both;
    margin-bottom: 4px;
}

.top_rsv_name{
    float: left;

}

.top_rsv_name p{
    color: #666666;
    font-size: 15px;
    font-weight: normal;
    margin: 2px 0;
}

.top_rsv_time{
    width:100%;
    height:22px;
    clear: both;
    float: left;

}

.top_rsv_chg{
        display: inline-block;
    font-size: 13px;
    height: 40px;
    vertical-align: middle;
}
.top_rsv_del{
        display: inline-block;
    font-size: 13px;
    height: 40px;
    vertical-align: middle;
}

.top_rsv_btn{
 clear: right;
    float: right;
}

.top_rsv_row{
    float:left;
    background-color: #EEEEEE;
    border:1px solid #DDDDDD;
    display: table;
    width: 570px;
    margin-bottom:5px;
    padding: 5px 10px;
    border: 1px solid #DDDDDD;
}

#info-archive{
    padding-left:0px;
    text-align:right;
}
#contents-news{
    padding-left:0px;
    }

#contents-news dl {
    margin: 0;
}
#contents-news dl dd{
    margin: 0;
}

#top_yoyaku_select{
    float:right;
}


#top_yoyaku_select :after{
    clear: both;
}

#top_yoyaku_field{
    border: 1px solid #999999;
    height:70px;
    padding:5px;
    clear:both;

}
#top_yoyaku{
        margin-bottom:3px;
}
.top_kiyaku_list{
    margin-left:15px;
}

#top_kiyaku_info{
    color: #444444;
    font-size: 13px;
    float:right;
}


.top_center_btn{
    background-color: mistyrose;
    border-color: orangered;
    border-radius: 10px 10px 10px 10px;
    border-width: 5px;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: bold;
    height: 35px;
    width: 250px;
/*
    color: #444444;
    font-size: 13px;
    height: 40px;
    margin: 4px 6px;
    width: 170px;
    font-weight: bold;
    */
}

.top_bottom_btn:after {
    clear: both;
    content: "";
    display: block;
}
.top_bottom_btn {
    font-weight: bold;
    color: #444444;
    font-size: 13px;
    height: 40px;
    margin: 4px 6px;
    width: 17%;
}


/*
 footer 定義
*/
.bottom-body{
    background-color: #FFFFFF;
    height: auto;
    margin: auto;
    padding: 10px;
    width: 600px;
}
.bottom-body p#bottom-link {
    font-size: 16px;
    font-weight: bold;
    margin: 13px 0 0;
    text-align: center;
}

.bottom-body p#copyright {
    color: #444444;
    font-size: 10px;
    margin: 8px 0 0;
    text-align: center;
    font-weight: normal;
}