﻿/* 基本スタイル
---------------------------------------------*/
body {
	margin: 0;
	padding: 0;
	font-size: 90%;
	line-height: 1.3;
	color: #333;
	background-image: url(images/body_bg.gif);
	background-repeat: repeat-y;
}

p {

	/**/
}
.bg1 {
	background-color: #CCCCCC;
	
}
.text_red{
	color: #FF0000;	
}
.text_green {
	color: #3C0;
}
.text_white{
	color: #FFF;
}
.border_color_white{
	border-color: #CCC;
}
/* ヘッダー
---------------------------------------------*/
#header {
	position: relative;
	z-index: 100;
	width: 100%;
	height: 160px;
	background-image: url(images/header_bg.jpg);
	background-repeat: no-repeat;
	
}

	/* ナビゲーション1
	---------------------------------------------*/
	
	#navigation {
	position: absolute;
	top: 128px;
	left: 191px;
	width: 607px;
}
#navigation ul {
	list-style: none;
	margin: 0;
	padding: 0px;
	height: 32px;
	overflow: hidden;
	border-bottom: 2px solid #CCCCCC;
}
#navigation li {
	float: left;
	width: 100px;
	margin: 0;
	padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#navigation a {
	display: block;
	width: 100%;
	padding: 6px 0 8px 0;
	color: #FFFFFF;
	background-image: url(images/list_bg4.gif); /* オフマウス時の背景画像を指定 */
	background-position: left top; /* オフマウス時の背景画像の開始位置を左上に指定 */
	text-decoration: none;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#navigation a:hover {
	background-position: right top; /* オンマウス時の背景画像の開始位置を右上に指定 */
	font-family: Georgia, "Times New Roman", Times, serif;
}

/* 2段組
---------------------------------------------*/
#content {
	position: relative;
	width: 800px;
	margin-top: 0px;
}
#primary {
	position: absolute;
	width: 606px;
	left: 192px;
	top: 0px;
	background-color: #FFFFFF;
}
#secondary {
	position: absolute;
	width: 140px;
	left: 50px;
	top: 0px;
	background: #FFFFFF;
	height: 550px;
}

/* 本文
---------------------------------------------*/
#primary .section {
	margin: 5px 5px 10px 20px;
}
#primary h1 {
	background: url(images/h2_bg_mono.gif) left top no-repeat;
	margin: 0;
	padding: 10px 0px 20px 20px;
	font-size: 130%;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#primary h2 {
	background: url(images/h2_bg_blue.gif) left top no-repeat;
	margin: 0;
	padding: 10px 0px 15px 25px;
	font-size: 120%;
}
#primary h3 {
	font-size: 110%;
	margin: 0;
	padding-bottom: 5px;
	border-bottom: 2px dotted #CCCCCC;
}
#primary h4 {
	font-size: 95%;
	margin: 0;
	padding-bottom: 3px;
	border-bottom: 1px dashed #CCCCCC;
}
#primary pre {
	margin: 20px;
	padding: 20px;
	padding-bottom: 0px;
	border-bottom: 3px solid #CCCCCC;
	text-align: center;
}
#primary p {
	margin: 5px 0;
}

/* 縦位置メニュー
---------------------------------------------*/
#secondary {
	font-size: 85%;
	letter-spacing: 1.2px;
	padding-left: 0.5px;
}
#secondary h3 {
	margin: 0;
	padding: 5px 5px;
	font-size: 100%;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	color: #FFFFFF;
	background: url(images/sidenav_bgh1.jpg);
	font-family: Georgia, "Times New Roman", Times, serif;
}
#secondary p {
	margin: 5px;
}

	/* リンク
	---------------------------------------------*/
	#secondary ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	#secondary li {
		margin: 0;
		border-bottom: 1px solid #666666;
		background: #666666;
		
	}
	#secondary li a {
	display: block;
	width: 130px;
	width /**/: 130px;
	padding: 5px 5px 5px 5px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #666666;
	text-decoration: none;
	background: #CCCCCC;
	}
	#secondary li a:hover {
	color: #FFFFFF;
	background-color: #666;
	}
	
