@charset "UTF-8";



/* +++++++++++
	check-in
+++++++++++++ */


/* common */
.checkinBox{
	display:none;
	width:598px;
	padding:30px 0;
	text-align:center;
	
	background:#656565;
	background:rgba(0,0,0,0.6);
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	position:absolute;
	_left:0;
	left:21px;
	top:80px;
	font-size:14px;
	z-index:100;
}

.checkinBox form{
	position:relative;
	width:460px;
	margin:0 auto;
	padding:45px 20px 33px 20px;
	position:relative;
	background:#fff url(../images/checkin/checkin.png) no-repeat 20px -547px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.checkin{
	position:relative;
	width:458px;
	margin:0 auto 0;
	padding:0 0 10px;
	border:1px solid #b4b4b4;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background:-moz-linear-gradient(top, #fff, #ece9e4);
	background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#ece9e4));
}


.ci-close{
	position:absolute;
	right:70px;
	top:44px;
}

.ci-close img{
	width:60px;
	height:20px;
	border:none;
	line-height:0;
	vertical-align:top;
	background:url(../images/checkin/checkin.png) no-repeat -240px 0;
}

.ciHelp{
	position:absolute;
	right:130px;
	top:46px;
	width:8em;
	font-size:12px;
	text-align:left;
}

.ciHelp a{
	padding:0 0 2px 17px;
	background:url(../images/checkin/checkin.png) no-repeat -300px 0;
}






/* check-in guide */
.guide{ padding-top:25px; }

.login_fwn{
	height:30px;
	position:absolute;
	left:20px;
	bottom:20px;
	text-align:center;
}

.login_fb,
.login_tw,
.login_new{
	margin:0 3px 0 0;
	padding:0;
}
.login_fb img,
.login_tw img,
.login_new img{
        background-image:url(../images/checkin/checkin.png);
        background-repeat: no-repeat;
}
.login_fb img{ background-position:0 -240px; }
.login_tw img{ background-position:0 -270px; }
.login_new img{ background-position:0 -300px; }


.login_fb:hover{ background-position:-140px -240px; }
.login_tw:hover{ background-position:-140px -270px; }
.login_new:hover{ background-position:-140px -300px; }

.checkinBox .powered{
	position:absolute;
	right:70px;
	bottom:40px;
	width:155px;
	height:11px;
	background:url(../images/checkin/checkin.png) no-repeat 0 -485px
}



/* checkin help overlay */
#ciHelp{
	display:none;
	width:480px !important; 
	width:476px;
	height:303px;
	padding:10px;
	position:absolute;
	left:49px;
	top:30px;
	font-size:14px;
	background:#fff;
	text-align:left;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	
	zoom:1;
	z-index:200;

}

#ciHelp dt{
	margin-bottom:10px !important;
	padding:10px;
	background:#656565;
	color:#fff;
	font-weight:bold;
	position:relative;
	font-size:16px;
	zoom:1;
}

#ciHelp dt a{
	position:absolute;
	right:10px;
	top:10px;

	display:block;
	padding:2px 6px 0px;
	font-size:12px;
	font-weight:normal;
	border:1px solid #d9d9d9;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}

#ciHelp dt a:link,
#ciHelp dt a:visited,
#ciHelp dt a:hover,
#ciHelp dt a:active{ color:#fff; text-decoration:none; }

#ciHelp p{
	padding:8px 0 0;
	color:#333;
	line-height:1.3;
}

#ciHelp .ci-more{
	display:block;
	width:15em;
	margin:10px auto 0;
	text-align:center;
	cursor:pointer;
	color:#04c;
	text-decoration:underline;
}

	

/* checkin data input  */

.ciBox{
	width:418px;
	padding:30px 20px 10px;
	text-align:left;
	overflow:hidden;
	zoom:1;
}


/* checkin rating */
.ciRate{
	float:left;
	position:relative;
	width:212px;
	max-width:212px;
	margin-bottom:5px;
	padding-right:10px;
	text-align:left;
	font-weight:bold;
	border-right:1px solid #c9c9c9;
}

.ttl{
	width:87px;
	height:14px;
	background:url(../images/checkin/checkin.png) no-repeat 0 -220px;
}

#mouseover{
	float:left;
	margin:3px 0 2px;
}

#mouseover-target{
	float:left;
	margin:3px 0 2px;
	width:30px;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	font-size:12px;
	line-height:1.8;
	color:#50370f;
}

/* checkin commnet */
.ci-cmnt{
	clear:both;
	font-weight:bold;
	position:relative;
}
.ci-cmnt input{
	display:block;
}

.ci-cmnt textarea{
	width:185px;
	height:40px;
	min-width:185px;
	max-width:185px;
	margin-bottom:2px;
	padding:10px;
}


.ci-cmnt span{
	font-size:10px;
	font-weight:normal;
}
.ci-cmnt strong{ font-weight:bold; }




/* 公開・共有設定 */
.ci-pub{
	display:block;
	float:right;
	width:171px;
	margin:0;
	padding:9px 5px 8px;
	border:1px solid #d7d7d7;
	background:url(../images/checkin/checkin_bg01.png) repeat;
	position:relative;
	overflow:hidden;
	zoom:1;
}

.ci-pub p{
	position:absolute;
	right:0;
	top:2px;
	width:230px;
	zoom:1;
}

.ci-pub table{
	width:171px;
	border-collapse:collapse;
	zoom:1;
}

.ci-pub th,
.ci-pub td{
	height:24px;
	padding-bottom:3px;
	border-collapse:collapse;
	empty-cells:show;
	border:none;
	text-align:left;
}

#ci-fb th,
#ci-tw th,
#ci-e th{
	width:85px;
	font-size:0;
	vertical-align:bottom;
	line-height:0;
	color:#dedee0;
}

#ci-fb th{	background:url(../images/checkin/checkin.png) no-repeat 0 -140px; }
#ci-tw th{	background:url(../images/checkin/checkin.png) no-repeat -90px -140px; }
#ci-e th{	background:url(../images/checkin/checkin.png) no-repeat 0 -163px; }


#ci-tw th,
#ci-tw td{ 
	padding-bottom:11px;
	border-bottom:1px solid #c9c9c9; }

#ci-e th,
#ci-e td{ 
	height:38px;
	border-top:1px solid #fff;
	vertical-align:bottom;
} 


#fb-toggle,
#tw-toggle,
#e-toggle{
	position:relative;
	width:86px;
	height:24px;
	zoom:1;
	background-image:url(../images/checkin/checkin.png);
	background-repeat:no-repeat;
}

#fb-toggle{ background-position: 0 -50px; }
#tw-toggle{ background-position: -90px -50px; }
#e-toggle{ background-position: -180px -50px; }


#fb-toggle input,
#tw-toggle input,
#e-toggle input { display:none;}



#fb-toggle a,
#tw-toggle a{
	display:block;
	width:60px;
	position:absolute;
	left:23px;
	top:3px;
	font-size:12px;
	line-height:1.6;
}


#fb-toggle-button,
#tw-toggle-button{
	position:absolute;
	left:23px;
	top:3px;
	zoom:1;

}

#e-toggle-button{
	position:absolute;
	left:3px;
	top:3px;
}

.toggle-button {
	display:block;
	cursor: pointer;
	position:relative;
	text-align:left;
	overflow: hidden;

	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}

.toggle-button.deactivate {
	opacity: 0.5;
	cursor: default !important;
}

.toggle-button.deactivate label,
.toggle-button.deactivate span {
	cursor: default !important;
}

.toggle-button div {
	display:block;
	width:90px;
	position:absolute;
	top:0;
}

.toggle-button div.disabled {
	left: -50%;
}

.toggle-button input[type=checkbox] { display: none; }

.toggle-button span,
.toggle-button label{
  cursor: pointer;
  position: relative;
  display:block;
  float:left;
  border:none;
  margin:0;
  padding:0;
  font-size:0;
  line-height:0;

}

#fb-toggle-button span,
#fb-toggle-button label,
#tw-toggle-button span,
#tw-toggle-button label{
	width:30px;
}


#e-toggle-button span,
#e-toggle-button label{
	width:40px;
}

.toggle-button label{
	background: #fefefe;
	margin:0;
	padding:0;
	z-index: 100;
	background-image:url(../images/checkin/checkin.png);
	background-repeat:no-repeat;
}

.toggle-button#fb-toggle-button label,
.toggle-button#tw-toggle-button label{ background-position:-30px -80px; }

.toggle-button#e-toggle-button label{ background-position: -40px -110px; }


#fb-toggle-button span.labelRight,
#tw-toggle-button span.labelRight,
#e-toggle-button span.labelRight{
	background-image:url(../images/checkin/checkin.png);
	background-repeat:no-repeat;
}

#fb-toggle-button span.labelRight,
#tw-toggle-button span.labelRight{
	background-position:-60px -80px;
}

#e-toggle-button span.labelRight{
	background-image:url(../images/checkin/checkin.png);
	background-repeat:no-repeat;
	background-position:-80px -110px;
}



#fb-toggle-button span.primary,
#tw-toggle-button span.primary,
#fb-toggle-button span.labelLeft,
#tw-toggle-button span.labelLeft{ background:url(../images/checkin/checkin.png) no-repeat 0 -80px; }


#e-toggle-button span.primary,
#e-toggle-button span.labelLeft{ background:url(../images/checkin/checkin.png) no-repeat 0 -110px; }



/* checkin、保存、キャンセルボタン*/
.bt-ci{
	clear:both;
	width:460px;
	height:40px;
	padding-top:26px;
	text-align:center;
	overflow:hidden;
	zoom:1;

}

input.btCancel,
input.btSave,
input.btCheckin{
	width:160px;
	height:40px;
	margin:0 5px;
	border:none;
	cursor:pointer;
	background:url(../images/checkin/checkin.png) no-repeat;
}

input.btCheckin{ background-position:0 -340px; }
input.btSave{ background-position:0 -380px; }

input.btCancel{
	width:130px;
	height:40px;
	background-position:0 -420px;
}

input.btCheckin:hover{ 	background-position:-160px  -340px; }

input.btSave:hover{ 	background-position:-160px  -380px; }
input.btCancel:hover {	background-position:-160px  -420px; }



.checkinBox .formError {
	color: #FF0000;
	font-size: 12px;
	lint-height: 1.2;
}
.checkinBox span.fieldWithErrors {
	font-size: 100%;
}