<ul class="socialBtn">
<li class="facebook"><iframe src="//www.facebook.com/plugins/like.php?href=<?php print("http://" . $_SERVER["HTTP_HOST"] . $_SERVER["REQUEST_URI"]);?>&amp;send=false&amp;layout=button_count&amp;width=100&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=21&amp;appId=345676732154762" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"></iframe></li>

<li class="twitter"><a href="https://twitter.com/share" class="twitter-share-button" data-lang="ja" data-hashtags="ヘイフェス">ツイート</a></li>

<li class="mixi"><a href="http://mixi.jp/share.pl" class="mixi-check-button" data-key="b19d1c7a82aa99bb7ac74e411a234ff9c72aca67" data-button="button-1">Check</a></li>
<li class="googleplus"><div class="g-plusone" data-size="medium" data-annotation="inline" data-width="120"></div></li>
</ul>

<style>
#content ul.socialBtn{
	margin:5px;
	text-align:left;
	height:30px;
	overflow:hidden;
}
.socialBtn li{
	display:inline-block;
}
.socialBtn li.facebook{
	width:110px;
}
.socialBtn li.twitter{
	width:100px;
}
.socialBtn li.mixi{
	width:70px;
}
.socialBtn li.googleplus{
	width:70px;
}
</style>


<!-- Place this tag after the last +1 button tag. -->
<script type="text/javascript">
  window.___gcfg = {lang: 'ja'};

  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>
<script type="text/javascript" src="http://static.mixi.jp/js/share.js"></script>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>