@charset "Shift_JIS";

/* -----------------------------------------------------------------------------
	★ PC 画面向けの設定
----------------------------------------------------------------------------- */
@media screen {
	
	* {
		background-color	: transparent ;
		margin	: 0 ;
		padding	: 0 ;
	}
	
	HTML {
		background-color	: #CCC ;
		color	: #000 ;
	}
	
	BODY {
		padding	: 0 7.5pt 11.25pt ;
	}
	
	/* -------------------------------------
	      通常のハイパーリンク 
	------------------------------------- */
	
	A {
		border-width	: 0.75pt ;
		border-style	: solid ;
		color	: #000 ;
		padding	: 2.25pt ;
	}
	
	A:link, A:visited {
		border-color	: transparent ;
		background-color	: transparent ;
		text-decoration	: underline ;
	}
	
	A:hover {
		border-color	: #000 ;
		background-color	: #6CF ;
		text-decoration	: none ;
	}
	
	A:active {
		border-color	: #000 ;
		background-color	: #0CF ;
		text-decoration	: none ;
	}
	
	/* -------------------------------------
	      コンテンツ部分
	------------------------------------- */
	
	DIV {
		border-left	: 7.5pt solid #000 ;
		margin	: 3em auto ;
		padding	: 0.25em ;
		max-width	: 40.5em ;
	}
	
	H1 {
		font	: bold 120%/1.5em monospace ;
		border-bottom	: 1.5pt solid #000 ;
		margin	: 0 0 1em ;
		padding	: 0 1em 0.25em ;
		max-width	: 7em ;
	}
	
	H2 {
		color	: #000 ;
		font	: 100%/1.5em monospace ;
		margin	: 1em 0 0.5em 1em ;
	}
	
	P, LI {
		color	: #000 ;
		font	: 100%/1.5em sans-serif ;
	}
	
	P {
		margin	: 0 0 0.5em 1.5em ;
	}

	OL {
		padding-left	: 1em ;
	}

	LI {
		margin	: 0 0 0.2em 1.5em ;
	}
	
}

/* -----------------------------------------------------------------------------
	★ 携帯端末向けの設定
----------------------------------------------------------------------------- */
@media handheld {
	
	* {
		background-color	: transparent ;
		margin	: 0 ;
		padding	: 0 ;
	}
	
	HTML {
		background-color	: #CCC ;
		color	: #000 ;
	}
	
	BODY {
		padding	: 0.5em 0.5em 2em ;
	}
	
	/* -------------------------------------
	      通常のハイパーリンク 
	------------------------------------- */
	
	A {
		border-width	: 0.75pt ;
		border-style	: solid ;
		color	: #000 ;
		padding	: 2.25pt ;
	}
	
	A:link, A:visited {
		border-color	: transparent ;
		background-color	: transparent ;
		text-decoration	: underline ;
	}
	
	A:hover {
		border-color	: #000 ;
		background-color	: #6CF ;
		text-decoration	: none ;
	}
	
	A:active {
		border-color	: #000 ;
		background-color	: #0CF ;
		text-decoration	: none ;
	}
	
	/* -------------------------------------
	      コンテンツ部分
	------------------------------------- */
	
	DIV {
		border-left	: 3.0pt solid #000 ;
		margin	: 1em auto ;
		padding	: 0.25em ;
		max-width	: 40.5em ;
	}
	
	H1 {
		font	: bold 120%/1.5em monospace ;
		border-bottom	: 1.5pt solid #000 ;
		margin	: 0 0 0.5em ;
		padding	: 0 0.5em ;
		max-width	: 7em ;
	}
	
	H2 {
		color	: #000 ;
		font	: 100%/1.5em monospace ;
		margin	: 0.5em 0 0.5em 0.5em ;
	}
	
	P, LI {
		color	: #000 ;
		font	: 100%/1.5em sans-serif ;
	}
	
	P {
		margin	: 0 0 0.5em 0.5em ;
	}

	OL {
		padding-left	: 1em ;
	}

	LI {
		margin	: 0 0 0.2em 1.5em ;
	}
	
}

/* -----------------------------------------------------------------------------
	★ テレビ向けの設定
----------------------------------------------------------------------------- */
@media tv {
	
	* {
		background-color	: transparent ;
		margin	: 0 ;
		padding	: 0 ;
	}
	
	HTML {
		background-color	: #CCC ;
		color	: #000 ;
		font-size	: 24px ;
	}
	
	BODY {
		padding	: 0 0.5em 0.5em ;
	}
	
	/* -------------------------------------
	      通常のハイパーリンク 
	------------------------------------- */
	
	A {
		border-width	: 0.75pt ;
		border-style	: solid ;
		color	: #000 ;
		padding	: 2.25pt ;
	}
	
	A:link, A:visited {
		border-color	: transparent ;
		background-color	: transparent ;
		text-decoration	: underline ;
	}
	
	A:hover {
		border-color	: #000 ;
		background-color	: #6CF ;
		text-decoration	: none ;
	}
	
	A:active {
		border-color	: #000 ;
		background-color	: #0CF ;
		text-decoration	: none ;
	}
	
	/* -------------------------------------
	      コンテンツ部分
	------------------------------------- */
	
	DIV {
		border-left	: 7.5pt solid #000 ;
		margin	: 2em auto ;
		padding	: 0.25em ;
		max-width	: 40.5em ;
	}
	
	BODY + DIV {
		margin-top	: 0 ;
	}
	
	H1 {
		font	: bold 120%/1.5em monospace ;
		border-bottom	: 1.5pt solid #000 ;
		margin	: 0 0 1em ;
		padding	: 0 1em 0.25em ;
		max-width	: 7em ;
	}
	
	H2 {
		color	: #000 ;
		font	: bold 100%/1.5em monospace ;
		margin	: 1em 0 0.5em 1em ;
	}
	
	P, LI {
		color	: #000 ;
		font	: bold 100%/1.5em sans-serif ;
	}
	
	P {
		margin	: 0 0 0.5em 1.5em ;
	}

	OL {
		padding-left	: 1em ;
	}

	LI {
		margin	: 0 0 0.2em 1.5em ;
	}
	
}