@charset "utf-8";
body {
  /*	color:#19C2FF;
	background:#d7d7d7;*/
	padding:0 0 1em 0;
  margin:0 0 1em 0;
  line-height:1.75;
  font-size:80%;
  font-family:"Lucida Grande", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  border-top:2px solid #fff;/*	text-shadow:#000 0px 1px 0;*/
}
/* 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;
}
/* エクステンション
------------------------- */
.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;
}
/* エクステンション
------------------------- */

img {
  vertical-align:middle;
}
strong {
  font-weight:bold;
}
h1,
h2,
h3,
h4 {
  font-family:"Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐ明朝", serif;
  font-weight:bold;
}
h2,
h3 {
  font-size:1.6em;
  font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "細明朝体", "ＭＳ Ｐ明朝", serif;
  clear:both;
}
h4{
font-size:1.2em;
}
div+h3{
margin-top:1.25em;
}
caption {
  font-weight:bold;
}
/* 引用とか */
blockquote {
  /*font-size:90%;*/
	padding:0.5em 1em 0.2em 1.5em;
  margin-bottom:1.75em;
  border-left:2px solid #605b5b;/*	background:url(../img/common/quote-2.gif) no-repeat left top;*/
}
p {
  margin-bottom:1.25em;
}
table+p {
  margin-top: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;
}
.storycontent table ol {
  margin:0;
}
/* スキップメニュー */
#accessibility {
  display:none;
}
/* テーマスイッチャ
------------------------- */
#themeswitcher {
  padding-bottom:1.6em;
  position:relative;
  z-index:100;
  width:400px;/* あんまり広いと検索がクリックできなくなる */
}
#themeswitcher li {
  float:left;
  font-weight:bold;
  font-size:90%;
  padding-right:1em;
  padding-top:0.6em;
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
#themeswitcher li:before {
  content:"> ";
}
/* スイッチャ用 */
.nowd {
  /*	background:url(../img/common/now-design-3.gif) no-repeat;*/
	background:url(../img/common/tip.gif) no-repeat center top;
}
/* テーマスイッチャここまで
------------------------- */
address {
}
#wrap {
  /*	width:820px;*/
width:900px;
  margin:0 auto;
}
/* メタ */
.topMeta li {
  display:inline;
  font-size:90%;
}
.topMeta li:after {
  content:" | ";
}
/**/


/* pagemenuのところ*/
#pagemenu li {
  float:left;
  margin-right:1.6em;
  display:inline;
}
#pagemenu {
  overflow:hidden;
}
/* 記事ブロック .post */
.post {
  padding:0;
  margin:0;
  margin-bottom:1.75em;
  padding-bottom:3em;
  display: inline-block;
/display: inline;
/zoom: 1;
  width:100%;/*スラッシュはie7以下ハック*/
}
.storycatch {
  /*	width:360px;*/
width:400px;
  float:left;
}
.post dl {
  margin-bottom:1.75em;
}
.post dt {
  font-weight:bold;
}
.post .storycontent {
  float:right;
  /*	width:580px;*/
/*width:400px;*/
width:480px;
}
.storycontent ol,
.storycontent ul {
  margin-left:2.3em;
}
.storycontent ol li {
  list-style-type:decimal;/*	margin-bottom:1.75em;*/
}
.storycontent ul li {
}
.storycontent li ul,
.storycontent li ol {
  margin-left:1.7em;
}
.post .storycontent ol li {
  list-style-type:decimal;/*	margin-bottom:1.75em;*/
}
.post .storycontent ul li {
  list-style-type:disc;/*margin-bottom:1em;*/
}
/* ps fw table*/
.psfw ol li,
.psfw ul li {
/*margin-bottom:1em;*/
}
.descri {
  font-size:75%;
}
/*
pre {
  overflow:auto;
  padding:0 1em;
  margin-bottom:1.75em;
  border:1px solid #8b8686;
  color:#f8f8f8;
  font-size:90%;
  background:#4c4c4c url(../img/common/input-bg.png) no-repeat center top;
border-radius:3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}*/
pre {
  background:#F5F6E7;
  border:1px solid #EEEFE0;
  padding:0.5em 1em;
  margin:0.3em 0;
  /*角丸*/
	border-radius:6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  white-space: pre-wrap;
  word-wrap: break-word;
}
p + pre {
  margin-top:-0.8em;
}
code {
}
.pagenavi {
  text-align:center;
}
.pagenavi li {
  float:left;
  margin-right:2em;
}

/* 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;
}
/**/

table.psfw,
#similar-wrap,
#post-wrap {
  border-radius:3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  margin-bottom:1.7em;
  padding:0.8em 1.2em;
}
table.psfw,
#similar-wrap {
  border:1px solid #8b8686;
}
#post-wrap {
  border:1px solid #4c4c4c;
}
#post-wrap p {
}
/* menu
-------------------------------------------------- */
#menu {
  font-family:Georgia, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
  letter-spacing:normal;
  position:relative;
  margin-bottom:3.5em;
}
#menu ul {
}
/* ie6-7がここにfloatがあると縦書きになってしまう為、一時ハック*/

#menu li li {
  float:left;
 /float:none;
  list-style:none;
  font-size:100%;
  padding:0.1em 1em 0.1em 0;
}
#menu li li {
  font-size:95%;
}
#menu a {
}
#menu li a:hover {
}
.widget {
/zoom:;
  margin-bottom:1.75em;
}
.widget:after {
  content:'';
  display:block;
  clear:both;
}
.widget ul {
  margin-left:1.5em;
  margin-bottom:1.75em;
}
.widget ul li {
  list-style:circle;
}
/* ページを非表示
-------------------------*/
#pages-4,
.widget_pages {
  display:none;
}
#menu ul.category-tags {
  float:left;
  width:400px;
  display:block;
}
#menu ul.entries {
  float:right;
  width:480px;
  display:block;
}
.post p + pre,
.post p + blockquote {
  margin-bottom:1.75em;
}
.post p + blockquote.yotube {
  margin-top:1em;
}
.post p + ul,
.post p + ol {
  margin-top:-1.6em;
  margin-bottom:1.75em;
}
.post ol {
  margin-bottom:1.75em;
}
.post dd+dt {
  /*	margin-top:1em;*/
margin-top:3.2em;
}
.post dl dl {
  margin-left:1em;
}
.pagenavi + .catlist {
  margin-top:1em;
  /*	border-top:1px solid #d8d8d8;*/
	padding-top:1em;
}
.note {
}
/* 記事タイトル */
h2.storytitle {
  font-size:175%;/*	font-family:Georgia,"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "細明朝体", serif;*//*	float:left;*/
}
.storyutil {
}
/**/
.titlewrap {
}
/* topの記事ブロックはpostでラップされてる */
.home .storytitle {
}
/* 次の記事前の記事*/

#post-wrap ul {
}
#post-wrap li {
  list-style:none;
}
/**/
.meta p {
}
.meta {
  padding-bottom:1em;
  font-size:90%;
  font-family: Georgia, Helvetica, Arial, sans-serif;
}
input[type="text"],
textarea {
  padding:2px 1px;
  /*	border:1px solid #605b5b;*/
border:1px solid #8b8686;
}
input#tops {
  width:20em;
}
input#s {
  width:400px;
}
textarea {
  width:100%;
}
input[type="text"]:focus,
textarea:focus {
  border:1px solid #d6c8ae;
}
/* 検索 input sidebar
-------------------------*/
#floatingfunc {
  text-align:right;
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:40px;
  line-height:40px;
  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 {
  padding:7px;
}
.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:#fdfdfd;
}
.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;
}
/* 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:#4c4c4c;*/
	border:1px solid #605b5b;
  padding:0.1em 0.5em;
}
.catlist .storycontent dt a:hover {
  text-decoration:none;
  color:#333;
  background:#D3D2BE;
}
/* ページ
-------------------------------------------------- */
.me dt {
  float:left;
  width:140px;
}
/* ページ
-------------------------------------------------- */

/* linkcolor
------------------------------------------------------------ */
a:link {
  color:#09c;
  text-decoration:none;
}
a:visited {
  color:#550099;
}
a:hover {
  color:#9c0;
}
a:hover img {
}
a:active {
}
.storycontent a {
  border-bottom:1px dotted #d6c9af;
}
.storycontent a:hover {
  border-bottom:1px dotted #3f2c25;
}
/* imgに動く枠を、うざいかな？ */
.storycontent img {
  padding:1px;
  background:#b0a28a;
  /*	margin-top:0.3em;*/
	margin-bottom:1.7em;
}
.storycontent img.reset {
  background:none;
}
.storycontent img:hover {
}
.storycontent .wp-caption img:hover {
}
.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;*/
}
/* ------------------------------------------------------------ */

.key {
  font-size:90%;
  /*	font-weight:bold;*/
/*font-family:Georgia, "Times New Roman", Times, serif;*/
	text-transform: capitalize;
  padding:0.1em 0.3em;
  margin:0.2em;
  color:#D3D2BE;
  background:#4C4C4C;
  border:2px outset #897D6B;
  border-radius:2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}
#data {
  -webkit-column-count : 3;
  -webkit-column-gap : 20px;
  -moz-column-count : 3;
  -moz-column-gap : 20px;
}
/* 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;
}
/* psfwのtable部分
------------------------- */
table.psfw {
}
.psfw th {
}
.psfw th,
.psfw td {
}
/* -------------------------
wp-style
------------------------- */
iframe {
  border:1px solid #d8d8d8;
}
.del,
del {
  text-decoration: line-through;
}
.backtop {
  clear:both;
  background:url(../img/common/tile_gray_2.gif);
  font-size:80%;
  text-align:right;
}
/* css読み込み前の設定
--------------------------------------------------*/
#csslistwarp {
  padding:0.5em;
  margin:1em 0;
  background:#fdfcee url(../img/common/csswrap_bg_1.png) repeat-x;
background:
 border-radius:3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
#csslistwarp p {
  margin:0;
  padding:0;
}
#csslistwarp li {
  list-style-type:disc;
  margin-left:1.5em;
  padding:0;
}
/* /css読み込み前の設定
--------------------------------------------------*/



/* 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/common/tile_blue.gif);
  background:url(../img/common/tile_green_2.gif);
}
.page-id-1046 dt {
  /*	background:url(../img/common/tile_gray_2.gif);*/
background:url(../img/common/dtbg1.png);
  font-weight:bold;
  padding:0 0.5em;
}
.page-id-1046 dd {
  margin-bottom:1em;
  padding:0.2em 0.5em;
  /*	border-bottom:1px solid #f2ebe1;*/
border-bottom:1px solid #342f2d;
}
.page-id-1046 .tweet dd {
  margin-bottom:0;
}
/* /page
--------------------------------------------------*/

/* キャッチ */
.note,
.note2,
.note3,
.note4,
.note5 {
  padding:0 0.5em;
}
/*ピンク*/
.note2 {
  /*	background:#FF7200;*/
/*	background:#fff;*/
/*background:#423e3a;*/
background:#E54E77;
  color:#fff;
}
/*みどり*/
.note3 {
  background:#70BE47;
  color:#fff;
}
/* 黄色 */
.note4 {
  background:#F0EA30;
  color:#333;
}
/*灰色
.note4{
	background:#454545;
	color:#c7c7c7;
}*/

/* 青 */
.note5 {
  background:#008ECF;
  color:#fff;
}
/* オレンジ */
.note6 {
  background:#F55A21;
  color:#fff;
}
img.aligncenter,
img.alignleft,
img.alignright {
  border:1px solid #f33;
  padding:4px;
  background:url(../img/common/tile_blue.gif);
}
.aligncenter,
div.aligncenter {
  display: block;
  margin:0 auto 10px auto;
  clear:both;
}
.alignleft {
  float: left;
  margin: 0 1em 1em 0;
}
/* css3 pの中の最後のa要素で imgにclass.alignleftが指定されてるやつがあればの意 
p a:nth-last-child(1) img.alignleft{
margin:0 0 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 5px 10px 0;
  -moz-border-radius: 2px;
  -khtml-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.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:89%;
  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:0.5em 0 2em !important;
 /* 角丸 */
 background:#7f7f7f;
 border:1px solid #646464 !important;
 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,
.pagenavi,
#menu,
.storycontent,
#themeswitcher,
.widget_search,
.widget_search input,
.storycontent .wp_social_bookmarking_light {
/zoom : 1;
}
.page .storycontent:after,
.catlist ul:after,
.me:after,
.pagenavi:after,
#menu:after,
.storycontent:after,
#themeswitcher:after,
.widget_search:after,
.widget_search input:after,
.storycontent .wp_social_bookmarking_light:after {
  content : '';
  display : block;
  clear : both;
  height:0;
}