/* 全ページのスタイルシートを記述します */
/* マージン（ボックスの外側の余白）・パティング（ボックスの内側の余白） */

html {
 overflow-y: scroll; 	/* スクロールバーを常に表示する */
}


	/* ■リンク状態に対する文字色の指定■ */
a:link { color: #0000ff; } /* … 未訪問のリンク(青） */
a:visited { color: #800080; } /* … 訪問済みのリンク（紫） */
a:hover { color: #ff8080; } /* … ポイント時のリンク（赤） */
a:active { color: #808080; } /* … 選択中のリンク（灰） */


body {
	/* footerを画面最下部に固定する為の処理 */
	display: flex;		/* flexboxの使用を宣言 */
	flex-flow: column;	/* boxの並びを縦にします */
	min-height: 100vh;	/* 高さを画面いっぱいに指定 */

	border: none;			/* 初期値はnone（線なし） 実践はsolid （黒） */
	background-color: #F0F0F0;	/* 背景色  */
	color: #000000;			/* 文字色 黒 */
	cursor: default;		/* カーソル指定 */
	margin: 0px; padding: 0px;	/* マージンとパティング指定（上・右・下・左の順/初期値は10くらい？） */
	font-size: 12pt; line-height: 15px;	/* 文字の大きさと行間 */
	text-align: center;		/* 横方向の位置揃え　left=左端揃え　center=中央揃え　right=右端揃え */
	vertical-align: middle;		/* 縦方向の位置揃え　top=上端揃え　middle=中央揃え　bottom=下端揃え */
}

/* -------------------- */
/* 要素の基本設定 　　　*/
/* -------------------- */

table {
	border: 1px #000000 solid;	/* 初期値はnone（線なし）実践はsolid  */
	border-collapse: collapse;	/* 境界線を重ねて表示　解除の場合はseparate */
	border-spacing: 0px;		/* 境界線の間隔を指定 */
	background-color: #FFFFFF;	/* 背景色 （白） */

	margin: 0px; padding: 0px;	/* マージンとパティング指定（上・右・下・左の順/初期値は10くらい？） */
	margin-left: auto; margin-right: auto;
}
tr {

}
td {
	border: 1px #000000 solid;	/* 初期値はnone（線なし）実践はsolid  */
	background-color: #FFFFFF;	/* 背景色 （白） */

	margin: 0px; padding: 0px;	/* マージンとパティング指定（上・右・下・左の順/初期値は10くらい？） */
	padding: 0px 5px;

	font-size: 10pt; line-height: 1.5em;
	text-align: center;		/* 横方向の位置揃え　left=左端揃え　center=中央揃え　right=右端揃え */
}

ul {
	margin: 0px; padding: 0px;	/* マージンとパティング指定（上・右・下・左の順/初期値は10くらい？） */
}
li {
	list-style-position: inside;	/* リストマーカーの位置（inside 枠の中/outside 枠の外） */
	margin: 0px; padding: 0px;	/* マージンとパティング指定（上・右・下・左の順/初期値は10くらい？） */
}

img {
	border: 0px #000000 solid;
	margin: 0px; padding: 0px;
}

p {
	margin: 0px; padding: 0px;
	padding-left: 3px;
}

hr {
	border-color: #808080;
}

h1 {
	background-color: #CCCCCC;
	margin: 0px; padding: 0px;
	margin-bottom: 0px;

	font-size: 15pt; line-height: 1.5em;
	text-align: center;
	font-weight: bold;
}
h2 {
	background-color: #CCCCCC;
	margin: 0px; padding: 0px;
	margin-left: auto; margin-right: auto;

	width: 600px;

	font-size: 15pt; line-height: 1.5em;
	text-align: center;
	font-weight: bold;
}
h3 {
	background-color: #CCCCCC;
	margin: 0px; padding: 0px;

	font-size: 10pt; line-height: 1.5em;
	text-align: center;
	font-weight: bold;
}
h4 {
	background-color: #CCCCCC;
	margin: 0px; padding: 0px;

	font-size: 10pt; line-height: 1.5em;
	text-align: Left;
	font-weight: bold;
}


/* -------------------- */
/* 共通クラスの設定 　　　*/
/* -------------------- */

/* 配置 Left */
.L {
	text-align: left;
}
/* 配置 Center */
.C {
	text-align: center;
}
/* 配置 Right */
.R {
	text-align: right;
}

/* 太文字 Bold */
.B {
	font-weight: bold;
}

/* 赤文字 */
.Red {
	color: #FF0000;
}



/* ■header部分■ */
header {
	border: 0px #000000 solid;	/* 初期値はnone（線なし） 実践はsolid （黒） */
	background-color: #F0F0F0;
	background-repeat: no-repeat;
	background-image: url(WebMaterial/Header_M-G1m.jpg);
	
	width: 750px;
	height: 150px;

	margin: 0px; padding: 0px;	/* マージンとパティング指定（上・右・下・左の順/初期値は10くらい？） */
	margin-left: auto; margin-right: auto;

	font-size: 3px; line-height: 1em;
	text-align: left;

}

/* header直後のa要素 */
header > a {
	text-decoration: none;     /* 下線を消す */
}


/* ■menu部分■ */
table.menu {
	border: 1px #000000 solid;	/* 初期値はnone（線なし）実践はsolid  */
	border-collapse: collapse;	/* 境界線を重ねて表示 */
	border-spacing: 0px;		/* 境界線の間隔を指定 */
	background-color: #FFFFFF;	/* 背景色 （白） */

	width: 750px;

	margin: 0px; padding: 0px;	/* マージンとパティング指定（上・右・下・左の順/初期値は10くらい？） */

	text-align: center;		/* 横方向の位置揃え　left=左端揃え　center=中央揃え　right=右端揃え */
	vertical-align: middle;		/* 縦方向の位置揃え　top上端揃え　middle中央揃え　bottom下端揃え */
}
table.menu tr {
	height: 35px;
}
table.menu td {
	border: 1px #000000 solid;	/* 初期値はnone（線なし）実践はsolid  */
	background-color: #D5B26E;	/* 背景色 （　） */

	width: 150px;

	margin: 0px; padding: 0px;

	text-align: center;
	vertical-align: middle;
	font-size: 10pt; line-height: 1.5em;
}


/* ■main部分■ */
main {
	/* footerを画面最下部に固定する為の処理 */
	flex-grow: 1;

	border: 0px #000000 solid;	/* 初期値はnone（線なし） 実践はsolid （黒） */
	background-color: #FFFFFF;

	width: 750px;
	/* height: 600px; */

	margin: 0px; padding: 0px;
	margin-left: auto; margin-right: auto;

	font-size: 10pt; line-height: 1.5em;
	text-align: center;
	vertical-align: middle;		/* 縦方向の位置揃え　top=上端揃え　middle=中央揃え　bottom=下端揃え */
	
}


/* ■footer部分■ */
footer {
	border: 0px #000000 solid;	/* 初期値はnone（線なし） 実践はsolid （黒） */
	background-color: #F9F9F9;	/* 背景色 （極薄灰白） */

	width: 750px;
	height: 80px;

	margin: 0px; padding: 0px;
	margin-left: auto; margin-right: auto;

	font-size: 7pt; line-height: 1em;
	text-align: right;
}
div.footer {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;	/* 列の幅 */
	grid-template-rows: 26px 45px;		/* 行の幅（高さ） */
	grid-gap: 0px;

	border: 0px #B8860B solid;
	background-color: #FFFFFF;

	font-size: 10pt; line-height: 1.5em;
	margin: 0px; padding: 0px;

}
div.footer div {
	margin: 0px; padding: 0px;
}
div.footer div:nth-of-type(1) {		/* 上段 Left */
	grid-column: 1 / 2;	/* 列の幅 */
	grid-row: 1 / 2;	/* 行の幅（高さ） */

	background-color: #FFFFFF;

	text-align: left;

	font-size: 8pt; line-height: 1.5em;
	padding: 10px 0px 0px 5px;
}

div.footer div:nth-of-type(2) {		/* 上段 Center */
	grid-column: 2 / 3;	/* 列の幅 */
	grid-row: 1 / 2;	/* 行の幅（高さ） */
	
	background-color: #FFFFFF;

	text-align: center;
}

div.footer div:nth-of-type(3) {		/* 上段 Right */
	grid-column: 3 / 4;	/* 列の幅 */
	grid-row: 1 / 2;	/* 行の幅（高さ） */

	text-align: right;
	padding-right: 10px;
}
div.footer div:nth-of-type(4) {		/* 下段 Copy著作権表示部 */
	grid-column: 1 / 4;
	grid-row: 2 / 3;

	background-color: #CCCCCC;

	text-align: center;
	padding-right: 10px;
}


/* ■パンくずリンク■ */
nav {
	margin: 0px; padding: 7px 5px 0px 5px;
	font-size: 8pt; line-height: 1.3em;
	
}

nav + hr {
	margin-top: 6px;
}


/* ■main本文枠■ */
div.Out-Box {
	border: 2px #000000 solid;
	background-color: #FFFFFF;

	width: 700px;

	margin: 0px; padding: 10px;
	margin-left: auto; margin-right: auto;

	text-align: left;
	font-size: 10pt; line-height: 1.5em;
}


/* 更新履歴 */
div.His {
	margin: 0px 5px; padding: 0px;
}
div.His hr {
	margin: 4px 0px; padding: 0px;
}



/* ---------------------------- */
/* ▼各機種　掲載作品リスト枠 */
/* ---------------------------- */

details div {
	background-color: #FFFFFF;
 	margin: 0px; padding: 0px;
	padding: 5px 0px 0px 5px;
}
summary {	/*　開閉式コンテンツ　*/
	text-decoration: underline;
}



table.TitleList {
	border: 1 #000000 solid;
	border-collapse: collapse;
	border-spacing: 0px;
	background-color: #FFFFFF;

	margin: 0px; padding: 0px;
	margin-left: auto; margin-right: auto;

	width: 606px;
}
table.TitleList tr {
	height: 36px;
}
/* ファイル名 一行目のセル（見出し行） */
table.TitleList tr:nth-of-type(1) td {
	background-color: #F0F0F0;
}
table.TitleList td {
	border: 1 #000000 solid;
	width: 30px;
	padding: 3px;
	font-size: 9pt; line-height: 1.5em;
	text-align: center;
}
table.TitleList td:nth-of-type(1) {
	width: 448px;
	padding-left: 10px;
	text-align: left;
	font-size: 10pt; line-height: 1.5em;
}

/* ▼PCエンジン用 メモリ系一覧 */
table.PCE {
	border: 1 #000000 solid;
	border-collapse: collapse;
	border-spacing: 0px;
	background-color: #FFFFFF;

	margin: 0px; padding: 0px;
	margin-left: auto; margin-right: auto;

	width: 700px;
}
table.PCE tr {
	height: 35px;
}
table.PCE td {
	border: 1 #000000 solid;

	padding: 3px;
	font-size: 9pt; line-height: 1.5em;

	text-align: left;
}
/* タイトル */
table.PCE td:nth-of-type(1) {
	width: 250px;
	padding-left: 5px;
	text-align: left;
}
/* ファイル名 二行目以降の２列目 */
table.PCE tr:nth-of-type(n+2) td:nth-of-type(2) {
	width: 110px;
	text-align: left;

	font-size: 14pt; line-height: 1.2em;
	font-family: "Menlo", "Monaco", "Consolas", monospace;
}
/* ファイル数 */
table.PCE td:nth-of-type(3) {
	width: 32px;
	text-align: right;
}
/* ファイルサイズ */
table.PCE td:nth-of-type(4) {
	width: 50px;
	text-align: right;
}
/* プレイ可否 */
table.PCE td:nth-of-type(5) {
	width: 20px;
	text-align: center;
}
/* 備考 */
table.PCE td:nth-of-type(6) {
	width: 200px;
	text-align: left;
}
/* 説明・解説 */
table.PCE td.Com {
	border-bottom: 2px #000000 solid;
	text-align: left;
	padding-left: 13px;
	font-size: 10pt; line-height: 1.5em;
}
table.PCE tr:last-of-type td.Com {
	border-bottom: 1px #000000 solid;
	text-align: left;
	padding-left: 13px;
	font-size: 10pt; line-height: 1.5em;
}


.Not {
	background-color: #CCCCCC;
}

.Space {
	border: 0 #000000 solid;
	color: #FFFFFF;
}

/* ▼PCエンジン用 メディア別背景色 */
.Hu {
	background-color: #7FE5FF;
	padding: 0px 8px;
}
.CD {
	background-color: #C3FFC3;
	padding: 0px 8px;
}
.SCD {
	background-color: #FFC3FF;
	padding: 0px 8px;
}
.AC {
	background-color: #FFd27f;
	padding: 0px 8px;
}




/* ---------------------------- */
/* ▼個々の作品紹介　基本情報枠 */
/* ---------------------------- */

table.BasicList {
	border: 1px #000000 solid;
	border-collapse: collapse;
	border-spacing: 0px;
	background-color: #FFFFFF;

	margin: 0px; padding: 0px;
	margin-left: auto; margin-right: auto;

}

table.BasicList tr {
	height: 37px;

}
table.BasicList td:not(Pic) {
	border: 1px #000000 solid;
	background-color: #FFFFFF;

	width: 200px;

	margin: 0px; padding: 0px;
	padding: 0px 5px;
	
	font-size: 10pt; line-height: 1.5em;
	text-align: left;
}
table.BasicList td.Pic {
	border: 1px #000000 solid;
	background-color: #FFFFFF;

	width: 282px;

	margin: 0px; padding: 0px;
	padding: 5px 5px 0px 5px;
	
	font-size: 10pt; line-height: 1.5em;
	text-align: center;
}


/* ▼個々の作品紹介　所有・プレイ情報枠 */

table.P-List {
	border: 1px #000000 solid;
	border-collapse: collapse;
	border-spacing: 0px;
	background-color: #FFFFFF;

	margin: 0px; padding: 0px;
	margin-left: auto; margin-right: auto;

}
table.P-List tr {
	height: 37px;

}
table.P-List td {
	border: 1px #000000 solid;
	background-color: #FFFFFF;

	margin: 0px; padding: 0px;
	padding: 0px 5px;
	
	font-size: 10pt; line-height: 1.5em;
	text-align: left;
}
table.P-List td:nth-of-type(1) {
	width: 95px;
}
table.P-List td:nth-of-type(2) {
	width: 68px;
}
table.P-List td:nth-of-type(3) {
	width: 68px;
}
table.P-List td:nth-of-type(4) {
	width: 309px;
}
table.P-List td:nth-of-type(5) {
	width: 110px;
}

/* ▼個々の作品紹介　攻略・コメント情報枠 */

.Box-Right, .Box-Left {
	border: 1px #000000 solid;
	background-color: #FFFFFF;

	margin: 0px; padding: 10px;
	margin-left: auto; margin-right: auto;

	text-align: left;
	font-size: 10pt; line-height: 1.5em;

}
.Box-Right {
	float: right;
	margin-right: 0px;

	width: 170px;
	
}
.Box-Right li {
	padding-left: 15px; padding-top: 5px;
}
.Box-Right hr {
	margin: 5px 0px 3px 0px;
	border-color: #FFFFFF;
}

.Box-Left {
	margin-left: 0px;
	padding-bottom: 0px;

	width: 480px;
	
}

/* ▼個々の作品紹介　コメント枠・見出し */

div.Title {
	background-color: #CCCCCC;
}

/* ▼個々の作品紹介　コメント枠 */
	/*　最下段の記載年月部　*/
div.ComData {
	margin-top: 12px;
	text-align: right;
	font-size: 9pt; line-height: 1.5em;
}


/* ---------------------------- */
/* ▼個々の作品紹介　ギャラリー */
/* ---------------------------- */

div.Gallery {
	margin: 0px; padding: 0px;
	text-align: center;
}

figure {
	background-color: #FFFFFF;
	margin: 0px; padding: 0px;
	margin-left: auto; margin-right: auto;
	text-align: center;
}
figcaption {
	text-align: center;
}

/* ---------------------------- */
/* ▼個々の作品紹介　フローチャート */
/* ---------------------------- */

div.grid-FlowArea {
	display: grid;
	grid-template-columns: 300px 100px 300px;	/* 列の幅 */
	grid-template-rows: 500px 15px 500px;	/* 行の幅（高さ） */
	grid-gap: 0px;

	border: 0px #000000 solid;

	margin: 0px; padding: 0px;
	margin-top: 15px;
	font-size: 10pt; line-height: 1.5em;

}
/* 高さstart / 幅start / 高さend / 幅end の順 */

div.grid-FlowArea > div {

	font-size: 10pt; line-height: 1.5em;

}

div.grid-FlowArea div div {
	border: 2px #000000 solid;
	background-color: #F0FFF0;

	margin: 0px; padding: 0px;
	padding-top: 3px; padding-bottom: 3px;

	width: 268px;

	text-align: center;
}
div.grid-FlowArea div div div {
	border: 1px #000000 solid;
	background-color: #FFFFFF;

	margin: 3px; padding: 5px;
	padding-left: 8px;

	width: 247px;

	text-align: left;
}