/* <system section="theme" selected="17391345971645925085"> */
@charset "utf-8";

/*
  Theme: 四角と線
  Author: 泉杏
  Description: 幅960px以上で2カラムになります
  Responsive: yes
*/

body {
line-height: 1.6;
letter-spacing: 0.1em;
font-family: sans-serif;
}

/* 順序付きリスト・順不同リスト */
ol { list-style: decimal; }
ul { list-style: square; }

/* 定義リスト */
dt,dt a  { font-weight: bold; }

/* テーブル */
table {
border-top: solid 1px #808080;
border-left: solid 1px #808080;
}
th {
font-weight: bold;
border-bottom: solid 1px #808080;
border-right: solid 1px #808080;
padding: 4px;
}
td {
border-bottom: solid 1px #808080;
border-right: solid 1px #808080;
padding: 4px;
}

/* 引用 */
q { color: #000080; }
blockquote {
border: dashed 1px #000080;
border-radius: 4px;
margin: 1em 8px;
padding: 0 16px;
}

/* リンク */
a { text-decoration: underline; }
a:link { color: #0000ff; }
a:visited { color: #800080; }
a:hover { color: #800000; }
a:active { color: #800000; }
a.keyword {
text-decoration: none;
border-bottom: solid 1px #c0c0c0;
}

/* 画像 */
.entry-thumb { margin: 8px 16px; border-radius: 4px; }
.urllist-image { border-radius: 4px; }
img.hatena-id-icon { border-radius: 2px; }
img.profile-icon { border-radius: 4px; }
img.circle-image { border-radius: 4px; }
.footer-address img { border-radius: 2px; }

/* 広告 */
.google-afc-user-container {
text-align: center;
margin: 0 auto;
}

/* ヘッダ(グローバルヘッダ) */
/* グローバルヘッダの中はiframeですが、#globalheader-container に
背景色や文字色を指定することでiframeの中にも色が反映されます。 */
#globalheader-container {
width: 100%;
color: #ffffff;
background-color: #000000;
}

#container {
background-color: #ffffff;
border: solid 1px #808080;
margin-top: 32px;
padding: 1em;
}

/* ブログタイトル・説明文 */
#blog-title { margin: 0 0 16px; }
h1#title {
text-align: center;
margin: 16px auto 0;
}
h1#title a {
color: #000000;
text-decoration: none;
}
#blog-description {
font-size: 120%;
font-weight: normal;
text-align: center;
margin: 16px auto;
}

/* タイトル下(ヘッダ)の文章 */
#top-editarea {
text-align: right;
margin: 0 0 16px;
}

/* パンくず(カテゴリーページで表示されます) */
#top-box { margin: 16px; }

/* 記事部分など */
.entry,
.archive-entries {
margin: 0 0 16px;
}
.archive-heading { margin: 0 16px; }
header.entry-header,
.archive-entry-header {
border-top: double 3px #808080;
border-bottom: double 3px #808080;
margin-top: 8px;
padding: 8px 16px 0;
position : relative;
}
header.entry-header a,
.archive-entry-header a {
text-decoration: none;
}
.entry-title { margin: 4px 0 0; }
.categories { text-align: right; margin: 4px; }
.entry-content,
.entry-footer,
.archive-entry-body { padding: 8px 16px; }
.entry-thumb { margin: 8px 16px; }

/* 「編集する」リンク */
header.entry-header,
.archive-entry-header {
position : relative;
}
.entry-header-menu {
position : absolute;
top: 4px;
right: 4px;
font-weight: bold;
border: solid 1px #0000ff;
padding: 2px 4px;
}

/* コメント */
.comment-box ul {
list-style: none;
border-top: solid 1px #808080;
margin: 16px 0;
padding: 0;
}
.comment-box li {
border-bottom: dashed 1px #808080;
margin: 0;
padding: 0 16px;
}
li.read-more-comments {
padding-top: 16px;
padding-bottom: 16px;
}

/* Pager */
.pager{
text-align: center;
margin: 16px auto;
padding-top: 16px;
}
.pager .pager-prev { padding-right: 8px; }
.pager .pager-next { padding-left: 8px; }

/* サイドバー */
.hatena-module  {
border: solid 1px #808080;
margin: 0 16px 16px;
}
.hatena-module-title {
font-weight: bold;
border-top: dashed 1px #808080;
border-bottom: dashed 1px #808080;
margin: 8px 0;
padding: 4px 8px;
}
.hatena-module-title a { text-decoration: none; }
.hatena-module-body { padding: 8px 16px; }

/* urllist module */
/* リンク・最新記事・最近のコメント・月別アーカイブ・カテゴリモジュールは
.hatena-urllist という共通の class が振られます */
.hatena-urllist { list-style: none; margin: 0; padding: 0; }
.hatena-urllist li { border-bottom: dashed 1px #c0c0c0; padding: 4px 0; }
.hatena-urllist li a { text-decoration: none; }

/* フッタの文章 */
#bottom-editarea {
text-align: right;
margin: 16px 0 0;
}

/* フッター */
#footer {
background-color: #ffffff;
border: solid 1px #808080;
margin-bottom: 32px;
padding: 1em;
}
.footer-address {
text-align: center;
margin: 16px auto 0;
}
p.services {
text-align: center;
margin: 16px auto;
}
.guest-footer-content {
text-align: center;
border-bottom: dashed 1px #808080;
margin: 16px auto;
}

/* 600px以上 */
@media (min-width: 600px) {
#container,#footer { width: 88%; margin-left: auto; margin-right: auto; }
}

/* 960px以上 */
@media (min-width: 960px) {
#content:after { content: ""; display: block; clear: both; }
#wrapper { float: left; width: 71%; }
#box2 { float: left; width: 29%; }
}

/* 1300px以上 */
@media (min-width: 1300px) {
#container,#footer { width: 1300px; margin-left: auto; margin-right: auto; }
}
/* </system> */

/* <system section="background" selected="bg10"> */
body{ font-size:13px;background-color:#fff; background-image:url('https://cdn.blog.st-hatena.com/images/theme/backgrounds/theme10.png?version=134fd33f04042077bce9d62c4d3598'); background-repeat: repeat; background-attachment:scroll; }
/* </system> */
/*日付を消す*/.date {
display: none;
}
.top-placed-publication .date,
.top-placed-publication .entry-footer-time{
  display: none;
}
a:link{
  color:#0066cc; /* 未訪問のリンク色 */
}
a:visited{
  color:#0066cc; /* 訪問済みのリンク色 */
}
a:hover{
  color:#DC143C; /* カーソルが乗った時の色 */
  text-decoration: underline; /* アンダーラインあり */
  position:relative; top:1px; left:1px;
}
}
a:link {
font-weight:bold; /* リンクを太字にする */
}

#heading07{
	position:relative;
	margin:0 10px;
	padding:10px 10px 10px 30px;
	font:bold 22px/1.2 Arial, Helvetica, sans-serif;
	color:#666;
	background:#ccc;
	border-top:#ccc solid 1px;
	border-right:#999 solid 1px;
	border-bottom:#999 solid 1px;
	border-left:#ccc solid 1px;
	text-shadow:1px 1px 0 rgba(255,255,255,1);
	box-shadow:
		0 0 0 1px rgba(255,255,255,0.5) inset;
    background-image: -webkit-gradient(linear, left top, left bottom,
			from(			 rgba(220, 220, 220, 1.0)), 
			color-stop(0.25, rgba(240, 240, 240, 1.0)),
			color-stop(0.30, rgba(235, 235, 235, 1.0)),
			color-stop(0.36, rgba(240, 240, 240, 1.0)),
			color-stop(0.50, rgba(235, 235, 235, 1.0)),
			color-stop(0.80, rgba(215, 215, 215, 1.0)),
			to(				 rgba(210, 210, 210, 1.0))
			);
	background-image: -webkit-linear-gradient(top,
			rgba(220, 220, 220, 1.0), 
			rgba(240, 240, 240, 1.0) 25%,
			rgba(235, 235, 235, 1.0) 30%,
			rgba(240, 240, 240, 1.0) 36%,
			rgba(235, 235, 235, 1.0) 50%,
			rgba(215, 215, 215, 1.0) 80%,
			rgba(210, 210, 210, 1.0)
			);
	background-image: -moz-linear-gradient(top,
			rgba(220, 220, 220, 1.0), 
			rgba(240, 240, 240, 1.0) 25%,
			rgba(235, 235, 235, 1.0) 30%,
			rgba(240, 240, 240, 1.0) 36%,
			rgba(235, 235, 235, 1.0) 50%,
			rgba(215, 215, 215, 1.0) 80%,
			rgba(210, 210, 210, 1.0)
			);
	background-image: -o-linear-gradient(top,
			rgba(220, 220, 220, 1.0), 
			rgba(240, 240, 240, 1.0) 25%,
			rgba(235, 235, 235, 1.0) 30%,
			rgba(240, 240, 240, 1.0) 36%,
			rgba(235, 235, 235, 1.0) 50%,
			rgba(215, 215, 215, 1.0) 80%,
			rgba(210, 210, 210, 1.0)
			);
	background-image: linear-gradient(to bottom,
			rgba(220, 220, 220, 1.0), 
			rgba(240, 240, 240, 1.0) 25%,
			rgba(235, 235, 235, 1.0) 30%,
			rgba(240, 240, 240, 1.0) 36%,
			rgba(235, 235, 235, 1.0) 50%,
			rgba(215, 215, 215, 1.0) 80%,
			rgba(210, 210, 210, 1.0)
			);
}
#heading07:before{
	content:" ";
	position:absolute;
	top:0;
	left:15px;
	width:0;
	height:100%;
	border-left:#ccc solid 1px;
}
#heading07:after{
	content:" ";
	position:absolute;
	top:0;
	left:16px;
	width:0;
	height:100%;
	border-right:#eee solid 1px;
}
hr.kugiri {
width:95%;
margin-top:20px;
margin-bottom:10px;
	border-top: 1px solid #333;
	border-bottom: 1px solid #fff;
}
.hatena-module-title {
    position: relative;
    color: #fff;/* 文字色 */
    background-color: #47a89c;/* 背景色 */
    font-size: 120%;/* 文字サイズ */
    font-weight: bold;/* 太字 */
    margin-bottom: 15px;/* 下余白 */
    padding: .5em 0 .5em 1em;/* 左内余白1em */
    font-family: 'Lucida Grande', 'segoe UI', Verdana, Arial, sans-serif;/* フォント指定 */
}
img {
    margin-top: 5px; /* 画像の上の余白*/
    display: inline-block; 
    box-shadow: 1px 6px 15px -5px rgba(0, 0, 0, 0.8); /*横方向　下方向　ぼかし　広がり　色 */
}
#blog-title {
    padding-bottom: -105px;}