@charset "utf-8";
/*==================================================
  リセット＆全体
==================================================*/
* {
	margin: 0;
}
body {
	background: url(http://file.amameremeo.kakuren-bo.com/top.png)  repeat-x;
	color: black;
}
table {
	font:100%;
	width:90%;
}
pre, code, samp, kbd, var {
	font-family: Osaka, Meiryo, "メイリオ", sans-serif;
	font-size:1rem;
}
@media screen {
	br {
		letter-spacing: 0;
	}
}
h1,h2,h3,h4,h5,h6 {
	padding-top:0.3rem;
}
input,textarea {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
}
figure{
}
figcaption{
}

/*--------------------------------------------------
  リンク
--------------------------------------------------*/
a       { text-decoration: none;}
a:link    { }
a:visited   { }
a:hover   {
  text-decoration:underline;
}
a:active  { color: #000; }

#head h1 a:link   { color: #fff; }
#head h1 a:visited  { color: #fff; }
#head h1 a:hover  { color: #0879A2; }
#head h1 a:active   { color: #0879A2; }

h2 a:link,
h2 a:visited,
p.trackback_name a:link,
p.trackback_name a:visited { color: black; }
h2 a:hover,
h2 a:active,
p.trackback_name a:hover,
p.trackback_name a:active { color: #0879A2; }

p.entry_category a,
p.entry_category a:link,
p.entry_category a:visited {
	display: inline-block;
	margin-right: 5px;
	padding: 2px 8px 3px;
	border-left: 3px solid #ccc;
	background: #999;
	color: #fff;
	font-size: 0.9rem;
}
p.entry_category a:hover,
p.entry_category a:active {
	border-left: 3px solid #0879A2;
	background: #454545;
}

p.entry_comments a:link,
p.entry_comments a:visited { color: #999; }
p.entry_comments a:hover,
p.entry_comments a:active { color: #0879A2; }

#sidebar dl.categories li a:link,
#sidebar dl.categories li a:visited,
#sidebar dl.archives li a:link,
#sidebar dl.archives li a:visited,
#sidebar dl.recentcomments li a:link,
#sidebar dl.recentcomments li a:visited,
#sidebar dl.recenttrackbacks li a:link,
#sidebar dl.recenttrackbacks li a:visited,
#sidebar dl.accesscounter li a:link,
#sidebar dl.accesscounter li a:visited,
#sidebar dl.links li a:link,
#sidebar dl.links li a:visited {
  color: #555;
}
#sidebar dl.categories li a:hover,
#sidebar dl.categories li a:active,
#sidebar dl.archives li a:hover,
#sidebar dl.archives li a:active,
#sidebar dl.recentcomments li a:hover,
#sidebar dl.recentcomments li a:active,
#sidebar dl.recenttrackbacks li a:hover,
#sidebar dl.recenttrackbacks li a:active,
#sidebar dl.accesscounter li a:hover,
#sidebar dl.accesscounter li a:active,
#sidebar dl.links li a:hover,
#sidebar dl.links li a:active {
  color: #0879A2;
}

#sidebar dl.categories li a,
#sidebar dl.archives li a,
#sidebar dl.recentcomments li a,
#sidebar dl.recenttrackbacks li a,
#sidebar dl.accesscounter li a {
  font-weight: bold;
}

#entry_linkbg{
  width:8rem;
  border-left:3px solid black;
  background-color:#767676;
}

#entry_linksen{
  color:white;
  padding-left:0.5rem;
}

#footer a:link    { color: silver; }
#footer a:visited   { color: silver; }
#footer a:hover   { color: silver; }
#footer a:active  { color: silver; }

.popup a{ color:silver; }

/*--------------------------------------------------
  clearfix
--------------------------------------------------*/
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: auto;
  /**/
}
div {
  zoom: 1;
}

/*==================================================
  レイアウト
==================================================*/
#wrap {
	width: auto;
	height:auto;
	text-align: left;
	margin:17px 0px 0px 0px;
	padding:1px 0px 0px 0px;
	background:url(http://file.amameremeo.kakuren-bo.com/background.png) repeat;
	background-size:22px;
}
#head {
	padding: 0px 10px 0px;
	height: 60px;
}
#main {
	width:1100px;
	margin: 40px auto 0px;
	padding:0px 0px 0px 0px;
}
#contents {
	float: left;
	width: 764px;
}
#sidebar {
	float: right;
	width: 260px;
	color: black;
}


table.default{
	border-collapse:collapse;
	margin:auto;
}
table.default th{
	font-weight:normal;
	color:white;
	text-align:center;
	background-color:#4F71B5;
	border-left:6px solid #3C5689;
	border-right:1px solid gray;
	border-top:1px solid gray;
	border-bottom:1px solid gray;
}
table.default tr{
	border:1px solid gray;
	border-left:6px solid gray;
}

table.default tr.tr1{
	font-weight:normal;
	background-color:#EEEEEE;
}
table.default tr.tr2{
	font-weight:normal;
	background-color:#E3E3E3;
}
table.default td{
	font-size:0.9rem;
	padding-left:0.4rem;
	border:1px solid gray;
}

/*=========================*/
table.catalog{
	border-collapse:collapse;
	margin:auto;
}

table.catalog tr{
	border-left:6px solid gray;
}

table.catalog tr.tr1{
	font-weight:normal;
	background-color:#CCDADB;
}
table.catalog tr.tr2{
	font-weight:normal;
	background-color:#E8F6F7;
}
table.catalog td{
	font-size:0.9rem;
	padding-left:0.4rem;
}
/*=================================================*/
/*									HEAD											*/
/*=================================================*/
h1 {
	font-size: 1.2rem;
	font-family: Osaka, Meiryo, "メイリオ", sans-serif;
	font-weight: bold;
	text-decoration: underline;
}
h1:first-letter {
	color: #009F52;
	font-size: 1.5rem;
	font-weight: bold;
}

/*=================================================*/
/*								CONTENTS											*/
/*=================================================*/
/*--------------------------------------------------
  記事
--------------------------------------------------*/
div.entry {
	padding-top: 15px;
}
div.entry h2 {
	font-color:black;
	margin: 0 22px;
	padding: 0 0 0 7px;
	background-color:#C6E6F3;
	border-left: 4px solid #0879A2;
	-moz-box-shadow: 6px 6px 5px gray;
	-webkit-box-shadow: 6px 6px 5px gray;
	box-shadow: 6px 6px 5px gray;
}

p.entry_date {
	margin: 0 22px 15px;
	padding: 0 0 0 1rem;
	border-left: 4px solid #0879A2;
	background-color:#C6E6F3;
	font-size: 0.8rem;
	font-family: Osaka, Meiryo, "メイリオ", sans-serif;
	-moz-box-shadow: 6px 6px 5px gray;
	-webkit-box-shadow: 6px 6px 5px gray;
	box-shadow: 6px 6px 5px gray;
}
div.entry_body {
	padding: 0 35px;
	font-size: 100%;
	line-height: 1.5;
}
div.entry_body p {
	margin-bottom: 0.8em;
	margin-left:0.8em;
}
div.entry_state {
	margin: 20px 20px 30px;
	padding: 15px 0;
	color: #999;
	font-size: 1rem;
}
p.entry_category {
	float: left;
}
p.entry_comments {
	float: right;
	padding-left: 20px;
	background: url(http://bfile.shinobi.jp/5594/ninja_entry_04.gif) no-repeat;
}
.entry_index{
	margin-bottom:1rem;
	font-weight:normal;
	font-size:1.5rem;
	padding-left:15px;
	border-left : solid 5px;
	border-color:#4AD5C4;
	background-color:#E5E5E5;
	clear:both;
}
.entry_dd{
  padding:25px;
  color:#3E3E3E;
  font-size:1rem;
  margin-top:10px;
  margin-left:20px;
  padding-top : 10px;
  padding-left : 15px;
  padding-bottom :10px;
  border-left-width : 3px;
}
/*---------------------------------------------------------------------*/
/*					画像						*/
/*---------------------------------------------------------------------*/
div.entry_body img {
	max-width:690px;
}
img.emoji {
  margin: 0 1px;
  padding: 0;
  border: none;
}

figure.im_content{
	margin:0 auto;
	width:100%;
	position: relative;
	overflow:hidden;
}
figure.im_content img.content{
	width:100%;
}
figure.im_content img.scaleup{
	opacity: 0;
	width: 10%;
	position: absolute;
	right: 10px;
	bottom: 10px;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

figure.im_content:hover img.scaleup{
	opacity: 1;
	width: 13%;
	position: absolute;
	right: 10px;
	bottom: 10px;
	-webkit-transition: 0.7s;
	transition: 0.7s;
}
figure.im_content:hover figcaption{
	bottom:0;
}

figure.im_content figcaption {
	font-size:0.9rem;
	padding:0.3rem 0;
	color:white;
	text-align: right;
	position: absolute;
	bottom: -2.2rem;
	width: 99.5%;
	background: rgba(0,0,0,.6);
	-webkit-transition: .0.3s;
	transition: 0.3s;
	overflow:hidden;
}

#popup-background{
	position:fixed;			/* 位置の固定 */
	top: 0;					/* 表示位置縦 */
	left: 0;					/* 表示位置横 */
	height: 100%;			/* 画像高さ全体に表示 */
	width: 100%;			/* 画面幅全体に表示 */
	background:#000;	/* 背景色 */
	opacity: 0.60;			/* 透明度 */
	margin: 0;				/* 余白の削除 */
	padding: 0;			/* 余白の削除 */
	z-index:1000;			/* 要素のz座標 */
}
#popup-item{
	position:fixed;			/* 位置の固定 */
	top: 50%;				/* 表示位置(真ん中に表示) */
	left: 50%;				/* 表示位置(真ん中に表示) */
	margin: 0;				/* 余白の削除 */
	padding: 0;			/* 余白の削除 */
	z-index:1001;			/* 要素のz座標 */
}

/*---------------------------------------------------------------------*/
/*				画像リスト（2列）				*/
/*---------------------------------------------------------------------*/

div.img_list{
  width:100%;
  margin:0 auto;
}
div.img_list:after{
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

div.im_li_content{
  position: relative;
  width:47%;
  padding:0.1rem;
  float:left;
}

div.im_li_content img.content{
  width:100%;
}

div.im_li_content img.scaleup{
	opacity: 0;
	width: 10%;
	position: absolute;
	right: 10px;
	bottom: 10px;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

div.im_li_content:hover img.scaleup{
	opacity: 1;
	width: 13%;
	position: absolute;
	right: 10px;
	bottom: 10px;
	-webkit-transition: 0.7s;
	transition: 0.7s;
}

/*--------------------------------------------------*/
/*						Figure						*/
/*--------------------------------------------------*/

figure.center{
	width:150px;
	display:table;
	margin:2rem auto 2rem;
	position:relative;
}

figure.center figcaption{
	font-size:0.7rem;
	width:100%;
}

figure.popup{
	margin:0 auto;
	position:relative;
	overflow:hidden;
	width: -webkit-min-content;
	width: -moz-min-content;
	width: min-content;
}
figure.popup:hover figcaption{
	bottom:0;
}

figure.popup figcaption {
	font-size:0.9rem;
	padding:0.3rem 0;
	color:white;
	text-align: right;
	position: absolute;
	bottom: -2.2rem;
	width: 100%;
	background: rgba(0,0,0,.6);
	-webkit-transition: .0.3s;
	transition: 0.3s;
	overflow:hidden;
}

#popup-background{
	position:fixed;			/* 位置の固定 */
	top: 0;					/* 表示位置縦 */
	left: 0;					/* 表示位置横 */
	height: 100%;			/* 画像高さ全体に表示 */
	width: 100%;			/* 画面幅全体に表示 */
	background:#000;	/* 背景色 */
	opacity: 0.60;			/* 透明度 */
	margin: 0;				/* 余白の削除 */
	padding: 0;			/* 余白の削除 */
	z-index:1000;			/* 要素のz座標 */
}
#popup-item{
	position:fixed;			/* 位置の固定 */
	top: 50%;				/* 表示位置(真ん中に表示) */
	left: 50%;				/* 表示位置(真ん中に表示) */
	margin: 0;				/* 余白の削除 */
	padding: 0;			/* 余白の削除 */
	z-index:1001;			/* 要素のz座標 */
}


ul.entry_ul{
	list-style:none;
	margin-left:0;
}

#entry_li_header{
	background:url(http://file.amameremeo.kakuren-bo.com/bgheader.jpg);
	height:35px;
	width:764px;
}

#entry_li_body{
  background:url(http://file.amameremeo.kakuren-bo.com/bg2.jpg);
  width:764px;
  margin:0 0 0px 0;
  padding:0px 0 20px 0;
}
#entry_li_footer{
  background:url(http://file.amameremeo.kakuren-bo.com/bgfooter.jpg);
  height:30px;
  width:764px;
  margin:0px 0 30px 0;
}

/*--------------------------------------------------
  記事内タグ
--------------------------------------------------*/
strong { font-weight: bold; }
b.red{
  font-weight: bold;
  color:red;
}
em {
  margin: 0 1px;
  padding: 0 1px 0 2px;
  background: #eee;
  font-style: normal;
}
div.entry_body dl {
  margin-bottom: 0.8em;
}
div.entry_body dt {
}
div.entry_body dd {
  margin: 2px 5px 5px;
  padding-left: 8px;
  border-left: 3px solid #ddd;
}
div.entry_body h3 {
  margin: 0 0 0.8rem 0;
  border-left: 5px solid #448074;
  border-bottom: 2px solid #448074;
  padding-left:0.8rem;
}
div.entry_body h4 {
  margin-bottom: 0.8em;
  border-bottom: 2px solid #ddd;
  font-size: 120%;
  font-weight: normal;
}
div.entry_body h5 {
  margin-bottom: 0.8em;
  border-bottom: 1px dashed #ddd;
  font-size: 120%;
  font-weight: normal;
}
div.entry_body h6 {
  margin-bottom: 0.8em;
  padding-left: 4px;
  border-left: 5px solid #ddd;
  border-bottom: 1px solid #ddd;
}
blockquote {
  margin-bottom: 0.5em;
  padding: 5px 8px;
  border-left: 3px solid #ddd;
  background: #f8f8f8;
  line-height: 1.6;
}
.cite {
  font-size: 10px;
  text-align: right;
}
pre {
  padding: 5px 8px;
  border: 2px solid #ddd;
  background: #f5f5f5;
  width: 95%;
  overflow: auto;
}
div.entry_body ul {/*
  margin-bottom: 0.8em;
  list-style: none;
}
div.entry_body ul li {
  padding-left: 16px;
  background: url(http://bfile.shinobi.jp/5594/ninja_img_03.gif) no-repeat 2px 6px;
}
div.entry_body ul li:hover {
  background: url(http://bfile.shinobi.jp/5594/ninja_img_04.gif) no-repeat 2px 6px;
}
div.entry_body ol {
  margin-bottom: 0.8em;
  padding-left: 20px;
  list-style: decimal inside;
}
div.entry_body ol li {
  text-indent: -20px;*/
}

/*--------------------------------------------------
  記事ナビ
--------------------------------------------------*/
div.entry_navi {
	overflow: hidden;
	margin-left: 370px;
	width: 175px;
}
p.entry_prev a {
	display: block;
	float: left;
	width: 86px;
	height: 15px;
	background: url(http://bfile.shinobi.jp/5594/ninja_entry_05.gif) left top no-repeat;
	text-indent: -9999px;
}
p.entry_prev a:hover {
  background: url(http://bfile.shinobi.jp/5594/ninja_entry_05.gif) 0 -15px no-repeat;
}

p.entry_next a {
	display: block;
	float: right;
	width: 85px;
	height: 15px;
	background: url(http://bfile.shinobi.jp/5594/ninja_entry_06.gif) left top no-repeat;
	text-indent: -9999px;
}
p.entry_next a:hover {
	background: url(http://bfile.shinobi.jp/5594/ninja_entry_06.gif) 0 -15px no-repeat;
}

/*--------------------------------------------------
  ページナビ
--------------------------------------------------*/
div.page_navi {
	overflow: hidden;
	margin: 2rem;
	width: 100%;
}
p.page_prev a {
	display: inline;
	float: left;
	background-color: white;
	border: solid 1.5px gray;
	padding:0.1rem 0.6rem;
}
p.page_prev a:hover {

}

p.page_next a {
	display: inline;
	float: right;
	background-color: white;
	border: solid 1.5px gray;
	padding:0.1rem 0.6rem;
}
p.page_next a:hover {

}


/*--------------------------------------------------
  コメントフォーム
--------------------------------------------------*/
div.comment {
  padding: 0 20px;
}
h3#comment {
  height: 22px;
  background: url(http://bfile.shinobi.jp/5594/ninja_comment_01.gif) no-repeat;
  text-indent: -9999px;
}
div.comment form {
  padding: 10px 15px 4px;
  background: url(http://bfile.shinobi.jp/5594/ninja_comment_02.gif) no-repeat left bottom #f4f4f4;
  overflow: hidden;
}
div.comment form label {
  display: block;
  margin: 5px 0 8px 3px;
  width: 228px;
  font-size: 11px;
  font-weight: bold;
  font-family: Osaka, Meiryo, "メイリオ", sans-serif;
}
label#comment {
  margin-bottom: 10px;
}
p.com_form_left {
  float: left;
  clear: left;
  padding-bottom: 7px;
  background: url(http://bfile.shinobi.jp/5594/ninja_comment_03.gif) no-repeat left bottom;
}
p.com_form_right {
  margin-left: 260px;
  padding-bottom: 7px;
  background: url(http://bfile.shinobi.jp/5594/ninja_comment_03.gif) no-repeat left bottom;
}
p.com_form_bottom {
  clear: both;
  padding-bottom: 9px;
  background: url(http://bfile.shinobi.jp/5594/ninja_comment_04.gif) no-repeat left bottom;
}
p.com_form_btn {
  margin: 10px 0 10px 180px;
}
input#name,
input#mail,
input#url,
input#pass {
  margin-left: 10px;
  width: 210px;
  border: none;
  background: #fff;
}
textarea#comment {
  margin-left: 12px;
  width: 470px;
  height: 125px;
  border: none;
  background: #fff;
}
input#submit {
  display: block;
  border: none;
  width: 124px;
  height: 22px;
  background: url(http://bfile.shinobi.jp/5594/ninja_comment_button.gif) no-repeat left top;
  color: #fff;
  font-size: 0px;
}
input#submit:active {
  background: url(http://bfile.shinobi.jp/5594/ninja_comment_button.gif) no-repeat left bottom;
}

/*--------------------------------------------------
  コメント＆トラックバック
--------------------------------------------------*/
div.trackback {
  margin-bottom: 20px;
  padding: 0 20px;
}
p.comment_name,
p.trackback_name {
  margin: 30px 0 0;
  font-size: 15px;
  font-family: Osaka, Meiryo, "メイリオ", sans-serif;
  line-height: 1;
}
p.comment_state,
p.trackback_state {
  color: #ccc;
  font-size: 10px;
  font-weight: bold;
  font-family: Osaka, Meiryo, "メイリオ", sans-serif;
}
p.comment_text,
p.trackback_text {
  margin: 5px 0;
  font-size: 93%;
  line-height: 1.6;
}
p.comment_res {
  padding: 10px 10px 5px;
  background: url(http://bfile.shinobi.jp/5594/ninja_comment_05.gif) no-repeat #efefef;
  font-size: 93%;
  line-height: 1.6;
}
p.comment_res_state {
  padding: 0 10px 8px;
  background: url(http://bfile.shinobi.jp/5594/ninja_comment_06.gif) no-repeat left bottom #efefef;
  color: #999;
  font-size: 10px;
  font-weight: bold;
  font-family: Osaka, Meiryo, "メイリオ", sans-serif;
  text-align: right;
  line-height: 1.4;
}

h3#trackback {
  margin: 20px 0 0;
  padding-top: 20px;
  border-top: 2px solid #ddd;
  background: url(http://bfile.shinobi.jp/5594/ninja_trackback_01.gif) left bottom no-repeat;
  text-indent: -9999px;
}
input.tb_url {
  margin: 4px 0 7px 15px;
  padding-top: 3px;
  width: 495px;
  border: none;
  background: #fff;
}
p.tb_url {
  margin: 10px 0 0;
  background: url(http://bfile.shinobi.jp/5594/ninja_trackback_02.gif) no-repeat;
}

/*==================================================
  SIDEBAR
==================================================*/
#sidebar dl {
  width: 260px;
  margin-bottom: 40px;
}
#sidebar dl.other {
  margin-bottom: 20px;
}
#sidebar dt {
  height: 29px;
  text-indent: -9999px;
}

#sidebar dl.categories dt     { background: url(http://file.amameremeo.kakuren-bo.com/categories.png) no-repeat; }
#sidebar dl.archives dt     { background: url(http://file.amameremeo.kakuren-bo.com/archives.png) no-repeat; }
#sidebar dl.recentcomments dt   { background: url(http://bfile.shinobi.jp/5594/ninja_side_05.gif) no-repeat; }
#sidebar dl.recenttrackbacks dt { background: url(http://bfile.shinobi.jp/5594/ninja_side_06.gif) no-repeat; }
#sidebar dl.links dt      { background: url(http://bfile.shinobi.jp/5594/ninja_side_07.gif) no-repeat; }
#sidebar dl.other dt      { background: url(http://bfile.shinobi.jp/5594/ninja_side_08.gif) no-repeat; }
#sidebar dl.accesscounter dt      { background: url(http://file.amameremeo.kakuren-bo.com/accesscount.png) no-repeat; }
#sidebar dl.blogparts dt    { background: url(http://bfile.shinobi.jp/5594/ninja_side_09.gif) no-repeat; }

#sidebar dl.categories,
#sidebar dl.archives,
#sidebar dl.recentcomments,
#sidebar dl.recenttrackbacks,
#sidebar dl.links,
#sidebar dl.accesscounter,
#sidebar dl.other {
	background-color:#ECEDF1;
	box-shadow:3px 3px gray;
}
#sidebar dd {
	padding: 0 10px;
	font-size: 0.7rem;
}
#sidebar dd ul {
	list-style: none;
}
#sidebar dd li {
	padding: 5px 3px 7px;
	background: url(http://bfile.shinobi.jp/5594/ninja_img_02.gif) repeat-x left bottom;
	line-height: 1.4;
}
#sidebar dl.accesscounter dd {
	padding: 9px 0 4px 15px;
}

/*--------------------------------------------------
  ブログ内検索
--------------------------------------------------*/
#sidebar dl.search dt {
	height: 0;
}
#sidebar dl.search dd {
	padding: 0;
	background: url(http://bfile.shinobi.jp/5594/ninja_search_01.gif) no-repeat 10px top;
	overflow: hidden;
}
#search {
	float: left;
	border: none;
	background: url(http://bfile.shinobi.jp/5594/ninja_search_01.gif) no-repeat left top;
	width: 200px;
	height: 22px;
	font-size: 11px;
	color: #999999;
	padding: 4px 0 0 20px;
}
input#searchsubmit {
	display: block;
	width: 37px;
	height: 22px;
	border: none;
	background: url(http://bfile.shinobi.jp/5594/ninja_search_02.gif) left top;
	font-size: 0px;
}
input#searchsubmit:active {
	background: url(http://bfile.shinobi.jp/5594/ninja_search_02.gif) left bottom;
}

/*==================================================
  FOOTER
==================================================*/
#footer {
	clear: both;
	background: url(http://bfile.shinobi.jp/5594/ninja_footer_01.gif) repeat-x #e5e5e5;
	color: silver;
}

p.copyright {
  padding-top:0.2rem;
  height: 2rem;
  background-color:darkslategray;
  font-size: 0.8rem;
  font-family: Osaka, Meiryo, "メイリオ", sans-serif;
  text-align: center;
  line-height:2;
}