@charset "utf-8";
/* 「すぐ使えるCMS」固定幅ブログ 画像無制限 CSS */

/* レスポンシブWeb対応を止める */
.sugu-window {
  width: 1200px;
  margin: 0 auto;
}

/* 詳細ページ画像サムネール表示の調整 */

#gallery { /* <ul> に付けたID */
	padding-left: 0;
	padding-top: 50px;
}
#gallery li {
	height: 280px; /* サムネイルの高さ */
	width: 280px; /* サムネイルの幅 */
	margin-right: 16px; /* サムネイルの間隔（左右） */
	margin-bottom: 16px; /* サムネイルの間隔（上下） */
	border: solid gray 1px; /* サムネイルの枠線 */
	padding: 2px; /* 枠線と画像の隙間の幅 */
	list-style: none;
	float: left;
	overflow: hidden;
}
#gallery .image-link { /* <a> に付けたクラス */
	display: inline-block;
	overflow: hidden;
	position: relative;
	height: 100%;
	width: 100%;
}
/* 詳細ページ画像サムネール表示の調整 ここまで */


/* 全一覧のためのスタイル */

/* 罫線の設定 ここから */
.ruled {
	list-style: none outside none;
	padding-left: 0;
	margin-top: 0;
}
.ruled li {
	border-bottom: 1px dotted blue; /* 太さ、線種、色 */
	padding: 0.22em 0;
}
/* 一番上（リストの上）の罫線 */
div.ruled {
	border-bottom: 1px dotted blue; /* 太さ、線種、色 */
}
/* 罫線の設定 ここまで */


/* 文字色・スタイルの設定 ここから */
.listdate {
	color: gray;
	width: 6.5em;
	white-space: nowrap;
}

.listlink a,
.listlink a:link
{
	color: #389ABE;
	text-decoration: none;
}
.listlink a:hover,
.listlink a:active
{
	text-decoration: underline;
}
.listlink a:visited
{
	color: #9A38BE;
}
/* 文字色・スタイルの設定 ここまで */


/* マウスオーバーでの背景色の設定 ここから */
.interactive li:hover{
	background-color: #f0f0f0;
}
/* マウスオーバーで背景色を変更する時は、リンク文字の変更を止めておく */
.interactive .listlink a:hover,
.interactive .listlink a:active
{
	text-decoration: none;
}
/* マウスオーバーでの背景色の設定 ここまで */

/* サムネイル表示調整（隠れていて未使用） */
.wrapper-h80 {
	display: inline-block;
	height: 80px;
	margin-right: 15px;
	margin-bottom: 15px;
}

/* 全一覧のためのスタイル ここまで */


/* 短い一覧のためのスタイル */
.sugu-iframe { /* iframe での組み込みを想定 */
  width: 100%;
  margin: 0 auto;
}

.wrapper-w80 {
	display: inline-block;
	overflow: hidden;
	position: relative;
	height: 60px; /* サムネイルの高さ */
	width: 80px; /* サムネイルの幅 */
	margin-right: 10px;
}
.inline-wrapper {
	display: inline-block;
}
/* 短い一覧のためのスタイル ここまで */


/* 汎用設定 */
.valign-middle > * {
	vertical-align: middle;
}

/* 画像サイズ調整のための仕掛け */
.size-adjust img {
	position: absolute;
	left: 0;
	top: 0;
	border: none;
	height: 100%;
	visibility: hidden;
	opacity: 0;
}