@charset "euc-jp";

/* Cleaners Works Common CSS */
body {
	font-family: "£Í£Ó £Ð¥´¥·¥Ã", Osaka, "¥Ò¥é¥Î³Ñ¥´ Pro W3";
	background: url(../images/body_bg.jpg) repeat-x 0px 0px;
	text-align: center;
	padding: 0px;
	margin: 0px;
}
h1, h2, h3, h4, h5, p, ul, ol, li, dl, dt, dd, form {
	padding: 0px;
	margin: 0px;
}
.clear {
	clear: both;
}

/* ////////// Header ////////// */
#header {
	text-align: left;
	position: relative;
	padding: 0px 15px;
}
#header h1 {
	width: 206px;
	float: left;
}
#header #mainMenu {
	width: 181px;
	float: left;
	padding: 22px 10px 0px 15px;
}
#header #mainMenu ul.submenu {
	visibility: hidden;
	position:absolute;
	width: 178px;
	padding: 0px;
	margin: 0px;
	background: #FFFFFF;
	border-right: 1px solid #02389B;
	border-bottom: 1px solid #02389B;
	border-left: 1px solid #02389B;
	z-index: 20;
}
#header #mainMenu .submenu li {
	font-size: 12px;
	list-style-type: none;
}
#header #mainMenu .submenu a {
	color: #0C7ADB;
	text-decoration: none;
	display:block;
	width: 135px;
	padding: 7px 15px 6px 28px;
}
#header #mainMenu .submenu a:hover {
	background: #FFFAE8;
}
#header #mainMenu .submenu a.btnKintai {
	background: url(../images/head_btn_kintai.gif) no-repeat;
}
#header #mainMenu .submenu a.btnKintai:hover {
	background: url(../images/head_btn_kintai_on.gif) no-repeat;
}
#header #mainMenu .submenu a.btnUriage {
	background: url(../images/head_btn_uriage.gif) no-repeat;
	border-top: 1px solid #CCCCCC;
}
#header #mainMenu .submenu a.btnUriage:hover {
	background: url(../images/head_btn_uriage_on.gif) no-repeat;
}
#header #mainMenu .submenu a.btnDownload {
	background: url(../images/head_btn_download.gif) no-repeat;
	border-top: 1px solid #CCCCCC;
}
#header #mainMenu .submenu a.btnDownload:hover {
	background: url(../images/head_btn_download_on.gif) no-repeat;
}
#header #mainMenu .submenu a.btnKihon {
	background: url(../images/head_btn_kihon.gif) no-repeat;
	border-top: 1px solid #CCCCCC;
}
#header #mainMenu .submenu a.btnKihon:hover {
	background: url(../images/head_btn_kihon_on.gif) no-repeat;
}
#header #mainMenu .submenu a.btnTenpo {
	background: url(../images/head_btn_tenpo.gif) no-repeat;
	border-top: 1px solid #CCCCCC;
}
#header #mainMenu .submenu a.btnTenpo:hover {
	background: url(../images/head_btn_tenpo_on.gif) no-repeat;
}
#header #mainMenu .submenu a.btnStaff {
	background: url(../images/head_btn_staff.gif) no-repeat;
	border-top: 1px solid #CCCCCC;
}
#header #mainMenu .submenu a.btnStaff:hover {
	background: url(../images/head_btn_staff_on.gif) no-repeat;
}
#header #mainMenu .submenu a.btnChumon {
	background: url(../images/head_btn_chumon.gif) no-repeat;
	border-top: 1px solid #CCCCCC;
}
#header #mainMenu .submenu a.btnChumon:hover {
	background: url(../images/head_btn_chumon_on.gif) no-repeat;
}
#header #mainMenu .submenu a.btnPickup {
	background: url(../images/head_btn_pickup.gif) no-repeat;
	border-top: 1px solid #CCCCCC;
}
#header #mainMenu .submenu a.btnPickup:hover {
	background: url(../images/head_btn_pickup_on.gif) no-repeat;
}
#header #mainMenu .submenu a.btnDelivery {
	background: url(../images/head_btn_delivery.gif) no-repeat;
	border-top: 1px solid #CCCCCC;
}
#header #mainMenu .submenu a.btnDelivery:hover {
	background: url(../images/head_btn_delivery_on.gif) no-repeat;
}
#header #mainMenu .submenu a.btnRequest {
	background: url(../images/head_btn_request.gif) no-repeat;
	border-top: 1px solid #CCCCCC;
}
#header #mainMenu .submenu a.btnRequest:hover {
	background: url(../images/head_btn_request_on.gif) no-repeat;
}
#header #mainMenu .submenu a.btnPay {
	background: url(../images/head_btn_pay.gif) no-repeat;
	border-top: 1px solid #CCCCCC;
}
#header #mainMenu .submenu a.btnPay:hover {
	background: url(../images/head_btn_pay_on.gif) no-repeat;
}
#header #mainMenu .submenu a.btnMaster {
	background: url(../images/head_btn_master.gif) no-repeat;
	border-top: 1px solid #CCCCCC;
}
#header #mainMenu .submenu a.btnMaster:hover {
	background: url(../images/head_btn_master_on.gif) no-repeat;
}
#header #mainMenu .submenu a.btnSchedule {
	background: url(../images/head_btn_schedule.gif) no-repeat;
	border-top: 1px solid #CCCCCC;
}
#header #mainMenu .submenu a.btnSchedule:hover {
	background: url(../images/head_btn_schedule_on.gif) no-repeat;
}
#header #headRight {
	float: left;
	width: 400px;
	position: absolute;
	top: 0px;
	right: 15px;
	padding-top: 26px;
}
#header #headRight p {
	font-size: 10px;
	color: #FFFFFF;
}
#header #headRight p.userInfo {
	background: url(../images/head_icon_user.jpg) no-repeat 0px 0px;
	float: right;
	padding: 1px 20px 1px 13px;
}
#header #headRight p.logout {
	background: url(../images/head_icon_logout.jpg) no-repeat 0px 0px;
	float: right;
}
#header #headRight p.logout a {
	color: #FFFFFF;
	text-decoration: underline;
	display: block;
	width: 46px;
	padding: 1px 0px 1px 13px;
}
#header #headRight p.logout a:hover {
	color: #F5EC77;
}

/* ////////// MainTitle ////////// */
#mainTitle {
	text-align: left;
	padding: 0px 15px;
}
#mainTitle h2 {
	font-size: 18px;
	font-weight: bold;
	color: #0239A0;
	float: left;
	padding: 11px 0px 10px;
	text-shadow: 1px 1px 0px #FFF;
}
#mainTitle h2.titleKintai {
	background: url(../images/kintai_title.jpg) no-repeat 0px 5px;
	padding-left: 36px;
}
#mainTitle h2.titleUriage {
	background: url(../images/uriage_title.jpg) no-repeat 0px 5px;
	padding-left: 36px;
}
#mainTitle h2.titleDownload {
	background: url(../images/download_title.jpg) no-repeat 0px 5px;
	padding-left: 36px;
}
#mainTitle h2.titleKihon {
	background: url(../images/kihon_title.jpg) no-repeat 0px 5px;
	padding-left: 36px;
}
#mainTitle h2.titleTenpo {
	background: url(../images/tenpo_title.jpg) no-repeat 0px 5px;
	padding-left: 36px;
}
#mainTitle h2.titleStaff {
	background: url(../images/staff_title.jpg) no-repeat 0px 5px;
	padding-left: 36px;
}
#mainTitle h2.titleChumon {
	background: url(../images/chumon_title.jpg) no-repeat 0px 5px;
	padding-left: 36px;
}
#mainTitle h2.titlePickup {
	background: url(../images/pickup_title.jpg) no-repeat 0px 5px;
	padding-left: 36px;
}
#mainTitle h2.titleDelivery {
	background: url(../images/delivery_title.jpg) no-repeat 0px 5px;
	padding-left: 36px;
}
#mainTitle h2.titleRequest {
	background: url(../images/request_title.jpg) no-repeat 0px 5px;
	padding-left: 36px;
}
#mainTitle h2.titlePay {
	background: url(../images/pay_title.jpg) no-repeat 0px 5px;
	padding-left: 36px;
}
#mainTitle h2.titleMaster {
	background: url(../images/master_title.jpg) no-repeat 0px 5px;
	padding-left: 36px;
}
#mainTitle h2.titleSchedule {
	background: url(../images/schedule_title.jpg) no-repeat 0px 5px;
	padding-left: 36px;
}

#mainTitle p {
	font-size: 10px;
	color: #333333;
	background: url(../images/head_topicpath.jpg) no-repeat 0px 0px;
	float: right;
	padding: 6px 0px 6px 54px;
	margin: 10px 0px 0px;
}
#mainTitle p a {
	color: #0C7ADB;
	text-decoration: underline;
}
#mainTitle p a:hover {
	color: #409EF4;
}

/* ////////// Contents ////////// */
#contents {
	text-align: left;
	padding: 20px 15px 50px;
	margin: 0px auto;
	font-size: 12px;
	width: 1140px;
}
#contents.colwidth720 {
	width: 720px;
}
#contents h3 {
	font-size: 14px;
	color: #0239A0;
	margin-bottom: 5px;
	padding: 2px 0px 2px 12px;
	background: url(../images/h3_title.gif) no-repeat 0px 0px;
	clear: both;
}
#contents h4 {
	font-size: 12px;
	color: #0239A0;
	margin-bottom: 5px;
}
#contents p {
	line-height: 18px;
	color: #333333;
	padding-bottom: 26px;
}
#contents a {
	color: #0C7ADB;
}
#contents a:hover {
	color: #409EF4;
}
#contents ul.nomalList {
	padding-bottom: 18px;
}
#contents ul.nomalList li {
	line-height: 18px;
	list-style: none;
	background: url(../images/list_point.gif) no-repeat 4px 7px;
	padding-left: 12px;
	color: #333333;
}
#contents .block {
	overflow: hidden;
	width: 100%; /* IE */
}
#contents a.btnLeft {
	background: url(../images/btn_left.jpg) no-repeat 0px 0px;
	padding: 0px 0px 0px 16px;
	display: block;
	float: left;
	text-decoration: none;
}
#contents a.btnRight {
	background: url(../images/btn_left.jpg) no-repeat 0px 0px;
	padding: 0px 0px 0px 16px;
	display: block;
	float: right;
	text-decoration: none;
}
#contents a.btnLeft span, #contents a.btnRight span {
	background: url(../images/btn_right.jpg) no-repeat right 0px;
	display: block;
	padding: 0px 9px 0px 0px;
	line-height: 20px;
}
#contents a.btnLeft:hover, #contents a.btnRight:hover {
	background: url(../images/btn_left_on.jpg) no-repeat 0px 0px;
}
#contents a.btnLeft:hover span, #contents a.btnRight:hover span {
	background: url(../images/btn_right_on.jpg) no-repeat right 0px;
}
#contents #errorMessage {
	background: #FFFFDD url(../images/error_icon.gif) no-repeat 6px 8px;
	padding: 6px 8px 6px 24px;
	margin-bottom: 15px;
	border: 1px solid #FF0000;
}
#contents #errorMessage h3 {
	font-size: 12px;
	color: #CC0000;
	background: url(none);
	padding: 0px;
	margin: 0px;
	line-height: 18px;
}
#contents #errorMessage p {
	color: #CC0000;
	padding: 0px;
}
#contents #errorMessage li {
	line-height: 18px;
	color: #CC0000;
	list-style: none;
	background: url(../images/error_point.gif) no-repeat 4px 7px;
	padding-left: 12px;
}
#contents table#nomalTblLength {
	border: 1px solid #999999;
	margin-bottom: 15px;
}
#contents table#nomalTblLength th {
	font-weight: normal;
	background: #E7E7E7 url(../images/table_th_bg.jpg) no-repeat 0px 0px;
	border-right: 1px solid #CBCBCB;
	text-align: center;
}
#contents table#nomalTblLength td {
	line-height: 16px;
	border-right: 1px solid #CBCBCB;
	border-top: 1px solid #CBCBCB;
}
#contents table#nomalTblLength td.tblTdRight {
	border-right-style: none;
}
#contents table#nomalTblWise {
	border: 1px solid #999999;
	margin-bottom: 15px;
}
#contents table#nomalTblWise th {
	font-weight: normal;
	background: #E7E7E7 url(../images/table_th_bg.jpg) no-repeat 0px 0px;
	text-align: center;
	border-right: 1px solid #CBCBCB;
	border-bottom: 1px solid #CBCBCB;
}
#contents table#nomalTblWise td {
	line-height: 16px;
	border-right: 1px solid #CBCBCB;
	border-bottom: 1px solid #CBCBCB;
}
#contents table#nomalTblWise th.tblThLeftEnd {
	border-bottom-style: none;
}
#contents table#nomalTblWise td.tblTdCenterEnd {
	border-bottom-style: none;
}
#contents table#nomalTblWise td.tblTdRightEnd {
	border-bottom-style: none;
	border-right-style: none;
}
#contents table#nomalTblWise td.tblTdRight {
	border-right-style: none;
}
#contents .tbl15Shadow {
	background: #F5F5F5;
	height: 3px;
	margin-bottom: 15px;
}

/* ////////// Contents : login ////////// */
#contents #login {
	line-height: 16px;
	color: #333333;
	background: #F2F2F2 url(../images/login_frame_top.gif) no-repeat 0px 0px;
	width: 440px;
	padding-top: 20px;
}
#contents #login dl {
	display: block;
	padding-left: 25px;
}
#contents #login dt {
	display: block;
	width: 90px;
	float: left;
	text-align: right;
	padding-top: 3px;
}
#contents #login dt.userId {
	background: url(../images/login_icon.gif) no-repeat 0px 3px;
}
#contents #login dd {
	display: block;
	width: 315px;
	_height: 1%; /* Hack for Win IE6 */
	padding-bottom: 10px;
	float: left;
	padding-left: 10px;
}
#contents #login input.textField {
	width: 260px;
	padding: 2px;
	color: #000000;
}
#contents #login input.btnLogin {
	font-weight: bold;
	padding: 2px 5px;
}
#contents #login #frameBottom {
	background: url(../images/login_frame_bottom.gif) no-repeat 0px bottom;
	height: 10px;
	clear: both;
}
#contents #indexMenu {
	padding-bottom: 15px;
}
#contents #indexMenu h3 {
	font-size: 14px;
	color: #0C7ADB;
	padding: 21px 15px 8px 100px;
	margin: 0px;
	background: url(none);
}
#contents #indexMenu p {
	font-size: 10px;
	line-height: 14px;
	color: #666666;
	padding: 0px 15px 0px 100px;
}
#contents #indexMenu a {
	text-decoration: none;
	display: block;
	width: 234px;
	height: 104px;
	float: left;
}
#contents #indexMenu a.btnKintai {
	background: url(../images/index_btn_kintai.jpg) no-repeat 0px 0px;
	margin: 0px 9px 9px 0px;
}
#contents #indexMenu a.btnKintai:hover {
	background: url(../images/index_btn_kintai_on.jpg) no-repeat 0px 0px;
}
#contents #indexMenu a.btnUriage {
	background: url(../images/index_btn_uriage.jpg) no-repeat 0px 0px;
	margin: 0px 9px 9px 0px;
}
#contents #indexMenu a.btnUriage:hover {
	background: url(../images/index_btn_uriage_on.jpg) no-repeat 0px 0px;
	margin: 0px 9px 9px 0px;
}
#contents #indexMenu a.btnDownload {
	background: url(../images/index_btn_download.jpg) no-repeat 0px 0px;
	margin:  0px 9px 9px 0px;
}
#contents #indexMenu a.btnDownload:hover {
	background: url(../images/index_btn_download_on.jpg) no-repeat 0px 0px;
	margin: 0px 9px 9px 0px;
}
#contents #indexMenu a.btnKihon {
	background: url(../images/index_btn_kihon.jpg) no-repeat 0px 0px;
	margin: 0px 9px 9px 0px;
}
#contents #indexMenu a.btnKihon:hover {
	background: url(../images/index_btn_kihon_on.jpg) no-repeat 0px 0px;
	margin: 0px 9px 9px 0px;
}
#contents #indexMenu a.btnTenpo {
	background: url(../images/index_btn_tenpo.jpg) no-repeat 0px 0px;
	margin: 0px 9px 9px 0px;
}
#contents #indexMenu a.btnTenpo:hover {
	background: url(../images/index_btn_tenpo_on.jpg) no-repeat 0px 0px;
	margin: 0px 9px 9px 0px;
}
#contents #indexMenu a.btnStaff {
	background: url(../images/index_btn_staff.jpg) no-repeat 0px 0px;
	margin: 0px 9px 9px 0px;
}
#contents #indexMenu a.btnStaff:hover {
	background: url(../images/index_btn_staff_on.jpg) no-repeat 0px 0px;
	margin: 0px 9px 9px 0px;
}
#contents #indexMenu a.btnChumon {
	background: url(../images/index_btn_chumon.jpg) no-repeat 0px 0px;
	margin: 0px 9px 9px 0px;
}
#contents #indexMenu a.btnChumon:hover {
	background: url(../images/index_btn_chumon_on.jpg) no-repeat 0px 0px;
	margin: 0px 9px 9px 0px;
}
#contents #indexMenu a.btnPickup {
	background: url(../images/index_btn_pickup.jpg) no-repeat 0px 0px;
	margin: 0px 9px 9px 0px;
}
#contents #indexMenu a.btnPickup:hover {
	background: url(../images/index_btn_pickup_on.jpg) no-repeat 0px 0px;
	margin: 0px 9px 9px 0px;
}
#contents #indexMenu a.btnDelivery {
	background: url(../images/index_btn_delivery.jpg) no-repeat 0px 0px;
	margin: 0px 9px 9px 0px;
}
#contents #indexMenu a.btnDelivery:hover {
	background: url(../images/index_btn_delivery_on.jpg) no-repeat 0px 0px;
	margin: 0px 9px 9px 0px;
}
#contents #indexMenu a.btnRequest {
	background: url(../images/index_btn_request.jpg) no-repeat 0px 0px;
	margin: 0px 9px 9px 0px;
}
#contents #indexMenu a.btnRequest:hover {
	background: url(../images/index_btn_request_on.jpg) no-repeat 0px 0px;
	margin: 0px 9px 9px 0px;
}
#contents #indexMenu a.btnPay {
	background: url(../images/index_btn_pay.jpg) no-repeat 0px 0px;
	margin: 0px 9px 9px 0px;
}
#contents #indexMenu a.btnPay:hover {
	background: url(../images/index_btn_pay_on.jpg) no-repeat 0px 0px;
	margin: 0px 9px 9px 0px;
}
#contents #indexMenu a.btnMaster {
	background: url(../images/index_btn_master.jpg) no-repeat 0px 0px;
	margin: 0px 9px 9px 0px;
}
#contents #indexMenu a.btnMaster:hover {
	background: url(../images/index_btn_master_on.jpg) no-repeat 0px 0px;
	margin: 0px 9px 9px 0px;
}
#contents #indexMenu a.btnSchedule {
	background: url(../images/index_btn_schedule.jpg) no-repeat 0px 0px;
	margin: 0px 9px 9px 0px;
}
#contents #indexMenu a.btnSchedule:hover {
	background: url(../images/index_btn_schedule_on.jpg) no-repeat 0px 0px;
	margin: 0px 9px 9px 0px;
}
#contents #indexMenu a.btnRemote {
	background: url(../images/index_btn_remote.jpg) no-repeat 0px 0px;
	margin: 0px 9px 9px 0px;
}
#contents #indexMenu a.btnRemote:hover {
	background: url(../images/index_btn_remote_on.jpg) no-repeat 0px 0px;
	margin: 0px 9px 9px 0px;
}
#contents #indexTopics dl {
	line-height: 16px;
	color: #333333;
	padding: 0px 0px 15px 12px;
}
#contents #indexTopics dt {
	display: block;
	width: 58px;
	float: left;
	margin-bottom: 5px;
}
#contents #indexTopics dd {
	background: url(../images/arrow1.gif) no-repeat 0px 5px;
	padding-left: 13px;
	display: block;
	_height: 1%; /* Hack for Win IE6 */
	margin-left: 58px;
	margin-bottom: 5px;
}

/* ////////// Contents : Kintai ////////// */
#contents #kintaiNameCard {
	border: 1px solid #999999;
	clear: both;
	padding-bottom: 3px;
}
#contents #kintaiNameCard h3 {
	font-size: 14px;
	color: #000000;
	background: url(../images/table_th_bg.jpg) no-repeat;
	background-size: cover;
	padding: 6px 6px 6px 16px;
	margin: 0px 0px 10px;
}
#contents #kintaiNameCard dl {
	padding: 0px 6px 2px 16px;
	line-height: 16px;
}
#contents #kintaiNameCard dt {
	background: #FFEA94;
	padding: 1px 5px;
	width: 55px;
	text-align: center;
	display: block;
	margin-bottom: 8px;
	float: left;
}
#contents #kintaiNameCard dd {
	display: block;
	_height: 1%; /* Hack for Win IE6 */
	padding: 1px 0px 1px 10px;
	margin-left: 65px;
	margin-bottom: 8px;
}
#contents table#kintaiTimeCard {
	background: #CBCBCB;
}
#contents table#kintaiTimeCard th {
	font-weight: normal;
	background: url(../images/table_th_bg.jpg) no-repeat 0px 0px;
	text-align: center;
}
#contents table#kintaiTimeCard th.monthMov {
	background: #F5F5F5;
}
#contents table#kintaiTimeCard th.monthMov a {
	text-decoration: none;
	background: #FFFFFF;
	text-align: center;
	width: 35px;
	padding: 3px 6px;
	border: 1px solid #CCCCCC;
	line-height: 12px;
	font-weight: bold;
}
#contents table#kintaiTimeCard th.monthMov .month {
	font-size: 14px;
	color: #000000;
	padding: 5px 0px 0px;
	color: #000000;
	font-weight: bold;
}
#contents table#kintaiTimeCard tr {
	background: #FFFFFF;
}
#contents table#kintaiTimeCard td {
	line-height: 16px;
}

/* ////////// Footer ////////// */
#footer {
	text-align: left;
	font-size: 10px;
	line-height: 14px;
}
#footer a {
	color: #0C7ADB;
}
#footer a:hover {
	color: #409EF4;
}
#footer #linkLine {
	padding: 0px 15px 8px;
}
#footer #linkLine p.textLink {
	color: #CCCCCC;
}
#footer #linkLine p.pageTop {
	background: url(../images/foot_pagetop.gif) no-repeat 0px 4px;
	padding-left: 8px;
	float: right;
}
#footer #copyLine {
	color: #FFFFFF;
	background: url(../images/foot_bg.gif);
	padding: 7px 15px;
}
#footer #copyLine p.version {
	float: right;
}

/* ////////// Text ////////// */
.alignLeft {
	text-align: left;
}
.alignCenter {
	text-align: center;
}
.alignRight {
	text-align: right;
}
.text10 {
	font-size: 10px;
}
.text14 {
	font-size: 14px;
}
.textRed {
	color: #CC0000;
}
.textOrange {
	color: #FF6600;
}
.textBlue {
	color: #055596;
}
.textGreen {
	color: #03980B;
}

/* ////////// With ////////// */
.w030 {
	width: 30px;
}
.w040 {
	width: 40px;
}
.w050 {
	width: 50px;
}
.w080 {
	width: 80px;
}
.w100 {
	width: 100px;
}
.w120 {
	width: 120px;
}
.w150 {
	width: 150px;
}
.w180 {
	width: 180px;
}
.w200 {
	width: 200px;
}
.w250 {
	width: 250px;
}
/* schedule
------------------------------------------------*/
#contents table.scheduleTbl {
	width: 720px;
	margin-bottom: 10px;
}
#contents table.scheduleTbl caption {
	font-weight: bold;
	text-align: left;
	padding-left: 5px;
}
#contents table.scheduleTbl th {
	background: #E7E7E7 url(../images/table_th_bg.jpg) no-repeat 0px 0px;
	border-right: 1px solid #CBCBCB;
	text-align: center;
	padding: 5px;
	width: 14%;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	color: #999;
}
#contents table.scheduleTbl td {
	padding: 5px 8px;
	border: 1px solid #CCC;
	vertical-align: top;
	min-height: 40px;
	height: auto !important;
	height: 40px;
}
#contents table.scheduleTbl td.bgNoact {
	color: #AAA;
	background: #F4F4F4;
}
#contents table.scheduleTbl td.bg1 {
	background: #FFEAC0;
}
#contents table.scheduleTbl td a.write {
	color: #333;
	text-decoration: none;
	background: url(../images/schedule_write.gif) no-repeat 100% 0px;
	padding-right: 11px;
}
#contents table.scheduleTbl td a.write:hover {
	color: #999;
}