@charset "Shift_JIS";

/* --- 全体の背景・テキスト --- */
body {
margin: 0;
padding: 0;
background-color: #ffffff; /* ページの背景色 */
color: #000000; /* 全体の文字色 */
font-size: 100%; /* 全体の文字サイズ */
}

/* --- 全体のリンクテキスト --- */
a:link { color: #0000ff; }
a:visited { color: #800080; }
a:hover { color: #ff0000; }
a:active { color: #ff0000; }

/* --- コンテナ --- */
#container {
width: 800px; /* ページの幅 */
margin: 0 auto; /* センタリング */
background-color: #ffffff; /* メインカラムの背景色 */
border-left: 0px #c0c0c0 solid; /* 左の境界線 */
border-right: 0px #c0c0c0 solid; /* 右の境界線 */
}

/* --- ヘッダ --- */
#header {
font-size: 0.7em;
color: #7f7f7f;
background-color: #ffffff;
margin-top: 0px;
padding: 5px 5px;
text-align: right;
}

/* --- 左 --- */
#nav {
float: left;
width: 200px; /* サイドバーの幅 */
margin-bottom: 30px;
margin-top: 10px;
}

#nav img{
margin: 3px 0px;}

/* --- メインカラム --- */
#content {
float: left;
width: 600px; /* メインカラムの幅 */
}

#contentin {
width: 580px;
margin: 10px 0px 0px 20px;
font-size: 1em;
padding-bottom: 10px;
}

#contentin p{
font-size: 0.9em;
line-height: 1.5em;
padding: 5px;
letter-spacing: 0.04em;
}

.back{
width: 570px;
background-image: url(img/bg.gif);
background-repeat: repeat;
padding: 5px;
margin: 5px 0px;
}

.back table{
text-align: right;
margin: 0px;
padding: 0;
font-size: 0.8em;
}

.back h2{
font-size: 1em;
margin: 0px 0px 5px 0px;
color: #000000;
}


.back2{
width: 190px;
background-color: #e9e9e9;
background-image: url(img/bg.gif);
background-repeat: repeat;
padding: 5px;
font-size: 0.75em;
line-height: 1.2em;
}

.address
{
margin: 10px 0px;
background-image: url(img/address.gif);
background-repeat: no-repeat;
height: 175px;
text-align: right;
padding-top: 120px;
padding-right: 5px;
}


/* --- フッタ --- */
#footer {
clear: left; /* フロートのクリア */
width: 100%;
font-size: 0.7em;
color: #ffffff;
background-color: #004a95;
padding: 3px 0px;
text-align: right;
}

/* --- フッタ --- */
#footer2 {
clear: left; /* フロートのクリア */
width: 100%;
background-image: url(img/bg.gif);
background-repeat: repeat;
font-size: 0.8em;
color: #000000;
padding: 10px 0px;
text-align: center;
}

/* --- リンクマップ --- */
#map {
clear: left; /* フロートのクリア */
width: 100%;
font-size: 0.8em;
color: #000000;
padding: 15px 0px;
text-align: center;
background-image: url(img/bg.gif);
background-repeat: repeat;
}

/* --- ナビゲーションバー --- */
.nav {
width: 100%; /* ナビゲーションの幅 */
background: #000000 url(img/hor_menu4_back1.gif) repeat-x top; /* ナビゲーションの背景 */
border-top: 1px #ffffff solid; /* 上枠線 */
border-bottom: 1px #7f7f7f solid; /* 下枠線 */
font-size: 100%;
}

/* --- メニューエリア --- */
.nav .nl {
width: 100%; /* メニューの幅 */
margin: 0 auto; /* センターに配置 */
padding: 0;
background: #000000 url(img/hor_menu4_back1.gif) repeat-x top; /* メニューの背景 */
border-left: 1px #bfbfbf solid; /* メニューの左枠線 */
border-right: 1px #ffffff solid; /* メニューの右枠線 */
list-style-type: none;
text-align: center;
}

/* --- メニュー項目 --- */
.nav .nl li {
width: 16.66%; /* 項目の幅 */
float: left;
}

/* --- リンク --- */
.nav .nl li a {
display: block;
position: relative; /* IE6用 */
padding: 13px 1px; /* リンクエリアのパディング（上下、左右） */
border-left: 1px #ffffff solid; /* リンクエリアの左枠線 */
border-right: 1px #bfbfbf solid; /* リンクエリアの右枠線 */
border-top: 1px #bfbfbf solid;;
text-decoration: none; /* テキストの下線（なし） */
font-weight: bold; /* 太字 */
}
/* --- リンクテキストの色 --- */
.nav .nl li a:link {
	color: #004a95;
	font-size: 1em;
}
.nav .nl li a:visited {
color: 	#00356a	;
}
.nav .nl li a:hover {
color: 	#336699;
}
.nav .nl li a:active {
color: 	#00356a;
}

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: left;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}

/* --- サイドナビ --- */
.sidenav
{
margin-bottom: 5px;
font-size: 0.9em;
border-left: 1px #bfbfbf solid; /* リンクエリアの左枠線 */
border-right: 1px #bfbfbf solid; /* リンクエリアの右枠線 */
border-top: 1px solid #ffffff;
border-bottom: 1px solid #bfbfbf;
}
.sidenav ul {
	margin: 0;
	padding: 0;
	font-size: 95%;
	
}
.sidenav li {

	list-style: none;
}
.sidenav li a {
	color: #000033;
	display: block;
	padding: 5px 5px 5px 5px;
	text-decoration: none;
	background-image: url(img/b.gif);
	background-repeat: repeat-x;
	border-bottom: 1px solid #ffffff;
	border-top: 1px solid #bfbfbf;
}

.sidenav li a:hover {
	color: #336699;
}





h2{
padding: 5px;
border-color:#336699;
border-width:0px 0px 0px 7px;
border-style:solid;
background:#336699;
color: #ffffff;
font-size: 0.9em;
}

h3{
padding:2px 5px;
border-color:#336699;
border-width:0 0 1px 0;
border-style:dotted;
font-size: 0.9em;
margin: 10px;
margin-top: 15px;
color: #336699;
}

.rireki
{
background-color: #e9e9e9;
padding: 5px;
margin: 10px;
}

.rireki b{
color: #ffffff;
background-color: #99CCFF;
padding:1px;
margin-right: 10px;
}

.rireki h3{
padding:2px 5px;
border-color:#336699;
border-width:0 0 1px 0;
border-style:dotted;
font-size: 0.9em;
margin: 5px;
color: #336699;
}

#log
{
text-align: right;
font-size: 0.7em;
padding-right: 15px;
}

.rireki p
{
font-size: 0.8em;
line-height: 1.5em;
padding-left: 5px;
}

.pan{
font-size: 0.7em;
padding-left: 10px;
padding-top: 10px;
letter-spacing: 1px;
}

ul{
font-size: 0.8em;
margin-top: 0px;
margin-right: 15px;
}