@charset "UTF-8";

body {
	margin: 0;
	padding: 0;
	color: #fff;
	font-family: Helvetica,Arial,ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,ＭＳ Ｐゴシック,MS PGothic,sans-serif;
	-moz-transition: all 1s ease;
	-webkit-transition: all 1s ease;
	background-color: #ff6600
}

a {
	color: cornflowerblue;
	text-decoration: none;
	-webkit-transition: .3s ease;
	-webkit-transition-property: opacity,border,color,background;
	-moz-transition: .3s ease;
	-moz-transition-property: opacity,border,color,background;
	-o-transition: .3s ease;
	-o-transition-property: opacity,border,color,background;
	transition: .3s ease;
	transition-property: opacity,border,color,background
}

	a:hover {
		text-decoration: underline
	}

	a:visited {
		color: #aa00aa
	}

pre {
	padding: 20px;
	background: #3d3d3d;
	color: #f5f5f5
}

	pre a {
		color: #ff4545
	}

#content {
	width: 1000px;
	color: white;
	margin: 0 auto;
	background: black;
	border-left: 1px solid #FFD57D;
	border-right: 1px solid #FFD57D;
}

#box1 {
	width: 126px;
	font-size: small;
	float: right;
	margin: 0px
}

#box2 {
	width: 206px;
	font-size: small;
	float: left;
	margin: 0px
}

#wrapper {
	font-size: 13px;
	float: left;
	width: 100%;
	margin-right: -209px;
	min-height: 100px
}

	#wrapper:after {
		content: ".";
		display: block;
		height: 0;
		font-size: 0;
		clear: both;
		visibility: hidden
	}

#main {
	width: 644px;
}

/*
#main-inner {
	border-right: 1px solid #ddd
}*/

#wrapper > * {
	margin-left: 128px;
	margin-right: 208px
}

#content:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden
}

#globalheader-container {
	color: #666 \
}

#blog-title {
	margin: 0px auto 0;
	width: 1000px;
	height: 98px;
	text-align: center;
	border-left: 1px solid #FFD57D;
	border-right: 1px solid #FFD57D;
	border-bottom: 1px solid #FFD57D;
}

#blog-title-inner {
	text-align: left
}

#blog-title-content {
	padding: 54px 80px 0px 0px;
}

#blog-title h1 {
/*	height: 98px;
	vertical-align:bottom;
	padding: 30px 0 35px*/
}

#blog-title h1, #blog-title h2 {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin: 0
}

#title a {
	color: #fff;
	font-size: 30px;
	font-weight: 700
}

	#title a:hover {
		color: #de0c30;
		text-decoration: none
	}

#blog-description {
	font-size: 13px;
	font-weight: 700;
	margin-left: .5em !important
}

.header-image-enable #blog-title #title a {
	color: #000000;
	font-size: x-large;
	font-family: VERDANA, ARIAL, SANS-SERIF, Helvetica, 'ＭＳ Ｐゴシック', Osaka;
	font-style: italic;
	font-weight: bold;
	text-shadow: #fff 2px 2px 3px;
	text-align: left;
	padding-left: 20px;
	height: 520px;
}

#top-box, #top-editarea, #bottom-editarea {
	width: 900px;
	text-align: left;
	margin: 0 auto;
	font-size: 14px
}

.breadcrumb {
	margin-bottom: 20px
}

	.breadcrumb a {
		color: #aaa
	}

.entry {
	padding-bottom: 50px
}

.entry-content {
	margin: 20px 0;
	padding: 0 20px
}

.entry-header {
	position: relative;
	margin: 0px;
	padding: 0px;
	height:56px;
	border-bottom: 1px solid #ddd
}

h1.entry-title {
	font-size: large;
	padding: 3px 5px;
	border-bottom: 1px dashed #FFB546;
	margin: 0px 0px 2px 0px;
	background-image: url(https://cdn-ak.f.st-hatena.com/images/fotolife/L/LATINFACTORY/20250423/20250423113549.jpg);
	background-repeat: repeat-x;
}

.entry-title a:visited {
	color: lightgrey
}

.categories a {
	margin-left:5px;
	margin-right: 5px;
	color: silver;
	line-height: 1.5
}

.date {
	position: absolute;
	right: 20px;
	bottom: 3px;
	font-weight: 700;
}

.date a {
	color:silver
}

.entry-header-menu {
	position: absolute;
	right: 20px;
	bottom: 30px
}

	.entry-header-menu a {
		color: #fff;
		background: #ba0000;
		padding: 5px 15px;
		font-weight: 700;
		font-size: 12px
	}

		.entry-header-menu a:hover {
			text-decoration: none;
			background: #de0c30
		}

.entry-footer {
	margin: 30px 20px 0
}

	.entry-footer .social-buttons {
		margin: 10px 0
	}

.entry-footer-section {
	color: #8f8f8f;
	font-style: italic;
	margin: 0
}

.entry-footer-time a {
	color: #8f8f8f;
	text-decoration: underline
}

	.entry-footer-time a:hover {
		color: #c00
	}

.comment {
	margin: 0 0 10px;
	padding: 0
}

	.comment li {
		list-style: none;
		padding: 0 8px;
		border-left: 4px solid #dfdfdf;
		margin: 15px 0
	}

.comment-user-name {
	display: inline;
	font-weight: 700;
	margin: 0 .3em 0 0
}

.comment-content {
	line-height: 1.7
}

	.comment-content p {
		margin: .5em 0;
		word-wrap: break-word
	}

.comment-metadata {
	display: block;
	margin: 0;
	color: #aaa
}

	.comment-metadata a {
		color: #aaa
	}

.leave-comment-title {
	font-size: 12px;
	font-weight: 700;
	padding: 5px 15px;
	display: inline;
	border: 1px solid #dfdfdf;
	-webkit-transition: .3s ease;
	-webkit-transition-property: opacity,border,color,background;
	-moz-transition: .3s ease;
	-moz-transition-property: opacity,border,color,background;
	-o-transition: .3s ease;
	-o-transition-property: opacity,border,color,background;
	transition: .3s ease;
	transition-property: opacity,border,color,background
}

	.leave-comment-title:hover {
		background: #ba0000;
		color: #fff;
		text-decoration: none
	}

.pager {
	margin-right: 10px !important;
	padding: 20px 0 20px 20px
}

	.pager a {
		font-size: 12px;
		font-weight: 700;
		padding: 5px 25px;
		background: #bbb;
		font-size: 13px;
		color: #f5f5f5;
		line-height: 1.5;
		word-wrap: break-word;
		display: inline-block;
		max-width: 200px
	}

.pager-next a {
	margin-right: 5px
}

.pager a:hover {
	background: #ba0000;
	text-decoration: none
}

.entry-content {
	font-size: 14px;
	line-height: 1.8
}

	.entry-content img {
		max-width: 100%
	}

	.entry-content p {
		margin: .8em 0
	}

	.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {
		margin: 1em 0 .5em
	}

	.entry-content h1 {
		font-size: 160%
	}

	.entry-content h2 {
		font-size: 150%
	}

	.entry-content h3 {
		font-size: 140%
	}

	.entry-content h4 {
		font-size: 120%
	}

	.entry-content h5 {
		font-size: 110%
	}

	.entry-content h6 {
		font-size: 100%
	}

	.entry-content h1, .entry-content h2, .entry-content h3 {
		border-bottom: 1px dotted #999
	}

.entry blockquote {
	padding: 15px;
	margin: 1em 0;
	border: 1px solid #ddd
}

	.entry blockquote p {
		margin-top: 0;
		margin-bottom: 0
	}

.entry-content ul, .entry-content ol {
	margin: 0 0 0 1.5em;
	padding: 0
}

.entry-content table {
	border-collapse: collapse;
	border-spacing: 0
}

	.entry-content table th, .entry-content table td {
		border: 1px solid #ddd;
		padding: 5px 10px
	}

	.entry-content table th {
		background: #fafafa
	}

a.keyword {
	color: #3d3d3d;
	text-decoration: none;
	border-bottom: 1px solid #DEDEDE
}

pre.lang-aa {
	color: #3d3d3d;
	font-size: 14px;
	line-height: 15px
}

.gist pre {
	color: #3d3d3d
}

.hatena-module {
	margin-bottom: 50px;
	font-size: 12px
}

.hatena-module-title, .hatena-module-title a, .hatena-module-title a:hover, .hatena-module-title a:visited {
	text-align: left;
	font-size: 15px;
	font-weight: 700;
	margin-bottom: 5px;
	padding-bottom: 3px;
	color: #3d3d3d
}

.hatena-module-body ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 1.5
}

	.hatena-module-body ul li {
		padding: .5em 0
	}

		.hatena-module-body ul li.archive {
			padding-top: 15px
		}

.urllist-item {
	padding: 10px 0;
	border-bottom: 1px solid #ddd
}

.hatena-module-profile .id {
	display: block;
	line-height: 2;
	font-weight: 700
}

	.hatena-module-profile .id a {
		color: #ba0000
	}

.profile-icon {
	border: 1px solid #ccc
}

.hatena-module-profile .profile-description {
	margin: 0 0 5px;
	line-height: 1.5
}

form.search-form {
	margin-top: 10px
}

	form.search-form input {
		border: 1px solid #666;
		vertical-align: middle
	}

.search-form .search-module-input {
	width: 130px;
	padding: 3px;
	margin: 0;
	font-size: 12px
}

.search-form .search-module-button {
	height: 23px;
	width: 23px;
	border: none;
	text-indent: -999px;
	margin-left: -5px;
	cursor: pointer;
	background: #666 url(https://cdn.blog.st-hatena.com/images/theme/search_w.png?version=67715a4151d2c4d677da5aa9fd4333) 50% 50% no-repeat
}

#footer {
	clear: both;
	text-align: center;
	padding: 20px 0;
	font-size: small
}

	#footer a {
		color: #dfdfdf
	}

.hatena-embed.hatena-fotolife, .hatena-embed.twitpic {
	padding: 10px 10px 30px;
	margin: 1em 0;
	background: transparent;
	display: inline-block;
	border: 1px solid #dfdfdf;
	box-shadow: 0 1px 5px #00000029;
	background: #fff;
	text-align: center
}

.hatena-embed.hatena-fotolife {
	background: #fff url(https://cdn.blog.st-hatena.com/images/theme/hatena-embed/embed-fotolife.png?version=67715a4151d2c4d677da5aa9fd4333) no-repeat right bottom
}

.hatena-embed.twitpic {
	padding: 10px
}

	.hatena-embed.hatena-fotolife .hatena-embed-image, .hatena-embed.twitpic .hatena-embed-image {
		display: inline-block;
		max-width: 600px
	}

	.hatena-embed.hatena-fotolife .hatena-embed-body, .hatena-embed.hatena-fotolife .hatena-embed-body a, .hatena-embed.twitpic .hatena-embed-body, .hatena-embed.twitpic .hatena-embed-body a {
		text-align: center;
		font-family: Homemade Apple,cursive;
		color: #454545;
		font-size: 16px;
		margin-top: 10px
	}

.hatena-embed.hatena-coco, .hatena-embed.foursquare {
	margin: 1em 0;
	box-shadow: 0 1px 5px #00000029
}

.hatena-embed.hatena-coco {
	border: 1px solid #e2d279;
	padding: 20px 30px;
	background: #faf9e6 url(https://cdn.blog.st-hatena.com/images/theme/hatena-embed/embed-coco.png?version=67715a4151d2c4d677da5aa9fd4333) no-repeat right bottom
}

	.hatena-embed.hatena-coco .hatena-embed-image, .hatena-embed.foursquare .hatena-embed-image {
		width: 100px;
		height: 100px
	}

.hatena-embed.foursquare {
	border: 1px solid #C1D5DB;
	padding: 20px 30px;
	background: #e6eff2 url(https://cdn.blog.st-hatena.com/images/theme/hatena-embed/embed-4sq.png?version=67715a4151d2c4d677da5aa9fd4333) no-repeat right bottom
}

.hatena-embed.hatena-bookmark {
	padding: 15px 15px 15px 70px;
	margin: 1em 0;
	background: transparent;
	border: 1px solid #dfdfdf;
	box-shadow: 0 1px 5px #00000029;
	background: #fff url(https://cdn.blog.st-hatena.com/images/theme/hatena-embed/embed-bookmark.png?version=67715a4151d2c4d677da5aa9fd4333) no-repeat 10px top;
	position: relative
}

	.hatena-embed.hatena-bookmark a {
		text-decoration: underline
	}

	.hatena-embed.hatena-bookmark .hatena-embed-image {
		max-height: 50px
	}

.hatena-embed.hatena-haiku {
	padding: 15px 15px 15px 70px;
	margin: 1em 0;
	background: transparent;
	border: 1px solid #dfdfdf;
	box-shadow: 0 1px 5px #00000029;
	background: #fff url(https://cdn.blog.st-hatena.com/images/theme/hatena-embed/embed-haiku.png?version=67715a4151d2c4d677da5aa9fd4333) no-repeat 5px 5px
}

.hatena-embed.hatena-monolith {
	width: 580px;
	padding: 15px;
	margin: 1em 0;
	background: transparent;
	border: 1px solid #dfdfdf;
	box-shadow: 0 1px 5px #00000029;
	background: #fff url(https://cdn.blog.st-hatena.com/images/theme/hatena-embed/embed-monolith.png?version=67715a4151d2c4d677da5aa9fd4333) no-repeat right bottom
}

	.hatena-embed.hatena-monolith .hatena-embed-image {
		display: block;
		float: left;
		max-width: 98px;
		border: 1px solid #dfdfdf
	}

	.hatena-embed.hatena-monolith .hatena-embed-body {
		float: left;
		width: 470px;
		margin-left: 10px
	}

	.hatena-embed.hatena-monolith:after {
		content: "";
		display: block;
		height: 0;
		visibility: hidden;
		clear: both
	}

.hatena-embed.twitter {
	padding: 10px 0;
	margin: 1em 0;
	border-bottom: 1px dotted #757575;
	border-top: 1px dotted #757575
}

.hatena-embed.atnd {
	padding: 10px 0;
	margin: 1em 0;
	border-bottom: 1px dotted #757575;
	border-top: 1px dotted #757575;
	font-family: PT Sans Caption,Helvetica,ヒラギノ角ゴ Pro W3,HiraKakuProN-W3,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,ＭＳ Ｐゴシック,sans-serif
}

.hatena-embed-detail.atnd-detail {
	font-size: 20px;
	font-weight: 700;
	color: #262626
}

	.hatena-embed-detail.atnd-detail:hover {
		color: #ea1f00;
		text-decoration: none
	}

.hatena-embed.atnd .content-body {
	font-size: 12px;
	color: #222
}

.page-about #google_afc_user {
	padding: 20px
}

.page-about dt {
	font-size: 16px;
	font-weight: 700
}

.page-about dd {
	margin-left: 0;
	margin-bottom: 30px
}

.page-about .entry-content img.profile-icon {
	height: 16px;
	width: 16px
}

.page-archive #main-inner {
	padding: 20px
}

	.page-archive #main-inner section {
		padding-bottom: 40px
	}

.page-archive .archive-entry .date {
	position: static
}

.page-archive .archive-entry .entry-title {
	font-size: 18px;
	margin: 0 0 .3em;
	line-height: 1.5
}

.page-archive .archive-entry p {
	margin: 1em 0
}

.header-image-enable #blog-title #blog-title-inner {
	background-repeat: no-repeat;
	position: relative;
	height: 98px;
}

.entry-header-menu a {
	color: #00000000;
	background: #00000000;
	padding: 5px 15px;
	font-weight: 700;
	font-size: 12px;
}
