﻿/*---------------------------------------------------------------------------
　　ヘッダー
---------------------------------------------------------------------------*/
#header {
	height: 100px;
	background: url(../_img/header_right.jpg) no-repeat right top;		/* 右上の画像設定 */
}

#header h1 {
	font-size: 10px;		/* h1タグの文字サイズ */
	font-weight: normal;		/* デフォルトを太字にしてあるため太さを通常に戻す */
	color: #AAAAAA;			/* 全般の文字色 */
	line-height: 1.4;		/* 行間設定 */
	height: 20px;			/* 高さを設定 */
	width: 500px;			/* 幅を設定 */
}


/*---------------------------------------------------------------------------
　　トップメニュー
---------------------------------------------------------------------------*/
ul#topmenu {
	height: 54px;
	line-height: 54px;
	background: url(../_img/top_menu_bar.jpg);
	padding-right: 20px;
	padding-left: 20px;
	overflow: hidden;
}

ul#topmenu li {
	float: left;
}

ul#topmenu li a {
	text-align: center;
	color: #FFFFFF;			/* メニューの文字色 */
	font-size: 130%;		/* 文字サイズ */
	font-weight: bold;		/* 太字にする */
	letter-spacing: 0.1em;		/* メニューのテキストの文字間隔を少し広くする */
	text-decoration: none;
	display: block;
	width: 140px;			/* 幅を設定 */
	padding-right: 20px;
	padding-left: 20px;
	background: url(../_img/top_menu_separater.jpg) no-repeat right;
}

ul#topmenu li a:hover {
	background: url(../_img/top_menu_bar.jpg) no-repeat bottom;
}


