/*　スタイルシートファイル：ファイル名：style.css　*/

/* ID */
/* centering */
#plain {
	margin: 0 auto;
	padding: 0px;
	width: 100%;
	text-align: center;
}

/* ドキュメントの配置枠 */
#base {
	margin: 0 auto;
	padding: 8px 4px 8px 4px;
	/*
	ページ内のコンテンツ全体（#sidr-l + #main + #side-r）の表示幅を指定します。
	#sidr-l + #main または #main + #side-r のときは width:620px;
	#sidr-l + #main + #side-r のときは width:790px; を選びます。
	#bdy と #foot の「width」をここと合わせます。
	width: 620px;
	*/
	width: 790px;
	text-align: center;
	color: black;
	font-size: 11pt;
	font-weight: normal;
	font-style: normal;
	line-height: 1.2em;
}
  
/* ロゴ／ヘッダー画像 */
#logo {
/*  */
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 73px;
	text-align: center;
	/* background-color: greenyellow; */
	background-color: lightyellow;
	border-color: gray;
	border-width: 2px;
	border-style: none;
}

/* トップ */
#head {
	margin: 0px;
	/* float: left; */
	text-align: center;
	/* background-color: greenyellow; */
	background-color: lightyellow;
}
 
/* ヘッドライン */
#headline {
	/* background-color: #EEFFAA; */
	/* background-color: floralwhite; */
	/* background-color: Snow; */
	background-color: mintcream;
	/* line-height: 1.2em; */
	/* height: 1.1em; */
	color: orange;
	font-size: 16pt;
	font-weight: bold;
	border-top: gold solid 2px;
	border-right: none;
	border-bottom: gold solid 2px;
	border-left: none;
}

/* ボディ */
#bdy {
	margin: 0px;
	/* #base と同じサイズを設定します。
	width: 620px;
	*/
	width: 790px;
	position: relative;
	/* background-color: greenyellow; */
	/* background-color: lightyellow; */
	/* background-color: ivory; */
	/* text-align: center; */
	border: none;
}

#l-block {
	margin: 0px;
	/*
	メインブロック(#main)の幅 + 左サイドバー(#side-l)の幅を指定します。
	左サイドバーを表示するときは、width:620px;
	左サイドバーを表示しないときは、width:450px; を設定します。
	左サイドバーの表示／非表示は、htmlページの「左サイドバー始端」を参照してください。
	width: 450px;
	*/
	width: 620px;
	float: left;
	position: relative;
	/* background-color: aliceblue; */
	text-align: left;
	border: none;
	font-size: 11pt;
}

#main {
	margin: 0px;
	/*
	width: 620px;
	*/
	width: 450px;
	float: right;
	position: relative;
	/* background-color: aliceblue; */
	text-align: left;
	border: none;
	font-size: 11pt;
}

#main_clr {
	margin: 0px;
	/*
	width: 620px;
	*/
	width: 450px;
	position: absolute;
	top: 0px;
	left: 0px;
	/*
	background-color: #ffffff;
	*/
	filter: alpha(opacity=70); /* IE系 */
	-mozzila-opacity: 0.70; /* Mozzila系 */
	opacity: 0.70; /* Mozzila系 */
}

#side-l {
	margin: 0px;
	width: 170px;
	position: relative;
	float: left;
	/*
	background-color: lightyellow;
	*/
	background-color: honeydew;
	text-align: left;
	border: none;
	font-size: 10pt;
	line-height: 1.2em;
}

#side-r {
	margin: 0px;
	width: 170px;
	position: relative;
	float: right;
	/*
	background-color: lightyellow;
	*/
	background-color: honeydew;
	text-align: left;
	border: none;
	font-size: 10pt;
	line-height: 1.2em;
}

/* メインコンテンツの背景用wrapper */
#left {
	margin: 0px;
	width: 610px;
	position: absolute;
	top: 0px;
	left: 0px;
	filter: Alpha(opacity=70); /* IE系 */
	-mozzila-opacity: 0.70; /* Mozzila系 */
	opacity: 0.70; /* Mozzila系 */
}
#right {
	margin: 0px;
	width: 170px;
	position: absolute;
	top: 0px;
	left: 0px;
	filter: Alpha(opacity=70); /* IE系 */
	-mozzila-opacity: 0.70; /* Mozzila系 */
	opacity: 0.70; /* Mozzila系 */
}

/* フッタ */
#foot {
	margin: 0px;
	/* #base と同じサイズを設定します。
	width: 620px;
	*/
	width: 790px;
	/* background-color: greenyellow; */
	background-color: lightyellow;
	/* float: left; */
	text-align: center;
	border: none;
}
 
/* copy right */
#copy {
	float: right;
	text-align: right;
	color: midnightblue;
	font-size: 11xp;
	font-weight: normal;
	font-style: italic;
}

/* クラス */

/* 半透明背景の設定 */
/* サイドバー用 */
.side_clr {
	margin: 0px;
	width: 170px;
	position: absolute;
	top: 0px;
	left: 0px;
	filter: Alpha(opacity=70); /* IE系 */
	-mozzila-opacity: 0.70; /* Mozzila系 */
	opacity: 0.70; /* Mozzila系 */
}

/* 背景用 */
.clr_bg {
	background-color: white;
	filter: Alpha(opacity=70); /* IE系 */
	-mozzila-opacity: 0.70; /* Mozzila系 */
	opacity: 0.70; /* Mozzila系 */
}

/* ラッピング */
.wrapper {
	margin: 2px 4px;
	overflow: hidden;
}

/* スペース調整 */
.spacer {
	/*
	width: 620px;
	width: 790px;
	*/
	position: relative;
	top: 0px;
	left: 0px;
}

/* 汎用ブロック 幅、高さは、style="width:数値px; height:数値px;"で指定します。 */
.block-l {
	margin: 0px;
	float: left;
	/* background-color: lemonchiffon; */
	text-align: left;
	display: block;
	border: none;
}

.block-c {
	margin: 0px;
	float: left;
	/* background-color: lemonchiffon; */
	text-align: center;
	display: block;
	border: none;
}

.block-r {
	margin: 0px;
	float: left;
	/* background-color: lemonchiffon; */
	text-align: right;
	display: block;
	border: none;
}

.bl {
	border:solid 1px black;
}

/* ブロックの回り込み回避 */
.clr {
	clear: both;
}

/* タグ  表示・表現形式 */
a:link {
	color: blue;
}
a:visited {
	color: mediumvioletred;
}
a:active {
	color: red;
}
a:hover {
	color: darkorange;
}

body {
	/*
	background-color: #005511;
	background-color: snow;
	background-color: forestgreen;
	background-color: floralwhite;
	*/
	background-color: ivory;
	color: maroon;
}

h1 {
	margin: 0px;
	padding: 4px 8px 4px 8px;
	/*
	background-color: floralwhite;
	background-color: snow;
	*/
	background-color: mintcream;
	text-align: center;
	line-height: 1.2em;
	font-size : 20pt;
	/*
	font-family : "HGP行書体", "ＭＳ 明朝", "Osaka", "Serif";
	font-family : "HG正楷書体-PRO", "ＭＳ 明朝", "Osaka", "Serif";
	*/
	font-family : "HGP創英角ﾎﾟｯﾌﾟ体", "ＭＳ ゴシック", "Osaka", "Serif";
	font-weight : bold;
	/*
	color: mednightblue;
	*/
	color: deeppink;
}

h2 {
	margin : 0px;
	padding: 4px 6px 4px 6px;
	font-size : 16pt;
	/* font-family : "ＭＳ 明朝", "Osaka", "Serif"; */
	font-family : "ＭＳ ゴシック", "Osaka", "Serif";
	font-weight : bold;
	/*
	background-color: mintcream;
	background-color: snow;
	background-color: floralwhite;
	*/
	background-color: ivory; /* */
}

h3 {
	margin : 0px;
	padding: 2px 4px 2px 4px;
	font-size : 14pt;
	/* font-family : "ＭＳ 明朝", "Osaka", "Serif"; */
	font-family : "ＭＳ ゴシック", "Osaka", "Serif";
	font-weight : bold;
	color: midnightblue;
}

h4 {
	margin : 0px;
	padding: 2px 4px 2px 4px;
	font-size : 12pt;
	/* font-family : "ＭＳ 明朝", "Osaka", "Serif"; */
	font-family : "ＭＳ ゴシック", "Osaka", "Serif";
	font-weight : bold;
	color: midnightblue;
}

h5 {
	margin: 0px;
	padding: 2px 4px 2px 4px;
	font-size: 11pt;
	/* font-family: "ＭＳ 明朝", "Osaka", "Serif"; */
	font-family: "ＭＳ ゴシック", "Osaka", "Serif";
	font-weight: bold;
	color: midnightblue;
}

h6 {
	margin : 0px;
	padding: 2px 4px 2px 4px;
	font-size : 10pt;
	/* font-family: "ＭＳ 明朝", "Osaka", "Serif"; */
	font-family: "ＭＳ ゴシック", "Osaka", "Serif";
	font-weight: bold;
	color: midnightblue;
}

p {
	margin: 2px 2px;
	padding: 2px 2px 2px 2px;
	font-size: 11pt;
}

em {
	color: red;
	font-size: 10pt;
	font-weight: normal;
	font-style: normal;
}

i {
	font-weight : bold;
	font-style: italic;
}

strong {
	color: red;
	font-weight: bold;
}

b {
	font-weight: bold;
}

dt {
	font-size:11pt;
}
d {
	font-size:10pt;
}

marquee {
	margin: 0px;
	padding: 4px 2px 0px 2px;
	background-color: gold;
	color: darkgreen;
	font-size: 18px;
	font-weight: bold;
	line-height:1.2em;
	display: -wap-marquee;
	-wap-marquee-loop: infinite;
	/* overflow: scroll; */
	overflow: hidden;
	overflow: -webkit-marquee;
	overflow-style: marquee;
}

/*
<!-- ＨＴＭＬのヘッダ記述およびスタイルシートの呼び出し

<!DOCTYPE HTML PUBLIC "//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<META http-equiv="Content-Language" content="ja">
<meta name="KEYWORD" content="Word1, Word2, Word3, ...">
<meta name="DESCRIPTION" content="ホームページの説明文">
<META name="robots" content="none | noindex | nofollow | index | all ←どれか１つにする">
<TITLE>
タイトル
</TITLE>
<META http-equiv="Content-Style-Type" content="text/css">
<link rel=stylesheet href="style.css" type="text/css">
</HEAD>
//-->
*/