@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_social_bookmarking_light */
.wp_social_bookmarking_light {
}
/* 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:1em;
 /*  margin-top:1em;*/
  margin-bottom:1em;
}
/*入れ子の場合はmarginを消そう*/
.post ul ul, .post ul ol, .post ol ul, .post ol ol {
 margin-bottom:0;
}
.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;
 position:relative;
}
.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;
}
/* ------------------------- .wp_social_bookmarking_light*/
.wphatena {
 display:none;
}
.storycontent .wp_social_bookmarking_light {
 margin-bottom:2em !important;
 /* 角丸 */
border-radius: 3px;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
}
.storycontent .wp_social_bookmarking_light *, .storycontent .wp_social_bookmarking_light * *, .storycontent .wp_social_bookmarking_light *:hover * {
 vertical-align:middle !important;
 margin:0;
 padding:0;
 border:none;
 background:none;
}
.storycontent .wp_social_bookmarking_light a[href^="http"] {
 margin:0;
 padding:0;
}
.storycontent .wp_social_bookmarking_light a[href^="http"]:after {
 content:'';
 display:block;
 height:0;
}
/* カテゴリー毎のタイトル一覧関係
--------------------------------------------------*/
.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, .storycontent .wp_social_bookmarking_light {
/zoom:1;
}
.page .storycontent:after, .catlist ul:after, .me:after, #themeswitcher:after, .pagenavi:after, #menu:after, .widget_search form div:after, .storycontent .no:after, .storycontent .wp_social_bookmarking_light:after {
 content: "";
 display: block;
 clear: both;
 height:0.01px;
}