body{
	width: 100%;
	color:#333;
	line-height: 1.2;
	font-family: Arial, sans-serif;
	font-size: 0.9em;
	height:auto;
	margin:0;
	padding: 0;
}
img{
	border:0;
}
p{
	font-weight: 400;
}
a{
	font-weight: 400;
}
li{
	font-weight: 400;
}
input{
	padding-left: 10px;
	border: 1px solid #a4a4a4;
	border-radius: 2px;
}
input[type=submit]{
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	border-radius: 5px;
	border: 0;
	margin: 0;
	padding: 10px 30%;
	background-color:#46bdf5;
	vertical-align: middle;
	font-size: inherit;
	color: white;
	border: 1px solid #46bdf5;
}
input[type=text],input[type=tel]{
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	border: 0;
	margin: 0;
	padding: 0;
	background: none transparent;
	vertical-align: middle;
	font-size: inherit;
	color: inherit;
	font-size: 15px;
	background-color:white;
	padding-left: 10px;
	border: 1px solid #595959;
	height:32px;
	width:90%;
	font-size: 15px;
	background-color:white;
	border-radius: 1px;
}
input[type=password]{
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	border-radius: 0;
	border: 0;
	margin: 0;
	padding: 0;
	background: none transparent;
	vertical-align: middle;
	font-size: inherit;
	color: inherit;
	height:27px;
	width:230px;
	font-size: 15px;
	background-color:white;
	padding-left: 10px;
	border: 1px solid #595959;
}
input[type=email]{
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	border-radius: 0;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: middle;
	font-size: inherit;
	color: inherit;
	background-color: white;
	padding-left: 10px;
	border: 1px solid #595959;
	height:32px;
	width:90%;
	font-size: 15px;
	background-color:white;
	border-radius: 1px;
}
textarea{
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	width: 95%;
}
/*-----------------トップページ------------------*/
#topback{
	width:100%;
	height:auto;
	padding-bottom: 25px;
}
#topback img{
	width: 100%;
}
#topRegisterArea{
	display: block;
	width: 100%;
	box-sizing: border-box;
	padding: 10px 0;
	background-color: white;
}
#topRegisterButton{
	display: block;
	box-sizing: border-box;
	width: 90%;
	height: 75px;
	background-color: #2fb4e8;
	border-radius: 7px;
	border-bottom: 3px solid #25409b;
	margin: auto;
	padding-top: 10px;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	-ms-transition: 0.2s;
	transition: 0.2s;
	text-align: center;
}
#topRegisterButton:hover{
	background-color: #60ccff;
}
#topRegisterButton a,#topHouseCleaningButton a{
	color: white;
	text-decoration: none;
}
#topHouseCleaningButton{
	display: block;
	box-sizing: border-box;
	width: 90%;
	height: 75px;
	border-radius: 7px;
	margin: auto;
	padding-top: 10px;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	-ms-transition: 0.2s;
	transition: 0.2s;
	text-align: center;
	background-color: #e82fae;
	border-bottom: 3px solid #a82b81;
}
#topHouseCleaningButton:hover{
	background-color: #eb59dd;
}
#topFixedBar{
	display: block;
	width: 100%;
	height: 45px;
	box-sizing: border-box;
	background-color: white;
}
.topFixedBarItem{
	display: block;
	width: calc(20% - 1px);
	float: left;
	box-sizing: border-box;
	margin-right: 1px;
}
.backBrown{
	background-color: #918074;
}
.backRed{
	background-color: #e34d4d;
}
.backBlue{
	background-color: #3f90d7;
}
.topFixedBarItemLast{
	display: block;
	width: 20%;
	float: left;
	box-sizing: border-box;
}
.topFixedBarItem a,.topFixedBarItemLast a{
	display: block;
	height: 100%;
	width: 100%;
	text-align: center;
	line-height: 45px;
	text-decoration: none;
	color: white;
	font-size: 12px;
}
.topRegisterFixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}
.topContentLine{
	display: block;
	width: 100%;
	box-sizing: border-box;
	padding: 25px;
	border-top: 1px solid #cacaca;
}
.topContentLine h3{
	font-size: 20px;
	margin-top: 0;
	padding-top: 0;
}
.topContentLine h4{
	text-decoration: underline;
} 
.topContentLine img{
	display: block;
	width: 100%;
	margin: auto;
}
#top{
	height: 55px;
	width: 100%;
}
#topnav{
	height:80px;
	width:100%;
	margin:0 auto;
	padding-top:15px;
}

#logo{
	float: left;
	padding-top:4px;
	padding-left: 10px;
}
#login{
	float:right;
	padding-right: 12px;
	padding-top:10px;
}
#login a{
	color: #595959;
	text-decoration: none;
}
#login a:visited{
	color: #595959;
}
#loginImage{
	display: block;
	float: right;
	width: 67px;
	height: 35px;
	background-image: url("https://swipp.jp/sp/images/loginLogo.png");
	text-align: center;
}
#login #loginImage a{
	color: white;
	text-decoration: none;
	line-height: 37px;
	color: white;
	font-size: 13px;
	display: block;
	width: 67px;
	height: 35px;
}
#topMenuTag{
	width: 100%;
	height: 50px;
	background-color: #46bdf5;

}
#topMenuTag .topMenuItem{
	width: 25%;
	height: 100%;
	float: left;
	box-sizing: border-box;
	border-top:1px solid white;
	border-bottom:1px solid white;
	border-left:1px solid white;
	overflow: hidden;
	font-size: 12px;
	text-align: center;
	color: white;
	padding-top:5px;
}
#topMenuTag .topMenuItem a{
	color: white;
	text-decoration: none;
	display: block;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	padding-top:12px;
}
#topAdvertisement{
	width: 85%;
	height: 105px;
	border: 1px solid #4a4a4a;
	border-radius: 10px;
	margin:auto;
	margin-top:15px;
	margin-bottom: 15px;
	box-sizing: border-box;
	text-align: center;
}
#topAdvertisement p.renewalPost{
	color: #e42b75;
	font-weight: 600;
	font-size: 16px;
	margin-top:10px;
	margin-bottom: 0;
	padding-bottom: 0;
	background-image: url("https://swipp.jp/sp/images/cracker.png");
	background-repeat: no-repeat;
	background-position: left bottom;
}
#topAdvertisement p.refferalPost{
	color: #e42b75;
	font-weight: 600;
	font-size: 15px;
	margin-top:10px;
	margin-bottom: 0;
	padding-bottom: 0;
	width: 97%;
	margin: auto;
	margin-top: 10px;
}
#topAdvertisement a.campaignContent{
	color: #0f9ada;
	width: 95px;
	line-height: 20px;
	text-align: center;
	margin-top: 0;
	padding-top: 0;
	pointer-events: none;
}
.triangle-down{
	width: 0;
	height: 0;
	border: 5px solid transparent;
	border-top: 5px solid #595959;
	margin-left: 15px;
}
#booking{
	width: 1000px;
	margin: auto;
	/*background-image: url("/images/home_1240_2.png");*/
}
#message{
	width: 100%;
	margin:auto;
	text-align: center;
	padding-top:15px;
}
#message h2{
	font-size:27px;
	color: #4f4f4f;
	line-height: 38px;
	font-weight: 500;
	padding-bottom:0px;
	margin-bottom: 0px;
	width: 95%;
	margin: auto;
	text-align: center;
	font-weight: 600;
}
#message p{
	font-size:18px;
	margin-top: 10px;
}
#topBookButton{
	width: 90%;
	height: 65px;
	margin:auto;
	margin-top:20px;
	background-color: #46bdf5;
	border-radius: 7px;
	box-sizing: border-box;
	text-align: center;
}
#houseCleaningButton{
	width: 90%;
	height: 65px;
	margin:auto;
	margin-top:20px;
	background-color: #F488B4;
	border-radius: 7px;
	box-sizing: border-box;
	text-align: center;
	font-size: 18px;
}
#houseCleaningButton:hover{
	background-color: #E32890;
}
#houseCleaningButton a.bookButton{
	font-size: 21px;
}
a.bookButton{
	display: block;
	width: 100%;
	height: 100%;
	color: white;
	font-size: 28px;
	line-height: 65px;
	text-decoration: none;
}
#topFacebook{
	width: 95%;
	height: auto;
	margin:auto;
	padding-bottom: 24px;
}
#topFacebook p{
	font-size:16px;
}
.titleBelt{
	height: 50px;
	width: 100%;
	background-color: #65caf9;
	text-align: center;
}
.titleBelt h2{
	color: white;
	line-height: 50px;
	margin: 0;
}
#proviceService{
	width: 100%;
	height: auto;
	padding-top:10px;
	padding-bottom: 10px;
}
#servicePack{
	width: 100%;
	height: auto;
	margin-bottom: 15px;
}
#leftService{
	float: left;
	width: 50%;
	text-align: center;
}
#leftService p{
	font-size: 18px;
	color: #292929;
	font-weight: 600;
	margin: 0;
	margin-top:15px;
	margin-bottom: 10px;
}
#leftService img{
	width: 80%;
	margin: auto;
	border-radius: 50%;
	border:3px solid #6bd0ff;
}
#rightService{
	float: right;
	width: 50%;
	text-align: center;
}
#rightService p{
	font-size: 18px;
	color: #292929;
	font-weight: 600;
	margin: 0;
	margin-top:15px;
	margin-bottom: 10px;
}
#rightService img{
	width: 80%;
	margin: auto;
	border-radius: 50%;
	border:3px solid #6bd0ff;
}
#serviceAttention{
	width: 90%;
	margin: auto;
}
#serviceAttention p{
	color: #5b5b5b;
	font-size: 12px;
}
#serviceAttention a{
	color: #0d8ede;
}
#planPack{
	width: 100%;
	padding-bottom: 20px;
}
#leftPlan{
	width: 50%;
	height: auto;
	float: left;
}
#rightPlan{
	width: 50%;
	height: auto;
	float: right;
}
#singlePlan{
	width: 100%;
	height: 45px;
	box-sizing: border-box;
	background-color: #0076fa;
	text-align: center;
}
#singlePlan h3{
	margin: 0;
	line-height: 45px;
	color: white;
}
#pairPlan{
	width: 100%;
	height: 45px;
	background-color: #f17af7;
	text-align: center;
}
#pairPlan h3{
	margin: 0;
	line-height: 45px;
	color: white;
}
#babyPlan{
	width: 100%;
	height: 45px;
	background-color: #e8e246;
	text-align: center;
}
#babyPlan h3{
	margin: 0;
	line-height: 45px;
	color: white;
}
#seniorPlan{
	width: 100%;
	height: 45px;
	background-color: #42a945;
	text-align: center;
}
#seniorPlan h3{
	margin: 0;
	line-height: 45px;
	color: white;
}
.planItem{
	width: 100%;
	height: 45px;
	border-bottom: 1px solid #888888;
	box-sizing: border-box;
}
.planPhoto{
	float: left;
	width: 20%;
	height: 45px;
	box-sizing: border-box;
	padding-top: 15px;
	text-align: center;
}
.planPhoto img{
	height: 45%;
}
.planName{
	float: right;
	box-sizing: border-box;
	height: 45px;
	width: 80%;
	text-align: left;
	padding-left: 10px;
}
.planName a{
	display: block;
	width: 100%;
	height: 100%;
	font-size: 14px;
	margin: 0;
	line-height: 45px;
	font-weight: 600;
	color: #474747;
	text-decoration: none;
}
#bookFlow{
	width: 100%;
	height: auto;
	padding-bottom: 15px;
}
.bookFlowItem{
	width: 95%;
	margin: auto;
	height: 80px;
	border: 3px solid #46bdf5;
	border-radius: 15px;
	margin-top:20px;
}
.bookFlowPhoto{
	width: 25%;
	float: left;
	box-sizing: border-box;
	padding-left: 5px;
	padding-top:3px;
}
.bookFlowPhoto img{
	height: 75px;
}
.bookFlowContent{
	width: 73%;
	box-sizing: border-box;
	padding: 5px;
	float: right;
	padding-top:13px;
}
.bookFlowContent p{
	margin: 0;
}
#priceSpace{
	width: 100%;
	height: auto;
	padding-bottom: 15px;
}
#priceWidth{
	width: 80%;
	margin: auto;
}
#priceWidth p.priceHour{
	text-align: center;
	font-size: 28px;
	font-weight: 600;
	color: #1599d6;
}
#serviceArea{
	width: 95%;
	margin: auto;
	padding-bottom: 15px;
}
#serviceArea p{
	line-height: 18px;
}
#mediaLine{
	width: 100%;
	height: auto;
	padding-top:5px;
	padding-bottom: 5px;
	background-color: #f4f4f4;
}
#mediaLineLogo{
	width: 100%;
	margin:0 auto;
	padding-top:5px;
}
#mediaLineLogo img{
	margin-left:10px;
	width: 45%;
	margin-bottom: 10px;
}
#cityIntroduction{
	padding-top: 25px;
	width: 90%;
	margin: auto;
	padding-bottom: 35px;
	border-top:1px solid #858585;
}
#cityIntroduction h2{
	font-size: 32px;
	color: #696969;
	text-align: center;
}
#cityIntroduction p{
	font-size: 17px;
	color: #696969;
	line-height: 25px;
}
#serviceFeatures{
	width: 100%;
	height: auto;
	padding-top: 25px;
	padding-bottom: 10px;
	background-color: #45b6ea;
}
#serviceFeatures h2{
	color: white;
	text-align: center;
	padding-top:10px;
	font-size: 28px;
	line-height: 40px;
	width: 95%;
	margin: auto;
	margin-top:0px;
	margin-bottom:10px;
	font-weight: 400;
}
#feature{
	width:95%;
	margin-top: 20px;
	height: 100%;
	margin: auto;
}
.featureItem{
	width: 100%;
	height: auto;
}
.featureItem h3{
	text-align: center;
	font-size: 25px;
	font-weight: 400;
	color: white;
	margin-top: 50px;
	margin-bottom: 10px;
}
.featureItem p{
	color: #dbf3ff;
	font-size: 17px;
	line-height: 30px;
	font-weight: 100;
	width: 85%;
	margin: auto;
	margin-bottom: 30px;
	text-align: center;
}
#ordermade{
	height:auto;
	width: 100%;
	margin: auto;
	background-color: #fdfdfd;
}
#ordermade h2{
	text-align: center;
	padding-top:35px;
	font-size: 30px;
	line-height: 40px;
	width: 90%;
	margin: auto;
	margin-top:0px;
	margin-bottom:40px;
	font-weight: 400;
	color: #5b5b5b;
}
.orders{
	width: 100%;
	height:auto;
	padding-bottom: 50px;
	margin:auto;
}
.orders p{
	color: #6a6a6a;
	width: 95%;
	height:90px;
	margin:auto;
	font-size: 17px;
	line-height: 30px;
}
.orders img{
	margin-top:30px;
}
.ordersLeft{
	width: 100%;
	height: auto;
	text-align: center;
}
.ordersRight{
	width: 100%;
	height: auto;
	text-align: center;
}
.ordersNumber{
	width: 50px;
	height: 50px;
	background-color: white;
	border-radius: 50%;
	border:1px solid #065cdd;
	color: blue;
	margin: auto;
	margin-bottom: 20px;
}
.ordersNumber p{
	font-size: 25px;
	color:#005ce3;
	margin:auto;
	font-weight: 600;
	padding-top: 10px;
}
.orders h3{
	margin-top:5px;
	font-size: 20px;
	line-height: 30px;
	border-bottom: 2px solid #46bdf5;
	color: #727272;
}
#orderAll{
	width: 100%;
	height: 480px;
	background-image: url("/images/topJump.png");
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100% 480px;
}
#orderAllMessage{
	width: 500px;
	height: 100px;
	float: right;
	margin-right: 100px;
	margin-top:200px;
	font-size: 40px;
	font-weight: 60;
	color: white;
}
#userVoice{
	height:auto;
	width: 100%;
	margin: auto;
	padding-bottom: 10px;
}
#slide{
width:280px;
height:250px;
margin: auto;
position:relative;
line-height: 25px;
color: #474747;
}
#slide img {
position:absolute;
left:0;
top:0;
}
.userVoices{
	width: 100%;
	height: auto;
	margin: auto;
	font-size: 17px;
	line-height: 25px;
	color: #474747;
}
#userVoice h2{
	font-size: 25px;
	width:90%;
	margin:auto;
	text-align: center;
	margin-top: 45px;
	margin-bottom: 55px;
	padding-bottom: 0px;
	font-weight: 400;
	color:#363636;
	border-bottom: 3px solid #79b5ee;
}
#announce{
	width: 90%;
	margin: auto;
	padding-bottom: 35px;
}
#campaignIntroduction{
	width: 100%;
	height: 55px;
	border-bottom: 1px solid #d1d1d1;
}
#campaign{
	font-size: 18px;
	color: #353535;
	width: 90%;
	margin: auto;
}
#possibleBack{
	width: 100%;
	height: auto;
	background-color: #45b6ea;
}
#possibleService{
	border-bottom: 1px dotted #a7a7a7;
	height:100%;
	width: auto;
	margin: auto;
	padding-bottom: 20px;
}
#possibleService h2{
	font-size: 30px;
	width:95%;
	margin:auto;
	text-align: center;
	padding-top: 45px;
	margin-bottom: 35px;
	padding-bottom: 0px;
	font-weight: 400;
	color:white;
}
#possibleService a{
	color:white;
}
.possibleServices{
	text-align: center;
	width: 200px;
	height: 200px;
	margin:auto;
	margin-top: 35px;
	border: 5px solid white;
	background-color: white;
	border-radius: 50%;
}
.possibleServices h3{
	margin-top:30px;
	font-size: 24px;
	line-height: 30px;
	margin-bottom: 5px;
	color: #727272;
}
.possibleServices p{
	color: #6a6a6a;
	width: 95%;
	height:90px;
	margin:auto;
	font-size: 14px;
	line-height: 20px;
}
p.checkServiceP{
	font-size: 17px;
	color: white;
	text-align: center;
	margin-top: 40px;
}
#priceArea{
	border-bottom: 1px dotted #a7a7a7;
	height:auto;
	width: 100%;
	margin: auto;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
#priceArea h2{
	font-size: 27px;
	width:90%;
	margin:auto;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-bottom: 0px;
	font-weight: 400;
	color:#363636;
	border-bottom: 5px solid #79b5ee;
}
#priceAreaPrice{
	width: 95%;
	height: auto;
	margin:auto;
}
#priceAreaArea{
	width: 95%;
	height: auto;
	margin:auto;
}
#priceAreaArea td{
	height: 15px;
	font-size: 14px;
	line-height: 25px;
}
#steps{
	border-bottom: 1px dotted #a7a7a7;
	height:auto;
	width: 100%;
	margin: auto;
	padding-bottom: 20px;
	padding-top: 20px;
}
#stepheader h2{
	font-size: 27px;
	width: 90%;
	margin:auto;
	text-align: center;
	padding-top:0px;
	margin-top: 0px;
	font-weight: 400;
	border-bottom: 5px solid #79b5ee;
}
.step{
	text-align: center;
	width: 95%;
	margin-top: 10px;
}
.step h3{
	font-weight: 600;
	color: #424242;
	font-size: 26px;
	line-height: 0px;
	margin-top: 25px;
	margin-bottom: 18px;
}
.step p{
	font-size: 17px;
	line-height: 24px;
}
.step a{
	text-decoration: none;
	color: #46bdf5;
}

#mediaIntroduction{
	width: 100%;
	height: auto;
	background-color: white;
}
#mediaSpace{
	width: 100%;
	border-bottom: 1px solid #d1d1d1;
	margin: auto;
}
#mediaIntroduction h2{
	font-size: 27px;
	width: 90%;
	margin:auto;
	text-align: center;
	padding-top:0px;
	margin-top: 20px;
	font-weight: 400;
	border-bottom: 5px solid #79b5ee;
}
#mediaLogoSpace{
	width: 100%;
	height: auto;
	margin: auto;
	margin-top: 20px;
	margin-bottom: 20px;
}
.mediaLogoLeft{
	width: 45%;
	margin-top: 10px;
	margin-left: 15px;
	float: left;
}
.mediaLogoLeft img{
	width: 85%;
}
.mediaLogoRight{
	width: 45%;
	margin-top: 15px;
	margin-right: 15px;
	float: right;
}
.mediaLogoRight img{
	width: 85%;
}
#bottomCatch p{
	text-align: center;
	font-size: 20px;
	margin-bottom: 0;
	padding-bottom: 0;
	margin-top:35px;
}
p#bookAgain{
	text-align: center;
	font-size: 18px;
	color: #2f2f2f;
	line-height: 60px;
	margin-top: 25px;
	padding-bottom: 30px;
	padding-top: 0;
	vertical-align: top;
}
#bookAgain p{
	text-align: center;
	font-size: 22px;
	color: #2f2f2f;
	line-height: 20px;
	margin-top: 30px;
	padding-top: 0;
	vertical-align: top;
}
#topIntroduction{
	width: 100%;
	height: 430px;
	border-top: 1px solid #d1d1d1;
	margin: auto;
	background-color: #f9f9f9;
	background-image: url("https://swipp.jp/sp/images/topStaff.png");
	background-size: 50%;
	background-repeat: no-repeat;
	background-position: bottom left;
}
#topSpace{
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255,0.50);
	padding-top: 15px;
	text-align: center;
}
#topSpace h2{
	text-align: center;
	font-size: 30px;
	color: #343434;
	font-weight: 400;
	margin-bottom: 0px;
	line-height: 35px;
}
#toph2Back{
	font-size: 35px;
}
.topSpaceList{
	margin-top: 20px;
	width: 75%;
	float: right;
	text-align: left;
}
.topSpaceList ul li{
	list-style: url("https://swipp.jp/sp/images/checkList.png");
	font-size:18px;
	margin-top: 10px;
	color: #0f0f0f;
	line-height: 25px;
	vertical-align: top;
	padding-left: 5px;
}
.clearTop{
	clear: both;
	background-color: red;
}
.whySwipp{
	width: 95%;
	height: auto;
	border-bottom: 1px solid #d1d1d1;
	background-color: #f9f9f9;
	padding-left: 15px;
	padding-top: 50px;
	padding-bottom: 20px;
}
#whySwippList{
	margin-top: 25px;
	text-align:left;
	margin-bottom: 25px;
}
#whySwippList ul li{
	font-size:18px;
	color: #575757;
	line-height: 35px;
	vertical-align: top;
	padding-left: 5px;
}
li.faviconList{
	list-style: url("https://swipp.jp/sp/images/cleanerList.png");
}
li.homeList{
	list-style: url("https://swipp.jp/sp/images/homeList.png");
}
li.keyList{
	list-style: url("https://swipp.jp/sp/images/keyList.png");
}
li.bathList{
	list-style: url("https://swipp.jp/sp/images/bathList.png");
}
li.goodsList{
	list-style: url("https://swipp.jp/sp/images/goodsList.png");
}
li.lampList{
	list-style: url("https://swipp.jp/sp/images/lampList.png");
}
#bottomSwipp{
	margin-left: -5px;
	margin: auto;
}
#companyVision{
	width: 90%;
	margin:auto;
}
#companyVision p{
	text-align: center;
	font-size: 16px;
	color: #797979;
}
.centerPosition{
	width: 100%;
	text-align: center;
	margin-top: 35px;
	margin-bottom: 35px;
}
a.bookButtonBottom{
	text-decoration: none;
	padding:14px 30%;
	background-color: #00a1e9;
	text-align: center;
	border-radius: 5px;
	font-size:24px;
	color: #ffffff;
	font-weight: 400;
}
#testpbook{
	width: 85%;
	margin: auto;
}
#testtopbook{
	width: 95%;
	height:25px;
	margin: auto;
}
p.bookButtonBottom{
	text-decoration: none;
	padding:7px 14%;
	background-color: #00a1e9;
	text-align: center;
	border-radius: 5px;
	font-size:24px;
	color: #ffffff;
	font-weight: 400;
	margin-top:0;
}
#toUserMessage{
	width: 95%;
	margin: auto;
}
#toUserMessage h2{
	text-align: center;
}
p#contactGuide{
	width: 85%;
	margin: auto;
	margin-top: 30px;
	margin-bottom: 20px;
	line-height: 20px;
	color: #393939;
}
#bookagain{
	border-bottom: orange;
	height:120px;
	width: 1000px;
	margin: auto;
	text-align: center;
	padding-top:50px;
}
#footer{
	background-color: #3f3f3f;
	height:auto;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 50px;
	clear: both;
}
#footitem{
	width:100%;
	padding-left: 10px;
}
#footitem .footColumn ul li{
	list-style: none;
	color: white;
	padding-top:10px;
}
#footitem li.footBasicInfo{
	color: white;
	margin-top:20px;
	font-size: 20px;
}
#footitem .footColumn li a{
	text-decoration: none;
	color: white;
}
.footColumn{
	width: 250px;
	margin-left: 25px;
	height: auto;
	float: left;
}
#contactButton{
	margin-top: 20px;
	text-align: center;
}
input.submitContact,button.submitContact{
	padding: 8px 60px;
	border-style: none;
	background-color: #198ef3;
	border-radius: 5px;
	font-size: 25px;
	color:white;
}
/*-----------------------ユーザーページ-----------------------*/
/*---ナビゲーション＆メニュー---*/
#navi{
	float:right;
	padding-top:0px;
}
#navi ul{
	list-style: none;
	line-height:1;
}
ul#menu li.parent{
	float:right;
	text-align: center;
	padding: 0 8px;
	position:relative;
	line-height: 50px;
	padding-left: 20px;
	padding-right: 20px;
}
ul#menu li a{
	text-decoration: none;
	color: #0e0000;
}
ul#menu li ul{
	position: absolute;
	top:100%;
	left:0;
	width:200px;
	height: 220px;
	border: 1px solid #818181;
	background-color: white;
	padding-left: 0;
	padding-top:5px;
	display: none;
}
ul#menu li ul li{
	text-align: left;
	width:100%;
	height:13px;
	color:#2b2b2b;
	padding-left:10px;
	padding-top:12px;
}
ul#menu li ul li a{
	text-align: left;
	font-size: 14px;
}
/*---ログイン画面---*/
#loginCenter{
	width:90%;
	height: 450px;
	background-color: white;
	border-radius: 5px;
	margin: 10px auto;
}
#loginField{
	width: 80%;
	margin:0 auto;
	padding-top:10px;
}
#loginField a{
	color: #1460d3;
	text-decoration: none;
}
h1#loginH1{
	text-align: center;
	font-size:32px;
	font-weight: 400;
	margin-bottom: 30px;
}
#loginContent{
	width:500px;
	text-align: center;
	margin:0 auto;
}
.loginItem{
	margin-top: 35px;
}
.loginItem p{
	line-height: 0;
}
.loginItem input[type=text]{
	height:32px;
	width:100%;
	font-size: 15px;
	padding-left: 10px;
}
.loginItem input[type=password]{
	height:32px;
	width:100%;
	font-size: 15px;
	padding-left: 10px;
}
input.loginSubmit{
	padding: 2px 30%;
	border-style: none;
	background-color: #8dc9ff;
	border-radius: 2px;
	font-size: 25px;
	color:white;
}
input.registerSubmit{
	padding: 0px 43%;
	border-style: none;
	background-color: #467eec;
	border-radius: 6px;
	font-size: 25px;
	color:white;
}
input.serviceSubmit{
	padding: 7px 25%;
	border-style: none;
	background-color: #46bdf5;
	border-radius: 6px;
	font-size: 25px;
	color:white;
}
#loginButton{
	margin: 50px 0;
	text-align: center;
}
/*-------------------会社概要-------------------*/
#companyCenter{
	width:95%;
	height: auto;
	background-color: white;
	border-radius: 10px;
	margin: auto;
	padding-bottom: 30px;
}
#companyTop{
	margin:0;
	padding-top:20px;
	padding-bottom: 10px;
	padding-left: 20px;
	border-bottom: 3px solid #e4e4e4;
	margin-bottom: 10px;
}
#companyTop h1{
	font-size: 21px;
	margin: 0px;
	font-weight: 400;
	color: #636363;
}
.companyRow{
	width: 90%;
	height: auto;
	margin: auto;
	border-bottom: 1px solid #8e8e8e;
	padding-top: 5px;
}
.companyRow p{
	vertical-align: middle;
}
.companyLeft{
	float: left;
	padding-left: 10px;
	width: 18%;
	font-weight: bold;
}
.companyRight{
	float: right;
	width: 70%;
}
.companyRight a{
	text-decoration: none;
	color: #46bdf5;
}
a.contactLink{
	text-decoration: none;
	color: #0979dc;
}
/*-------------------プライバシーポリシー-------------------*/
#privacyCenter{
	width:100%;
	height: auto;
	background-color: white;
	border-radius: 10px;
	margin: 30px auto;
	padding-bottom: 30px;
}
#privacyTop{
	margin:0;
	padding-top:20px;
	padding-bottom: 10px;
	padding-left: 20px;
	border-bottom: 3px solid #e4e4e4;
	margin-bottom: 10px;
}
#privacyTop h1{
	font-size: 21px;
	margin: 0px;
	font-weight: 400;
	color: #636363;
}
#privacyMain{
	width: 90%;
	margin: auto;
	margin-top: 55px;
	padding-bottom: 15px;
}
#privacyMain h2{
	height: 40px;
	font-size: 23px;
	font-weight: 500;
	color: #2c2c2c;
	margin-bottom: 0;
	margin-top: 40px;
}
#privacyMain p{
	font-size: 14px;
	line-height: 23px;
}
#privacyMain ol{
	padding-left: 25px;
}
#privacyMain ol li{
	line-height: 25px;
	margin-bottom: 5px;
}
/*-------------------サービス内容画面--------------*/
#serviceCenter{
	width:100%;
	height: auto;
	background-color: white;
	border-radius: 7px;
	margin: 30px auto;
	padding-bottom: 30px;
}
.serviceTop{
	margin:0;
	padding-top:20px;
	padding-bottom: 10px;
	padding-left: 30px;
	border-bottom: 3px solid #e4e4e4;
	margin-bottom: 10px;
}
.serviceTop h1{
	font-size: 21px;
	margin: 0px;
	font-weight: 400;
	color: #636363;
}
.serviceContent{
	width: 95%;
	margin: auto;
	padding-top: 15px;
}
.serviceContent p{
	font-size:16px;
	font-weight: 400;
	color: #303030;
}
.serviceContentTop{
	margin-top: 15px;
}
.serviceContentTop h2{
	font-weight: 400;
	font-size: 24px;
	margin: 0;
	padding: 0;
	color: #4b4b4b;
}
.serviceContentCenter{
	width: 100%;
	height: 250px;
	padding-top:10px;
	padding-bottom: 20px;
	border-bottom: 1px dashed #dedede;
	margin-bottom: 20px;
}
.serviceContentLeft{
	width: 100%;
	height: auto;
	float: left;
}
.serviceContentRight{
	width: 48%;
	height: auto;
	float: right;
}
.serviceContentRight img{
	width: 100%;
}
.serviceContentLeft img{
	width: 100%;
}
.gazowaku{
	border:1px solid #b1b1b1;/* 外枠の色 */   
    padding:5px;/* 余白 */   
}
.serviceContentList{
	margin-top: 25px;
}
.serviceContentList ul{
	padding-left: 0px;
	margin-left: 20px;
}
.serviceContentList ul li{
	line-height: 25px;
	font-size: 16px;
}
.serviceTop h2{
	font-size: 21px;
	margin: 0px;
	margin-top: 20px;
	font-weight: 400;
	color: #636363;
}
.circleItem{
	width: 180px;
	height: 180px;
	border-radius: 50%;
	border: 6px solid #46bdf5;
	text-align: center;
	margin: auto;
	margin-bottom: 20px;
}
.circleItem h3{
	margin-top: 40px;
	font-size: 23px;
	color: #6b6b6b;
}
p.serviceAttention{
	padding-left: 35px;
	color: #555555;
	font-size: 15px;
}
/*-------------------お問い合わせ画面--------------*/
.companyRow h2{
	font-weight: 400;
	color: #252525;
	font-size: 19px;
}
.contactp p{
	font-size: 14px;
	color: #404040;
}
.contacta{
	text-align: center;
	width: 100%;
	margin-top:35px;
	margin-bottom: 25px;
}
.contacta a{
	padding: 9px 45px;
	border-style: none;
	background-color: #198ef3;
	border-radius: 5px;
	text-decoration: none;
	font-size: 19px;
	color: white;
	font-weight: 400;
}
.contactLeft{
	float: left;
	padding-left: 10px;
	width: 25%;
	font-weight: bold;
}
.contactRight{
	float: right;
	width: 60%;
	padding-top: 9px;
}
.contactInput input[type=text]{
	height:20px;
	width:90%;
	font-size: 14px;
	padding-left: 10px;
}
.contactInput select{
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	border-radius: 0;
	border: 0;
	margin: 0;
	padding: 0;
	background: none transparent;
	vertical-align: middle;
	font-size: inherit;
	color: inherit;
	box-sizing: content-box;
	border: 1px solid #b7b7b7;
	width: 91%;
	padding-left: 10px;
	height:27px;
}
.contactInput textarea{
	margin-bottom: 20px;
	width: 80%;
	text-align: left;
	font-size: 14px;
	padding: 10px;
	color: #525252;
}
/*----ユーザー画面---*/
#userCenter{
	width:700px;
	height: auto;
	padding-bottom: 30px;
	background-color: white;
	border-radius: 15px;
	margin: 30px auto;
}
#userMain{
	width:100%;
	height:auto;
	margin:10px auto;
}
#userMainTop h1{
	font-size: 16px;
	line-height: 20px;
	font-weight: 500;
	padding-left: 15px;
	border-bottom: 1px solid #252525;
	margin-bottom: 30px;
}
#userMainNavi{
	width: 95%;
	margin: auto;
}
#userNaviLeft{
	width: 100%;
	text-align: center;
	margin: auto;
}
#userNaviRight{
	width: 100%;
	margin: auto;
	margin-top: 5px;
}
ul.userNavi{
	margin:0;
	padding: 0;
	list-style: none;
}
ul.userNaviBook{
	margin:0;
	padding: 0;
	list-style: none;
}
.userNavi{
	width:100%;
}
ul.userNavi li{
	display: block;
	float: left;
	text-align: center;
	width: 50%;
}
.userNaviBook{
	width: 100%;
}
ul.userNaviBook li{
	display: block;
	float: left;
	text-align: center;
	width: 50%; 
}
ul.userNavi li a.naviItemLeft,ul.userNaviBook li a.naviItemLeft{
	display: block;
	width: 100%;
	border:1px solid #46bdf5;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
ul.userNavi li a.naviItemRight{
	display: block;
	width: 100%;
	border:1px solid #46bdf5;
	border-top-right-radius: 5px;
	border-bottom-right-radius:5px;
}
ul.userNaviBook li a.naviItemRight{
	display: block;
	width: 100%;
	border:1px solid #46bdf5;
	border-top-right-radius: 5px;
	border-bottom-right-radius:5px;
}
ul.userNaviBook li a.naviItem{
	display: block;
	width: 100%;
	border:1px solid #46bdf5;
	border-radius: 5px;
}
ul.userNavi li a {  
    display: block; 
    height: 25px;
    padding-top:10px;
	padding-bottom: 10px;
	line-height: 25px;
    background: white;  
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    color: #1ba8ea;
}
ul.userNavi li a.userNaviNow {  
    background: #46bdf5;
    color: white;
}
ul.userNaviBook li a {  
    display: block;
    height: 25px;
    padding-top: 5px;  
    padding-bottom:15px;
    line-height: 25px;
    background: white;  
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    color: #1ba8ea;
}
#userMainField{
	width:95%;
	height:auto;
	margin:20px auto;
	background-color: white;
	border-left: 1px solid #b2b2b2;
	border-right: 1px solid #b2b2b2;
	border-bottom: 1px solid #b2b2b2;
	border-top: 1px solid #b2b2b2;
	border-radius: 5px;
	border-collapse: collapse;
	border-spacing: 0px;
}
#userField{
	width: 670px;
	margin:0 auto;
	padding-top:30px;
}
h1#userH1{
	text-align: center;
	font-size:32px;
	font-weight: 500;
	margin-bottom: 40px;
}
h2#userH2{
	text-align: center;
	font-size:32px;
	font-weight: 500;
	margin-bottom: 40px;
	margin-top:80px;
}
#userBookConfirm{
	margin: 10px auto 50px auto;
	width:670px;
	border-top:1px solid black;
}
#userRowField{
	width: 100%;
	height: auto;
	border-bottom: 1px solid #adadad;
	border-left: 1px solid #adadad;
	border-right: 1px solid #adadad;
	border-radius: 5px;
}
.userRowMain{
	width:100%;
	height:135px;
	border-top: 1px solid #adadad;
	border-collapse: collapse;
	border-spacing: 0px;
	padding-top: 8px;
	clear:both;
}
.userRowTop{
	display: block;
	width: 100%;
	height: 50px;	
}
.userRowBottom{
	display: block;
	width: 100%;
	height: 80px;
}
.userRowTopMain{
	width:100%;
	height:60px;
	border-top: 1px solid #adadad;
	border-collapse: collapse;
	border-spacing: 0px;
	padding-top: 12px;
	clear:both;
}
.userRowLeft{
	display: block;
	width:65%;
	padding-left: 10px;
	float: left;
}
.userRowCenter{
	width:95%;
	margin: auto;
}
.userRowRight{
	display: block;
	width:30%;
	padding-top: 5px;
	float: right;
}
p.userRowItem{
	font-size:15px;
	margin:5px auto;
}
p.userRowCourse{
	font-size: 16px;
	padding-left: 7px;
	color: #46bdf5;
}
p.userItemCenter{
	padding-top:10px;
	margin-left: 95px;
}
#userBookTop{
	margin-top:20px;
	margin-bottom: 50px;
	text-align: center;
}
input#newBook{
	padding: 10px 180px;
	border-style: none;
	background-color: #8dc9ff;
	border-radius: 2px;
	font-size: 30px;
	color:white;
}
input.submitDetail{
	padding: 5px 25px;
	border-style: none;
	border: none;
	/*background-color: #428bca;*/
	background-color: #46bdf5;
	-webkit-appearance: none;
	appearance: none;
	border-radius: 2px;
	font-size: 14px;
	color:white;
}
#rebookButton{
	border:1px solid #3366cc;  
	border-radius: 5px;
	text-align: center;
	width: 130px;  
    height: 25px;
    padding: 5px 15px;  
    padding-top:10px;
    background-color: #48adf5; 
}
#rebookButton a{
	text-decoration: none;
	color: white;
	font-size: 19px;
}
/*-------------ユーザー履歴画面--------------*/
.historicalRowMain{
	width:100%;
	height:270px;
	padding-top: 12px;
	clear:both;
	border-top: 1px solid #bbbbbb;
}
.historicalRowLeft{
	float:left;
	padding-left:5px;
	padding-top:15px;
	width:25%;
}
.historicalRowCenter p{
	margin-top:0px;
}
.historicalRowRight{
	float:right;
	width:62%;
	padding-top:4px;
	padding-bottom:14px;
}
#historicalRowField{
	width: 100%;
	height: auto;
	margin-bottom: 60px;
}
input#assessment{
	padding: 5px 15px;
	margin-top:1px;
	border-style: none;
	border: none;
	background-color: #46bdf5;
	-webkit-appearance: none;
	appearance: none;
	border-radius: 2px;
	font-size: 12px;
	color:white;
}

/*---予約詳細画面---*/
#detailMain{
	width:100%;
	background-color:#d0ebff;
	/*#e2eef8;*/
	padding-bottom:50px;
	padding-top:50px;
}
#detailCenter{
	width:1000px;
	height: auto;
	padding: 30px 10px;
	background-color: white;
	border-radius: 15px;
	margin: 30px auto;
}
#detailTop{
	width:600px;
	height: auto;
	margin:10px auto;
	text-align: center;
}
#detailTop h1{
	font-weight: 400;
	font-size:24px;
}
#detailTop p{
	font-size:30px;
	font-weight: 500;
}
#detailRight{
	float:right;
	width:300px;
	height:1000px;
}
#detailLeft{
	float:left;
	width:670px;
	height:auto;
}
h2.detailItem{
	font-weight: 200;
	font-size:20px;
	margin:15px 0 0 0;
	border-bottom: 1px solid #bcbcbc;
	padding-left: 10px;
}
.detailRightItem{
	width: 93%;
	padding:1px 10px;
	margin-bottom: 35px;
}
#detailPrice{
	width: 93%;
	padding:1px 10px;
	margin-bottom: 35px;
	border:1px solid #9d9d9d;
}
.detailLeftItem{
	width: 95%;
	padding:15px 10px 30px 20px;
	margin-bottom: 35px;
	border: 1px solid #9d9d9d;
}
h2.detailLeftH2{
	font-weight: 200;
	font-size:20px;
	margin:5px 0 0 0;
	border-bottom: 1px solid #bcbcbc;
}
h3.detailLeftH3{
	font-weight: 200;
	font-size:18px;
	margin:35px 0 10px 0;
	padding-left: 15px;
}
p.detailLeftP{
	font-size:16px;
	margin:5px 0 0 0;
	padding-left: 35px;
	line-height: 17px;
}
.clear{
	clear: both;
}
.detailButton{
	margin:13px 0px;
}
input#rescheduleService{
	padding: 7px 25%;
	border-style: none;
	background-color: #46bdf5;
	border-radius: 4px;
	font-size: 22px;
	font-weight: 300;
	color:white;
}
input#cancelService{
	padding: 8px 27%;
	border-style: none;
	background-color: #bfbfbf;
	border-radius: 2px;
	font-size: 14px;
	color:white;
}
/*-----------------------ユーザーの基本情報編集ページ-------------*/
input#basicSubmit{
	padding: 5px 20px;
	border-style: none;
	background-color: #477eee;
	border-radius: 3px;
	font-size: 14px;
	color:white;
}
input.basicSubmit{
	padding: 5px 20px;
	border-style: none;
	background-color: #477eee;
	border-radius: 3px;
	font-size: 14px;
	color:white;
}
.submitButton{
	text-align: left;
	padding-left: 10px;
	margin-top: 30px;
}
.editButton{
	width: 70px;
	height: 32px;
	line-height: 32px;
	border-style: none;
	background-color: #477eee;
	border-radius: 3px;
	font-size: 14px;
	color:white;
	text-align: center;
	margin-top: 10px;
	margin-left: 18px;
}
.editButton a{
	display: block;
	width: 100%;
	height: 100%;
	color: white;
	text-decoration: none;
}
/*-------ユーザー住宅一覧ページ---------*/
.houseListRow{
	width: 100%;
	height:90px;
	border-bottom: 1px solid #9b9b9b;
}
.houseListLeft{
	width:60%;
	float: left;
	padding-left: 15px;
}
.houseListRight{
	width:30%;
	float: right;
	padding-top: 5px;
}
input.houseListButton{
	padding: 5px 25px;
	border-style: none;
	border: none;
	background-color: #46bdf5;
	-webkit-appearance: none;
	appearance: none;
	border-radius: 2px;
	font-size: 14px;
	color:white;
	margin-bottom: 10px;
}
/*-----------------------スタッフ募集ページ-----------------------*/
#staffApplyTop{
	width:100%;
	height:auto;
	border-bottom: 1px solid #d1d1d1;
	background-color: #edf5f8;
	text-align: center;
	padding-bottom: 20px;
}
#applicate{
	width: 100%;
	height:200px;
	border-bottom: 1px solid #d1d1d1;
	background-image: url("https://swipp.jp/sp/images/staffPhoto2.png");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100%;
}
#applicateBox{
	width: 450px;
	float: right;
	padding-top:60px;
	text-align: center;
}
#applicateBox h1{
	font-size: 30px;
	font-weight: 400;
	color: #424242;
}
#applicateBox p{
	font-size:15px;
	color: #424242;
	line-height: 25px;
}
#applyStaffForm{
	width: 100%;
	margin-top: 30px;
	padding-bottom: 25px;
}
#applicateLink{
	width: 90%;
	height: 50px;
	background-color: #60c3f1;
	border-radius: 5px;
	margin: auto;
	margin-top: 30px;
}
#applicateLink a{
	display: block;
	width: 100%;
	font-size: 25px;
	line-height: 50px;
	color: white;
	text-decoration: none;
}
#applicateLink a:hover{
	background-color: #7ed2f9;
	border-radius: 5px;
}
#applyStaffForm h1{
	font-size: 24px;
	font-weight: 400;
	color: #424242;
}
#applyStaffForm p{
	font-size:16px;
	color: #424242;
	line-height: 25px;
}
input.applyStaffSubmit{
	padding: 3px 80px;//確認ボタンの大きさ
	border-style: none;
	background-color: #198ef3;
	border-radius: 2px;
	font-size: 22px;
	color:white;
}
#staffRequirement{
	width: 100%;
	height: 330px;
	border-top: 1px solid #d1d1d1;
	border-bottom: 1px solid #d1d1d1;
	margin: auto;
	background-color: white;
	padding-bottom: 50px;
}
#staffRequirement h2{
	text-align: center;
	font-size: 28px;
	font-weight: 400;
	color: #424242;
}
#staffRequirement p{
	width: 90%;
	text-align: center;
	color: #959595;
	margin:auto;
	margin-top: 35px;
}
#requirementList{
	width:100%;
	margin:auto;
	margin-top: 40px;
	text-align: left;
}
#requirementList ul li{
	line-height: 23px;
	margin-top: 15px;
	font-size: 16px;
	color: #424242;
}
input[type=text].allWidth{
	height:33px;
	width:90%;
	font-size: 15px;
	padding-left: 10px;
}
.hankaku{
	ime-mode:inactive;
}
/*--------------------スタッフ募集ページ２-------------------------*/
#apply{
	width:100%;
	height:100%;
	background-color:#e2f3fa;
}

.center{
	width:100%;
	margin:auto;
	padding-bottom: 50px;
	padding-top: 50px;
}
.textcenter{
	text-align:center;
	padding-top:70px;
	margin-bottom:35px;
}
h1.applyStaffH1{
	font-size: 40px;
	font-weight: 400;
	color:#575757;
}
.applyStaffFormArea{
	width: 95%;
	border: 1px solid #c8c8c8;
	border-radius: 4px;
	height:auto;
	background-color: white;
	padding-left:10px;
	padding-bottom: 15px;
	margin: auto;
}
.formFactor{
	height:40px;
	padding-left:30px;
	border-bottom: 1px solid #aeaeae;
}
.formFactor h2{
	font-size: 25px;
	font-weight: 400;
	color:#474747;
}
.whitearea{
	padding-top:10px;
	padding-left:20px;
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom: 1px solid #aeaeae;
}
.applyFormItem{
	margin-top:8px;
	width:90%;
	padding-left: 15px;
	overflow: hidden;
}
.applyFormLeft{
	width: 50%;
	float:left;
}
.applyFormLeft p{
	line-height: 0;
	font-size: 14px;
	color: #171717;
	font-weight: 400;
}
.applyFormRight{
	width: 50%;
	float: right;
}
.applyFormRight p{
	line-height: 0;
	font-size: 14px;
	color: #171717;
	font-weight: 400;
}
input[type=text].applyAllWidth{
	height:32px;
	width:90%;
	font-size: 15px;
}
.applyFormLine{
	padding-top:6px;
	padding-left:20px;
	padding-bottom:6px;
	border-bottom: 1px solid #aeaeae;
}
textarea.appeal{
	margin-bottom: 20px;
	font-size: 15px;
	color: #2d2d2d;
	width: 95%;
}
a.needCheck{
	text-decoration: none;
	color: #3c81cf;
}
.applySubmit{
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
}
input.applyJobSubmit{
	padding: 8px 30%;
	border-style: none;
	background-color: #198ef3;
	border-radius: 5px;
	font-size: 25px;
	color:white;
}
/*------------------応募完了ページ----------------------------*/
#acceptmain{
	width:100%;
	background-color:#e2f3fa;
	padding-bottom:100px;
	padding-top:50px;
}
#acceptcenter{
	width:100%;
	margin:auto;
}
#acceptcenter h1{
	text-align:center;
	font-weight: 400;
	font-size: 28px;
	color: #3d3d3d;
}
#acceptmsg{
	width:80%;
	background-color:white;
	margin:10px auto 10px auto;
	border:1px solid #3c3c3c;
	padding: 0 15px 0 15px;
	border-radius: 5px;
	text-align: center;
}
#acceptmsg p{
	line-height: 22px;
	color: #2a2a2a;
}
/*-----------------管理者ページ---------------------------*/
#adminMain{
	width:100%;
	background-color:#e2f3fa;
	/*#e2eef8;*/
	padding-bottom:30px;
	padding-top:10px;
}
#adminCenter{
	width:1100px;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
}
#adminLeft{
	float:left;
	width:300px;
	border: 1px solid #d3d3d3;
	background-color: white;
}
#adminLeft p{
	height:30px;
	font-size:16px;
	border-bottom: 1px dashed #c0c0c0;
	padding-left: 15px;
	margin: 0;
	padding-top:15px;
}
#adminLeft a{
	text-decoration: none;
	color: #4070c9;
}
#adminRight{
	float:right;
	width:700px;
	background-color: white;
}

#admincenter{
	width:600px;
	margin:auto;
	text-align: center;
}
.adminRowMain{
	width:650px;
	height:120px;
	border-bottom: 1px solid black;
	padding-top: 10px;
	clear:both;
}
.adminRowLeft{
	float:left;
	padding-left:10px;
	width:240px;
}
.adminRowCenter{
	float:left;
	width:212px;
}
.adminRowRight{
	float:right;
	margin-right:20px;
	width:140px;
}
p.adminRowServiceNo{
	font-size: 20px;
	font-weight: bold;
	color:#180000;
	margin:5px auto;
}
p.adminRowItem{
	font-size:16px;
	margin:  3px auto;
}
input.notifyButton{
	padding: 25px 25px;//確認ボタンの大きさ
	border-style: none;
	background-color: #8dc9ff;
	border-radius: 8px;
	font-size: 30px;
	color:white;
}
/*-----------------スタッフログインページ---------------------------*/
#staffmain{
	width:1000px;
	height:100%;
	border-top:2px solid #55ACEE;
	margin:0 auto;
}
#stafftitle{
	height:60px;
	width:100%;
	padding-left:70px;
	padding-top:20px;
}
#staffleft{
	width:240px;
	height:auto;
	float:left;
	padding-top:35px;
}
#staffright{
	width:640px;
	height:auto;
	float:right;
	padding-top:20px;
	margin-bottom: 30px;
}
#staffright h2{
    width:100%;
    height:40px;
    border-bottom:3px solid #55ACEE;
	color:#535353;
	padding-left:40px;
	padding-top:5px;
	font-size: 28px;
}
/*--------------スタッフメインページ-------------*/
#staffCenter{
	width:700px;
	height: auto;
	padding-bottom: 30px;
	background-color: white;
	border-radius: 15px;
	margin: 30px auto;
}
#staffField{
	width: 670px;
	margin:0 auto;
	padding-top:30px;
}
h1#staffH1{
	text-align: center;
	font-size:32px;
	font-weight: 500;
	margin-bottom: 40px;
}
h2#staffH2{
	text-align: center;
	font-size:32px;
	font-weight: 500;
	margin-bottom: 40px;
	margin-top:80px;
}
#staffBookConfirm{
	margin: 10px auto 50px auto;
	width:670px;
	border-top:1px solid black;
}
#staffMain{
	width:100%;
	height:auto;
	margin:10px auto;
}
#staffMainNavi{
	width: 100%;
	text-align: center;
}
ul.staffNavi{
	margin:auto;
	padding: 0;
	list-style: none;
	width:95%;
}
ul.staffNaviRight{
	margin:0;
	padding: 0;
	list-style: none;
	width: 90%;
}
.staffNavi{
	width:100%;
	text-align: center;
}
ul.staffNavi li{
	float: left;
	text-align: center;
	width: 48%; 
}
ul.staffNaviRight li{
	text-align: center;
	width: 90%; 
}
ul.staffNavi li a.naviItemLeft{
	border:1px solid #46bdf5;  
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
ul.staffNavi li a.naviItemRight{
	border:1px solid #46bdf5;  
	border-top-right-radius: 5px;
	border-bottom-right-radius:5px;
}
ul.staffNaviRight li a.naviItem{
	border:1px solid #46bdf5;  
	border-radius: 5px;
}
ul.staffNavi li a,ul.staffNaviRight li a{  
    display: block;
    width: 130px;  
    height: 25px;
    padding: 5px 15px;  
    padding-top:15px;
    background: white;  
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    color: #1ba8ea;
}
ul.staffNavi li a.staffNaviNow,ul.staffNaviRight li a.staffNaviNow {  
    background: #46bdf5;
    color: white;
}
.historicalStaffLeft{
	float:left;
	padding-left:10px;
	padding-top:15px;
	width:15%;
}
.historicalStaffRight{
	float:left;
	width:80%;
}
p.historicalDay{
	line-height: 0;
	margin-top:15px;
	margin-bottom: 12px;
}
p.userReviewToStaff{
	margin-top:10px;
}

/*-------スタッフ予約確認--------*/
.bookScheduleList{
	width:100%;
	height:80px;
	border-top: 1px solid #adadad;
	border-collapse: collapse;
	padding-top: 12px;
	clear:both;
}
.bookScheduleLeft{
	float:left;
	padding-left:25px;
	width:60%;
}
.bookScheduleRight{
	float:right;
	padding-right:20px;
	padding-top:17px;
	width:20%;
	text-align: right;
}
.bookProjectList{
	width:100%;
	height:150px;
	border-top: 1px solid #adadad;
	border-collapse: collapse;
	padding-top: 12px;
	padding-bottom: 12px;
	clear:both;
}
.bookProjectLeft{
	float:left;
	padding-left:25px;
	width:100%;
}
.bookProjectRight{
	float:right;
	padding-right:20px;
	padding-top:30px;
	width:30%;
	text-align: right;
}
p.staffRowItem{
	font-size:15px;
	margin:6px auto;
}

input.confirmButton{
	padding: 5px 30%;
	border-style: none;
	border: none;
	background-color: #46bdf5;/*8dcc9f*/
	-webkit-appearance: none;
	appearance: none;
	border-radius: 2px;
	font-size: 14px;
	color:white;
}
input.confirmButton:hover{
	background-color: #69cfff;
}
p.scheduleListDate{
	line-height:0px;
	font-weight: bold;
	color: #260303;
	font-size:22px;
	margin-top:13px;
}

h2.notopmargin{
	margin-top:0;
	margin-bottom:10px;
}

#staffsche{
	border:1px solid #696969;
	margin-left: 30px;
	height:560px;
	padding-left: 30px;
}
#staffthanks{
	border:1px solid #696969;
	margin-left: 30px;
	height:260px;
	padding-left: 30px;
}
/*-----------------スタッフ情報編集ページ---------------------------*/
#profileRight{
	background-color: white;
	border:1px solid #d4d4d4;
	border-radius:5px;
	width:95%;
	margin: auto;
	height:auto;
	margin-top:25px;
}
#profileRight h1{
	text-align: center;
	font-size: 30px;
	font-weight: 400;
	margin-bottom: 10px;
}
#profileLeft{
	float:left;
	width:270px;
	height: auto;
}
#profilePhoto{
	text-align: center;
	margin-top:20px;
}
.divcenter{
	width:170px;
	margin:auto;
}
p.profileName{
	font-size:18px;
	font-weight: 500;
	margin-bottom:5px;	
}
p.profileList{
	margin-top: 18px;
	line-height: 8px;
	font-size: 14px;
}
p.profileList a{
	text-decoration: none;
	color: #285d9e;
	font-weight: 500;
}
p.areaNames{
	margin-top:0px ;
	margin-bottom: 6px;
}
a.profileWorkTime{
	text-decoration: none;
	color:#285d9e;
	margin-left: 10px;
	vertical-align: bottom;
}
.areaLeft{
	float: left;
	width:25%;
}
.areaCenterLeft{
	float: left;
	width:25%;
}
.areaCenterRight{
	float: left;
	width:25%;
}
.areaRight{
	float: left;
	width:25%;
}
#staffPayment p{
	text-align: center;
	font-size: 30px;
	font-weight: 400;
	color: #232323;
}
.paymentList{
	width: 100%;
	height:40px;
	border-bottom: 1px solid #565656;
	padding-top: 5px;
}
.paymentLeft{
	width: 45%;
	float: left;
}
.paymentCenter{
	width: 20%;
	float: left;
}
.paymentRight{
	width: 20%;
	float: right;
	text-align: right;
	padding-right: 10px;
}
.paidList{
	width: 100%;
	height:50px;
	border-bottom: 1px solid #565656;
	padding-top: 5px;
}
.paidLeft{
	width: 30%;
	float: left;
}
.paidCenter{
	width: 35%;
	float: left;
}
.paidRight{
	width: 30%;
	float: right;
	text-align: right;
	padding-right: 10px;
}

.underBorder{
	width: 100%;
	border-bottom: 1px solid #9b9b9b;
}
#editmain{
	width: 1000px;
	margin: 0 auto;
}
#edittitle{
	height:40px;
	width:100%;
	padding-left:70px;
	padding-top:20px;
	margin-bottom:50px;
}
#editleft{
	width: 230px;
	height:auto;
	float: left;
	border: 1px solid #d3d3d3;
}
#editleft p{
	height:30px;
	font-size:16px;
	border-bottom: 1px dashed #c0c0c0;
	padding-left: 15px;
	margin: 0;
	padding-top:15px;
}
#editleft a{
	text-decoration: none;
	color: #4070c9;
}
#editright{
	width: 750px;
	height:auto;
	padding-bottom: 200px;
	float:right;
	border: 1px solid #d3d3d3;
	background-color: #fffcf3;
	margin-bottom: 20px;
}
#nowhere{
	background-color: #9dccf0;
}
table{
	width:100%;
	table-layout: fixed;
	margin:0 auto;
	background-color: white;
	border-collapse: collapse;
}
table a{
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	color:#484848;
}
th, td{
	border: 1px solid #ccc;
	font-size: 20px;
	padding: 5px 0;
}
th{
	background-color: #61a2e3;
	color: white;
	font-weight: 400;
}
th a{
	color: white;
}
td{
	height:65px;
	text-align: left;
	vertical-align: top;
	padding-left: 5px;
}
.calendarDate{
	text-align: left;
	padding-left: 10px;
	font-size:15px;
}
.calendarWorkTime{
	text-align: left;
	padding-left: 10px;
	margin-top:35%;
	font-size:15px;
}
.youbi_0 a{
	color: red;
}
.youbi_6 a{
	color: blue;
}
#regSchedule{
	width: 85%;
	height:150px;
	margin:30px auto 30px auto;
	background-color: white;
	border: 1px solid #828282;
}
#regSchedule form{
	margin-left: 50px;
}
#youbiSchedule{
	width: 85%;
	height: auto;
	background-color: white;
	border: 1px solid #828282;
	margin:10px auto 30px auto;
}
#youbiSchedule h3{
	padding-left: 20px;
	font-weight: 500;
	font-size: 21px;
	color: #383838;
}
#regDay{
	font-size: 19px;
	color:#222222;
	padding-left: 20px;
}
.registerDay{
	background-color: #dff1ff;
}

/*--------------------------予約ページ------------------------------*/
#background{
	background-color:#e2f3fa;
	width: 100%;
	padding-top: 55px;
	padding-bottom: 70px;
}
#registerBackGround{
	width: 100%;
	height: auto;
	box-sizing: border-box;
	padding-bottom: 20px;
	background-color: white;
	padding-top: 50px;
}
#registerBackGroundBody{
	display: block;
	width: 95%;
	margin: auto;
}
#registerBackGroundBody h2.registerTopicTitle{
	color: #515151;
    font-size: 14px;
    padding: 0 0 6px 0;
    line-height: 14px;
    border-bottom: 1px solid #cfc8c6;
    margin: 20px 0 8px 0;
}
/*---------house cleaning booking------------*/
#registerBackGroundBody h3.registerSubTopicTitle{
	color: #3c2c1c;
    font-size: 14px;
    line-height: 20px;
    margin: 10px 0 8px 0;
}
#registerBackGroundBody h3.registerSubTopicTitle span{
    border-bottom: 2px solid #3c2c1c;
}
#registerBackGroundBody ul.hc_menu{
	display: block;
	margin: 0 0 10px;
	text-indent: 0;
	list-style: none;
	list-style-type: none;
	box-sizing: border-box;
	margin-block-start: 0em;
	margin-block-end: 2em;
	margin-inline-end: 0px;
	padding-inline-start: 0px;
}
#registerBackGroundBody ul.hc_menu>li{
	display: flex;
	box-sizing: border-box;
	text-align: -webkit-match-parent;
	justify-content: space-between;
	padding: 6px 4px;
	border-bottom: 1px dotted #c3b9ae;
}
#registerBackGroundBody ul.hc_menu>li:nth-child(even){
	/*background: #fcf9f3;*/
	background: #f6f6f6;
}
#registerBackGroundBody ul.hc_menu li p.hc_srvName{
	flex: 1 0 content;
	padding: 0;
	margin: 0;
	line-height: 22px;
}
#registerBackGroundBody ul.hc_menu li p.hc_srvName span.hc_price{
	font-size: 11px;
}
#registerBackGroundBody ul.hc_menu li p.hc_srvName span.hc_price em{
	font-size: 17px;
}
#registerBackGroundBody ul.hc_menu li div.hc_numOrder{
	display: block;
	flex: 0 0 90px;
	text-align: right;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	margin-top: 10px;
}
#registerBackGroundBody ul.hc_menu li div.hc_numOrder button{
	display: inline-block;
	outline: none;
	transition: all .25s;
	cursor: pointer;
	width: 24px;
	text-align: center;
	box-sizing: border-box;
	font-size: 16px;
	line-height: 24px;
	border-radius: 4px;
	/*background: #887766;*/
	background: #57a2d0;
	color: #fff;
	border: none;
	margin: 0;
	padding: 0;	
}
#registerBackGroundBody ul.hc_menu li div.hc_numOrder input[type="number"]{
	width: 24px;
	text-align: center;
	box-sizing: border-box;
	outline: none;
	display: inline-block;
	vertical-align: top;
	font-size: 16px;
	line-height: 22px;
	border: 1px solid #c3b9ae;
	padding: 0;
	margin: 0;
	text-rendering: auto;
	text-transform: none;
	text-indent: 0px;
	text-shadow: none;
	appearance: textfield;
	-webkit-rtl-ordering: logical;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"] {
    -moz-appearance:textfield;
}
#registerBackGroundBody .paymentTable_inner {
	display: block;
    padding: 8px;
    background: #fcf9f3;
    margin: 0;
    box-sizing: border-box;
    border: none;
}
#registerBackGroundBody .paymentTable {
    text-align: center;
    margin: 0 0 4px;
    border: 1px solid #c3b9ae;
}
#registerBackGroundBody .paymentTable tr{
	height: 22px;
    line-height: 22px;
}
#registerBackGroundBody .paymentTable th {
	font-size: 11px;
    color: black;
    background: #ddf6ff;
    border: 1px solid #c3b9ae;
    width: 90px;
    text-align: center;
    padding: 4px;
    vertical-align: middle;
    height: 22px;
    line-height: 22px;
}

#registerBackGroundBody .paymentTable td.paymentTable_sum {
	font-size: 14px;
    color: black;
    text-align: right;
    background: #fff;
    border-bottom: 1px solid #c3b9ae;
    padding: 4px;
    vertical-align: middle;
    height: 22px;
    line-height: 22px;
}
#registerBackGroundBody .paymentTable.paymentTable-amount th {
    background-color: #ffdddd;
}
#registerBackGroundBody .commonTable {
	font-size: 13px;
    color: black;
    width: 100%;
    display: table;
    background: #fcf9f3;
    padding: 8px;
    text-align: left;
    font-size: 16px;
}
#registerBackGroundBody tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}
#setMenu dt,#acMenu dt,#kitchenMenu dt,#bathMenu dt{
	line-height: 36px;
    text-align: center;
    border-radius: 18px;
    margin: 0 0 8px;
    border: 1px solid #887766;
    color: white;
    background-color:#887766;
}
#setMenu dd,#acMenu dd,#kitchenMenu dd,#bathMenu dd{
	display: block;
	padding: 0;
    margin: 0;
    text-indent: 0;
    list-style: none;
    box-sizing: border-box;
    border: 0;
}

ul#setmenutabMenu,ul#tabMenu,ul#kitchentabMenu,ul#bathtabMenu{
	display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #887766;
    margin-block-end: 0em;
    margin-block-start: 0em;
    padding-inline-start: 10px;
    padding-inline-end: 10px;
}
#setmenutabMenu li,#tabMenu li,#kitchentabMenu li,#bathtabMenu li{
	flex: 1 0 auto;
    margin: 0 2px;
    border: 1px solid #c3b9ae;
    border-bottom: 0;
    color: #887766;
    text-align: center;
    line-height: 36px;
    list-style: none;
    transition: .3s;
    cursor: pointer;
    float: left;
    width: 30%;
}
#setmenutabMenu li.active,#tabMenu li.active,#kitchentabMenu li.active,#bathtabMenu li.active{
	color: white;
	background-color: #3c2c1c;
    font-weight: bold;
    border: 1px solid #887766;
}
#setmenutabMenu li.active a,#tabMenu li.active a,#kitchentabMenu li.active a,#bathtabMenu li.active a{
	color: white;
}
#setmenutabMenu li a,#tabMenu li a,#kitchentabMenu li a,#bathtabMenu li a{
	display: block;
	width: 100%;
	height: 100%;
	text-align:center;
	color: black;
	text-decoration: none;
}
#setmenutabBox1,#setmenutabBox2,#setmenutabBox3,#tabBox1,#tabBox2,#tabBox3,#kitchentabBox1,#kitchentabBox2,#kitchentabBox3,#bathtabBox1,#bathtabBox2,#bathtabBox3{
	margin: 0 0 8px;
    padding: 8px;
    border: 1px solid #887766;
    border-top: none;
}
#setmenutabBox1 p,#setmenutabBox2 p,#setmenutabBox3 p,#tabBox1 p,#tabBox2 p,#tabBox3 p,#kitchentabBox1 p,#kitchentabBox2 p,#kitchentabBox3 p,#bathtabBox1 p,#bathtabBox2 p,#bathtabBox3 p{
	font-size: 12px;
	line-height: 18px;
}

#setmenutabBox1,#tabBox1,#kitchentabBox1,#bathtabBox1{

}
#setmenutabBox2,#tabBox2,#kitchentabBox2,#bathtabBox2{
	display:none;
}
#setmenutabBox3,#tabBox3,#kitchentabBox3,#bathtabBox3{
	display:none;
}
.attentionBox {
    width: 96%;
    max-width: 740px;
    margin: 30px auto;
    background-color: #fcf6f6;
    border: 1px #cc9c99 solid;
    text-align: left;
}
h3.attentionTitle{
	font-size: 13px;
    font-weight: bold;
    overflow: hidden;
    margin: 0;
    padding: 10px 15px;
    text-shadow: none;
    background-color: #fff;
}
.attentionBody{
	padding: 10px;
	background-color: #fcf6f6;
}
.hcScheduleField{
	display: block;
	width: 120px;
	height: 150px;
	float: left;
	margin-top: 20px;
}




#registerBackGroundBody p.registerTopicSubTitle{
	color: #515151;
    font-size: 12px;
    padding: 0 0 4px 0;
    line-height: 12px;
    margin: 0;
}
.formRequired{
    font-size: 10px;
    border-radius: 3px;
    line-height: 10px;
    padding: 2px 5px;
    color: white;
    margin-left: 4px;
}
.formRequired-red{
	background-color: #db4a71;
}
.formRequired-grey{
	background-color: #d4d4d4;
}
input.registerInputForm{
	display: block;
	box-sizing: border-box;
	height:47px;
	line-height: 47px;
	color: #3a3a3a;
	width:100%;
	font-size: 15px;
	background-color:white;
	padding-left: 10px;
	border: 1px solid #bbbbbb;
	border-radius: 3px;
}
input.registerInputFormHalf{
	display: block;
	box-sizing: border-box;
	height:47px;
	line-height: 47px;
	color: #3a3a3a;
	width:97%;
	font-size: 15px;
	background-color:white;
	padding-left: 10px;
	border: 1px solid #bbbbbb;
	border-radius: 3px;
}
.registerBackGroundFormLine{
	display: block;
	width: 100%;
	box-sizing: border-box;
}
.registerBackGroundFormLineHalf{
	display: block;
	width: 50%;
	float: left;
	box-sizing: border-box;
}
.registerRadioInput{
  display: none;
}
.registerRadioInput + label{
  padding-left: 20px;
  position:relative;
  margin-right: 0px;
}
.registerRadioInput + label::before{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #999;
  border-radius: 50%;
}
.registerRadioInput:checked + label::after{
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 3px;
  width: 11px;
  height: 11px;
  background: #59bfff;
  border-radius: 50%;
}
.registerSelect-date {
	overflow: hidden;
	width: 120px;
	text-align: center;
	float: left;
	margin-right: 15px;
}
.registerSelect-day {
	overflow: hidden;
	width: 95px;
	text-align: center;
	float: left;
	margin-right: 15px;
}
.registerSelectFamily {
	overflow: hidden;
	width: 250px;
	text-align: center;
	float: left;
	margin-right: 15px;
}
.registerSelect-date select,.registerSelect-day select,.registerSelectFamily select {
	width: 100%;
	padding-right: 1em;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
	font-size: 15px;
}
.registerSelect-date select::-ms-expand,.registerSelect-day select::-ms-expand,.registerSelectFamily select::-ms-expand {
    display: none;
}
.registerSelect-date.cp_sl02,.registerSelect-day.cp_sl02,.registerSelectFamily.cp_sl02 {
	position: relative;
	border: 1px solid #bbbbbb;
	border-radius: 2px;
	background: #ffffff;
}
.registerSelect-date.cp_sl02::before,.registerSelect-day.cp_sl02::before,.registerSelectFamily.cp_sl02::before {
	position: absolute;
	top: 1.2em;
	right: 0.9em;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #666666;
	pointer-events: none;
}
.registerSelect-date.cp_sl02:after,.registerSelect-day.cp_sl02:after,.registerSelectFamily.cp_sl02:after {
	position: absolute;
	top: 0;
	right: 2.5em;
	bottom: 0;
	width: 1px;
	content: '';
	border-left: 1px solid #bbbbbb;
}
.registerSelect-date.cp_sl02 select,.registerSelect-day.cp_sl02 select,.registerSelectFamily.cp_sl02 select {
	padding: 8px 38px 8px 8px;
	color: #666666;
}
.marginTop10{
	margin-top: 10px;
}
#registerButtonLine{
	width:100%;
	text-align: center;
	margin: 45px 0;
}
input[type=submit]#registerButton,button#registerButton{
	display: block;
	width: 95%;
	height: 60px;
	line-height: 60px;
	border-style: none;
	background-color: #46bdf5;
	border-radius: 30px;
	font-size: 25px;
	color:white;
	font-weight: 400;
	padding: 0;
	margin: auto;
}
input[type=submit]#registerButton:disabled{
	background-color: grey;
}
#registerHeader{
	display: block;
	box-sizing: border-box;
	height: 50px;
	/*
	background-color: #f9f5ee;
    border-bottom: 1px solid #cfc8c6;
    */
    background-color: #eef8ff;
	border-left: 10px solid #46bdf5;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9900;
    font-size: 14px;
    text-align: center;
}
#registerHeaderBackArrow{
	display: block;
	position: absolute;
	top:14px;
	left: 20px;
	z-index: 3000;
}
#registerHeader p{
	margin: 0;
	line-height: 50px;
	font-size: 15px;
}
.registerBackGroundConfirm{
	display: block;
	width: 100%;
	background-color: #fcf9f3;
	padding-bottom: 10px;
}
h2.registerBackGroundConfirmTitle{
	background-color: #3c2c1c;
	color: white;
	width: 100%;
	height: 35px;
	line-height: 35px;
	box-sizing: border-box;
	padding-left: 10px;
	font-weight: 400;
	font-size: 14px;
	margin-top: 20px;
}
h3.registerBackGroundConfirmTopic{
	display: block;
	width: 94%;
	margin: 15px auto 0 auto;
	color: #515151;
    font-size: 14px;
    padding: 0 0 6px 0;
    line-height: 14px;
    font-size: 13px;
    font-weight: 400;
    border-bottom: 1px solid #cfc8c6;
}
.registerBackGroundConfirmContent{
	display: block;
	box-sizing: border-box;
	width: 94%;
	margin: auto;
	height:45px;
	background-color:white;
	padding-left: 12px;
	border-radius: 3px;
}
.registerBackGroundConfirmContent p{
	padding: 0;
	margin: 0;
	line-height: 45px;
	color: #3a3a3a;
	font-size: 14px;
}
p.registerBackGroundConfirmFurigana{
	font-size: 10px;
	line-height: 10px;
	height: 10px;
	color: #665b4d;
	margin: 0;
	padding: 0;
	padding-top: 10px;
	padding-bottom: 1px;
}
p.registerBackGroundConfirmName{
	font-size: 14px;
	line-height: 14px;
	height: 14px;
	color: #3a3a3a;
	margin: 0;
	padding: 0;
}
#registerButtonNext{
	display: block;
	width: 90%;
	height: 60px;
	line-height: 60px;
	margin: auto;
	border-style: none;
	/*background-color: #573e1e;*/
	background-color: #46bdf5;
	border-radius: 30px;
	color:white;
	font-weight: 400;
	text-align: center;
}
#registerButtonNext a{
	display: block;
	color: white;
	text-decoration: none;
	width: 100%;
	height: 100%;
	font-size: 18px;
}
#bookrange{
	width:100%;
	margin:0 auto;
	overflow: hidden;	
}
#bookleft{
	background-color: white;
	border:1px solid #d4d4d4;
	border-radius:8px;
	width:100%;
	height:auto;
	padding-top: 5px;
}
#bookleft h1{
	text-align: center;
	font-size: 35px;
	font-weight: 400;
	width: 100%;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
input[type="radio"].radio-frequency{
	display: none;
	width:30%;
	height: 46px;
}
input[type="radio"].radio-frequency+label{
	display: table-cell;
	font-size: 15px;
	border: 1px solid #46bdf5;
	border-radius: 5px;
	background-color: white;
	color: #45bbf2;
	text-align: center;
	line-height: 20px;
	padding:5px 5px;
}
input[type="radio"].radio-frequency:checked+label{
	background-color: #45bbf2;
	color: white;
}
.radioFrec{
	width:24%;
	height: 60px;
	margin-left: 3px;
	float: left;
}
#selectCourse{
	width: 100%;
	margin: auto;
}
p.selectName{
	font-size:15px;
	font-weight: 500;
	margin: 0;
	margin-bottom: 15px;
	padding-left: 5px;
	color: #4c4c4c;
}
.select-box{
	background-color:white;
	border:2px solid #cdcdcd;
	border-radius: 0;
	color:#565656;
	font-size: 14px;
	height:40px;
	line-height: 40px;
	text-align: left;
	text-indent: 5px;
	vertical-align: middle;
	width: 215px;
	margin-left: 18px;
	padding-left: 10px;
}
.selectUserHouse{
	-webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    text-indent: .01px; /*Firefox用*/
    text-overflow: ""; /*Firefox用*/
    
    color: #808080;
    height: 45px;
    font-size: 12px;
    line-height: 45px;
    padding-right: 30px;
    padding-left: 10px;
    border: 1px solid #808080;
    border-radius: 4px;
    background: #FFF url("https://swipp.jp/sp/images/dropdown.png") no-repeat right;
    background-size: 30px;
	margin: auto;
}
.selectNewUserHouse{
	background-color:white;
	border:2px solid #cdcdcd;
	border-radius: 0;
	color:#565656;
	font-size: 16px;
	height:38px;
	line-height: 40px;
	text-align: left;
	text-indent: 5px;
	vertical-align: middle;
	width: 245px;
}
.bookFactor{
	border-bottom: 1px solid #dfdfdf;
	width:95%;
	height: auto;
	padding-bottom: 10px;
	overflow: hidden;
	padding-top:20px;
}
.bookFactor h2{
	font-size:17px;
	font-weight: 400;
	color:#202020;
	margin-top: 0;
	padding-top: 0px;
	text-align: center;
}
.bookFactor h3{
	font-size:15px;
	font-weight: 400;
	color:#202020;
	margin-top: 0;
	padding-top: 0px;
}
.bookFactorContent{
	width: 90%;
	margin: auto;
}
.bookFactorContentWide{
	width: 100%;
	margin: auto;
}
.bookFactorContent h2.boldLeft,h2.boldLeft{
	font-weight: bold;
	text-align: left;
	padding-left: 14px;
	margin-bottom: 25px;
	margin-top: 10px;
}
.addedService{
	width:70px;
	height:70px;
	border-radius: 35px;
	background-color: #e5f3ff;
	border:1px solid #3366cc;
	text-align: center;
	vertical-align: bottom;
}
.addContent{
	width: 80px;
	height: 150px;
	text-align: center;
	float: left;
	margin-left: 8px;
}
input[type="checkbox"]#window{
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	position: relative;
	display: inline-block;
	width: 75px;
	height: 85px;
	background: url("https://swipp.jp/sp/images/window.png");
	background-size: contain;
	background-position: center bottom;
	background-repeat: no-repeat;
	outline: none;
	border: 0;
}
input[type="checkbox"]#wash{
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	position: relative;
	display: inline-block;
	width: 75px;
	height: 85px;
	background: url("https://swipp.jp/sp/images/laundry.png");
	background-size: contain;
	background-position: center bottom;
	background-repeat: no-repeat;
	outline: none;
	border: 0;
}
input[type="checkbox"]#cabinet{
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	position: relative;
	display: inline-block;
	width: 75px;
	height: 85px;
	background: url("https://swipp.jp/sp/images/cabinet.png");
	background-size: contain;
	background-position: center bottom;
	background-repeat: no-repeat;
	outline: none;
	border: 0;
}
input[type="checkbox"]#balcony{
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	position: relative;
	display: inline-block;
	width: 75px;
	height: 85px;
	background: url("https://swipp.jp/sp/images/balcony.png");
	background-size: contain;
	background-position: center bottom;
	background-repeat: no-repeat;
	outline: none;
	border: 0;
}
input[type="checkbox"]#fridge{
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	position: relative;
	display: inline-block;
	width: 75px;
	height: 85px;
	background: url("https://swipp.jp/sp/images/fridge.png");
	background-size: contain;
	background-position: center bottom;
	background-repeat: no-repeat;
	outline: none;
	border: 0;
}
input[type="checkbox"]#microwave{
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	position: relative;
	display: inline-block;
	width: 75px;
	height: 85px;
	background: url("https://swipp.jp/sp/images/microwave.png");
	background-size: contain;
	background-position: center bottom;
	background-repeat: no-repeat;
	outline: none;
	border: 0;
}
input[type="checkbox"].addcheck:checked:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    display: inline-block;
    width: 75px;
    height: 85px;
    background: url("https://swipp.jp/sp/images/checkadd.png");
    background-size: contain;
    background-position: center bottom;
	background-repeat: no-repeat;
	border: 0;
	outline: none;
}
#meyasuTime{
	display: inline;
	font-size:22px;
	font-weight: 400;
	color:#21a1dc;
}
#factorLeft{
	float: left;
	width: 50%;
	padding-left: 10px;
	padding-top: 10px;
}
p.inline{
	display: inline;
}
#factorRight{
	display: block;
	margin: auto;
	text-align: center;
}
.select-time{
	-webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    text-indent: .01px; /*Firefox用*/
    text-overflow: ""; /*Firefox用*/
    
    color: #808080;
    height: 45px;
    font-size: 18px;
    line-height: 45px;
    padding-right:90px;
    padding-left: 20px;
    border: 1px solid #808080;
    border-radius: 4px;
    background: #FFF url("https://swipp.jp/sp/images/dropdown.png") no-repeat right;
    background-size: 30px;
	margin: auto;
	
}
.select-date{
	-webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    text-indent: .01px; /*Firefox用*/
    text-overflow: ""; /*Firefox用*/
    color: #808080;
    height: 38px;
    font-size: 14px;
    line-height: 38px;
    padding-right:30px;
    padding-left: 10px;
    border: 1px solid #a4a4a4;
    border-radius: 0;
    background: #FFF url("https://swipp.jp/sp/images/dropdown.png") no-repeat right;
    background-size: 18px;
	margin-left: 24px;
	margin-bottom: 10px;
}
.selectInvoice{
	-webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    text-indent: .01px; /*Firefox用*/
    text-overflow: ""; /*Firefox用*/
    color: #808080;
    height: 38px;
    font-size: 14px;
    line-height: 38px;
    padding-right:30px;
    padding-left: 10px;
    border: 1px solid #a4a4a4;
    border-radius: 0;
    background: #FFF url("https://swipp.jp/sp/images/dropdown.png") no-repeat right;
    background-size: 18px;
	margin-left: 0;
	margin-bottom: 0;
}

.select-day{
	-webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    text-indent: .01px; /*Firefox用*/
    text-overflow: ""; /*Firefox用*/
	color: #808080;
    height: 38px;
    font-size: 14px;
    line-height: 38px;
    padding-right:20px;
    padding-left: 10px;
    border: 1px solid #a4a4a4;
    border-radius: 0;
    background: #FFF url("https://swipp.jp/sp/images/dropdown.png") no-repeat right;
    background-size: 18px;
	margin: auto;
	margin-left: 4px;
	margin-bottom: 10px;
}
.select-startTime{
	-webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    text-indent: .01px; /*Firefox用*/
    text-overflow: ""; /*Firefox用*/
    
	color: #808080;
    height: 32px;
    font-size: 14px;
    line-height: 32px;
    padding-right:20px;
    padding-left: 10px;
    border: 1px solid #808080;
    border-radius: 4px;
    background: #FFF url("https://swipp.jp/sp/images/dropdown.png") no-repeat right;
    background-size: 18px;
	margin-left: 4px;
	margin-bottom: 10px;
}
.promotionLeft{
	width:45%;
	height:40px;
	padding-top: 15px;
	float: left;
	vertical-align: middle;
}
.promotionRight{
	width:47%;
	height:40px;
	padding-top: 11px;
	float: right;
}
#bookright{
	width:90%;
	margin:auto;
	margin-top:20px;
}
input.bookSubmit{
	padding: 13px 20%;
	border-style: none;
	background-color: #46bdf5;
	border-radius: 6px;
	font-size: 25px;
	color:white;
	font-weight: 400;
}
input.bookSubmit:disabled{
	background-color: #b7b7b7;
}
#buttonNext{
	display: block;
	width: 90%;
	height: 60px;
	line-height: 60px;
	margin: 20px auto;
	border-style: none;
	background-color: #46bdf5;
	border-radius: 6px;
	font-size: 25px;
	color:white;
	font-weight: 400;
	text-align: center;
}
#buttonNext a{
	display: block;
	color: white;
	text-decoration: none;
	width: 100%;
	height: 100%;
}
.serviceList{
	margin-top: 25px;
}
.serviceList ul{
	margin: 0;
	padding: 0;
}
.serviceList ul li{
	list-style: none;
	padding-left: 20px;
	background: url("https://swipp.jp/sp/images/checkBlue.png") left top no-repeat;
	line-height: 20px;
	margin-bottom: 10px;
	margin-left: 15px;
}
.serviceList p{
	margin-top:25px;
	text-align: center;
}
.serviceList a{
	text-decoration: none;
	color: #2067ff;
}
#bookButtonCenter{
	width:100%;
	text-align: center;
	margin: 20px 0;
}
.formItem{
	margin-top:5px;
	width:100%;
	margin-bottom: 10px;
	overflow: hidden;
}
.formLeft{
	width: 90%;
	margin: auto;
}
.formLeft p{
	line-height: 0;
	margin-top:15px;
	font-size: 13px;
	color: #171717;
}
input.inputItem{
	height:33px;
	width:90%;
	font-size: 15px;
	background-color:white;
	padding-left: 10px;
	border: 1px solid #a4a4a4;
	border-radius: 2px;
}
.formRight{
	width: 50%;
	float: right;
}
.formRight p{
	line-height: 0;
	margin-top:15px;
	font-size: 13px;
	color: #171717;
}
.leftItem{
	background-color: white;
	border: 1px solid #d7d7d7;
	border-radius: 8px;
	width:100%;
	height:auto;
	overflow: hidden;
	padding-bottom: 20px;
}
.leftItem h2{
	margin:0;
	height:29px;
	padding-left: 25px;
	padding-top: 10px;
	font-weight: 500;
	font-size:18px;
	color: white;
	margin-bottom: 10px;
	background-color: #61a2e3;
}
.rightItem{
	background-color: white;
	border: 1px solid #d7d7d7;
	border-radius: 8px;
	width:100%;
	height:auto;
	overflow: hidden;
	padding-bottom: 20px;
	margin-bottom: 30px;
}
.rightItem h2{
	margin:0;
	width:100%;
	height:29px;
	padding-left: 25px;
	padding-top: 10px;
	font-weight: 500;
	font-size:18px;
	color: white;
	margin-bottom: 10px;
	background-color: #61a2e3;
}
.rightItemBlue h2{
	margin:0;
	width:100%;
	height:29px;
	padding-left: 25px;
	padding-top: 10px;
	font-weight: 500;
	font-size:18px;
	color: white;
	margin-bottom: 10px;
	background-color: #55add6;
}
.rightItemSky h2{
	margin:0;
	width:100%;
	height:29px;
	padding-left: 25px;
	padding-top: 10px;
	font-weight: 500;
	font-size:18px;
	color: white;
	margin-bottom: 10px;
	background-color: #46bdf5;
}
.rightItemP{
	width: 90%;
	margin: auto;
	line-height: 20px;
}
.priceLeft{
	float:left;
	width: 40%;
	text-align: left;
	padding-left: 20px;
	line-height:0;
}
.priceRight{
	float:right;
	width: 35%;
	text-align: right;
	padding-right: 30px;
	line-height:0;
}
.bar{
	width:90%;
	clear: both;
	margin:5px auto;
	border-bottom: 1px solid #434343;
}
.sogaku{
	font-size: 20px;
	color:#191919;
}

#bookleft table{
	width:96%;
	table-layout: fixed;
	margin:0 auto;
	/*background-color: white;*/
}
#bookleft table a{
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	/*color:#484848;*/
}
.timeBook{
	margin-top:0;
	line-height: 0;
	margin-bottom: 30px;
	text-align: center;
	display: block;
}
.timeBook h2{
	font-size:22px;
	font-weight: 500;
	display: inline;
}
.timeBook p{
	font-size:22px;
	color: #1f1f1f;
	display: inline;
	padding-left: 20px;
	font-weight: 500;
}
.timeBookH22{
	font-size: 20px;
	color: #1f1f1f;
	margin-top: 30px;
	font-weight: 500;
	text-align: center;
}
#bookleft th, td{
	text-align: center;
	font-size: 20px;
	padding: 5px 0;
}
#bookleft th{
	/*background-color: #61a2e3;*/
	background-color: #46bdf5;
	color: white;
	font-weight: 500;
}
#bookleft th a{
	color: white;
}
#bookleft td{
	border: 1px solid #ccc;
	height:22px;
	text-align: center;
	vertical-align: middle;
	margin: 0;
}
#bookleft td.exist:hover{
	/*background-color: #54a1f8;*/
	background-color: #46bdf5;
}
#bookleft td.exist:hover a{
	color: white;
}
#bookleft td.selectDay{
	background-color: #46bdf5;
}
#bookleft td.selectDay a{
	color: white;
}
#tableTime{
	width: 90%;
	margin: 0 auto;
	border-bottom: 1px solid #adadad;
	padding-bottom: 20px;
}
.exist{
	background-color: white;
}
.notexist{
	background-color: #fff0f0;
	pointer-events: none;
}
.notDate{
	pointer-events: none;
}
p.errorMessage{
	margin-bottom: 30px;
	color: #2e2ef4;
}
.starttime{
	border: 1px solid #989898;
	float: left;
	border-radius: 5px;
	width:70px;
	height:25px;
	text-align: center;
	margin-left: 10px;
	padding-bottom: 0px;
	font-size:21px;
	margin-bottom: 15px;
	color: #717171;
}
.test4 input{
	display: none;
}
.test4 label{
	display: block;
	width:80px;
	height: 25px;
	background-color: white;
	color: #717171;
	font-size:18px;
	border-radius: 3px;
	text-align: center;
	padding-top: 5px;
	float:left;
	margin-left:10px;
	border: 1px solid #989898;
	margin-bottom: 10px;
}
.test4 label:hover{
	background-color: #e4e4e4;
}
.test4 input[type="radio"]:checked+label{
	background-color: #46bdf5;
	color: white;
}
.submit{
	clear: both;
	display: block;
	margin-left:180px;
}
.needCheck{
	width: 90%;
	margin:10px auto;
	padding-left: 30px;
}
.needCheck a{
	text-decoration: none;
	color: #598be9;
}
input#gonext{
	clear: both;
	margin-top: 30px;
	padding: 10px 30%;
	font-size:24px;
	font-weight: 400;
	color:white;
	border-style: none;
	background-color: #46bdf5;
	border-radius: 8px;
}
input#gonext:hover{
	background-color: #65ceff;
}
input#gonext:disabled{
	background-color: #b7b7b7;
}

/*-------予約完了ページ-------------*/
#bookCompleteMain{
	background-color: white;
	border:1px solid #d4d4d4;
	border-radius:8px;
	width:95%;
	height:auto;
	margin:auto;
	padding-top: 15px;
	padding-bottom: 30px;
}
#bookCompleteMain .bookCompleteTable table{
	width:100%;
	pointer-events: none;
}
#bookCompleteMain .bookCompleteTable th{
	text-align: left;
	font-size: 16px;
	font-weight: normal;
	padding-left: 15px;
	background-color: #61a2e3;
	height: 26px;
	color: white;
}
#bookCompleteMain .bookCompleteTable td{
	border: 1px solid #ccc;
	height:23px;
	font-size: 14px;
	text-align: left;
	padding-left: 10px;
	vertical-align: middle;
	margin: 0;
}
#bookCompleteMain .bookCompleteTable td.bookCompleteContent{
	text-align: right;
	padding-right: 10px;
}
.bookComplete{
	text-align: left;
	padding-top: 20px;
	padding-bottom: 10px;
	font-size: 16px;
	width: 90%;
	margin: auto;
}
#bookCompleteMain h1{
	text-align: center;
	font-size: 25px;
	font-weight: 400;
	width: 100%;
	padding-bottom: 10px;
	border-bottom: 1px solid #d5d5d5;
	margin-bottom: 10px;
}
#bookCompleteMain h1#userselectdate{
	padding-bottom: 0px;
	border-bottom: 0;
	margin-bottom: 0px;
}

.bookComplete p{
	line-height: 24px;
}
.bookComplete h2{
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-top:50px;
	font-size: 20px;
	font-weight: 500;
	text-align: center;
}
#checkMap{
	text-align: center;
	font-size: 17px;
	color: #585858;
}

/*-------清掃内容指示ページ-------------*/
.directionRow{
	height: auto;
	width: 95%;
	margin: auto;
	margin-top: 20px;
	margin-bottom: 20px;
}
.directionRow input[type=text]{
	height:21px;
	width:70px;
	font-size: 14px;
	padding-left: 10px;
}
.contentItem{
	margin-top: 2px;
	font-size: 15px;
	padding: 5px;
	color: #363636;
}
/*-------------ユーザー基本情報ページ-----------*/
#userRight{
	margin:auto;
	background-color: white;
	border:1px solid #d4d4d4;
	border-radius:8px;
	width:96%;
	height:auto;
	padding-top: 15px;
	padding-bottom: 10px;
}
#userRight h1{
	text-align: center;
	font-size: 35px;
	font-weight: 500;
	margin-bottom: 30px;
}
#userLeft{
	float:left;
	width:300px;
}
/*-----------------依頼仕事情報詳細ページ------------------*/
#requestJobMain{
	width:95%;
	height:auto;
	margin:16px auto;
	border:1px solid #9c9c9c;
	border-radius: 3px;
	background-color: white;
	padding: 2px;
	padding-bottom:20px;
}
#requestJobMain h1{
	text-align: center;
	font-weight: 500;
}
#requestJobField{
	border-top:1px solid #7c7c7c;
	border-left:1px solid #7c7c7c;
	border-right:1px solid #7c7c7c;
	margin-top:30px;
}
.requestJobFactor{
	border-bottom:1px solid #7c7c7c;
	width: 100%;
	height: auto;
	border-collapse: collapse;
	clear: both;
	padding: 0px;
}
.requestJobLeft{
	box-sizing: border-box;
	width: 25%;
	padding-left: 5px;
	float:left;
}
.requestJobRight{
	box-sizing: border-box;
	width: 75%;
	padding-left: 5px;
	padding-right: 5px;
	border-left:1px solid #7c7c7c;
	float:right;
}
.requestJobLeft p{
	line-height: 20px;
}
.requestJobRight p{
	line-height: 20px;
}
input.getJob{
	padding: 10px 25%;
	border-style: none;
	background-color: #46bdf5;
	border-radius: 4px;
	font-size: 25px;
	color:white;
}
#getJobButton{
	width:100%;
	margin-top:25px;
	text-align: center;
}
/*--------------マニュアルページ-----------------*/
h1.manualH1{
	width: 100%;
	font-weight: 400;
	border-bottom: 1px solid #2d2d2d;
	padding-left: 15px;
	color: #323232;
}
h2.manualH2{
	width: 95%;
	padding-top:5px;
	font-weight: 18px;
	color: #373737;
	font-weight: 400;
	padding-left: 15px;
	border-bottom: 1px solid #5ccfff;
}
.manualList ol{
	margin-left: 260px;
	margin-top: 10px;
}
.manualList ol li{
	margin-bottom: 5px;
}
.manualList2 ol{
	margin-left: 0px;
	margin-top: 10px;
}
.manualList2 ol li{
	margin-bottom: 5px;
}
img.manualPhoto{
	width: 45%;
	text-align: center;
}
.photoMargin{
	text-align: center;
	margin-bottom: 15px;
}
img.manualWidePhoto{
	width: 90%;
	text-align: center;
}
.manualItem{
	margin-bottom: 45px;
}
/*------------11/30追加分---------------*/
.justCenter{
	text-align: center;
}
.justCenter a{
	color: #14a1e2;
	text-decoration: none;
}
/*------------ヘルプ、Swippとは------------*/
#helpMain{
	width: 100%;
	height: auto;
	padding-bottom: 20px;
}
#helpTop{
	width: 100%;
	height: 150px;
	background: url("https://swipp.jp/sp/images/helpTopSma.jpg");
	background-size: 100% auto;
	background-position: center bottom;
	background-repeat: no-repeat;
}
#helpBody{
	width: 95%;
	height: auto;
	margin:auto;
	padding-bottom: 20px;
	border-bottom: 1px solid #a3a3a3;
}
#helpBody h1{
	text-align: center;
	font-weight: 400;
	padding-top:20px;
	border-bottom: 1px solid #c8c8c8;
}
#helpBody h2{
	font-weight: 400;
	color: #7d7d7d;
	font-size: 20px;
	margin-top:35px;
}
#helpContent h2{
	width: 90%;
	text-align: left;
	margin:auto;
	color: #464646;
	font-size: 20px;
	margin-bottom: 10px;
	margin-top:25px;
}
#helpContent p{
	width: 90%;
	text-align: left;
	margin:auto;
}
#helpBody a{
	color: #26a1da;
	padding-left:10px;
}
#helpLeft{
	width: 90%;
	margin:auto;
}
#helpRight{
	width: 90%;
	margin:auto;
}
#helpBottom{
	text-align: center;
}
#helpBottom a{
	text-decoration: none;
	color: #0451d8;
}
/*sidrの設定*/
#right-menu{
	width: 40px;
	height:40px;
}
input.finishService{
	width: 130px;
	height: 130px;
	border-style: none;
	border-radius: 6px;
	font-size: 23px;
	color:white;
	background-color: #67cbf9;
	padding-left: 20px;
}
input.shareService{
	width: 130px;
	height: 130px;
	border-style: none;
	border-radius: 6px;
	font-size: 20px;
	color:white;
	background-color: #67cbf9;
	padding-left: 20px;
}
input.contactService{
	width: 130px;
	height: 130px;
	border-style: none;
	border-radius: 6px;
	font-size: 20px;
	color:white;
	background-color: #67cbf9;
	padding-left: 20px;
}
input.cancelService{
	width: 130px;
	height: 130px;
	border-style: none;
	border-radius: 6px;
	font-size: 20px;
	color:white;
	background-color: #b9b9b9;
	padding-left: 20px;
}
.serviceDetailButtons{
	width: 130px;
	height: 130px;
	float: left;
	margin:20px 10px;
	text-align: center;
}
/*-------メッセージ処理--------*/
.messageUser{
	width: 95%;
	margin: auto;
	height: auto;
	background-color: #ffeafa;
	border:1px solid #c7c7c7;
	border-radius: 5px;
	padding-bottom: 10px;
	margin-bottom: 25px;
	overflow: hidden;
}
.messageStaff{
	width: 95%;
	margin: auto;
	font-size: 14px;
	height: auto;
	background-color: #f5fcff;
	border:1px solid #bdbdbd;
	border-radius: 5px;
	padding-bottom: 10px;
	margin-bottom: 25px;
	overflow: hidden;
}
.messagePhoto{
	width: 90%;
	float: left;
	padding-top:10px;
	padding-left: 10px;
}
.messageBody{
	width: 90%;
	float: right;
	padding-right: 10px;
}
#errorBorder{
	width: 90%;
	margin: auto;
	margin-top:10px;
	padding:10px 10px;
	border:2px solid #2ba0d5;
	border-radius: 5px;
	background-color: white;
}
#errorBorder2{
	width: 95%;
	box-sizing: border-box;
	margin: auto;
	margin-top:20px;
	padding:10px 10px;
	border:2px solid #3897db;
	border-radius: 5px;
	background-color: white;
}
/*---------------Airbnb用CSS------------------*/
#hostRegister{
	margin: auto;
	background-color: white;
	border:1px solid #d4d4d4;
	border-radius:8px;
	width:600px;
	height:auto;
	padding-top: 15px;
}
#hostRegister h1{
	text-align: center;
	font-size: 35px;
	font-weight: 400;
	width: 100%;
	padding-bottom: 10px;
	border-bottom: 1px solid #d5d5d5;
	margin-bottom: 10px;
}
#airbnbMain{
	width:100%;
	padding-top:50px,35px,100px,35px;
	margin:0 auto;
	overflow: hidden;	
}
#airbnbBillingArea{
	margin: auto;
	background-color: white;
	border:1px solid #d4d4d4;
	border-radius:8px;
	width:90%;
	height:auto;
	padding:3px;
	margin-top:15px;
}
#airbnbBillingArea table th{
	text-align: center;
	margin:0;
	padding:0;
	font-size: 14px;
	background-color: #8cd7fa;
}
#airbnbBillingArea table td{
	height:20px;
	margin: 0;
	padding-left: 0;
	padding-right: 0;
	vertical-align: top;
	text-align: center;
	font-size: 11px;
	color: #616161;
}
td.backColorRed{
	background-color: #ffc1c1;
}
#airbnbBillingArea table td.propertyNameList{
	font-size: 12px;
}
#airbnbBillingArea table td.propertyDateList{
	font-size: 12px;
}
#airbnbBillingArea table td.propertyStaffList{
	font-size: 13px;
}
#airbnbBillingArea table td.airbnbAdminPaymentList{
	font-size: 11px;
}
#airbnbBillingArea .formLeft{
	width: 100%;
}
#airbnbBillingArea .formLeft p{
	line-height: 0;
	margin-top:15px;
	font-size: 13px;
	color: #171717;
}
#airbnbBillingArea input.inputItem{
	height:33px;
	width:195px;
	font-size: 15px;
	background-color:white;
	padding-left: 10px;
	border: 1px solid #a4a4a4;
	border-radius: 2px;
}
#airbnbBillingArea .formRight{
	width: 100%;
}
#airbnbBillingArea .formRight p{
	line-height: 0;
	margin-top:15px;
	font-size: 13px;
	color: #171717;
}
#airbnbArea{
	margin: auto;
	background-color: white;
	border:1px solid #d4d4d4;
	border-radius:8px;
	width:90%;
	height:530px;
	padding:3px;
	padding-top: 20px;
	margin-top:15px;
}
#airbnbArea table{
	width: 95%;
	margin: auto;
}
#airbnbArea table thead{
	display:block;   
    width:100%;
    background-color: #dddddd;
}
#airbnbArea tbody{
	overflow-x: hidden;
    overflow-y: auto;
    -ms-overflow-x: hidden;
    -ms-overflow-y: auto;
    position: absolute;
    display:block;
    height: 220px;
    width:85.4%;
}
#airbnbArea input[type=checkbox]{
	/*position: absolute;*/
}

#airbnbArea label{
	display:block;
	width:100%;
	height:100%;
}
#airbnbArea table th{
	text-align: center;
	margin:0;
	padding:0;
	font-size: 18px;
	width: 60px;
	background-color: #65c5f2;
	box-sizing: border-box;
}
#airbnbArea table td{
	height:20px;
	margin: 0;
	padding-left: 0;
	padding-right: 0;
	vertical-align: top;
	text-align: center;
	font-size: 16px;
	color: #616161;
	box-sizing: border-box;
	width: 60px;
}
#airbnbArea table td a{
	text-decoration: none;
	font-size: 14px;
	padding-top:4px;
	color: #3ab2e9;
}

#airbnbArea input[type=checkbox] {
    display: inline-block;
    margin-right: 6px;
    
}

#airbnbArea input[type=checkbox] + label {
    position: relative;
    display: inline-block;
    font-size: 14px;
    line-height: 30px;
     
    cursor: pointer;
}
 
@media (min-width: 1px) {
    #airbnbArea input[type=checkbox] {
        display: none;
        margin: 0;
    }
    #airbnbArea input[type=checkbox] + label {
        padding: 0 0 0 0px;
    }

    #airbnbArea input[type=checkbox] + label::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 15px;
         
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 18px;
        height: 18px;
        margin-top: -9px;
         
        background: #FFF;
    }

    #airbnbArea input[type=checkbox] + label::before {
        border: 2px solid #ccc;
    }
    #airbnbArea input[type=checkbox]:checked + label::after {
        content: "";
        position: absolute;
        top: 50%;
         
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
    }
    #airbnbArea input[type=checkbox]:checked + label::after {
        left: 18px;
         
        width: 16px;
        height: 8px;
        margin-top: -8px;
         
        border-left: 3px solid #46BDF5;
        border-bottom: 3px solid #46BDF5;
         
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    #airbnbTopLine{
	    width: 300px;
	    height: 80px;
	    margin:auto;
	    margin-top: 10px;
    }
	ul.airbnbTopLeft{
		margin:0;
		padding: 0;
		list-style: none;
		float: left;
		width: 300px;
		margin: auto;
	}
	ul.airbnbTopRight{
		margin:0;
		padding: 0;
		list-style: none;
		float: right;
	}
	.airbnbTopLeft,.airbnbTopRight{
		width:100%;
	}
	ul.airbnbTopLeft li{
		display: block;
		float: left;
		text-align: center;
		width: 70px;
	}
	ul.airbnbTopRight li{
		float: right;
		text-align: center;   
	}
	ul.airbnbTopLeft li a.naviItemLeft{
		border:1px solid #46bdf5;  
		border-top-left-radius: 5px;
		border-bottom-left-radius: 5px;
	}
	ul.airbnbTopLeft li a.naviItemRight{
		border:1px solid #46bdf5;  
		border-top-right-radius: 5px;
		border-bottom-right-radius:5px;
	}
	ul.airbnbTopRight li a.naviItem{
		border:1px solid #46bdf5;  
		border-radius: 5px;
	}
	ul.airbnbTopLeft li a,ul.airbnbTopRight li a{  
	    display: block;
	    width: 100%;  
	    height: 25px;
	    padding-top:15px;
	    padding-bottom: 10px;
	    background: white;  
	    text-decoration: none;
	    font-size: 14px;
	    font-weight: 500;
	    color: #1ba8ea;
	}
	ul.airbnbTopLeft li a.naviNow,ul.airbnbTopRight li a.naviNow {  
	    background: #46bdf5;
	    color: white;
	}
	#airbnbArea .formItem{
		margin-top:5px;
		width:100%;
		padding-left: 15px;
		margin-bottom: 10px;
		overflow: hidden;
	}
	#airbnbArea .formLeft{
		width: 100%;
	}
	#airbnbArea .formLeft p{
		line-height: 0;
		margin-top:15px;
		font-size: 13px;
		color: #171717;
	}
	#airbnbArea input.inputItem{
		height:33px;
		width:195px;
		font-size: 15px;
		background-color:white;
		padding-left: 10px;
		border: 1px solid #a4a4a4;
		border-radius: 2px;
	}
	#airbnbArea .formRight{
		width: 100%;
	}
	#airbnbArea .formRight p{
		line-height: 0;
		margin-top:15px;
		font-size: 13px;
		color: #171717;
	}
	#airbnbArea input[type=text]{
		height:27px;
		width:220px;
		font-size: 15px;
		background-color:white;
		padding-left: 10px;
	}
	#airbnbArea .directionRows input[type=text]{
		height:21px;
		width:70px;
		font-size: 14px;
		padding-left: 10px;
	}
	#airbnbArea textarea{
		width: 85%;
	}
	.select-checktime{
		background-color:white;
		border:2px solid #cdcdcd;
		border-radius: 0;
		color:#565656;
		font-size: 18px;
		height:32px;
		line-height: 30px;
		text-align: left;
		text-indent: 5px;
		vertical-align: middle;
		width: 150px;
	}
	.directionRows input[type=text]{
		height:21px;
		width:70px;
		font-size: 14px;
	}
	.directionRows{
		height: auto;
		width: 100%;
		margin: auto;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.downPadding{
		padding-top: 30px;
	}
	h2.airbnbH2{
		text-align: left;
		padding-left: 10px;
		font-size: 18px;
		font-weight: bold;
		color:#484848;
	}
	h1#airbnbH1{
		margin-bottom: 10px;
	}
	#airbnbRight{
		margin:auto;
		background-color: white;
		width:95%;
		height:auto;
		padding:3px;
		padding-top: 1px;
	}
	#airbnbRight h1{
		text-align: center;
		font-size: 30px;
		font-weight: 500;
		margin-bottom: 1px;
		color: #2b2b2b;
	}
	input.airbnbBookSubmit{
		display: block;
		width: 95%;
		border-style: none;
		background-color: #46bdf5;
		border-radius: 6px;
		font-size: 25px;
		color:white;
		font-weight: 400;
		margin: auto;
	}
	input.propertyNoSubmit{
		border-style: none;
		background-color: #65c5f2;
		width: 100%;
		height: 100%;
		color:white;
		font-size: 15px;
		text-align: center;
		padding:5px 0;
	}
	input.cancelSubmit{
		display: block;
		width: 95%;
		border-style: none;
		background-color: #b7b7b7;
		border-radius: 6px;
		font-size: 25px;
		color:white;
		font-weight: 400;
		margin: auto;
	}
	.airbnbScheduleLeft{
		float:left;
		padding-left:25px;
		width:30%;
	}
	.airbnbScheduleCenter{
		float:left;
		width:30%;
	}
	.airbnbScheduleRight{
		float:right;
		padding-right:20px;
		padding-top:17px;
		width:30%;
		text-align: right;
	}
	textarea.tetete{
		width: 50%;
	}
#planBody{
	width: 100%;
	padding-top:15px;
	padding-bottom: 15px;
}
#planIntroduction{
	width: 90%;
	margin: auto;
	padding-bottom: 10px;
	text-align: center;
}
#planIntroduction h1{
	font-size: 24px;
	color: #3a3a3a;
	margin: 0;
	margin-top:10px;
	line-height: 30px;
}
#planIntroduction img{
	width: 50%;
}
#planExplain{
	border: 2px solid #1ba7e9;
	border-radius: 10px;
	text-align: left;
	box-sizing: border-box;
	padding-left: 10px;
	padding-right: 10px;
}
#planContent{
	width: 90%;
	margin: auto;
}
#planContent h2{
	box-sizing: border-box;
	padding-left: 15px;
	border-left: 6px solid #4885f5;
}
.planItemList{
	width: 25%;
	float: left;
	text-align: center;
}
.planItemList img{
	width: 100%;
}
.planItemList p{
	text-align: center;
	font-size: 12px;
}
.planBook{
	width: 90%;
	height: 60px;
	margin: auto;
	background-color: #46bdf5;
	border-radius: 7px;
	margin-top:25px;
	margin-bottom: 15px;
	text-align: center;
}
.planBook a{
	display: block;
	width: 100%;
	height: 100%;
	color: white;
	line-height: 60px;
	font-size: 24px;
	text-decoration: none;
}
/*-------スケジュールのCSS-------*/
#scheduleMain{
	width:100%;
	height:auto;
	margin:5px auto 10px auto;
}
#staffScheduleNavi{
	width: 95%;
	margin: auto;
}
ul.staffScheduleTopNavi{
	margin:0;
	padding: 0;
	list-style: none;
}
.staffScheduleTopNavi{
	width:100%;
}
ul.staffScheduleTopNavi li{
	float: left;
	text-align: center;
	width: 20%; 
}
ul.staffScheduleTopNavi li a.naviItemLeft{
	border:1px solid #46bdf5;  
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
ul.staffScheduleTopNavi li a.naviItemRight{
	border:1px solid #46bdf5;  
	border-top-right-radius: 5px;
	border-bottom-right-radius:5px;
}
ul.staffScheduleTopNavi li a.naviItemCenter{
	border:1px solid #46bdf5;  
}
ul.staffScheduleTopNavi li a{  
    display: block;
    width: 100%;  
    height: 25px;
    padding: 8px 0px;  
    padding-top:15px;
    background: white;  
    text-decoration: none;
    font-size: 12px;
    font-weight: 500;
    color: #1ba8ea;
    line-height: 25px;
}
ul.staffScheduleTopNavi li a.staffNaviNow{  
    background: #46bdf5;
    color: white;
}
ul.staffScheduleTopNavi li a.staffNaviChange{  
    background: #3c91f2;
    color: white;
}
ul.staffScheduleTopNavi li a.staffNaviChange:hover{  
    background: #5da5f6;
    color: white;
}
#wrapper{
	display: block;
	height: 320px;
	width: 100%;
}
#hcwrapper{
	display: block;
	height: 22å0px;
	width: 100%;
	margin-bottom: 15px;
}
#wrapper2{
	display: block;
	height: 580px;
	width: 100%;
}
#scheduleMainField{
	width:840px;
	height:270px;
	padding-bottom: 10px;
	margin:20px auto;
	background-color: white;
	border: 1px solid #b2b2b2;
	border-radius: 5px;
	border-collapse: collapse;
	border-spacing: 0px;
}
#scheduleMainFieldDay{
	width:16800px;
	height:220px;
	padding-bottom: 10px;
	margin:20px auto;
	background-color: white;
	border: 1px solid #b2b2b2;
	border-radius: 5px;
	border-collapse: collapse;
	border-spacing: 0px;
}
#staffWorkPlaceField{
	width: 95%;
	margin: auto;
	background-color: white;
	border: 1px solid #989898;
	border-radius: 5px;
	margin-top:20px;
	margin-bottom: 20px;	
}
#scheduleTopSpace{
	display: block;
	width: 95%;
	height: 45px;
	margin: auto;
}
.scheduleTopSpace{
	display: block;
	width: 95%;
	height: 45px;
	margin: auto;
}
#scheduleTopSpaceLeft{
	float: left;
	padding-left: 5px;
	padding-top:20px;
}
#scheduleTopSpaceRight{
	float: right;
	padding-right: 5px;
	padding-top:20px;
}
#scheduleTopSpaceRight p{
	color: #22b2f4;
	font-size: 18px;
	font-weight: bold;
	margin: 0;
	line-height: 18px;
	cursor: pointer;
}
#scheduleTopSpaceLeft p{
	color: #22b2f4;
	font-size: 18px;
	font-weight: bold;
	margin: 0;
	line-height: 18px;
	cursor: pointer;
}
#scheduleMain  input#scheduleButton{
	display: block;
	width: 90%;
	height: 60px;
	line-height:60px;
	margin: auto;
	padding: 0;
	background-color: #46bdf5;
	font-size: 18px;
	font-weight: bold;
	color: white;
	text-align: center;
	border-radius: 5px;
	cursor: pointer;
}

.scheduleField{
	display: block;
	width: 120px;
	height: 270px;
	float: left;
}
.scheduleFieldSpecial{
	display: block;
	width: 120px;
	height: 270px;
	float: left;
}
.scheduleTopItem{
	display: block;
	width: 100%;
	height: 40px;
}
.scheduleTopItem p{
	text-align: center;
	margin-top:0px;
	line-height: 40px;
	font-size: 16px;
	color: #5b5b5b;
}
.scheduleItem,.scheduleItemTop,.scheduleItemBottom{
	height: 35px;
	width: 100px;
	margin: auto;
}
.scheduleItem input,.scheduleItemTop input,.scheduleItemBottom input{
	display: none;
}
.scheduleItem label {
	display: block;
	float: left;
	width: 100px;
	height: 35px;
    cursor: pointer;
    line-height: 35px;
    text-align: center;
    border-bottom: solid 1px #3ebee5;
    border-left: solid 1px #3ebee5;
    border-right: solid 1px #3ebee5;
    border-collapse: collapse;
    color: #3ebee5;
    background: white;
    margin:0;
    padding: 0;
}
.scheduleItem label.badDay {
    cursor: default;
    border-bottom: 1px solid #c7c7c7;
    border-left: solid 1px #c7c7c7;
    border-right: solid 1px #c7c7c7;
    border-collapse: collapse;
    color: #ebebeb;
    background: #ebebeb;
}
.scheduleItemTop label{
	display: block;
	width:100px;
	height: 33px;
    cursor: pointer;
    line-height: 33px;
    text-align: center;
    border: solid 1px #3ebee5;
    border-bottom: solid 1px #3ebee5;
    border-collapse: collapse;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #3ebee5;
    background: white;
    margin:0;
    padding: 0;
}
.scheduleItemTop label.badDay {
    cursor: default;
    border: solid 1px #c7c7c7;
    border-collapse: collapse;
    color: #ebebeb;
    background: #ebebeb;
}
.scheduleItemBottom label{
	display: block;
	float: left;
	width:100%;
	height: 35px;
    cursor: pointer;
    line-height: 35px;
    text-align: center;
    border-bottom: solid 1px #3ebee5;
    border-left: solid 1px #3ebee5;
    border-right: solid 1px #3ebee5;
    border-collapse: collapse;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    color: #3ebee5;
    background: white;
    margin:0;
    padding: 0;
}
.scheduleItemBottom label.badDay {
    cursor: default;
    border-bottom: 1px solid #c7c7c7;
    border-left: solid 1px #c7c7c7;
    border-right: solid 1px #c7c7c7;
    border-collapse: collapse;
    color: #ebebeb;
    background: #ebebeb;
}
.scheduleItem input:checked+label,.scheduleItemTop input:checked+label,.scheduleItemBottom input:checked+label {
    color: white;
    background: #3ebee5;
}
.registerOnSchedule input:checked+label {
    color: white;
    background: #f5568e;
}
#week1,#scheduleTopSpace1{
	display: none;
}
#week2,#scheduleTopSpace2{
	display: none;
}
#week3,#scheduleTopSpace3{
	display: none;
}
#week4,#scheduleTopSpace4{
	display: none;
}
#week5,#scheduleTopSpace5{
	display: none;
}
#week6,#scheduleTopSpace6{
	display: none;
}
#week7,#scheduleTopSpace7{
	display: none;
}
#week8,#scheduleTopSpace8{
	display: none;
}
#week9,#scheduleTopSpace9{
	display: none;
}
#week10,#scheduleTopSpace10{
	display: none;
}
#week11,#scheduleTopSpace11{
	display: none;
}
#week12,#scheduleTopSpace12{
	display: none;
}
#week13,#scheduleTopSpace13{
	display: none;
}
#week14,#scheduleTopSpace14{
	display: none;
}
#week15,#scheduleTopSpace15{
	display: none;
}
#week16,#scheduleTopSpace16{
	display: none;
}
#week17,#scheduleTopSpace17{
	display: none;
}
#week18,#scheduleTopSpace18{
	display: none;
}
#week19,#scheduleTopSpace19{
	display: none;
}
#week20,#scheduleTopSpace20{
	display: none;
}
#week21,#scheduleTopSpace21{
	display: none;
}
#week22,#scheduleTopSpace22{
	display: none;
}
#book50day{
	width:6000px;
	height:270px;
	padding-bottom: 10px;
	margin:20px auto;
	background-color: white;
	border-radius: 5px;
	border-collapse: collapse;
	border-spacing: 0px;
}
#book50day2{
	width:6000px;
	height:700px;
	padding-bottom: 10px;
	margin:20px auto;
	background-color: white;
	border-radius: 5px;
	border-collapse: collapse;
	border-spacing: 0px;
}
/*-----------紹介ページ------------*/
#topbackRefferal{
	width:100%;
	height:auto;
	background-image: url("https://swipp.jp/sp/images/refferalTop.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: auto 100%;
	background-color: #e0f6fe;
	border-bottom: 1px solid #d1d1d1;
	margin-top:10px;
	padding-bottom: 50px;
}
#topMainRefferal{
	width: 100%;
	margin: auto;
	padding-top: 20px;
}
#topMainRefferal h1{
	text-align: center;
	font-size: 30px;
	color: #454545;
}
#topMainRefferal p{
	font-size:17px;
	line-height: 28px;
	text-align: left;
	color: #454545;
}
#refferalMessage{
	width: 94%;
	margin: auto;
	
}
#refferalForm{
	width: 94%;
	text-align: center;
	margin: auto;
	margin-top:20px;
}
#refferalForm input[type=email]{
	height:47px;
	width:80%;
	font-size: 19px;
	border: none;
	border:1px solid #757575;
	border-radius: 5px;
	padding-left: 10px;
	margin: 0px;
	color: #282828;
	line-height: 47px;
	padding-left: 20px;
}
#refferalForm input[type=submit]{
	margin: 0px;
	margin-top:15px;
	padding: 0px;
	width: 80%;
	height: 52px;
	background-color: #46bdf5;
	font-size: 18px;
	color: white;
	border-radius: 5px;
}
#refferalForm input[type=submit]:hover{
	background-color: #78d1fa;
}
#refferalID p{
	font-size:20px;
	line-height: 32px;
	text-align: center;
	color: #4a4a4a;
	color:#3c3c3c
}
#registerMain{
	background-color: white;
	border:1px solid #d4d4d4;
	border-radius:8px;
	width:100;
	height:auto;
	padding-top: 15px;
	margin:auto;
}
#registerMain h1{
	text-align: center;
	font-size: 35px;
	font-weight: 400;
	width: 100%;
	padding-bottom: 10px;
	border-bottom: 1px solid #d5d5d5;
	margin-bottom: 10px;
}
#accountNumber{
	text-align: center;
	font-size: 27px;
	color: #323232;
}
#refferalBorder{
	width: 85%;
	margin: auto;
	margin-top:40px;
	padding:20px 10px;
	border:2px solid #2ba0d5;
	border-radius: 5px;
	background-color: white;
	text-align: center;
}
/*--------------*/
#areaTop{
	width: 100%;
	margin:auto;
	padding-top:20px;
}
#areaTop h1{
	display: block;
	font-size:30px;
	color: #ffffff;
	line-height: 45px;
	font-weight: 600;
	padding-bottom:0px;
	margin-bottom: 20px;
	text-align: center;
}
#areaBook{
	width: 100%;
	height: auto;
	padding-top:10px;
	padding-bottom: 30px;
}
#voiceArea{
	width: 100%;
	height: auto;
	padding-bottom: 50px;
	padding-top:50px;
	background-color: #e6f3fd;
	margin-top: 15px;
}
#voiceFrame{
	display: block;
	width: 95%;
	height: auto;
	margin: auto;
	padding:3px 2px;
	border: 1px solid #555555;
	background-color: white;
	border-radius: 10px;
}
.voiceList{
	display: block;
	width:96%;
	margin: auto;
	height: 450px;
	margin-bottom: 20px;
	border: 1px solid #404040;
	border-radius: 3px;
	background-color: #fbfbec;
}
.userVoice{
	display: block;
	width: 96%;
	height: auto;
	padding: 10px;
}
.swippVoice{
	display: block;
	width: 96%;
	height: auto;
	padding: 10px;
}
.voiceImage{
	display: block;
	float: left;
	width: 40px;
	height: 40px;
	border: 1px solid #7e7e7e;
}
.voiceImage img{
	width: 100%;
	height: 100%;
}
.userVoiceMessage{
	display: block;
	width: 75%;
	height: auto;
	border: 1px solid #8f8f8f;
	float: right;
	background-color: white;
	border-radius: 5px;
	padding-left: 12px;
	padding-right: 10px;
}
.userVoiceMessage img{
	width: 80px;
}
.userVoiceMessage p{
	font-size: 13px;
	line-height: 20px;
	margin-top: 10px;
}
.swippVoiceMessage{
	display: block;
	width: 75%;
	height: auto;
	border: 1px solid #8f8f8f;
	float: right;
	background-color: white;
	border-radius: 5px;
	padding-left: 12px;
	padding-right: 10px;
}
.swippVoiceMessage p{
	font-size: 13px;
	line-height: 20px;
	margin-top: 10px;
}
#minatokuBack{
	width:100%;
	height:230px;
	background-image: url("https://swipp.jp/sp/images/minatoku.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100% 100%;
	background-color: #cde6f3;
	border-bottom: 1px solid #d1d1d1;
	margin-top:10px;
}
#chiyodakuBack{
	width:100%;
	height:230px;
	background-image: url("https://swipp.jp/sp/images/chiyodaku.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100% 100%;
	background-color: #cde6f3;
	border-bottom: 1px solid #d1d1d1;
	margin-top:10px;
}
#chuoukuBack{
	width:100%;
	height:230px;
	background-image: url("https://swipp.jp/sp/images/chuouku.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100% 100%;
	background-color: #cde6f3;
	border-bottom: 1px solid #d1d1d1;
	margin-top:10px;
}
#sinjukukuBack{
	width:100%;
	height:230px;
	background-image: url("https://swipp.jp/sp/images/sinjukuku.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100% 100%;
	background-color: #cde6f3;
	border-bottom: 1px solid #d1d1d1;
	margin-top:10px;
}
#bunkyoukuBack{
	width:100%;
	height:230px;
	background-image: url("https://swipp.jp/sp/images/bunkyouku.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100% 100%;
	background-color: #cde6f3;
	border-bottom: 1px solid #d1d1d1;
	margin-top:10px;
}
#taitoukuBack{
	width:100%;
	height:230px;
	background-image: url("https://swipp.jp/sp/images/taitouku.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100% 100%;
	background-color: #cde6f3;
	border-bottom: 1px solid #d1d1d1;
	margin-top:10px;
}
#sumidakuBack{
	width:100%;
	height:230px;
	background-image: url("https://swipp.jp/sp/images/sumidaku.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100% 100%;
	background-color: #cde6f3;
	border-bottom: 1px solid #d1d1d1;
	margin-top:10px;
}
#koutoukuBack{
	width:100%;
	height:230px;
	background-image: url("https://swipp.jp/sp/images/koutouku.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100% 100%;
	background-color: #cde6f3;
	border-bottom: 1px solid #d1d1d1;
	margin-top:10px;
}
#sinagawakuBack{
	width:100%;
	height:230px;
	background-image: url("https://swipp.jp/sp/images/sinagawaku.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100% 100%;
	background-color: #cde6f3;
	border-bottom: 1px solid #d1d1d1;
	margin-top:10px;
}
#userShareField{
	width: 95%;
	height: auto;
	padding-bottom: 10px;
	background-color: white;
	border: 1px solid #dadada;
	margin: auto;
	margin-top: 35px;
}
#userShareText{
	width: 88%;
	margin: auto;
}
#userShareField .shareMessageUser p{
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	color: #46bdf5;
	margin-bottom: 0;
}
#userShareField p{
	text-align: center;
	color: #8b8b8b;
}
#userShareField #userShareLink{
	margin: auto;
	width: 200px;
	height: 32px;
	margin-top: 20px;
}
#userShareField #userShareLink a{
	text-align: center;
	display: block;
	width: 100%;
	height: 100%;
	background-color: #46bdf5;
	color: white;
	text-decoration: none;
	font-size: 18px;
	line-height: 30px;
}
#userShareField #userShareLink a:hover{
	background-color: #70cbf6;
}
#megurokuBack{
	width:100%;
	height:230px;
	background-image: url("https://swipp.jp/sp/images/meguroku.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100% 100%;
	background-color: #cde6f3;
	border-bottom: 1px solid #d1d1d1;
	margin-top:10px;
}
#ootakuBack{
	width:100%;
	height:230px;
	background-image: url("https://swipp.jp/sp/images/ootaku.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100% 100%;
	background-color: #cde6f3;
	border-bottom: 1px solid #d1d1d1;
	margin-top:10px;
}
#setagayakuBack{
	width:100%;
	height:230px;
	background-image: url("https://swipp.jp/sp/images/setagayaku.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100% 100%;
	background-color: #cde6f3;
	border-bottom: 1px solid #d1d1d1;
	margin-top:10px;
}
#refferalSNS{
	display: block;
	width: 100%;
	margin: auto;
	margin-top: 40px;
	height: auto;
	padding-bottom: 10px;
}
#refferalSNS a{
	text-decoration: none;
	padding: 0;
	margin: 0;
}
.refferalSNSItemFacebook{
	display: block;
	width: 90%;
	margin: auto;
	height: 60px;
	background-color: #3b5998;
}
.refferalSNSItemTwitter{
	display: block;
	width: 90%;
	margin: auto;
	height: 60px;
	background-color: #00aced;
}
.refferalSNSItemLINE{
	display: block;
	width: 90%;
	margin: auto;
	height: 60px;
	background-color: #5ae628;
}
.refferalSNSItemIcon{
	float: left;
	width: 20%;
}
.refferalSNSItemIcon img{
	width: 60px;
	height: 60px;
}
#refferalSNSItemFacebook{
	display: block;
	float: right;
	width:80%;
	background-color: #3b5998;
	color: white;
	height: 60px;
}
#refferalSNSItemFacebook p{
	color: white;
	height: 60px;
	line-height: 60px;
	margin-top: 0;
	padding: 0px;
	margin: 0px;
	font-size: 16px;
}
#refferalSNSItemTwitter{
	display: block;
	float: right;
	width:80%;
	background-color: #00aced;
	color: white;
	height: 60px;
}
#refferalSNSItemTwitter p{
	color: white;
	line-height: 60px;
	margin-top: 0;
	padding: 0px;
	margin: 0px;
	font-size: 16px;
}
#refferalSNSItemLINE{
	display: block;
	float: right;
	width:80%;
	background-color: #5ae628;
	color: white;
	height: 60px;
}
#refferalSNSItemLINE p{
	display: block;
	color: white;
	line-height: 60px;
	margin-top: 0;
	padding: 0px;
	margin: 0px;
	font-size: 16px;
}
#compareOther{
	width: 98%;
	margin: auto;
	margin-top: 25px;
	margin-bottom: 25px;
}
#compareOther th{
	height: 20px;
	line-height: 20px;
	font-size: 15px;
}
#compareOther td{
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	color: #5d5d5d;
}
#compareOther td.tableCompareItem{
	font-size: 12px;
	line-height: 20px;
	background-color: #daeff8;
}
#newPricetable{
	width: 100%;
	margin-top: 20px;
}
#newPricetable th{
	height: 30px;
	line-height: 30px;
	background-color: #63a233;
	color: white;
	font-size: 13px;
}
#newPricetable td{
	height: 30px;
	line-height: 30px;
	font-size: 13px;
	color: #5d5d5d;
}
#newPricetable td.tableCompareItem{
	font-size: 12px;
	line-height: 50px;
	background-color: #daeff8;
}
#howToPayLeft{
	width: 100%;
}
#howToPayRight{
	display: block;
	width: 100%;
	margin-top:5px;
	padding-left: 15px;
}
#howToPayRight p{
	margin: 0;
	padding: 0;
}
.rightItemGreen h2{
	margin:0;
	width:100%;
	height:29px;
	padding-left: 25px;
	padding-top: 10px;
	font-weight: 500;
	font-size:18px;
	color: white;
	margin-bottom: 10px;
	background-color: #5ecf71;
}
#airbnbPaymentTable tr td{
	font-size: 12px;
	border: none;
}
#airbnbPaymentTable tr td.airbnbTextLeft{
	text-align: left;
	padding-left: 10px;
}
#airbnbPaymentTable tr td.airbnbTextRight{
	text-align: right;
	padding-right: 5px;
}
#airbnbPaymentTable tr.propertyRow{
	background-color: #afe3fb;
	height: 35px;
}
#airbnbPaymentTable tr.propertyRow td{
	padding-left: 5px;
	line-height: 20px;
}
.airbnbBookNextCheck{
	display: block;
	height: auto;
	border-bottom: 1px solid #808080;
	width: 100%;
	padding-top: 5px;
}
.airbnbBookNextCheck p{
	margin: 5px 0;
}
.airbnbLeft50{
	float: left;
	width: 42%;
	font-size: 13px;
}
.airbnbLeft75{
	float: left;
	width: 65%;
	font-size: 13px;
}
.airbnbLeft50 p{
	margin: 0;
	margin-top:10px;
	padding: 0;
}
.airbnbLeft25{
	float: left;
	width: 20%;
	margin-left: 2px;
}
.airbnbRight25{
	float: Right;
	width: 35%;
}
.airbnbWidthAll{
	width: 100%;
}
.airbnbBookSelect{
	background-color:white;
	border:1px solid #939393;
	border-radius: 0;
	color:#565656;
	font-size: 11px;
	height:32px;
	line-height: 32px;
	text-align: left;
	text-indent: 5px;
	vertical-align: middle;
	width: 100px;
	margin-top: 20px;
}
#airbnbTextBorder{
	display: block;
	padding: 10px;
	width: 90%;
	border: 3px solid #79cff8;
	margin-bottom: 30px;
	margin-top: 15px;
}
#adminListArea{
	margin: auto;
	background-color: white;
	border:1px solid #d4d4d4;
	border-radius:8px;
	width:95%;
	padding: 5px;
}
#adminListArea table th{
	background-color: #8cd7fa;
	text-align: center;
	font-size: 16px;
}
#adminListArea table td{
	height:20px;
	text-align: right;
	vertical-align: top;
	font-size: 13px;
	color: #535353;
	padding-right: 10px;
}
#adminListArea table td a{
	color: #46bdf5;
}
input[type=text].claimText{
	height:32px;
	width:150px;
	font-size: 15px;
	background-color:white;
	padding-left: 10px;
}
#claimMain{
	display: block;
	width: 85%;
	text-align: center;
	border: 1px solid #adadad;
	margin: auto;
	padding: 20px;
	margin-bottom: 40px;
}
input.setClaim{
	display: block;
	width: 90%;
	border-style: none;
	background-color: #46bdf5;
	border-radius: 3px;
	font-size: 22px;
	color:white;
	font-weight: 400;
	margin: auto;
}
.airbnbAd img{
	width: 100%;
}
.airbnbAd{
	width: 95%;
	margin: auto;
	margin-top: 20px;
}
#invoiceArea{
	width: 100%;
	margin: auto;
}
#voiceLeft{
	width:45%;
	float: left;
	text-align: center;
}
#voiceLeft a{
	display: block;
	height: 40px;
	width: 100%;
	line-height: 40px;
	font-size: 20px;
	border-radius: 5px;
	margin: auto;
	text-decoration: none;
	font-weight: 300;
}
#voiceRight{
	width: 45%;
	float: right;
	text-align: center;
}
#voiceRight a{
	display: block;
	height: 40px;
	width: 100%;
	line-height: 40px;
	font-size: 20px;
	border-radius: 5px;
	margin: auto;
	text-decoration: none;
	font-weight: 300;
}
#historicalRowField table{
	margin-top: 30px;
}
#historicalRowField table th{
	background-color: #8cd7fa;
	text-align: center;
	font-size: 16px;
}
#historicalRowField table td{
	height:30px;
	text-align: right;
	vertical-align: top;
	font-size: 10px;
	color: #535353;
	padding-right: 10px;
	line-height: 13px;
}
#historicalRowField table td img{
	height: 13px;
}
#historicalRowField table td a{
	color: #46bdf5;
}
#airbnbBookFactorBlack{
	border: 1px solid #7f7f7f;
	display: block;
	width:100%;
	height: auto;
	padding:20px 10px;
}
#registerTimeArea{
	width: 90%;
	margin: auto;
	margin-top: 30px;
}
#registerTimeArea .select-checktime{
	font-size: 14px;
}
#newInformation{
	width: 100%;
	height: auto;
	border-top: 1px dashed #8a8a8a;
	padding-bottom: 40px;
	margin-top:20px;
}
#newInfoArea{
	width: 95%;
	margin: auto;
}
#newInfoArea h2{
	font-weight: 400;
	color: #575757;
	font-size: 20px;
}
.infoLine{
	width: 100%;
}
.infoDate{
	float: left;
	width: 20%;
}
.infoContent{
	float: right;
	width: 80%;
}
#newInfoArea a{
	text-decoration: none;
	color: #46bdf5;
}
/*-----------------Airbnbランディングページ------------------*/
#topAirbnbW{
	height: 70px;
	width: 100%;
}
#topnavAirbnbW{
	padding-top:5px;
	height:70px;
	width:100%;
	margin:0 auto;
}
#logoAirbnb{
	float: left;
	height: 70px;
}
#naviAirbnb{
	float:right;
	padding-top:0px;
	padding-right: 20px;
}
a#airbnbLoginTop{
	display: block;
	width: 80px;
	height: 28px;
	background-color: #51d3f4;
	line-height: 28px;
	font-size: 14px;
	color: white;
	text-align: center;
	text-decoration: none;
	border-radius: 2px;
}
#airbnbW{
	width: 100%;
}
#airbnbWTop{
	width: 100%;
	height: 520px;
	background-image: url("https://swipp.jp/sp/images/airbnbHotel.png");
	background-position: center center;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
#airbnbWTopMain{
	width: 100%;
	margin: auto;
	height: 520px;
	padding-top: 65px;
}
#airbnbWTopMain h2{
	text-align: center;
	color: #4f4f4f;
	font-size: 36px;
	font-weight: 400;
}
#airbnbWLogin{
	width: 90%;
	height: 55px;
	margin: auto;
	border-radius: 8px;
	background-color: #51d3f4;
	margin-top: 80px;
}
a#airbnbWa{
	color: white;
	text-decoration: none;
	font-size: 24px;
	height: 55px;
	line-height: 55px;
	text-align: center;
}
#airbnbWLogin:hover{
	background-color: #6dd9f5;
}
#airbnbWRegister{
	width: 90%;
	height: 55px;
	margin: auto;
	border-radius: 8px;
	background-color: #ee799e;
	margin-top: 35px;
}
a#airbnbWaRegister{
	color: white;
	text-decoration: none;
	font-size: 24px;
	height: 55px;
	line-height: 55px;
	text-align: center;
}
#airbnbWRegister:hover{
	background-color: #ec88a8;
}
.airbnbWBelt{
	width: 100%;
	height: auto;
	padding-top: 25px;
	padding-bottom: 35px;
}
.airbnbWBeltDashed{
	border-bottom: 1px dashed #545454;
}
.airbnbWBeltMain{
	width: 95%;
	margin: auto;
}
.airbnbWBeltMain h2{
	text-align: center;
	font-size: 32px;
	margin-bottom: 25px;
	font-weight: 400;
	color: #454545;
}
.airbnb3divideMain{
	width: 100%;
	margin: auto;
}
.airbnb3divide{
	width: 100%;
	float: left;
	text-align: center;
	font-size: 23px;
	font-weight: 100;
}
.airbnb3divide img{
	width: 125px;
	height: auto;
}
.airbnb3divide h3{
	font-weight: 400;
}
.airbnb3divide p{
	font-size: 14px;
	text-align: left;
	line-height: 20px;
	width: 90%;
	margin: auto;
	margin-top: 10px;
}
.airbnbGray{
	background-color: #fafafa;
}
.airbnbBlue{
	background-color: #5689f5;
	color: white;
}
.airbnbPink{
	background-color: #ee799e;
	color: white;
}
.airbnbWBeltMainContact{
	width: 90%;
	margin: auto;
}
.airbnbWBeltMainContact p{
	font-size: 20px;
	margin: 0;
	margin-top: 10px;
	margin-bottom: 10px;
}
.airbnbWLeft{
	float: left;
	width: 100%;
}
.airbnbWRight{
	float: left;
	width: 100%;
}
.airbnbDivideBorder{
	width: 90%;
	margin: auto;
	border:2px solid #51d3f4;
	padding-bottom: 20px;
	margin-top: 20px;
}
#airbnbWPrice{
	width: 100%;
	margin: auto;
}
#airbnbWPrice th{
	background-color: #51d3f4;
	font-size: 16px;
}
#airbnbWPrice td{
	font-size: 14px;
	height: 30px;
	line-height: 20px;
}
table#airbnbWCondition td{
	text-align: left;
	padding-left: 5px;
}
.airbnbWAreaPayment{
	width: 100%;
	margin: auto;
}
.airbnbWLeft h3{
	text-align: center;
	font-size: 28px;
	font-weight: 400;
}
.airbnbWRight h3{
	text-align: center;
	font-size: 28px;
	font-weight: 400;
}
.airbnbWRight p{
	line-height: 22px;
}
.airbnbAreaDivide{
	width: 100%;
	float: left;
	height: auto;
}
.airbnbAreaDivide p{
	text-align: center;
}
.airbnbAreaImage{
	width: 140px;
	height: 140px;
	margin: auto;
	border: 3px solid #51d3f4;
	border-radius: 50%;
	text-align: center;
}
.airbnbAreaImage img{
	margin: 0;
	margin-top: 10px;
	width: 120px;
	height: 120px;
}
#airbnbWNews{
	width: 100%;
	margin: auto;
}
.airbnbWNewsLine{
	width: 90%;
	margin: auto;
	height: auto;
}
.airbnbWNewsLine p{
	margin: 0;
	margin-bottom: 10px;
}
.airbnbWNewsLineDate{
	width: 20%;
	height: auto;
	float: left;
}
.airbnbWNewsLineContent{
	width: 80%;
	height: auto;
	float: right;
	color: #51d3f4;
}
#airbnbWHowToStart{
	width: 100%;
	margin: auto;
}
#airbnbWHowToStart h2{
	text-align: center;
	font-size: 32px;
	font-weight: 400;
}
.airbnbHowToList{
	width: 100%;
	height: auto;
	float: left;
	padding-bottom: 15px;
}
.airbnbHowToList h3{
	text-align: center;
	color: white;
	font-weight: 200;
	font-size: 18px;
}
.airbnbHowToList p{
	color: white;
	font-size: 14px;
	width: 90%;
	margin: auto;
}
.airbnbHowToNext{
	width: 20px;
	height: 150px;
	float: left;
}
.airbnbHowToImage{
	width: 100%;
	height: 150px;
	background-color: white;
	text-align: center;
}
.airbnbHowToImage img{
	margin-top: 30px;
	width: 90px;
	height: auto;
}
.sankakuLeft{
	margin-left: 5px;
	margin-top: 60px;
	width: 0;
	height: 0;
	border: 15px solid transparent;
	border-left: 15px solid #ffffff;
}
#airbnbWLast{
	width: 100%;
	height: 100px;
	margin: auto;
	text-align: center;
}
.laundryColor{
	background-color: #faffc6;
}
/*---------Airbnbホストテーブルの縦版-----------*/
#airbnbArea2{
	margin: auto;
	background-color: white;
	border:1px solid #d4d4d4;
	width:95%;
	height:auto;
	padding-top:5px;
}
#airbnbArea2 table td a{
	text-decoration: none;
	font-size: 15px;
	color: #3ab2e9;
}
#propertyTable {
   width: 20%;
}
#propertyTable table{
   margin: 0;
   padding: 0;
}
table#propertyTable td{
	font-size: 17px;
	margin: 0px;
	padding: 0;
	height: 35px;
	line-height: 35px;
}

table#airbnbServiceTable {
   width: 80%;
   padding: 0px;
   margin: 0;
   padding: 0;
}
table#airbnbServiceTable td{
	width: 20%;
	height: 35px;
	font-size: 17px;
	margin: 0px;
	padding: 0;
	line-height: 35px;
}
#airbnbVerticalTop{
	width:20%;
	height: 35px;
	position:absolute;
	left:0px;
	top:0px;
	white-space: nowrap;
	background-color: red;
}
#airbnbVerticalTop table td{
	font-size: 14px;
	line-height: 35px;
	background-color: #93d7f6;
	color: white;
	padding: 0;
}
#airbnbVerticalDate{
	position: absolute;
	left:20%;
	top:0px;
    width:80%;
    height: 35px;
    overflow-x:hidden;
    overflow-y:hidden;
}
#airbnbVerticalDate table{
	margin: 0;
	padding: 0;
}#airbnbVerticalDate table tr{
	margin: 0;
	padding: 0;
}
#airbnbVerticalDate table td{
	width: 60px;
	height: 35px;
	font-size: 17px;
	margin: 0px;
	padding: 0;
	line-height: 35px;
	background-color: #93d7f6;
	color: white;
}
#example1 {
	position: absolute;
	left:20%;
	top:35px;
	width: 80%;
	height: 285px;
	white-space: nowrap;
	overflow-x: scroll;
    overflow-y:scroll;
}
#example1 table{
	width: 100%;
}
#example1 table tr{
	width: 100%;
}
#example1 table td{
	width: 60px;
	font-size: 14px;
	line-height: 35px;
	margin: 0;
}
#example2 {
	position: absolute;
	left:0px;
	top:35px;
    width:20%;
    height: 285px;
    overflow-x:hidden;
    overflow-y:hidden;
	white-space: nowrap;
}
#example2 table{
	width: 100%;
}
#example2 table tr{
	width: 100%;
}
#example2 table td{
	font-size: 14px;
	line-height: 35px;
	height: 35px;
	background-color: #93d7f6;
	color: white;
	margin: 0;
	padding: 0;
}
#airbnbVertiacalArea {
	position: relative;
	width:100%;
	height: 320px;
	margin-bottom: 20px;
}
#airbnbArea2 input[type=checkbox] {
    display: inline-block;
    margin-right: 6px;
}

#airbnbArea2 input[type=checkbox] + label {
    position: relative;
    display: inline-block;
    font-size: 14px;
    line-height: 35px;
     
    cursor: pointer;
}
input.propertyNoSubmit2{
		border-style: none;
		background-color: #93d7f6;
		width: 100%;
		height: 35px;
		color:white;
		font-size: 16px;
		line-height: 35px;
		border-radius: 0;
		margin: 0;
		padding: 0;
}
.newColor{
	background-color: #93d7f6;
	color: white;
}
.fixing-box{
  position: fixed;
  top: 0;
  z-index: 9999;
}
@media (min-width: 1px) {
    #airbnbArea2 input[type=checkbox] {
        display: none;
        margin: 0;
    }
    #airbnbArea2 input[type=checkbox] + label {
        padding: 0 0 0 0px;
        width: 100%;
        height: 100%;
    }

    #airbnbArea2 input[type=checkbox] + label::before {
        content: "";
        position: absolute;
         
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 18px;
        height: 18px;
         
        background: #FFF;
    }

    #airbnbArea2 input[type=checkbox] + label::before {
        border: 2px solid #ccc;
        left: 22px;
        top: 8px;
    }
    #airbnbArea2 input[type=checkbox]:checked + label::after {
        content: "";
        position: absolute;
        top: 50%;
         
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
    }
    #airbnbArea2 input[type=checkbox]:checked + label::after {
        left: 22px;
         
        width: 16px;
        height: 8px;
        margin-top: -8px;
         
        border-left: 3px solid #46BDF5;
        border-bottom: 3px solid #46BDF5;
         
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
}
#changeCalendar{
	display: block;
	width: 90%;
	margin: auto;
	height: 50px;
	background-color: #74dc95;
	text-align: center;
	margin-top: 20px;
}
#changeCalendar a{
	text-decoration: none;
	line-height: 50px;
	font-size: 24px;
	color: white;
}
#linenListMain{
	width: 100%;
	height: auto;
}
#linenListArea{
	width: 90%;
	margin: auto;
}
.linenList{
	width: 100%;
	height: auto;
	border-bottom: 1px solid #4e4e4e;
	padding-bottom: 15px;
}
.linenList p{
	font-size: 16px;
	color: #474747;
}
#airbnbReportStock{
	width: 100%;
	height: auto;
	border-top: 1px dashed #888888;
	border-bottom: 1px dashed #888888;
	margin-top: 40px;
}
.airbnbReportLine{
	width: 90%;
	height: auto;
	margin: auto;
}
.airbnbReportLeft{
	width: 20%;
	float: left;
}
.airbnbReportLeft p{
	height: 26px;
	line-height: 26px;
	font-size: 16px;
	font-weight: bold;
}
.airbnbReportRight{
	width: 72%;
	float: right;
}
.select-airbnbReport{
	background-color:white;
	border:2px solid #cdcdcd;
	border-radius: 0;
	color:#565656;
	font-size: 16px;
	height:26px;
	line-height: 26px;
	text-align: left;
	text-indent: 5px;
	vertical-align: middle;
	width: 70px;
}
#airbnbWCompPrice{
	width: 100%;
	margin: auto;
}
#airbnbWCompPrice th{
	background-color: #51d3f4;
	font-size: 16px;
}
#airbnbWCompPrice td{
	font-size: 14px;
	height: 20px;
	line-height: 30px;
}
#registerMemberTitle h2{
	font-weight: 300;
	text-align: center;
	height: 40px;
	line-height: 40px;
	color: #3a3a3a;
	margin-top: 30px;
	font-size: 24px;
	margin-bottom: 50px;
}
#registerCreditMember{
	width: 90%;
	margin: auto;
}
#registerCardBrand{
	display: block;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 30px;
}
#registerCardBrand img{
	height: 25px;
	width: auto;
	margin-right: 10px;
}
.form-row{
	margin-bottom: 5px;
	height: 50px;
}
input[type=text].stripeNumber{
	height:36px;
	line-height: 36px;
	width:225px;
	font-size: 18px;
	border-radius: 0;
	border:1px solid #a4a4a4;
}
input[type=text].stripeCVC{
	height:36px;
	line-height: 36px;
	width:50px;
	font-size: 18px;
	border-radius: 0;
	border:1px solid #a4a4a4;
}
#addCreditArea{
	height: auto;
	padding-bottom: 25px;
	margin-bottom: 30px;
}
button.bookSubmit{
	display: block;
	width: 90%;
	height: 52px;
	border-style: none;
	background-color: #46bdf5;
	border-radius: 6px;
	font-size: 25px;
	color:white;
	font-weight: 400;
	margin: auto;
	margin-top: 45px;
}
.txtBold{
	font-weight: bold;
}
p.companyMarginTop{
	margin-top: 45px;
	color: #4e4e4e;
}
p.companyMarginTop2{
	margin-top: 420px;
	color: #4e4e4e;
}
#airbnbArea3{
	box-sizing: border-box;
	border:1px solid #d4d4d4;
	width:95%;
	margin: auto;
	height:auto;
	padding: 10px;
	padding-top:30px;
	background-color: white;
	margin-top: 20px;
}
#airbnbArea3 thead{
	display:block;   
    width:100%;
}
#airbnbArea3 tbody{
	overflow-x: hidden;
    overflow-y: auto;
    -ms-overflow-x: hidden;
    -ms-overflow-y: auto;
    position: absolute;
    display:block;
    height: auto;
    width:	100%;
}
#airbnbArea3 tbody#propertyURLTBody{
    position: relative;
    display:block;
    height: auto;
    width:100%;
}
#airbnbArea3 label{
	display:block;
	width:100%;
	height:100%;
}
#airbnbArea3 table thead tr{
	display: block;
	width: 100%;
	background-color: blue;
}
#airbnbArea3 table thead th.listingTH{
	display: block;
	text-align: center;
	width: 100%;
	background-color: #6fcaf4;
	font-size: 16px;
}
#airbnbArea3 table td{
	height:20px;
	width: 83px;
	text-align: left;
	vertical-align: top;
	text-align: center;
	font-size: 16px;
}
#airbnbArea3 table td.listingTD{
	height:20px;
	width: 50%;
	text-align: left;
	vertical-align: top;
	font-size: 13px;
	color: #4b4b4b;
	line-height: 20px;
	box-sizing: border-box;
	padding-left: 10px;
}
#airbnbArea3 table td.listingTDAddress{
	background-color: #f5f5f5;
}
input[type="text"].listingURL{
	border: none;
	width: 100%;
}
.delProLeft{
	display: block;
	box-sizing: border-box;
	width: 70%;
	float: left;
	text-align: left;
	padding-left: 10px;
}
.delProRight{
	display: block;
	box-sizing: border-box;
	width: 25%;
	float: right;
	text-align: right;
	padding-right: 10px;
}
.white-popup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 500px;
  margin: 20px auto;
}
input#deletePropertySubmit{
	width: 100px;
	height: 40px;
	padding: 0;
	margin: 0;
	border-radius: 0px;
	color: white;
	font-size: 15px;
	line-height: 30px;
	text-align: center;
	margin-bottom: 20px;
	background-color: #f55959;
}
p.deletePopUp{
	width: 100%;
	height: 100%;
	background-color: #bbb2b2;
	color: white;
	margin: 0;
	font-size: 14px;
	line-height: 30px;
}
.textCenter{
	text-align: left;
}
td.prohibitBooking{
	background-color: #f1f1f1;
}
#airbnbArea3 table th.contactTH{
	text-align: center;
	width: 60%;
	background-color: #6fcaf4;
	font-size: 16px;
	box-sizing: border-box;
}
#airbnbArea3 table th.contactTH2{
	text-align: center;
	width: 20%;
	background-color: #6fcaf4;
	font-size: 16px;
	box-sizing: border-box;
}
#airbnbArea3 table td.contactTD{
	height:20px;
	width: 60%;
	text-align: left;
	vertical-align: top;
	font-size: 13px;
	color: #4b4b4b;
	line-height: 20px;
	box-sizing: border-box;
	padding-left: 10px;
}
#airbnbArea3 table td.contactTD a{
	color: #46bdf5;
}
#airbnbArea3 table td.contactTD2{
	height:20px;
	width: 20%;
	text-align: left;
	vertical-align: top;
	font-size: 13px;
	color: #4b4b4b;
	line-height: 20px;
	box-sizing: border-box;
	padding-left: 10px;
}
#hostContactArea{
	display: block;
	width: 100%;
	height: 50px;
	box-sizing: border-box;
}
#newContact{
	width: 120px;
	height: 40px;
	display: block;
	float: right;
	background-color: #217cbd;
	color: white;
	text-decoration: none;
	text-align: center;
	line-height: 40px;
	margin-top: 5px;
}
#newContact p{
	margin: 0;
	padding: 0;
	color: white;
	font-size: 16px;
}
#contactarea h2{
	text-align: center;
	font-size: 30px;
	font-weight: 400;
}
#contactarea p{
	width: 90%;
	margin: auto;
	font-size: 15px;
	color: #3e3e3e;
	margin-bottom: 15px;
}
#contactarea p input{
	width: 300px;
}
#contactarea textarea{
	width: 100%;
	height: 300px;
	margin: auto;
	font-size: 16px;
	font-family: sans-serif;
	color: #494949;
}
#contactarea input#contactSubmit{
	width: 100%;
	height: 50px;
	background-color: #f74c4c;
	color: white;
	font-size: 18px;
	line-height: 30px;
	margin-top: 15px;
}
.contactItemList{
	width: 100%;
	height: auto;
	margin: auto;
	box-sizing: border-box;
	padding:15px 25px;
	border:1px solid #d8d8d8;
	font-size: 14px;
	color: #656565;
	margin-bottom: 15px;
	margin-top: 15px;
}
.userContactBackColor{
	background-color: #ffeff2;
}
.adminContactBackColor{
	background-color: #e1f3fb;
}
h2#contactTitle{
	font-weight: 400;
}
/*---------家計の無料点検----------*/
#financeTop{
	width:100%;
	height:448px;
	background-color: white;
	border-bottom: 1px solid #d1d1d1;
	margin-top:10px;
}
.financeMain{
	display: block;
	width: 100%;
	margin: auto;
	padding: 0;
}
.financeLeft{
	display: block;
	width: 100%;
	height: auto;
	box-sizing: border-box;
}
.financeRight{
	display: block;
	width: 100%;
	height: auto;
	box-sizing: border-box;
}
.financeRight h1{
	margin-top: 30px;
	font-size: 32px;
	color: #4c4c4c;
	text-align: center;
}
#financeMainPhoto img{
	display: block;
	width: 100%;
	height: auto;
}
#financeBook{
	width: 90%;
	height: 50px;
	margin: auto;
	box-sizing: border-box;
	background-color: #5fcdff;
	text-align: center;
	border-radius: 5px;
	margin-top: 30px;
}
#financeBook a{
	width: 100%;
	height: 100%;
	text-align: center;
	color: white;
	line-height: 50px;
	font-size: 24px;
	text-decoration: none;
}
.financeItemArea{
	width: 100%;
	height: auto;
	box-sizing: border-box;
	padding-top: 20px;
	padding-bottom: 70px;
	border-bottom: 1px solid #f1f1f1;
}
.financeBlue{
	background-color: #fbfbfb;
}
.financeCenter{
	text-align: center;
	width: 90%;
	height: auto;
	margin: auto;
}
.financeCenter h2{
	color: #646464;
	font-size: 22px;
	font-weight: 400;
}
.financeCenter h3{
	color: #646464;
	font-size: 28px;
	font-weight: 400;
}
#financeCircleMain{
	width: 100%;
	margin: auto;
	height: auto;
	margin-top: 20px;
}
.financeCircleLeft{
	width: 50%;
	height: auto;
	box-sizing: border-box;
	float: left;
	text-align: center;
}
.financeCircleRight{
	width: 50%;
	height: auto;
	box-sizing: border-box;
	float: right;
	text-align: center;
}
.financeCircle{
	display: inline-block;
    position: relative;
    width: 90%;
	border-radius: 50%;
	margin: auto;
	border:1px solid #acacac;
	background-color: white;
	text-align: center;
}
#container {
    display: inline-block;
    position: relative;
    width: 90%;
}
.dummy {
    margin-top: 95%; /* 4:3 aspect ratio */
}
.element {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.financeCircle p{
	line-height: 150px;
	font-size: 18px;
	margin: 0;
	padding: 0;
	color: #696969;
}
.finance50Left{
	width: 100%;
	height: auto;
	box-sizing: border-box;
	text-align: center;
	margin: auto;
}
.finance50Right{
	width: 100%;
	height: auto;
	box-sizing: border-box;
	margin: auto;
	text-align: center;
}
.financeSquare{
	width: 95%;
	margin: auto;
	height: auto;
	border: 1px solid #a8a8a8;
}
.financeSquare ul{
	list-style-image: url(/images/financeChecked.png);
	font-size: 18px;
	line-height: 24px;
	text-align: left;
}
.financeSquare ul li{
	padding-left: 15px;
	color: #505050;
	margin-bottom: 20px;
}
#financeSubmit{
	width: 100%;
	height: auto;
	margin: auto;
	margin-top: 30px;
	text-align: left;	
}
#financeSubmit input[type="text"]{
	width: 100%;
	border: none;
	height: 50px;
	margin: 0;
	padding: 0;
	border: 1px solid #909090;
	border-radius: 2px;
	padding-left: 20px;
	box-sizing: border-box;
	font-size: 16px;
	line-height: 50px;
	color: #414141;
}
#financeSubmit input[type=submit]{
	margin: 0px;
	padding: 0px;
	width: 100%;
	margin: auto;
	height: 50px;
	background-color: #46bdf5;
	font-size: 24px;
	color: white;
	border-radius: 5px;
	margin-top: 20px;
}
#financeSubmit input[type=submit]:hover{
	background-color: #5fcdff;
}
#financeSuccess{
	width: 90%;
	height: 40px;
	margin: auto;
	border:1px solid #237ae5;
	text-align: center;
	border-radius: 5px;
	margin-top: 20px;
}
#financeSuccess p{
	line-height: 40px;
	color: #525252;
	margin: 0;
	padding: 0;
}
#kakeiBanner{
	width: 95%;
	height: auto;
	margin: auto;
	margin-top: 30px;
	margin-bottom: 30px;
}
#kakeiBanner img{
	width: 100%;
}
/*----------------------備品購入関係----------------------*/
.bihinServiceExist{
	background-color: #ffd3d3;
}
p.bihinP{
	color: #fb5858;
}
/*-------------------ハウスクリーニング------------------*/
#houseCleaningHeaderMenu{
	display: block;
	width: 100%;
	height: 55px;
	border-top: 1px solid #EFEBCF;
	border-bottom: 2px solid #EFEBCF;
	box-sizing: border-box;
}
#houseCleaningHeaderMenuSpace{
	display: block;
	width: 100%;
	height: 0px;
	box-sizing: border-box;
}
#houseCleaningHeaderMenuMain{
	display: block;
	width: 100%;
	height: 50px;
	background-color: #FEFDF5;
	box-sizing: border-box;
}
#houseCleaningHeaderMain{
	display: block;
	width: 100%;
	height: 100%;
	margin: auto;
	border-right: 1px dotted white;
	background-color: #f1a0c1;
}
.houseCleaningHeaderItem{
	display: block;
	box-sizing: border-box;
	width: 20%;
	height: 100%;
	float: left;
	border-left: 1px dotted white;
	text-align: center;
}
.houseCleaningHeaderItem:hover{
	border-bottom: 3px solid #f1a0c1;
}
.houseCleaningHeaderItem p{
	font-size: 12px;
	color: white;
	font-weight: bold;
	line-height: 50px;
	margin: 0px;
}
#houseCleaningBodyAll{
	width: 100%;
	height: auto;
	background-color: #FAF9F1;
}
#houseCleaningBody{
	width: 100%;
	margin: auto;
	height: auto;
	padding-top: 30px;
}
#houseCleaningSide{
	display: block;
	width: 95%;
	margin: auto;
	height: auto;
	box-sizing: border-box;
}
#houseCleaningSideBar{
	display: block;
	width: 100%;
	height: auto;
	background-color: white;
	border: 1px solid #d4d4d4;
	margin-bottom: 30px;
}
#houseCleaningSideBar h2{
	display: block;
	box-sizing: border-box;
	padding-left: 10px;
	font-size: 18px;
	margin: 0;
	height: 45px;
	color: white;
	line-height: 45px;
}
#houseCleaningSideBar h2#houseCleaningSideBarCamp{
	background-color: #ffb9d5;
	border-bottom: 2px solid #cd497e;
}
#houseCleaningSideBar h2#houseCleaningSideBarService{
	background-color: #a8d644;
	border-bottom: 2px solid #4bbf27;
}
#houseCleaningSideBar p{
	display: block;
	width: 100%;
	margin: 0;
	height: 45px;
	box-sizing: border-box;
	border-bottom: 1px solid #d4d4d4;
	padding-left: 20px;
	font-size: 13px;
	color: #4f4f4f;
	line-height: 45px;
}
#houseCleaningMain{
	display: block;
	width: 95%;
	margin: auto;
	height: auto;
	box-sizing: border-box;
}
#houseCleaningMainCampaign{
	display: block;
	width: 100%;
	height: auto;
	box-sizing: border-box;
	padding: 15px;
	background-color: white;
	border-radius: 1px;
	border:1px solid #989898;
	margin-bottom: 30px;
}
#houseCleaningMainCampaign h2{
	width: 100%;
	height: 45px;
	line-height: 45px;
	margin: 0;
	margin-top: 10px;
	margin-bottom: 15px;
	box-sizing: border-box;
	padding-left: 20px;
	color: white;
	background-color: #f488b4;
}
#houseCleaningMainCampaign img{
	width: 100%;
	height: auto;
	margin: 0;
}
#houseCleaningMainCampaign h3{
	margin: 0;
	margin-top: 25px;
	margin-bottom: 15px;
	font-size: 17px;
	color: #474747;
}
#houseCleaningMainCampaign p.textBold{
	font-weight: bold;
	font-size: 15px;
	margin: 0;
	color: #333333;
	margin-top: 10px;
}
#houseCleaningMainCampaign p{
	font-size: 14px;
	color: #333333;
	margin: 0;
}
.houseCleaningMainCampaignItem{
	width: 100%;
	height: auto;
	padding-bottom: 10px;
	border-bottom: 1px dashed #bbbbbb;
	margin-bottom: 20px;
}
#houseCleaningMainPrice{
	display: block;
	width: 100%;
	height: auto;
	box-sizing: border-box;
	padding: 15px;
	background-color: white;
	border-radius: 1px;
	border:1px solid #989898;
	margin-bottom: 30px;
}
#houseCleaningMainPrice h2{
	width: 100%;
	height: 45px;
	line-height: 45px;
	margin: 0;
	margin-top: 10px;
	margin-bottom: 15px;
	box-sizing: border-box;
	padding-left: 20px;
	color: white;
	background-color: #2672B5;
}
#houseCleaningMainPrice table{
	width: 100%;
	height: auto;
}
#houseCleaningMainPrice table tr{
	box-sizing: border-box;
	width: 100%;
	height: 25px;
}
#houseCleaningMainPrice table tr{
	box-sizing: border-box;
	width: 100%;
	height: 35px;
}
#houseCleaningMainPrice table th{
	background-color: #e0f4fa;
	color: #333333;
	font-weight: bold;
	text-align: left;
	font-size: 16px;
	line-height: 35px;
	height: 35px;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
	padding-left: 15px;
}
#houseCleaningMainPrice table td{
	color: #333333;
	text-align: left;]font-size: 16px;
	line-height: 25px;
	box-sizing: border-box;
	padding-left: 15px;
	font-size: 14px;
	line-height: 35px;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
	padding-left: 15px;
	height: 35px;
}
#houseCleaningMainPrice table td.textRight{
	text-align: right;
	padding-right: 15px;
}
#houseCleaningMainPrice h2#houseCleaningMainArea{
	background-color: #57AA22;
	margin-top: 50px;
}
#houseCleaningMainPrice h2#houseCleaningMainApply{
	background-color: #E32890;
	margin-top: 50px;
}
/*-----スタッフ紹介バナー------*/
#staffRefferalBanner{
	margin-bottom: 15px;
}

#staffRefferalBanner img{
	display: block;
	width: 95%;
	margin: auto;
}
/*-----------スタッフページポップアップ---------------*/
#con1 h2{
	font-weight: 300;
	font-size: 25px;
	color: #484848;
	margin-bottom: 40px;
	margin-top: 30px;
}
#con1 p{
	font-size: 16px;
	width: 100%;
	margin: auto;
	line-height: 23px;
	color: #424242;
}
#con1 .popupRegisterSchedule{
	display: block;
	width: 90%;
	margin: auto;
	height: 50px;
	margin-top: 30px;
	background-color: #74ccf4;
	text-align: center;
	font-size: 20px;
}
#con1 .popupRegisterSchedule a{
	text-decoration: none;
	color: white;
	line-height: 50px;
}
/*--------------民泊物件追加---------------*/
#airbnbAddproperty1{
	margin: auto;
	background-color: white;
	box-sizing: border-box;
	border:1px solid #d4d4d4;
	border-radius:8px;
	width:95%;
	height: auto;
	margin-top: 20px;
}
.airbnbAddPropertyMain{
	display: block;
	margin:auto;
	background-color: white;
	width:95%;
	height:auto;
	padding-top: 1px;
}
h2.addPropertyTitle {
	text-align: center;
	font-size: 28px;
	font-weight: 400;
	margin-bottom: 30px;
	color: #585858;
}
/*------------リターン購入の住所登録欄---------------*/
#contributionAddressArea{
	margin-top: 30px;
	width: 100%;
	height: auto;
	border: 1px solid #dadada;
	border-bottom: 0px;
}
.contributionAddressLeft{
	display: block;
	width: 30%;
	min-height: 80px;
	height: auto;
	box-sizing: border-box;
	padding-left: 5px;
	background-color: #fcfcfc;
	border-bottom: 1px solid #dadada;
	border-right: 1px solid #dadada;
	float: left;
}
.contributionAddressLeft p{
	margin: 0;
	line-height: 80px;
	color: #595959;
	font-size: 13px;
}
.contributionAddressLeft p .hissu{
	background-color: #d90404;
	margin-left: 20px;
	color: white;
	font-size: 13px;
	padding: 3px;
}
.contributionAddressRight{
	display: block;
	width: 70%;
	min-height: 80px;
	height: auto;
	box-sizing: border-box;
	padding-left: 20px;
	border-bottom: 1px solid #dadada;
	float: right;
	line-height: 80px;
}
.contributionAddressRight p{
	font-size: 16px;
	color: #4a4a4a;
	margin-top: 30px;
}
.contributionAddressRight input[type="text"]#zipcode{
	width: 140px;
	height: 35px;
	border-radius: 3px;
	border: 2px solid #cccccc;
	color: #454545;
	background-color: white;
	margin-top: 20px;
	padding-left: 10px;
	text-align: left;
}

.contributionAddressRight input[type="text"]#prefecture{
	width: 120px;
	height: 35px;
	border-radius: 3px;
	border: 2px solid #cccccc;
	color: #454545;
	background-color: white;
	margin-top: 20px;
	padding-left: 10px;
	text-align: left;
}
.contributionAddressRight input[type="text"]#address1{
	width: 90%;
	height: 40px;
	border-radius: 3px;
	border: 2px solid #cccccc;
	color: #454545;
	background-color: white;
	margin-top: 15px;
	padding-left: 10px;
	text-align: left;
	line-height: 40px;
}
.contributionAddressRight input[type="text"]#address2{
	width: 90%;
	height: 40px;
	border-radius: 3px;
	border: 2px solid #cccccc;
	color: #454545;
	background-color: white;
	margin-top: 15px;
	padding-left: 10px;
	text-align: left;
	line-height: 40px;
}
.contributionAddressRight input[type="text"].moyori{
	width: 120px;
	height: 35px;
	border-radius: 3px;
	border: 2px solid #cccccc;
	color: #454545;
	background-color: white;
	padding-left: 10px;
	text-align: left;
	line-height: 35px;
}
.contributionAddressRight input[type="text"].tohotime{
	width: 120px;
	height: 35px;
	border-radius: 3px;
	border: 2px solid #cccccc;
	color: #454545;
	background-color: white;
	padding-left: 10px;
	text-align: left;
	line-height: 35px;
}
.contributionAddressRight input[type="text"].abb{
	width: 70px;
	height: 35px;
	border-radius: 3px;
	border: 2px solid #cccccc;
	color: #454545;
	background-color: white;
	margin-top: 20px;
	padding-left: 10px;
	text-align: left;
	line-height: 35px;
	margin-left: 10px;
	margin-right: 10px;
}
.contributionAddressRight select.select-checktime{
	width: 120px;
	height: 35px;
	border-radius: 3px;
	border: 2px solid #cccccc;
	color: #454545;
	background-color: white;
	padding-left: 10px;
	text-align: left;
	line-height: 35px;
	margin-top: 20px;
}
.contributionAddressRight textarea{
	display: block;
	box-sizing: border-box;
	width: 95%;
	height: 100%;
	border: 1px solid #9b9b9b;
	margin-top: 5px;
	font-size: 15px;
	color: #505050;
}
#addPropertyImageArea{
	display: block;
	height: 270px;
	width: 2150px;
	margin-bottom: 20px;
	box-sizing: border-box;
}
h2#addPropertyPhoto{
	text-align: center;
	font-weight: 400;
	margin-top: 30px;
}
#addPropertyImageArea h2{
	text-align: center;
	font-weight: 400;
	margin-top: 50px;
	font-size: 24px;
	color: #404040;
}
.addPropertyImageLine{
	margin-top: 10px;
	margin-bottom: 30px;
	height: auto;
	width: 100%;
}
.addPropertyImageItem{
	display: block;
	width: 235px;
	height: 265px;
	float: left;
}
.addPropertyImageItem input[type="text"].imageName{
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 30px;
}
#addPropertyImageArea .addPropertyImage{
	display: block;
	box-sizing: border-box;
	width: 235px;
	height: 235px;
	border: 1px solid #cbcbcb;
	border-top: 0px;
	position: relative;
	background-color: white;
	background-image: url("https://swipp.jp/images/photo-camera.png");
	background-repeat: no-repeat;
	background-size: 30% 30%;
	background-position: center center;
	text-align: center;
	overflow: hidden;
}
.addPropertyImage #artistMainIMG input[type=file]{
	display: block;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	border: 0;
	margin: 0;
	padding: 0;
	height:100%;
	width:100%;
	background-color: #9f9f9f;
	color: white;
	font-size: 15px;
	border-radius: 1px;
	opacity: 0;
}
.addPropertyImage .uploadFile{
	position:absolute;
    top:0;
    left:0;
    z-index:99;
    width:100%;
    height:100%;
    opacity:0;
    margin: 0;
	padding: 0;
}
#addPropertyImageArea .addPropertyImage img{
	width:auto;
    height:auto;
    max-width:235px !important;
    max-height:235px !important;
}
/*-----スタッフページ完成見本写真掲載------*/
#showPropertyImageArea{
	display: block;
	width: 100%;
	height: auto;
}
#showPropertyImageArea h2{
	text-align: center;
	font-weight: 400;
}
.showPropertyImageLine{
	display: block;
	width: 100%;
	height: auto;
	margin-bottom: 30px;
}
.showPropertyImageItem{
	display: block;
	width: 100%;
	height: 300px;
	box-sizing: border-box;
	text-align: center;
}
.showPropertyImageItem p{
	text-align: center;
}
.showPropertyImage img{
	display: block;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 250px;
	margin: auto;
}
/*--------------家事写真報告--------------*/
p#kaziCompletePhoto{
    width: 100px;
    height: 30px;
    background-color: #5ca3ea;
    text-align: center;
    float: right;
    font-size: 13px;
    line-height: 30px;
    border-radius: 3px;
    margin-right: 10px;
}
p#kaziCompletePhoto a{
    display: block;
    text-decoration: none;
    color: white;
    width: 100%;
    height: 100%;
}
#addPropertyImageAreaKazi{
	display: block;
	height: 240px;
	width: 2390px;
	box-sizing: border-box;
}
#addPropertyImageAreaKazi h2{
	text-align: center;
	font-weight: 400;
	margin-top: 50px;
	font-size: 24px;
	color: #404040;
}
#kaziPhotoLine .addPropertyImage{
	display: block;
    float: left;
	box-sizing: border-box;
	width: 235px;
	height: 235px;
	border: 1px solid #cbcbcb;
	position: relative;
	background-color: white;
	background-image: url("https://swipp.jp/images/photo-camera.png");
	background-repeat: no-repeat;
	background-size: 30% 30%;
	background-position: center center;
	text-align: center;
	overflow: hidden;
}
#kaziPhotoLine .addPropertyImage img{
	width:auto;
    height:auto;
    max-width:235px !important;
    max-height:235px !important;
}
a.displayPhotoChar{
    display: block;
    width: 90%;
    margin-left: 10px;
    background-color: #46bdf5;
    color: white !important;
    height: 30px;
    text-decoration: none;
    text-align: center;
    line-height: 30px;
    border-radius: 1px;
    font-size: 12px;
}
#kaziPhotoLine{
    display: block;
    width: 2700px;
    height: 260px;
    margin-left: 70px;
    /*border-bottom: 1px solid #6f6f6f;*/
    z-index: 10;
}
#kaziPhotoLine img{
    display: block;
    float: left;
    width:auto;
    height:auto;
    max-width:250px !important;
    max-height:250px !important;
}
.serviceItemHalf{
	display: block;
	width: 50%;
	float: left;
	box-sizing: border-box;
}
.serviceItemBlock{
	display: block;
	width: 96%;
	margin: auto;
	box-sizing: border-box;
	border:1px solid #d3d3d3;
	border-radius: 8px;
}
.serviceItemHeader{
	text-align: center;
	height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #686868;
}
.serviceItemBlockContent{
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: #fffdf5;
}
.serviceItemBlockContentItem{
	display: block;
	width: 33%;
	box-sizing: border-box;
	float: left;
	padding: 5px;
}
.serviceItemBlockContentItem img{
	display: block;
	margin: 0;
	margin: auto;
	width: 60%;
}
.serviceItemBlockContentItem p{
	font-size: 11px;
	text-align: center;
	color: #929292;
}
.w3-table, .w3-table-all {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  display: table
}

.w3-table-all {
  border: 1px solid #ccc
}

.w3-bordered tr, .w3-table-all tr {
  border-bottom: 1px solid #ddd
}

.w3-striped tbody tr:nth-child(even) {
  background-color: #A8A8A8
}

.w3-table-all tr:nth-child(odd) {
  background-color: #fff
}

.w3-table-all tr:nth-child(even) {
  background-color: #A8A8A8
}

.w3-hoverable tbody tr:hover, .w3-ul.w3-hoverable li:hover {
  background-color: #ccc
}

.w3-centered tr th, .w3-centered tr td {
  text-align: center
}

.w3-table td, .w3-table th, .w3-table-all td, .w3-table-all th {
  padding: 8px 8px;
  display: table-cell;
  text-align: left;
  vertical-align: top
}

.w3-table th:first-child, .w3-table td:first-child, .w3-table-all th:first-child, .w3-table-all td:first-child {
  padding-left: 16px
}

.w3-btn, .w3-button {
  border: none;
  display: inline-block;
  padding: 8px 16px;
  vertical-align: middle;
  overflow: hidden;
  text-decoration: none;
  color: inherit;
  background-color: inherit;
  text-align: center;
  cursor: pointer;
  white-space: nowrap
}

.w3-btn:hover {
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)
}

.w3-btn, .w3-button {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.w3-disabled, .w3-btn:disabled, .w3-button:disabled {
  cursor: not-allowed;
  opacity: 0.3
}

.w3-disabled *, :disabled * {
  pointer-events: none
}

.w3-btn.w3-disabled:hover, .w3-btn:disabled:hover {
  box-shadow: none
}

.w3-badge, .w3-tag {
  background-color: #000;
  color: #fff;
  display: inline-block;
  padding-left: 8px;
  padding-right: 8px;
  text-align: center
}

.w3-badge {
  border-radius: 50%
}

.w3-ul {
  list-style-type: none;
  padding: 0;
  margin: 0
}

.w3-ul li {
  padding: 8px 16px;
  border-bottom: 1px solid #ddd
}

.w3-ul li:last-child {
  border-bottom: none
}

.w3-tooltip, .w3-display-container {
  position: relative
}

.w3-tooltip .w3-text {
  display: none
}

.w3-tooltip:hover .w3-text {
  display: inline-block
}

.w3-ripple:active {
  opacity: 0.5
}

.w3-ripple {
  transition: opacity 0s
}

.w3-input {
  padding: 8px;
  display: block;
  border: none;
  border-bottom: 1px solid #ccc;
  width: 100%
}

.w3-select {
  padding: 9px 0;
  width: 100%;
  border: none;
  border-bottom: 1px solid #ccc
}

.w3-dropdown-click, .w3-dropdown-hover {
  position: relative;
  display: inline-block;
  cursor: pointer
}

.w3-dropdown-hover:hover .w3-dropdown-content {
  display: block
}

.w3-dropdown-hover:first-child, .w3-dropdown-click:hover {
  background-color: #ccc;
  color: #000
}

.w3-dropdown-hover:hover>.w3-button:first-child, .w3-dropdown-click:hover>.w3-button:first-child {
  background-color: #ccc;
  color: #000
}

.w3-dropdown-content {
  cursor: auto;
  color: #000;
  background-color: #fff;
  display: none;
  position: absolute;
  min-width: 160px;
  margin: 0;
  padding: 0;
  z-index: 1
}

.w3-check, .w3-radio {
  width: 24px;
  height: 24px;
  position: relative;
  top: 6px
}

.w3-sidebar {
  height: 100%;
  width: 200px;
  background-color: #fff;
  position: fixed!important;
  z-index: 1;
  overflow: auto
}

.w3-bar-block .w3-dropdown-hover, .w3-bar-block .w3-dropdown-click {
  width: 100%
}

.w3-bar-block .w3-dropdown-hover .w3-dropdown-content, .w3-bar-block .w3-dropdown-click .w3-dropdown-content {
  min-width: 100%
}

.w3-bar-block .w3-dropdown-hover .w3-button, .w3-bar-block .w3-dropdown-click .w3-button {
  width: 100%;
  text-align: left;
  padding: 8px 16px
}

.w3-main, #main {
  transition: margin-left .4s
}

.w3-modal {
  z-index: 3;
  display: none;
  padding-top: 100px;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.4)
}

.w3-modal-content {
  margin: auto;
  background-color: #fff;
  position: relative;
  padding: 0;
  outline: 0;
  width: 600px
}

.w3-bar {
  width: 100%;
  overflow: hidden
}

.w3-center .w3-bar {
  display: inline-block;
  width: auto
}

.w3-bar .w3-bar-item {
  padding: 8px 16px;
  float: left;
  width: auto;
  border: none;
  display: block;
  outline: 0
}

.w3-bar .w3-dropdown-hover, .w3-bar .w3-dropdown-click {
  position: static;
  float: left
}

.w3-bar .w3-button {
  white-space: normal
}

.w3-bar-block .w3-bar-item {
  width: 100%;
  display: block;
  padding: 8px 16px;
  text-align: left;
  border: none;
  white-space: normal;
  float: none;
  outline: 0
}

.w3-bar-block.w3-center .w3-bar-item {
  text-align: center
}

.w3-block {
  display: block;
  width: 100%
}

.w3-responsive {
  display: block;
  overflow-x: auto
}

.w3-container:after, .w3-container:before, .w3-panel:after, .w3-panel:before, .w3-row:after, .w3-row:before, .w3-row-padding:after, .w3-row-padding:before, .w3-cell-row:before, .w3-cell-row:after, .w3-clear:after, .w3-clear:before, .w3-bar:before, .w3-bar:after {
  content: "";
  display: table;
  clear: both
}

.w3-col, .w3-half, .w3-third, .w3-twothird, .w3-threequarter, .w3-quarter {
  float: left;
  width: 100%
}

.w3-col.s1 {
  width: 8.33333%
}

.w3-col.s2 {
  width: 16.66666%
}

.w3-col.s3 {
  width: 24.99999%
}

.w3-col.s4 {
  width: 33.33333%
}

.w3-col.s5 {
  width: 41.66666%
}

.w3-col.s6 {
  width: 49.99999%
}

.w3-col.s7 {
  width: 58.33333%
}

.w3-col.s8 {
  width: 66.66666%
}

.w3-col.s9 {
  width: 74.99999%
}

.w3-col.s10 {
  width: 83.33333%
}

.w3-col.s11 {
  width: 91.66666%
}

.w3-col.s12 {
  width: 99.99999%
}

@media (min-width:601px) {
  .w3-col.m1 {
    width: 8.33333%
  }
  .w3-col.m2 {
    width: 16.66666%
  }
  .w3-col.m3, .w3-quarter {
    width: 24.99999%
  }
  .w3-col.m4, .w3-third {
    width: 33.33333%
  }
  .w3-col.m5 {
    width: 41.66666%
  }
  .w3-col.m6, .w3-half {
    width: 49.99999%
  }
  .w3-col.m7 {
    width: 58.33333%
  }
  .w3-col.m8, .w3-twothird {
    width: 66.66666%
  }
  .w3-col.m9, .w3-threequarter {
    width: 74.99999%
  }
  .w3-col.m10 {
    width: 83.33333%
  }
  .w3-col.m11 {
    width: 91.66666%
  }
  .w3-col.m12 {
    width: 99.99999%
  }
}

@media (min-width:993px) {
  .w3-col.l1 {
    width: 8.33333%
  }
  .w3-col.l2 {
    width: 16.66666%
  }
  .w3-col.l3 {
    width: 24.99999%
  }
  .w3-col.l4 {
    width: 33.33333%
  }
  .w3-col.l5 {
    width: 41.66666%
  }
  .w3-col.l6 {
    width: 49.99999%
  }
  .w3-col.l7 {
    width: 58.33333%
  }
  .w3-col.l8 {
    width: 66.66666%
  }
  .w3-col.l9 {
    width: 74.99999%
  }
  .w3-col.l10 {
    width: 83.33333%
  }
  .w3-col.l11 {
    width: 91.66666%
  }
  .w3-col.l12 {
    width: 99.99999%
  }
}

.w3-rest {
  overflow: hidden
}

.w3-stretch {
  margin-left: -16px;
  margin-right: -16px
}

.w3-content, .w3-auto {
  margin-left: auto;
  margin-right: auto
}

.w3-content {
  max-width: 980px
}

.w3-auto {
  max-width: 1140px
}

.w3-cell-row {
  display: table;
  width: 100%
}

.w3-cell {
  display: table-cell
}

.w3-cell-top {
  vertical-align: top
}

.w3-cell-middle {
  vertical-align: middle
}

.w3-cell-bottom {
  vertical-align: bottom
}

.w3-hide {
  display: none!important
}

.w3-show-block, .w3-show {
  display: block!important
}

.w3-show-inline-block {
  display: inline-block!important
}

@media (max-width:1205px) {
  .w3-auto {
    max-width: 95%
  }
}

@media (max-width:600px) {
  .w3-modal-content {
    margin: 0 10px;
    width: auto!important
  }
  .w3-modal {
    padding-top: 30px
  }
  .w3-dropdown-hover.w3-mobile .w3-dropdown-content, .w3-dropdown-click.w3-mobile .w3-dropdown-content {
    position: relative
  }
  .w3-hide-small {
    display: none!important
  }
  .w3-mobile {
    display: block;
    width: 100%!important
  }
  .w3-bar-item.w3-mobile, .w3-dropdown-hover.w3-mobile, .w3-dropdown-click.w3-mobile {
    text-align: center
  }
  .w3-dropdown-hover.w3-mobile, .w3-dropdown-hover.w3-mobile .w3-btn, .w3-dropdown-hover.w3-mobile .w3-button, .w3-dropdown-click.w3-mobile, .w3-dropdown-click.w3-mobile .w3-btn, .w3-dropdown-click.w3-mobile .w3-button {
    width: 100%
  }
}

@media (max-width:768px) {
  .w3-modal-content {
    width: 500px
  }
  .w3-modal {
    padding-top: 50px
  }
}

@media (min-width:993px) {
  .w3-modal-content {
    width: 900px
  }
  .w3-hide-large {
    display: none!important
  }
  .w3-sidebar.w3-collapse {
    display: block!important
  }
}

@media (max-width:992px) and (min-width:601px) {
  .w3-hide-medium {
    display: none!important
  }
}

@media (max-width:992px) {
  .w3-sidebar.w3-collapse {
    display: none
  }
  .w3-main {
    margin-left: 0!important;
    margin-right: 0!important
  }
  .w3-auto {
    max-width: 100%
  }
}

.w3-top, .w3-bottom {
  position: fixed;
  width: 100%;
  z-index: 1
}

.w3-top {
  top: 0
}

.w3-bottom {
  bottom: 0
}

.w3-overlay {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 2
}

.w3-display-topleft {
  position: absolute;
  left: 0;
  top: 0
}

.w3-display-topright {
  position: absolute;
  right: 0;
  top: 0
}

.w3-display-bottomleft {
  position: absolute;
  left: 0;
  bottom: 0
}

.w3-display-bottomright {
  position: absolute;
  right: 0;
  bottom: 0
}

.w3-display-middle {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%)
}

.w3-display-left {
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translate(0%, -50%);
  -ms-transform: translate(-0%, -50%)
}

.w3-display-right {
  position: absolute;
  top: 50%;
  right: 0%;
  transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%)
}

.w3-display-topmiddle {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%)
}

.w3-display-bottommiddle {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%)
}

.w3-display-container:hover .w3-display-hover {
  display: block
}

.w3-display-container:hover span.w3-display-hover {
  display: inline-block
}

.w3-display-hover {
  display: none
}

.w3-display-position {
  position: absolute
}

.w3-circle {
  border-radius: 50%
}

.w3-round-small {
  border-radius: 2px
}

.w3-round, .w3-round-medium {
  border-radius: 4px
}

.w3-round-large {
  border-radius: 8px
}

.w3-round-xlarge {
  border-radius: 16px
}

.w3-round-xxlarge {
  border-radius: 32px
}

.w3-row-padding, .w3-row-padding>.w3-half, .w3-row-padding>.w3-third, .w3-row-padding>.w3-twothird, .w3-row-padding>.w3-threequarter, .w3-row-padding>.w3-quarter, .w3-row-padding>.w3-col {
  padding: 0 8px
}

.w3-container, .w3-panel {
  padding: 0.01em 16px
}

.w3-panel {
  margin-top: 16px;
  margin-bottom: 16px
}

.w3-code, .w3-codespan {
  font-family: Consolas, "courier new";
  font-size: 16px
}

.w3-code {
  width: auto;
  background-color: #fff;
  padding: 8px 12px;
  border-left: 4px solid #4CAF50;
  word-wrap: break-word
}

.w3-codespan {
  color: crimson;
  background-color: #A8A8A8;
  padding-left: 4px;
  padding-right: 4px;
  font-size: 110%
}

.w3-card, .w3-card-2 {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12)
}

.w3-card-4, .w3-hover-shadow:hover {
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19)
}

.w3-spin {
  animation: w3-spin 2s infinite linear
}

@keyframes w3-spin {
  0% {
    transform: rotate(0deg)
  }
  100% {
    transform: rotate(359deg)
  }
}

.w3-animate-fading {
  animation: fading 10s infinite
}

@keyframes fading {
  0% {
    opacity: 0
  }
  50% {
    opacity: 1
  }
  100% {
    opacity: 0
  }
}

.w3-animate-opacity {
  animation: opac 0.8s
}

@keyframes opac {
  from {
    opacity: 0
  }
  to {
    opacity: 1
  }
}

.w3-animate-top {
  position: relative;
  animation: animatetop 0.4s
}

@keyframes animatetop {
  from {
    top: -300px;
    opacity: 0
  }
  to {
    top: 0;
    opacity: 1
  }
}

.w3-animate-left {
  position: relative;
  animation: animateleft 0.4s
}

@keyframes animateleft {
  from {
    left: -300px;
    opacity: 0
  }
  to {
    left: 0;
    opacity: 1
  }
}

.w3-animate-right {
  position: relative;
  animation: animateright 0.4s
}

@keyframes animateright {
  from {
    right: -300px;
    opacity: 0
  }
  to {
    right: 0;
    opacity: 1
  }
}

.w3-animate-bottom {
  position: relative;
  animation: animatebottom 0.4s
}

@keyframes animatebottom {
  from {
    bottom: -300px;
    opacity: 0
  }
  to {
    bottom: 0;
    opacity: 1
  }
}

.w3-animate-zoom {
  animation: animatezoom 0.6s
}

@keyframes animatezoom {
  from {
    transform: scale(0)
  }
  to {
    transform: scale(1)
  }
}

.w3-animate-input {
  transition: width 0.4s ease-in-out
}

.w3-animate-input:focus {
  width: 100%!important
}

.w3-opacity, .w3-hover-opacity:hover {
  opacity: 0.60
}

.w3-opacity-off, .w3-hover-opacity-off:hover {
  opacity: 1
}

.w3-opacity-max {
  opacity: 0.25
}

.w3-opacity-min {
  opacity: 0.75
}

.w3-greyscale-max, .w3-grayscale-max, .w3-hover-greyscale:hover, .w3-hover-grayscale:hover {
  filter: grayscale(100%)
}

.w3-greyscale, .w3-grayscale {
  filter: grayscale(75%)
}

.w3-greyscale-min, .w3-grayscale-min {
  filter: grayscale(50%)
}

.w3-sepia {
  filter: sepia(75%)
}

.w3-sepia-max, .w3-hover-sepia:hover {
  filter: sepia(100%)
}

.w3-sepia-min {
  filter: sepia(50%)
}

.w3-tiny {
  font-size: 10px!important
}

.w3-small {
  font-size: 12px!important
}

.w3-medium {
  font-size: 15px!important
}

.w3-large {
  font-size: 18px!important
}

.w3-xlarge {
  font-size: 24px!important
}

.w3-xxlarge {
  font-size: 36px!important
}

.w3-xxxlarge {
  font-size: 48px!important
}

.w3-jumbo {
  font-size: 64px!important
}

.w3-left-align {
  text-align: left!important
}

.w3-right-align {
  text-align: right!important
}

.w3-justify {
  text-align: justify!important
}

.w3-center {
  text-align: center!important
}

.w3-border-0 {
  border: 0!important
}

.w3-border {
  border: 1px solid #ccc!important
}

.w3-border-top {
  border-top: 1px solid #ccc!important
}

.w3-border-bottom {
  border-bottom: 1px solid #ccc!important
}

.w3-border-left {
  border-left: 1px solid #ccc!important
}

.w3-border-right {
  border-right: 1px solid #ccc!important
}

.w3-topbar {
  border-top: 6px solid #ccc!important
}

.w3-bottombar {
  border-bottom: 6px solid #ccc!important
}

.w3-leftbar {
  border-left: 6px solid #ccc!important
}

.w3-rightbar {
  border-right: 6px solid #ccc!important
}

.w3-section, .w3-code {
  margin-top: 16px!important;
  margin-bottom: 16px!important
}

.w3-margin {
  margin: 16px!important
}

.w3-margin-top {
  margin-top: 16px!important
}

.w3-margin-bottom {
  margin-bottom: 16px!important
}

.w3-margin-left {
  margin-left: 16px!important
}

.w3-margin-right {
  margin-right: 16px!important
}

.w3-padding-small {
  padding: 4px 8px!important
}

.w3-padding {
  padding: 8px 16px!important
}

.w3-padding-large {
  padding: 12px 24px!important
}

.w3-padding-16 {
  padding-top: 16px!important;
  padding-bottom: 16px!important
}

.w3-padding-24 {
  padding-top: 24px!important;
  padding-bottom: 24px!important
}

.w3-padding-32 {
  padding-top: 32px!important;
  padding-bottom: 32px!important
}

.w3-padding-48 {
  padding-top: 48px!important;
  padding-bottom: 48px!important
}

.w3-padding-64 {
  padding-top: 64px!important;
  padding-bottom: 64px!important
}

.w3-padding-top-64 {
  padding-top: 64px!important
}

.w3-padding-top-48 {
  padding-top: 48px!important
}

.w3-padding-top-32 {
  padding-top: 32px!important
}

.w3-padding-top-24 {
  padding-top: 24px!important
}

.w3-left {
  float: left!important
}

.w3-right {
  float: right!important
}

.w3-button:hover {
  color: #000!important;
  background-color: #ccc!important
}

.w3-transparent, .w3-hover-none:hover {
  background-color: transparent!important
}

.w3-hover-none:hover {
  box-shadow: none!important
}


/* Colors */

.w3-amber, .w3-hover-amber:hover {
  color: #000!important;
  background-color: #ffc107!important
}

.w3-aqua, .w3-hover-aqua:hover {
  color: #000!important;
  background-color: #00ffff!important
}

.w3-blue, .w3-hover-blue:hover {
  color: #fff!important;
  background-color: #2196F3!important
}

.w3-light-blue, .w3-hover-light-blue:hover {
  color: #000!important;
  background-color: #87CEEB!important
}

.w3-brown, .w3-hover-brown:hover {
    color: #fff!important;
    background-color: #887766!important;
}

.w3-cyan, .w3-hover-cyan:hover {
  color: #000!important;
  background-color: #00bcd4!important
}

.w3-blue-grey, .w3-hover-blue-grey:hover, .w3-blue-gray, .w3-hover-blue-gray:hover {
  color: #fff!important;
  background-color: #607d8b!important
}

.w3-green, .w3-hover-green:hover {
  color: #fff!important;
  background-color: #4CAF50!important
}

.w3-light-green, .w3-hover-light-green:hover {
  color: #000!important;
  background-color: #8bc34a!important
}

.w3-indigo, .w3-hover-indigo:hover {
  color: #fff!important;
  background-color: #3f51b5!important
}

.w3-khaki, .w3-hover-khaki:hover {
  color: #000!important;
  background-color: #f0e68c!important
}

.w3-lime, .w3-hover-lime:hover {
  color: #000!important;
  background-color: #cddc39!important
}

.w3-orange, .w3-hover-orange:hover {
  color: #000!important;
  background-color: #ff9800!important
}

.w3-deep-orange, .w3-hover-deep-orange:hover {
  color: #fff!important;
  background-color: #ff5722!important
}

.w3-pink, .w3-hover-pink:hover {
  color: #fff!important;
  background-color: #e91e63!important
}

.w3-purple, .w3-hover-purple:hover {
  color: #fff!important;
  background-color: #9c27b0!important
}

.w3-deep-purple, .w3-hover-deep-purple:hover {
  color: #fff!important;
  background-color: #673ab7!important
}

.w3-red, .w3-hover-red:hover {
    color: #fff!important;
    background-color: #A8A8A8!important
}

.w3-sand, .w3-hover-sand:hover {
  color: #000!important;
  background-color: #fdf5e6!important
}

.w3-teal, .w3-hover-teal:hover {
  color: #fff!important;
  background-color: #009688!important
}

.w3-yellow, .w3-hover-yellow:hover {
  color: #000!important;
  background-color: #ffeb3b!important
}

.w3-white, .w3-hover-white:hover {
  color: #000!important;
  background-color: #fff!important
}

.w3-black, .w3-hover-black:hover {
  color: #fff!important;
  background-color: #000!important
}

.w3-grey, .w3-hover-grey:hover, .w3-gray, .w3-hover-gray:hover {
  color: #000!important;
  background-color: #9e9e9e!important
}

.w3-light-grey, .w3-hover-light-grey:hover, .w3-light-gray, .w3-hover-light-gray:hover {
  color: #000!important;
  background-color: #A8A8A8!important
}

.w3-dark-grey, .w3-hover-dark-grey:hover, .w3-dark-gray, .w3-hover-dark-gray:hover {
  color: #fff!important;
  background-color: #616161!important
}

.w3-pale-red, .w3-hover-pale-red:hover {
  color: #000!important;
  background-color: #ffdddd!important
}

.w3-pale-green, .w3-hover-pale-green:hover {
  color: #000!important;
  background-color: #ddffdd!important
}

.w3-pale-yellow, .w3-hover-pale-yellow:hover {
  color: #000!important;
  background-color: #ffffcc!important
}

.w3-pale-blue, .w3-hover-pale-blue:hover {
  color: #000!important;
  background-color: #ddffff!important
}

.w3-text-amber, .w3-hover-text-amber:hover {
  color: #ffc107!important
}

.w3-text-aqua, .w3-hover-text-aqua:hover {
  color: #00ffff!important
}

.w3-text-blue, .w3-hover-text-blue:hover {
  color: #2196F3!important
}

.w3-text-light-blue, .w3-hover-text-light-blue:hover {
  color: #87CEEB!important
}

.w3-text-brown, .w3-hover-text-brown:hover {
  color: #887766!important
}

.w3-text-cyan, .w3-hover-text-cyan:hover {
  color: #00bcd4!important
}

.w3-text-blue-grey, .w3-hover-text-blue-grey:hover, .w3-text-blue-gray, .w3-hover-text-blue-gray:hover {
  color: #607d8b!important
}

.w3-text-green, .w3-hover-text-green:hover {
  color: #4CAF50!important
}

.w3-text-light-green, .w3-hover-text-light-green:hover {
  color: #8bc34a!important
}

.w3-text-indigo, .w3-hover-text-indigo:hover {
  color: #3f51b5!important
}

.w3-text-khaki, .w3-hover-text-khaki:hover {
  color: #b4aa50!important
}

.w3-text-lime, .w3-hover-text-lime:hover {
  color: #cddc39!important
}

.w3-text-orange, .w3-hover-text-orange:hover {
  color: #ff9800!important
}

.w3-text-deep-orange, .w3-hover-text-deep-orange:hover {
  color: #ff5722!important
}

.w3-text-pink, .w3-hover-text-pink:hover {
  color: #e91e63!important
}

.w3-text-purple, .w3-hover-text-purple:hover {
  color: #9c27b0!important
}

.w3-text-deep-purple, .w3-hover-text-deep-purple:hover {
  color: #673ab7!important
}

.w3-text-red, .w3-hover-text-red:hover {
  color: #A8A8A8!important
}

.w3-text-sand, .w3-hover-text-sand:hover {
  color: #fdf5e6!important
}

.w3-text-teal, .w3-hover-text-teal:hover {
  color: #009688!important
}

.w3-text-yellow, .w3-hover-text-yellow:hover {
  color: #d2be0e!important
}

.w3-text-white, .w3-hover-text-white:hover {
  color: #fff!important
}

.w3-text-black, .w3-hover-text-black:hover {
  color: #000!important
}

.w3-text-grey, .w3-hover-text-grey:hover, .w3-text-gray, .w3-hover-text-gray:hover {
  color: #757575!important
}

.w3-text-light-grey, .w3-hover-text-light-grey:hover, .w3-text-light-gray, .w3-hover-text-light-gray:hover {
  color: #A8A8A8!important
}

.w3-text-dark-grey, .w3-hover-text-dark-grey:hover, .w3-text-dark-gray, .w3-hover-text-dark-gray:hover {
  color: #3a3a3a!important
}

.w3-border-amber, .w3-hover-border-amber:hover {
  border-color: #ffc107!important
}

.w3-border-aqua, .w3-hover-border-aqua:hover {
  border-color: #00ffff!important
}

.w3-border-blue, .w3-hover-border-blue:hover {
  border-color: #2196F3!important
}

.w3-border-light-blue, .w3-hover-border-light-blue:hover {
  border-color: #87CEEB!important
}

.w3-border-brown, .w3-hover-border-brown:hover {
  border-color: #887766!important
}

.w3-border-cyan, .w3-hover-border-cyan:hover {
  border-color: #00bcd4!important
}

.w3-border-blue-grey, .w3-hover-border-blue-grey:hover, .w3-border-blue-gray, .w3-hover-border-blue-gray:hover {
  border-color: #607d8b!important
}

.w3-border-green, .w3-hover-border-green:hover {
  border-color: #4CAF50!important
}

.w3-border-light-green, .w3-hover-border-light-green:hover {
  border-color: #8bc34a!important
}

.w3-border-indigo, .w3-hover-border-indigo:hover {
  border-color: #3f51b5!important
}

.w3-border-khaki, .w3-hover-border-khaki:hover {
  border-color: #f0e68c!important
}

.w3-border-lime, .w3-hover-border-lime:hover {
  border-color: #cddc39!important
}

.w3-border-orange, .w3-hover-border-orange:hover {
  border-color: #ff9800!important
}

.w3-border-deep-orange, .w3-hover-border-deep-orange:hover {
  border-color: #ff5722!important
}

.w3-border-pink, .w3-hover-border-pink:hover {
  border-color: #e91e63!important
}

.w3-border-purple, .w3-hover-border-purple:hover {
  border-color: #9c27b0!important
}

.w3-border-deep-purple, .w3-hover-border-deep-purple:hover {
  border-color: #673ab7!important
}

.w3-border-red, .w3-hover-border-red:hover {
  border-color: #A8A8A8!important
}

.w3-border-sand, .w3-hover-border-sand:hover {
  border-color: #fdf5e6!important
}

.w3-border-teal, .w3-hover-border-teal:hover {
  border-color: #009688!important
}

.w3-border-yellow, .w3-hover-border-yellow:hover {
  border-color: #ffeb3b!important
}

.w3-border-white, .w3-hover-border-white:hover {
  border-color: #fff!important
}

.w3-border-black, .w3-hover-border-black:hover {
  border-color: #000!important
}

.w3-border-grey, .w3-hover-border-grey:hover, .w3-border-gray, .w3-hover-border-gray:hover {
  border-color: #9e9e9e!important
}

.w3-border-light-grey, .w3-hover-border-light-grey:hover, .w3-border-light-gray, .w3-hover-border-light-gray:hover {
  border-color: #A8A8A8!important
}

.w3-border-dark-grey, .w3-hover-border-dark-grey:hover, .w3-border-dark-gray, .w3-hover-border-dark-gray:hover {
  border-color: #616161!important
}

.w3-border-pale-red, .w3-hover-border-pale-red:hover {
  border-color: #ffe7e7!important
}

.w3-border-pale-green, .w3-hover-border-pale-green:hover {
  border-color: #e7ffe7!important
}

.w3-border-pale-yellow, .w3-hover-border-pale-yellow:hover {
  border-color: #ffffcc!important
}

.w3-border-pale-blue, .w3-hover-border-pale-blue:hover {
  border-color: #e7ffff!important
}