/* ========== 目次 ==========

最終更新日：2007/6/25
2007年3月4日以降かなり追加
2007/2/26　ナビゲーション関係等　フォントのサイズ単位をまとめて変更

1：各要素のリセット
2：基本レイアウト
2007/3/4　hr.hidden　を修正
3：リンク
4：ヘッダ
2006/11/3　#header　を追加
5：ナビゲーション
2006/8/31　.d-navi　を追加
2006/10/21　.d-navi　を修正
2007/2/15　.d-navi　を修正
6：メインコンテンツ
2006/8/15　ul.info　を修正
2006/10/20　ul.table　を追加
2006/10/21　.album　を追加
2006/11/3　ul.s-news　を追加
2007/3/4　.event-1box-c　を追加
2007/6/23　.event h5　を追加
2007/6/25　.subtitle　を修正
7：サイドバー
8：フッタ

============================== */

/* ==============================
■1：各要素のリセット
============================== */

body {
	margin: 0px;
	background: #EEFFDD url(../all_img/bg_01.gif) center top;
	text-align: center;
}

p {
	font-size: 80%;
	line-height: 1.5em;
	color: #333333;
	margin: 0px 0px 10px;
}

p.navi {
	text-align: center;
}

p.navi span {
	font-size: 120%;
	padding: 0px 5px;
}

h1 {
	margin: 0px;
	padding: 0px;
}

h1 img {
	vertical-align: bottom;
}

h2 {
	margin: 0px;
	padding: 0px;
}

h2 img {
	vertical-align: bottom;
}

h3 {
	margin: 37px 0px 10px;
	padding: 0px;
}

h3 img {
	vertical-align: bottom;
	margin: 0px;
	padding: 0px;
}

h3.area {
	margin: 30px 0px 0px;
	padding: 0px;
}

h3.table-g {
	margin: 30px 0px 15px 30px;
	padding: 5px 0px 3px;
	font-size: 0.9em;
	color: #333333;
	border-top: 5px double #00CC00;
	border-bottom: 5px double #00CC00;
	width: 620px;
	vertical-align: bottom;
}

h3.event-s {
	margin: 20px 0px 15px 30px;
	padding: 5px 0px;
	font-size: 1em;
	color: #333333;
	border-top: 2px dotted #CCCCCC;
	border-bottom: 5px double #6699FF;
	width: 620px;
	vertical-align: baseline;
}

/* -------------------------------------
floatをクリアする裏技（新しいブラウザ用）
--------------------------------------*/
h3.event-s:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


h3.event-s img {
	margin: 0px 5px 0px 0px;
	padding: 0px;
	float: left;
}

h3.event-s a {
	margin: 10px 0px 0px 10px;
	padding: 0px 0px 0px 15px;
	float: left;
	font-size: 0.8em;
	background: url(../all_img/dot_ya_r.gif) no-repeat left center;
}

h3.event-s span {
	margin: 0px;
	padding: 0px;
	float: left;
}

h4 {
	margin: 20px 0px 0px;
	padding: 0px;
	font-size: 0.8em;
}

h4 img {
	vertical-align: bottom;
	margin: 0px;
}

h5 {
	font-size: 0.8em;
	font-weight: bold;
	color: #333333;
	border-top: 4px double #FF9966;
	border-right: none #FF9966;
	border-bottom: 4px double #FF9966;
	border-left: none #FF9966;
	margin: 10px 0px;
	padding: 4px 0px 3px;
}

img {
	border: none;
}


/* ==============================
■2：基本レイアウト
============================== */


#wrapper {
	width: 760px;
	text-align: left;
	background: #FFFFFF url(../all_img/bg_side2.gif) repeat-y right;
	margin: 0px auto;
	padding: 0px;
}

#main {
	margin: 0px;
	float: left;
	width: 590px;
	padding: 0px;
}

/* -------------------------------------
floatをクリアする裏技（新しいブラウザ用）
--------------------------------------*/
#main:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* -------------------------------------
floatをクリアする裏技（IE用）
--------------------------------------*/
#main {
	display: inline-table;
}

/* Hides from IE-mac \*/
* html #main {
	height: 1%;
}
#main {
	display: block;
}
/* End hides from IE-mac */


.main2 {
	margin: 30px 0px 0px;
	float: right;
	width: 580px;
	padding: 0px;
}

/* -------------------------------------
floatをクリアする裏技（新しいブラウザ用）
--------------------------------------*/
.main2:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* -------------------------------------
floatをクリアする裏技（IE用）
--------------------------------------*/
.main2 {
	display: inline-table;
}

/* Hides from IE-mac \*/
* html.main2 {
	height: 1%;
}
.main2 {
	display: block;
}
/* End hides from IE-mac */


.m-left {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 265px;
}

.m-right {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 265px;
	text-align: right;
}

.section {
	padding: 0px;
	width: 530px;
	margin: 0px 0px 0px 30px;
}

/* -------------------------------------
floatをクリアする裏技（新しいブラウザ用）
--------------------------------------*/
.section:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* -------------------------------------
floatをクリアする裏技（IE用）
--------------------------------------*/
.section {
	display: inline-table;
}

/* Hides from IE-mac \*/
* html .section {
	height: 1%;
}
.section {
	display: block;
}
/* End hides from IE-mac */


.section2 {
	padding: 0px;
	width: 530px;
	margin: 20px 30px 0px 20px;
}

/* -------------------------------------
floatをクリアする裏技（新しいブラウザ用）
--------------------------------------*/
.section2:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* -------------------------------------
floatをクリアする裏技（IE用）
--------------------------------------*/
.section2 {
	display: inline-table;
}

/* Hides from IE-mac \*/
* html .section2 {
	height: 1%;
}
.section2 {
	display: block;
}
/* End hides from IE-mac */


/* IE6-winのためだけのクラス */
.last-section {
	padding: 0px;
	width: 590px;
	margin: 0px;
}

/* -------------------------------------
floatをクリアする裏技（IE用）
--------------------------------------*/
.last-section {
	display: inline-table;
}

/* Hides from IE-mac \*/
* html .last-section {
	height: 1%;
}
.last-section {
	display: block;
}
/* End hides from IE-mac */


.skip {
	margin: 0px;
	padding: 0px;
	height: 1px;
	width: 1px;
	float: left;
}

.r-float-box {
	margin: 0px 0px 10px 10px;
	padding: 0px;
	float: right;
}

.center-box480 {
	margin: 0px auto 10px;
	width: 480px;
}

.box600 {
	margin: 20px 0px 0px 40px;
	width: 600px;
}

.box600 h4 {
	margin: 0px 0px 10px;
	border-bottom: 2px dotted #00CC33;
	font-size: 0.9em;
	color: #333333;
	padding: 0px 0px 2px;
}

.box3 {
	padding: 0px 30px;
	width: 700px;
	margin: 0px;
}

.box3 h3 {
	padding: 0px;
	margin: 0px;
	vertical-align: bottom;
}

.box3-l {
	padding: 0px;
	width: 220px;
	margin: 30px 0px 10px 0px;
}

.box3-c {
	padding: 0px;
	width: 220px;
	margin: 30px 0px 10px 20px;
}

.box3-r {
	padding: 0px;
	width: 220px;
	margin: 30px 0px 10px 20px;
}

.box3-l,.box3-c,.box3-r {
	float: left;
}

.box3-end {
	width: 700px;　/*IE5.5-6対策*/
	clear: both;
	visibility: hidden;
}

.box3-l h4 {
	font-weight: normal;
	background: #66FF99;
	margin: 0px;
	padding: 3px 5px 2px;
}

.box3-c h4 {
	font-weight: normal;
	background: #CCDDFF;
	margin: 0px;
	padding: 3px 5px 2px;
}

.box3-r h4 {
	font-weight: normal;
	background: #FFEE99;
	margin: 0px;
	padding: 3px 5px 2px;
}

.box4 {
	padding: 0px 30px;
	width: 700px;
	margin: 0px;
}

.box4 h3 {
	padding: 0px;
	margin: 0px 0px 10px;
	vertical-align: bottom;
	text-align: center;
}

.box4 h4 {
	font-weight: normal;
	background: #66FF99;
	margin: 0px;
	padding: 3px 5px 2px;
}

.box4-1 {
	padding: 0px;
	width: 160px;
	margin: 30px 0px 10px 0px;
}

.box4-2 {
	padding: 0px;
	width: 160px;
	margin: 30px 0px 10px 20px;
}

.box4-3 {
	padding: 0px;
	width: 160px;
	margin: 30px 0px 10px 20px;
}

.box4-4 {
	padding: 0px;
	width: 160px;
	margin: 30px 0px 10px 20px;
}

.box4-1,.box4-2,.box4-3,.box4-4 {
	float: left;
}

.box4-end {
	width: 700px;　/*IE5.5-6対策*/
	clear: both;
	visibility: hidden;
}

/* 隠しhr */
hr.hidden {
	width: 100%;
	margin-top: 15px;
	visibility: hidden;
}

.space {
	margin-top: 10px;
}

.preload {
	display: none;
}

/* なるべく使用しないように */
.clear {
	clear: both;
}


/* ==============================
■3：リンク
============================== */

/* リンク画像 */
a img {
	margin: 0px;
	padding: 0px;
	border: none;
	text-decoration: none;
}


/* ==============================
■4：ヘッダ
============================== */

#header {
	background: url(../all_img/header.jpg) no-repeat 0px 0px;
	margin: 0px;
	padding: 0px;
	width: 760px;
}

/* -------------------------------------
floatをクリアする裏技（新しいブラウザ用）
--------------------------------------*/
#header:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* -------------------------------------
floatをクリアする裏技（IE用）
--------------------------------------*/
#header {
	display: inline-table;
}

/* Hides from IE-mac \*/
* html #header {
	height: 1%;
}
#header {
	display: block;
}
/* End hides from IE-mac */


#header h1 img {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 505px;
	height: 70px;
}

#header span {
	margin: 0px;
	padding: 8px 10px 0px;
	display: block;
	height: 62px;
	width: 235px;
	float: right;
}

#header span form {
	margin: 0px;
	padding: 0px;
	width: 235px;
	height: 62px;
}

.header-u {
	margin: 0px;
	width: 760px;
	background: #FFFFFF url(../all_img/dot_03.gif) no-repeat right top;
	padding: 5px 0px 0px;
}

.pan {
	font-size: 70%;
	color: #333333;
	margin-top: 0px;
	margin-left: 20px;
	margin-bottom: 0px;
	padding-bottom: 5px;
}

.pan img {
	margin-right: 7px;
	margin-left: 7px;
	vertical-align: middle;
}


/* ==============================
■5：ナビゲーション
============================== */

.g-navi {
	font-size: 80%;
	line-height: 180%;
	color: #333333;
	background: #FFFFFF url(../all_img/dot_01.gif) no-repeat right top;
	border: 5px solid #00FF99;
	margin: 0px 10px 3px 9px;
	padding: 5px 15px 3px 8px;
	width: 707px;
}

.g-navi a {
	color: #333333;
	text-decoration: none;
	background: url(../all_img/poch_01.gif) no-repeat 5px 0px;
	padding-left: 20px;
	padding-right: 12px;
	padding-top: 1px;
}

.g-navi a:hover {
	color: #0000ff;
	text-decoration: underline;
	background: url(../all_img/poch_01o.gif) no-repeat 5px 0px;
}

.d-navi {
	height: 39px;
	margin: 17px 30px 5px;
	background: url(../koen_main/navi_img/bg_d_navi.gif) no-repeat right top;
	width: 530px;
	padding: 0px;
}

.d-navi img {
	padding: 0px;
	margin: 0px;
}

.d-navi ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.d-navi ul li {
	float: left;
	margin: 0px;
	padding: 0px;
}


/* ==============================
■6：メインコンテンツ
============================== */

dl.attrac-g {
	font-size: 0.8em;
	color: #333333;
	margin: 0px 0px 10px;
	padding: 5px 0px 0px;
	line-height: 1.5em;
}

dl.attrac-g dt {
	float: left;
	display: block;
	width: 8em;
	margin-bottom: 10px;
	color: #009900;
	text-align: right;
	background: url(../all_img/maru_03.gif) no-repeat right center;
	padding-right: 15px;
}

dl.attrac-g dd {
	padding-left: 6.5em;
	margin-bottom: 10px;
}

dl.attrac-r {
	font-size: 0.8em;
	color: #333333;
	margin: 0px 0px 10px;
	padding: 5px 0px 0px;
	line-height: 1.5em;
}

dl.attrac-r dt {
	float: left;
	display: block;
	width: 11em;
	margin-bottom: 10px;
	color: #CC0000;
	text-align: right;
	background: url(../all_img/maru_01.gif) no-repeat right center;
	padding-right: 15px;
}

dl.attrac-r dd {
	padding-left: 9.5em;
	margin-bottom: 10px;
}

dl.attrac-b {
	font-size: 0.8em;
	color: #333333;
	margin: 0px 0px 10px;
	padding: 5px 0px 0px;
	line-height: 1.5em;
}

dl.attrac-b dt {
	float: left;
	display: block;
	width: 8em;
	margin-bottom: 10px;
	color: #666666;
	text-align: right;
	background: url(../all_img/maru_02.gif) no-repeat right center;
	padding-right: 15px;
}

dl.attrac-b dd {
	padding-left: 6.5em;
	margin-bottom: 10px;
}

.subtitle {
	margin: 0px;
	padding: 0px;
	float: right;
}

/* -------------------------------------
floatをクリアする裏技（新しいブラウザ用）
--------------------------------------*/
.subtitle:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* -------------------------------------
floatをクリアする裏技（IE用）
--------------------------------------*/
.subtitle {
	display: inline-table;
}

/* Hides from IE-mac \*/
* html .subtitle {
	height: 1%;
}
.subtitle {
	display: block;
}
/* End hides from IE-mac */


.subtitle-kh {
	margin: 0px;
	padding: 0px;
	float: right;
	height: 120px;
	width: 241px;
}

ul.s-news {
	font-size: 0.8em;
	line-height: 1.5em;
	color: #333333;
	margin: 0px 0px 10px 30px;
	padding: 0px;
	width: 500px;
}

ul.s-news li {
	background: url(../all_img/maru_01.gif) no-repeat 0px 7px;
	border-bottom: 2px dotted #00FF00;
	padding: 3px 0px 5px 16px;
	list-style: none outside;
	width: 484px;
}

ul.s-news li img {
	margin: 0px;
	vertical-align: top;
	float: right;
	padding-left: 10px;
}

ul.info {
	font-size: 0.75em;
	line-height: 1.5em;
	color: #333333;
	margin: 10px 0px 10px 30px;
	padding: 0px;
}

ul.info li {
	background: url(../all_img/maru_01.gif) no-repeat 0px 3px;
	padding: 0px 0px 7px 1.5em;
	list-style: none outside;
}

ul.table {
	font-size: 1em;
	line-height: 1.3em;
	color: #333333;
	margin: 0px;
	padding: 0px;
}

ul.table li {
	background: url(../all_img/maru_01.gif) no-repeat 0px 4px;
	padding: 0px 0px 5px 1.2em;
	list-style: none outside;
}

ul.link {
	font-size: 0.75em;
	line-height: 1.2em;
	margin: 10px 0px 10px 30px;
	list-style: none;
	padding: 0px;
}

ul.link li {
	background: url(../all_img/dot_ya_r.gif) no-repeat 3px 3px;
	padding: 0px 0px 7px 1.5em;
	list-style: none outside;
}

ul.link2 {
	font-size: 0.8em;
	line-height: 1.5em;
	color: #333333;
	margin: 0px 10px 10px 0px;
	padding: 0px;
	text-align: left;
}

ul.link2 li {
	background: url(../all_img/ya_maru.gif) no-repeat 0px 0px;
	padding: 0px 0px 7px 24px;
	list-style: none outside;
	margin: 0px;
}

ul.link3 {
	font-size: 0.8em;
	line-height: 1.5em;
	color: #333333;
	margin: 1px 0px 10px;
	padding: 5px 5px 0px;
	border: 1px solid #009933;
	background: #FFFFFF;
}

ul.link3 li {
	background: url(../all_img/ya_maru.gif) no-repeat 0px 0px;
	padding: 0px 0px 7px 24px;
	list-style: none outside;
	margin: 0px;
}

ul.link3 h5 {
	margin: 3px 0px 1px;
	padding: 1px 5px 0px;
	border: none;
	font-size: 1em;
	background: #CCFFCC;
	list-style: none inside;
	font-weight: normal;
}

ul.link3 h5 span {
	margin: 0px 3px 0px 0px;
	font-size: 80%;
	color: #33CC66;
}

ul.link4 {
	font-size: 1em;
	line-height: 1.5em;
	color: #333333;
	margin: 0px 10px 10px 0px;
	padding: 0px;
	text-align: left;
}

ul.link4 li {
	background: url(../all_img/ya_maru.gif) no-repeat 0px 0px;
	padding: 0px 0px 7px 24px;
	list-style: none outside;
	margin: 0px;
}

.small {
	font-size: 0.85em;
	line-height: 100%;

}

.large {
	font-size: 1.3em;
	line-height: 1.1em;
	vertical-align: baseline;
	font-weight: bold;
}

.red {
	color: #FF0000;
}

.green {
	color: #009900;
}

.caption {
	font-size: 0.7em;
	color: #666666;
	margin: 0px;
	padding: 5px 0px 0px;
}

.event {
	padding: 15px 20px 15px 40px;
	width: 466px;
	margin-bottom: 20px;
	border-top: 2px none #FF3366;
	border-right: 2px solid #FF3366;
	border-bottom: 2px solid #FF3366;
	border-left: 2px solid #FF3366;
	background:  url(../all_img/bg_event.gif) repeat-y 0px 0px;
}


/* -------------------------------------
floatをクリアする裏技（新しいブラウザ用）
--------------------------------------*/
.event:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* -------------------------------------
floatをクリアする裏技（IE用）
--------------------------------------*/
.event {
	display: inline-table;
}

/* Hides from IE-mac \*/
* html .event {
	height: 1%;
}
.event {
	display: block;
}
/* End hides from IE-mac */

.event-1box {
	padding: 0px;
	margin: 0px 0px 0px 50px;
}

.event-1box-c {
	padding: 0px;
	margin: 0px 0px 0px 50px;
	background: url(../koen_main/img_kenmin/t-m03.gif) no-repeat left bottom;
}

.event-1box h5 img {
	padding: 0px;
	margin: 0px;
}

.event-l-box {
	width: 233px;
	padding: 0px 20px 0px 0px;
	margin: 0px;
	float: left;
}


/* -------------------------------------
floatをクリアする裏技（新しいブラウザ用）
--------------------------------------*/
.event-l-box:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* -------------------------------------
floatをクリアする裏技（IE用）
--------------------------------------*/
.event-l-box {
	display: inline-table;
}

/* Hides from IE-mac \*/
* html .event-l-box {
	height: 1%;
}
.event-l-box {
	display: block;
}
/* End hides from IE-mac */


.event-l-box h5 img {
	padding: 0px;
	margin: 0px;
	vertical-align: bottom;
}

.event-l-box-txt {
	width: 173px;
	padding: 0px 20px 0px 60px;
	margin: 0px;
	float: left;
}

/* IE6-win のために widthに-3 */
.event-r-box {
	width: 210px;
	padding: 0px;
	margin: 0px 0px 0px 253px;
}

/* -------------------------------------
floatをクリアする裏技（新しいブラウザ用）
--------------------------------------*/
.event-r-box:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


.event-r-box h5 img {
	padding: 0px;
	margin: 0px;
}

.event h5 {
	border: none;
	font-size: 80%;
	color: #000000;
	background: url(../all_img/maru_01.gif) no-repeat 0px 3px;
	margin: 0px;
	padding: 0px 0px 0px 15px;
	line-height: 120%;

}

.center-txt {
	text-align: center;
}

.album {
	padding: 0px 0px 10px 12px;
	width: 240px;
	text-align: left;
	font-size: 70%;
	line-height: 140%;
	color: #666666;
}

.album h6 {
	color: #FFDD66;
	background: url(../all_img/leaf_mini.gif) no-repeat center center;
	padding-top: 12px;
	padding-bottom: 12px;
	margin: 10px 0px 5px;
	border-bottom: 2px dotted #99FFCC;
	text-align: center;
	font-size: 110%;
}

.album img {
	margin-top: 5px;
}


/* ==============================
■7：サイドバー
============================== */

#side-bar {
	margin: 0px;
	padding: 0px;
	width: 170px;
	float: right;
}

#side-bar img {
	margin: 0px auto;
	padding: 0px;
	vertical-align: bottom;
}

.side-bar2 {
	margin: 0px;
	padding: 0px;
	width: 180px;
	float: left;
	text-align: right;
}

.skip-top {
	margin: 0px;
	padding: 0px;
	height: 30px;
	width: 170px;
	background: #FFFFFF;
}

#s-navi {
	font-size: 70%;
	color: #999999;
	margin: 0px;
	padding: 0px;
	width: 170px;
}

#s-navi ul {
	margin: 0px;
	padding: 0px;
}

#s-navi ul li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	background:  url(../koen_main/navi_img/bg_p_navi_b.gif) no-repeat right top;
}

#s-navi ul li span {
	display: block;
	padding-top: 5px;
	padding-left: 5px;
}

#s-navi ul li a {
	font-size: 120%;
	color: #333333;
	text-decoration: none;
	background:  url(../koen_main/navi_img/bg_p-navi.gif) no-repeat right top;
	margin: 0px;
	width: 150px;
	padding: 6px 15px 4px 5px;
	display: block;
}

#s-navi ul li a:hover {
	color: #0000FF;
	text-decoration: underline;
	background:  url(../koen_main/navi_img/bg_p-navi_o.gif) no-repeat right top;
}

.info {
	font-size: 80%;
	line-height: 110%;
	padding: 0px;
	margin: 7px 12px 5px 0px;
}

.info a {
	background: url(../all_img/poch_01.gif) no-repeat 0px 0px;
	padding-left: 15px;
	display: block;
	padding-bottom: 7px;
	color: #333333;
	text-decoration: none;
}

.info a:hover {
	color: #0000ff;
	text-decoration: underline;
	background: url(../all_img/poch_01o.gif) no-repeat 0px 0px;
}


/* ==============================
■8：フッター
============================== */

.line-1st {
	font-size: 70%;
	background: url(../all_img/dot_ya_t.gif) no-repeat left center;
	float: right;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-top: 0px;
	padding-left: 15px;
	padding-right: 0px;
}

/* -------------------------------------
floatをクリアする裏技（新しいブラウザ用）
--------------------------------------*/
.line-1st:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* -------------------------------------
floatをクリアする裏技（IE用）
--------------------------------------*/
.line-1st {
	display: inline-table;
}

/* Hides from IE-mac \*/
* html .line-1st {
	height: 1%;
}
.line-1st {
	display: block;
}
/* End hides from IE-mac */


.line-1st2 {
	font-size: 70%;
	background: url(../all_img/dot_ya_t.gif) no-repeat left center;
	float: right;
	margin: 0px 0px 5px;
	padding: 5px 120px 5px 15px;
}

/* -------------------------------------
floatをクリアする裏技（新しいブラウザ用）
--------------------------------------*/
.line-1st2:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* -------------------------------------
floatをクリアする裏技（IE用）
--------------------------------------*/
.line-1st2 {
	display: inline-table;
}

/* Hides from IE-mac \*/
* html.line-1st2 {
	height: 1%;
}
.line-1st2 {
	display: block;
}
/* End hides from IE-mac */


.f-navi {
	font-size: 80%;
	line-height: 180%;
	color: #333333;
	border: 5px solid #DDDDDD;
	margin: 0px auto 10px;
	padding: 3px 15px 2px 8px;
	width: 707px;
}

.f-navi a {
	color: #333333;
	text-decoration: none;
	padding-left: 12px;
	padding-right: 7px;
}

.f-navi a:hover {
	color: #0000ff;
	text-decoration: underline;
}

#copyright {
	font-size: 70%;
	color: #FFFFFF;
	margin: 0px auto;
	width: 760px;
	padding-top: 5px;
	padding-bottom: 3px;
	background: url(../all_img/bg_copy_r.gif) repeat-y;
	text-align: center;
}