@charset "UTF-8";
body, input {
	font-family: 'Open Sans', Arial, 'Yu Gothic', 'Hiragino Kaku Gothic ProN', Meiryo, 'MS Gothic';
	font-weight: 500;
}
/*.middle {
	font-feature-settings: "palt";
}*/
.unit h1,
.sub_list > li,
.entry_list dd,
.hatena-bookmark-widget-body > ul > li,
.entry_pagination dd {
	font-feature-settings: "palt";
}
ul { list-style: none; }
a { text-decoration: none; }
#header .site_title,
#header .site_subtitle,
#footer div,
.sub_unit h2,
.entry_pagination dt,
#search_label,
.footnotes h2,
.references h2 {
	text-transform: uppercase;
	font-weight: 800;
}
.atm:after { content: "@"; }
.atm span { display: none; }

/*Color*/
body {
	background: #5c676f;
}
#container, input {
	color: #00132a;
	background: #fdfeff;
}
.middle a {
	color: #258/*#37a*/;
}
.middle a:hover {
	background: #eceef0;
	color: #036;
}
.middle a:active {
	background: none;
	color: #f36b77;
}
.social_count a:hover {
	background: none;
}
#header a {
	color: #2a3240;
	border-color: #2a3240;
}
#header a:hover {
	border-color: #000;
}
#header a:hover,
.social_count a:hover {
	color: #000;
}
.sub_unit h2,
.author_bio dt,
.entry_pagination dt,
.social_count a {
	color: #2a3240/*#5c676f*/;
}
.sub_unit h2,
.pagination li span,
.pagination li a,
.text {
	border-color: #2a3240/*#5c676f*/;
}
#footer {
	background: #eceef0;
}
#footer,
#footer .footer_title a {
	color: #2a3240/*#b3bcc0*/;
}
.entry_pagination dt,
.social_count a {
	color: #2a3240/*#5c676f*/;
}
.pagination li a {
	background: ;
}
.pagination li a {
	color: #2a3240;
}
.pagination li a:hover {
	background: #eceef0;
	color: #036;
}
.pagination li a:active {
	background: #f36b77;
	border-color: #f36b77;
	color: #fff;
}
.pagination li span {
	background: #2a3240;
	border-color: #2a3240;
	color: #fff;
}

/*Structure*/
#container, #header, .middle, #footer, #main {
	position: relative;
}
#header, .middle, #footer div {
	width: 975px;
	margin: 0 auto;
}
#footer {
	width: 100%;
}
#main {
	width: 625px;
}
#sub {
	width: 275px;
	position: absolute;
	top: 0;
	left: 700px;
}
.middle {
	font-size: 0;
}
.top_columns {
	display: inline-block;
	width: 275px;
	vertical-align: top;
	margin-left: 75px;
}
.top_columns:nth-child(1) {
	margin-left: 0;
}
.top_columns_double {
	display: inline-block;
	width: 625px;
	vertical-align: top;
}

/*Header*/
#header {
	padding: 69px/*title margin-top 6px subtracted*/ 0 75px 0;
}
#header a {
	font-size: 0;
	display: inline-block;
	border-bottom-style: solid;
	border-bottom-width: 5px;
}
#header a > div {
	display: inline-block;
	margin-top: 6px;
	margin-bottom: 6px;
}
#header .site_title {
	font-weight: 800;
	font-size: 25px;
	letter-spacing: 6px;
}
#header .site_subtitle {
	margin-left: 8px;
	font-size: 16px;
	letter-spacing: 2px;
}

/*Footer*/
#footer {
	padding: 21px 0;
}
#footer div {
	line-height: 1.4;
	font-size: 12.5px;
	letter-spacing: 1px;
}
#footer .footer_title {
	margin-bottom: 2px;
}
#footer .footer_title a {
	/*border-bottom-style: solid;
	border-bottom-width 0px;*/
	padding-bottom: 0px;
}

/*Sub Unit*/
.sub_unit {
	font-size: 12.5px;
	line-height: 1.4;
	margin-bottom: 50px;
}
.sub_unit:last-child {
	/*margin-bottom: 100px;*/
}
.sub_unit h2 {
	font-size: 16px;
	line-height: 1;
	letter-spacing: 2px;
	border-bottom-style: solid;
	border-bottom-width: 0px;
	padding-bottom: 0px;
	margin-bottom: 11px;
}
/*.sub_unit .pub {
	margin: 14px 0;
}
.sub_unit .pub a:hover {
	background: none;
}
.sub_unit .pub img {
	width: 120px;
}*/
.sub_unit p,
.sub_list a,
.list_date,
.list_category,
.list_title a,
.author_bio dt,
.author_bio dd,
.entry_pagination dt,
.entry_pagination dd a,
.hatena-bookmark-entrytitle {
	padding: 3px 0;
}
.hatena-bookmark-count {
	padding: 2px 0;
}
.sub_list a,
.list_title a,
.entry_pagination dd a,
.hatena-bookmark-entrytitle {
	display: block;
}
.author_image_box {
	/*background: url("http://file.9bit.99ing.net/20160102c_2t_68w.png") no-repeat left center;*/
	overflow: hidden;
	margin-bottom: 1em;
}
.author_description {
	/*margin-left: 75px;*/
}
.author_name {
	/*font-weight: 800;
	letter-spacing: 1px;*/
	margin-bottom: 1em;
}
.author_bio dt {
	width: 75px;
	float: left;
	font-weight: 800;
	letter-spacing: 1px;
}
.author_bio dd {
	margin-left: 75px;
}
.list_date {
	width: 80px;
	float: left;
	font-weight: normal;
}
.list_category {
	width: 120px;
	float: left;
}
.list_title {
	margin-left: 200px;
}
.pagination ul {
	margin-top: 18px;
	margin-bottom: 18px;
	font-size: 0;
}
.pagination li {
	display: inline-block;
	font-size: 11.5px;
}
.pagination li span, .pagination li a {
	display: block;
	border-style: solid;
	border-width: 1px;
	border-radius: 2px;/*50px*/
	margin-right: 6px;
	width: 30px;
	line-height: 30px;
	text-align: center;
}

/*Unit*/
.unit_header {
	position: relative;
	margin-bottom: 56.25px;
}
.unit h1 {
	font-size: 18px;
	font-weight: 800;
	letter-spacing: 1px;
}
.unit_description {
	/*position: relative;
	top: 9px;*/
	margin-top: 9px;
}
.unit_description p {
	display: inline-block;
	/*font-weight: 800;*/
	font-size: 11.5px;
	margin-right: 12.5px;
	letter-spacing: 1px;
}
.unit_description p,
.unit_description a {
	color: #b3bcc0;
}
.unit_description a:hover {
	color: #258;
	background: none;
}
.unit_description a:active {
	color: #f36b77;
}
.text {
	font-size: 12.5px;
	line-height: 2em;
	padding-bottom: 50px;
}
.text h2 {
	margin-top: 4em;
	margin-bottom: 1em;
	font-size: 15px;
	letter-spacing: 1px;
	border-left: solid 5px #2a3240/*#5c676f*/;
	padding-left: 7.5px;
}
.text h3 {
	margin-top: 1em;
	margin-bottom: 1em;
	font-size: 1em;
	letter-spacing: 1px;
	border-left: solid 5px #b3bcc0;
	padding-left: 7.5px;
}
.text hr {
	max-width: 100px;
	margin: 4em auto;
	border-style: solid;
	border-color: #eceef0/*#b3bcc0*/;
	border-width: 5px 0 0;
	clear: both;
}
.text b, .text em {
	font-weight: bold;
	font-style: normal;
}
.text strong {
	font-weight: 800;
	font-style: normal;
}
.text i {
	font-style: italic;
}
.text p, .text ul, .text ol, .text blockquote, .text table {
	margin-bottom: 2em;
}
.text blockquote > *:last-child,
.text ul ul,
.text ul ol,
.text ol ul,
.text ol ol {
	margin-bottom: 0;
}
.text ul {
	margin-left: 3em;
}
.text ol {
	margin-left: 2em;
}
.text ol > li {
	padding-left: 14px;
}
.text ul {
	list-style: disc;
}
.text ul ul {
	list-style: circle;
}
.text ul ul ul {
	list-style: square;
}
.text ul.space li {
	margin-bottom: 1em;
}
.text ul.space li:last-child {
	margin-bottom: 0;
}
.text > blockquote {
	border: solid 5px /*#b3bcc0*/#eceef0;
	padding: 1em 20px;
	color: #2a3240/*#5c676f*/;
	overflow: hidden;
}
.text blockquote blockquote, .text .quote_indent {
	color: #5c676f;
	padding-left: 21px;
	border-left: double 4px #eceef0/*#b3bcc0*/;
	margin: 1em 0;
}
.text .margin {
	margin-bottom: 4em;
}
.footnotes, .references {
	font-size: 11.5px;
	clear: both;
	line-height: 1.8;
}
.footnotes ul, .references ul {
	list-style: none;
}
.footnotes li > p, .references li {
	text-align: justify;
}
.footnotes > ul {
	margin-left: 37.5px;
}
.footnotes > ul > li {
	position: relative;
}
.footnotes_num {
	width: 37.5px;
	position: absolute;
	left: -37.5px;
}
.text .note a {
	position: relative;
	top: -7px;
	font-size: 10px;
}
.text .sub {
	position: relative;
	bottom: -2px;
	font-size: 10px;
}
.footnotes > ul p, .footnotes > ul ul, .footnotes > ul ol {
	margin-bottom: 1em;
}
.footnotes > ul ul {
	list-style: disc;
}
.footnotes > ul ul, .footnotes > ul ol {
	margin-left: 3em;
}
.references ul {
	margin-left: 37.5px;
	text-indent: -37.5px;
}
.references li {
	margin-bottom: 0;
}
.footnotes h2, .references h2 {
	border: none;
	padding-left: 0;
}

/*Table*/
.text table {
	width: 100%;
	margin: 2em 0;
}
.text th {
	font-weight: bold;
	color: #5c676f;
	text-align: left;
}
/*.text thead {
	border-style: solid;
	border-color: #5c676f;
	border-width: 2px 0;
}
.text thead + tbody {
	border-style: solid;
	border-color: #5c676f;
	border-bottom-width: 1px;
}
.text thead th {
	padding: 4px 0;
}
.text thead + tbody tr:first-child td {
	padding-top: 6px;
}
.text thead + tbody tr:last-child td {
	padding-bottom: 6px;
}*/
.text thead th {
	border-bottom: double 4px #b3bcc0;
	padding-bottom: 4px;
}
.text thead + tbody tr:first-child td {
	padding-top: 6px;
}

/*Image & Object*/
a:hover img { opacity: 0.83; }
a:active img { opacity: 1; }
.title_image_box + *, .image_box + *, .text iframe + *, .text object + * {
	margin-top: 1em;
}
.text .caption {
	margin-top: 7px;
	margin-bottom: 21px;
	font-size: 11.5px;
	color: #5c676f;
}
.figs div {
	width: 195px;
	float: left;
	margin-right: 20px;
}
.figs div:last-child {
	margin-right: 0;
}
.figs img {
	width: 195px;
	margin-bottom: 0;
	vertical-align: bottom;
}
.figs {
	width: 100%;
	margin: 2em auto;
	overflow: hidden;
}
.figs+* {
	clear: left;
}
.text .fig_caption {
	font-size: 11px;
	color: #5c676f;
	line-height: 1.4;
	margin: 5px 0 0;
}
.image_box_transparent {
	margin-top: 2em;
	margin-bottom: 2em;
}
.title_image_box img, .image_box img, .text iframe, .text object, .image_box_transparent img {
	display: block;
	width: 100%;
	vertical-align: bottom;
}
.image_box {
	background: #000;
}
.image_box a:hover img {
	opacity: 0.7;
	transition: all 0.4s ease;
}
.image_box a:not(:hover) img {
	opacity: 1;
	transition: all 0.4s ease;
}

/*Top Image*/
#header.with_image {
	padding: 31px 0 /*186*/256px;
	width: 100%;
	margin-bottom: 34px;
}
#header.with_image > div {
	width: 975px;
	margin: 0 auto;
}
#header.with_image > div a, #header.with_image > div a:hover {
	color: #fff;
	border-bottom-color: #fff;
}
#search_box.with_image_search form {
	border-bottom-color: rgba(255,255,255,1);
}
#search_box.with_image_search #search_label,
#search_box.with_image_search #search_text {
	color: rgba(255,255,255,1);
}

/*Item Link*/
.item_link {
	width: 126px;
	float: right;
	padding-left: 24px;
	padding-bottom: 1em;
}
.item_link_left {
	float: left;
	padding-left: 0;
	padding-right: 24px;
}
.item_link_recommend {
	width: 100%;
	font-size: 0;
}
.item_link_margin {
	margin-right: 126px;
}
.item_link_left_margin {
	margin-right: 0;
	margin-left: 126px;
}
.item_link_recommend > div {
	width: 126px;
	display: inline-block;
	margin-left: 40px;
	vertical-align: top;
}
.item_link a, .item_link_recommend a, .item_link_ex a {
	display: block;
}
.item_link_recommend div:first-child {
	margin-left: 0;
}
.item_link img, .item_link_recommend img {
	width: 126px;
	vertical-align: bottom;
}
.item_link span, .item_link_recommend span {
	display: block;
	font-size: 10.5px;
	line-height: 1.5;
	text-align: justify;
	padding: 5px 0;
}

/*Entry Pagination*/
.entry_pagination {
	font-size: 12.5px;
	line-height: 1.4;
	margin: 9px 0 50px;
}
.entry_pagination dt {
	width: 75px;
	float: left;
	letter-spacing: 1px;
}
.entry_pagination dd {
	margin-left: 75px;
}

/*Social*/
.entry_social, .top_social {
	width: 120px;
	height: 80px;
}
.entry_social {
	position: absolute;
	bottom: -30px;
	left: 700px;
}
.top_social {
	position: relative;
	margin-bottom: 50px;
}
.social_box {
	width: 50px;
	height: 70px;
	position: absolute;
	top: 0;
}
.social_box:first-child {
	left: 0;
}
.social_box:nth-child(2) {
	left: 70px;
}
.social_button a {
	display: block;
	width: 50px;
	height: 50px;
	border-radius: 3px;/*50%*/
	background: #2a3240/*#5c676f*/;
	color: #fff;
	line-height: 50px;
	text-align: center;
	font-weight: 800;
	font-size: 19px;
	letter-spacing: 1px;
}
.twitter_box .social_button a {
	background: url("http://file.9bit.99ing.net/twitter.png") no-repeat center center;
	background-size: 50px 50px;
}
.hatena_box .social_button a {
	background: url("http://file.9bit.99ing.net/hatena-bookmark.png") no-repeat center center;
	background-size: 50px 50px;
}
/*.social_button a:hover, .social_button a:active {
	background-color: #000;
	color: #fff;
}*/
.social_count {
	width: 50px;
	position: absolute;
	top: 52px;
	font-size: 12.5px;
	color: #5c676f;
	font-weight: 800;
	letter-spacing: 1px;
	text-align: center;
}

/*Hot Entries*/
.hatena-bookmark-entrytitle { margin-left: 52px; }
.hatena-bookmark-widget-body li { position: relative; }
.hatena-bookmark-count {
	position: absolute;
	top: 0;
	left: 0;
}
.hatena-bookmark-widget-title, .hatena-bookmark-widget-footer { display: none; }
.hatena-bookmark-count a { }
.hatena-bookmark-count a:hover { }
.hatena-bookmark-count a:active { }
.hatena-bookmark-count strong, .hatena-bookmark-count em {
	font-size: 10px;
	font-weight: normal;
}

/*Search*/
#search_box {
	width: 275px;
	position: absolute;
	top: -102px;
	right: 0;
}
#search_box form {
	/*border: solid 0 #b3bcc0;
	border-width: 0 0 5px 0;*/
	font-size: 0;
	padding-bottom: 7px;
}
#search_label {
	display: inline-block;
	width: 45px;
	height: 25px;
	/*color: #b3bcc0;
	font-size: 16px;
	letter-spacing: 2px;*/
	background: url("http://file.9bit.99ing.net/search.png") no-repeat left center;
	background-size: contain;
}
.with_image_search #search_label {
	background: url("http://file.9bit.99ing.net/search-white.png") no-repeat left center;
	background-size: contain;
}
#search_text {
	font-size: 12.5px;
	color: #5c676f;
	background: transparent;
	vertical-align: 50%;
	height: 18px;
	line-height: 18px;
	width: 230px;
	display: inline-block;
	border: none;
	outline: none;
	margin: 0;
	padding: 0;
}
mark {
	font-style: normal;
	background-color: #f36b77;
	color: #fff;
}