@charset "UTF-8";

/*body {margin:0;padding:0;font: normal 13px/1.5em Verdana;}*/
body {
	font-family:"Helvetica Neue", Helvetica, Arial, "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif
}

img, input { verticalalign:middle;}
input      { max-width: 600px; }
input.readonly {color:#999; border: 1px solid #ccc; padding: 2px;}
/* yui */
table {margin:1px;}
table th{border:0px;padding:2px;}
table td{border:0px;padding:2px;}
textarea {width:auto;height:auto;}
input[type=text],input[type=password] {width:auto;}

img{border:0;}

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

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

/* box */
.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;
    
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.box_info {
    color: #00529B;
    background-color: #D0E5F8;
    background-image: url('box/box_info.png');
}
.box_success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('box/box_success.png');
}
.box_warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('box/box_warning.png');
}
.box_error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('box/box_error.png');
}
.box_validation {
    color: #D63301;
    background-color: #FFCCBA;
    background-image: url('box/box_validation.png');
}

A.blue                {font-size: 12px; color: #0000ff; text-decoration:underline; cursor: auto; padding:2px;}
A.blue:hover          {color: #fff; background-color: Red; cursor: pointer;}

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

a.button {
    background: transparent url('bg_button_a.png') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 18px;
    margin-right: 3px;
    margin-bottom: 4px;
    padding-right: 10px;
    text-decoration: none;
}
a.button span {
    background: transparent url('bg_button_span.png') no-repeat;
    display: block;
    line-height: 9px;
    padding: 5px 0px 4px 12px;
}
a.button:hover {
	text-decoration:underline;
	color: #ffffff;
  background-position:100% -18px;
}
a.button:hover span {
  background-position:0% -18px;
}

a.button1 {
	background:#669999;
	padding:0px 4px 0px 4px;
	border:1px solid;
	border-color: #609060 #306020 #306020 #609060 ;
	height:20px; 
	line-height:20px;
	color:#FFFFFF;
	font-size:12px;
	margin-right:4px;
	display:inline-block;
	text-decoration:none;
}
a.button1:hover {
	background:#336666;
	border:1px solid #ff6666;
}

/* 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;}

/* AJAX WINDOW_LAY */
div.WINDOWLAY { background-color: #f00;
	-webkit-box-shadow: 15px 15px 15px #606060;
	-moz-box-shadow: 15px 15px 15px #606060;
}
div.window_border     {border:1px solid #303030;background:#cfcfcf;padding:0px;}
div.window_bar_h      {font-size  : inherit; padding: 4px 1px 2px 5px; text-align: right; color : White; background-image: url(window/window_bar_h_black1.png); border:1px solid #ccc;}
div.window_bar_f      {font-size  : 11px; vertical-align: bottom; text-align: right; color : Black; background-image: url(window/window_bar_f_black1.png); border:none;padding:3px;}
div.window_contents   {margin:2px 4px 2px 4px;padding:0px;background:#fff;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
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; }

/* 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;
}

/* 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;
	-moz-box-shadow: 15px 15px 15px #606060;
}
div.cal                  {background-color: #c0c0c0; padding:5px;}
div.cal_body             {background-color: #fff;padding:6px;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
table.cal_day            {background-color: #fff; width: 270px;}
table.cal_day img        {border:none;}
table.cal_day th         {font-size: 12px; border:1px solid #c0cffc;text-align:center;}
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;}
/* k2 time select */
ul.select_time li {list-style:none;}
table.select_time td.h {background-color:#f0f0f0; border : 1px solid #fff; color:#606060;}
table.select_time td.m {background-color:#f0f0f0; border : 1px solid #fff;}
table.minSelect td {background-color:#e0e0e0;}
/**/
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{
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #999;
    background-color:#000; color:#fff;
    text-align: center
}
div.info { 
	border : 1px solid #ccc;
}
div.info_navi {
	background:#F4F4F4 url(bgshade.gif) repeat-x scroll 0% 0%;
	border-bottom:1px solid #CCCCCC;
	color:#606060;
	margin:0pt 0pt 3px;
	padding:6px;
}
div.info ul {
	margin:0;
	padding:1px 10px 5px 1px;
	list-style:none;
	vertical-align:text-bottom;
}
div.info li {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ccc;
	border-left: 10px solid #3c3;
	padding:3px;
}
div.info li.todo {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ccc;
	border-left: 10px solid #c33;
	padding:3px;
}

div.sub_menu {
	padding:2px;
	background-color:#95a7b1;
	color:#fff;
	border-color: #657781; 
	border-style: solid; 
	border-width: 0px 0px 1px 10px;
}
div.sub_menu a {
	background-color:#eee;
	padding:2px 6px 2px 6px;
	border-collapse: collapse; 
	border-color: #eee #000 #000 #fff; 
	border-style: solid; 
	border-width: 1px;
	height:20px; 
	line-height:20px;
	color:#000;
	font-size:12px;
	margin-right:4px;
	text-decoration:none;
}
div.sub_menu a:hover {
	background-color: #0c0;
	color:#fff;
}

div.warn {padding:2px; background-color:#f00; color:#fff;}
/**/
div.checkList_frame {padding-left:5px; background-color:#fff; border:1px solid #c0c0c0;}
div.checkList_frame input {border:none;}
div.checkList {
	border:none;
}
/* CHECK LIST 横 */
div.checkListYoko {

}
div.checkListYoko ul {    
     _height: 20px; /* IE6 only */
}

div.checkList li{
	display:inline;
}
div.checkListYoko li {
	float:left;
}
div.checkListYoko label {
	white-space: nowrap;
	border-right : 1px solid #ccc;
}
div.checkListYoko input {
    vertical-align:-1px;
}
/* radio checklist */
div.checkList_frame table {border-collapse: collapse;}
div.checkList_frame table td {background-color:#fff; border-style: solid; border-width: 0px 1px 1px 0px; border-color: #ccc;}


/* step navigation */
ul.step_navi {
   list-style-type: none; /* suppression of useless elements */
   padding: 5px;
   margin: 0px;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size: 14px;
   margin-bottom:5px;
   
}
ul.step_navi li {float: left;} /* lists aligned to the left */
ul.step_navi a {
     margin: 0px;
     
     padding: 3px 0px 0px 0px;
     text-align: center;
     text-decoration: none;
     color: #fff;
     background: #5976A0;
     }
ul.step_navi a img {vertical-align:-3px;}
ul.step_navi span{
	vertical-align:2px;
	padding: 0px 10px 0px 10px;
	margin:0px;
}
ul.step_navi a:hover {
     background: #5976A0;
     }
ul.step_navi img {
	border: 0px;
	position:inherit;
	margin-top: 0px; 
	margin-bottom: 0px; 
	display:inline;
}
ul.step_navi .setupOn {
     background: #021746 !important;
	 color: #ffffff !important;
}