.dropdown {
float:left;
display: inline;
margin: 0px;
padding: 0px;
}
.dropdown dt {
cursor:pointer;
font-size: 13px;
color: #FFF;
width: auto;
display: block;
padding-bottom: 0px;
margin: 0px;
height: 31px;
float: left;
}
.dropdown dt:hover {
color: #09F;
}
.dropdown dd {
position:absolute;
overflow:hidden;
display:none;
z-index:200;
opacity:0;
margin-top: 38px;
padding: 0px;
margin-left: -30px;
margin-right: 0px;
margin-bottom: 0px;
}
* html .dropdown dd {
position:absolute;
overflow:hidden;
display:none;
z-index:200;
opacity:0;
margin-top: 38px;
padding: 0px;
margin-left: -100px;
margin-right: 0px;
margin-bottom: 0px;
}
* +html .dropdown dd{
position:absolute;
overflow:hidden;
display:none;
z-index:200;
opacity:0;
margin-top: 38px;
padding: 0px;
margin-left: -150px;
margin-right: 0px;
margin-bottom: 0px;
}
.dropdown ul {
margin: 0px;
background-color: #FFF;
list-style-image: none;
list-style-type: none;
width: 167px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #CCC;
border-right-color: #CCC;
border-bottom-color: #CCC;
border-left-color: #CCC;
display: block;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 8px;
padding-top: 5px;
padding-right: 0px;
padding-bottom: 5px;
padding-left: 0px;
}
}
.dropdown li {
line-height: normal;
margin: 0px;
padding: 0px;
font-size: 12px;
color: #333;
}
.noline,
.noline:active,
.noline:visited {
text-decoration:none;
line-height: normal;
font-size: 12px;
color: #333;
padding-top: 4px;
padding-right: 0px;
padding-bottom: 4px;
padding-left: 10px;
display: block;
width: 100%;
margin: 0px;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #CCC;
height: 100%;
}
.noline:hover {
color:#FFF;
background-color: #2598C9;
}
.noline2,
.noline2:active,
.noline2:visited {
text-decoration:none;
line-height: normal;
font-size: 11px;
color: #F33;
padding-top: 4px;
padding-right: 0px;
padding-bottom: 4px;
padding-left: 10px;
display: block;
width: 100%;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #999;
height: 100%;
margin-top: 10px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
.noline2:hover {
color:#FFF;
background-color: #333;
}
.dropdown .underline {
color: #333;
text-decoration: none;
display: block;
width: 156px;
padding-top: 4px;
padding-right: 0px;
padding-bottom: 4px;
padding-left: 10px;
margin: 0px;
font-size: 12px;
}
.dropdown .underline:hover {
width: 157px;
margin-top: 0px;
color: #FFF;
background-color: #2598C9;
}

/* NAVI */
#navi {
height: 44px;
width: 100%;
top: 0px;
clear: both;
float: none;
border-top-width: 2px;
border-top-style: solid;
border-top-color: #000;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCC;
background-color: #313131;
background-image: url(/images/manager/navi1bg.jpg);
}
#navi .navi1 {
float: left;
width: 600px;
height: 44px;
}
.navi1 span {
border-right-width: 1px;
border-right-style: inset;
border-right-color: #000;
display: block;
height: 44px;
width: 130px;
float: left;
}
.navi1 .home {
font-size: 12px;
color: #FFF;
background-image: url(/images/manager/icon/home_off.png);
background-repeat: no-repeat;
margin-left: 0px;
padding-left: 40px;
display: block;
font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
text-decoration: none;
margin-bottom: 0px;
padding-bottom: 0px;
height: 31px;
width: auto;
float: left;
padding-top: 13px;
background-position: 15px 10px;
margin-right: 0px;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #333;
padding-right: 20px;
text-shadow: 0px -1px 0px #000;
letter-spacing: 1px;
}
.navi1 .home:hover {
background-image: url(/images/manager/icon/home_on.png);
float: left;
color: #86D4F7;
}
.navi1 .order {
font-size: 12px;
color: #FFF;
background-image: url(/images/manager/icon/order_off.png);
background-repeat: no-repeat;
margin-left: 0px;
padding-left: 30px;
display: block;
font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
text-decoration: none;
margin-bottom: 0px;
padding-bottom: 0px;
height: 31px;
width: auto;
float: left;
padding-top: 13px;
background-position: 7px 10px;
margin-right: 0px;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #333;
padding-right: 15px;
text-shadow: 0px -1px 0px #000;
letter-spacing: 1px;
}
.navi1 .order:hover {
background-image: url(/images/manager/icon/order_on.png);
float: left;
color: #0CF;
}
.navi1 .send {
font-size: 12px;
color: #FFF;
background-image: url(/images/manager/icon/send_off.png);
background-repeat: no-repeat;
margin-left: 0px;
padding-left: 30px;
display: block;
font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
text-decoration: none;
margin-bottom: 0px;
padding-bottom: 0px;
height: 31px;
width: auto;
float: left;
padding-top: 13px;
background-position: 7px 10px;
margin-right: 0px;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #333;
padding-right: 15px;
text-shadow: 0px -1px 0px #000;
letter-spacing: 1px;
}
.navi1 .send:hover {
background-image: url(/images/manager/icon/send_on.png);
float: left;
color: #0CF;
}
.navi1 .request {
font-size: 12px;
color: #FFF;
background-image: url(/images/manager/icon/request_off.png);
background-repeat: no-repeat;
margin-left: 0px;
padding-left: 30px;
display: block;
font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
text-decoration: none;
margin-bottom: 0px;
padding-bottom: 0px;
height: 31px;
width: auto;
float: left;
padding-top: 13px;
background-position: 7px 10px;
margin-right: 0px;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #333;
padding-right: 15px;
text-shadow: 0px -1px 0px #000;
letter-spacing: 1px;
}
.navi1 .request:hover {
background-image: url(/images/manager/icon/request_on.png);
float: left;
color: #0CF;
}
.navi1 .pay {
font-size: 12px;
color: #FFF;
background-image: url(/images/manager/icon/pay_off.png);
background-repeat: no-repeat;
margin-left: 0px;
padding-left: 30px;
display: block;
font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
text-decoration: none;
margin-bottom: 0px;
padding-bottom: 0px;
height: 31px;
width: auto;
float: left;
padding-top: 13px;
background-position: 7px 10px;
margin-right: 0px;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #333;
padding-right: 15px;
text-shadow: 0px -1px 0px #000;
letter-spacing: 1px;
}
.navi1 .pay:hover {
background-image: url(/images/manager/icon/pay_on.png);
float: left;
color: #0CF;
}
.navi1 .system {
font-size: 13px;
color: #FFF;
background-image: url(/images/manager/icon/system_off.png);
background-repeat: no-repeat;
display: block;
font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
text-decoration: none;
height: 28px;
width: 41px;
margin-top: 5px;
margin-right: 5px;
margin-left: 10px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
.navi1 .system:hover {
background-image: url(/images/manager/icon/system_on.png);
float: left;
color: #09F;
}
#navi .navi2 {
background-repeat: repeat-x;
display: block;
width: 350px;
height: 44px;
float: right;
background-color: #FFF;
}
.navi2 .name {
font-size: 13px;
color: #666;
font-family: Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
margin-top: 13px;
display: block;
width: 140px;
margin-left: 10px;
float: left;
}
.navi2 .logo {
display: block;
height: 44px;
width: 126px;
float: right;
margin-right: 9px;
padding-left: 10px;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #CCC;
}.navi2 .system {
font-size: 13px;
color: #FFF;
background-image: url(/images/manager/icon/logoff_off.png);
background-repeat: no-repeat;
display: block;
font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
text-decoration: none;
height: 20px;
width: 20px;
margin-top: 12px;
margin-right: 3px;
margin-left: 3px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
background-position: 0px 3px;
}
.navi2 .system:hover {
background-image: url(/images/manager/icon/logoff_on.png);
float: left;
color: #09F;
background-color: #09F;
}
.pan {
background-image: url(/images/manager/panbg.jpg);
background-repeat: repeat-x;
width: 99%;
display: block;
height: 20px;
letter-spacing: 1px;
text-decoration: none;
padding-left: 1%;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCC;
font-size: 11px;
padding-top: 3px;
clear: both;
}
.pan .text {
font-size: 11px;
color: #666;
text-decoration: none;
padding-right: 5px;
padding-left: 5px;
padding-top: 3px;
}
.pan .now {
font-size: 11px;
color: #06F;
text-decoration: none;
padding-top: 3px;
}
.out {
letter-spacing: normal;
background-image: url(/images/manager/panbg.jpg);
margin: 0px;
color: #333;
display: inline;
float: right;
text-decoration: none;
line-height: normal;
height: 100%;
width: 80px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
* html .out{
letter-spacing: normal;
background-image: url(/images/manager/panbg.jpg);
color: #333;
display: inline;
float: right;
text-decoration: none;
line-height: normal;
padding: 0px;
height: 100%;
width: 80px;
margin-top: -12px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
.out:hover {
color: #FFF;
background-image: url(/images/manager/panbg_log.png);
}
.out .outtext {
font-size: 12px;
background-image: url(/images/manager/icon/logoff_off.png);
padding-left: 20px;
background-repeat: no-repeat;
background-position: 0px 0px;
padding-top: 0px;
margin: 0px;
padding-right: 0px;
padding-bottom: 0px;
line-height: normal;
display: inline;
height: 100%;
width: 100%;
}
.out .outtext:hover {
font-size: 12px;
color: #FFF;
background-image: url(/images/manager/icon/logoff_on.png);
}

/* add Tomizawa */
h1{
font-size: 12px;
padding: 0.4em;
background-color: #333;
color: #FFF;
}
h2{
font-size: 12px;
padding: 0.4em;
color: #333;
clear: both;
}

.disabled{
color: #999;
}

.page_info{
padding: 0.4em;
font-size: 12px;
clear: both;
}

.red{
color: #ff0000;
}

.error{
color: #ff0000;
padding: 0.4em;
}

a img{
border-style: none;
}

input,textarea,select{
font-size: 12px;
}
#calendar_container{
width: 165px;
}
/* FEP切り替え */
.fep_auto{
ime-mode: auto;
}
.fep_active{
ime-mode: active;
}
.fep_inactive{
ime-mode: inactive;
}
.fep_deactivated{
ime-mode: deactivated;
}

/* CSS Document */

.submenu {
width: 980px;
display: block;
height: 25px;
text-decoration: none;
font-size: 12px;
/*float: left;*/
clear: both;
}
.submenu .sort {
font-size: 12px;
color: #666;
text-decoration: none;
padding-left: 18px;
background-image: url(/images/manager/order/sort.jpg);
background-repeat: no-repeat;
display: block;
margin-right: 10px;
margin-left: 3px;
width: auto;
float: left;
height: 20px;
padding-top: 5px;
background-position: 0px 5px;
}
.submenu .sort:hover {
font-size: 12px;
color: #09F;
text-decoration: none;
padding-left: 18px;
background-image: url(/images/manager/order/sort_h.jpg);
background-repeat: no-repeat;
display: block;
margin-right: 10px;
margin-left: 3px;
width: auto;
float: left;
height: 20px;
padding-top: 5px;
background-position: 0px 5px;
}
.submenu .csv {
font-size: 12px;
color: #666;
text-decoration: none;
padding-left: 18px;
background-image: url(/images/manager/order/ya.jpg);
background-repeat: no-repeat;
display: block;
margin-right: 10px;
width: auto;
float: left;
background-position: 0px 5px;
height: 20px;
padding-top: 5px;
}
.submenu .csv:hover {
font-size: 12px;
color: #09F;
text-decoration: none;
padding-left: 18px;
background-image: url(/images/manager/order/ya_h.jpg);
background-repeat: no-repeat;
display: block;
margin-right: 10px;
width: auto;
float: left;
background-position: 0px 5px;
height: 20px;
padding-top: 5px;
}
.submenu .separate {
font-size: 12px;
color: #666;
text-decoration: none;
padding-left: 18px;
display: block;
margin-right: 10px;
margin-left: 3px;
width: auto;
float: left;
height: 20px;
padding-top: 5px;
background-position: 0px 5px;
}
.submenu .page {
font-size: 11px;
color: #666;
display: block;
height: 20px;
width: auto;
padding-top: 5px;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #666;
float: left;
padding-right: 10px;
padding-left: 10px;
margin-left: 5px;
}
.submenu .now {
color: #09F;
}
.submenu .page a {
color: #666;
text-decoration: none;
font-size: 12px;
}
.submenu .page a:hover {
color: #09F;
}
/*
.submenu .change {
background-image: url(/images/manager/order/change.jpg);
background-repeat: no-repeat;
display: block;
height: 17px;
width: 210px;
float: left;
background-position: right center;
}
.submenu .change:hover {
background-image: url(/images/manager/order/change_h.jpg);
}
*/
#content {
}
table {
border-collapse: collapse;
table-layout: fixed;
font-size: 12px;
width: 100%;
}

td, th {
padding: 0.4em;
border: 1px solid #CCC;
/*white-space: nowrap;*/
overflow: hidden;
}
caption{
text-align: left;
padding: 0.4em;
font-size: 12px;
font-weight: bold;
}

/*th {
white-space: pre;
}*/

thead, tfoot ,tr.thead {
background-color: #333;
color: #FFF;
}

tr.rowodd {
background-color: #FFF;
}

tr.roweven {
background-color: #F2F2F2;
}
tr.line_0 td{
background-color: #ffffff;
}
tr.line_1 td{
background-color: #f0f0f0;
}

/* mouseover */
tr.line_on th,
tr.line_on td{
background-color: #bfffff;
}

tr.line_active th,
tr.line_active td{
background-color: #ffdcdc;
}

tr.line_0_check th,
tr.line_0_check td{
background-color: #ffff7f;
}

tr.line_1_check th,
tr.line_1_check td{
background-color: #f0f078;
}

.sortcol {
cursor: pointer;
padding-right: 20px;
background-repeat: no-repeat;
background-position: right center;
}
.sortasc {
padding-right: 20px;
background-color: #09F;
background-image: url(/images/manager/up_w.gif);
background-repeat: no-repeat;
background-position: right center;
}
.sortdesc {
/*padding-right: 20px;*/
background-color: #A8D029;
background-image: url(/images/manager/down_w.gif);
background-repeat: no-repeat;
background-position: right center;
}

.sort{
cursor: pointer;
}
.sort:hover{
cursor: pointer;
text-decoration: underline;
}
.nosort {
cursor: default;
}
.look {
background-image: url(/images/manager/order/look.gif);
background-repeat: no-repeat;
background-position: center center;
display: block;
float: left;
height: 20px;
width: 20px;
margin-right: 1px;
border: 1px dotted #CCC;
}
.look:hover {
background-image: url(/images/manager/order/look_h.gif);
}
.ichan {
background-image: url(/images/manager/order/ichan.gif);
background-repeat: no-repeat;
background-position: center center;
display: block;
float: left;
height: 20px;
width: 20px;
margin-right: 1px;
border: 1px dotted #CCC;
}
.ichan:hover {
background-image: url(/images/manager/order/ichan_h.gif);
}
.icheck {
background-image: url(/images/manager/order/icheck.gif);
background-repeat: no-repeat;
background-position: center center;
display: block;
float: left;
height: 20px;
width: 20px;
border: 1px dotted #CCC;
}
.icheck:hover {
background-image: url(/images/manager/order/icheck_h.gif);
}

th.resize-handle-active {
cursor: e-resize;
}

div.resize-handle {
cursor: e-resize;
width: 2px;
border-right: 1px dashed #1E90FF;
position:absolute;
top:0;
left:0;
}

/* add Tomizawa */
th.label{
text-align: left;
padding: 0.4em;
background-color: #DCDCDC;
}

td.value{
padding: 0.4em;
}

td.button{
text-align: center;
padding: 1em;
}

#list_active,
tr.list_active td{
background-color: #ffdcdc;
}

/* 
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body {height: 100%;}

#wrap {
min-height: 100%;
background-image: url(/images/manager/bg.jpg);
background-repeat: repeat-x;
background-position: top;
}

#main {
overflow:auto;
padding-bottom: 35px;
} /* must be same height as the footer */

#footer {
position: relative;
margin-top: -35px; /* negative value of footer height */
height: 30px;
clear:both;
background-color: #333;
font-size: 11px;
color: #FFF;
text-align: center;
padding-top: 5px;
} 
#footer .futlogo {
background-image: url(/images/manager/smacom/futlogo.png);
display: block;
height: 14px;
width: 440px;
background-repeat: no-repeat;
padding-left: 77px;
padding-top: 6px;
margin-right: auto;
margin-left: auto;
}
#footer .version{
padding-left: 1px;
color: #00aded;
text-decoration: none;
font-weight: bold;
}
#footer .version:hover{
color: #fc0;
}

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}



/* IMPORTANT

You also need to include this conditional style in the <head> of your HTML file to feed this style to IE 6 and lower and 8 and higher.

[if !IE 7]>
<style type="text/css">
#wrap {display:table;height:100%}
</style>
<![endif]

*/
dl.notice_list{
padding: 10px;
font-size: 13px;
}
dl.notice_list dt{
width: 120px;
float: left;
padding: 3px;
}
dl.notice_list dd{
padding: 3px;
}
dl.notice_list dd a:link,
dl.notice_list dd a:visited{
color: #0000ff;
}
dl.notice_list dd a:active,
dl.notice_list dd a:hover{
color: #ff0000;
}
div.notice_more{
font-size: 13px;
margin: 10px;
}
#modal_overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }