@charset "UTF-8";
/*body {margin:0;padding:0;font: normal 13px/1.5em Verdana;}*/
/*  * { border: 1px solid red;} */
img, input { /* vertical-align:middle; */}
/*input      { max-width: 600px; }*/
input.readonly {color:#999; border: 1px solid #ccc; padding: 2px;}
/*input[type=text],input[type=password] {width:auto;}*/

table {margin:1px;}
table th{border:0px;padding:2px;}
table td{border:0px;padding:2px;}
textarea {width:auto;height:auto;}



/* POSTCODE */
input.replace_ok {background-color:#ffff99;}
input.replace_warn {background-color:#ff9999;}

html {height : 100%;}
body {
	background-color: #fff;
	color: #564B47;
}
#container {
	background-color: #fff;
	margin-bottom: 10px;
	margin-left :auto;
	margin-right: auto;
	border: 1px #ccc solid; 
}
#banner {
	background-color: #ffffff;
	text-align:left;
}

#left {
	float: left;
	margin: 3px;
	padding: 0px;
	/*width: 200px;*/
}
#footer {
	clear: both;
	margin: 0px;
	padding: 0px;
}

img       {vertical-align: text-bottom;}

div.navi1 {background-color: #5f7992; color: #ffffff; padding: 5px; font-weight: normal; margin-bottom: 10px;}
div.navi2 {background-color: #dbe2e2; color: #5382b3; padding: 5px; font-weight: normal; margin-bottom: 10px;}
div.navi3 {background-color: #889999; color: #ffffff; padding: 4px; font-weight: normal; margin-top: 5px;}
div.message {background-color: #0000cc; color: #ffffff; }
/* FORM */
table.form th       {background-color: #fff;  font-weight: normal;}
table.form td       {background-color: #fff; vertical-align: top;}
span.required {color:#ff0000; }
div.checkList {background-color: #ffffff;}
table.fields td.fields_h { padding:2px 5px 2px 10px; background-color: #fff;  } 
table tr.fields {background-color: #f8f8f8; color: #000000; border-bottom:1px solid #fff;}


/* LIST TABLE */
table.list            {border-collapse: collapse; border-color: #eee; border-style: solid; border-width: 1px;}
/*
table.list th         {text-align: center; font-weight: normal; background-color: #758791; color: #fff; border-color: #fff; border-style: solid; border-width: 1px; }
*/
table.list th         {text-align: center; font-weight: normal; color: #fff; border: #fff solid 1px;background: url(list_th.png) repeat-x ; background-color: #7597a8;}

table.list td         {color: #000; border-color: #ddd; border-style: solid; border-width: 1px; }    
table.list td.navi1   {background-color: #556666; color: #fff; font-weight: bolder; text-align: center; }
table.list td.navi2   {background-color: #556666; color: #fff; font-weight: bolder; text-align: center; }
table.list td.navi3   {background-color: #666; color: #ffffff; }
table.list tr.navi1   {background-color: #eee;}
table.list tr.navi2   {background-color: #fff;}
table.list tr.navi3   {background-color: #fdd;}
tr.mouseout           {background-color: #fff; }
tr.mousein            {background-color: #ffc; }


/*
table.list td[axis='number'], td[axis='date'] {text-align:right;}
*/
A.blue                {font-size: 12px; color: #0000ff; text-decoration:underline; cursor: auto;}
A.blue:link           {color: #0000ff; }
A.blue:visited        {color: #0000ff; }
A.blue:hover          {cursor: pointer;}

A.white                {font-size: 12px; color: #fff; text-decoration:underline; cursor: auto;}
A.white:hover          {color: #fff; background-color: Red; cursor: pointer;}

A.sort_link           {font-size  : inherit; DISPLAY: block; }
A.sort_link:link      {color: #ffffff; }
A.sort_link:visited   {color: #ffffff; }
A.sort_link:hover     {color: #ffffff; background-color: #ff0000; }
A.sort_link img       {margin-bottom:2px;}

table.detail          {font-size  : inherit;  border-collapse: collapse; }
table.detail td.navi1 {color: #fff; font-weight: bolder; text-align: center; background: url(td_navi1.png); background-color:93a0ae; padding:3px; border: 1px solid #ffffff;}    
table.detail td.navi2 {background-color: #444; color: #fff; border-color: #ccc; text-align: center; text-align: center; }    
/*
table.detail th       {background-color: #778899; color: #fff; font-weight: normal; border-color: #ccc; border-style: solid; border-width: 1px; text-align: right; white-space: nowrap;}
*/
table.detail th       {padding:2px 5px 2px 10px;background: url(detail_th.png) repeat-x ; background-color: #588d8e; color: #fff; border: #ccc 1px solid;font-weight: normal;text-align: right; white-space: nowrap;}
table.detail td       {background-color: #ffffff; color: #000; border-color: #ccc; border-style: solid; border-width: 1px; }    
table.detail td.right {background-color: #f0f0f0; color: #000; border-color: #ccc; border-style: solid; border-width: 1px; text-align: right;}    

table.detail tr.fields td.fields_h {background-color: #778899; color: #fff; border : 1px solid #fff;}
table.detail tr.fields td {background-color: #ffffff; border-bottom : 1px solid #eee;}

a.button {
	background:url(green.gif);
	padding:0px 4px;
	border:1px solid #3b6e22;
	height:20px; 
	line-height:20px;
	color:#FFFFFF;
	font-size:12px;
	margin-right:4px;
	display:inline-block;
	text-decoration:none;
}
a.button:hover     {border:1px solid #ff0000;}


a.green {
	background:url(green.gif);
	padding:0px 4px;
	border:1px solid #3b6e22;
	height:20px; 
	line-height:20px;
	color:#FFFFFF;
	font-size:12px;
	margin-right:4px;
	display:inline-block;
	text-decoration:none;
}
a.green:hover     {border:1px solid #ff0000;}

#Footer {color:#9999ff;text-align:center;float:left;width:100%;font-size:93%;font-weight: normal; border-top:1px solid #9999cc;line-height:normal;}

/* PAGE NAVIGATION */
.pagination {
  margin: 0;
  background-color: #95a7b1; 
}
.pagination ul {
  margin:0;
  padding:0;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  *zoom: 1;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.pagination li {
  display: inline;
}
.pagination a {
  float: left;
  padding: 0 5px;
  line-height: 20px;
  text-decoration: none;
  border: 1px solid #ddd;
  border-left-width: 0;
  color: #fff;
}
.pagination a:hover,
.pagination .active a {
	background:#f00;
}
.pagination .active a {
  cursor: default;
}
.pagination .disabled span,
.pagination .disabled a,
.pagination .disabled a:hover {
  color: #999999;
  cursor: default;
}
.pagination li:first-child a {
  border-left-width: 1px;
  -webkit-border-radius: 3px 0 0 3px;
          border-radius: 3px 0 0 3px;
}
.pagination li:last-child a {
  -webkit-border-radius: 0 3px 3px 0;
          border-radius: 0 3px 3px 0;
}
.pagination-centered {
  text-align: center;
}
.pagination-right {
  text-align: right;
}
.pagination table td { border-style:none; white-space:nowrap;}
.pagination .result_info{
	margin-right:5px;
	color:#fff;
}

/* AJAX WINDOW_LAY */
div.window_bar_h      {font-size  : inherit; padding: 4px 1px 2px 5px; text-align: right; color : White; background-image: url(window/window_bar_h.png); border-color: #ccc; border-style: solid; border-width: 1px;}
div.window_bar_f      {font-size  : 11px; vertical-align: bottom; text-align: right; color : Black; background-image: url(window/window_bar_f.png); border-color: #ccc; border-style: solid; border-width: 1px;}
a.icon                {text-decoration: none; border-style: solid; border-width: 0px; border-color: #fff;}
a.icon:link           {border-style: solid; border-width: 0px; border-color: #fff;}
a.icon:visited        {border-style: solid; border-width: 0px; border-color: #fff;}
a.icon:hover          {border-style: solid; border-width: 1px; border-color: #f00; }

div.loading_message   {background-color: White; color:Teal; text-align: center; height:100px; font-weight: bolder; padding-top:50px; }

/* TAB CONTROL */
table.tab             {font-size : inherit; border-collapse: collapse; padding : 0; border : 0;  }
table.tab td.navi1    {color: #fff; font-weight: bolder; text-align: center; background: url(../image/td_navi1.png); padding:6px;}
table.tab td.frame     {background-color:#fff; border: 2px solid; border-color: #cccccc #aaaaaa #aaaaaa #cccccc ; height:100%;vertical-align:top;}

span.tab_left         { font-size : 12px; background-image: url(tab/tab_left.gif); padding:0px 0px 12px 4px;}
span.tab_center       { font-size : 12px; background-image: url(tab/tab_center.gif); padding:4px 0px 8px 4px; vertical-align:-4px;}
span.tab_right        { font-size : 12px; background-image: url(tab/tab_right.gif); padding:0px 0px 12px 4px;}
span.tab_active_left  { font-size : 12px; background-image: url(tab/tab_active_left.jpg);padding:0px 0px 12px 4px;}
span.tab_active_center{ font-size : 12px; background-image: url(tab/tab_active_center.jpg); padding:4px 0px 8px 4px;vertical-align:-4px; color:White;}
span.tab_active_right { font-size : 12px; background-image: url(tab/tab_active_right.jpg);padding:0px 0px 12px 4px;}

/* TOOLTIP */
div.tooltip { 
/*
filter:alpha(opacity=100); 
-moz-opacity: 1.0; 
opacity:1.0;
zIndex:4;
*/
}
div.kakumaru_back1{
	background-color: transparent ; margin: 1em ;
}
b.kakumaru_back2 { 
	display: block; background-color: transparent ;
}
b.kakumaru_back3 {
	display: block; overflow: hidden; height: 1px;
}
p.kakumaru_content{
	margin:0 5px;
}

a.m_move         {font-size : 15px;  }
a.m_move:link    {color: #33F; }
a.m_move:visited {color: #33F; }
a.m_move:hover   {color: #fff; background-color: #006; }

/* TIME INPUT CONTROL */
#WINDOW_SELECTTIME       {background-color: #fff; position: absolute; border-color: #000; border-style: solid; border-width: 1px;}
table.select_time        {font-size  : inherit;  border-collapse: collapse;}
table.select_time th     {text-align: left ; font-size  : inherit; background-color: #ccd; color: #000; border-color: #666; border-style: solid; border-width: 1px; width : 15px; white-space: nowrap;}
table.select_time td     {font-size  : inherit; background-color: #fff; border-color: #999; border-style: solid; border-width: 1px; }
table.select_time td.h   {text-align: center; color: #000000; }
table.select_time td.m   {text-align: left; }
      
ul.select_time              {list-style: none; margin: 0;padding: 0;}
ul.select_time li           { margin: 0;padding: 0;  }
ul.select_time li.div       { margin: 0;padding: 0;border-top: 1px dashed #999;}
ul.select_time li a         {font-size : inherit; color:#00f; display: block; margin: 0; width:100%; text-decoration: none;}
ul.select_time li a:link    { }
ul.select_time li a:visited { }
ul.select_time li a:hover   {background-color: #00f; color:#fff;}

A.min_type               {PADDING-RIGHT: 0ex; DISPLAY: block; text-decoration: none; font-weight: normal;}
A.min_type:link          {color: #33f; }
A.min_type:visited       {color: #33f; }
A.min_type:hover         {color: #ffffff; background-color: #f33;}

/* k2 calendar lay */
#WINDOW_CALENDAR         {background-color: #fff; position: absolute; border-color: #000; border-style: solid; border-width: 1px;
        -webkit-box-shadow: 15px 15px 15px #606060;
        box-shadow: 15px 15px 15px #606060;
}
div.cal                  {background-color: #5c9ccc; padding:5px;}
div.cal_body             {background-color: #fff;padding:6px;
	-webkit-border-radius: 5px;
    border-radius: 5px;
}
table.cal_day            {background-color: #fff; width: 253px;}
table.cal_day img        {border:none;}
table.cal_day th         {font-size: 12px; border:1px solid #c0cffc;}
table.cal_day th.menu    {background-color: #e1effa; color: #fff; border:none;}
table.cal_day th.week    {background-color: #fff; color: #000; }
table.cal_day th.week_sa {background-color: #90c0cf; color: #fff; }
table.cal_day th.week_su {background-color: #fc9090; color: #fff; }
table.cal_day td         {font-size: 12px; text-align: center; border:1px solid #c0cffc;}
table.cal_day td.today   {background-color: #fc6;}
table.cal_day td.d_select{background-color: #ffc;}
table.cal_day td.normal  {background-color: #e1effa;}
table.cal_day td.d_out   {background-color: #fff;}
A.cal_menu               {PADDING-RIGHT: 0ex; DISPLAY: block; text-decoration: none; font-weight: normal;color: #33f; border:1px solid #e1effa;}
A.cal_menu:hover         {color: #ffffff; border:1px solid #f00;}
A.cal_day                {PADDING-RIGHT: 0ex; DISPLAY: block; text-decoration: none; color: #306090;}
A.cal_day:hover          {color: #ffffff; background-color: #5c9ccc;}
    
    
    
a.info{
    position:relative; /*this is the key*/
    /*z-index:24;*/ 
    color:#44d;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#ff0}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #999;
    background-color:#000; color:#fff;
    text-align: center}

div.collayout { width: 100%; border-style: none; margin-top: 10px; }
div.collayout div.col { float: left; width: 300px; border-style: solid; border-width: 0px 0px 0px 1px; border-color: #cccccc;  margin: 0px 5px; padding: 0px 5px 5px 5px;}

A.honbu_info                {color: #0000ff; text-decoration:underline; cursor: auto;}
A.honbu_info:link           {color: #0000ff; text-decoration:underline;}
A.honbu_info:visited        {color: #0000ff; text-decoration:underline;}
A.honbu_info:hover          {color: #fff; background-color: Red; cursor: pointer;}

span.b {
	font-weight: bolder;
}


.box_info, .box_success, .box_warning, .box_error, .box_validation {
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
}
.box_info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('box_info.png');
}
.box_success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('box_success.png');
}
.box_warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('box_warning.png');
}
.box_error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('box_error.png');
}
.box_validation {
    color: #D63301;
    background-color: #FFCCBA;
    background-image: url('box_validation.png');
}

div.f_value {padding:5px;background-color:#fff;color:#000;}
div.f_value_textarea {width:500px;}

span.highlight {background:#ff0;}

a.folder_note          {color: #090; text-decoration:none; cursor: auto;}
a.folder_note:link     {color: #090; text-decoration:none;}
a.folder_note:visited  {color: #090; text-decoration:none;}
a.folder_note:hover    {color: #090; cursor: pointer;}

tr.s_item0 td {background-color:#fff;color:#000;}
tr.s_item1 td {background-color:#f00;color:#fff;}

div.errors {
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('box_error.png');
}