html { 
   overflow-y:scroll;
   background:#eee;
   }
   
html, body{
   height: 100%;
   font-size: 10pt;
   }

html, body, div,p, dl, dt, dd, ul, li, h1, h2, h3, h4, h5, h6, form {
   margin: 0; padding: 0;
   list-style: none;
   }


body{
   margin: 0;
   padding:0;
   height:100%;
}

body {
   font:Meiryo, "メイリオ", "ヒラギノ角ゴ Pro W3",  Arial, "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Osaka, sans-serif;
   color: #3b2a0c;
}

a:link{
   color: #85bae5;
   text-decoration: underline;
   }
   
a:active{
   color: #85bae5;
   text-decoration: underline;
   }
   
a:visited{
   color: #85bae5;
   text-decoration: underline;
   }
   
a:hover{
   color: #85bae5;
   text-decoration: underline;
   }

input[type="text"],
input[type="password"]{
   background: #e7e7e7;
   border: solid 1px #dadada;
}

body #container {
   
}

body > #container {
   height: auto;
   min-height: 100%;
   }

#header{
   z-index: 1000;
   position: fixed;
   top: 0;
   width: 100%;
   height: 51px;
   background: #fff;
   border-bottom: solid 2px #000;
}

.menu,
.menu li{display: block;}
.menu:after{
   content: ".";
   display: block;
   clear: both;
   height: 0;
   font-size: 0;
   visibility: hidden;
}

/*---------------------------------
header
---------------------------------*/
#header h1,
#header a,
#header span,
#header h1 strong,
#header ul li{
   display: block;
   height: 49px;
   line-height: 49px;
}

#header h1{
   position: absolute;
   left: 0;
   top: 0;
   font-size: 12px;
   color: #888;
   padding: 0;
}
#header h1 a{
   color: #444;
   text-decoration: none;
   padding-left: 10px;
}
#header h1 a:after{
   content: ".";
   display: block;
   clear: both;
   height: 0;
   font-size: 0;
   visibility: hidden;
}
#header h1 strong,
#header h1 span{
   float: left;
}
#header h1 strong{
   color: #000;
   font-size: 24px;
   font-family: Arial;
   margin-right: 8px;
}

#editor-status{
   position: absolute;
   right: 0;
   top: 0;
}

#editor-status ul{
   overflow:hidden;
}

#editor-status ul li{
   float: right;
   color: #fff;
   padding: 0 13px;
}
#editor-status ul li{
   color: #000;
}
#editor-status ul li a{
   display: inline;
}
#editor-status .editors-name a{
   display: inline;
}



/*---------------------------------
contents
---------------------------------*/
#contents{
   z-index: 100;
   position: relative;
}
#main-frame{
   padding-top: 61px;
   padding-bottom: 10px;
   min-width: 960px;
}

#grobal-cell{
   width: 100px;
   float: left;
   /*background: url(../images/common/bg-shadow1.png) repeat-y right top;*/
}
#sidebar-cell{
   width:230px;
   float:left;
   background:#fff;
   padding: 0;
   margin: 0;
}
#main-cell{
   float: left;
}

#main-cell #main{
   margin-right: 10px;
   background: #fff;
   border: solid 2px #000;
   /*box-shadow: 0 0 4px #584438;*/
}

/*grobal-menu*/
#grobal-menu ul,
#grobal-menu ul li,
#grobal-menu ul li a{
   display: block;
   width: 90px;
}
#grobal-menu ul{
   margin-left: 10px;
}
#grobal-menu ul li,
#grobal-menu ul li a{
   height: 90px;
}
#grobal-menu ul li{
   margin-bottom: 3px;
   border-bottom: solid 1px #b0a184;
}
#grobal-menu ul li a{
   line-height: 130px;
   text-align: center;
   font-size: 9px;
   font-weight: bold;
   text-decoration: none;
   color: #fff;
}

#grobal-menu ul li#grobal-user{background: url(../images/common/grobal-menu-user.png) no-repeat center top;}
#grobal-menu ul li#grobal-total{background: url(../images/common/grobal-menu-total.png) no-repeat center top;}
#grobal-menu ul li#grobal-olive{background: url(../images/common/grobal-menu-olive.png) no-repeat center top;}
#grobal-menu ul li#grobal-frag{background: url(../images/common/grobal-menu-frag.png) no-repeat center top;}
#grobal-menu ul li#grobal-file{background: url(../images/common/grobal-menu-file.png) no-repeat center top;}
#grobal-menu ul li#grobal-ab{background: url(../images/common/grobal-menu-ab.png) no-repeat center top;}

/*side-menu*/
#sidebar-menu{
   
}
#sidebar-menu .admin{
   background: #85bae5;
}
#sidebar-menu .status *{
   color: #fff;
}
#sidebar-menu .status .name{
   padding: 10px;
}
#sidebar-menu .status .menu{
   border-top: dotted 1px #fff;
   padding: 8px;
   margin: 0!important;
}
#sidebar-menu .status .menu li{
   float: left;
   width: 50px;
   font-size: 10px;
   margin-right: 10px;
}

.side-menu .menu{
   padding: 0;
   /*border-bottom: solid 1px #fff;*/
}
.side-menu .menu li{
   line-height: 1.2;
   font-size: 10px;
   border-bottom: solid 1px #ddd;
   background: #fff;
}
.side-menu .menu li.title{
   font-family: Georgia;
   font-size: 14px;
   background: none;
}
.side-menu .menu li a{
   display: block;
   text-decoration: none;
   color: #000;
   padding: 10px 10px 10px 15px;
}
.side-menu .menu li.title a{padding-left:8px;}
.side-menu .menu li a:hover{
   background: #fefefe;
}
.side-menu .menu li a:active{
   background: #e1e1e1;
   padding-top: 12px;
   padding-bottom: 8px;
}

.bread{
   height: 31px;
   border-bottom: solid 1px #000;
   padding-left: 10px;
}
.bread li{
   display: inline-block;
   height: 31px;
   line-height: 31px;
   font-size: 10px;
   padding: 0 20px 0 3px;
   background: url(../images/common/bg-bread-arrow.gif) no-repeat right center;
}
.bread li a{
   text-decoration: none;
   color: #000;
}

h2{
   font-weight: normal;
   font-size:10px;
   font-weight:bold;
   padding:8px 10px;
   margin:  0;
   background: #ddd;
   color: #000;
}


h3{
   font-size: 18px;
   line-height: 1.4;
   padding:8px 10px;
   font-weight: bold;
   color:#000;
   background: #fff;
   border-bottom: solid 1px #000;
}

.title-header{
   color: #000;
   border-bottom: solid 1px #000;
}

.error{
   background: #ffffff;
   color:#cc0000;
   height:40px;
   line-height: 40px;
   padding:0 15px;
   font-weight:bold;
   }

.confirm{
   text-align: center;
   padding: 15px;
   font-size: larger;
   font-weight: bold;
}

.end-link ul{
   text-align: center;
}

/* new clearfix */
.fixed:after {
   visibility: hidden;
   display: block;
   font-size: 0;
   content: " ";
   clear: both;
   height: 0;
   }
   
* html .fixed             { zoom: 1; } /* IE6 */
*:first-child+html .fixed { zoom: 1; } /* IE7 */

#select-all_hall,
#select-estimate_hall{
   float:none;
   clear:left;
   width:100px;
   margin-top:10px;
   text-align: center;
   padding:5px 10px;
   background: #000000;
   color:#ffffff;
   cursor: pointer;
   }

#select-all_hall:hover,
#select-estimate_hall:hover{
   background: #999999;
   }

#select-all_hall:active{
   background: #333333;
   }

#tbl-pre td,
#tbl-pre th{:;}

#tbl-pre th{
   text-align:left;
   white-space: nowrap;
   background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#bbbbbb));
   background: -moz-linear-gradient(top,  #cccccc,  #bbbbbb);
   filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#bbbbbb');
   color:#000000;
   padding:0 8px;
   font-weight:normal;
   border-top:1px solid #2F3336;
   border-bottom:1px solid #2F3336;
   border-right:1px solid #2F3336;
   }

#tbl-pre th a:link{
   color:#333333;
   font-weight:bold;
   }

#tbl-pre th a:visited{
   color:#333333;
   font-weight:bold;
   }

#tbl-pre th a:hover{
   color:#333333;
   font-weight:bold;
   }

#tbl-pre th a:active{
   color:#333333;
   font-weight:bold;
   }

#tbl-pre td{
   text-align:left;
   background: #efefef;
   padding:4px 8px;
   border-bottom:1px solid #2F3336;
   border-right:1px solid #2F3336;
   }

#tbl-pre td.order{
   width:66px;
   vertical-align: middle;
   }

#tbl-pre{
   font-size:8pt;
   border-left:1px solid #2F3336;
   }

#tbl-pre td.center,
#tbl-pre th.center{
   text-align: center;
}


#tbl-pre a:link{color:#ffffff;text-decoration: none;}
#tbl-pre a:active{color:#ffffff;text-decoration: none;}
#tbl-pre a:visited{color:#ffffff;text-decoration: none;}
#tbl-pre a:hover{color:#ffffff;text-decoration: underline;}

/*******************************
login
********************************/
.login{
   color:#ffffff;
   text-align: center;
}

/*******************************
TOPページ
********************************/
.list-recent-news{
   color:#ffffff;
   padding:10px 10px 10px;
}

.list-recent-news dt{
   font-size:1.2em;
   margin-top:10px;
   padding:5px;
   text-shadow: 1px 1px 1px #000;
}

.list-recent-news dd{
   margin-bottom:20px;
   padding:8px;
   border: 1px dotted #cccccc;
}

.list-recent-news dd li{
   padding:0 3px;
   font-size:0.8em;
}

/*********************************
local-menu
*************************************/
.local-menu{
   overflow: hidden;
   font-size:0.9em;
   display:none;
   }

.local-menu li{
   float: left;
   padding:0 3px 0 0;
   height:30px;
   line-height:30px;
   }

.local-menu li a{
   color:#101010;
   display: block;
   background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#ffffff));
   background: -moz-linear-gradient(top,  #cccccc,  #ffffff);
   filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#ffffff');
   float: left;
   padding:0 8px 8px;
   height:30px;
   border: 1px solid #666666;
   -webkit-border-radius: .3em; 
   -moz-border-radius: .3em;
   border-radius: .3em;
}

.local-menu li a:hover {
   text-decoration: none;
   background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc));
   background: -moz-linear-gradient(top,  #ffffff,  #cccccc);
   filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cccccc');
}
.local-menu li a:active {
   color: #666666;
   background: #ffffff;
   position: relative;
   top: 1px;
}



/*******************************
pager
********************************/
.pager{
   zoom: 1;
   margin-top: 0px;
   padding:8px;
   font-size: 10px;
}
.pager:after{
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.pager div{
   width: 150px;
   text-align: right;
   float: right;
}
.pager ul,
.pager ul li{
   display: block;
}
.pager ul{
   overflow: hidden;
   float: left;
   width: 500px;
}
.pager ul li{
   float: left;
   background: #000000;
   margin-right: 2px;
}
.pager ul li a,
.pager ul li strong,
.pager ul li span{
   display: block;
   padding: 4px 10px;
}
.pager ul li a{
   text-decoration: none;
   background: #d5d5d5;
   color: #101010;
}
.pager ul li a:hover{
   background: #efefef;
   color:#101010;
}
.pager ul li strong{
   background: #efefef;
   color:#101010;
   font-weight:bold;
}


div.lo{
   width:680px;
   height:34px;
   background:url(../images/list/bg-listnavi.png) no-repeat;
}

.lo-list-navi{
   width:74px;
   height:34px;
   float:left;
}
.lo-list-navi a{
   display: block;
   width:74px;
   height:34px;
   float:left;
}
.lo-list{
   float:left;
   width:520px;
   line-height:34px;
   text-align: center;
}


/*******************************
headert.inc
********************************/

/*
#header{
   height:75px;
   border-bottom:#d9d9d9 2px solid;
   border-top:#4c5198 5px solid;
   background:url(../images/common/bg_header.png) 345px bottom no-repeat;
   overflow:hidden;
   }

#header h1 a{
   margin: 0;
   padding:0;
   width:345px;
   display: block;
   text-indent: -10000px;
   background: url(../images/common/logo.png) no-repeat;
   height:75px;
   float:left;
}
*/

/* 
.estimate-globalnavi{
   margin-left:20px;
   height:57px;
   float:left;
   overflow: hidden;
}

.estimate-globalnavi a{
   margin:17px 2px 0 0;
   color:#101010;
   display: block;
   background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#ffffff));
   background: -moz-linear-gradient(top,  #cccccc,  #ffffff);
   filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#ffffff');
   float: left;
   padding:8px;
   height:20px;
   line-height:20px;
   border: 1px solid #666666;
   -webkit-border-radius: .3em; 
   -moz-border-radius: .3em;
   border-radius: .3em;
}
*/

#admin-menu{
   margin-left:10px;
   position: relative;
   /* width:1034px; */
   height:70px;
   /* background: url(../images/common/bg-admin-menu.png) no-repeat; */
   background: url(../images/common/bg-admin-menu2.png) no-repeat;
}

#editor-info{
   width:100%;
   height:70px;
}

#editor-info dl{
   float:left;
}

#editor-info dt.ttl-login{
   visibility: hidden ;
   float:left;
   width:90px;
}

#editor-info dd.editor-name{
   width:300px;
   height:70px;
   line-height:70px;;
   color:#ffffff;
   font-size:1.2em;
   padding-right:10px;
}

dl.menu-admin{
   height:70px;
   line-height: 68px;
}

dl.menu-admin dt{
   display: none;
}

#editor-info dd.editor-name span.editors-name{
   font-weight:bold;
}


#editor-info dd.editor-name span.btn-logout{
   font-size:8pt;
}


.tbl-adminmenu{
   width:100%;
   line-height:70px;
   height:70px;
/*    background: url(../images/common/bg-admin-menucommon.png) repeat-x; */
   background: url(../images/common/bg-admin-menucommon2.png) repeat-x;
   display:none;
}

.tbl-adminmenu td{
   white-space: nowrap;
}

td.editor-name{
   width:310px;
   padding-left:100px;
   /* background: url(../images/common/bg-admin-menuttl.png) no-repeat; */
   background: url(../images/common/bg-admin-menuttl2.png) no-repeat;
   color:#ffffff;
   font-size:1.2em;
}

td.menu-admin{
   padding-left:50px;
}

td.menu-admin a{color:#ffffff;}
.editor-name a{
   color:#ffffff;
   }

td.tail{
   width:100%;
}


.ckeditor{
   height: 380px;
}

   

/**************************
table
***************************/
table{
   width: 100%;
   border-collapse: collapse;
   padding:0;
   margin:0;
}

.tbl-common td,
.tbl-common th{
   font-size:0.9em;
}

.tbl-common th{
   text-align:left;
   white-space: nowrap;
   color:#333;
   /* background: url(../images/common/bg-opa-bk.png); */
   background:#f2f2f2;
   padding: 8px;
   border-bottom:1px solid #000;
}

.tbl-common td{
   text-align:left;
   background: #ffffff;
   padding: 8px;
   border-bottom:1px solid #000;
   border-left:1px solid #000;
}

.tbl-common td.order{
   width:66px;
   vertical-align: middle;
   }

.tbl-common{
   margin-top:0px;
   border-top:1px solid #000;
   }

.estimates .tbl-common{
   margin:15px 0 0 10px;
   }

.tbl-common td.center,
.tbl-common th.center,
.tbl-common th.label{
   text-align: center;
   }
.tbl-common th.label span{
   font-size: smaller;
   color: #999;
}

.tbl-common a:link{
   text-decoration: underline;
   }
.tbl-common a:active{
   text-decoration: none;
   }
   
.tbl-common a:visited{
   text-decoration: none;
   }

.tbl-common a:hover{
   text-decoration: underline;
   }

.nowrap{
   white-space: nowrap;
   }

table.tbl-common.tbl-search{
   width:auto;
   margin: auto;
}

.tbl-common.tbl-search th,
.tbl-common.tbl-search td{
   white-space: nowrap;
}
.tbl-common.tbl-search th{
   border-left: solid 1px #000;
   border-right: solid 1px #000;
}
.tbl-common.tbl-search td{
   color:#000000;
}
.tbl-common.tbl-search td:last-child{
   border-right: solid 1px #000;
}

.tbl-common.tbl-search td input.search-txt{
   margin:0;
}

.tbl-common.tbl-search td input.black{
   margin:0;
}

.tbl-common td.cell-hallname{
   font-size:0.7em;
}


.tbl-login td,
.tbl-login th{
   font-size:16px;
}

.tbl-login th{
   text-align:left;
   white-space: nowrap;
   color:#312912;
   /* background: url(../images/common/bg-opa-bk.png); */
   padding: 8px;
   border-bottom:2px solid #000;
   border-right:2px solid #000;
}

.tbl-login td{
   text-align:left;
   padding: 8px;
   border-bottom:2px solid #000;
   border-right:2px solid #000;
   }

.tbl-login td.order{
   width:66px;
   vertical-align: middle;
   }

.tbl-login{
   width: 50%;
   border-left:2px solid #000;
   border-right:2px solid #000;
   border-top:2px solid #000;
   margin: 150px auto 0;
}

.tbl-login input[type="text"],
.tbl-login input[type="password"]{
   border-color: #000;
   background: #bbb;
}
.tbl-login input[type="text"]:focus,
.tbl-login input[type="password"]:focus{
   background: #aaa;
}

.tbl-login td.center{
   text-align: center;
}

.tbl-common td .thumb{clear: both;}
.tbl-common td .thumb img{
   max-width: 200px;
   max-height: 400px;
}

.tbl-small td{
   padding: 4px!important;
}
td.control{
   width: 20px;
   text-align: center;
}


/**************************
FORM
***************************/

fieldset{
   border: none;
}

input{
   padding:5px 5px;
   margin:2px 0;
}

textarea{
   border: 1px solid #dadada;
   background: #e7e7e7;
   color:#000;
   padding:3px 5px;
   margin:2px 0;
   font-size:1.2em;
}


.button {
   display: inline-block;
   outline: none;
   cursor: pointer;
   text-align: center;
   text-decoration: none;
   font: 13px/100% Arial, Helvetica, sans-serif;
   padding: .5em 5em .55em;
   
   -webkit-border-radius: .1em; 
   -moz-border-radius: .1em;
   border-radius: .1em;
   -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
   -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
   box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
   text-decoration: none;
}
.button:active {
   position: relative;
   top: 1px;
}


.black {
   color: #ffffff;
   border: solid 1px #000;
   font-weight:bold;
   background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));
   background: -moz-linear-gradient(top,  #444,  #000);
   filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#444', endColorstr='#000');
   }
.black:hover {
   color:#ffffff;
   background: #555;
   font-weight:bold;
   background: -webkit-gradient(linear, left top, left bottom, from(#555), to(#444));
   background: -moz-linear-gradient(top,  #555,  #444);
   filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#555', endColorstr='#444');
   }

.black:active {
   color: #fef4e9;
   border: solid 1px #666666;
   background: #101010;
   background: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#333333));
   background: -moz-linear-gradient(top,  #000000,  #333333);
   filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#f47a20');
   color: #101010;
   background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#ffffff));
   background: -moz-linear-gradient(top,  #cccccc,  #ffffff);
   filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#ffffff');
}



div.main-cell{
   width:910px;
   float:right;
   margin:10px 0 0 0;
}



.estimates div.main-cell{
   padding:15px 3px 0 0px;
}

div.main-cell.bg-estimate{
   background: none;
}


/**************************
btn
***************************/
.btn{
   display: inline-block;
}
.btn a{
   display: block;
   text-indent: -9999px;
   overflow: hidden;
   background-repeat: no-repeat;
}
/*normal*/
.btn.normal,
.btn.normal a{
   width: 66px;
   height: 27px;
}
.btn.normal{
   margin-left: 9px;
   margin-top: 3px;
}
.btn.normal a       {background-position: 0 0;}
.btn.normal a:hover {background-position: 0 -33px;}
.btn.normal a:active{background-position: 0 -66px;}

/*large*/
.btn.large,
.btn.large a{
   width: 96px;
   height: 35px;
}
.btn.large{
   margin-left: 9px;
   margin-top: 3px;
}
.btn.large a       {background-position: 0 0;}
.btn.large a:hover {background-position: 0 -39px;}
.btn.large a:active{background-position: 0 -78px;}

/*visual*/
.btn.fileselect,
.btn.fileselect a{width: 95px;}
.btn.fileselect a{background-image: url(../images/common/btn-fileselect.png);}

/*text*/
.btn.text,
.btn.text a{
   width: 120px!important;
}
.btn.text a{
   text-indent: 0!important;
   text-align: center!important;
   line-height: 35px;
   color: #ffffff;
   border: solid 1px #000;
   text-decoration: none;
   font-weight:bold;
   background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000))!important;
   background: -moz-linear-gradient(top,  #444,  #000)!important;
   filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#444', endColorstr='#000')!important;
   }
.btn.text a{
   color:#ffffff;
   background: #555;
   font-weight:bold;
   background: -webkit-gradient(linear, left top, left bottom, from(#555), to(#444));
   background: -moz-linear-gradient(top,  #555,  #444);
   filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#555', endColorstr='#444');
   }



.btn.add a{background-image: url(../images/common/btn-add.png);}

.end-link{
   padding: 15px 0;
}

.float-left{
   float:left;
}

/**************************
＃sidebar-left
****************************/
.ttl-sidemenu{
   width:195px;
   height:54px;
   line-height: 54px;
   font-weight:bold;
   }


/*

#global-menu{
   width:216px;
   background: url(../images/common/bg-opa-bk50.png);
}

#global-menu li.mainmenu{
   height:30px;
   border-bottom:1px solid #666666;
}

#global-menu li.mainmenu a{
   display: block;
   width:185px;
   line-height:30px;
   height:30px;
   padding:0 15px;
}

#global-menu li.mainmenu a:hover{
   color:#efefef;
   background: #000000;
   text-decoration: none;
}


#global-menu li.mainmenu.emp{
   height:8px;
   border-bottom:none;
   background: #56575b;
}


#global-menu li.submenu{
   background: url(../images/common/bg-opa-bk-half.png);
}

#global-menu li.submenu li{
   color:#ffffff;
   padding:5px 0 5px 18px;
   border-bottom:1px dotted #999999;
}

#global-menu li.submenu li a{
   font-size:0.8em;
   display: block;
   height:20px;
   line-height: 20px;
   padding:2px 5px;
}

#global-menu li.submenu li a:hover{
   background: #000000;
   text-decoration: none;
}

#global-menu li.side-menu-end{
   border-bottom:2px solid #666666;
}






#global-menu{
   width:216px;
   background: #FFCC00;
}

#global-menu li.mainmenu{
   height:30px;
   border-bottom:1px solid #666666;
}

#global-menu li.mainmenu a{
   display: block;
   width:185px;
   line-height:30px;
   height:30px;
   padding:0 15px;
   color:#000000;
}

#global-menu li.mainmenu a:hover{
   color:#efefef;
   background: #000000;
   text-decoration: none;
}


#global-menu li.mainmenu.emp{
   height:8px;
   border-bottom:none;
   background: #56575b;
}


#global-menu li.submenu{
   background: #ffff99;
}

#global-menu li.submenu li{
   color:#ffffff;
   padding:5px 0 5px 18px;
   border-bottom:1px dotted #999999;
}

#global-menu li.submenu li a{
   font-size:0.8em;
   display: block;
   height:20px;
   line-height: 20px;
   padding:2px 5px;
   color:#333333;
}

#global-menu li.submenu li a:hover{
   background: #000000;
   text-decoration: none;
}

#global-menu li.side-menu-end{
   border-bottom:2px solid #666666;
}
*/

div#sidebar-left{
   width:190px;
   margin:auto;
   }
   
div#sidebar-left a:link{
   text-decoration:none;
   }

div#sidebar-left dl{
   border:#bebebe 1px solid;
   border-bottom:none;
   }

div#sidebar-left dl dt{
   background:#469bd2;
   color:#fff;
   font-weight:bold;
   padding:3px;
   }

div#sidebar-left dl dt img{
   margin-right:3px;
   vertical-align:bottom;
   }


div#sidebar-left dl dd{

   border-bottom:#bebebe 1px solid;
   }

div#sidebar-left dl dd a{
   display:block;
   background:url(../images/common/bg_list_style.gif) 5px no-repeat;
   padding:8px 8px 8px 15px;

   }

div#sidebar-left dl dd a:hover{
   font-weight:bold;
   background:#ecf5fa url(../images/common/bg_list_style.gif) 5px no-repeat;
   }
   




/**************************
ユーザー管理
***************************/
.user-manage dt{
   font-weight:bold;
   padding:10px 0;
   border-top:1px dashed #cccccc;
   border-bottom:1px dashed #cccccc;
   font-size:1.1em;
}

.user-manage dd{
   font-weight:normal;
   padding:10px 10px;
}

.user-hall-list{
   margin-top:10px;
   padding-top:10px;
   border-top:1px dashed #cccccc;
}

/**************************
hall
***************************/
.link-hall-detail a:link{color:#cc0000;}
.link-hall-detail a:active{color:#cc0000;}
.link-hall-detail a:hover{color:#cc0000;}
.link-hall-detail a:visited{color:#cc0000;}

div.search{
   padding:10px;
   border-bottom: 1px solid #000;; 
}

.serch_btn_cell{width:84px;}

.search span{
font-weight: bold;
}

.search .button {
   padding: .5em 2em .55em;
   margin-left:20px;
}



.list-hall li{
   padding:8px 5px 8px 10px;
   float:left;
   border-bottom:1px dotted #666666;
}

.thumbnail img{
   max-width: 650px
}

.isopen{
   color:#ff0000;
}

.area-name{
   font-weight:bold;
   clear:left;
   padding:8px 0;
   border-bottom:1px dotted #666666;
   cursor: pointer;
}

.name-area{
   border-bottom:1px dotted #666666;
}

ul.list-hall{
   display:none;
}

ul.list-hall.estimate_list{
   display:block;
}

.list-banner ul.list-hall{
   display: block;
}

.ttl-cal_date{
   padding:5px;
   font-weight:bold;
   border-bottom: 1px dotted #cccccc;
}

ul.list-cal_date li{
   float:left;
   white-space: nowrap;
   padding:5px;
}

ul.list-template-style{
   margin-bottom:10px;
}

ul.list-template-style li
{
   display: block;
   padding:5px;
   width:200px;
   height:30px;
   line-height:30px;
}

ul.list-template-style li label
{
   display: block;
   padding:5px;
   width:200px;
   height:30px;
   line-height:30px;
   border:1px solid #cccccc;
   cursor: pointer;
}

td.img-type{
   width:402px;
   text-align: center;
}

iframe{
   background: #ffffff;
}

.banner-box{
   clear: left;
   overflow: hidden;
   width:750px;
}

hr{
   clear:both;
}

.type-img-sub{
   display: block;
   margin:10px;
   float:left;
}

.banner-selection{
   float:left;
}

a.btn-select{
   display: block;
   width:90px;
   height:35px;
   margin-right:5px;
   text-indent: -10000px;
}
a.image-select,
a.image-dismis{
   float:left;
}
a.image-select{background: url(/images/banners/btn-select.png);}
a.image-select:hover{background: url(/images/banners/btn-select_on.png);}
a.image-select:active{background: url(/images/banners/btn-select_press.png);}

a.image-dismis{background: url(/images/banners/btn-dismis.png);}
a.image-dismis:hover{background: url(/images/banners/btn-dismis_on.png);}
a.image-dismis:active{background: url(/images/banners/btn-dismis_press.png);}



/*******************************
order-arrow
********************************/
div.arrow_block{
   float:left;
   width:20px;
   height:20px;
   margin-right:2px;
}

a.tbl-arrow{
   display:block;
   float:left;
   width:30px;
   height:20px;
   text-indent: -10000px;
}

a.tbl-arrow.arrow_top{
   background: url(../images/common/arrow-top.png) no-repeat;
}

a.tbl-arrow.arrow_up{
   background: url(../images/common/arrow-up.png) no-repeat;
}

a.tbl-arrow.arrow_down{
   background: url(../images/common/arrow-down.png) no-repeat;
}

a.tbl-arrow:hover{
   background-position: 0 -20px;
}

a.tbl-arrow:active{
   background-position: 0 -40px;
}

/****************************
list-categopry
*****************************/
.list-categopry li{
   padding:5px 5px 5px 10px;
   float:left;
   border-bottom:1px dotted #666666;
}


/****************************
estimate
*****************************/

.bnavi{
   width: 100%;
   height: 35px;
   background: url(../images/common/here-bg2.png) repeat-x;
   border-top: solid 1px #666666;
   border-bottom: solid 1px #000000;
   overflow: hidden;
   padding-left:15px;

   
}
.bnavi ul#list-bnavi{
   display: block;
   margin: 0;
   padding: 0 0 0 1px;
}
.bnavi ul#list-bnavi:after{
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.bnavi ul#list-bnavi li,
.bnavi ul#list-bnavi li a,
.bnavi ul#list-bnavi li span{
   color: #b8b8b8;
   text-decoration: none;
}
.bnavi ul#list-bnavi li{
   display: block;
   float: left;
   height: 35px;
   line-height: 36px;
   margin: 0 0 0 0;
   list-style: none;
}
.bnavi ul#list-bnavi li a,
.bnavi ul#list-bnavi li span{
   display: block;
   height: 35px;
   line-height: 36px;
   font-size: 12px;
   padding: 0 30px 0 15px;   border:1px;
   background: url(../images/common/here-list-bg.png) no-repeat right center;
}

.bnavi ul#list-bnavi li a:hover,
.bnavi ul#list-bnavi li:last-child a,
.bnavi ul#list-bnavi li:last-child span{
   color: #fff;
   background: url(../images/common/here-list-bg-hover.png) no-repeat right center;
}

.bnavi ul#list-bnavi li:last-child{
   background: none;
}

.ff{color:#ffffff;}

td.setname{
   font-weight:bold;
   color:#cc0000;
}

th#ttl-standard{
   background: 
}

th.design_thumb,
td.design_thumb{width:25%;text-align:center;}

.img-design_tmpl{margin-bottom:10px;border-bottom:1px dotted #999999;padding-bottom:10px;}

/*td.item-block{overflow: hidden;cursor: pointer;}*/
td.item-block{padding:0;}
td.item-block label{cursor: pointer;width:100%;display:block;overflow: hidden;padding:8px 0;}

td.item-block.nowhover{background: #ffffcc;}
td.item-block.selected{background: #FFCC33;}

.item_select,
.item_prop{
   float:left;
}

.item_select{
   text-align: center;
   line-height: 40px;
   height:100%;
   width:25px;
   display: table-cell;
}

table#tbl-estimate-head{width:100%;margin-bottom:0;}
#tbl-estimate-head td,
#tbl-estimate-head th{
   font-size:0.9em;
}

.tbl-estimate th{
   text-align:left;
   white-space: nowrap;
   border-bottom:1px solid #2F3336;
   border-right:1px solid #2F3336;
   background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#ffffff));
   background: -moz-linear-gradient(top,  #cccccc,  #ffffff);
   filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#ffffff');
   color:#333333;
}

.tbl-estimate th.cell-detail{
   font-size:0.9em;
   padding-top:2px;
   padding-bottom:2px;
}

.tbl-estimate td{
   text-align:left;
   background: #efefef;
   border-bottom:1px solid #2F3336;
   border-right:1px solid #2F3336;
}

.tbl-estimate td.btn,
.tbl-comment td.btn{
   text-align:right;
   padding:5px 5px 5px 0;
}

.tbl-estimate{
   width:100%;
   margin-top:15px;
   border-left:1px solid #2F3336;
   border-top:1px solid #2F3336;
}

.block-right{float:left;width:901px;}

.tbl-estimate td.center,
.tbl-estimate th.center{
   text-align: center;
}


table.tbl-estimate{
   width:auto;
   margin-top:0;
   margin-bottom:15px;
}

.tbl-option{
   width:100%;
}

table.tbl-estimate th,
table.tbl-estimate td{
   padding:0;
}

table.tbl-estimate td input{
   border:0;
   background: #666666;
}

#tbl-estimate-head th{
   text-align:left;
   white-space: nowrap;
   color:#333333;
   background: #cccccc;
   padding: 3px 8px;
   border-bottom:1px solid #999999;
   border-right:1px solid #999999;
}


/*.tbl-estimate .detail-itemname{cursor: pointer;}*/

.tbl-estimate .detail-itemname{text-align:center;margin:0;}
.input_itemname{text-align:center;width:196px;margin:0;padding:2px 2px;height:30px;}

.tbl-estimate .detail-itemprice{text-align:right;margin:0;padding:0;}
.input_itemprice{text-align:right;width:100px;margin:0;padding:2px 2px;height:30px;}

.tbl-estimate .detail-itemamount{text-align:right;margin:0;padding:0}
.input_itemamount{text-align:right;width:25px;margin:0;padding:2px 2px;height:30px;}

.tbl-estimate .detail-subtotal,#show-subtotal{text-align:right;margin:0;padding:0;font-weight:bold;}

.tbl-estimate .detail-discount{text-align:right;margin:0;padding:0;}
#show-discount{text-align:right;margin:0;padding:0;font-weight:bold;}
.input_discount{text-align:right;width:100px;margin:0;padding:2px 2px;height:30px;}

.tbl-estimate .detail-total,#show-total{width:100px;text-align:right;margin:0;padding:0;font-weight:bold;}
.tbl-estimate .detail-bth{text-align:center;margin:0;padding:0;}

div#main-frame td.detail-subtotal,
div#main-frame td.detail-total{
   vertical-align: middle;
}

#btn-addrow,
#btn-deleterow{cursor: pointer;}

div.sp{
   margin-top:50px;
}

input.input_subtotal{display: none;}
input.input_total{display: none;}


.list-basic_items{width:136px;float:left;}

.list-basic_items li a{
   border-bottom:1px dotted #000000;
   padding-left:5px;
   width:130px;
   padding:3px;
   color:#333333;
   background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#ffffff));
   background: -moz-linear-gradient(top,  #cccccc,  #ffffff);
   filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#ffffff');
   font-size:0.9em;
}

table.tbl-estimate th.bggr{
   background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#bbbbbb));
   background: -moz-linear-gradient(top,  #cccccc,  #bbbbbb);
   filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#bbbbbb');
   color:#333333;
   padding:2px 8px;
   height:26px;
}

table.tbl-common.bggr th{
   background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#bbbbbb));
   background: -moz-linear-gradient(top,  #cccccc,  #bbbbbb);
   filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#bbbbbb');
   color:#333333;
   padding:2px 8px;
}

.list-basic_items li a.bga:link{
   border-top:1px solid #000000;
   border-bottom:1px solid #000000;
   font-weight:bold;
   height:19px;
   line-height:19px;
   background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#bbbbbb));
   background: -moz-linear-gradient(top,  #cccccc,  #bbbbbb);
   filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#bbbbbb');

}


.list-basic_items li,
.list-basic_items li a{font-size:0.9em;display:block;}

.list-basic_items li a.bga:hover,
.list-basic_items li a:hover{
   background: -webkit-gradient(linear, left top, left bottom, from(#999999), to(#999999));
   background: -moz-linear-gradient(top,  #999999,  #999999);
   filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#999999');
   color:#ffffff;
   text-decoration: none;
}

.list-basic_items li a.bga:active,
.list-basic_items li a:active{
   background: -webkit-gradient(linear, left top, left bottom, from(#999999), to(#999999));
   background: -moz-linear-gradient(top,  #999999,  #999999);
   filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#999999');
   color:#ffffff;
}


/**************************
＃foot
****************************/
#foot{
   clear:left;
   height:40px;
   margin-top: -40px;
   background: #4c5198;
   text-align: center;
   line-height: 40px;
   color:#ffffff;
   font-size:0.8em;
   }

#foot p{
   margin:0;
   padding:0;
}


/********************************************************/
.item-title-size10{font-weight:bold;}
.item-title-size20{font-size:0.9em;}
.item-title-size21{font-weight:bold;font-size:0.9em;}
.item-title-size30{font-size:0.8em;}
.item-title-size31{font-weight:bold;font-size:0.9em;}
.item-title-size40{font-size:1.1em;}
.item-title-size41{font-weight:bold;font-size:1.1em;}
.item-title-size50{font-size:1.2em;}
.item-title-size51{font-weight:bold;font-size:1.2em;}

.tbl-comment td,
.tbl-comment th{
   font-size:0.9em;
}

.tbl-comment th{
   text-align:left;
   background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#bbbbbb));
   background: -moz-linear-gradient(top,  #cccccc,  #bbbbbb);
   filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#bbbbbb');
   color:#333333;
   padding:2px 8px;
   height:25px;
   border-right:1px solid #2F3336;
}

.tbl-comment td{
   text-align:left;
   background: #efefef;
   padding: 8px;
   border-bottom:1px solid #2F3336;
   border-right:1px solid #2F3336;
}

.tbl-comment{
   width:900px;
   border-left:1px solid #2F3336;
   margin-top:-15px;
}

.tbl-comment td.center,
.tbl-comment th.center{
   text-align: center;
}


.tbl-comment a:link{color:#2F3336;text-decoration: none;}
.tbl-comment a:active{color:#2F3336;text-decoration: none;}
.tbl-comment a:visited{color:#2F3336;text-decoration: none;}
.tbl-comment a:hover{color:#2F3336;text-decoration: underline;}

/********************************************************
hcmedia
********************************************************/
table.tbl-hcmedia td{
   border-bottom:none;
   border-right:1px dotted #999999;
}

table.tbl-hcmedia td div.dbt{
   margin-top:10px;
   padding-top:10px;
   border-top:1px dotted #999999;
}

table.tbl-hcmedia td div.dbt span{
   color:#ff0000;
   font-weight:bold;
}

th.label.sublabel{background: #eeeeee;color:#101010;padding:15px 10px;font-size:1.1em;}

/********************************************************
survey
********************************************************/
table.tbl-common.survey-head th{font-size:0.8em;padding:5px;}
table.tbl-common.survey-head td{font-size:0.8em;;padding:5px;}
div.menu-device{padding:0 10px 10px;}
table.tbl-common.survey-head.daily th{font-size:0.7em;}

.cell-total{
   background:#efefef;
}

table.tbl-common.survey-head td.hover {background:#cffbfb;}
table.tbl-common.survey-head td.hover:hover {background:#84f4f4;}





/* エントリー削除 */
div#entry-delete{
   text-align:center;
   padding:15px;
   background:#FF0000;
   margin-top:50px;
   }


/********************************************************
catalog
********************************************************/
#selectable-navi{
   float: left;
}
.navi,.send{
   text-align: left;
   padding: 10px 0;
}
.navi{}
.navi span{
   cursor: pointer;
}
.navi span:hover{
   color: #999;
}

h1{
   font-size: 24px;
   text-align: center;
   padding: 10px;
}

#selectable{
   position: relative;
   float: left;
   margin-right: 20px!important;
   /*padding: 100px;*/
   overflow: hidden;
   width: 410px;
   height: 575px;
   background: #efefef;
   margin: auto;
}
#selectable img{
   display: block;
   position: absolute;
}

.area{
   z-index: 10;
   position: absolute;
   width: 300px;
   height: 300px;
   border: solid 1px #666;
}
.area div.box-inner{
   width: 100%;
   height: 100%;
}
.area .num{
   display: block;
   width: 25px;
   height: 25px;
   text-align: center;
   line-height: 25px;
   font-size: 10px;
   color: #fff;
   background: #666;
}

.inputs{
   margin-top: 8px;
   padding-bottom: 8px;
   border-bottom: dotted 1px #666;
}

.focus .num{
   color: #fff;
   background: #000!important;
}

.focus{
   z-index: 100;
   background: url(../images/common/border-h.gif) repeat-x top left !important;
   border: none!important;
}
.focus .bdr{background: url(../images/common/border-v.gif) repeat-y top right;}
.focus .bdb{background: url(../images/common/border-h.gif) repeat-x bottom left;}
.focus .bdl{background: url(../images/common/border-v.gif) repeat-y top left;}

.focus .ui-resizable { position: relative; cursor:move;}
.focus .ui-resizable-handle { position: absolute;font-size: 0.1px; display: block;}
.focus .ui-resizable-disabled .ui-resizable-handle, .focus .ui-resizable-autohide .ui-resizable-handle { display: none; }
.focus .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.focus .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.focus .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.focus .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.focus .ui-resizable-se { cursor: se-resize; width: 9px; height: 9px; right: -5px; bottom: -5px;  background: #fff;border: solid 1px #000;}
.focus .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px;  background: #fff;border: solid 1px #000;}
.focus .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; background: #fff;border: solid 1px #000; }
.focus .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; background: #fff;border: solid 1px #000;}


.border-top{
   border-top: solid 1px #eee;
   margin-top: 9px;
   padding-top: 9px;
}


/*  EOF */