.contentNavSnippet, .contentNavSnippet_wide, .contentNavSnippet_short {
  width: 184px;
  margin: 5px 0;
  padding-top: 13px;
  *zoom: 1;
  background: url(../img/components/contentNavSnippet_bg.gif) 0 0 no-repeat;
}
.contentNavSnippet .sprite, .contentNavSnippet_wide .sprite, .contentNavSnippet_short .sprite, .contentNavSnippet .socialLinks a, .socialLinks .contentNavSnippet a, .contentNavSnippet_wide .socialLinks a, .socialLinks .contentNavSnippet_wide a, .contentNavSnippet_short .socialLinks a, .socialLinks .contentNavSnippet_short a {
  background: url("../img/sprite.png") no-repeat;
  text-align: left;
  text-indent: -9999px;
  display: block;
  overflow: hidden;
}
.contentNavSnippet .noOutline, .contentNavSnippet_wide .noOutline, .contentNavSnippet_short .noOutline {
  outline: none;
  hidefocus: expression(hideFocus='true');
}
.contentNavSnippet .content, .contentNavSnippet_wide .content, .contentNavSnippet_short .content {
  padding: 0 2px 18px;
  min-height: 175px;
  _height: 175px;
  background: url(../img/components/contentNavSnippet_bg.gif) bottom left no-repeat;
  position: relative;
  _text-align: left;
}
.contentNavSnippet a, .contentNavSnippet_wide a, .contentNavSnippet_short a {
  color: #000;
  text-decoration: none;
}
.contentNavSnippet a:hover p, .contentNavSnippet_wide a:hover p, .contentNavSnippet_short a:hover p {
  color: #1f5fa8;
  text-decoration: underline;
}
.contentNavSnippet .imgContainer, .contentNavSnippet_wide .imgContainer, .contentNavSnippet_short .imgContainer {
  display: block;
  padding-bottom: 2px;
  /*background: #{$bg} -2px 101px no-repeat;*/
  background: url(../img/dot_span_10_gray.gif) left bottom repeat-x;
  /*height: 111px;*/
}
.contentNavSnippet .imgContainer img, .contentNavSnippet_wide .imgContainer img, .contentNavSnippet_short .imgContainer img {
  /*@include wh(180,111);*/
  width: 180px;
  display: block;
}
.contentNavSnippet .socialLinks, .contentNavSnippet_wide .socialLinks, .contentNavSnippet_short .socialLinks {
  margin-left: 3px;
  padding: 0;
}
.contentNavSnippet .badge, .contentNavSnippet_wide .badge, .contentNavSnippet_short .badge {
  margin: 0 3px;
  display: block;
  height: 9px;
}
.contentNavSnippet p, .contentNavSnippet_wide p, .contentNavSnippet_short p {
  margin: 10px 3px;
  font-size: 85%;
}
.contentNavSnippet em.note, .contentNavSnippet_wide em.note, .contentNavSnippet_short em.note {
  display: block;
  margin: -10px 3px 10px;
  font-size: 85%;
  color: red;
  font-style: normal;
  text-decoration: none;
}
.contentNavSnippet.hover, .hover.contentNavSnippet_wide, .hover.contentNavSnippet_short {
  background-position: -184px 0;
}
.contentNavSnippet.hover .content, .hover.contentNavSnippet_wide .content, .hover.contentNavSnippet_short .content {
  background-position: -184px 100%;
}

.contentNavSnippet_wide {
  width: 213px;
  margin: 0 0 10px;
  background-position: -368px -0px;
}
.contentNavSnippet_wide .content {
  background-position: -368px 100%;
}
.contentNavSnippet_wide.contentNavSnippet_wide\.hover {
  background-position: -581px -0px;
}
.contentNavSnippet_wide.contentNavSnippet_wide\.hover .content {
  background-position: -581px 100%;
}
.contentNavSnippet_wide .imgContainer img {
  display: block;
  width: 209px;
}

.contentNavSnippet_short {
  background-position: 0 0;
}
.contentNavSnippet_short .content {
  min-height: 140px;
  _height: 140px;
  position: relative;
  padding-bottom: 10px;
  background-position: 0 100%;
}
.contentNavSnippet_short .content p {
  margin: 5px 47px 5px 3px;
}
.contentNavSnippet_short.contentNavSnippet_short\.hover {
  background-position: -184px 0;
}
.contentNavSnippet_short.contentNavSnippet_short\.hover .content {
  background-position: -184px 100%;
}
.contentNavSnippet_short .socialLinks {
  position: absolute;
  bottom: 17px;
  right: 5px;
  /*ul{*/
  /*	right: 3px;*/
  /*	_padding: 0 0 3px 0;*/
  /*}*/
}

/**
 * @html

<div class="socialLinks">
<input type="hidden" class="postMessage" value="このテキストが各サービスに投稿されます" />

<input type="hidden" class="postURL" value="http://example.com/url/to/be/poted/" />
<ul>
<li><a href="" class="twitter">Twitter</a></li>
<li><a href="" class="facebook">Facebook</a></li>
<li><a href="" class="hatebu">はてなブックマーク</a></li>
</ul>
</div>


 */
.socialLinks {
  position: relative;
  width: 44px;
  display: block !important;
}
.socialLinks .sprite, .socialLinks a {
  background: url("../img/sprite.png") no-repeat;
  text-align: left;
  text-indent: -9999px;
  display: block;
  overflow: hidden;
}
.socialLinks .noOutline {
  outline: none;
  hidefocus: expression(hideFocus='true');
}
.socialLinks ul {
  margin: 0;
  padding: 0;
  border: 0;
  text-decoration: none;
  line-height: 1;
  font-size: 100%;
  font-style: normal;
  font-weight: normal;
  list-style: none;
}
.socialLinks li {
  margin: 0;
  padding: 0;
  border: 0;
  text-decoration: none;
  line-height: 1;
  font-size: 100%;
  font-style: normal;
  font-weight: normal;
  list-style: none;
  float: left;
  margin-left: 2px;
  margin-bottom: 2px;
  _display: inline;
}
.socialLinks ul.socialLinkPanel {
  position: absolute;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  display: none;
  left: 0;
  background: #fff;
  width: 36px;
  padding: 2px 2px 0 0;
  border: 3px solid #bac6d9;
}
.ie7 .socialLinks ul.socialLinkPanel {
  padding-bottom: 2px;
}
.socialLinks a {
  width: 16px;
  height: 16px;
}
.socialLinks a.shareButton {
  background-position: -16px -16px;
  width: 44px;
  height: 16px;
}
.socialLinks a.twitter {
  background-position: -0px -0px;
}
.socialLinks a.facebook {
  background-position: -16px -0px;
}
.socialLinks a.hatebu {
  background-position: -32px -0px;
}
.socialLinks a.mixi-check-button, .socialLinks a.mixi {
  background-position: -0px -16px;
}


/* ! Google+1ボタン用 */

#siteBody .socialLinks li.google {
	text-align: center;
	margin: 0;
	float: none;
}