/*
	
	* Designed by MillionStyle [ http://www.MillionStyle.com ] *

*/
/*
	このテンプレートの基本となるCSSファイルです。
	ここで設定したことの多くは全てのHTMLに影響します。
*/
/*
	body - 全体
		font-family : 文字にフォントを指定します。 値: 'MS ゴシック'など[;]で区切って複数指定可。
		color : 色を設定できます。 値: 色を表すもの
		letter-spacing : 文字の間隔の長さを指定します。 値: 長さを表す数値
		font-size : 文字の大きさを指定します。 値: smallや13pxなど。
		line-height : 文字の高さを指定します。 値: 0pxや5%など。
		
*/
BODY
{
	width : 800px;
	margin : 5px auto;
	font-family : "Times New Roman" serif;
	color : purple;
	letter-spacing : 0.1em;
	font-size : 90%;
	line-height : 1.5em;
	background-color : #FFF4F4;
}

/*
	a - リンク
		color : 色を設定できます。 値: 色を表すもの
*/
a
{
	color : #AC8E8E;
}

/*
	a:hover - 選択中のリンク
		color : 色を設定できます。 値: 色を表すもの
*/
a:hover
{
	color : #D19C9C;
}

/*
	h1 - 	サイトタイトル
		background : 背景の色、画像、繰り返し方、動き、位置を一括で指定。 
		値: 色を表すもの, url, repeat-x no-repeatなど, fixedなど, 横と縦をそれぞれtopやrightか%で指定。
		text-align : 要素内のテキストの配置を指定します。 値: left, rightなど。
		letter-spacing : 文字の間隔の長さを指定します。 値: 長さを表す数値
		font-size : 文字の大きさを指定します。 値: smallや13pxなど。
*/
h1
{
	width : 780px;
	height : 40px;
	margin : 0px;
	margin-bottom : 5px;
	padding : 10px 20px 0px 0px;
	background : #EADADA url("../img/title_bg.png") left top no-repeat;
	text-align : right;
	letter-spacing : 0.3em;
	line-height : 1em;
	font-size : 230%;
}

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

/*
	a:hover - 選択中のリンク
		text-decoration : 文字列の装飾を指定します。 値: underline, overlineなど。
*/
h1 a:hover
{
	text-decoration : underline;
}

ul.menu
{
	width : 145px;
	height : 100%;
	float : left;
	margin : 0px;
	margin-bottom : 10px;
	padding : 0px;
	list-style-type : none;
}

/*
	a - リンクメニュー	
		font-size : 文字の大きさを指定します。 値: smallや13pxなど。
		text-decoration : 文字列の装飾を指定します。 値: underline, overlineなど。
		letter-spacing : 文字の間隔の長さを指定します。 値: 長さを表す数値
		color : 色を設定できます。 値: 色を表すもの
*/
ul.menu a
{
	display : block;
	height : 45px;
	text-align : center;
	font-size : 130%;
	text-decoration : none;
	font-weight : bold;
	line-height : 45px;
	letter-spacing : 0.2em;
	background-color : #EADADA;
	background-repeat : no-repeat;
	color : #FCF8F8;
}

/*
	a:hover - 選択中のリンク
		color : 色を設定できます。 値: 色を表すもの
*/
ul.menu a:hover
{
	color : #D19C9C;
} 

ul.menu a.list1
{
	background-image : url("../img/menu1.png");
}

ul.menu a.list1:hover
{
	background-image : url("../img/menu1_hover.png");
}

ul.menu a.list2
{
	background-image : url("../img/menu2.png");
}

ul.menu a.list2:hover
{
	background-image : url("../img/menu2_hover.png");
}

UL.menu A.list3
{
	background-image : url("../img/menu3.png");

}

ul.menu a.list3:hover
{
	background-image : url("../img/menu3_hover.png");
}

ul.menu a.list4
{
	background-image : url("../img/menu4.png");
}

ul.menu a.list4:hover
{
	background-image : url("../img/menu4_hover.png");
}

ul.menu a.list5
{
	background-image : url("../img/menu5.png");
}

ul.menu a.list5:hover
{
	background-image : url("../img/menu5_hover.png");
}

ul.menu a.list
{
	background-image : url("../img/menu.png");
}

ul.menu a.list:hover
{
	background-image : url("../img/menu_hover.png");
}

dl.content
{
	margin : 0px;
	padding : 0px;
	float : left;
	width : 650px;
}

dl.content dt
{
	margin : 2px 0px 0px 1em; 
	padding : 0.3em 0.5em;
	border : 1px outset #D8B3B3;
	border-bottom : 1px solid #D8B3B3;
	background : #EADADA url("../img/column_dt.png") no-repeat right bottom;
}

/*
	dd - indexやaboutの内容を書く場所
			background-color : 背景の色を指定します。 値: 色を表すもの
*/
dl.content dd
{
	margin : 0px 0px 10px 1em; 
	padding : 1em 0.5em;
	border : 1px outset #D8B3B3;
	border-top : none;
	background-color : #FCF8F8;
}

/*
	address - 著作権表示
		font-size : 文字の大きさを指定します。 値: smallや13pxなど。
		color : 色を設定できます。 値: 色を表すもの
*/
address
{
	clear : left;
	margin : 0px;
	padding : 0px;
	width : 800px;
	height : 20px;
	background : #EADADA url("../img/address_bg.png") left top no-repeat;
	line-height : 20px;
	text-align : center;
	font-size : 80%;
	font-style : normal;
	color : #FCF8F8;
}