@charset "utf-8";
/*   
Theme Name: Developer's Blog 用テーマ
Theme URI: テーマのホームサイトの URI
Description: fenrir, sleipnir, デザイン
Author: Fenrir.inc
Author URI: http://www.fenrir.co.jp
Template: 
Version: 1.0.0
.
Developer's Blog 用のテーマ
.
*/

/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.1.2
build: 56
*/
html{color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}


/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.1.2
build: 56
10px = 77%		11px = 85%
12px = 93%		13px = 100%
14px = 108%		15px = 116%
16px = 123.1%	17px = 131%
18px = 138.5%	19px = 146.5%
20px = 153.9%
*/
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/*/////////////////////////////////////*/


html{
	overflow-y:scroll;
	margin-top:0px;
}

body {
	background:#eeeeee;
}

strong{
	font-weight:bold;
}

a,
:focus{
	outline:0 none;
}

a{
	text-decoration:none;
	-webkit-font-smoothing: antialiased;
}

a:hover{
	text-decoration:underline;
}

header a:hover,
footer a:hover{
	text-decoration:none;
}

/*//////////////////////////////////////
//////////////////////////////////////*/

img.image-at-entry{
	padding: 3px;
	border: 1px solid #ccc;
}

/*//////////////////////////////////////
	clearfix
//////////////////////////////////////*/

.clearfix:after {
  content: "";  /* Vvf */
  display: block;  /* ubNxvf */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

.clear{
	clear:both;
}



/*//////////////////////////////////////
	#header
//////////////////////////////////////*/

header {
  width: 100%;
  min-width: 980px;
  position: relative;
  z-index: 100; }
  header .main_menu {
    width: 100%;
    min-height: 72px;
    margin-bottom: 30px; }
    header .main_menu .logo {
      width: 39px;
      height: 54px;
      position: absolute;
      top: 15px;
      left: 121px; }
      header .main_menu .logo a {
        width: 39px;
        height: 54px;
        display: block;
        overflow: hidden;
        text-indent: -9999px; }
    header .main_menu ul {
      text-align: center;
      letter-spacing: -0.4em; }
      header .main_menu ul li {
        display: inline-block;
        letter-spacing: normal;
        min-height: 63px;
        text-align: center; }
        header .main_menu ul li a {
          height: 55px;
          font-size: 15px;
          display: table-cell;
          vertical-align: middle; }
      header .main_menu ul .solid a,
      header .main_menu ul .dashed a {
        padding: 9px 20px 0px;
        font-size: 15px; }
      header .main_menu ul .inquiry_link {
        padding: 9px 0 0px;
        min-width: 116px;
        min-height: 55px; }
      header .main_menu ul .inquiry_link a {
        text-align: center;
        border-radius: 2px;
        padding: 0 13px;
        height: 55px;
        display: table-cell;
        vertical-align: middle;
        font-size: 15px; }
      header .main_menu ul .m10 {
        margin-right: 10px; }
      header .main_menu ul .m26 {
        margin-right: 26px; }
    header .main_menu .category_link {
      min-height: 56px;
      min-width: 160px;
      position: absolute;
      top: 8px;
      right: 0; }
      header .main_menu .category_link a {
        box-sizing: border-box;
        color: #fff;
        text-align: left;
        background: #000;
        min-width: 160px;
        height: 56px;
        padding-left: 10px;
        display: table-cell;
        vertical-align: middle;
        border-radius: 2px 0 0 2px;
        font-size: 15px; }

header.white .main_menu .logo a {
  background: url(img/common/icon_header_logo_white.png) no-repeat; }
header.white .main_menu ul .solid {
  border-bottom: 1px solid rgba(255, 255, 255, 0.34); }
header.white .main_menu ul .dashed {
  border-bottom: 1px dotted rgba(255, 255, 255, 0.34); }
header.white .main_menu ul .solid.select,
header.white .main_menu ul .solid:hover {
  border-bottom: 1px solid white; }
header.white .main_menu ul .dashed.select,
header.white .main_menu ul .dashed:hover {
  border-bottom: 1px dotted white; }
header.white .main_menu ul .solid a,
header.white .main_menu ul .dashed a {
  color: #fff; }
header.white .main_menu ul .inquiry_link a {
  color: black;
  background: rgba(255, 255, 255, 0.74); }

header.white_bg .main_menu {
  background: #000; }
  header.white_bg .main_menu .category_link a {
    color: #fff;
    background: #7c7c7c; }

header.black .main_menu .logo a {
  background: url(img/common/icon_header_logo_black.png) no-repeat; }
header.black .main_menu ul .solid {
  border-bottom: 1px solid rgba(0, 0, 0, 0.34); }
header.black .main_menu ul .dashed {
  border-bottom: 1px dotted rgba(0, 0, 0, 0.34); }
header.black .main_menu ul .solid.select,
header.black .main_menu ul .solid:hover {
  border-bottom: 1px solid black; }
header.black .main_menu ul .dashed.select,
header.black .main_menu ul .dashed:hover {
  border-bottom: 1px dotted black; }
header.black .main_menu ul .solid a,
header.black .main_menu ul .dashed a {
  color: black; }
header.black .main_menu ul .inquiry_link a {
  color: white;
  background: rgba(0, 0, 0, 0.74); }

header.black_bg .main_menu {
  background: #fff; }
  header.black_bg .main_menu .category_link a {
    color: #fff;
    background: #7c7c7c; }


footer {
  width: 800px;
  margin: 80px auto 0 auto; }

footer #share {
  border-bottom: 1px solid #a2a2a2;
  padding-bottom: 13px; }

footer #share li {
  float: right;
  color: #646464;
  font-size: 11px;
  line-height: 2.2em;
  height: 21px; }

footer #share li a {
  text-indent: -9999px;
  margin: 0 2px;
  overflow: hidden;
  height: 21px;
  display: block;
  margin-right: 8px; }

footer #share li .twitter {
  background: url("img/common/tw_logo.png") no-repeat;
  width: 22px;
  margin-left: 8px; }

footer #share li .google {
  background: url("img/common/google_log.png") no-repeat;
  width: 27px;
  margin-right: 0px; }

footer #share li .facebook {
  background: url("img/common/fb_logo.png") no-repeat;
  width: 21px; }

footer nav {
  margin-bottom: 30px; }

footer nav ul {
  text-align: center; }

footer nav ul li {
  display: inline-block;
  margin: 10px 0 0;
  padding: 0px 12px;
  text-align: center;
  line-height: 20px;
  height: 20px; }

footer nav ul li a {
  color: #646464;
  font-size: 13px;
  font-weight: bold; }

footer p {
  text-align: center;
  color: #646464;
  padding-bottom: 40px; }

footer p small {
  color: #646464;
  font-size: 11px; }


/*//////////////////////////////////////
 #footer_980
//////////////////////////////////////*/
#footer_980 {
  width: 980px;
  margin: 0 auto;
  padding: 30px 0 30px 0; }

#footer_980 .nav {
  background: url(img/footer_mid_980.png) repeat-y 0 top; }

#footer_980 .nav .top {
  background: url(img/footer_top_980.png) no-repeat 0 top;
  padding: 8px 0px 0; }

#footer_980 .nav .top ul {
  background: url(img/footer_border_980.png) no-repeat 0 bottom;
  padding: 0 20px 7px; }

#footer_980 .nav .top li a {
  color: #0492E5;
  font-weight: bold;
  font-size: 108%;
  display: inline-block;
  vertical-align: middle;
  min-height: 17px;
  _height: auto !important;
  _height: 17px;
  text-decoration: none; }

#footer_980 .country {
  width: 186px;
  height: 32px;
  display: inline-block;
  vertical-align: middle; }

#footer_980 .nav .top li a:hover {
  text-decoration: underline; }

#footer_980 .nav .top li {
  float: left;
  padding-left: 30px;
  background: url(img/footer_arrow.png) no-repeat 10px center;
  display: inline-block;
  vertical-align: middle;
  min-height: 17px;
  _height: auto !important;
  _height: 17px; }

#footer_980 .nav .top li.logo {
  background: none;
  padding: 0;
  display: inline-block; }

#footer_980 .nav .top li.now {
  color: #565656;
  font-weight: bold;
  min-height: 17px;
  _height: auto !important;
  _height: 17px;
  font-size: 108%; }

#footer_980 .footer_menu {
  background: url(img/footer_btm_980.png) no-repeat 0 bottom;
  margin-bottom: 5px;
  padding: 20px 5px 9px;
  text-align: left; }

#footer_980 .footer_menu a {
  text-decoration: none;
  font-weight: normal; }

#footer_980 .footer_menu ._blank {
  display: inline-block;
  padding-right: 18px;
  background: url(img/icn_link.png) no-repeat right top; }

#footer_980 .footer_menu a:hover {
  text-decoration: none; }

#footer_980 .footer_menu .section {
  padding: 0 16px; }

#footer_980 .footer_menu .section div {
  float: left; }

#footer_980 .footer_menu .section ul {
  margin-bottom: 26px; }

#footer_980 .footer_menu .section ul li {
  line-height: 1;
  font-size: 13px;
  margin-bottom: 7px; }

#footer_980 .footer_menu .section strong,
#footer_980 .footer_menu .section li a {
  color: #535353; }

#footer_980 .footer_menu .section li a:hover {
  color: #000000;
  text-decoration: none; }

#footer_980 .footer_menu .section .box1 {
  width: 195px; }

#footer_980 .footer_menu .section .box2 {
  width: 205px; }

#footer_980 .footer_menu .section .box3 {
  width: 281px; }

#footer_980 .footer_menu .section .box4 {
  width: 161px; }

#footer_980 .footer_menu .section .box5 {
  width: 170px; }

#footer_980 .footer_menu .section .box6 {
  width: 170px; }

#footer_980 .footer_menu .section .box7 {
  width: 200px; }

#footer .box2 li:nth-child(1) a,
#footer_980 .box2 li:nth-child(1) a {
  font-weight: bold; }
#footer .box3 li:nth-child(1) a,
#footer_980 .box3 li:nth-child(1) a {
  font-weight: bold; }
#footer .box4 li a,
#footer_980 .box4 li a {
  font-weight: bold; }
#footer .box5 li a,
#footer_980 .box5 li a {
  font-weight: bold; }

#footer_980 .alert {
  color: #333;
  font-size: 93%;
  margin-bottom: 20px;
  text-align: left; }

#footer_980 .alert a {
  background: url(img/footer_arrow02.gif) no-repeat right center;
  padding-right: 10px;
  color: #0492E5;
  font-weight: bold;
  text-decoration: none; }

#footer_980 .alert a:hover,
#footer_980 .gnav a:hover {
  text-decoration: underline; }

#footer_980 .gnav,
#footer_980 .copyright {
  text-align: center; }

#footer_980 .gnav,
#footer_980 .gnav a {
  color: #565656;
  font-size: 100%;
  font-weight: bold;
  min-height: 16px;
  _height: auto !important;
  _height: 16px; }

#footer_980 .gnav a {
  display: inline-block;
  text-decoration: none;
  margin: 0;
  padding: 0; }

#footer_980 .gnav .global {
  background: url(img/footer_global.png) no-repeat left center;
  padding-left: 18px; }

#footer_980 .copyright {
  color: #565656;
  font-size: 77%; }

.campaign_banner {
  width: 95px;
  height: 51px;
  position: absolute;
  left: 47px;
  top: 2px; }

.campaign_banner a {
  width: 95px;
  height: 51px;
  display: block;
  overflow: hidden;
  text-indent: -9999px;
  background: url(img/campaign_banner.png) no-repeat; }

.campaign_banner a:hover {
  background: url(img/campaign_banner.png) no-repeat 0 -51px; }


/*//////////////////////////////////////
	#title
//////////////////////////////////////*/

#title{
	width:980px;
	margin:0 auto;
}

#title a{
	width:980px;
	height:129px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	background:url(img/devblog/title.png%3F20140312) no-repeat 0 0;
}

/*//////////////////////////////////////
	#content
//////////////////////////////////////*/

#content{
	width:980px;
	margin:0 auto;
	background:url(img/devblog/content_mid.png) repeat-y;
}

#content #content_btm{
    width:935px;
    padding-left:45px;
	padding-bottom:74px;
	background:url(img/devblog/content_btm.png) no-repeat 0 bottom;
}


/*//////////////////////////////////////
	#entry
//////////////////////////////////////*/

#entry{
	width:520px;

	padding:40px 0 0 0;
	overflow:hidden;
	line-height:1.6em;
}

#entry p{
	margin-bottom:15px;
}

#entry .section{
	margin-bottom:40px;
}

#entry .entry-title{
	margin-bottom:20px;
}

#entry pre{
	width:503px;
	font-size:93%;
	line-height:1.2em;
	font-family:Arial,sans-serif;
}

#entry table{
	border:1px solid #333;
	font-size:93%;
	line-height:1.2em;
}

#entry table td{
	border:1px solid #333;
	line-height:1.6em;
	padding:0 5px;
}

#entry .category{
	border-bottom:2px solid #000000;
	margin-bottom:16px;
	text-align:right;
	line-height:1;
	height:14px;
}
 
#entry .category a{
	color:#000000;
	font-weight:bold;
	font-size:85%;
	line-height:14px;
}

#entry .entry-title h1{
	width:520px;
	margin:0 0 20px;
}

#entry .entry-title h2{
	float:left;
}

#entry .entry-title a{
	color:#000000;
	font-size:138.5%;
	font-weight:bold;
	line-height:1.4em;
}

#entry .titleSBM{
	margin:2px 0 0 0px;
	padding-left:6px;
	float:right;
	width:135px;
}

#entry .titleSBM iframe{
	float:right;
	margin-left:10px;
}

iframe.twitter-count-vertical{
	width:64px !important;
	height:62px !important;
}

.index #entry .entry-body{
	margin-bottom:20px;
}

#arcive #entry .entry-body{
	border-bottom:1px solid #D2D2D2 ;
	padding-bottom:20px;
	margin-bottom:10px;
}

#entry .entry-body a,
#entry .entry-more a{
	color:#383838;
	text-decoration:underline;
}

#entry .entry-body a:hover,
#entry .entry-more a:hover{
	text-decoration:underline;
	color:#666666;
}

#entry .entry-more-link{
	float:right;
	width:180px;
	height:30px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	background:url(img/devblog/more_btn.png) no-repeat 0 0;
	clear:both;
}

#entry .entry-footer{
	text-align:right;
	margin-top:13px;
	color:#000000;
	padding-top:1px;
	border-top:1px solid #000000;
	font-size:77%;
}

#entry .entry-footer a{
	color:#000000;
}

#entry .relevance{
	margin-top:20px;
	border-top:1px solid #D2D2D2;
	padding:10px 0 20px;
}

#entry .relevance h2{
	color:#A7A7A7;
	margin-bottom:10px;
}

#entry .relevance a{
	margin-left:3px;
	color:#2040A0;
	font-size:93%;
	font-weight:bold;
}

#entry .appendSBM {
	background: url(img/devblog/blogtop_line.png) no-repeat center top;
	margin:0 auto;
	padding:16px 0 2px;
	text-align:center;
	width:500px;
}

#entry .appendSBM > iframe,
#entry .appendSBM a,
#entry .appendSBM .fb_iframe_widget{
	display: inline-block;
	height: 20px;
	margin-right: 10px;
	vertical-align: top;
}

#entry #trackback{
	margin:35px 0 55px;
	padding-bottom:23px;
	border-bottom:1px solid #D2D2D2;
}

#entry #trackback h2{
	width:95px;
	height:18px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	background:url(img/devblog/trackback_ico.png) no-repeat 0 0;
	margin-left:425px;
}

#entry #trackback .tb{
	border:1px solid #E8E8E8;
	background:#F0F0F0;
	padding:16px;
	margin-bottom:4px;
}

#entry #trackback .tb_end{
	padding-top:45px;
	background:url(img/devblog/trackback_btm.png) no-repeat 0 top;
	text-align:center;
	color:#A7A7A7;
	margin-bottom:5px;
	font-size: 85%;
}

#entry #trackback .tb_url{
	width:520px;
	height:26px;
	margin:0 auto;
	overflow: hidden;
	text-align:center;
}

#entry #trackback .tb_url p{
	min-width:30px;
	/width:30px;
	height:26px;
	display:inline-block;
	margin:0 auto;
	/margin:0 40px;
	width:auto;
	background:url(img/devblog/trackback_url_l.png) no-repeat left;
}

#entry #trackback .tb_url span{
	font-size: 85%;
	height:26px;
	display:inline-block;
	vertical-align:top;
	line-height:26px;
	padding:0 20px;
	color:#404040;
	width:auto;
	/width:400px;
	background:url(img/devblog/trackback_url_r.png) no-repeat right;
}

#entry #fb-comments{
	font-size:100%;
	font-weight:bold;
	color:#3B5998;
}

#entry #comments{
	margin-bottom:30px;
	padding-bottom:28px;
	background:url(img/devblog/comment_btm.png) no-repeat 0 bottom;
}

#entry #comments h2{
	width:63px;
	height:18px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	background:url(img/devblog/comment_ico.png) no-repeat 0 0;
	margin-left:457px;
}

#entry #comments .cm{
	border:1px solid #E8E8E8;
	background:#F0F0F0;
	padding:16px;
	margin-bottom:4px;
}

#entry #comments .author{
	color:#2040A0;
	font-weight:bold;
}

#entry #comments .author a{
	color:#2040A0;
}

#entry #comments .date{
	margin-left:10px;
	font-size:85%;
	color:#A7A7A7;
}

#entry #comment_submit{
	width:520px;
	overflow:hidden;
}

#entry #comment_submit p{
	font-weight:bold;
	color:#404040;
	font-size: 93%;
	margin-bottom:0;
}

#entry #comment_submit #author,
#entry #comment_submit #email,
#entry #comment_submit #url{
	width:242px;
	margin-bottom:8px;
	border:1px solid #000;
	padding:6px;
	font-size:93%;
}

#entry #comment_submit .cm_form_l{
	float:left;
}

#entry #comment_submit .cm_form_r{
	float:right;
}

#entry #comment_submit textarea{
	width:506px;
	border:1px solid #000;
	margin-bottom:5px;
	padding:6px;
	font-size:93%;
}

#entry #comment_submit p.small{
	font-size:85%;
	padding:0 4px;
	font-weight:normal;
	color:#404040;
	margin-bottom:8px;
	line-height:1.2em;
}

#entry #comment_submit p.small input{
	vertical-align:middle;
	margin-right:5px;
}

#entry #archive-title{
	height:44px;
	width:510px;
	color:#000000;
	font-size:85%;
	display:inline-block;
	font-weight:bold;
	overflow:hidden;
	padding-right:8px;
	text-align:center;
	vertical-align:middle;
	margin-bottom:10px;
	background:#F0F0F0;
	border:1px solid #E8E8E8;
	line-height:44px;
}

#comment_submit input#comment-preview,
#comment_submit input#comment-post{
	padding:0 20px;
}

/* --- Elegant Apps Developers から移植した CSS --- */
#entry .entry-body .f_right{
	float: right;
}

#entry .entry-body .f_left{
	float: left;
}

#entry .entry-body .f_right_txt{
	float: right;
	width: 315px;
}

#entry .entry-body .f_left_txt{
	float: left;
	width: 315px;	
}

#entry .entry-body .c_both{
	clear: both;
}

#entry .entry-body code{
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	color: #FFFFFF;
}

#entry .entry-body .source{
	border: #484644 1px solid;
	padding: 16px 0 16px 16px;
	background-color: #1F1D1B;
	margin: 20px 0 20px 0;
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    white-space: pre-wrap;
    word-wrap: break-word;
	color:#FFFFFF;
}

/* --- 終了 --- */

#entry .entry-body h3{
	font-size: 123.1%;
	margin: 20px 0 8px 0;
}

#entry .entry-body h3.blue{
	font-weight: bold; 
	border-left: #0066cc solid 3px; 
	font-size: 18px; 
	margin: 35px 0 10px 0; 
	padding: 2px 0 2px 10px;
}

#entry .entry-body h3.red{
	font-weight: bold; 
	border-left: #dd5533 solid 3px; 
	font-size: 18px; 
	margin: 35px 0 10px 0; 
	padding: 2px 0 2px 10px;
}

#entry .entry-body h4{
	font-size: 108%;
	margin: 12px 0 8px 0;
}

#entry .entry-body h4.blue{
	font-weight: bold; 
	border-left: #0066cc solid 3px; 
	font-size: 14px; 
	margin: 35px 0 10px 0; 
	padding: 2px 0 2px 10px;
}

#entry .entry-body h4.red{
	font-weight: bold; 
	border-left: #dd5533 solid 3px; 
	font-size: 14px; 
	margin: 35px 0 10px 0; 
	padding: 2px 0 2px 10px;
}

#entry .entry-body ol.list-origin, ul.list-origin {
	padding: 0 0 1em 2em;
}

#entry .entry-body ol.list-origin li {
	list-style-type: decimal;
}

#entry .entry-body ul.list-origin li {
	list-style-type: disc;
}

#entry .hide{
	display:none;
}


/*//////////////////////////////////////
	#sidebar
//////////////////////////////////////*/

#sidebar{
	width:290px;
	float:right;
	padding:40px 45px 0 40px;
	background:url(img/devblog/side_line.png) no-repeat left 0;
}

#sidebar .sideparts{
	border-bottom:1px solid #000000;
	margin-bottom:40px;
	padding-bottom:8px;
}

#sidebar h3{
	color:#000000;
	font-weight:bold;
	font-size:85%;
	margin-bottom:16px;
	line-height:14px;
	border-bottom:2px solid #000000;
	height:14px;
}

#sidebar .items{
	margin:8px 0;
}

#sidebar .items h4{
	width:77px;
	/width:67px;
	overflow:hidden;
	display:table-cell;
	vertical-align:middle;
	font-size:85%;
	text-align:right;
	padding-right:10px;
	color:#8c8c8c;
	/display:inline;
	/zoom:1;
}

#sidebar .items .itemlist{
	display:table-cell;
	vertical-align:middle;
	width:194px;
	padding:0 0 0 8px;
	border-left:1px solid #d2d2d2;
	/display:inline;
	/zoom:1;
}

#sidebar .items li.ico{
	width:34px;
	height:34px;
	margin:0 8px 3px 0;
	float:left;
}

#sidebar .items li.m0{
	width:34px;
	height:34px;
	margin-right:0;
	display:inline-block;
	/display:inline;
}

#sidebar .items li a{
	color:#2040A0;
	font-size:85%;
	font-weight:bold;
}

#sidebar .items li.ico a{
	display:inline-block;
	overflow:hidden;
	width:34px;
	height:34px;
}

#sidebar .items li.ico a.sleipnir3{
	background:url(img/devblog/ico/sleipnir4_ico.png) no-repeat;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/devblog/ico/sleipnir4_ico.png', sizingMethod='crop');
}

#sidebar .items li.ico a.sleipnir2{
	background:url(img/devblog/ico/sleipnir2_ico.png) no-repeat;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/devblog/ico/sleipnir2_ico.png', sizingMethod='crop');
}

#sidebar .items li.ico a.fenrirfs{
	background:url(img/devblog/ico/fenrirfs_ico.png) no-repeat;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/devblog/ico/fenrirfs_ico.png', sizingMethod='crop');
}

#sidebar .items li.ico a.pictbear{
	background:url(img/devblog/ico/pictbear_ico.png) no-repeat;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/devblog/ico/pictbear_ico.png', sizingMethod='crop');
}

#sidebar .items li.ico a.grani{
	background:url(img/devblog/ico/grani_ico.png) no-repeat;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/devblog/ico/grani_ico.png', sizingMethod='crop');
}

#sidebar .items li.ico a.snapcrab{
	background:url(img/devblog/ico/snapcrab_ico.png) no-repeat;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/devblog/ico/snapcrab_ico.png', sizingMethod='crop');
}

#sidebar .items li.ico a.fenririe{
	background:url(img/devblog/ico/fenririe_ico.png) no-repeat;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/devblog/ico/fenririe_ico.png', sizingMethod='crop');
}

#sidebar .items li.ico a.sleipnirmobile{
	background:url(img/devblog/ico/sleipnirmobile_ico.png) no-repeat;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/devblog/ico/sleipnirmobile_ico.png', sizingMethod='crop');
}

#sidebar .items li.ico a.flickaddress{
	background:url(img/devblog/ico/flickaddress_ico.png) no-repeat;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/devblog/ico/flickaddress_ico.png', sizingMethod='crop');
}

#sidebar .items li.ico a.inkiness{
	background:url(img/devblog/ico/inkiness_ico.png) no-repeat;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/devblog/ico/inkiness_ico.png', sizingMethod='crop');
}

#sidebar .items li.ico a.mosa{
	background:url(img/devblog/ico/mosa_ico.png) no-repeat;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/devblog/ico/mosa_ico.png', sizingMethod='crop');
}

#sidebar .items li.ico a.sleipnirstart{
	background:url(img/devblog/ico/sleipnirstart_ico.png) no-repeat;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/devblog/ico/sleipnirstart_ico.png', sizingMethod='crop');
}

#sidebar .items li.ico a.elegantapps{
	background:url(img/devblog/ico/elegantapps_ico.png) no-repeat;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/devblog/ico/elegantapps_ico.png', sizingMethod='crop');
}

#sidebar .items li.ico a.spgra{
	background:url(img/devblog/ico/spgra_ico.png) no-repeat;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/devblog/ico/spgra_ico.png', sizingMethod='crop');
}

#sidebar .items .group{
	margin-bottom:8px;
	background:url(img/devblog/sidebar_group_mid.png) repeat-y;
}

#sidebar .items .group_top{
	background:url(img/devblog/sidebar_group_top.png) no-repeat left top;
}


#sidebar .items .group_btm{
	background:url(img/devblog/sidebar_group_btm.png) no-repeat left bottom;
}

#sidebar .items .m0{
	margin:0;
}

#sidebar .items .group h5{
	width:84px;
	height:100%;
	overflow:hidden;
	display:table-cell;
	vertical-align:middle;
	font-size:85%;
	text-align:center;
	max-width:84px;
	min-width:84px;
	padding-right:8px;
	color:#787878;
	*display:inline;
	*zoom:1;
}

#sidebar .items .group ul{
	overflow:hidden;
	display:table-cell;
	vertical-align:middle;
	text-align:left;
	padding-left:0px;
	color:#A7A7A7;
	*display:inline;
	*zoom:1;
	margin:0;
}

#sidebar .items .group ul li{
	padding:0px;
	margin:0;
	text-align:left;
	list-style-position:outside;
	line-height:1.6em;
}

#sidebar .items .group ul .group2{
	padding-left:8px;
	border-left:1px solid #D2D2D2;
}

#sidebar .items ul.archives li{
	display:inline;
}

#sidebar .hatena-bookmark-widget-title,
#sidebar .hatena-bookmark-widget-footer{
	display:none;
}


#sidebar .hatena-bookmark-widget-body li{
	background:url(img/devblog/hb_bgmid.png) repeat-y right;
	margin-bottom:10px;
}

#sidebar .hatena-bookmark-widget-body a{
	width:190px;
	/width:190px;
	display:inline-block;
	height:100%;
	display:table-cell;
	overflow:hidden;
	vertical-align:middle;
	padding-right:14px;
	/display:inline;
	/zoom:1;
}

#sidebar .hatena-bookmark-widget-body span{
	/width:46px;
	display:inline-block;
	height:100%;
	overflow:hidden;
	display:table-cell;
	vertical-align:middle;
	padding-left:25px;
	/padding-left:30px;
	border:1px solid #E8E8E8;
	/border:none;
	/display:inline;
	/zoom:1;
	background:url(img/devblog/hb_ico.png) no-repeat 8px center #F0F0F0;
}

#sidebar .hatena-bookmark-widget-body span strong,
#sidebar .hatena-bookmark-widget-body span em{
	line-height:1;
	/line-height:1.2em;
	float:right;
	/float:none;
	min-height:1px;
}

#sidebar .hatena-bookmark-widget-body span strong a,
#sidebar .hatena-bookmark-widget-body span em a{
	padding:0;
}

#sidebar .hatena-bookmark-widget-body span strong:after,
#sidebar .hatena-bookmark-widget-body span em:after{
  content: "";  /* Vvf */
  display: block;  /* ubNxvf */
  clear: both;
  height: 0;
  visibility: hidden;
}

#sidebar #archive .itemlist{
	width:158px;
}

#content .page_navi{
	clear:both;
	width:520px;
	position:relative;
}

#content .page_navi .page-numbers.next{
	position:absolute;
	margin-right:0px;
	right:0;
	top:0;
}

#content .page_navi .page-numbers.prev{
	position:absolute;
	left:0;
	top:0;
}

#content .page_navi .innner{
	margin:0 auto;
	width:300px;
}

#content .page_navi .page-numbers{
	text-align:center;
	vertical-align:middle;
	display:inline-block;
	width:30px;
	height:22px;
	color:#2040A0;
	padding-top:8px;
	background-color:#ECECEC;
	border:1px solid #E2E2E2;
	margin-right:4px;
	font-size:93%;
	font-weight:bold;
}


#content .page_navi .next,
#content .page_navi .prev{
	width:80px;
	display:block;
}

#content .page_navi .page-numbers.dots{
	border:1px solid #E2E2E2;
	color:#E2E2E2;
	width:0px;
	height:22px;
}

#content .page_navi .current{
	color:#000000;
	background-color:#F9F9F9;
	border:1px solid #606060;
}

#content .page_navi .current.ml{
	margin-left:200px;
}

.campaign_banner {
    height: 51px;
    left: 47px;
    position: absolute;
    top: 2px;
    width: 95px;
}

.campaign_banner a {
    background: url(img/common/campaign_banner.png) no-repeat;
    display: block;
    height: 51px;
    overflow: hidden;
    text-indent: -9999px;
    width: 95px;
}

.campaign_banner a:hover{
    background: url(img/common/campaign_banner.png) no-repeat 0 -51px;
}

.article_banner{
	width:512px;
	margin:7px auto 17px auto;
}

#entry .article_banner a{
    background:url(img/article_banner.png) no-repeat;
    display:block;
    height:129px;
    overflow:hidden;
    text-indent:-9999px;
    width:512px;
	margin-left:0;
}

#entry_container{
	float:left;
}


/* Start add by Kawabata 2013/04/09 #13946 */
#s {
  border: solid 1px #999;
  border-radius: 5px;
  padding: 5px;
  margin: 0;
  vertical-align: middle;
}
#s:hover, #s:focus { background-color: #eee }
#searchsubmit {
  border: solid 1px #999;
  border-radius: 5px;
  padding: 3px;
  margin:0;
  background-color: #666;
  color: #fff;
  vertical-align: middle;
}
#searchsubmit:hover, #searchsubmit:focus { background-color: #999 }
/* End add by Kawabata 2013/04/09 #13946 */