/*!
 * FriendPanel - v1.0.0
 * Mon Dec 24 2012 18:59:00 GMT+0900 (JST)
 * Copyright (C) 112 Yahoo Japan Corporation. All Rights Reserved.
 */
@charset "UTF-8";.yj_fp_btn{display:inline-block;background:#e6f2e1 url(../images/fb_icon_mini.png) 3px 50% no-repeat;border:1px solid #aed4a1;font-size:12px;font-weight:bold;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;height:18px;line-height:18px;padding:0 5px 0 20px;color:#306b1c;text-decoration:none;vertical-align:top}.yj_fp_btn:hover{border-color:#74b061;background-color:#e6f2e1;color:#306b1c;text-decoration:none}#yj_fp{display:none;top:30px;left:20px;position:absolute;padding-bottom:40px;width:450px;min-height:145px;border:1px solid #323232;box-shadow:0 1px 1px rgba(0,0,0,0.6);background:#fff}#yj_fp.show{display:block}#yj_fp.promo{padding-bottom:0}#yj_fp .bl{content:'';width:100%;height:5px;position:absolute;top:-5px;left:0;background:url(../images/baloon.png) 50% 0 no-repeat}#yj_fp .hd{background:#d0e8c8 url(../images/fb_icon.png) 10px 50% no-repeat;color:#206309;height:30px;line-height:30px;padding-left:32px;font-weight:bold;text-align:left;font-size:13px;position:relative}#yj_fp .hd a.info{display:block;position:absolute;top:0;right:10px;font-size:10px}#yj_fp .loading,#yj_fp .promo,#yj_fp .form,#yj_fp .select,#yj_fp .complete{display:none}#yj_fp.loading .loading,#yj_fp.promo .promo,#yj_fp.form .form,#yj_fp.select .select,#yj_fp.complete .complete{display:block}#yj_fp.nothum .bd .form .desc .thum{display:none}#yj_fp.nothum .bd .form .desc p,#yj_fp.nothum .bd .form .desc site{margin-left:0}#yj_fp .bd{position:relative;padding:10px;height:100px}#yj_fp .bd .loading{height:100%;position:relative}#yj_fp .bd .loading div{position:absolute;margin-top:15px;top:50%;left:0;width:100%;height:100%;text-align:center;font-size:14px;color:#808080}#yj_fp .bd .loading div:after{content:'';position:absolute;top:-18px;left:50%;background:url(../images/loading.gif) 0 0 no-repeat;width:16px;height:11px;margin-left:-8px}#yj_fp .bd .promo .img{width:428px;height:160px;text-indent:-9999px;background:url(../images/promo.jpg) 50% 50% no-repeat}#yj_fp .bd .promo p{margin:10px auto;font-size:15px;line-height:1.5}#yj_fp .bd .promo .btns{position:relative;margin-bottom:10px}#yj_fp .bd .promo a.fbcon{display:block;width:206px;height:45px;background:url(../images/button.png) 0 0 no-repeat;text-indent:-9999px;margin:0 auto}#yj_fp .bd .promo a.btn.cnsl{position:absolute;right:0;top:0;margin-right:0}#yj_fp .bd .promo .term{text-align:left;padding:10px;background:#eee;font-size:10px;color:#888}#yj_fp .bd .promo .term ul{padding:0;margin:0;list-style-type:none}#yj_fp .bd .form .prof{width:50px;height:50px;background-position:0 0;background-repeat:no-repeat;position:absolute;left:10px;top:10px}#yj_fp .bd .form .msg{margin-left:55px;margin-right:7px}#yj_fp .bd .form .msg textarea{margin:0;width:100%;height:30px;padding:3px}#yj_fp .bd .form .desc{position:relative;margin:5px 0 0 55px;min-height:50px}#yj_fp .bd .form .desc .thum{position:absolute;top:0;left:0;width:48px;height:48px;background-position:50% 50%;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;border:1px solid #ccc}#yj_fp .bd .form .desc p,#yj_fp .bd .form .desc site{text-align:left;margin:0 0 0 55px;padding:0;font-size:13px}#yj_fp .bd .form .desc p{font-weight:bold;height:2.7em;overflow:hidden}#yj_fp .bd .form .desc site{display:block;color:#808080;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#yj_fp .bd .select .error{display:none;color:#f00;font-size:15px;text-align:center;margin-bottom:5px}#yj_fp .bd .select .genimg{width:400px;background-repeat:no-repeat;background-position:0 0;border:0 solid #000;margin:0 auto}#yj_fp .bd .select .genimg.show{border:1px solid #000}#yj_fp .bd .select .genimg .preview{position:relative;overflow:hidden;background-color:#000;text-align:left}#yj_fp .bd .select .genimg .previewtext,#yj_fp .bd .select .genimg .previewimg{position:absolute;top:0;left:0}#yj_fp .bd .select .genimg .previewtext{font-family:'A-OTF 新ゴ Pro','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;word-break:break-all;overflow:hidden}#yj_fp .bd .select .genimg .previewimg{background-repeat:no-repeat;background-position:0 0}#yj_fp .bd .complete{text-align:center;height:100%;position:relative}#yj_fp .bd .complete p,#yj_fp .bd .complete a{font-size:15px;position:absolute;top:50%}#yj_fp .bd .complete p{margin:-12px 0 0 0;width:100%}#yj_fp .bd .complete a{display:block;width:130px;margin:12px 0 0 -65px;left:50%}#yj_fp.promo .bd{height:auto}#yj_fp.error .bd{padding-bottom:32px}#yj_fp.error .bd .select .error{display:block}#yj_fp .ft{display:none;width:100%;height:42px;border-top:1px solid #aed4a1;background:#e6f3e2;position:absolute;left:0;bottom:0;text-align:right}#yj_fp .ft.show{display:block}#yj_fp a.btn{display:none;border:1px solid;text-decoration:none;-webkit-box-shadow:0 1px 0 rgba(0,0,0,0.1);-moz-box-shadow:0 1px 0 rgba(0,0,0,0.1);box-shadow:0 1px 0 rgba(0,0,0,0.1);margin:10px 10px 10px 0}#yj_fp a.btn.show{display:inline-block}#yj_fp a.btn div{padding:0 10px;border-top:1px solid;font-size:11px;height:19px;line-height:19px}#yj_fp a.btn.actv{border-color:#206309}#yj_fp a.btn.actv div{background:#5b9e44;border-top-color:#7ab067;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.3)}#yj_fp a.btn.cnsl{border-color:#999}#yj_fp a.btn.cnsl div{background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f6f6), color-stop(100%, #e4e4e4));background-image:-webkit-linear-gradient(top, #f5f6f6,#e4e4e4);background-image:-moz-linear-gradient(top, #f5f6f6,#e4e4e4);background-image:-o-linear-gradient(top, #f5f6f6,#e4e4e4);background-image:linear-gradient(top, #f5f6f6,#e4e4e4);background-color:#ececec;border-top-color:#fff;color:#000;text-shadow:0 1px 0 #fff}.yj_fp_panel{display:none;width:300px}.yj_fp_panel.show{display:block}.yj_fp_panel .banner{display:block;border:1px solid #000}.yj_fp_panel .banner img{display:block;width:298px;height:119.2px}.yj_fp_panel .banner:hover{border-color:#0a83bf}.yj_fp_panel .info{margin-top:3px;font-size:x-small;position:relative}.yj_fp_panel .powerd{display:block;position:absolute;top:0;right:0}@media (max-width: 480px){#yj_fp{width:100%}#yj_fp .hd{font-size:11px}#yj_fp .bd .promo .img{width:300px;height:112px;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain}#yj_fp .bd .promo a.fbcon{margin:0 66px 0 auto}}