@charset "utf-8";
body {
  color:#2c2c2c;
  background:#f9f9f9;
  text-shadow:#fff 0 1px 0;
  padding:1.5em 2em 60px;
  /*	margin:1em;*/
margin:0;
  font-size:85%;
  line-height:1.75;
  letter-spacing:0.1em;/*  letter-spacing:0.1ex;
  line-height:1.9;	text-shadow:#f3e2da 1px 1px 0;*//*  background:-moz-radial-gradient(center top, circle closest-corner, #f6f9fb 200px, white 400px);
  background: -webkit-gradient(radial, center top, 200, center top, 400, from(#f6f9fb), to(white));*/
}
h1,
span {
  text-shadow:none;
}
th {
  background:WhiteSmoke;
}
fieldset {
  margin-bottom:1em;
}
/* wp-subscribe2 */
#wp-subscribe {
  border:5px solid #CBDBE3;
  padding:0.5em 1em;
}
#wp-subscribe input[name="email"] {
  width:400px;
}
#wp-subscribe input[name="subscribe"] {
  width:6em;
  margin-right:1em;
}
#wp-subscribe input[name="unsubscribe"] {
  width:8em;
}
#wp-subscribe form p {
  margin:0.5em 0;
}
/**/
.inputage {
  width:3em;
}
.inputnum {
  width:7em;
}
/* 検索 input sidebar
-------------------------*/
#floatingfunc {
  text-align:right;
  position:fixed;
  bottom:0;
  left:0;
  width:100%;
  height:50px;
  line-height:50px;
  background:rgba(0, 0, 0, 0.5);

/*ie*/
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#50000000, endColorstr=#35000000);
}
#floatingfunc a {
  color:#fff;
  text-shadow:#000 0 -1px 0;
  font-size:80%;
}
.widget_search {
  float:right;
}
.widget_search form div {
  margin-right:2em;
  margin:15px;
}
.widget_search input {
  float:left;
  vertical-align:bottom;
}
.widget_search input[type="text"] {
  height:20px;
  line-height:20px;
  width:20em;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  background:#fff;
}
.widget_search input[type="submit"] {
  border:none;
  display:block;
  text-indent:-7777px;
  background: url(../img/common/find-icon.png) no-repeat right top;
  margin-left:-26px;
  width:20px;
  height:22px;
}
.widget_search input[type="submit"]:hover {
  background-position:right center;
}
.widget_search input[type="submit"]:active {
  background-position:right bottom;
}
/*
input#s {
  color:#333;
  background:#fff url(../img/common/find.gif) no-repeat 5px center;
  padding:2px 8px 2px 2em;
  width:11em;
}
#searchsubmit{
margin-left:-20px;
z-index:100;
}*/
input[type="text"],
textarea {
  border:1px solid #d8d8d8;
}
input[type="text"]:focus,
textarea:focus {
  border:1px solid #BAEBF9;
}
.ps {
  color:#fff;
  background:#3376d5;
}
.fw {
  color:#fff;
  background:#efc718;
}
img {
  vertical-align:middle;
}
caption {
  font-weight:bold;
}
#wrap {
  max-width:62em;
}
.home #wrap {
  margin-right:17em;
}
.storycontent table ol {
  margin-top:0;
}
/* psfwのtable部分 */
table.psfw {
  width:100%;
  margin-top:0.2em;
  margin-bottom:1.5em;
}
.psfw th {
  width:60px;
  font-weight:bold;
}
.psfw th,
.psfw td {
  vertical-align:top;
  padding:0.2em;
  border:1px solid #d8d8d8;
  background:none;
  line-height:2.2;
}

/* iphone */
.post .backupedit dd+dt {
margin-top:0;
}
.backupedit dt{
clear:both;
float:left;
width:70px;
padding:5px;
}
.backupedit dd{
margin-left:70px;
padding:5px;
}
.backupedit dd:after {
  content : '';
  display : block;
  clear : both;
}

/**/

/* スキップメニュー */
#accessibility {
  display:none;
}
/* css選ぶところの説明 */
#csslistwarp li {
  list-style:none;
  margin:0;
}
#csslistwarp {
  padding:0;
  margin:0;
  background:none;
  border:none;
}
/* css list
-------------------------*/
#themeswitcher li {
  float:left;
  font-size:80%;
  padding-right:1em;
  margin-bottom:3em;
}
#themeswitcher li:before {
  content:"> ";
}
/**/
.ttt {
  border:5px solid #690;
  padding:1em;
}
/* エクステンション
------------------------- */
.post .storycontent ul.chromeexten {
  margin:0;
  padding-left:0;
}
.post .storycontent ul.chromeexten li {
  list-style:none;
  vertical-align:middle;
}
.storycontent .chromeexten img {
  background:none;
  vertical-align:middle;
  margin:0.3em 0.5em 0.3em 0;
}
.storycontent .chromeexten img:hover {
  background:none;
}
/* エクステンション
------------------------- */

strong,
h1,
h2,
h3,
h4 {
  font-weight:bold;
}
strong {
  background:#F0FBFF;
  border-bottom:1px solid #CBDBE3;
  padding:0 0.2em;
}
span strong {
  background:none;
}
address,
p#copyright {
  padding-top:1em;
  border-top:1px solid #d8d8d8;
}
.descri {
  font-size:75%;
  color:#fff;
  /*	background:#f1ff83;
	background:#9fd8ef;
	background:#588cb8;*/
	background:#004477;
}
pre {
  overflow:auto;
  background:#F5F6E7;
  /*	white-space:nowrap;*/
	padding:0.5em 1em;
  margin:0.3em 0;
  border:1px solid #EEEFE0;
  /*webkitとfirefoxだけ角を丸くした*/
	border-radius:6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
}
code {
  /*font-size:85%;*/
	font-family:"Courier New", Courier, monospace;
}
.pagenavi li {
  float:left;
  margin-right:2em;
}
#similar-wrap,
#post-wrap {
  color:#666;
  font-size:90%;
  padding:1em 1em 0 1.2em;
  margin-bottom:1em;
  border-radius:0.5em;
  -webkit-border-radius: 0.5em;
  -moz-border-radius: 0.5em;
}
#similar-wrap {
  margin-top:3em;
  border:5px solid #CBDBE3;
  padding:0em 1em 0 1.2em;/* 関連記事部分  - 上の指定を上書き */
}
#post-wrap {
  border:5px solid #d8d8d8;
}
#midground {
  min-width:700px;
}
/**/
#menu {
/*  margin:1em 0 3em 0;*/
}
#menu ul {
  padding:0;
  margin:0;
}
#menu li {
  float:left;
  list-style:none;
  font-size:85%;
  padding:0.1em 1em 0.1em 0;
  color:#666;
}
#menu li li {
  font-size:100%;
}
li.widget {
  margin-bottom:1.8em;
  clear:both;
}
li.widget span {
  font-size:120%;
}
.widget ul {
  margin-left:1.5em;
  margin-bottom:1em;
}
.widget ul li {
  list-style:circle;
}
.note {
  /*	background:#CF0;*/
	background:url(../img/tile_green.gif);
  padding:0 0.2em;
}
/* 記事タイトル */
h2.storytitle {
  font-size:175%;/*	font-family:Georgia,"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "細明朝体", serif;*/
}
/* 記事ブロック .post */
.post {
  margin-bottom:1em;
  border-bottom:1px solid #d8d8d8;
  padding-bottom:3em;
  /*  text-shadow:#cfe9e8 0 1px 0;*/
text-shadow:#fff 0 1px 0;
}
.post h3 {
  font-size:150%;
  color:#444;
  line-height:1.9;
  padding-top:1em;
}
.post blockquote h3 {
  padding-top:0;
}
.post h4 {
  font-size:125%;
  color:#2A6B03;
  /*background:#D3D2BE;*/
font-weight:normal;
  /*border-bottom:1px solid #DCBEC8;*/
margin-bottom:0.8em;
}
.post h5,
.post h6 {
  font-size:125%;
}
.post dl {
  margin-bottom:1em;
  margin-top:1em;
}
.post dt {
  font-weight:bold;
}
.post ol,
.post ul {
  padding-left:2em;
  margin-top:1em;
  margin-bottom:1em;
}
.post ol li {
  list-style-type:decimal;/*	margin-bottom:1em;*/
  margin-bottom:1.6em;
}
.post ol.flow li{
margin-bottom:0;
}
.post ul li {
  list-style-type:disc;/*margin-bottom:1em;*/
}
/* ps fw table*/

.psfw ol li,
psfw ul li {
/*	margin-bottom:1em;*/
}
/* 次の記事前の記事*/
#post-wrap {
  padding:0;
}
#post-wrap ul {
  padding-left:1.2em;
}
#post-wrap li {
  list-style:none;
}
/**/
.meta p {
  margin:0;
  padding:0;
}
.meta {
  padding-bottom:1em;
  font-size:90%;
  font-family: Georgia, Helvetica, Arial, sans-serif;
}
textarea {
  width:100%;
}
/* imgに動く枠を、うざいかな？ */

.storycontent {
  /*  text-shadow:#cfe9e8 0 1px 0;*/
text-shadow:#fff 0 1px 0;
}
.storycontent img {
  padding:1px;
  background:#d8d8d8;
}
/*
.storycontent img:hover {
	background:url(../img/tile/move_line_6rl.gif);
	padding:1px;
}*/
.storycontent img.reset {
  background:none;
}
.storycontent .wp-caption img {
  background:#d9e4e8;
  padding:1px;
}
.storycontent .wp-caption img:hover {
  background:url(../img/tile/move_line_6rl.gif);
  padding:1px;
}
.wp-caption a img:hover,
.storycontent a img:hover {
  background:url(../img/tile/move_line_6rl.gif);
  padding:1px;
  filter: alpha(opacity=75);
  -moz-opacity:0.75;
  opacity:0.75;
}
.storycontent .no a img:hover {
  background:url(../img/tile/move_line_6rl.gif);
  padding:1px;
  filter: alpha(opacity=100);
  -moz-opacity:1;
  opacity:1;
}
.storycontent .no dt {
  margin-right:0.6em;
  margin-bottom:0.2em;
  padding:0;
  letter-spacing:0;
  clear:both;
  float:left;
}
/* catlist
--------------------------------------------------*/
.catlist .storycontent dt {
  margin-bottom:0.2em;
  letter-spacing:0;
  font-family:Georgia, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}
.catlist .storycontent dt a {
  text-decoration:none;
  background:#f8f8f8;
  border:1px solid #f0f0f0;
  padding:0.1em 0.5em;
}
.catlist .storycontent dt a:hover {
  text-decoration:none;
  border:1px solid #BAEBF9;
}
/* ページ
-------------------------------------------------- */
.me dt {
  float:left;
  width:140px;
}
/* ページ
-------------------------------------------------- */



.wp-pagenavi {
  margin-top:1.8em;
}
/* linkcolor
------------------------------------------------------------ */
a:link {
  color:#588cb8;
  text-decoration:none;
}
a:visited {
  color:#004477;
  text-decoration:none;
}
a:hover {
  /*	color:#03a2e5;*/
	color:#004477;
  text-decoration:underline;
}
a:active {
  color:#dc0e74;
  text-decoration:none;
}
/* コンテンツ部分のリンクがわかりづらいので */
.storycontent a {
  background:#f6f6f6;
}
.storycontent a:hover {
  text-decoration:none;
  background:#f6f6f6;
  border-bottom:1px dotted #dc0e74;
}
.storycontent a[rel^="shadowbox"], .storycontent a:hover[rel^="shadowbox"] {
 background:none;
 border:none;
}
/**/
.wp-pagenavi a:hover {
  /*	border:1px solid #eeeae3;*/
	background:#deeef5;
}
.wp-caption a img,
.storycontent a img,
.wp-caption a img:hover,
.storycontent a img:hover {
  border:none;/*
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;*/
}
/* ------------------------------------------------------------ */

#data {
  -webkit-column-count : 3;
  -webkit-column-gap : 20px;
  -moz-column-count : 3;
  -moz-column-gap : 20px;
}
.key {
  font-size:90%;
  /*	font-weight:bold;*/
/*font-family:Georgia, "Times New Roman", Times, serif;*/
	text-transform: capitalize;
  padding:0 0.5em;
  margin:0.2em;
  color:#3E7193;
  background:#F8F8F8;
  border:2px outset #B8BFC2;
  border-radius:2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}
/* textarea resize */
div.grippie {
  background:#EEEEEE url(../img/common/grippie.png) no-repeat scroll center 2px;
  border-color:#DDDDDD;
  border-style:solid;
  border-width:0pt 1px 1px;
  cursor:s-resize;
  height:9px;
  overflow:hidden;
}
.resizable-textarea {
  margin-bottom:1.8em;
}
/* wp-style */
h3 {
  clear:both;
  margin-bottom:0.3em;
}
iframe {
  border:1px solid #d8d8d8;
}
p {
  margin-bottom:1em;
}
.del,
del {
  text-decoration: line-through;
}
.backtop {
  background:url(../img/tile/tile_gray_2.gif);
  font-size:80%;
  text-align:right;
}
#menu span {
  cursor:pointer;
}
/* /css読み込み前の設定
--------------------------------------------------*/

#menu {
  font-family:Georgia, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
  letter-spacing:normal;
}
.post p + pre,
.post p + blockquote {
  margin-top:-0.7em;
  margin-bottom:1em;
}
.post p + blockquote.yotube {
  margin-top:1em;
}
.post p + ul,
.post p + ol {
  /*  margin-top:-1em; 20100707外してみた*/
  margin-bottom:1em;
}
.post dd+dt {
  /*	margin-top:1em;*/
margin-top:1.6em;
/*margin-top:3.2em;*/
}
.post dl dl {
  margin-left:1em;
}
/* 計算機 */
#minimum_caloric_calc dd+dt {
  margin-top:0;
}
#minimum_caloric_calc,
#heartbeat {
  border:5px solid #CBDBE3;
  padding:1em;
  /* 角丸 */
border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
#result input {
  width:7em;
}
#run {
  padding:1.5em 0;
  margin-bottom:1.5em;
  border-bottom:1px solid #CBDBE3;
}
#your_height,
#your_weight {
  width:5em;
}
.storycontent p + .syntaxhighlighter {
  margin-top:-0.8em !important;
  margin-bottom:1em !important;
}
.pagenavi + .catlist {
  margin-top:1em;
  border-top:1px solid #d8d8d8;
  padding-top:1em;
}
/* page
--------------------------------------------------*/
.page h3 {
  margin-bottom:0.3em;
  padding:0.2em;/*	border-bottom:3px solid  #badc1c;*/
}
.page dl {
  margin-bottom:2em;
  line-height:1.9;
}
.page-id-1046 h3 {
  padding:0 0.4em;
  background:url(../img/tile/tile_blue.gif);
  background:url(../img/tile/tile_green_2.gif);
}
.page-id-1046 dt {
  background:url(../img/tile/tile_gray_2.gif);
  font-weight:bold;
  padding:0 0.5em;
}
.page-id-1046 dd {
  margin-bottom:1em;
  padding:0.2em 0.5em;
  border-bottom:1px solid #f2ebe1;
}
/* /page
--------------------------------------------------*/

/* キャッチ */
.note,
.note2,
.note3,
.note4,
.note5 {
  padding:0 0.5em;
}
.note22 {
  /*	background:#FF7200;*/
	background:#FFDCBF;
}
.note3 {
  background:#BADC1C;
}
.note4 {
  background:#454545;
  color:#c7c7c7;
}
.note5 {
  background:#F5F5F5;
}
.note6 {
  background:#f5f6e7;
  background:#CBDBE3;/*	color:#ebebeb;*/
}
/*ピンク*/
.note2 {
  background:#E54E77;
  color:#fff;
}
/*みどり*/
.note7 {
  background:#70BE47;
  color:#fff;
}
/* 黄色 */
.note8 {
  background:#F0EA30;
  color:#333;
}
/* 青 */
.note9 {
  background:#008ECF;
  color:#fff;
}
/* オレンジ */
.note10 {
  background:#F55A21;
  color:#fff;
}
pre.htmlcolor {
  background:#f2eaea;
  border:1px solid #ede2e2;
}
pre.csscolor {
  background:#F5F6E7;
  border:1px solid #EEEFE0;
}
pre.jscolor {
  background:#e6edf5;
  border:1px solid #e0e7ef;
}
.note {
  background:#CF0;
  padding:0 0.5em;
}
.note1 {
  color:#fff;
  background:#09c;
  padding:0 0.5em;
}
.note1b {
  color:#fff;
  background:#D773A9;
  padding:0 0.5em;
}
.note1c {
  color:#fff;
  background:#449F76;
  padding:0 0.5em;
}
/* 引用とか */
blockquote {
  color:#666;
  /*font-size:90%;*/
	padding:1em 1em 0 1em;
  margin-bottom:1em;
  border:5px solid #d8d8d8;
  /*webkitとfirefoxだけ角を丸くした*/
	border-radius:0.5em;
  -webkit-border-radius: 0.5em;
  -moz-border-radius: 0.5em;
}
blockquote:before {
  content:url(../img/common/quote_b.png);
  margin-left:-1em;
}
blockquote {
  background:url(../img/common/quote_t.png) no-repeat right bottom;
  padding:1em 2em 1.6em 2em;
}
table+p {
  margin-top:1.75em;
}
table+form {
  margin-top:1.75em;
  margin-bottom:1.75em;
}
th,
td {
  padding:0.2em 0.4em;
  border-collapse:collapse;
  border:1px solid #d8d8d8;
  vertical-align:top;
}
th {
  background:#f7f7f7;
  font-weight:bold;
}
#modern {
  display:none;
}
.nextpost {
  float:left;
}
.prevpost {
  float:right;
}
img.aligncenter,
img.alignleft,
img.alignright {
  border:1px solid #f33;/*  padding:4px;*/
/*  background:url(../img/tile/tile_blue.gif);*/
}
.aligncenter,
div.aligncenter {
  display: block;
  margin:0 auto 10px auto;
  clear:both;
}
.alignleft {
  float: left;
  margin: 0 1em 1em 0;
}
.alignright {
  float: right;
  margin: 0 0 1em 1em;
}
.cl {
  clear:both;
}
.storycontent .wp-caption {
  border: 1px solid #ddd;
  background-color: #f3f3f3;
  padding-top: 4px;
  margin: 0 10px 10px 0;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.wp-caption img {
  margin: 0 0 0 4px;
  padding: 0;
  border:0 none;
}
.storycontent .wp-caption a, .storycontent a[rel^="shadowbox"], .storycontent .wp-caption a[href^="http://blog.sakurachiro.com"], .storycontent .wp-caption a[href^="http://sakurachiro.com"] {
 text-decoration:none;
 padding:0;
 margin:0;
}
.wp-caption p.wp-caption-text {
  color:#333;
  font-size: 80%;
  padding: 0px 5px 4px 5px;
  margin: 0;
}
/* End captions & aligment */

.page .wp-caption {
  float:left;
}

/* リンクアイコン
-------------------------*/
.storycontent .wp-caption a[href^="http"] {
 padding:0;
}
 .storycontent a[href^="http"] {
 padding:0 0.6em 0 0.3em;
}
 .storycontent a[href^="http"]:after {
 content:url(../img/common/othersite.gif);
 margin-left:0.4em;
}
.storycontent .no a[href^="http"] {
 padding:0;
}
 .storycontent .no a[href^="http"]:after {
 content:inherit;
margin:0;
}
.storycontent a[href^="http://blog.sakurachiro.com"], .storycontent a[href^="http://sakurachiro.com"] {
 padding:0 0.3em;
}
.storycontent a[href^="http://blog.sakurachiro.com"]:after, .storycontent a[href^="http://sakurachiro.com"]:after {
 margin-left:0;
 content:" ";
 content:none;
}
/* カテゴリー毎のタイトル一覧関係
--------------------------------------------------*/
.catlist h2 {
  margin-bottom:0.2em;/*	border-bottom:1px solid #d8d8d8;*/
}
.catlist dt,
.catlist ul {
  padding:0;
  margin:0;
}
.catlist h2 span {
  font-size:50%;
  font-weight:normal;
}
.catlist li {
  float:left;
  list-style:none;
  font-size:70%;
  padding:0.1em 0.8em;
  color:#999;
}
.catlist .storycontent {
/*	padding:0 1em;*/
}
.catlist dt {
  /*	font-weight:normal;*/
	padding:0 0.2em;
}
.catlist dd {
  margin-bottom:1em;
}
/* clearfix
-------------------------------------------------- */
.page .storycontent,
.catlist ul,
.me,
#themeswitcher,
.pagenavi,
#menu,
.widget_search form div,
.storycontent .no {
/zoom:1;
}
.page .storycontent:after,
.catlist ul:after,
.me:after,
#themeswitcher:after,
.pagenavi:after,
#menu:after,
.widget_search form div:after,
.storycontent .no:after {
  content: "";
  display: block;
  clear: both;
  height:0;
}