@charset "utf-8";

/* Legacy Compatibility */
address, article, aside, figure, footer, header, hgroup, menu, nav, section {
  display: block;
  }
[hidden], command, datalist, menu[type=context], rp, source {
  display: none;
  }

/* Reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, address, article, aside, figure, footer, header, hgroup, menu, nav, section {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;vertical-align:baseline;color:#555;}
ul,ol{list-style-position: inside;}
table {border-collapse:collapse;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a {color: inherit; text-decoration:none;}
a:hover {color:#787878;}
strong {font-weight:bold;}
a:active, a:focus {outline:none;}
a img {border:none;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{overflow:hidden;}
/* Hides from IE-mac \*/
* html .clearfix{height:1%;overflow:visible;}
/* End hide from IE-mac */

/* Typography */
@font-face {
  font-family : MigiueJpTitle;
  src: local(UDShinGoNTPro-Regular), local("A-OTF UD新ゴNT Pro R"),local(UDShinGoPro-Regular), local("A-OTF UD新ゴ Pro R"), local(ShinGoPro-Regular), local("A-OTF 新ゴ Pro R"), local("Shin Go Medium"),  local(KozGoPro-Bold), local("小塚ゴシック Pro B"), local("ヒラギノ角ゴ Pro W6"), local(HiraKakuPro-W6), local("メイリオ"), local(Meiryo), local("MS P ゴシック"), local("MS P Gothic"), local(Helvetica), local(Arial);
  }
@font-face {
  font-family : MigiueJpBody;
  src: local("UDReiminPro-Regular"), local("A-OTF UD黎ミン Pro R"), local("KozMinPro-Light"), local("小塚明朝 Pro L"), local("HiraMinPro-W3"), local("ヒラギノ明朝 Pro W3");
  }
@font-face {
  font-family : MigiueJpBase;
  src: local("ヒラギノ角ゴ Pro W3"), local("HiraKakuPro-W3"), local("メイリオ"), local("Meiryo"), local("MS P ゴシック"), local("MS P Gothic");
  }
html {
  font-family: "ヒラギノ角ゴ Pro W3", "HiraKakuPro-W3", "メイリオ", "Meiryo", "MS P ゴシック", "MS P Gothic", Helvetica, Arial, sans-serif;
  background-color: #fff;
  }
header h1 {
  font-family: "good-kitty-1","good-kitty-2", MigiueJpTitle;
  font-size: 36px;
}
body {
  font-family: MigiueJpBase ;
  font-size: 12px;
  line-height: 1.6;
  }
#contents {
  font-family: MigiueJpBody;
  line-height: 22px;
  }
#contents a,
#contents a:link {
  color: #b41f14;
  }
#contents a:hover {
  color: #ff401e;
  }
h1,h2,h3,h4,h5,h6 {
  font-family: MigiueJpTitle;
  }

h1 {font-size: 22px;}
h2 {font-size: 16px;}
h3 {font-size: 16px;}
h4 {font-size: 14px;}
h5 {font-size: 13px;}
h6 {font-size: 13px;}

code {
	font-family: "Courier New",Courier, "ＭＳ ゴシック", "MS Gothic", "Osaka−等幅", "Osaka-mono", monospace;
	}
pre {
  border: 1px solid #ccc;
  padding: 0.5em;
	margin: 1em;
	font-family: "Courier New",Courier, "ＭＳ ゴシック", "MS Gothic", "Osaka−等幅", "Osaka-mono", monospace;
	}
form {
	margin: 0.5em 0;
	padding: 1px 0;}
form dl,form p {
	margin: 0.5em 10px;}
fieldset {
	border: 1px solid;}
legend {
	margin: 0 1em;
	padding: 0 10px;}
input,textarea {
	margin: 0.4em 0.2em 0.4em 0.4em;
	padding: 0.1em 0.3em;
	border: 1px solid;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;}
input[type=radio],input[type=checkbox] {
	margin: 0.4em 0.2em 0.4em 10px;
	padding: 0.1em 0.3em;
	border: 1px solid;}
input:hover,textarea:hover {
	border: 1px solid;}
input:focus,textarea:focus {
	border: 1px solid;}
textarea {
	padding: 0.2em 0.4em;
	line-height: 1.3;}
input[type=submit] { }
input[type=reset]  { }
button{
	height: 1.7em;
	cursor:pointer;}


/* Layout */
html {
  overflow-y: scroll;
  height: 100%;
  min-width: 1000px;;
  margin: 0 auto;
  }
#container {
  width: 900px;
  margin: 5em auto;
  position: relative;
  }
header {
  width: 200px;
  height: 1.8em;
  margin-bottom: 2em;
  text-align: right;
  float: right;
  }
header h1 a {
  display: block;
  }
header h1 a:hover {
  color: #ff401e;
  }
#page {
  width: 600px;
  float: left;
  }
#sidebars {
  width: 200px;
  float: right;
  text-align: right;
  font-size: 91.67%;
  }
#sidebars a:hover {
  color: #ff401e;
  }
#sidebars ul {
  list-style-type: none;
  }
#sidebars h3 + ul li,
#sidebars h3 + p {
  margin-left: 1em;
  }
#sidebars h3 {
  margin:3em 0 0.5em 0;
  font-size: 116.66%;
  }
#sidebars ul#archives + h3 {
  margin-top: 4em;
  font-size: 116.66%;
  }
article.border,
article.border[id^="article"] {
  margin-top: 3em;
  padding-top : 3em;
  }
#paginate,
#trackbacks {
  margin: 2em 0;
  }

/* Contents Typography */
#contents h2,
#contents h3 {
  margin-top: 2em;
  margin-bottom: 1em;
  }
/*#contents .category-excerpt h1:first-child,
#contents .article h1:first-child,
#contents h2:first-child,
#contents h3:first-child {
  margin-top: 0px !important;
  margin-bottom: 1em;
  font-size: 1.23em;
  }
*/
#contents .category-excerpt h1:first-child,
#contents .article h1:first-child {
  margin-top: 0px !important;
  margin-bottom: 2em;
  font-size: 1.23em;
  }
#contents .category-excerpt h1:first-child a,
#contents .article h1:first-child a {
  color: #555;
  display: block;
  margin: 10px auto;
  }
#contents .category-excerpt h1:first-child a:hover,
#contents .article h1:first-child a:hover {
  color: #ff401e;
}

/*#contents .category-excerpt h1:first-child,
#contents .article h1:first-child {
  padding-left: 0.8em;
  border-left: 5px solid #b41f14;
  }
*/

#contents ul,
#contents ol,
#contents dl {
  margin-bottom: 2em;
  margin-left: 1em;
  }
#contents p {
  margin-bottom: 2em;
}
#contents img {
  border: solid 1px #999;
  }
#content pre{
  padding: 1em;
  border: 1px #999 solid;
  overflow: scroll;
  }
nav.pagination{
  padding-bottom: 10px;
  }
div.CodeRay {
	margin-bottom: 0.5em;
	}
.feedback {
  margin-top: 2em;
  }
.thecomment {
  margin-left: 2em;
  margin-bottom: 1em;
  }
footer.meta {
  text-align: right;
  font-size: 10px;
  margin-bottom: 12em;
  padding-right: 1em;
  }

#published, #tags {
  display:inline-block;
  }
#commentform input,
#commentform textarea {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  }
#commentform input:hover,
#commentform textarea:hover {
  border-color: #ff401e;
  }
#form-submit-button {
  padding: 0.4em 0.8em;
  background-color: #fff;
  }
#form-submit-button:hover {
  background-color: rgb(255,222,222);
  }
#comment_author,
#comment_email,
#comment_url {
  width: 20em;
  padding: 0.5em;
  }
#comment_body {
  width: 40em;
  height: 10em;
  padding: 0.5em;
  }