@charset "utf-8";

/* Selectbox Styles
=================================*/

input.sctble,
input.sBox {
  border: solid #DDD 1px !important;
  padding-left: .2em !important;
  width: 7em;
  height: 22px !important;
  background: url(../image/icon_select.gif) no-repeat right 0 !important;
  line-height: 22px !important;
  cursor: default !important;
}

input.sctble.hover,
input.sBox.hover { background-position: right -21px !important }
input.sctble.focus,
input.sBox.focus { background-position: right -42px !important }

input.m_year,
input.s_year { width: 4.5em }
input.m_month,
input.s_month,
input.m_day,
input.s_day { width: 3em }

/* Pulldown Mat (Basis)
=================================*/


#date_year_mat {display:block; float:left; background-color: #fafafa; border:#cccccc 1px solid; padding:2px 4px 0 4px;}
#date_year_mat {_padding:2px 4px 2px 4px;}
#date_year_mat div a { background: url(../image/bg_year.gif) 0 100% repeat-x; display:block; float:left; color:#2e6fc0; text-decoration:none; text-align:center; width:2.5em; margin:2px 0; padding:3px 5px 7px 5px;}
#date_year_mat div a.a01 { background:none;}
#date_year_mat div a:hover { color:#ffffff; background-color:#3da8b8;}

#date_month_mat {display:block; float:left; background-color: #fafafa; border:#cccccc 1px solid; padding:2px 4px 0 4px;}
#date_month_mat {_padding:2px 4px 2px 4px;}
#date_month_mat div a {background: url(../image/bg_month.gif) 0 100% repeat-x; display:block; float:left; color:#2e6fc0; text-decoration:none; text-align:center; width:1.5em; margin:2px 0; padding:4px 3px 6px 3px;}
#date_month_mat div a.a01 { background:none;}
#date_month_mat div a:hover { color:#ffffff; background-color:#3da8b8;}

#date_day_mat { border:#cccccc 1px solid; background:#fafafa; padding:8px 8px 0 8px;}
/*
#date_day_mat {_padding:8px;}
*/
#date_day_mat div { border-top-style: solid; border-top-width: 1px; border-top-color: #dddddd; margin-bottom: 8px; }
#date_day_mat div a { display:block; float:left; color:#2e6fc0; text-decoration:none; text-align:center; width:2em; padding:5px 2px; background-color:#fafafa; border-style: solid; border-width: 0 1px 1px 0; border-color: #dddddd;}
#date_day_mat div a.a02 { background: url(../image/bg_day.gif) 0 -1px no-repeat;}
#date_day_mat div a:hover { color:#ffffff; background-color:#3da8b8; border-style: solid; border-width: 0 1px 1px 0; border-color: #dddddd;}

div.sctble_mat br {
   clear: both;
   overflow: hidden;
   width: 1px;
   height: 1px;
   margin: 0 -1px -1px 0;
   border: 0;
   padding: 0;
   font-size: 0;
   line-height: 0;
}

div.sctble_mat br.last {
   clear: both;
   overflow: hidden;
   width: 1px;
   height: 1px;
   margin: 0 -1px -1px 0;
   border: 0;
   padding: 0;
   font-size: 0;
   line-height: 0;

    diaplay:inline;
    width:16.4em;
}