@charset "utf-8";
@import url(../css/common.css);
/*******************************************************************************/
/* <カテゴリシート>                                                            */
/* http://terimaland.com                                                       */
/* 優先: 色 > 幅 > 余白 > 文字スタイル > ボーダースタイル                      */
/*******************************************************************************/
/*******************************************************************************/
/* BACKGROUND */
/* S- 任天堂DS */
DIV.whole-page-background-w65816{
	BACKGROUND-IMAGE: URL(./CotrollerAnd65C816.png);
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-SIZE:35%;
	BACKGROUND-POSITION: 72% 85%;
	BACKGROUND-ATTACHMENT: fixed;}

/*******************************************************************************/
LI.code7E{
	BACKGROUND: URL('./image/7E.svg') no-repeat;
	BACKGROUND-SIZE:24px 16px;
	BACKGROUND-POSITION:0% 25%;
	PADDING-LEFT:2em;
}
LI.codePR{
	BACKGROUND: URL('./image/PR.svg') no-repeat;
	BACKGROUND-SIZE:24px 16px;
	BACKGROUND-POSITION:0% 25%;
	PADDING-LEFT:2em;
}
LI.codeCN{
	BACKGROUND: URL('./image/CN.png') no-repeat;
	BACKGROUND-SIZE:24px 16px;
	BACKGROUND-POSITION:0% 25%;
	PADDING-LEFT:2em;
}

/* S- メインページグリッド */
/* 
12
34
5...
*/
DIV#demomovie-container{
	DISPLAY:grid;
	MARGIN-LEFT:2.5em;
	GRID-TEMPLATE-COLUMNS: 1fr 1fr;
	GRID-ROW-GAP:10px;
	GRID-COLUMN-GAP:5px;
}
@media all and (MAX-WIDTH: 799px) {
	DIV#demomovie-container{
		DISPLAY:block;
		MARGIN-LEFT:0.5em;
	}
}

DIV#demomovie01{grid-row: 1/2; grid-column:1/2:}
DIV#demomovie02{grid-row: 1/2; grid-column:2/3:}
DIV#demomovie03{grid-row: 2/3; grid-column:1/2:}
DIV#demomovie04{grid-row: 2/3; grid-column:2/3:}
DIV#demomovie05{grid-row: 3/4; grid-column:1/2:}
DIV#demomovie06{grid-row: 3/4; grid-column:2/3:}
DIV#demomovie07{grid-row: 4/5; grid-column:1/2:}
DIV#demomovie08{grid-row: 4/5; grid-column:2/3:}
DIV#demomovie09{grid-row: 5/6; grid-column:1/2:}
DIV#demomovie10{grid-row: 5/6; grid-column:2/3:}
/* E- メインページグリッド */

/* S- 公開終了ページグリッド */
/* 
12
34
5...
*/
DIV#expired-container{
	DISPLAY:grid;
	MARGIN-LEFT:2.5em;
	GRID-TEMPLATE-COLUMNS: 1fr 1fr;
	GRID-ROW-GAP:10px;
	GRID-COLUMN-GAP:5px;
}
@media all and (MAX-WIDTH: 799px) {
	DIV#expired-container{
		DISPLAY:block;
		MARGIN-LEFT:0.5em;
	}
}

DIV#expired01{grid-row: 1/2; grid-column:1/2:}
DIV#expired02{grid-row: 1/2; grid-column:2/3:}
DIV#expired03{grid-row: 2/3; grid-column:1/2:}
DIV#expired04{grid-row: 2/3; grid-column:2/3:}
DIV#expired05{grid-row: 3/4; grid-column:1/2:}
DIV#expired06{grid-row: 3/4; grid-column:2/3:}

/* E- 公開終了ページグリッド */



/*******************************************************************************/

/* S-コード掲載 */
DL{
	MARGIN-BOTTOM: 1em;
}
/* コード対象記載欄 */
DT{
	BACKGROUND-COLOR: #ABB799;
	FONT-WEIGHT: bold;
	PADDING: 0.3em;
	BORDER: 1px outset #ABB799;}
/* コード記載欄 */
DD{
	MARGIN-LEFT: 1em;
	PADDING-BOTTOM: 0.2em;
	PADDING-TOP: 0.2em;
	PADDING-BOTTOM: 0.2em;
	BORDER-LEFT: 1px ridge #CBDDBB;
	BORDER-RIGHT: 1px ridge #CBDDBB;
	BORDER-BOTTOM: 1px ridge #CBDDBB;}
/* コメント用 */
DD.code_description{
	BACKGROUND-COLOR: #DCEECC;
	LINE-HEIGHT:1.5em;
	PADDING-LEFT: 0.7em;
	PADDING-TOP: 0.2em;
	PADDING-BOTTOM: 0.2em;
	BORDER: 1px solid #CBDDBB;
}

SPAN.address{
	COLOR: #550000;
	FONT-FAMILY: "ＭＳ ゴシック",sans-serif;}
SPAN.address_another{
	COLOR: #550000;
	FONT-FAMILY: "ＭＳ ゴシック",sans-serif;
	PADDING-LEFT:0.3em;}

SPAN.value{
	COLOR: #005500;
	FONT-FAMILY: "ＭＳ ゴシック",sans-serif;
	PADDING-LEFT:0.3em;
	PADDING-RIGHT:1.0em;}
SPAN.value_another{
	COLOR: #005500;
	FONT-FAMILY: "ＭＳ ゴシック",sans-serif;
	PADDING-LEFT:0.3em;
	PADDING-RIGHT:0.3em;}

SPAN.codename{
	BACKGROUND-COLOR: #BBCCFF;
	COLOR: #000000;
	PADDING:0.1em;
	MARGIN:0.1em;}
/* E-コード掲載 */
/*******************************************************************************/