﻿@charset "utf-8";
.fbTip						{ text-align:center; margin-left:-88px; height:26px; overflow:hidden; margin-top:-3px;}
.fbTip .content				{ padding: 2px 4px; background: #3B5998; color: #fff; width:112px;}
.fbTip .bottom				{ height: 6px; background: url(../common/fukidashi_fb.png) top center no-repeat; margin:0; padding:0;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .fbTip .content	 { position:relative; bottom:0; /* IE10 */
  }
  .fbTip .bottom				{ position:relative; bottom:0; /* IE10 */}
}
  
.fbTip .content:not(:target) {
  position:relative\9; bottom:0\9; /* IE9 */
}

.fbTip .bottom:not(:target) {
  position:relative\9; bottom:0\9; /* IE9 */
}


.fbTip .content {
  position:relative\9; bottom:0\9; /* IE8 */
}

.fbTip .bottom {
  position:relative\9; bottom:0\9; /* IE8 */
}


.twTip						{ text-align:center; margin-left:-31px; height:26px; overflow:hidden; margin-top:-3px;}
.twTip .content				{ width:auto; padding: 2px 4px; background: #31B7EA; color: #fff; }
.twTip .bottom				{ height: 6px; background: url(../common/fukidashi_tw.png) top center no-repeat; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .twTip .content	 { position:relative; bottom:0; /* IE10 */
  }
  .twTip .bottom				{ position:relative; bottom:0; /* IE10 */}
}
  
.twTip .content:not(:target) {
  position:relative\9; bottom:0\9; /* IE9 */
}

.twTip .bottom:not(:target) {
  position:relative\9; bottom:0\9; /* IE9 */
}


.twTip .content {
  position:relative\9; bottom:0\9; /* IE8 */
}

.twTip .bottom {
  position:relative\9; bottom:0\9; /* IE8 */
}


.gpTip						{ text-align:center; margin-left:30px; height:26px; overflow:hidden; margin-top:-3px;}
.gpTip .content				{ width:auto; padding: 2px 4px; background: #E74B32; color: #fff; }
.gpTip .bottom				{ height: 6px; background: url(../common/fukidashi_gp.png) top center no-repeat; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .gpTip .content	 { position:relative; bottom:0; /* IE10 */
  }
  .gpTip .bottom				{ position:relative; bottom:0; /* IE10 */}
}
  
.gpTip .content:not(:target) {
  position:relative\9; bottom:0\9; /* IE9 */
}

.gpTip .bottom:not(:target) {
  position:relative\9; bottom:0\9; /* IE9 */
}


.gpTip .content {
  position:relative\9; bottom:0\9; /* IE8 */
}

.gpTip .bottom {
  position:relative\9; bottom:0\9; /* IE8 */
}

.hbTip						{ text-align:center; margin-left:85px; height:26px; overflow:hidden; margin-top:-3px;}
.hbTip .content				{ width:auto; padding: 2px 4px; background: #5B8AC0; color: #fff; }
.hbTip .bottom				{ height: 6px; background: url(../common/fukidashi_hb.png) top center no-repeat; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .hbTip .content	 { position:relative; bottom:0; /* IE10 */
  }
  .hbTip .bottom				{ position:relative; bottom:0; /* IE10 */}
}
  
.hbTip .content:not(:target) {
  position:relative\9; bottom:0\9; /* IE9 */
}

.hbTip .bottom:not(:target) {
  position:relative\9; bottom:0\9; /* IE9 */
}


.hbTip .content {
  position:relative\9; bottom:0\9; /* IE8 */
}

.hbTip .bottom {
  position:relative\9; bottom:0\9; /* IE8 */
}


/* 記事それぞれのソーシャルボタン */

.fb2Tip						{ text-align:center; margin-left:-33px; height:26px; overflow:hidden; margin-top:10px;}
.fb2Tip .content				{ width:auto; padding: 2px 4px; background: #3B5998; color: #fff; }
.fb2Tip .bottom				{ height: 6px; background: url(../common/fukidashi_fb.png) top center no-repeat; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .fb2Tip .content	 { position:relative; bottom:0; /* IE10 */
  }
  .fb2Tip .bottom				{ position:relative; bottom:0; /* IE10 */}
}
  
.fb2Tip .content:not(:target) {
  position:relative\9; bottom:0\9; /* IE9 */
}

.fb2Tip .bottom:not(:target) {
  position:relative\9; bottom:0\9; /* IE9 */
}


.fb2Tip .content {
  position:relative\9; bottom:0\9; /* IE8 */
}

.fb2Tip .bottom {
  position:relative\9; bottom:0\9; /* IE8 */
}


.tw2Tip						{ text-align:center; margin-left:-33px; height:26px; overflow:hidden; margin-top:10px;}
.tw2Tip .content				{ width:auto; padding: 2px 4px; background: #31B7EA; color: #fff; }
.tw2Tip .bottom				{ height: 6px; background: url(../common/fukidashi_tw.png) top center no-repeat; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .tw2Tip .content	 { position:relative; bottom:0; /* IE10 */
  }
  .tw2Tip .bottom				{ position:relative; bottom:0; /* IE10 */}
}
  
.tw2Tip .content:not(:target) {
  position:relative\9; bottom:0\9; /* IE9 */
}

.tw2Tip .bottom:not(:target) {
  position:relative\9; bottom:0\9; /* IE9 */
}


.tw2Tip .content {
  position:relative\9; bottom:0\9; /* IE8 */
}

.tw2Tip .bottom {
  position:relative\9; bottom:0\9; /* IE8 */
}


.gp2Tip						{ text-align:center; margin-left:-33px; height:26px; overflow:hidden; margin-top:10px;}
.gp2Tip .content				{ width:auto; padding: 2px 4px; background: #E74B32; color: #fff; }
.gp2Tip .bottom				{ height: 6px; background: url(../common/fukidashi_gp.png) top center no-repeat; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .gp2Tip .content	 { position:relative; bottom:0; /* IE10 */
  }
  .gp2Tip .bottom				{ position:relative; bottom:0; /* IE10 */}
}
  
.gp2Tip .content:not(:target) {
  position:relative\9; bottom:0\9; /* IE9 */
}

.gp2Tip .bottom:not(:target) {
  position:relative\9; bottom:0\9; /* IE9 */
}


.gp2Tip .content {
  position:relative\9; bottom:0\9; /* IE8 */
}

.gp2Tip .bottom {
  position:relative\9; bottom:0\9; /* IE8 */
}


.hb2Tip						{ text-align:center; margin-left:-33px; height:26px; overflow:hidden; margin-top:10px;}
.hb2Tip .content				{ width:auto; padding: 2px 4px; background: #5B8AC0; color: #fff; }
.hb2Tip .bottom				{ height: 6px; background: url(../common/fukidashi_hb.png) top center no-repeat; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .hb2Tip .content	 { position:relative; bottom:0; /* IE10 */
  }
  .hb2Tip .bottom				{ position:relative; bottom:0; /* IE10 */}
}
  
.hb2Tip .content:not(:target) {
  position:relative\9; bottom:0\9; /* IE9 */
}

.hb2Tip .bottom:not(:target) {
  position:relative\9; bottom:0\9; /* IE9 */
}


.hb2Tip .content {
  position:relative\9; bottom:0\9; /* IE8 */
}

.hb2Tip .bottom {
  position:relative\9; bottom:0\9; /* IE8 */
}

/* 記事それぞれのソーシャルボタン　個別ページ */

.fb3Tip						{ text-align:center; margin-left:-88px; height:26px; overflow:hidden; margin-top:10px;}
.fb3Tip .content				{ width:auto; padding: 2px 4px; background: #3B5998; color: #fff; }
.fb3Tip .bottom				{ height: 6px; background: url(../common/fukidashi_fb.png) top center no-repeat; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .fb3Tip .content	 { position:relative; bottom:0; /* IE10 */
  }
  .fb3Tip .bottom				{ position:relative; bottom:0; /* IE10 */}
}
  
.fb3Tip .content:not(:target) {
  position:relative\9; bottom:0\9; /* IE9 */
}

.fb3Tip .bottom:not(:target) {
  position:relative\9; bottom:0\9; /* IE9 */
}


.fb3Tip .content {
  position:relative\9; bottom:0\9; /* IE8 */
}

.fb3Tip .bottom {
  position:relative\9; bottom:0\9; /* IE8 */
}


.tw3Tip						{ text-align:center; margin-left:-88px; height:26px; overflow:hidden; margin-top:10px;}
body.interviewCat .tw3Tip						{ margin-left:-60px;}
.tw3Tip .content				{ width:auto; padding: 2px 4px; background: #31B7EA; color: #fff; }
.tw3Tip .bottom				{ height: 6px; background: url(../common/fukidashi_tw.png) top center no-repeat; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .tw3Tip .content	 { position:relative; bottom:0; /* IE10 */
  }
  .tw3Tip .bottom				{ position:relative; bottom:0; /* IE10 */}
}
  
.tw3Tip .content:not(:target) {
  position:relative\9; bottom:0\9; /* IE9 */
}

.tw3Tip .bottom:not(:target) {
  position:relative\9; bottom:0\9; /* IE9 */
}


.tw3Tip .content {
  position:relative\9; bottom:0\9; /* IE8 */
}

.tw3Tip .bottom {
  position:relative\9; bottom:0\9; /* IE8 */
}


.gp3Tip						{ text-align:center; margin-left:-88px; height:26px; overflow:hidden; margin-top:10px;}
body.interviewCat .gp3Tip						{ margin-left:-60px;}
.gp3Tip .content				{ width:auto; padding: 2px 4px; background: #E74B32; color: #fff; }
.gp3Tip .bottom				{ height: 6px; background: url(../common/fukidashi_gp.png) top center no-repeat; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .gp3Tip .content	 { position:relative; bottom:0; /* IE10 */
  }
  .gp3Tip .bottom				{ position:relative; bottom:0; /* IE10 */}
}
  
.gp3Tip .content:not(:target) {
  position:relative\9; bottom:0\9; /* IE9 */
}

.gp3Tip .bottom:not(:target) {
  position:relative\9; bottom:0\9; /* IE9 */
}


.gp3Tip .content {
  position:relative\9; bottom:0\9; /* IE8 */
}

.gp3Tip .bottom {
  position:relative\9; bottom:0\9; /* IE8 */
}



.hb3Tip						{ text-align:center; margin-left:-88px; height:26px; overflow:hidden; margin-top:10px;}
body.interviewCat .hb3Tip						{ margin-left:-60px;}

.hb3Tip .content				{ width:auto; padding: 2px 4px; background: #5B8AC0; color: #fff; }
.hb3Tip .bottom				{ height: 6px; background: url(../common/fukidashi_hb.png) top center no-repeat; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .hb3Tip .content	 { position:relative; bottom:0; /* IE10 */
  }
  .hb3Tip .bottom				{ position:relative; bottom:0; /* IE10 */}
}
  
.hb3Tip .content:not(:target) {
  position:relative\9; bottom:0\9; /* IE9 */
}

.hb3Tip .bottom:not(:target) {
  position:relative\9; bottom:0\9; /* IE9 */
}


.hb3Tip .content {
  position:relative\9; bottom:0\9; /* IE8 */
}

.hb3Tip .bottom {
  position:relative\9; bottom:0\9; /* IE8 */
}


/* FB用ツールチップ */

/* trigger button */
.fb_select_btn{ cursor:pointer;}
.fb2_select_btn{ cursor:pointer;}
 
/* mouseover state */
.fb2_select_btn:hover {}
 
/* clicked state */
.fb2_select_btn:focus {}

/* trigger button */
.fb3_select_btn{ cursor:pointer;}
 
/* mouseover state */
.fb3_select_btn:hover {}
 
/* clicked state */
.fb3_select_btn:focus {}
 
/* tooltip styling */

.tooltip { display:none; z-index:9999; background: url(../common/fukidashi_fb.png) bottom center no-repeat; padding:0 0 6px 0; margin-left:-31px; margin-top:18px; }
.tooltip .inner{ border:4px solid #3B5998; background-color: rgba(255,255,255,0.9); text-align:center; margin:0 auto; padding:10px 10px 4px;}
.tooltip .inner .social_f{ float:left; margin-right:10px; width:108px;}
.tooltip .inner .social_fs{ float:left; margin-right:10px; vertical-align:top; padding:0; margin:0 10px 0 0 ;}
.tooltip .inner .social_fs a{ margin:0; padding:0; vertical-align:top; height:20px; float:left;}
.tooltip .inner .social_fs a img{ vertical-align:top;}
/*.tooltip .inner .social_fs span{ height:20px; background:url(../common/fs_fukidashi.gif) left top no-repeat; min-width:20px; margin:0 0 0 0; padding:2px 0 0 9px; font-size:11px; font-size:1.1rem; text-align:left; font-weight:normal; color:#666; float:right;}*/
.tooltip .inner .social_fs .fukidashi{ background:url(../common/fukidashi.png) left top no-repeat; padding-left:5px; display: inline-block; }
.tooltip .inner .social_fs span{ background:#FFF; border: 1px solid #9197A3; border-radius:0 2px 2px 0; color: #4E5665; font-size: 11px; height: auto; line-height: 18px; min-width: 15px; padding: 0px 4px; text-align: center; white-space: nowrap; border-left:none;}

body.interviewCat .wrapBox .tooltip { margin-left:-60px;}

.wrapBox .list .listBg .tooltip {  margin-left:-316px;}

#sns-top .tooltip {margin-left:-950px; margin-top:-133px;}

