/* auto-generated by generate_touch_css.pl */

/* @primitive
==================================================== */

* {
  margin: 0;
  padding: 0;
  font-family: 'Helvetica';
}

html {
  background:#F9F9F9;
  font-size: 15px;
  -webkit-text-size-adjust: none;
  letter-spacing: -0.001em;
}

a {
  text-decoration: none;
  color: #11C;
}

ul {
 display: block;
}

img {
max-width: 100%;
height: auto;
}

.body {
  min-height: 303px;
}

button ,
input.custom-button {
  -webkit-appearance: button;
  width: auto;
  height: 31px;
  margin: 5px;
  padding: 0px 7px;
  border: 1px solid #999;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(white), color-stop(0.5, white), color-stop(0.5, #F0F0F0), to(#F0F0F0));
}

/* @text basic style
==================================================== */

h1, h2, h4, h5, h6 {
  margin-bottom: 15px;
}

h1 {
  font-size: 22px;
}

h2 {
  font-size: 20px;
}

h3 {
  font-size: 18px;
}

h4 {
  font-size: 16px;
}

h5, h6 {
  font-size: 15px;
}

p {
  margin-bottom: 1.0em;
}


/* @header
==================================================== */

#header h1 {
  color: white;
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4);
  font-size: 17px;
  font-weight: bold;
  font-family: 'Helvetica';
  margin-bottom: 0;
}

#header .icon-box {
  box-align: center;
  -webkit-box-align: center;
  -moz-box-align: center;
}

#header .icon {
  display: box;
  display: -webkit-box;
  display: -moz-box;
  box-align: bottom;
  -webkit-box-align: end;
  -moz-box-align: end;
  margin-bottom:2px;
}

#header .title {
  margin: 0px 6px;
}

#header .back-button {
  position: relative;
}

#header .logo-box {
  margin-left: 10px;
  display: box;
  display: -webkit-box;
  display: -moz-box;
  height: 32px;
}

#header .logo-title {
  margin-left: 6px;
  position: relative;
}

#header {
  -webkit-box-align: center;
  -moz-box-align: center;
  display: box;
  display: -webkit-box;
  display: -moz-box;
  margin: 0;
  padding: 2px 4px;
  min-height: 44px;
  border-bottom: 1px solid #71777D;
  background-image: -webkit-gradient(linear,left bottom, left top,
                        from(#887b70),
                        color-stop(0.01,#b59381),
                        color-stop(0.02,#b59381),
                        color-stop(0.03,#b59381),
                        color-stop(0.49,#957a6c),
                        color-stop(0.5,#b59381),
                        to(#e9e5e1));
  background-image: -moz-linear-gradient(bottom,
                        #887b70,
                        #b59381 1%,
                        #b59381 2%,
                        #b59381 3%,
                        #957a6c 49%,
                        #b59381 50%,
                        #e9e5e1);
  width: 100%;
  -webkit-box-shadow: #2D3642 0px 0px 2px;
  -moz-box-shadow: #2D3642 0px 0px 2px;
  box-shadow: #2D3642 0px 0px 2px;

}

#header div#top {
  color: #fff;
  position: absolute;
  left: 16px;
  top: 6px;
  font-weight: bold;
  font-size:15px;
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4);
}

.logo {
  color: white;
  font-size: 4px;
  text-align: left;
  font-family: 'STHeitiJ-Light', 'Helvetica';
}


.diarylist-date {
  font-size: 13px;
  color: #333;
  margin-bottom: 0.3em;
}

.diarylist-comment {
  font-size: 11px;
  color: #333;
  margin-top: 0.3em;
}

.wrapper {
  min-height: 100%;
  overflow: hidden;
  width: 100%;
}

/* @search
============================================ */
.search {
  text-align:center;
  margin: 20px 0;
}

.search input {
  font-size: 13px;
  margin: 6px 0;
  padding: 7px 4px;
  -webkit-appearance: textfield;
  -webkit-rtl-ordering: logical;
  -webkit-user-select: text;
  -webkit-box-sizing: border-box;
  -moz-appearance: textfield;
  -moz-rtl-ordering: logical;
  -moz-user-select: text;
  -moz-box-sizing: border-box;
  appearance: textfield;
  rtl-ordering: logical;
  user-select: text;
  box-sizing: border-box;
  width: 180px;
  border: 1px solid #999;
}

.search input#search-form-button {
  width:auto;
  -webkit-appearance: button;
  -moz-appearance: button;
  padding: 0px 7px;
  border: 1px solid #999;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(white), color-stop(0.5, white), color-stop(0.5, #F0F0F0), to(#F0F0F0));
  background: -moz-linear-gradient(top, #fff 0%, #fff 50%, #F0F0F0 51%, #F0F0F0 100%);
  height: 31px;
}

/* @comment
============================================ */
.comment {
  padding: 10px;
}

.commentshort {
  width:100%;
  display: box;
  display: -webkit-box;
}

.commentform {
  width: 100%;
}

.comment input {
  font-size: 13px;
  margin: 6px 0;
  padding: 7px 4px;
  width: 100%;
  -webkit-appearance: textfield;
  -webkit-rtl-ordering: logical;
  -webkit-user-select: text;
  -webkit-box-sizing: border-box;
  -moz-appearance: textfield;
  -moz-rtl-ordering: logical;
  -moz-user-select: text;
  -moz-box-sizing: border-box;
}

.comment-input {
  margin: 4px 0;
}

.input-title {
  margin: 2px 0;
}

.comment input#comment-form-button {
  font-size: 18px;
  -webkit-appearance: button;
  -moz-appearance: button;
  padding: 4px 8px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.496094) 0px 0px 3px;
  -moz-box-shadow: rgba(0, 0, 0, 0.496094) 0px 0px 3px;
  box-shadow: rgba(0, 0, 0, 0.496094) 0px 0px 3px;
  border: 1px solid #999;
  font-weight: bold;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(white), color-stop(0.5, white), color-stop(0.5, #F0F0F0), to(#F0F0F0));
  background: -moz-linear-gradient(top, #fff 0%, #fff 50%, #F0F0F0 51%, #F0F0F0 100%);
  height: 40px;
}

.comment textarea {
  width: 100%;
  padding: 7px 4px;
  margin: 6px 0;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}

.usermailconfirm {
  display: none;
}

.annotation, error {
  border: 1px solid #F5C8A7;
  padding: 15px 10px;
  margin: 10px 10px;
}

.error {
  color: red;
  background: #FFEED8;
}

.annotation {
  border: 1px solid #b59381;
  background: #e9e5e1;
}

/* @diarylist
============================================ */

ul.diarylist {
}

ul.diarylist li div.item {
  padding: 10px 25px 10px 15px;
}

ul.diarylist h3.title {
  font-size: 16px;
  margin-bottom: 0;
  font-weight: bold;
}

.bookmark-count {
  margin: 0 5px;
}

.category {
  margin-left: 5px;
  font-size: 11px;
  color: #8c2f01;
}

/* @section
================================================================== */

.section-date {
  color: #524333;
  font-size: 14px;
  margin: 0;
}

.section-date-box {
  background: white;
  padding: 15px 10px 10px;
  vertical-align:center;
}

.section-title {
  background: white;
  padding: 0px 10px 10px;
}

.section {
  background: white;
  padding: 0px 10px 0px;
}

.section h3.title {
  margin-top:0;
  font-weight: bold;
}

.section h3.title a {
  color: black;
}

.section p.sectionheader {
  margin: 0 0;
}

div.section p {
  line-height: 1.4em;
}

div.section p img.hatena-fotolife {
  max-width: 100%;
  margin: 10px 0;
}

div.section p img.http-image {
  height:auto;
  max-width: 100%;
  margin: 10px 0;
}

div.section p.sectionheader a.bookmark-count img {
  margin: 0 0 -2px 0;
}

div.section ul,ol {
  margin: 5px 0px 5px 20px;
}

div.section li {
  margin: 0.5em 0;
  padding:0;
}

div.section dl,dt {
  margin: 10px 0px 0px;
  font-weight: bold;
}

div.section dd {
  font-weight: normal;
  margin: 5px 0px 5px 10px;
}

div.section h2.title {
  font-weight: bold;
  margin: 0 0 20px;
}

div.section h3 {
  margin: 0 0 0 0;
}

div.section h4 {
  margin: 0 0 13px;
}

div.section h5 {
  margin: 0 0 11px;
}

div.footnote p {
  font-size:70%;
}

.twitter-tweet {
  border:none;
}

.twitter-detail {
  border:none;
  margin: 0;
}

.hatena-asin-detail  {
  border: 1px solid #b59381;
  margin: 20px 0;
  padding: 10px 15px;
}

.hatena-asin-detail-title {
  font-size: 17px;
  margin: 0.5em 0;
}

div.section .hatena-asin-detail ul {
  margin: 0;
}

div.section .hatena-asin-detail li {
  list-style:none;
  margin: 0;
  margin-bottom: 0.5em;
}

div.section pre {
  border: 1px solid #b59381;
  white-space: pre-wrap;
  word-wrap: break-word;
  background: #e9e5e1;
  padding: 10px;
  margin: 10px 0px;
  font-size: 70%;
  overflow: auto;
}

div.section table {
  border-collapse: collapse;
  margin: 10px 0;
}

div.section table th {
  background: #e9e5e1
}

div.section table td,th {
  padding:5px;
  border: 1px solid #b59381;
}

div.section table td {
  border: 1px solid #b59381;
}

div.section blockquote {
  border: 1px solid #b59381;
  margin: 1.5em 0;
  padding: 0.5em 1em;
}

div.section blockquote p {
  margin-bottom: 0;
}

div.section a {
  word-wrap: break-word;
}

div.section a.keyword {
  border-bottom: 1px solid #DEDEDE;
  color: #333;
}

.highlight {
  background: #FFF06E;
  padding: 0px 0.2em;
}

div.footnote {
  background: white;
  padding: 5px 15px;
  border-bottom: 1px solid #DDD !important;
}

.comment-namedate {
  margin-bottom: 0.5em;
  width: 100%;
  display: box;
  display: -webkit-box;
  display: -moz-box;
}

.comment-bubble {
background: #EEE;
border-bottom-left-radius: 10px 10px;
border-bottom-left-radius: 10px 10px;
border-bottom-right-radius: 10px 10px;
border-bottom-right-radius: 10px 10px;
border-top-left-radius: 10px 10px;
border-top-left-radius: 10px 10px;
border-top-right-radius: 10px 10px;
border-top-right-radius: 10px 10px;
color: #333;
margin: 100px 0px 0.5em;
padding: 15px;
position: relative;
}

.comment-bubble::after {
border-bottom-color: #EEE;
border: 15px solid;
content:  ;
display: block;
height: 0px;
left: 50px;
position: absolute;
top: -30px;
width: 0px;
z-index: -1;
}

div#comment {
  padding: 10px 15px;
}

.comment-name {
  text-align: left;
  width: 50%;
}

.comment-timestamp {
  text-align: right;
  width: 50%;
}

.amazon-icon {
 margin-right: 4px;
}

.hatena-id-icon {
  margin: 0 0.3em;
}

.admob-box {
  border-bottom: 1px solid #DDD;
}

.imagefile {
  float:right;
  max-width: 150px;
  max-height: 150px;
  margin: 0 0 15px 10px;
}

/* @google afc
=================================================================== */

#google_afc_top,
#google_afc_bottom,
#google_afc_comment_header {
  min-height: 93px;
  background-color: #fff;
}

#google_afc_top_2,
#google_afc_bottom_2 {
  min-height: 186px;
  background-color: #fff;
}

.google_afc_blocklink {
  position: relative;
  padding: 0 15px;
  border-width: 1px 0;
  word-wrap: break-word;
  word-break: break-all;
  background: #fff;
  line-height: 1.5;
  min-height: 96px;
}

.google_afc_blocklink li {
  list-style: none outside none;
}

.google_afc_blocklink .title {
  display: block;
  padding: 0 0;
  margin: 0 -13px;
  background: transparent;
  font-size: 19px;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 1.5;
  text-align: center;
}
.google_afc_blocklink .title a {
  display: block;
  color: #0669e4;
  padding: 6px 0 12px 0;
  text-decoration: underline;
}
.google_afc_blocklink .summary {
  display: block;
  margin: -9px 0 -10px 0;
  padding: 0;
  font-weight: normal;
  font-size: 11px;
  line-height: 16px;
  letter-spacing: 2px;
  display: block !important;
  text-align: justify;
  color: #AAA;
}
.google_afc_blocklink .summary .line2,
.google_afc_blocklink .summary .line3 {
    display: block;
}
.google_afc_blocklink .visible_url {
  margin: 0 0;
  padding: 0 0;
  font-size: 12px;
  font-weight: bold;
  line-height: 14px;
  letter-spacing: 3px;
}
.google_afc_blocklink .visible_url a {
  padding: 14px 0 6px 0;
  color: #0669e4;
  display: block;
  word-wrap: break-word;
  text-decoration: none;
}
.google_afc_blocklink li:last-child .visible_url a {
  margin-right: 65px;
}
.google_afc_blocklink .google_ads_by {
  position: absolute;
  bottom: 5px;
  right: 10px;
  font-size: 10px;
}
.google_afc_blocklink .google_ads_by a {
  color: #CDCDCD;
  text-decoration: none;
  font-weight: normal;
}
/* @table-view
=================================================================== */
ul.table-view {
  background: white;
  padding: 0 0 0px 0;
  overflow:hidden;
  border-bottom: 1px solid #DDD;
}

ul.table-view li {
  border-bottom: 1px solid #DDD;
  background: -webkit-canvas(arrow) no-repeat scroll 97% center transparent;
  -webkit-background-size: 8px 11px;
}


ul.table-view li a {
  color: #222;
}

ul.table-view li:last-child {
  border-bottom: none;
}

/* @star
=================================================================== */

ul.starlist li div.item {
  display: box;
  display: -webkit-box;
  padding: 8px;
}

.star-name-star-icon {
  margin: 0 4px;
  -webkit-box-flex: 1;
  -webkit-box-align: start;
}

.star-name {
  margin-bottom: 1px;
  font-weight: bold;
  color:#8c2f01;
}

.star-quote {
  font-size: 12px;
}

/* @box
=================================================================== */

.box {
  border: 1px solid #DDD;
  border-top-left-radius: 4px 4px;
  border-top-right-radius: 4px 4px;
  border-bottom-left-radius: 4px 4px;
  border-bottom-right-radius: 4px 4px;
  border-left: 1px solid #DDD;
  border-top: 1px solid #DDD;
  -webkit-border-radius: 10px;
  background: white;
  margin: 10px;
  padding: 10px 15px;
  color: #222;
}

.box a {
  color: #222;
}


div.box {
  display: box;
  display: -webkit-box;
}

.leftBox {
  width: 60%;
}

.rightBox {
  width: 40%;
  text-align: right;
}

.disable {
  color: #999 !important;
}

.multi-box {
  border: 1px solid #DDD;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: white;
  margin: 20px 10px 10px;
  color: #222;
}

.multi-box a {
  color: #222;
}


.multi-box-inner {
  border-bottom: 1px solid #DDD;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 15px 15px;
}

.multi-box-inner:last-child {
  border-bottom: none;
}


/* @about
============================================= */
div.about {
  padding: 10px 15px;
}

div.about img.photo {
  padding: 10px 0;
}

div.about ul.about {
  margin: 4px 0;
}

ul.about li {
  list-style:none;
  margin: 2px 0;
  padding: 0;
}

.about-box-wrapper {
  margin: 10px;
}

#about-box {
  padding: 8px 10px;
  margin: 0;
  vertical-align: middle;
  font-size: 16px;
  display: box;
  display: -webkit-box;
  display: -moz-box;
  box-align: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}

#about-box p {
  margin: 0;
  font-size: 12px;
}

#about-box-icon {
  margin: 5px;
}

#about-box-description {
  box-align: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  width: 90%;
}

#about-box-name {
  font-weight: bold;
}

/* archive */

div.archive {
  padding: 10px 15px;
}

div.archive .category {
  display: inline-block;
  font-size: 18px;
  margin-bottom: 10px;
}

div.archive .calendar .year {
  display: block;
  margin: 10px 0;
  font-size: 18px;
}

div.archive .calendar .month {
  font-size: 18px;
  line-height: 34px;
}

/* @bookmark-comment module
====================================== */
#bookmark-comment-unit .unit-title {
  background: none repeat scroll 0 0 #957a6c;
  font-size: 12px;
  line-height: 20px;
  padding: 4px 0 4px 7px;
  font-weight: bold;
  color: #fff;
  margin-bottom: 0;
}

#bookmark-comment-unit .pager-section .readmore {
  padding: 11px 5px;
  text-align: center;
  font-weight: normal;
  font-size: 13px;
  color: #666;
  display: block;
  background-color: #fff;
  border-top: 1px solid #e6e9ea;
  border-bottom: 1px solid #e6e9ea;
  cursor: pointer;
  margin-top: -1px;
  position: relative;
}

#bookmarks-container .bookmark-comment-list {
  border-top: 0;
}

.bookmark-comment-list {
  background-color: #fff;
}

.bookmark-comment-list li {
  position: relative;
  padding: 6px 8px 8px 0;
  margin-left: 34px;
  line-height: 1.3;
  border-bottom: 1px solid #E6E9EA;
}

.bookmark-comment-list a {
  position: relative;
  z-index: 2;
}

.bookmark-comment-list .user-icon-container {
  display: block;
  float: left;
  margin-left: -27px;
}

.bookmark-comment-list .user-icon-container .service-icon {
  display: inline;
  position: absolute;
  top: 20px;
  left: 20px;
  width: 12px;
  height: 12px;
  background: #fff;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

.bookmark-comment-list .user-name {
  display: inline-block;
  font-weight: normal;
  margin-top: 0;
  margin-right: 4px;
  font-size: 11px;
  color: #BF5100;
}

.bookmark-comment-list .user-name img {
  margin-bottom: -1px;
  vertical-align: baseline;
}

.bookmark-comment-list .plus-icon {
  margin-left: 3px;
}

.bookmark-comment-list .user-tag,
.bookmark-comment-list .user-timestamp {
  font-size: 12px;
  font-weight: normal;
  color: #AAA;
}

.bookmark-comment-list .user-timestamp {
  margin-right: 12px;
}

.bookmark-comment-list .user-timestamp a {
  font-weight: normal;
  color: inherit;
}

.bookmark-comment-list .user-comment-meta {
  margin-top: 2px;
  display: block;
}

.bookmark-comment-list .user-tag {
  display: inline;
  font-size: 11px;
  min-height: 16px;
}

.bookmark-comment-list .mine .user-tag {
  margin-right: 16px;
}

.bookmark-comment-list .user-comment {
  display: inline;
  font-size: 12px;
  font-weight: normal;
  word-break: break-all;
  word-wrap: break-word;
  color: #666;
  border: none;
  margin-top: 1px;
}

.bookmark-comment-list .user-comment a {
  font-weight: normal;
}

.bookmark-comment-list .user-comment-link {
  font-size: 11px;
  font-weight: normal;
  color: #999;
  padding-left: 16px;
  margin: 0 8px 0 -1px;
  background-size: 15px 15px;
  background-repeat: no-repeat;
  background-position: center left;
  background-image: url('/images/touch/comment-link.png');
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .bookmark-comment-list .user-comment-link {
    background-image: url('/images/touch/comment-link@2x.png');
  }
}

.bookmark-comment-list a.user-edit {
  display: block;
  position: absolute;
  top: -10px;
  right: -10px;
  width: 46px;
  height: 46px;
  z-index: 1;
}

.bookmark-comment-list .new-line-for-HatenaStar {
  display: inline-block;
}

.bookmark-comment-list .user-edit img {
  padding: 15px;
}

.bookmark-comment-list .hatena-star-container .meta {
  display: none;
}

a.comment-share {
  display: inline-block;
  background-size: 15px 15px;
  background-repeat: no-repeat;
  width: 15px;
  height: 15px;
  margin-right: 10px;
  margin-bottom: -3px;
}

a.comment-share.twitter {
  background-image: url('/images/touch/comment-share-twitter.png');
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  a.comment-share.twitter {
    background-image: url('/images/touch/comment-share-twitter@2x.png');
  }
}

a.comment-share.facebook {
  background-image: url('/images/touch/comment-share-facebook.png');
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  a.comment-share.facebook {
    background-image: url('/images/touch/comment-share-facebook@2x.png');
  }
}

a.comment-share span {
  display: none;
}

/* @pager
============================================ */

.pager {
  margin: 20px 10px 20px;
}

.pager-inner {
    display: table;
    width: 100%;
    box-sizing: border-box;
}

.pager-next,.pager-previous{
  display: table-cell;
  background: white;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(white), color-stop(0.5, white), color-stop(0.5, #F0F0F0), to(#F0F0F0));
  background: -moz-linear-gradient(top, #fff 0%, #fff 50%, #F0F0F0 51%, #F0F0F0 100%);
  width: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 8px;
  font-weight:bold;
  font-size:12px;
  height:50px;
  vertical-align: middle;
}

.pager-previous {
  border-top: 1px solid #DDD;
  border-right: 1px solid #DDD;
  border-bottom: 1px solid #DDD;
  border-left: 1px solid #DDD;
  border-bottom-left-radius: 10px 10px;
  border-top-left-radius: 10px 10px;
}

.pager-next{
  border-top: 1px solid #DDD;
  border-right: 1px solid #DDD;
  border-bottom: 1px solid #DDD;
  border-bottom-right-radius: 10px 10px;
  border-top-right-radius: 10px 10px;
  text-align: right;
}

.pager-next-title, .pager-previous-title {
  word-break: break-all;
  padding: 0 6px;
  display: inline-block;
}

.pager-previous-title {
  padding: 0 0 0 6px;
}

.pager-next-title {
  padding: 0 6px 0 0;
  text-align: end;
}

.pager a {
  color:#333;
}

/* @footer
============================================= */

div#footer {
  color: #999;
  font-size: 75%;
  padding: 5px 0px 10px;
  text-align: center;
  text-shadow: white 0px 1px 0px;
}

div#footer a {
  color: #999;
}

div#footer-menu {
  background: #D8DEE6;
  border-top: 1px solid #888;
  yfont-size: 80%;
  margin: 0px;
  padding: 5px 0px;
  text-align: center;
}

div#footer-menu a {
color: #3C4651;
display: inline-block;
margin-right: 0px;
padding: 5px 4px 5px 17px;
text-shadow: white 0px 1px 0px;
font-size: 80%;
font-weight: bold;
}

a.pcpage {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAEMSURBVHjaYvz//z8DNQATA5UA1QxiQRdQVlW1IqDn493bt68SNAgI1gjw8z9gZWX9ii7x+/dv7i9fvigAmVJ4DQK6RhZEnz1zBmTIR2zO0Tc0JOw1Wxsbo6PHjoGYrrj8BXTRM4KBraikJKatpUUwYI1MTPgIxhobG9tXQgYpKCiYEzTo2bNnLHoGBnzYDACGIR8QMFiYmyvgDaMP799zv379mp2Ti+uGipoaA7ZU//nzZwZseYERphhomzYLC8tGRgYGLi5ubrxeY2Zm/vrp48eAmzduXEUxSFJIQJuZlXU3EyMTAwc7GwMjIyPBAAeq+HLjwSM1FK89f/eBnFzxD6vXhl/up5pBAAEGAI0QTjEQsmPdAAAAAElFTkSuQmCC) no-repeat 0% 4px;
}

a.menu {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAACSSURBVHjaYvz//z8DNQATA5UAC7qAiYlJMZAqJkJv75kzZ3pxGgQ1hBuIefAY8gWqDq9BIMBz/PhxJktLy3979uxh+vTpE8PXr18ZuLm5Gfj4+BhcXFxAlnzF6zUYABkCooGa/pEVRjBAwEX/iDZo1EVD0EVfgIbw4HHRF2IM6oUm/6+E8hoyh3HQFSNUMwggwADzmmh7r5Te0gAAAABJRU5ErkJggg==) no-repeat 0% 4px;
}

/* @edit
====================================== */

button.edit-link {
    position: absolute;
    top: 60px;
    right: 0;
    height: auto;
    margin: 0;
    padding: 10px 20px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

form.edit-form-smartphone-container {
    position: relative;
    padding: 5px;
}

form.edit-form-smartphone-container div.form-title {
    font-size: 14px;
    padding: 10px 0;
}

form.edit-form-smartphone-container div.close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 10px;
}

form.edit-form-smartphone-container div.edit-form-smartphone {
    text-align: center;
}

form.edit-form-smartphone-container div.edit-form-smartphone input.input-title {
    font-size: 16px;
    width: 100%;
    padding: 7px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

form.edit-form-smartphone-container div.edit-form-smartphone textarea.input-body {
    font-size: 16px;
    width: 100%;
    margin: 5px 0 0 0;
    padding: 7px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

form.edit-form-smartphone-container div.edit-buttons {
    text-align: left;
}

form.edit-form-smartphone-container div.edit-buttons input.submit {
    padding: 0 20px;
}

.editinplace{
  display: block;
  height: 44px;
  line-height:44px;
  margin: 10px 10px;
  font-weight: bold;
  overflow: hidden;
  text-align: center;
  border: 1px solid #ddd;
  background: -webkit-gradient(
   linear,
   left top,
   left bottom,
   from(white),
   to(#F3F3F3),
   color-stop(0.5, #F7F7F7),
   color-stop(0.5, #E9E9E9)
   );
  background: -moz-linear-gradient(
   top,
   white 0%,
   #F7F7F7 50%,
   #E9E9E9 51%,
   #F3F3F3 100%
   );
  -webkit-background-clip: padding-box;
  -webkit-border-radius: 10px;
  -webkit-box-sizing: border-box;
  -webkit-background-clip: padding-box;
  color: #333;
  font-size: 100%;
  padding-top: 0px;
  box-sizing: border-box;
}

/* @syntax highlight
====================================== */

.synSpecial { color: #c000c0; }
.synType { color: #008000; }
.synComment { color: #0000c0; }
.synPreProc { color: #c000c0; }
.synIdentifier { color: #008080; }
.synConstant { color: #c00000; }
.synStatement { color: #804000; }

/* @share-button
====================================== */
.body .section p.share-button {
  margin-top: 1.5em;
  margin-bottom: 0;
  border: medium none;
  padding-top: 0;
  padding-bottom: 0.5em;
}

p.sectionfooter {
  margin: 0 0;
}

p.share-button iframe,
p.share-button a.hatena-bookmark-button img {
  vertical-align: middle;
}

p.share-button iframe {
  margin: 1px 0 0 3px;
}

p.share-button iframe.hatena-bookmark-button-frame,
p.share-button iframe.twitter-share-button,
p.share-button a.hatena-bookmark-button img {
  margin: 0 3px;
}

p.share-button .fb-share-button.fb_iframe_widget {
  display: inline;
}

p.share-button .fb-share-button.fb_iframe_widget span {
  width: 61px !important;
  margin-bottom: 1px;
}

/* @enjapan ad
====================================== */
#red-1 {
  border-bottom: 1px solid #ddd;
}


/* @enjapan ad
====================================== */

.guest-footer {
  display: block !important;
}

.guest-footer h3 {
  font-size: 17px;
  padding: 0px 0 5px 0;
  margin: 0;
}

.guest-footer p {
  font-size: 85%;
  line-height: 1.4;
  margin-bottom: 8px;
}

.guest-footer .button {
  display: block;
  height: 44px;
  line-height:44px;
  margin: 0;
  font-weight: bold;
  overflow: hidden;
  text-align: center;
  background-color: #37afe7;
  background: -moz-linear-gradient(#37afe7, #2586b4);
  background: -webkit-linear-gradient(#37afe7, #2586b4);
  background: linear-gradient(#37afe7, #2586b4);
  border: 1px solid #257da7;
  color: #fff !important;
  -webkit-background-clip: padding-box;
  -webkit-border-radius: 5px;
  -webkit-box-sizing: border-box;
  -webkit-background-clip: padding-box;
  font-size: 100%;
  padding-top: 0px;
  box-sizing: border-box;
}