@charset "UTF-8";
/* ====================================
01: reset
02: layout
03: sprite
04: font
05: button
06: form elements
07: product
   ==================================== */

/* -------------------------------------
01. reset
   -------------------------------------*/

/* -------------------------------------
02. layout
   -------------------------------------*/
#vto-joslinkpromotion-pc {
 	display:table;
	position: fixed;
	width:100%;
	height:60px;
	bottom: 0px;
	line-height:normal !important;
/* 	border-radius:1px; 角を丸める */
	border-top: 2px solid #d0102c;
/* 	background: rgba(255, 255, 255, 0.5); 背景色を白に指定して不透明度を0.5に指定 */
	background: rgba(255, 255, 255, 1); /* 背景色を白に指定して不透明度を0.5に指定 */

	/* 影を入れる。指定のピクセルは前から順に横方向のズレ、縦方向のズレ、ぼかし具合、 */
	/* 影の色を指定している。 */
	-moz-box-shadow: 0px 0px 7px #454545;    /* Firefox用 */
	-webkit-box-shadow: 0px 0px 7px #454545; /* Google ChromeやSafari用 */
	box-shadow: 0px 0px 7px #454545;         /* CSS3対応ブラウザ用 */

	z-index: 9999;
	text-align: center !important;
	vertical-align: middle !important;
}

#vto-joslinkpromotion-pc #mypage_facemanag_link_img {
	width: 120px;
	height: 35px;
	background: url(/client_info/JINSJINS/view/userweb/img2/pc/vto_bnr_register.png) top left no-repeat;
	cursor:pointer;
}
#vto-joslinkpromotion-pc #mypage_facemanag_link_img:hover {
	background-position: right top;
}

#vto-joslinkpromotion-pc #mypage_facemanag_close_img {
	width: 28px;
	height: 28px;
	background: url(/client_info/JINSJINS/view/userweb/img2/pc/vto_btn_close_bnr.png) top left no-repeat;
	cursor:pointer;
}
#vto-joslinkpromotion-pc #mypage_facemanag_close_img:hover {
	background-position: right top;
}

#vto-joslinkpromotion-pc #mypage_facemanag_link {
	cursor:pointer;
}

#vto-joslinkpromotion-pc #mypage_facemanag_close {
	cursor:pointer;
}

div #vto-joslinkpromotion-sp {
	display:table;
	position: fixed;
	width: 100%;
	height: 50px;
	bottom: 0px;
	line-height:normal !important;
	border-top: 2px solid #d0102c;
/* 	border-radius:1px; 角を丸める */
	background: rgba(255, 255, 255, 1); /* 背景色を白に指定して不透明度を0.5に指定 */

	/* 影を入れる。指定のピクセルは前から順に横方向のズレ、縦方向のズレ、ぼかし具合、 */
	/* 影の色を指定している。 */
	-moz-box-shadow: 0px 0px 7px #454545;    /* Firefox用 */
	-webkit-box-shadow: 0px 0px 7px #454545; /* Google ChromeやSafari用 */
	box-shadow: 0px 0px 7px #454545;         /* CSS3対応ブラウザ用 */

	z-index: 9999;
	text-align: center !important;
	vertical-align: middle !important;
}

#vto-joslinkpromotion-sp #mypage_facemanag_link {
	cursor:pointer;
}

#vto-joslinkpromotion-sp #mypage_facemanag_close {
	cursor:pointer;
}

/* -------------------------------------
03. sprite
   -------------------------------------*/

/* -------------------------------------
04. font
   -------------------------------------*/

/* -------------------------------------
05. button
   -------------------------------------*/
/* -------------------------------------
06. form elements
   -------------------------------------*/

/* -------------------------------------
07. product
   -------------------------------------*/