@charset "utf-8";
/* Modified on 2025-12-19T01:49:15+09:00 by akm */
/* Stylesheet checked dark green for sukmug */

body{
	margin: 0 auto;
	max-width: 820px; 
	background-color: #122028;
	background-image: url("wavdgretile.gif");
	color: #f0e8e0;/*
	font: small "Helvetica Neue", Helvetica, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;*/
	font: medium "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}
::selection {
	background-color:#305750;
}
::-moz-selection { /* for Firefox */
	background-color:#305750;
}
.container-contents {
	width: 100%;
	overflow: hidden;
	clear: both;
	padding-left: 10px;
	padding-right: 10px;
}
.contents {
	padding-left: 5px;
	padding-right: 5px;
}
@media screen and (min-width: 768px){
.contents-wrap { 
	float: right;
	width: 100%;
}
}
.header {
}
.entry_img_l {
	max-width: 380px;
}
.sidebar-header {
	margin-bottom: 10px;
}
.sidebar-header .title{
	margin: 10px auto;
	letter-spacing: 2px;
	text-align: center;
}
.sidebar-header .title a{
	text-decoration: none;
	color: #88e0b0;
}
.sidebar-header .title a:hover{
	color: #a0d0ff;
}
.btn-readmore {
	width: 100%;
}
#bio {
	font-size: 11px;
	margin: auto;
	margin-bottom: 10px;
}
article{
	margin-bottom: 35px;
	max-width: 1060px;
	margin-right: auto;
	margin-left: auto;
}
.article_body{
	line-height: 1.6;
	margin-top: 10px;
	margin-bottom: 20px;
}
.post-date_box {
}
.post-date, .post-category {
	font-size: 14px;
}

a { color: #a0d0ff; }
article.li div a:hover, article.li pre a:hover { text-decoration: none; }
/*article img { max-width: 100%; }*/
a:visited { color: #6880d0; }
a:hover{ color: #a0d0ff; }

h1,h2,h3,h4,h5,h6{ 	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,	sans-serif; color: #88e0b0; }
h1 a,h2 a,h3 a,h4 a{ color: #a0d0ff; }
h1 a:visited,h2 a:visited,h3 a:visited,h4 a:visited{ color: #6880d0; }
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover{ color: #a0d0ff; }
h1,.h1{font-size:30px}
h2,.h2{font-size:24px}
h3,.h3{font-size:20px}
h4,.h4{font-size:16px}
h5,.h5{font-size:14px}
h6,.h6{font-size:12px}

ul { padding-left: 30px; }

.cont_footer {
	margin-top: 10px;
	padding-top: 10px;
}

/* nav-vertical-tabs component 
.nav-tabs-vertical {
	border-right: 1px solid #66ccaa;
}

.nav-tabs-vertical li {
	margin-right: -1px;
}

.nav-tabs-vertical>li.active>a, .nav-tabs-vertical>li.active>a:hover, .nav-tabs-vertical>li.active>a:focus {
	color: #a0d0ff;
	cursor: default;
	background-color: #ffee99;/*Button selected
	border: 1px solid #66ccaa;
	border-right-color: transparent;
}
/*
.nav>li>a:hover,.nav>li>a:focus{
	background-color: #aa6622;/*Button focused by cursor
	}
.nav-tabs-vertical>li>a {
	line-height: 1.428571429;
	border: 1px solid transparent;
	border-radius: 4px 0 0 4px;
}
*/
.navbar {
	border: none;
	margin-bottom: 0px;
}
.navbar-default {
	background-color: inherit;
	border-color: inherit;
}
.navbar-default .navbar-brand,
.navbar-default .navbar-nav > li > a {
	color: #88e0b0;
}
.navbar-default:hover .navbar-nav > li > a:hover {
	color: #88e0b0;
	background-color:#23527c;/*navbar focused by cursor*/
}

.badge { background: #303840; }
#nav-menu{
	position: fixed;
	top: 20px;
	right: 20px;
	z-index: 2000;
}
#nav-menu .dropdown-menu {
	left: inherit;
	right: 0px;
	background-color: #202830;
	border: 1px solid #66ccaa;
}
#nav-menu .dropdown-menu > li > a {
	color: #a0d0ff;
}
#nav-menu .dropdown-menu > li > a:hover,
#nav-menu .dropdown-menu > li > a:focus
 {
	background-color: #23527c;
}
/* access analizer code */
.analytics-image {
	text-align: right;
}

/* Overwrite twitterstrap */
hr {
	border-color: #66ccaa;
	margin-top: 15px;
	margin-bottom: 15px;
}
.btn-default {
	color: #a0d0ff;
	background-color: transparent;
}
.btn-default .badge {
	color: #ccc;
	background-color: #303840;
}
.dropdown-toggle {
	background-color: transparent;
	color: #66ccaa;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default:active:focus,
.open > .dropdown-toggle.btn-default {
	color: #a0d0ff;
	background-color: #003848;/*Button focused by cursor*/
	border-color: #33ab83;
}
.btn-default:active:hover,
.open > .dropdown-toggle.btn-default {
	color: #880088;
	background-color: #a0d0ff;/*Button pressed*/
	border-color: #33ab83;
}
/* Paginator */
.pager li > a,.pager li > span {
	background-color: inherit;
	border-color: #66ccaa;
}
.pager li > a {/*
	color: #a0d0ff;
	border-color: #88e0b0;*/
}
.pager li > a:hover,
.pager li > a:focus,
.pager li > a:active {/*
	color: #a0d0ff;*/
	background-color: #003848;/*Button focused by cursor*/
	border-color: #33ab83;
}/*
.pager li:hover > a, .pager li:hover > span {
	background-color: inherit;
	border-color: inherit;
}*/
.pager .disabled>a,.pager .disabled>a:hover,.pager .disabled>a:focus,.pager .disabled>span{
	color:#66ccaa;
	background-color:#000;
	border-color: #66ccaa;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	padding-left: 5px;
	padding-right: 5px;
}
.table-hover tbody tr:hover {
  background-color: #003848;
}
.table > tbody > tr > td,
.table > tbody > tr > th {
	border-top: 1px solid #999;
}
.page-header {/*
	padding-bottom: 9px;*/
	border-bottom: 1px solid #66ccaa;
	margin: 5px 0px 5px;
}
.navbar-brand > img {
	display: inline;
}
p {
	margin-top: 0.5em;
	margin-right: 0px;
	margin-bottom: 0.5em;
	margin-left: 0px;
}
table {
	border-collapse: separate;
	border-spacing: 2px;
}
th, td {
	margin: 0px;
	padding: 1px;
}
pre {
	background-color: #002c38;
	color: #c0d8a0;
}
pre.inherit_color { /* for old HTML blogs */
	background-color: inherit;
	color: inherit;
	border: none;
}
code {
	white-space: inherit;
	background-color: #002c38;
	color: #c0d8a0;
}
pre code {
	white-space: pre;
}
blockquote {
	padding: 5px;
	font-size: small;
	border-left: 4px solid #33a;
}

/* box-up styling */

article {
background-color: #202830;
padding: 8px;
border-width: 5px 1px 1px;
border-style: solid;
border-color: #66ccaa;
}
.contents {
	padding-top: 5px;
}
.article_footer {
	padding-left: 15px;
}
.post-title {
    border-bottom: 1px dashed #999;
	padding: 10px 0px;
}
.h1, .h2, .h3, h1, h2, h3 {
	margin-top: 12px;
	margin-bottom: 8px;
}
.list-inline > li {
	margin-top:0.2em; margin-bottom:0.2em;
}
/* Google Custom search box */
#cse-search-box input[type="text"],#cse-search-box input[type="submit"] {
	background-color: #202830;
	border: 1px solid #DDDDDD;
}
.table>tbody>tr > td {
	vertical-align: middle;
}