@charset "utf-8";
html, body {
 height:100%;
}
/* 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;
}
/**/

caption {
 font-weight:bold;
}
.storycontent table ol {
 margin:0;
}
/* 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;
}
/* 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;
}
/* ps fw table*/
.psfw ol li, .psfw ul li {
/*	margin-bottom:1em;*/
}
.ps {
 color:#fff;
 background:#3376d5;
}
.fw {
 color:#fff;
 background:#efc718;
}
/* スキップメニュー */
#accessibility {
 display:none;
}
/* css選ぶところの説明 */
#csslistwarp p {
 display:none;
}
#csslistwarp li {
 list-style:none;
 margin-left:0.5em;
}
#csslistwarp {
 padding:0;
 margin:0;
 background:none;
 border:none;
}
/* csschg */
#themeswitcher {
 background:url(../img/tile.gif);
 font-size:80%;
 padding:0 0.2em;
 position:fixed;
 /*margin-left:530px;
	margin-top:18px;*/
margin-top:90px;
 margin-left:396px;/*	margin-left:235px;*//*	top:3px;
	right:20px;*//*	background:url(../img/tile_gray_2.gif);*/

}
#themeswitcher li {
 float:left;
 margin-right:1em;
}
#themeswitcher li:before {
 content:"≫"
}
#themeswitcher li.nowd {
 background:#fff;
 padding:0 0.5em;
}
/**/

/* エクステンション
------------------------- */
.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;
}
/* エクステンション
------------------------- */

#forie {
 display:none;
}
/* ------------------------- */
body {
 font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif/*,Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif*/;
 /*	background:url(../img/20090629_7.jpg) center top no-repeat fixed;*/
	background:#333 url(../img/3.png) 35% 15% fixed;
 color:#333;
 font-size:80%;
 line-height:1.7;
 letter-spacing:0.1ex;
 padding:0;
 margin:0;
 overflow:hidden;
}
#midground {
 background:url(../img/5.png) 65% 80% fixed;
 /*	position: fixed;
	top: 0px;
	left: 0px;*/
	width:100%;
 height:100%;
 overflow:auto;
}
#topground {
 border-bottom:1px solid #000;
 min-height:100%;
 background:url(../img/1.png) 43% 15% fixed;/*background:url(../img/1.png) 53% 35% fixed;*/
}
#wrap, .search #wrap {
 width:880px;
 margin:0 auto;
 position:relative;
}
#header {
 /*	width:605px;*/
width:685px;
 height:140px;
 position:fixed;
 margin-left:235px;
 background:url(../img/title_2.png);
 text-indent:-7777px;
 display:block;
}
#header a {
 /*	border:1px solid #6F3;*/
	width:140px;
 height:60px;
 margin-top:15px;
 display:block;
}
strong {
 font-weight:bold;
 background:url(../img/tile_gray_2.gif);
}
em {
 font-style:italic;
}
pre {
 /*	width:400px;*/
width:100%;
 overflow:auto;
 /*	font-size:90%;*/
	padding:0 0.5em;
 background:url(../img/tile_gray_2.gif);
 letter-spacing:0.1em;
 font-family:Verdana, Geneva, sans-serif, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
}
#similar-wrap {
 margin-top:1em;
 padding-top:1em;
 border-top:1px solid #d8d8d8;
}
#similar-wrap h3, #post-wrap h3 {
 /*
	background:#454545;
	color:#c7c7c7;
	padding:0.1em 0.3em;*/
		font-size:1.6em;
 font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "細明朝体", "ＭＳ Ｐ明朝", serif;
}
#similar-wrap ul li, #similar-wrap h3, #post-wrap h3, #post-wrap ul li {
 margin-bottom:0;
}
#post-wrap li {
 list-style:none;
}
#similar-wrap ul, #post-wrap ul {
 margin-top:0em;
}
#post-wrap ul {
 padding-left:0;
}
#content {
 float:right;
 /*	width:565px;*/
width:645px;
 margin-top:150px;
}
/* なんで追加したのか判らない
body.search #header {
  position:absolute;
}*/
/* 検索した時 */
body.search-no-results #content {
 width:585px;
 padding:10px 20px 0;
 margin-bottom:20px;
 font-size:150%;
 border:5px solid #C33;
 /*webkitとfirefoxだけ角を丸くした*/
	border-radius:5px;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
}
/* 記事ブロック */
.post {
 margin-bottom:4em;
}
.post dl {
 margin-bottom:1em;
}
.post dt {
 font-weight:bold;
}
.post ol, .post ul {
 padding-left:2em;
 margin-top:1em;
 margin-bottom:2em;
}
.post ol li {
 list-style-type:decimal;
}
.post ul li {
 list-style-type:disc;
}
.post li {
 margin-bottom:0em;
}
.storycontent li {
 margin-bottom:0;
}
/* 日付 */
/*h2 {
	font-size:80%;
	color:#999;
	display:inline;
}*/
/* 記事タイトル */

#content h2 {
 font-size:1.8em;
 font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "細明朝体", "ＭＳ Ｐ明朝", serif;
 margin-bottom:0.8em;
 clear:both;
}
/* コメントのところ */
.page h2#comments {
 /*	font-size:1.0em;*/
margin-top:1em;
 clear:both;
}
.page h3, .storycontent h3 {
 /*margin-top:1em;*/
	font-size:1.4em;
 font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "細明朝体", "ＭＳ Ｐ明朝", serif;
}
/* /コメントのところ */
#content h2 a {
 color:#333;
 text-decoration:none;
 background:none;
}
#content h2 a:hover {
 text-decoration:underline;
}
/* 記事の日付のとことか*/
.meta/*, .feedback */ {
 width:140px;
 float:left;
 margin-bottom:1px;
 font-size:85%;/*	font-weight:bold;*/
}
.meta p {
 padding:0;
 margin:0;
}
.topMeta {
 padding:5px;
 /*background:url(../img/tile_red_2.gif);
	background:url(../img/tile.gif);
	background:url(../img/tile_green.gif);*/
		background:url(../img/tile_green_2.gif);
 /*webkitとfirefoxだけ角を丸くした*/
	border-radius:5px;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
}
.wphatena {
 margin-top:0.5em;
 margin-left:5px;
 background:#f33;
}

.feedback {
 background:url(../img/tile_gray_2.gif);
}
/**/
.storycontent {
 float:right;
 /*	width:400px;*/
width:480px;
}
.page .storycontent {
 float:none;
 /*	width:565px;*/
width:645px;
}
.me dt {
 float:left;
 width:140px;
}
.me dd {
 float:left;
 /*	width:250px;*/
width:330px;
}
.pagenavi, .catlist .storycontent {
 clear:both;
}
.catlist .storycontent {
 float:none;
 width:100%;
 font-size:120%;
}
/**/


/* -- */
#menu {
 color:#000;
 font-weight:bold;
 background:url(../img/tile_gray_2.gif);
 position:absolute;/*fixed;*/
 /*	display:block;*/
/*	top:3px;*/
	/*bottom:15px;*/
	margin-top:3px;
 /*margin-top:-1em;*/
	width:195px;
 padding:5px;
 border-radius:5px;
 -moz-border-radius: 5px;
 clear:both;
}
#menu span:before {
 content:"[+] ";
}
.search #menu {
 position:absolute;
}
#menu li li, #menu table {
 font-weight:normal;
}
#menu li li.widget_archive {
 height:1.7em;
}
/* カテゴリーの投稿数 */
#menu li li {
 position:relative;
}
#menu li li span {
 position:absolute;
 right:0;
 top:0;
}
#menu li li span:before {
 content:" ";
}
/**/

#menu .navilist, #search {
 color:#000;
 /*	background:url(../img/_tile1.png);*/
	font-weight:bold;
 width:100%;
 display:block;
}
#menu a {
 color:#C03;
 text-shadow:#ddd 0 1px 0, #fff 0 0 2px;
 /*	background:url(../img/tile_gray.gif);*/
	background:url(../img/_tile2.gif);
 width:100%;
 display:block;
 font-weight:normal;
 text-decoration:none;
}
#menu a:hover {
 color:#000;
 text-shadow:#ddd 0 1px 0, #111 0 0 1px;
 background:url(../img/tile_red_2.gif);
}
#menu .children {
 text-indent:1em;
}
/* 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 #F5F6D4;
}
/* -- */
.credit, address {
 clear:both;
 text-align:right;
}
.backtop {
 float:right;
 /*	width:565px;*/
width:645px;
}
/* thumbnail */
.storycontent img {
 padding:1px;
 background:#d8d8d8;
}
.storycontent a img:hover {
 filter: alpha(opacity=75);
 -moz-opacity:0.75;
 opacity:0.75;
}
.storycontent img.reset {
 background:none;
}
/* linkcolor
------------------------------------------------------------ */
a:link {
 color:#658A1F;
 text-decoration:none;
}
a:visited {
 color:#374B11;
 text-decoration:none;
}
a:hover {
 /*	color:#FF9900;*/
	color:#708516;
 text-decoration:underline;
}
a:active {
 color:#dc0e74;
 text-decoration:none;
}
/* ページナビ
------------------------- */
.wp-pagenavi a:link {
 background:#f9f6f0;
 border:1px solid #eeeae3;
}
.wp-pagenavi a:hover {
 background:#E54E77;
 color:#fff;
 border:1px solid #eeeae3;
}
/*a:link {
	color:#D6D47F;
}
a:visited {
	color:#969C23;
}
a:hover {
	color:#FFFFBB;
}
a:active {
	color:#dc0e74;
}*/


/*a:link {
	color:#e91515;
}
a:visited {
	color:#a30303;
}
a:hover {
	color:#FF9900;
}
a:active {
	color:#dc0e74;
}*/
/* ------------------------------------------------------------ */

textarea {
 background:#FFF url(../img/textfield.gif) top repeat-x;
 border:1px solid #A6A6A6;
 padding:2px 1px;
 /*	width:565px;*/
width:645px;
 margin-bottom:1em;
}
textarea.resizable {
 margin-bottom:0;
}
input[type="text"] {
 background:#FFF url(../img/textfield.gif) top repeat-x;
 border:1px solid #A6A6A6;
 padding:2px 1px;
}
input#s {
 width:150px;
}
.key {
 font-size:90%;
 /*	font-weight:bold;*/
/*font-family:Georgia, "Times New Roman", Times, serif;*/
	text-transform: capitalize;
 padding:0.1em 0.5em;
 margin:0.2em;
 color:#3D5624;
 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.7em;
}
/* 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_gray_2.gif);
 font-size:80%;
 text-align:right;
}
/* css読み込み前の設定
--------------------------------------------------*/
#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.8em;
 margin-bottom:1em;
}
.post p + blockquote.yotube {
 margin-top:1em;
}
.post p + ul, .post p + ol {
 margin-top:-1em;
 margin-bottom:1em;
}
.post dd+dt {
 margin-top:1em;
}
.post dl dl {
 margin-left:1em;
}
.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.8;
}
.page-id-1046 h3 {
 padding:0 0.4em;
 background:url(../img/tile_blue.gif);
 background:url(../img/tile_green_2.gif);
}
.page-id-1046 dt {
 background:url(../img/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;
}
/* 引用とか */
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/block_quote_2.gif);
 margin-left:-1em;
}
blockquote {
 background:url(../img/common/block_quote_2b.gif) no-repeat right bottom;
 padding:1em 2em 1.6em 2em;
}
table+p {
 margin-top:1em;
}
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_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 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 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;
}
/* ------------------------- .wp_social_bookmarking_light*/
.wphatena {
 display:none;
}
.storycontent .wp_social_bookmarking_light {
 margin-bottom:2em !important;
 /* 角丸 */
 background:url(../img/tile_gray_2.gif);

 padding:4px !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;
}
/* clearfix
-------------------------------------------------- */
.page .storycontent, .catlist ul, .me, .post, #content, .wp-pagenavi, .pagenavi, .catlist, storycontent ul,.storycontent .wp_social_bookmarking_light {
/zoom:1
}
.page .storycontent:after, .catlist ul:after, .me:after, .post:after, #content:after, .wp-pagenavi:after, .pagenavi:after, .catlist:after, .storycontent ul:after,
.storycontent .wp_social_bookmarking_light:after {
 content: "";
 display: block;
 clear: both;
 height:0.01px;
}