/*
	このテンプレートの基本となるCSSファイルです。
	ここで設定したことの多くは全てのHTMLに影響します。
*/
/*
	body - 全体
		color : 文字色を設定できます。 値: 色を表すもの
		
*/
body
{
	font-family : Verdana;
	color : #ff6600;
}

/*
	a - リンク先を指定。
		color : 文字色を設定できます。 値: 色を表すもの
*/
a
{
	color : #cc6600;
	text-decoration : none;
}

/*
	a:hover - リンクにマウスカーソルがのった時。
		color : 文字色を設定できます。 値: 色を表すもの
*/
a:hover
{
	color : #cc0000;
}

/*
	div - ブロック要素
		background-color : 背景の色を指定します。 値: 色を表すもの
*/
div.top
{
	width : 100%;
	height : 80px;
	background-color : #ff9900;
}

/*
	h1 - タイトル文字
			font-size : 文字の大きさを指定します。 値: smallや13pxなど。
			color : 色を設定できます。 値: 色を表すもの
			letter-spacing : 文字の間隔の長さを指定します。 値: 長さを表す数値
*/
h1
{
	float : left;
	margin-top : 0.3em; 
	margin-left : 10px;
	font-size : 300%;
	font-weight : bold;
	color : #FFFFFF;
	letter-spacing : 3px;
}

/*
	p - サブタイトル
		font-size : 文字の大きさを指定します。 値: smallや13pxなど。
		color : 色を設定できます。 値: 色を表すもの
*/
p.subTitle
{
	float : left;
	margin-top : 3em; 
	margin-left : 10px;
	font-size : 100%;
	font-weight : bold;
	color : #FFFFFF;
}

div.middle
{
	clear : left;
	padding : 10px;
	width : 100%;
	height : 70%;
	overflow : auto;
}

div.middle_left
{
	width : 40%;
	float : left; 
	text-align : left;
}

h2
{
	margin : 0px;
}


div.middle_right
{
	float : left;
	width : 40%;
	margin-top : 5px;
	margin-left : 50px;
	color : cc0066;
}
h3
{
	color : #ff0000;
	font-size : 100%;
}


/*
	div - 一番下の著作権表示などのブロック
		background-color : 背景の色を指定します。 値: 色を表すもの
*/
div.bottom
{
	clear : left;
	width : 100%;
	height : 3em;
	background-color : #ff9900;
	text-align : center;
}

/*
	address - 著作権表示
		color : 色を設定できます。 値: 色を表すもの
*/
address
{
	margin-top : 2em;
	font-size : 80%;
	color : #FFFFFF;
}

div.back
{
	text-align : right;
	font-weight : bold;
	font-size : 80%;
}