@charset "utf-8";
/* CSS Document */
#wrapper #main #head{
    min-width:940px;
	position:relative;
	background:#002286 url(../common_img/headBg.png) repeat-x left bottom;
    min-height:66px;	
}
#wrapper #main .header_area{
    float:none;
	position:absolute;
	right:0;
	top:0;	
}
#gnavi li{
    padding:1.5px;	
	
}
.gnaviMenu li{
    height:87px;
	overflow:hidden;
}
.preview_ss{border:1px solid #cccccc; background:#e9fbff;
	 padding:5px; display:none; position:absolute;}
.topDiv{
    position:fixed;
	right:0px;
	top:150px;	
}
h2.title01{
    margin:0;
	display:block;
	padding:5px 0 0 15px;	
	float:none;
}
#wrapper #main .contactDiv{
    float:left;
	display:block;
	margin:0;
}
#contents div.leftSide{
    width:200px;
	float:left;	
	font-weight:bold;
	line-height:25px;
	color:#000;
}
#contents div.leftSide a{
    line-height:18px;	
	text-decoration:underline;
}
#contents div.leftSide .textMiddle ul li a{
    text-decoration:none;	
}
#contents div.rightSide{
	width: 720px;
    float: right;
}
#resident .resident_calendar{
    width:720px;	
}
.leftSection01 h2{
    background:url(../common_img/img/titleTop_01.gif) no-repeat;
	width:200px;
	height:44px;
	line-height:44px;
	text-indent:1em;	
}
.leftSection02 h2{
    background:url(../common_img/img/titleTop_02.gif) no-repeat;
	width:200px;
	height:40px;
	line-height:40px;
	text-indent:1em;
	color:#fff;	
	position:relative;
}
.leftSection02 h2 span{
    position:absolute;
	right:10px;
	top:10px;	
}
.textMiddle{
    border-left:1px solid #002286;
	border-right:1px solid #002286;	
	padding:20px 20px 10px 20px;
	background:#fff;
}
.textMiddle ul li{
   background:url(../common_img/img/arrowOrange.gif) no-repeat left 10px;
   color:#0068b9;
   font-weight:bold; 
   padding:0px 10px 10px 10px;	
}
.lastLogin{
	padding:10px 0 0;	
}
.fontSize14{
    font-size:14px;	
}
.fontSize12{
    font-size:12px;	
}
.mt10{
    margin-top:10px;	
}
.mt20{
    margin-top:20px;	
}
.mt40{
    margin-top:40px;	
}
.blue{
    color:#0068b7;
}
a, a:link, a:visited{
    color:#0068b7;	
}
.blueLine{
	border-top:1px solid #ccd3e6;
}
.paddingBottm10{
    padding-bottom:10px;	
}
.topiclist{
    background:url(../common_img/img/topiclist.png) no-repeat;	
	width:940px;
	height:35px;
	line-height:35px;
	text-indent:1em;
	margin-bottom:20px;
}
.topiclist a{
    text-decoration:underline;	
}
#contents div.title_area{
    width:720px;
	height:73px;
	background:none;
	position:relative;		
}
#contents h3.title01{
	width:720px;
	height:73px;
	text-align:left;
	border-bottom:1px solid #ddd;
	margin-bottom:10px;
}
.btnButton,.button_right{
   position:absolute;
   right:0;
   top:20px;
}
.cate_bar03_ul,cal_news{
    padding:10px 20px;	
}
.cate_bar03_ul li,.cal_news li{
   padding:10px;
   background:url(../common_img/img/arrowBlue.gif) no-repeat left 15px;	
   line-height:20px;
}
.cate_bar03_ul li a,.cal_news li a{
    display:inline-block;
	font-weight:bold;	
}
.tabs{
	/*position:absolute;
	right:0;
	top:25px;
	font-size:24px;*/
	border-bottom:1px solid #cfd8dc;	
}
.tabs ul li{
    float:left;
	cursor:pointer;	
	background:url(../common_img/img/tabOn.jpg) no-repeat;
	width:180px;
	height:39px;
	line-height:39px;
	text-align:center;
	color:#000;
	font-weight:bold;
	margin-left:10px;
}
.tabs ul li.on{
   	
	
	background:url(../common_img/img/tab.jpg) no-repeat;
}
.reminderUl li{
   border-bottom:1px dotted #acacac;	
}
#resident .bloc01{
    width:720px;	
}
#resident .bloc01 .box01{
    width:220px;
	margin:10px;
	text-align:center;	
}
#resident .bloc01 .box01 p.info{
    float:none;	
	margin:5px auto;
}
#resident .bloc01 .box01 p.pic01{
    margin:0;
	text-align:center;	
}
#resident .bloc01 .box01 p.pic01 img{
    border-radius:5px;	
}
#resident .bloc01 .box01 p.btn01{
    margin:0 auto;
	padding:0;
	padding-right:5px;
	padding-bottom:10px;	
}
#resident .bloc01 .box01 p.btn0 a:hovew{
     	
}

.yestoday{
    width:250px;	
}
#resident .resident_timetable{
    width:720px;	
}
#resident .resident_calendar .date01 p {
    position: absolute;
    top: -12px;
    left: 0;
    text-align: left;
}
#resident table.list{
    margin:20px auto;
	color:#666;	
	background:url(../common_img/img/thBg.png) no-repeat left top;
	
}
#resident table.list_60{
	background:url(../common_img/img/thBg_60.png) no-repeat left top;
}
#resident table.input tr, 
#resident table.list tr,
#resident div.line,
#resident table.input tr.handle{
	background-image:none;
}
#resident table.list a.sort{
	color:#000;
}

#resident table.list th{
     background:none;
	 color:#000;
}
#resident table.list td{
    border-bottom:1px solid #cfd8dc;
	word-break: break-all;
}
#resident table.list td input[type=checkbox]{
	background:url(../common_img/img/check.png) no-repeat;
	width:16px;
	height:16px;
	-webkit-appearance:none;
	-moz-appearance:none;
	-o-appearance:none;
}
#resident table.list td input[type=checkbox]:checked{
	background:url(../common_img/img/checkEd.png) no-repeat;
	width:20px;
	height:20px;
	-webkit-appearance:none;
	-moz-appearance:none;
	-o-appearance:none;
	border-radius:0;
}
.btn_button12{
    text-indent:9999em;
	background:url(../common_img/button/btn_button12.gif) no-repeat;	
	width:88px;
	height:30px;
	border:none;	
}
#resident{
  /*  margin:80px auto;*/	
}
/*==========calendar==========*/
.dateDefault{
    position:relative;	
}
select,.dateDefault .dateSelect select{
	background:#f4f4f4 url(../common_img/img/selectBgMiddle.png) no-repeat 95% center;
	padding-right:20px;
	height:30px;
	line-height:30px;
	border:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	-o-appearance:none;
	vertical-align:middle;
	border:1px solid #dddddd;
	border-radius:5px;
	min-width:110px;
	
}
.dateDefault select{
	background:#f4f4f4 url(../common_img/img/selectBgMiddle.png) no-repeat 95% center;		
	padding-right:20px;
	height:30px;
	line-height:30px;
	border:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	-o-appearance:none;
	vertical-align:middle;
	border:1px solid #dddddd;
	border-radius:5px;
	min-width:110px;
	
}
.dateSpan{
	color:#546e7a;
	font-size:24px;
}
.dateRight{
    position:absolute;
	right:0;
	top:-5px;	
}
.monthPrev{
	background:url(../common_img/img/btn_datePrev.png) no-repeat;	
	width:70px;
	height:30px;
	line-height:30px;
	text-align:center;
	display:inline-block;
	padding:0;
	margin:0;
	border:none;
	color:#000;
	padding-left:10px;
	
}
.monthNext{
	background:url(../common_img/img/btn_dateNext.png) no-repeat;	
	width:70px;
	height:30px;
	line-height:30px;
	text-align:center;
	display:inline-block;
	padding:0;
	margin:0;
	border:none;
	color:#000;
	padding-right:10px;
}
.monthCheck{
    margin-left:20px;	
	font-weight:bold;
	font-size:12px;
}
#resident .resident_calendar table.box02,
#resident .resident_calendar table.box01{
	background:url(../common_img/img/calendarThBg.jpg) no-repeat left top;
}
#resident .resident_calendar table.box02 th,
#resident .resident_calendar table.box01 th{
    background:none;	
	padding:8px 0;
	border:none;
}
#resident .resident_calendar table.box02 td.gray,
#resident .resident_calendar table.box01 td.gray{
	background:#fff7f7;	
}
#resident .resident_calendar table.box02 td,
#resident .resident_calendar table.box01 td{
	background:#ffffff;
	padding:5px 0;
}
#resident .resident_calendar table.box02 td span a, 
#resident .resident_calendar table.box02 td span a:link, 
#resident .resident_calendar table.box02 td span a:visited,
#resident .resident_calendar table.box01 td span a, 
#resident .resident_calendar table.box01 td span a:link, 
#resident .resident_calendar table.box01 td span a:visited{
	border-bottom:none;
	background:#ffffff;
	width: 102px;
    text-overflow: ellipsis;
    white-space: nowrap;
	overflow: hidden; 
}

#resident .resident_calendar table.box02 td span.plan a, 
#resident .resident_calendar table.box02 td span.plan a:link,
#resident .resident_calendar table.box02 td span.plan a:visited,
#resident .resident_calendar table.box01 td span.plan a, 
#resident .resident_calendar table.box01 td span.plan a:link,
#resident .resident_calendar table.box01 td span.plan a:visited{
	background:#ffffff;
	color:#0068b7;
}
#resident .resident_calendar table.box02 td.today,
#resident .resident_calendar table.box02 td.today span a,
#resident .resident_calendar table.box01 td.today,
#resident .resident_calendar table.box01 td.today span a,
#resident .resident_calendar table.box01 td.today span.plan a{
	background-color: #fef9e3;
	
}
#resident .resident_calendar table.box02 td.sun,
#resident .resident_calendar table.box02 td.sun span a,
#resident .resident_calendar table.box02 td.sun span.plan a,
#resident .resident_calendar table.box01 td.sun,
#resident .resident_calendar table.box01 td.sun span a,
#resident .resident_calendar table.box01 td.sun span.plan a{
	background:#fff7f7;	
	color:#0068b7;
}
#resident .resident_calendar table.box02 td.sun span a,
#resident .resident_calendar table.box01 td.sun span a{
	color:#e60012;
}
#resident .resident_calendar table.box02 td.sat,
#resident .resident_calendar table.box02 td.sat span a,
#resident .resident_calendar table.box02 td.sat span.plan a,
#resident .resident_calendar table.box01 td.sat,
#resident .resident_calendar table.box01 td.sat span a,
#resident .resident_calendar table.box01 td.sat span.plan a{
    background:#eef6fa;
}
#resident .resident_calendar table.box02 td.sat span a, 
#resident .resident_calendar table.box02 td.sat span a:link, 
#resident .resident_calendar table.box02 td.sat span a:visited,
#resident .resident_calendar table.box02 th.sat, 
#resident .resident_calendar table.box02 td.sat,
#resident .resident_calendar table.box01 td.sat span a, 
#resident .resident_calendar table.box01 td.sat span a:link, 
#resident .resident_calendar table.box01 td.sat span a:visited,
#resident .resident_calendar table.box01 th.sat, 
#resident .resident_calendar table.box01 td.sat{
	color:#0068b7;
}
#resident .resident_calendar table.box02 td.gray span,
#resident .resident_calendar table.box01 td.gray span
{
    margin:0;	
	padding:5px 0;
}
/*==========booking==========*/
.tab02Div{
    position:relative;	
	margin-top:20px;
	border-bottom:1px solid #cfd8dc;
	padding-bottom:5px;
}
.tab02Ul{
    width:590px;
	overflow:hidden;
	position:absolute;
	top:-5px;
	left:70px;
}
.tab02PPrev{
	display:inline-block;
}
.tab02PNext{
	display:inline-block;
	position:absolute;
	right:0;
	top:0;
}
ul.facility_category,ul.facility_category01{
	height:41px;
	overflow-x:auto;
	overflow-y:hidden;
	border:none;
}
ul.facility_category02{
	min-height:52px;
	overflow-x:auto;
	overflow-y:hidden;
	border:none;
}
ul.facility_category li{
    float:left;	
	background:url(../common_img/img/bookingTab.jpg) no-repeat;
	border:none;
	width:125px;
	height:40px;
	line-height:40px;
	text-align:center;
	padding:0 5px;
	margin:0 5px;
	white-space:nowrap; 
	overflow:hidden; 
	text-overflow:ellipsis;
    font-weight:bold;
}
ul.facility_category01 li{
	float:left;	
	background:url(../common_img/img/tab02Bg.png) no-repeat;
	border:none;
	width:125px;
	height:40px;
	line-height:40px;
	text-align:center;
	padding:0 5px;
	margin:0 5px;
	white-space:nowrap; 
	overflow:hidden; 
	text-overflow:ellipsis;
	font-weight:bold;
	
}
ul.facility_category02 li{
	float:left;	
	width:135px;
	margin:0 5px;
	
}

ul.facility_category li.selected{
	background:url(../common_img/img/bookingTabOn.jpg) no-repeat;
	background-color:none;
	border:none;
}
ul.facility_category li a{
	width:135px;
	height:40px;
	line-height:40px;
	display:inline-block;
	color:#000;
}
.statusLeft{
    width:55px;
	float:left;
}
.statusRight{
    width:55px;
	float:right;	
}
.statusMiddle{
    width: 610px;
    display: inline-block;
}

div.booking_time{
    text-align:center;
	height:auto;
	min-height:52px;
	font-size:12px;
}




/*==========box==========*/
.scroll{
    width:720px;	
}
.box {
	height:40px; 
	width:580px;
	margin:0 15px;
	overflow: hidden;
	overflow: hidden;
	position:relative; 
	display:inline-block;
	background:none;
	padding:0;
	border:none;
 } 
 .H120{
    min-height:50px;	
}
.textLongSpan{
	position:absolute;
	top:-35px;
	left:0;
	background:#f4f4f4;
	border:1px solid #ddd;
	z-index:10000;
	padding:5px;
}
a.prev, a.next,a.prev01, a.next01 {
	background:url(../common_img/img/tab02Prev.png) no-repeat 0 0; 
	display:block;
	width:55px;
	height:30px; 
	float:left; 
	margin:5px 0 0 0; 
	cursor:pointer;
} 
a.next,a.next01 { 
    background-image:url(../common_img/img/tab02Next.png);
	float:right; 
} 
a.prev01, a.next01{
    float:none;	
	margin-bottom:13px;
}
.scroll_list{ 
    width:10000em;
	position:absolute;
}
.facilityDiv{
	background:url(../common_img/img/legendBg1.png) no-repeat left center;
	text-indent:1em;
	height:49px;
	line-height:29px;
	font-weight:bold;
	font-size:12px;
}
.facilityDiv p{
    display:inline-block;
	padding:0;
	margin:0;
	margin-right:10px;
}
.lengend01{
    background:#e7ebe7;
	width:30px;
	height:15px;
	display:inline-block;	
	margin-right:2px;
	vertical-align:middle;
}
.lengend05{
	background:#B0D8FF;;
	width:30px;
	height:15px;
	display:inline-block;
	margin-right:2px;
	vertical-align:middle;
}
.lengend06{
	background:#FFAAAA;
	width:30px;
	height:15px;
	display:inline-block;
	margin-right:2px;
	vertical-align:middle;
}
.lengend02{
	background:#54a4ee;
	width:30px;
	height:15px;
	display:inline-block;
	margin-right:2px;
	vertical-align:middle;
}
.lengend03{
	background:#f6dbdc;
	width:30px;
	height:15px;
	display:inline-block;
	margin-right:2px;
	vertical-align:middle;
}
.lengend04{
	background:#f29c9f;
	width:30px;
	height:15px;
	display:inline-block;
	margin-right:2px;
	vertical-align:middle;
}
.toolbar{
    text-align:center;	
	padding:0;
	font-size:12px;
}
.yestoday{
	background:url(../common_img/img/btn_yearPrev.png) no-repeat;
	width:160px;
	height:30px;
	line-height:30px;
	padding:0;
	text-indent:2em;
}
.tomorrow{
	background:url(../common_img/img/btn_yearNext.png) no-repeat;
	width:160px;
	height:30px;
	line-height:30px;
	padding:0;
	text-indent:-1em;
}
.yestoday a,.tomorrow a{
    color:#000;
	font-weight:bold;	
}
div.today{
    float:none;
	text-align:center;	
	display:inline-block;
}
input.hasDatepicker,#contents input[type=text]{
	background:#fff;
	border:1px solid #dddddd;
	border-radius:5px;
	padding:5px 10px;
	font-weight:bold;
}

#contents  table.input input[type=text]{
	background:#fff;
	border:1px solid #dddddd;
	border-radius:5px;
	padding:5px 10px;
}
#contents  table.input .dateTd input[type=text] {
	background:#fff;
	border:1px solid #dddddd;
	border-radius:5px;
	padding:5px 10px;
}

#resident table.input td.titleInput img{
	margin:0;
}
#resident .resident_timetable  table.list,#resident  .resident_timetable table.booking tr.header th{
    background:none;
	border:none;	
}
#resident  .resident_timetable table.booking tr.header th{
	background:url(../common_img/img/tab02Bg.png) no-repeat center;
	height:40px;
	text-align:center;
	line-height:40px;
	padding:0;
	text-overflow:ellipsis;
	position:relative;
}
 .textStatus{
    width:120px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	margin:0 auto;
	
}
.textStatus p{
	background:#e9fbff;  
	border:1px solid #548fd5;
	padding:2px 5px;
	position:absolute;
	top:-5px;
	z-index:10000;
}
#resident  .resident_timetable table.booking tr.header th.tab02Prev,
#resident  .resident_timetable table.booking tr.header th.tab02Next{
	background:none;
}

/*==========mail==========*/
#resident table.input{
    border:none;
		
}
#resident table.input th{
	background:#e7ebe7;
}
#resident table.input th.title{
  	background:url(../common_img/img/thBg.png) no-repeat left top;
	border:none;
}
#resident table.input th,#resident table.input td{
	border-bottom:1px solid #cfd8dc;
}
/*==========status==========*/
#resident .reservation p{
	padding:o;
	text-align:left;
}
#resident .reservation{
    width:720px;	
}
#resident .reservation .box{
    height:auto;	
}



ul.facility_category02 li div{
    min-height:50px;
	width:133px;
	
	border:1px solid #fff;
	background:#e7ebe7;
}
ul.facility_category02 li div.categoryActive{
	background:#54a4ee;
}
ul.facility_category02 li div.categoryActive .on{
	background:#f6dbdc;
}
ul.facility_category02 li div p{
	width:123px;
	white-space:nowrap; 
	overflow:hidden; 
	text-overflow:ellipsis;
	padding:5px;
	font-weight:bold;
}
ul.facility_category02 li div.noneTitle{
	background:#f4f3e9;
}

 
/*==========pagination==========*/
.pagination{
    text-align:left;
	position:relative;	
}
.pagination ul{
    float:left;	
}
.pagination ul.pagesUl{
	/*position:absolute;
	right:0;
	top:5px;*/
	float:right;
	margin-bottom:20px;
}
.pagination .pagesUl li{
	float:left;
}
.pagination li .select{
	background:url(../common_img/img/selectBg.png) no-repeat;	
	width:120px;
	height:30px;
	line-height:30px;
	border:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	-o-appearance:none;
	text-indent:0.5em;
}
.pagination li span,.pagination li a{
	background:url(../common_img/img/numBg.png) no-repeat;
	padding:0;
	margin:0;
	border:none;
	width:30px;
	height:30px;
	line-height:30px;
	text-align:center;
	color:#000;	
	display:inline-block;
}
.pagination li.active span{
    background:#78909c;
	padding:0;
	margin:0;
	border:none;
	width:30px;
	height:30px;
	line-height:30px;
	text-align:center;
	color:#fff;	
	display:inline-block;
	
}
.pagination li.invalid span,.pagination li.invalid a{
	background:url(../common_img/img/btn_prev.png) no-repeat;	
	width:30px;
	height:30px;
	line-height:30px;
	text-align:center;
	display:inline-block;
	padding:0;
	margin:0;
	border:none;
	color:#000;
	padding-left:10px;
}
.pagination li.invalidNext span,.pagination li.invalidNext a{
	background:url(../common_img/img/btn_next.png) no-repeat;	
	width:30px;
	height:30px;
	line-height:30px;
	text-align:center;
	display:inline-block;
	padding:0;
	margin:0;
	border:none;
	color:#000;
	padding-right:10px;
}
.pagination li.total{
	color:#000;
	padding-right:15px;
}
.pagination li.next span{
	background:url(../common_img/img/btn_next.png) no-repeat;	
	width:40px;
	height:30px;
	line-height:30px;
	text-align:center;
	display:inline-block;
	padding:0;
	margin:0;
	border:none;
	color:#000;
}

/*==========login==========*/
#login_wrapper {
    width:100%;
	background:none;
	position:relative;	
}
#login_wrapper #resident{
    margin-top:50px;	
}
#login_wrapper  #main {
    width:auto;
	background:none;
	padding:0;	
}
#login_wrapper #container{
    background:none;
	padding:0;	
}
#login_wrapper #container #main .logtitle{
    background:#002286;
	color:#fff;
	height:auto;
	display:inline-block;	
}

	.login{
    width:450px;
	margin:80px auto;
	padding-left:0;
	padding:30px 50px;
	border:1px solid #ccc;
	border-radius:5px;	
	background:#fff;
}
.login table td input[type=text],.login table td input[type=password]{
    width:250px;	
}


.login table td input{
    padding:10px 5px;
	border:1px solid #ccc;	
	border-radius:5px;
	
}

.login table td input[type=submit]{
	background:#f8f8f8 url(../common_img/img/buttonBg.png) repeat-x;
	width:100%;
	height:31px;
	text-align:center;
	padding:0 10px;
	border:1px solid #dddddd;
	border-radius:5px;
	font-weight:bold;
}
#login_wrapper #container #main .logtitle h2.title01 {
    color:#fff;
	padding:10px 30px;	
}
.mb20{
    margin-bottom:20px;	
}
.mt20{
    margin-top:20px;	
}
.mb10{
    margin-bottom:10px;	
}
.mt10{
    margin-top:10px;	
}
.button{
    border:1px solid #ccc;
	padding:5px 10px;
	border-radius:5px;
	background:#f5f5f5 url(../common_img/img/buttonBg.png) repeat-x;
	height:31px;
	font-weight:bold;
	margin-bottom:1px;	
	
}
#datepicker_div{
	font-size:12px;
	border:none;
}
.datepicker_header select{
	background:none;
	width:auto;
	height:auto;
	line-height:20px;
	text-indent:0;
}
.datepicker_header select.datepicker_newMonth,.datepicker_header select.datepicker_newYear{
	background:none;
	width:40px;
	height:20px;
	line-height:20px;
	text-indent:0;
	min-width:auto;
	padding-right:0;
}
.booking_time_radius{	
	border-top-right-radius:5px;
	border-top-left-radius:5px;
}
.booking_time_radius01{	
	border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
}
.booking_area_none{
    background:#f4f3e9;	
}
.circleImg img{
	border-radius:5px; 
} 
#footer{
    position:relative;	
}
#footer .pageTop a{
    position:absolute;
	right:0;
	bottom:0;
	background:none;
	text-decoration:none;
	border:none;
	padding:0;
	margin:0;	
}
#resident .resident_calendar table.box02 td .plan a.icon04{
	background:url(../common_img/img/icon04.png) no-repeat;
	padding-left:45px;
}
#resident .resident_calendar table.box02 td .plan a.icon05{
	background:url(../common_img/img/icon05.png) no-repeat;
	padding-left:45px;
}
#wrapper #main .header_area .fontSizeDiv{
    line-height:40px;
	padding-top:8px;
	height:52px;
	font-size:12px;	
}
.icon_notice04{
	background:url(../common_img/img/icon04_pc.png) no-repeat left center;
	padding-left:35px;
	display:inline-block;
}
.icon_notice05{
	background:url(../common_img/img/icon05_pc.png) no-repeat left center;
	padding-left:35px;
	display:inline-block;
}
.datepicker_select{
    width:110px	
}