@charset "utf-8";

body {
	font: 13px arial,helvetica,clean,sans-serif;
	margin:0;
	padding:0;
}

/* 共通 */
a:link {
	color: #414191;
}

a:visited {
	color: #414161;
}

a:hover {
	color: #914141;
}

a:active {
	color: #914141;
}

hr {
	display: none;
}

ul,li {
	margin: 0;
	padding: 0;
}

ul {
	list-style: none;
}

textarea {
	font-size: 13px;
}

/* ヘッダー */
#Header {
	min-width: 980px;
	margin-bottom: 20px;
	padding: 5px 0px ;
	border-top: solid 4px #595956;
	border-bottom: double 3px #FFFFFF;
	background: #DCDCDA;
}

* html #Header {
	width:expression(document.body.clientWidth < 980? "980px" : "auto");
}

#Header a.title {
	margin: 0.3em 0;
	padding: 0 0 0 21px;
	font-size: 167%;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 0.2em;
	color: #9A4414;
}

#Header h1{
	margin: 0;
	padding: 0;
	display: inline;
	font-size: 100%;
}

/* BODY */
#Body {
	min-width: 980px;
	margin: 0;
	padding: 0;
}

* html #Body {
	width:expression(document.body.clientWidth < 980? "980px" : "auto");
}

/* メニュー */
#Menu {
	width: 200px;
	margin: 0;
	padding: 0;
	float: left;
}

#Menu h2 {
	color: #BA7464;
	width: 170px;
	margin: 0 10px 5px 20px;
	padding: 0.2em 0px;
	font-size: 107%;
	letter-spacing: 0.2em;
}

#Menu ul.index {
	width: 170px;
	margin: 0 10px 1em 20px;
	border-bottom: double 3px #FBFBFA;
}

#Menu ul.index li {
	padding-top: 0.1em;
	background: #FBFBFA;
}

#Menu ul.index li a.main {
	display: block;
	width: 150px;
	_width: 170px;
	padding: 0.4em 10px 0.4em 10px;
	border-bottom: dotted 2px #DCDCDA;
	font-weight: bold;
	text-decoration: none;
}

#Menu ul.index li a.sub {
	display: block;
	width: 140px;
	_width: 170px;
	font-size: 80%;
	padding: 0.6em 10px 0.6em 20px;
	border-bottom: dotted 1px #DCDCDA;
	font-weight: normal;
	text-decoration: none;
}

#Menu ul.index li a.main:hover,#Menu ul.index li a.main:active,#Menu ul.index li a.sub:hover,#Menu ul.index li a.sub:active {
	border-bottom: solid 2px #BA8474;
	text-decoration: none;
}

#Menu #On {
	background: #ECECEA;
}

#Menu form.search {
	margin: 0;
	padding: 0;
}

#Menu form.search input {
	margin: 0px;
	padding: 0px;
}

#Menu form.search input.button, input.search {
  display: inline-block;
  border-radius: 5%; /* 角丸 */
  text-align: center;
  cursor: pointer;
  margin: 2px 0 0 0;
  padding: 2px 4px;
  background: #b35900;
  color: #ffffff;
  line-height: 1em;
  transition: .3s; /* なめらか変化 */
  box-shadow: 2px 2px 2px #666666; /* 影の設定 */
  border: 1px solid #b35900;
}

#Menu form.search input.button:hover, input.search:hover {
  box-shadow: none;
  color: #b35900;
  background: #ffffff;
}

#Menu div.sub {
	width: 160px;
	margin: 0 10px 1em 30px;
	padding:0;
}

/* 記事一覧 */
#Kizi {
	margin: 0 10px 0 200px;
	padding: 0 0 0 20px;
	border-left: solid 10px #FBFBFA;
}

#Kizi h2 {
	padding: 0.3em 0;
	border-bottom: solid 1px #CCCCCA;
	color: #BA7464;
	font-size: 122%;
	letter-spacing: 0.2em;
}

img.hatena {
	vertical-align:text-bottom;
	height:13px;
}

#Kizi div.text {
	margin: 0.5em 2.5em 1.5em 0;
	line-height: 1.7;
}

#Kizi div.text p {
	margin: 0;
	padding: 0;
	margin-bottom: 1em;
}

/** 記事 **/
/* 2020/07/26 コメントアウト
.text table {
	font-size: 13px;
}

.text td {
	vertical-align: top;
}
*/

/** フッター **/
.text ul {
	margin: 0 0 1em 35px;
	list-style: square;
}

/** 一覧テーブル **/
table.list {
	min-width: 720px;
}

table.list a {
	color: #00008e;
	text-decoration: none;
}

table.list a.link {
	font-weight: bold;
}

table.list a:visited {
	color: #414161;
}

table.list a:hover {
	color: #0000b4;
	background-color: #FFFFFF;
}

table.list th {
	color: #FFFFFF;
	background-color: #2b11ce;
	border: 1px solid #444444;
}

table.list th a {
	color: #FFFFFF;
}

table.list th a:visited {
	color: #FFFFFF;
}

table.list th a:hover {
	color: #0000b4;
	background-color: #FFFFFF;
}

table.list td {
	font-size: 14px;
	vertical-align: middle;
	padding: 7px 5px;
	border: 1px solid #444444;
	overflow-wrap: anywhere;
}

table.list td.day {
	font-weight: bold;
	color: #9A5434;
	border: 0;
}

table.list tr:nth-child(odd) {
	/* 奇数行 */
	background-color:#fcfcfc;
	transition: .1s;
}

table.list tr:nth-child(even) {
	/* 偶数行 */
	background-color:#f9fcfc;
	transition: .1s;
}

table.list tr:hover {
	background-color: #aabcea;
}

/**** 幅調整 ****/
table.list td.date {
	width: 60px;
}

table.list td.ranking {
	width: 40px;
}

table.list td.site {
	width: 150px;
}


/*** ページリンク ***/
.page_link {
}

.page_link .link {
	padding: 5px;
	border: 1px solid #444444;
	background-color: #f9f7ff;
	text-decoration: none;
}

.page_link .link:hover {
	color: #FFFFFF;
	font-weight: bold;
	background-color: #2b11ce;
}

.page_link .link_now {
	padding: 5px;
	border: 1px solid #444444;
	background-color: #dbd8ea;
	text-decoration: none;
}

/*** ページリンク ***/
ul.pageLink {
	margin: 0;
	list-style: none;
}

ul.pageLink li {
	display:inline-block;
	font-size: 110%;
	margin: 0 5px;
	border: 1px solid #444444;
	background-color: #f9f7ff;
	box-shadow: 1px 1px 1px #666666;
}

ul.pageLink li a {
	display: inline-block;
	padding: 5px 10px;
	text-decoration: none;
	transition: .3s;
}

ul.pageLink li a:link, ul.pageLink li a:visited, ul.pageLink li a:active {
	color: #000000;
}

ul.pageLink li a:hover {
	color: #FFFFFF;
	font-weight: bold;
	background-color: #2b11ce;
}

ul.pageLink li.now {
	color: #ffffff;
	font-weight: bold;
	padding: 5px 10px;
	background-color: #2b11ce;
	text-decoration: none;
}


/** ページフッター **/
.text ul.modori {
	text-align: right;
	font-size: 85%;
	list-style: none;
}

.modori a:link, .modori a:visited {
	color: #BA7464;
}

/* フッター */
#Footer {
	min-width:980px;
	clear: left;
	text-align: right;
	margin-top: 20px;
	border-top: double 3px #FFFFFF;
	border-bottom: solid 6px #595956;
	background: #DCDCDA;
}

#Footer h2 {
	font-size: 85%;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

* html #Footer {
	width:expression(document.body.clientWidth < 980? "980px" : "auto");
}

/* その他 */

div.pr {
	margin:10px auto 30px;
}