@charset "utf-8";
/* CSS Document */
/* =Reset default browser CSS. Based on work by Eric Meyer: https://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus {/* remember to define focus styles! */
	outline: 0;
}
body {
	background: #fff;
	line-height:1.8em;
}
ol, ul {
	list-style: none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
/* =Structure
----------------------------------------------- */
body {
	padding: 0 1em;
}
#page {
	margin: 1em auto;
	max-width: 1000px;
	/*dropshadow*/
	-webkit-box-shadow: 1px 1px 10px 3px #999966;
	-moz-box-shadow: 1px 1px 10px 3px #999966;
	 box-shadow: 1px 1px 10px 3px #999966;
}
#branding hgroup {
	margin: 0 %;
}
#h1img hgroup {
	margin: 0 ;
}
#access div {
	margin: 0 7.6%;
}
#primary {
	float: left;
	margin: 0 0 0 0;
	width: 100%;
}
#content {
	margin: 0 34% 0 7.6%;
	width: 58.4%;
}
/* single */
.single #primary {
	margin: 0;
}
.single #content,
.left-sidebar.single #content {
	margin: 0 5%;
	position: relative;
	width: auto;
}
.single .entry-header,
.single .entry-content,
.single footer.entry-meta{
	margin: 0 auto;
	width: 68.9%;
}

/* Alignment */
.alignleft {
	text-align:left;
}
.alignright {
	text-align:left;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
}
li a{
	color:#222;
	position: relative;
	display: block;
	padding: .3em .3em .3em .6em;
	*padding: .3em;
	margin: 0 0 .5em 0;
	background: #ffff99;
	text-decoration: none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 1s ease;
	font-weight:bold;
}
li a:hover{
	background: #000;
	color:#FFF;
}	
/* =Global
----------------------------------------------- */
body, input, textarea {
	color: #373737;
	font: 15px "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	/* font-weight: 300; */
	/* line-height: 1.625; */
	line-height: 1.8;
}
body {
	background:url(../image/header_bg.jpg);
}
#page {
	background: #fff;
}
/* Headings */
h1,h2,h3,h4,h5,h6 {
	clear: both;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.625em;
}
/* Text elements */
p {
	margin-bottom: 1.625em;
}
ul, ol {
	margin: 0;
}
ul {
	list-style: square;
}
.honbunli{
	list-style:inside square;}
ol {
	list-style-type: decimal;
}
ol ol {
	list-style: upper-alpha;
}
ol ol ol {
	list-style: lower-roman;
}
ol ol ol ol {
	list-style: lower-alpha;
}
ul ul, ol ol, ul ol, ol ul {
	margin-bottom: 0;
}

ol, ul {
	list-style: none;
}
dl {
	margin: 0 1.625em;
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 1.625em;
}
strong {
	font-weight: bold;
}
cite, em, i {
	font-style: italic;
}
blockquote {
	font: 15px "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-style: italic;
	font-weight: normal;
	margin: 0 3em;
}
blockquote em, blockquote i, blockquote cite {
	font-style: normal;
}
blockquote cite {
	color: #666;
	font: 15px "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight: 300;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}
pre {
	background: #f4f4f4;
	font: 15px "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	line-height: 1.5;
	margin-bottom: 1.625em;
	overflow: auto;
	padding: 0.75em 1.625em;
}
code, kbd, samp, var {
	font: 15px "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
abbr, acronym, dfn {
	border-bottom: 1px dotted #666;
	cursor: help;
}
address {
	display: block;
	margin: 0 0 1.625em;
}
ins {
	background: #fff9c0;
	text-decoration: none;
}
sup,
sub {
	font-size: 10px;
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
img {
　　　/*vertical-align: top;*/
　　　font-size:0;
　　　line-height: 0;
}
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
	text-decoration: none;
}
/* =Header
----------------------------------------------- */
#h1img {
	width:100%;
	position:relative;
	margin-bottom: -7px;
	height: auto;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: -7px;
	position:relative;
	height: auto;
}

#branding img {
	height: auto;
	margin-bottom: -7px;
	width: 100%;
}
#h1img img{
	margin-bottom: -7px;
	width: 100%;
	height: auto;
}
/* =Content
----------------------------------------------- */
#main {
	clear: both;
	padding:0;
}
.blog .sticky .entry-header .entry-meta {
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}
.entry-title { 
	text-align:center;
}
.entry-header .entry-meta {
	padding-right: 76px;
}
.entry-title {
	clear: both;
	color: #222;
	font-size: 26px;
	font-weight: bold;
	line-height: 1.5em;
	padding-bottom: .3em;
	padding-top: 15px;
}
.entry-title,
.entry-title a {
	color: #222;
	text-decoration: none;
}
.entry-title a:hover,
.entry-title a:focus,
.entry-title a:active {
	color: #1982d1;
}
.entry-content,
.entry-content h1,
.entry-content h2,
 {
	color: #000;
	font-weight: bold;
	margin: 0;
	
}
.entry-content h2{	color:#222;
	border-bottom:3px solid #000;
	padding:0 0 0 .5em;
	margin-bottom:10px;
	font-weight: bold;
	}
.entry-contenth3 {
	text-transform: uppercase;
	font-weight:bold;
	color:#222;
	border-bottom:3px solid #000;
	padding:0 0 0 .5em;
	margin-bottom:10px;
	text-align:left;
}
.margin-botom1{
	margin-bottom:1em;}
	
/* socialize Images */
#socialize li.facebook a{ 
	-webkit-transition: background-image, .1s;
	opacity:1.0; 
	padding:0 1em 0 0;
	} 
#socialize li.facebook a:hover{ 
	 opacity:0.5; 
	 padding:0 1em 0 0;
	} 
#socialize li.mail a{
	margin:0.625em 0 0 0; 
	-webkit-transition: background-image, .1s;
	opacity:1.0;
	padding:0;  
	}
#socialize li.mail a:hover {
    margin: 0.625em 0 0 0;
    opacity: 0.5;
    padding: 0;
}
#socialize li.twitter a {
    -webkit-transition: background-image, .1s;
    opacity: 1.0;
    padding: 0 1em 0 0;
}
#socialize li.twitter a:hover {
    -webkit-transition: background-image, .1s;
    opacity: 0.5;
    padding: 0 1em 0 0;
}
#socialize li a {
    float: left;
    background:none;
    position: relative;
}
#socialize li{
    float: left;
    background:none;
    position: relative;
}
#socialize{
	width:42.8%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	overflow:hidden;
	}
.kochirakara a{
	top:0;
	left:0;
	opacity:1.0;
	-webkit-transition: opacity .3s linear;
	-moz-transition: opacity .3s linear;
	-o-transition: opacity .3s linear;
	transition: opacity .3s linear;
	filter: alpha(opacity=100); }
.kochirakara a:hover{opacity: 0.4;
	filter: alpha(opacity=40);}
img {
	max-width: 100%; /* Fluid images for posts */
}
img[class*="align"],
img[class*="attachment-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
img.size-full,
img.size-large {
	max-width: 100%;
	width: auto; /* Prevent stretching of full-size and large-size images with height and width attributes in IE8 */
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
.entry-content img{
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 0;
}
p img{
}
embed,
iframe,
object {
	max-width: 100%;
}
.entry-title1 {
	clear: both;
	color: #222;
	font-size: 1.625em;
	line-height: 1.8em;
	padding-bottom: 0.3em;
	padding-top: 13px;
	font-weight:bold;
	text-align:center;
}
p{
	text-align:left;
	}
.yomikomi
{	padding-top:1em;}
li .rss-item {
	margin-top:-10px;
	list-style:none;
	}
div#rss li.rss-item{list-style:none;}
div#rss_media li.rss-item{list-style:none;}
div#rss_media a li.rss-item{
	text-decoration:underline;
}
div#rss a li.rss-item{
	text-decoration:underline;
}

/* =Footer
----------------------------------------------- */
#footer {
	clear: both;
}
/* Site info Line */
#site-info {
	color: #666;
	font-size: 12px;
	line-height: 2.2em;
	padding: 2.2em 0.5em;
	text-align: center;
}
#site-info a {
	color: #555;
	font-weight: bold;
}

/* =Responsive Structure
----------------------------------------------- */
@media (max-width: 800px) {
	/* Simplify the basic layout */
	#content {
		margin: 0 5%;
		width: auto;
		font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	}
	#h1img img {
		margin-left:auto;
		margin-right:auto;
		margin-bottom: -7px;
		height: auto;
		max-width: 100%;
		padding: 0;
		width:100%;
	}
	.single .entry-title1 {
		font-size: 1.2em;
	}
	/* Remove the margin on single articles */
	.single .entry-header,
	.single .entry-content,
	.single footer.entry-meta{
		width: 100%;
	}

	#socialize{
	width:230px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	}
	.facebook img{max-width: 80%;}
	.twitter img{max-width: 80%;}
	.mail img{max-width: 80%;
	margin-top:7px}
	/* socialize Images */
#socialize li.facebook a{ 
	-webkit-transition: background-image, .1s;
	opacity:1.0; 
	padding:0;
	} 
#socialize li.facebook a:hover{ 
	 opacity:0.5; 
	 padding:0;
	} 
#socialize li.mail a{
	margin:0; 
	-webkit-transition: background-image, .1s;
	opacity:1.0;
	padding:0;  
	}
#socialize li.mail a:hover {
    margin: 0;
    opacity: 0.5;
    padding: 0;
}
#socialize li.twitter a {
    -webkit-transition: background-image, .1s;
    opacity: 1.0;
    padding: 0;
}
#socialize li.twitter a:hover {
    -webkit-transition: background-image, .1s;
    opacity: 0.5;
    padding: 0;
}
#socialize li a {
    float: left;
    background:none;
    position: relative;
}
}
@media (max-width: 800px) {}
/* =Print
----------------------------------------------- */
@media print {
	body {
		background: none !important;
		font-size: 10pt;
	}
	footer.entry-meta a[rel=bookmark]:link:after,
	footer.entry-meta a[rel=bookmark]:visited:after {
		content: " [" attr(href) "] "; /* Show URLs */
	}
	#page {
		clear: both !important;
		display: block !important;
		float: none !important;
		max-width: 100%;
		position: relative !important;
	}
	#branding {
		border-top: none !important;
		padding: 0;
	}
	#branding hgroup {
		margin: 0;
	}
	#site-title a {
		font-size: 21pt;
	}
	#site-description {
		font-size: 10pt;
	}
	#branding #searchform {
		display: none;
	}
	#branding img {
		display: none;
	}
	#access {
		display: none;
	}
	#main {
		border-top: none;
		box-shadow: none;
	}
	#primary {
		float: left;
		margin: 0;
		width: 100%;
	}
	#content {
		margin: 0;
		width: auto;
	}
	.single #content {
		margin: 0;
		width: 100%;
	}
	.single .entry-header .entry-meta {
		position: static;
	}
	.entry-meta .edit-link a {
		display: none;
	}
	#content nav {
		display: none;
	}
	.single .entry-header,
	.single .entry-content,
	.single footer.entry-meta,
	.single #comments-title {
		margin: 0;
		width: 100%;
	}
	.single .hentry {
		padding: 0;
	}
	.entry-title1,
	.single .entry-title1 {
		font-size: 21pt;
	}
	.entry-meta {
		font-size: 10pt;
	}
	.entry-header .comments-link {
		display: none;
	}
	.page-link {
		display: none;
	}
	.single #author-info {
		background: none;
		border-bottom: none;
		border-top: none;
		margin: 2.2em 0 0;
		padding: 0;
	}
}
/* =IE7
----------------------------------------------- */
#ie7 article.intro {
	margin-left: -7.6%;
	margin-right: -7.6%;
	padding-left: -7.6%;
	padding-right: -7.6%;
	max-width: 1000px;
}
#ie7 section.featured-post {
	margin-left: -7.6%;
	margin-right: -7.6%;
	max-width: 850px;
}
#ie7 section.recent-posts {
	margin-right: 7.6%;
}
/* =IE8 
----------------------------------------------- */ 
#ie8 section.feature-image.large img { 
	width: 100%; 
}