/* <system section="theme" selected="6435922169449226313"> */
/* @Main
====================================== */
body {
    margin: 0;
    padding: 0;
    color: #333;
    background: #6d819c;
    text-align: center;
    font-family:
    "Hiragino Kaku Gothic Pro",
    "ヒラギノ角ゴ Pro W3",
    Meiryo,
    "メイリオ",
    "MS P Gothic", 
    "ＭＳ Ｐゴシック", 
    sans-serif;
}
a {
    color: #0022cc;
}
a:visited {
    color: #7888dc;
}
i, cite, em, var, address, dfn {
    font-style: italic;
}

/* @Container
====================================== */
#content {
    margin: 0 auto;
    background: #fff;
    text-align: left;
    zoom: 1;
    width: 90%;
    max-width: 910px;
    border-right: 1px solid #4a5973;
    border-left: 1px solid #4a5973;
    overflow: auto;
}
#box2 {
    background: #fff;
    line-height: 1.5;
    width: 220px;
    float: right;
    border-left: 1px solid #a5bce7;
    border-bottom: 1px solid #a5bce7;
    overflow: hidden;
}
#main {
    width: 640px;
    height: auto;
    float: left;
    background: #fff;
    padding: 20px 15px 2em 20px;
    clear: both;
}

/* @BLOG-TITLE
====================================== */
#globalheader-container {
    margin: 0px auto 0 auto;
    width: 90%;
    max-width: 910px;
    border-right: 1px solid #4a5973;
    border-left: 1px solid #4a5973;
    position: relative;
    text-align: left;
    padding: 5px 0 10px 0;
    background: #5e7cb4;
    color:#fff;
}

#blog-title {
	color: #ffffff;
	margin: 0px auto;
	padding: 0;
	background: #7697d6;
	text-align: left;
	font-size: 0.8em;
	text-indent: 20px;
	width: 90%;
	max-width: 910px;
	border-right: 1px solid #4a5973;
	border-left: 1px solid #4a5973;
}

h1#title a,h1#title a:visited {
    color: #ffffff;
    text-decoration: none;
}
h1#title a:hover {
    text-decoration: underline;
}

#title {
	padding: 55px 20px 0;
	margin: 0;
	text-indent: 0;
}

#blog-description {
	padding: 0 20px 55px;
	margin-bottom: 0;
	text-indent: 0;
}

#blog-title-inner {
    background-color: #7697d6;
    height: auto!important;
    min-height: 200px;
}

.header-image-enable #blog-title #title a {
	-moz-text-shadow: none!important;
	-webkit-text-shadow: none!important;
	text-shadow: none!important;
}

.header-image-enable #blog-title #blog-description {
	-moz-text-shadow: none!important;
	-webkit-text-shadow: none!important;
	text-shadow: none!important;
}

/* @Top-box and Navigation Module
====================================== */
#top-box,#top-editarea,#bottom-editarea {
  text-align: left;
  margin: 0 auto;
  font-size: 14px;
}
.breadcrumb a {
  color: #0022cc;
  margin-left: 20px;
}
.breadcrumb {
    background: #eee;
    max-width: 910px;
    margin: 0 auto;
    border-right: 1px solid #4a5973;
    border-left: 1px solid #4a5973;
}

/* @ENTRY
====================================== */
.entry-title a {
    text-decoration: none;
    color: #333;
}
.entry-header h1.entry-title {
    border-left: 9px solid #7697D6;
    padding-left: 10px;
    margin-bottom: 0;
    padding-top: 5px;
    padding-bottom: 0;
    font-size: 100%;
    margin: 0.4em 0 0 0;
}
h1.entry-title {
    margin:0;
}
.day a {
    color: #7697d6;
}
.date {
    margin: 0 0 10px 0;
    font-size: 130%;
    font-family: "times new roman", "geogia", serif;
    padding: 25px 0.5em 0.2em 0;
    line-height: 100%;
    color: #7697d6;
    border-bottom: 1px solid #a5bce7;
    font-weight: bold;
}
.date a {
    color: #7697d6;
    text-decoration: none;
}
.entry-header-menu {
   margin: 0 0 15px 0;
   padding: 0 0 0 12px;
   text-align: left;
   font-size: 80%;
   position: relative;
   line-height: 1.5;
   vertical-align: top;
   color: #999;
   border-left: 9px solid #7697D6; 
}
.entry-header div.categories {
    padding: 0 0 0 12px;
    text-align: left;
    font-size: 80%;
    position: relative;
    line-height: 1.5;
    vertical-align: top;
    color: #999;
    border-left: 9px solid #7697D6;
}
.section h4 {
   border-bottom: 1px dotted #a5bce7;
   padding: 3px;
   margin: 1em 0 0.5em 0;
}

.social-buttons {
	margin: 20px 0;
}

/* @Comment
====================================== */
.comment {
    margin: 0;
    clear: both;
    border: 1px solid #a5bce7;
    background: #ffffff;
}
.leave-comment-title {
    margin: 0 0 7px 0;
    padding: 3px 0.5em 3px 0.7em;
    background: #a5bce7;
    color: #ffffff;
    display: block;
}
.entry-comment {
    list-style:none;
}
/* @Entry TextStyle
====================================== */
.entry-content {
    line-height: 1.5;
}
.entry-content p {
  0.6em 0 0.6em 0;
}
.entry-content img {
  max-width: 100%;
}
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
  margin: 1em 0 0.5em 0;
}
.entry-content h1 {
  font-size: 160%;
}
.entry-content h2 {
  font-size: 150%;
}
.entry-content h3 {
  font-size: 140%;
}
.entry-content h4 {
  font-size: 120%;
  margin-bottom: 20px;
}
.entry-content h5 {
  font-size: 110%;
}
.entry-content h6 {
  font-size: 100%;
}
.entry blockquote {
  border: 1px solid #d2deee;
  margin: 1em 0;
  padding: 0.5em;
}
.entry blockquote p {
  margin-top: 0;
  margin-bottom: 0;
}
.entry-content ul { 
    list-style: disc;
}
.entry-content ul,
.entry-content ol {
  margin: 16px 0;
  padding: 0 0 0 40px;
}
.entry-content table {
  border-collapse: collapse;
　font-size: 90%;
　margin: 1em 0;
}
.entry-content table th,
.entry-content table td {
  border: 1px solid #d2deee;
  padding: 5px;
}
.entry-content table th {
  background: #e9eff8;
  border: 1px solid #d2deee;
}
a.keyword {
  color: #3D3D3D;
  text-decoration: none;
  border-bottom: 1px solid #DEDEDE;
}
pre.code {
  font-size: 90%;
  background: #e9eff8;
  border: 1px solid #d2deee;
  padding: 0.5em 0.8em;
  color: #555;
  overflow: auto;
  overflow-y: hidden;
  white-space: pre-wrap;
}
.synIdentifier {
  color: #008080;
}
.synStatement {
  color: #804000;
}
.synType {
  color: #008000;
}
.synConstant {
  color: #c00000;
}
.synSpecial {
  color: #c000c0;
}

/* @Module
====================================== */
.hatena-module-title {
    padding: 3px 0.5em 3px 0.7em;
    font-family: "times new roman", "geogia", serif;
    color: #ffffff;
    font-weight: bold;
    font-size: 100%;
    background: #a5bce7;
    text-align: center;
}
.hatena-module-title a {
    color: #ffffff;
    text-decoration: none;
}
.hatena-module-body {
    padding: 7px;
    zoom: 1;
}
.hatena-module ul, .sidebar .hatena-module ol {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 90%;
}
.hatena-module ul li, .hatena-module ol li {
    padding-bottom: 3px;
    padding-left: 2px;
    margin-bottom: 4px;
    border-bottom: 1px solid #e5ebfa;
    line-height: 1.3;
}
.hatena-module ul li a, .hatena-module ol li a {
    text-decoration: none;
}

/* @Module::Profile
====================================== */
.hatena-module-profile {
    font-size: 90%;
    line-height: 135%;
}
.hatena-module-profile .id {
    padding-bottom: 0.2em;
    font-weight: bold;
}
.hatena-module-profile .id a {
    font-family: "times new roman", "geogia", serif;
    text-decoration: none;
}
.profile-icon {
	float: left;
	margin: 5px 10px 5px 5px;
}
.hatena-module-profile .profile-description p {
    margin: 0;
}

/* @Module::Search
====================================== */
form.search-form input {
	border: 1px solid #ccc;
	margin: 5px 5px 5px 0;
	vertical-align: middle;
	background: #fff;
}
.search-form .search-module-input {
    width: 130px;
    padding: 3px;
    margin: 0;
    font-size: 12px;
}
.search-form .search-module-button {
    border: 1px solid #ccc;
    margin: 5px 5px 5px 0;
    vertical-align: middle;
    background: #fff;
}
input[type="button"], input[type="submit"] {
	padding: 1px;
}
textarea, input {
	padding: 3px;
}

/* @Module::Recent-entries
====================================== */

/* @Module::Category
====================================== */

/* @Footer
====================================== */
#footer {
    margin: 0 auto;
    background: #fff;
    zoom: 1;
    width: 90%;
    max-width: 910px;
    line-height: 1.5;
    border-right: 1px solid #4a5973;
    border-left: 1px solid #4a5973;
    clear: both;
}

/* @HATENA-EMBED
====================================== */
/* ---STANDARD
.hatena-embed {
    padding-left: 20px;
    margin: 1em 0;
}

.hatena-embed.fotolife,
.hatena-embed.twitpic {
	padding:0;
	margin:0;
	border: none;
	background: transparent;
	display: inline;
}

.hatena-embed.hatena-bookmark {
	background:url('https://cdn.blog.st-hatena.com/images/admin/curation/services/hatena-bookmark.png?version=263e782f4058acf5109a8ca03f06e0') no-repeat left 3px;
}

.hatena-embed.foursquare {
	background:url('https://cdn.blog.st-hatena.com/images/admin/curation/services/foursquare.png?version=263e782f4058acf5109a8ca03f06e0') no-repeat left 3px;
}

.hatena-embed.hatena-coco {
	background:url('https://cdn.blog.st-hatena.com/images/admin/curation/services/hatena-coco.png?version=263e782f4058acf5109a8ca03f06e0') no-repeat left 3px;
}

.hatena-embed.hatena-haiku {
	background:url('https://cdn.blog.st-hatena.com/images/admin/curation/services/hatena-haiku.png?version=263e782f4058acf5109a8ca03f06e0') no-repeat left 3px;
}

.hatena-embed.twitter {
	background:url('https://cdn.blog.st-hatena.com/images/admin/curation/services/twitter.png?version=263e782f4058acf5109a8ca03f06e0') no-repeat left 3px;
}

*/
/* @HATENA-EMBED(FOTOLIFE,TWITPIC)
====================================== */
.hatena-embed.hatena-fotolife,
.hatena-embed.twitpic {
    padding: 10px 10px 30px 10px;
    margin: 1em 0;
    background: transparent;
    display: inline-block;
    border: 1px solid #dfdfdf;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.16);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.16);
    background: #fff;
    text-align: center;
}
.hatena-embed.hatena-fotolife {
    background: #ffffff url('https://cdn.blog.st-hatena.com/images/theme/hatena-embed/embed-fotolife.png?version=263e782f4058acf5109a8ca03f06e0') no-repeat right bottom;
}
.hatena-embed.twitpic {
    padding: 10px 10px 10px 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;
}
img.hatena-fotolife {
    border: 1px solid #777;
}
/* @HATENA-EMBED(COCO,4SQ)
====================================== */
.hatena-embed.hatena-coco,
.hatena-embed.foursquare {
    margin: 1em 0;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.16);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.16);
}
.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=263e782f4058acf5109a8ca03f06e0') 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=263e782f4058acf5109a8ca03f06e0') no-repeat right bottom;
}
/* @HATENA-EMBED(BOOKMARK)
====================================== */
.hatena-embed.hatena-bookmark {
    padding: 15px 15px 15px 70px;
    margin: 1em 0;
    background: transparent;
    border: 1px solid #dfdfdf;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.16);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.16);
    background: #ffffff url('https://cdn.blog.st-hatena.com/images/theme/hatena-embed/embed-bookmark.png?version=263e782f4058acf5109a8ca03f06e0') 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(HAIKU)
====================================== */
.hatena-embed.hatena-haiku {
    padding: 15px 15px 15px 70px;
    margin: 1em 0;
    background: transparent;
    border: 1px solid #dfdfdf;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.16);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.16);
    background: #ffffff url('https://cdn.blog.st-hatena.com/images/theme/hatena-embed/embed-haiku.png?version=263e782f4058acf5109a8ca03f06e0') no-repeat 5px 5px;
}
/* @HATENA-EMBED(MONOLITH)
====================================== */
.hatena-embed.hatena-monolith {
    width: 580px;
    padding: 15px;
    margin: 1em 0;
    background: transparent;
    border: 1px solid #dfdfdf;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.16);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.16);
    background: #ffffff url('https://cdn.blog.st-hatena.com/images/theme/hatena-embed/embed-monolith.png?version=263e782f4058acf5109a8ca03f06e0') 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)
====================================== */
.hatena-embed.twitter {
    padding: 10px 0;
    margin: 1em 0;
    border-bottom: 1px dotted #757575;
    border-top: 1px dotted #757575;
}
/* @HATENA-EMBED(ATND)
====================================== */
.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: bold;
    color: #262626;
}
.hatena-embed-detail.atnd-detail:hover {
    color: #EA1F00;
    text-decoration: none;
}
.hatena-embed.atnd .content-body {
    font-size: 12px;
    color: #222;
}

/* @About
====================================== */
.page-about dt {
    margin: 0 0 10px 0;
    font-size: 130%;
    padding: 25px 0.5em 0.2em 0;
    line-height: 100%;
    color: #7697d6;
    border-bottom: 1px solid #a5bce7;
    font-weight:bold;
}
.page-about dd {
    margin: 0.6em 0 0.6em 0;
}

/* @Archive
====================================== */
.autopagerize_page_element .categories {
    border:none;  
    margin-right: 20px;
}
.autopagerize_page_element .entry-title {
    border:none;   
}
/* </system> */

/* <system section="background" selected="custom"> */
body{ background-image: url('http://cdn-ak.f.st-hatena.com/images/fotolife/i/idenizi/20160719/20160719092732.jpg'); background-repeat: repeat; background-color:#fff; background-attachment: fixed; background-position: left top;}
/* </system> */






/* ----- タイトル用　css　スタート----- */

/* ----- 総合スタート ----- */
.sougou
    {
    width:994px;
    background-color: #7697D6;
    margin:0 auto 0 auto;
    border-right: 1px solid #4a5973;
    border-left: 1px solid #4a5973;
    }

/* ----- ググアド（RSS右）スタート ----- */

.ggad
    {
    float:left;
    width:496px;
	background-color: #7697D6;
	height: 120px;
    border-left: 1px solid #4a5973;
	}

/* ----- ググアド（RSS右）ここまで ----- */

/* ----- RSS左　スタート ----- */

.rssmigi
	{
	float:left;
	width:496px;
	background-color: #7697D6;
	height: 120px;
    border-right: 1px solid #4a5973;
	}

/* ----- RSS左　ここまで ----- */

/* ----- 周り込み防止 スタート----- */

.clears{
  clear:both;
}

/* ----- 周り込み防止 ここまで----- */

/* ----- 総合ここまで ----- */

/* ----- メニュー スタート----- */

.cssmenufoot
	{
	clear:left;
	background-color: #7697D6;

	width:994px;
	height: 30px;
    border-right: 1px solid #4a5973;
    border-left: 1px solid #4a5973;
    font-family:
    "Hiragino Kaku Gothic Pro",
    "ヒラギノ角ゴ Pro W3",
    Meiryo,
    "メイリオ",
    "MS P Gothic", 
    "ＭＳ Ｐゴシック", 
    sans-serif;
font-weight: bold; 
	margin:0 auto 0 auto;

}

/* ----- メニュー ここまで----- */
	}

/* ----- 相互RSS css スタート ----- */
.feedArea ul {
    margin: 0;
    padding: 0;
    font-size: 90%;
	line-height: 1.6;
	list-style: none;
}
.feedArea ul li a img {
	vertical-align: middle;
}
.multiFeed {
	overflow: hidden;
}
#feed_1 {
	float: left;
}

#feed_1,
#feed_2 {
	background: #FFF;
	width: 484px;
	height: 90px;
	padding: 0 10px 0 0;
	border: 1px solid #BBB;
	overflow-y: scroll;
	font-size: 13px;
}
#feed_1 ul,
#feed_2 ul {
	padding: 5px;
}


#feed_5 {
	float: left;
}

#feed_5 {
	background: #FFF;
	width: 210px;
	height: 720px;
	padding: 0 10px 0 0;
	border: 1px solid #BBB;
	overflow-y: scroll;
	font-size: 13px;
}
#feed_5 ul {
	padding: 5px;
}





/* ----- 相互RSS css ここまで ----- */

/*-- メニューcss　スタート--*/

#cssmenu {
  border: none;
  border: 0px;
  margin: 0px;
  padding: 0px;
  font: 67.5% 'Lucida Sans Unicode', 'Bitstream Vera Sans', 'Trebuchet Unicode MS', 'Lucida Grande', Verdana, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  width: auto;
    font-family:
    "Hiragino Kaku Gothic Pro",
    "ヒラギノ角ゴ Pro W3",
    Meiryo,
    "メイリオ",
    "MS P Gothic", 
    "ＭＳ Ｐゴシック", 
    sans-serif;
font-weight: bold; 
}
#cssmenu ul {
  background: #7697D6;
  height: 30px;
  list-style: none;
  margin: 0;
  padding: 0;
    font-family:
    "Hiragino Kaku Gothic Pro",
    "ヒラギノ角ゴ Pro W3",
    Meiryo,
    "メイリオ",
    "MS P Gothic", 
    "ＭＳ Ｐゴシック", 
    sans-serif;
font-weight: bold; 
}
#cssmenu li {
  float: left;
  padding: 0px;
    font-family:
    "Hiragino Kaku Gothic Pro",
    "ヒラギノ角ゴ Pro W3",
    Meiryo,
    "メイリオ",
    "MS P Gothic", 
    "ＭＳ Ｐゴシック", 
    sans-serif;
font-weight: bold; 
}
#cssmenu li a {
  background: #7697D6 url('http://d.hatena.ne.jp/idenizi/files/seperator.gif?d=y') bottom right no-repeat;
  display: block;
  font-weight: normal;
  line-height: 30px;
  margin: 0px;
  padding: 0px 25px;
  text-align: center;
  text-decoration: none;
    font-family:
    "Hiragino Kaku Gothic Pro",
    "ヒラギノ角ゴ Pro W3",
    Meiryo,
    "メイリオ",
    "MS P Gothic", 
    "ＭＳ Ｐゴシック", 
    sans-serif;
font-weight: bold; 
}
#cssmenu > ul > li > a {
  color: #ffffff;
    font-family:
    "Hiragino Kaku Gothic Pro",
    "ヒラギノ角ゴ Pro W3",
    Meiryo,
    "メイリオ",
    "MS P Gothic", 
    "ＭＳ Ｐゴシック", 
    sans-serif;
font-weight: bold; 
}
#cssmenu ul ul a {
  color: #ffffff;
    font-family:
    "Hiragino Kaku Gothic Pro",
    "ヒラギノ角ゴ Pro W3",
    Meiryo,
    "メイリオ",
    "MS P Gothic", 
    "ＭＳ Ｐゴシック", 
    sans-serif;
font-weight: bold; 
}
#cssmenu li > a:hover,
#cssmenu ul li:hover > a {
  background: #a5bce7 url('http://d.hatena.ne.jp/idenizi/files/hover.png?d=y') bottom center no-repeat;
  color: #FFFFFF;
  text-decoration: none;
}
#cssmenu li ul {
  background: #7697D6;
  display: none;
  height: auto;
  padding: 0px;
  margin: 0px;
  border: 0px;
  position: absolute;
  width: 225px;
  z-index: 200;
    font-family:
    "Hiragino Kaku Gothic Pro",
    "ヒラギノ角ゴ Pro W3",
    Meiryo,
    "メイリオ",
    "MS P Gothic", 
    "ＭＳ Ｐゴシック", 
    sans-serif;
font-weight: bold; 
  /*top:1em;
	/*left:0;*/

}
#cssmenu li:hover ul {
  display: block;
}
#cssmenu li li {
  background: url('http://d.hatena.ne.jp/idenizi/files/sub_sep.gif?d=y') bottom left no-repeat;
  display: block;
  float: none;
  margin: 0px;
  padding: 0px;
    font-family:
    "Hiragino Kaku Gothic Pro",
    "ヒラギノ角ゴ Pro W3",
    Meiryo,
    "メイリオ",
    "MS P Gothic", 
    "ＭＳ Ｐゴシック", 
    sans-serif;
font-weight: bold; 
  width: 225px;
}
#cssmenu li:hover li a {
  background: none;
}
#cssmenu li ul a {
  display: block;
  height: 30px;
  font-size: 14px;
  font-style: normal;
    font-family:
    "Hiragino Kaku Gothic Pro",
    "ヒラギノ角ゴ Pro W3",
    Meiryo,
    "メイリオ",
    "MS P Gothic", 
    "ＭＳ Ｐゴシック", 
    sans-serif;
font-weight: bold; 
  margin: 0px;
  padding: 0px 10px 0px 15px;
  text-align: left;
}
#cssmenu li ul a:hover,
#cssmenu li ul li:hover > a {
  background: #a5bce7 url('http://d.hatena.ne.jp/idenizi/files/hover_sub.png?d=y') center left no-repeat;
  border: 0px;
  color: #ffffff;
    font-family:
    "Hiragino Kaku Gothic Pro",
    "ヒラギノ角ゴ Pro W3",
    Meiryo,
    "メイリオ",
    "MS P Gothic", 
    "ＭＳ Ｐゴシック", 
    sans-serif;
font-weight: bold; 
  text-decoration: none;
}
#cssmenu p {
  clear: left;
}



.entry-title a {
    text-decoration: none;
    color: #333;
    font-size:2em;
}





/* ----- メニューcss　ここまで----- */



/* ----- タイトル用　css　ここまで----- */









/* ----- タイトル配置スタート ----- */
#globalheader-container {
    margin: 0px auto 0 auto;
    width: 100%;
    max-width: 994px;
    border-right: 1px solid #7697D6;
    border-left: 1px solid #7697D6;
    position: relative;
    text-align: left;
    padding: 5px 0 10px 0;
    background: #7697D6;
    color:#fff;
}

#blog-title {
color: #ffffff;
margin: 0px auto;
padding: 0px 0;
background: #7697d6;
text-align: left;
font-size: 0.8em;
text-indent: 20px;
width: 100%;
max-width: 994px;
border-right: 1px solid #7697d6;
border-left: 1px solid #7697d6;
}

h1#title a,h1#title a:visited {
    color: #ffffff;
    text-decoration: none;
}
h1#title a:hover {
    text-decoration: underline;
}

#title {
padding: 0 20px;
text-indent: 0;
}

#blog-description {
padding: 0 20px;
text-indent: 0;
}





/* ----- タイトル配置ここまで----- */

/* ----- ボックス配置スタート ----- */
#content {
    margin: 0 auto;
    background: #fff;
    text-align: left;
    zoom: 1;
    width: 100%;
    max-width: 994px;
    border-right: 1px solid #7697D6;
    border-left: 1px solid #7697D6;
    overflow: auto;
}

#main {
    width: 725px;
    height: auto;
    float: left;
    background: #fff;
    padding: 10px 10px 2em 20px;
    clear: both;
}


/* ----- ボックス配置ここまで ----- */


/* ----- メニュー色換えスタート ----- */
#box2 {
    background: #fff;
    line-height: 1.5;
    width: 234px;
    float: right;
    border-left: 1px solid #7697D6;
    border-bottom: 1px solid #7697D6;
    overflow: hidden;
}
.comment {
    margin: 0;
    clear: both;
    border: 1px solid #7697D6;
    background: #ffffff;
}
.leave-comment-title {
    margin: 0 0 7px 0;
    font-family:
    "Hiragino Kaku Gothic Pro",
    "ヒラギノ角ゴ Pro W3",
    Meiryo,
    "メイリオ",
    "MS P Gothic", 
    "ＭＳ Ｐゴシック", 
    sans-serif;
    padding: 3px 0.5em 3px 0.7em;
    background: #7697D6;
    color: #ffffff;
    font-size: 100%;
    font-weight: bold;
    display: block;
}
.entry-comment {
    list-style:none;
}
.hatena-module-title {
    padding: 3px 0.5em 3px 0.7em;
    font-family:
    "Hiragino Kaku Gothic Pro",
    "ヒラギノ角ゴ Pro W3",
    Meiryo,
    "メイリオ",
    "MS P Gothic", 
    "ＭＳ Ｐゴシック", 
    sans-serif;
    color: #ffffff;
    font-weight: bold;
    font-size: 100%;
    background: #7697D6;
    text-align: center;
}
.hatena-module-title a {
    color: #ffffff;
    text-decoration: none;
}
.hatena-module-body {
    padding: 7px;
    zoom: 1;
}
.hatena-module ul, .sidebar .hatena-module ol {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 90%;
}
.hatena-module ul li, .hatena-module ol li {
    padding-bottom: 3px;
    padding-left: 2px;
    margin-bottom: 4px;
    border-bottom: 1px solid #e5ebfa;
    line-height: 1.3;
}
.hatena-module ul li a, .hatena-module ol li a {
    text-decoration: none;
}


/* ----- メニュー色換えここまで ----- */

/* ----- ブロック引用スタート ----- */

.sample2 blockquote {  
    padding: 10px 10px;  
    border-top: 1px solid #CCC;  
    border-bottom: 1px solid #CCC;  
    color: #000000; 
    font-size: 16px; 
    background: #F0F8FF;
}  
.sample2 p  {  
    margin-bottom: 0px;  
}  
.sample2 .origin    {  
    text-align: right;  
    margin-bottom:5;  
    font-size: 12px; 
}  
.sample2 .origin a  {  
    color: #1D0FCE;  
}  


.sample3 blockquote {  
    padding: 10px 10px;  
    border-top: 1px solid #CCC;  
    border-bottom: 1px solid #CCC;  
    color: #000000; 
    font-size: 16px; 
    background: #ffffff;
}  




/* ----- ブロック引用終わり----- */




/* ----- 見出し設定スタート ----- */

h3{
font-size:100%;
color:#111111;
border-bottom: 2px #7597D6 solid;/*青の下線を引く*/
line-height: 31px;
padding-left:12px;
margin-top: 5px;
margin-bottom: 1px;
}

/* ----- 見出し設定終わり ----- */


/* ----- 大見出し設定スタート ----- */

h2 {
position: relative;
color: #fff;
background: #7597D6;
font-size: 26px;
line-height: 1;
text-shadow: 1px 1px 1px #000;
border :1px solid #7597D6;
margin: 30px -10px 10px -10px;
padding: 15px 5px 12px 10px;
border-radius: 3px;
}
h2:after {
content: "";
 position: absolute;
top: 100%;
left: 30px;
height: 0;
width: 0;
border: 10px solid transparent;
border-top: 10px solid #7597D6;
}

/* ----- 大見出し設定終わり ----- */

/* ----- カテゴリ上部　スタート ----- */

#footer {
    margin: 0 auto;
    background: #ffffff;
    zoom: 1;
    width: 100%;
    max-width: 994px;
    line-height: 1.5;
    border-right: 1px solid #4a5973;
    border-left: 1px solid #4a5973;
    clear: both;
}

.breadcrumb {
    background: #ffffff;
    max-width: 994px;
    margin: 0 auto;
    border-right: 1px solid #4a5973;
    border-left: 1px solid #4a5973;
}

/* ----- カテゴリ上部　ここまで ----- */

/* ----- タイトル下透過　スタート ----- */

#blog-title-inner {
  background-color:transparent;
}

/* ----- タイトル下透過　ここまで ----- */





/*カエレバ・ヨメレバ（PC版）*/
.kaerebalink-box, .booklink-box {
    border: 2px solid #CCCCCC;
    padding: 20px;
    width: 90%;
    max-width:680px;
    margin:0 auto;
}
.kaerebalink-image, .booklink-image {
    width:20%;
    float: left;
}
.kaerebalink-image a img,.booklink-image a img {
    width:100%;
}
.kaerebalink-info, .booklink-info {
    width:70%;
    margin-left: 2em;
    float: left;
}
.kaerebalink-name > a, .booklink-name > a {
    font-size: 16px;
    color: #256CC5;
    text-decoration: underline;
}
.kaerebalink-powered-date, .booklink-powered-date {
    font-size: 12px;
}
.kaerebalink-powered-date a, .booklink-powered-date a {
    color: #256CC5;
    text-decoration: underline;
}
.kaerebalink-link1, .booklink-link2 {
    margin-top: 1em;
}
.kaerebalink-link1 div, .booklink-link2 div {
    margin-right: 5px;
    margin-bottom:3px;
    text-align: center;
    float:left;
    width: 32%;
}
.kaerebalink-link1 div:active, .booklink-link2 div:active {
    border-top:3px solid #FFFFFF;
    margin-bottom: none;
    box-shadow:none;
}
.kaerebalink-link1 div a, .booklink-link2 div a {
    color: white;
    text-decoration: none;
    font-weight: bold;
    display:block;
    width: 100%;
    height: 40px;
    line-height: 40px;
}
.shoplinkamazon {
    background: #000000;
    box-shadow: 0 3px #A9A9A9;
}
.shoplinkamazon:hover {
    background: #A9A9A9;
}
.shoplinkkindle {
    background: #0079BA;
    box-shadow: 0 3px #015684;
}
.shoplinkkindle:hover {
    background: #2797D4;
}
.shoplinkrakuten {
    background: #BF0000;
    box-shadow: 0 3px #7B0101;
    height: 40px;
    line-height: 40px;
}
.shoplinkrakuten:hover {
    background: #DC3939;
}
.shoplinkseven {
    background: #F06D01;
    box-shadow: 0 3px #CF5F02;
    height: 40px;
    line-height: 40px;
}
.shoplinkseven:hover {
    background: #F99848;
    height: 40px;
    line-height: 40px;
}
.shoplinkyahoo {
    background: #750992;
    font-size: 13px;
    box-shadow: 0 3px #3F0250;
}
.shoplinkyahoo:hover {
    background: #8F0FB3;
    font-size: 13px;
}
.booklink-footer {
    height:0;
    clear: left;
}
.shoplinkyahooAuc {
    background: #F3BF06;
    box-shadow: 0 3px #CAAA00;
}
.shoplinkyahooAuc:hover {
    background: #FFEB00;
}










 
 
 /*shareシェアボタン-botton*/
.share-buttons{
    margin-bottom: 10px;
    text-align: left;
}
.share-buttons .inner a {
    position: relative;
    display: inline-block;
    width: 15%;
    height: 45px;
    line-height: 25px;
    font-size: 16px;
    text-align: center;
    color: #ffffff;
    text-decoration: none;
    padding:5px;
}
.share-buttons .inner .share-text{
    font-size: 15px;
}
.share-buttons .inner .hatena-bookmark-button{
    background: #008fde;
    box-shadow: 0 3px #5478a5;
}
.share-buttons .inner .hatena-bookmark-button:hover{
    background: #1db4eb;
}
.share-buttons .inner .hatena-bookmark-button:active{
    background: #5478a5;
}
.share-buttons .inner .facebook-button{
    background: #305097;
    box-shadow: 0 3px #213254;
}
.share-buttons .inner .facebook-button:hover{
    background: #4c70ba;
}
.share-buttons .inner .facebook-button:active{
    background: #213254;
}
.share-buttons .inner .twitter-button{
    background: #55acee;
    box-shadow: 0 3px #0285b7;
}
.share-buttons .inner .twitter-button:hover{
    background: #83c3f3;
}
.share-buttons .inner .twitter-button:active{
    background: #0285b7;
}
.share-buttons .inner .googleplus-button{
    background: #db4a39;
    box-shadow: 0 3px #a23629;
}
.share-buttons .inner .googleplus-button:hover{
    background: #e47365;
}
.share-buttons .inner .googleplus-button:active{
    background: #a23629;
}
.share-buttons .inner .pocket-button{
    background: #ee4256;
    box-shadow: 0 3px 0 #b5392c;
}
.share-buttons .inner .pocket-button:hover{
    background: #f26f7f;
}
.share-buttons .inner .pocket-button:active{
    background: #b5392c;
}
.share-buttons .inner .share-buttons a:active{
    top: 3px;
    box-shadow: none;
}
 
 
 
 
 
 /*記事上・記事下フォローボタン*/
.content-inner-follow-buttons{
    width: 85%;
    text-align: center;
    margin-top:40px;
    letter-spacing: -.40em;
}
.content-inner-follow-buttons .follow-title {
    letter-spacing: normal;
    width:100%;
    color:#666;
}
.content-inner-follow-buttons a {
    display: inline-block;
    letter-spacing: normal;
    position: relative;
    width: 30%;
    font-size: 18px;
    text-align: center;
    text-decoration: none;
    padding:10px 0;
    margin:3px;
    overflow: hidden;
    z-index:2;
}
.content-inner-follow-buttons a:hover {
    color:#fff;
    transition: all .3s;
}
.content-inner-follow-buttons a:after {
    position:absolute;
    content:'';
    width:100%;
    height:100%;
    top:-100%;
    left:0;
    z-index:-1;
    transition: 0.2s;
}
.content-inner-follow-buttons .inner-text {
    font-size:16px;
    padding-left:5px;
}
.content-inner-follow-buttons .hatena {
    color: #38393C;
    border: 1px solid #38393C;
    background: #ffffff;
}
.content-inner-follow-buttons .hatena:hover:after {
    top:0;
    background:#38393C;
}
.content-inner-follow-buttons .facebook {
    color: #305097;
    border: 1px solid #305097;
    background: #ffffff;
}
.content-inner-follow-buttons .facebook:hover:after {
    top:0;
    background:#305097;
}
.content-inner-follow-buttons .twitter {
    color: #55acee;
    border: 1px solid #55acee;
    background: #ffffff;
}
.content-inner-follow-buttons .twitter:hover:after {
    top:0;
    background:#55acee;
}
.content-inner-follow-buttons .instagram {
    color: #3f729b;
    border: 1px solid #3f729b;
    background: #ffffff;
}
.content-inner-follow-buttons .instagram:hover:after {
    top:0;
    background:#3f729b;
}
.content-inner-follow-buttons .feedly {
    color: #6cc655;
    border: 1px solid #6cc655;
    background: #ffffff;
}
.content-inner-follow-buttons .feedly:hover:after {
    top:0;
    background:#6cc655;
}
.content-inner-follow-buttons .googleplus {
    color: #db4a39;
    border: 1px solid #db4a39;
    background: #ffffff;
}
.content-inner-follow-buttons .googleplus:hover:after {
    top:0;
    background:#db4a39;
}




div#appreach-box {
    max-width: 500px;
    border: 1px solid #CCC;
    border-radius: 3px;
    margin: 10px;
    font-size: 14px;
}

#appreach-box br {
    display: none;
}






.table-of-contents:before{
    content: "目次";
    font-size: 120%;
    font-weight: bold;
}