@charset "utf-8";

/*--------------------------------------------------*/
/*Utility*/
/*--------------------------------------------------*/
.flL{float:left !important;}
.flR{float:right !important;}
.flN{float:none !important;}

.mt0{margin-top:0px !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt35{margin-top:35px !important;}
.mt40{margin-top:40px !important;}
.mt45{margin-top:45px !important;}
.mt50{margin-top:50px !important;}

.pt0{padding-top:0px !important;}
.pt5{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt25{padding-top:25px !important;}
.pt30{padding-top:30px !important;}
.pt35{padding-top:35px !important;}
.pt40{padding-top:40px !important;}
.pt45{padding-top:45px !important;}
.pt50{padding-top:50px !important;}

.mb0{margin-bottom:0px !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb35{margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important;}
.mb45{margin-bottom:45px !important;}
.mb50{margin-bottom:50px !important;}

.pb0{padding-bottom:0px !important;}
.pb5{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}
.pb25{padding-bottom:25px !important;}
.pb30{padding-bottom:30px !important;}
.pb35{padding-bottom:35px !important;}
.pb40{padding-bottom:40px !important;}
.pb45{padding-bottom:45px !important;}
.pb50{padding-bottom:50px !important;}

.pl0{padding-left:0px !important;}
.pl5{padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:20px !important;}
.pl25{padding-left:25px !important;}

.pr0{padding-right:0px !important;}
.pr5{padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}
.pr25{padding-right:25px !important;}

.fz18{font-size:138.46% !important;}
.fz17{font-size:130.77% !important;}
.fz16{font-size:123.08% !important;}
.fz15{font-size:115.38% !important;}
.fz14{font-size:107.69% !important;}
.fz13{font-size:100% !important;}
.fz12{font-size:92.31% !important;}
.fz11{font-size:84.62% !important;}
.fz10{font-size:76.92% !important;}

.taL{text-align:left !important;}
.taC{text-align:center !important;}
.taR{text-align:right !important;}

.vaT{vertical-align: top !important;}
.vaM{vertical-align: middle !important;}
.vaB{vertical-align: bottom !important;}

.fwB{font-weight:bold !important;}
.fwN{font-weight:normal !important;}

.clB{clear: both !important;}

.red{color:#C00 !important;}
.blue{color:#00C !important;}


/*--------------------------------------------------*/
/*TAB*/
/*--------------------------------------------------*/
/* Caution! Ensure accessibility in print and other media types... */
/* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
@media projection, screen { 
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
/*
@media print {
    .ui-tabs-nav {
        display: none;
    }
}
*/

/* Skin */
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    display: block;
}
.ui-tabs-nav .ui-tabs-selected a {
    z-index: 2;
}
.ui-tabs-nav .ui-tabs-selected a:link,
.ui-tabs-nav .ui-tabs-selected a:visited,
.ui-tabs-nav .ui-tabs-disabled a:link,
.ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    /*cursor: text*/
    cursor: default;
}
.ui-tabs-nav a:hover,
.ui-tabs-nav a:focus,
.ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover,
.ui-tabs-nav .ui-tabs-unselect a:focus,
.ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}


/*--------------------------------------------------*/
/*FORM SELECT*/
/*--------------------------------------------------*/
input.iptStyle{
  padding:7px 5px 7px;
  background-color:#fafafa;
  border:1px solid #ddd;
  color:#666;
  font-size:92.31%;
}

select.sltStyle{
  height:32px;
  background-color:#fafafa;
  border:1px solid #ddd;
  font-size:92.31%;
  line-height:32px;
  display:inline-block;
}
select.sltStyle option{
  padding-right:23px;
  padding-left:5px;
}
/*IE7 hack*/
*:first-child+html select.sltStyle{
  height:auto;
}
/* IE8 hack */
html>/**/body select.sltStyle{
  margin/***/:10px¥9;
	height /***/: auto\9;
}

/*--------------------------------------------------*/
/*FORM SELECT*/
/*--------------------------------------------------*/
.easy-select-box{
  font-size:92.31%;
  display:inline-block;
  position:relative;
}
/*IE7 hack*/
*:first-child+html .easy-select-box{
  *display: inline;
  *zoom: 1;
}
.easy-select-box .esb-displayer{
  color:#333;
  text-decoration:none;
  z-index:99;
}
.nStyle .esb-displayer{
  min-width:16px;
  height:32px;
  padding-left:5px;
  padding-right:22px;
  background:#fafafa url(../img/select_arw.gif) right center no-repeat;
  border:1px solid #ddd;
  cursor:pointer;
  line-height:32px;
  display:block;
}
.easy-select-box .esb-dropdown{
  width:100%;
  margin:0 !important;
  padding:0 !important;
  min-height:33px;
  max-height:340px;
  background-color:#fafafa;
  border-bottom:1px solid #eee;
  border-left:1px solid #ddd;
  overflow-x:hidden;
  overflow-y:scroll;
  position:absolute;
  top:100%;
  left:0;
  display:none;
  z-index:100;
}
.easy-select-box .esb-dropdown .esb-item{
  margin:0 !important;
  padding:3px 23px 3px 5px;
  border-bottom:1px solid #eee;
  text-align:left !important;
  cursor:pointer;
}
.easy-select-box .esb-dropdown .esb-item.ov{background-color:#ddd;}


/*--------------------------------------------------*/
/*カレンダー*/
/*--------------------------------------------------*/
.ui-datepicker {
	width: 17em;
  background-color:#fff;
  border:1px solid #999;
	box-shadow:0px 0px 5px 0px #7f7f7f;
	padding: 40px 0 10px 20px;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	height: 1.8em;
  /* display:none; */
}
.ui-datepicker .ui-datepicker-prev {
	width: 10em;
  text-align:left;
	left: 2px;
  bottom:-35px;
}
.ui-datepicker .ui-datepicker-next {
	width: 10em;
  text-align:right;
	right: 2px;
  bottom:-35px;
}
.ui-datepicker .ui-datepicker-prev.ui-state-disabled,
.ui-datepicker .ui-datepicker-next.ui-state-disabled{color:#999999; text-decoration:none;}
/*
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
*/
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  /*
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
  */
  cursor:pointer;
}
.ui-datepicker .ui-datepicker-prev.ui-state-disabled span,
.ui-datepicker .ui-datepicker-next.ui-state-disabled span {cursor:default;}

.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
  color:#fff;
  font-weight:bold;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 49%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
  background-color:#fff;
  border-right:1px solid #d7d7d7;
  border-bottom:1px solid #d7d7d7;
  font-weight:normal;
	text-align: center;
}
.ui-datepicker th.ui-datepicker-week-sun{background-color:#fde9ea; color:#d60000;}
.ui-datepicker th.ui-datepicker-week-sut{background-color:#d9edf6; color:#2417e1;}
.ui-datepicker td {
  background-color:#fff;
  border-right:1px solid #d7d7d7;
  border-bottom:1px solid #d7d7d7;
}
.ui-datepicker td.ui-datepicker-week-sun{background-color:#fde9ea; color:#d60000;}
.ui-datepicker td.ui-datepicker-week-sut{background-color:#d9edf6; color:#2417e1;}
.ui-datepicker td span,
.ui-datepicker td a {
  color:#333;
	display: block;
	padding: .2em;
	text-decoration: none;
}
.ui-datepicker td.ui-datepicker-week-sun span,
.ui-datepicker td.ui-datepicker-week-sun a{color:#d60000;}
.ui-datepicker td.ui-datepicker-week-sut span,
.ui-datepicker td.ui-datepicker-week-sut a{color:#2417e1;}

.ui-datepicker td.ui-datepicker-current-day{background-color:#f0dd8e;}

.ui-datepicker td.ui-datepicker-today,
.ui-datepicker td a:hover, .ui-datepicker td a:active{background-color:#fff3c3;}
.ui-datepicker td.ui-datepicker-unselectable span{
  color:#999;
}

.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	/* margin: 20px 0 0 0; */
	margin: 0;
	padding: 0;
  position:absolute;
  top:10px;
  right:20px;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	/* float: right; */
  width:20px;
  height:20px;
  background:url(../img/calendar_close.gif) left center no-repeat;
  border:none;
	cursor: pointer;
	overflow:hidden;
}
.ui-datepicker .ui-datepicker-buttonpane button span{display:none;}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
  display:none;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	/* width: auto; */
  width:516px;
}
.ui-datepicker-multi .ui-datepicker-group {
  width:238px;
  margin-right:20px;
  background-color:#ff4960;
	float: left;
  position:relative;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	/* width: 50%; */
  width:238px;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last {
  margin-right:0;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}
.ui-datepicker-trigger{
  cursor:pointer;
}

.calendarNote{
  padding:0 20px;
  margin-top:1.5em;
}
.calendarNote p{
  margin:0;
  font-size:84.62%;
  text-align:right;
}



/*--------------------------------------------------*/
/*clearfix*/
/*--------------------------------------------------*/
.clearfix:after{
content:"";
display:block;
clear:both;
}
/*IE6, 7*/
.clearfix{* zoom:1;}