@charset "UTF-8";

/* ************************
 ソーシャルリンクボタン　B 
************************ */

/* reset -------- */
div.bookmark,
div.bookmark ul,
div.bookmark li,
div.bookmark a,
div.bookmark a:hover,
div.bookmark img,
div.bookmark span,
div.bookmark iframe {
margin:0;
padding:0;
width:auto;
height:auto;
border:none;
background-color:transparent;
background:none;
list-style:none;
text-decoration:none;
font-style:normal;
font-weight:normal;
font-size:100%;
line-height:1;
vertical-align:middle;
display:block;
zoom:1;
}

div.bookmark ul.bkm_Right li div {
margin:0 !important;
padding:0 !important;
width:32px !important;
height:20px !important;
border:none !important;
background-color:transparent;
background:none;
position:relative !important;
top:0 !important;
left:0 !important;
}


/* clearfix -------- */
div.bookmark {
	/*\*/
	_overflow: visible;
	_height: 1px;
	zoom: 1;
	/**/
	/*\*//*/
	display: inline-table;
	/**/
}
div.bookmark:after {
	content: ".";
	display: block;
	height: 1px;
	clear: both;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
	margin: -1px 0 0;
}

/* style -------- */
div.bookmark {
clear:both;
padding-left:4px;
}
div.bookmark ul {
float:left;
padding-bottom:4px;
}
div.bookmark ul.bkm_Right {
width:177px;
}
div.bookmark ul li {
float:left;
padding-right:4px;
height:20px;
}

/* rollover -------- */
div.bookmark ul li a.bkm_twitter,
div.bookmark ul li a.bkm_twitter:hover {
background:url(/shared/image/ico_Twitter_B_on.gif) left top no-repeat;
position:relative;
overflow:hidden;
width:80px;
height:20px;
}
div.bookmark ul li a.bkm_facebook,
div.bookmark ul li a.bkm_facebook:hover {
background:url(/shared/image/ico_facebook_B_on.gif) left top no-repeat;
position:relative;
overflow:hidden;
width:63px;
height:20px;
float:left;
}
div.bookmark ul li a.bkm_mixi,
div.bookmark ul li a.bkm_mixi:hover {
background:url(/shared/image/ico_MIXI_B_on.gif) left top no-repeat;
position:relative;
overflow:hidden;
width:58px;
height:20px;
}
div.bookmark ul li a.bkm_gree,
div.bookmark ul li a.bkm_gree:hover {
background:url(/shared/image/ico_GREE_B_on.gif) left top no-repeat;
position:relative;
overflow:hidden;
width:75px;
height:20px;
}
/* IE6 */
* html div.bookmark ul li a.bkm_twitter:hover,
* html div.bookmark ul li a.bkm_facebook:hover,
* html div.bookmark ul li a.bkm_mixi:hover,
* html div.bookmark ul li a.bkm_gree:hover {
/* \ */
_background-color:#fff;
}

div.bookmark ul li a.bkm_twitter:hover img,
div.bookmark ul li a.bkm_facebook:hover img,
div.bookmark ul li a.bkm_mixi:hover img,
div.bookmark ul li a.bkm_gree:hover img {
position:relative;
top:-20px;
}

/* facebook_count -------- */
div.bookmark a.bkm_facebook_count,
div.bookmark a.bkm_facebook_count:hover {
float:left;
background:url(/shared/image/ico_facebook_b_kari.gif) left top no-repeat;
margin:1px 0;
height:18px;
padding-left:5px;
}
div.bookmark a.bkm_facebook_count span{
background:#b0b9ec;
padding:1px 1px 1px 0;
}
div.bookmark a.bkm_facebook_count span span{
background:#e8ebf2;
height:16px;
line-height:16px;
padding:0 6px 0 7px;
font-size:10px;
font-weight:bold;
color:#333;
font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
text-align:center;
}
/* IE6 */
* html div.bookmark a.bkm_facebook_count,
* html div.bookmark a.bkm_facebook_count:hover {
/* \ */
_width:19px;
}