@charset "utf-8";

/* 基本スタイル*/

* {
	margin: 0;
	padding: 0;
	font-size: 100%;
}

body {
	font-size: 75%; /* 初期値の75%(12px相当)に指定 */
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif; /* Macに配慮 */
	line-height: 1.5; /* 行ボックスの高さ（行間）をフォントサイズの1.5倍に指定 */
	letter-spacing: 0.1em; /* 文字間隔をフォントサイズの0.1em分に指定 */
	background: #F4F4F4; /* ブラウザ表示の背景色に薄い灰色を指定 */
}
h1 {
	font-size: 150%; /* body要素から継承された計算値の150%(18px相当)に指定 */
}
h2 {
	font-size: 117%; /* body要素から継承された計算値の117%(？px相当)に指定 */
}
img {
	border: none; /* 画像枠の削除 for IE8 */
/*
	vertical-align: bottom;
*/
}

/*　コンテンツ全体　*/
#basic {
	width: 800px; /* コンテンツ幅を固定 */
	margin: 10px auto; /* autoは常にブラウザ範囲の中心に表示 */
	padding: 0px;
	border:1px solid #9B9B9B; /* コンテンツ全体を濃い灰色の枠線で囲む */
	background: #FFFFFF; /* コンテンツ全体の背景は白色 */
}

/*　ロゴ　*/
#logo {
	position: relative; /* logoボックス内の相対位置（原点）を設定 */
	height: 45px; /* logoボックスの高さを指定 */
}

#logo1 {
	position: absolute; /* logoボックス内で絶対位置を指定 */
	top: 0px;
	left: 0px; /* 左端に寄せる */
	width: 145px; /* 画像幅が145px */
}
#logo2 {
	position: absolute;
	top: 13px; /* =  45 - 32 (logo1の画像下端に合わせる) */
	left: 659px; /* = 800 - 141  (右端に寄せる) */
	width: 141px; /* 画像幅が141px */
}


/*　上部ナビゲーション　*/
#top_nav {
	width: 800px;
	height: 23px; /* 本来は17pxであるが高さを調整(+6)した */
	border-top: 1px solid #94051B; /* 上部にワイン色のラインを追加 */
	background-color: #E9E9E9; /* ナビゲーションの背景の色をメニュー画像の色に合わせた */
}

#top_nav ul {
	list-style: none; /* リストのマークを無効 */
	margin: 0;
	padding: 0px;
}

#top_nav li {
	display: inline;
	margin: 0;
	padding: 5px; /* ナビゲーションメニューの間隔を設けた */
	position: relative;
	top: 3px; /*画像の高さ位置を真ん中に配置するための調整 */
	left: 239px; /* 800-(40+5+55+5+53+5+60+5+58+5+54+5+52+5+70+5+79(調整値)) */
}


/*　下部ナビゲーション　*/
#foot_nav {
	clear: both; /* コンテンツ(「float: left;」の配置)をクリア */
	width: 800px;
	height: 20px; /* 本来は14pxであるが高さを調整(+6)した */
	border-top: 1px solid #94051B; /* 上部にワイン色のラインを追加 */
	background-color: #E9E9E9; /* ナビゲーションの背景の色をメニュー画像の色に合わせた */
}

#foot_nav ul {
	list-style: none;
	margin: 0;
	padding: 0px;
}

#foot_nav li {
	display: inline;
	margin: 0;
	padding: 5px; /* ナビゲーションメニューの間隔を設けた */
	position: relative;
	top: 3px; /*画像の高さ位置を真ん中に配置するための調整 */
	left: 270px; /* 800-(45+5+36+5+52+5+47+5+70+5+52+5+47+5+57+5+83(調整値)) */
}