@charset "Shift_JIS";
/*
===============================================
www.syokubutsuen-kyokai.jp
Version:  2008.SEP
===============================================
*/

body {
	background: 		url(../img/bg_body.gif) repeat-x;
}

div#container {
	width: 780px;
	margin: 0 auto;
	text-align: left;
	}

.section {
	margin-bottom: 20px;
}

/* ======  ▼ポップアップ用▼  ====== */
body#popupPage {
	background: none;
	margin: 20px 10px 0 10px;
	}
body#popupPage div#popContainer {
	width: 580px;
	margin: 0 auto;
	text-align: left;
	}
body#popupPage div#pageClose {
	margin-top: 40px;
	padding-bottom: 20px;
	text-align: center;
	}
/* ======  △ポップアップ用△  ====== */


/* ======  ヘッダー  ====== */

div#header {
	width: 100%;
	position: relative;
	height: 66px;
	background: url(../img/bg_header.gif) no-repeat;
	font-size: 8px;
	line-height: 1;
	}

div#header h1, div#header h2 {
	width:192px;
	position:absolute;
	top: 7px;
	left: 19px;
	display:block;
	}
	

/* -- 文字サイズ -- */
div#id {
	width:122px;
	position:absolute;
	top: 10px;
	left: 658px;
	}

/* -- ガイドナビ -- */
ul#guideNavi {
	width: 316px;
	position:absolute;
	top: 37px;
	left: 464px;
	font-size: 10%;
	}
ul#guideNavi li {
	display:inline;
	}
ul#guideNavi li.privacy {
	width: 130px;
	margin-right: 5px;
	}
ul#guideNavi li.sitemap {
	width: 85px;
	margin-right: 5px;
	}
ul#guideNavi li.otoiawase {
	width: 85px;
	}
ul#guideNavi li a:hover {
	background: none;
	}


/* ======  グローバルナビ  ====== */
div#gNavi {
	width: 100%;
	position: relative;
	background: url(../img/bg_gnav.gif) no-repeat left bottom;
	padding-bottom: 10px;
	font-size: 10%;
	}
div#gNavi ul li {
	margin-right:1px;
	display: inline;
	}

/* ======  パンくず  ====== */
dl#pankuzu {
	width: 100%;
	padding: 15px 0;
	font-size: 84%;
	}

/* ======  フッター  ====== */

div#footer {
	width: 100%;
	background: url(../img/bg_footer.gif) 0 0 repeat-x;
	margin-top: 20px;
	padding: 7px 0 20px 0;
	}
	
div#footerInner {
	width: 780px;
	margin: 0 auto;
	}

div#footerInner ul {
	float: left;
	}
div#footerInner ul li {
	display: inline;
	}

div#footerInner address {
	float: right;
	}

/* ======  汎用  ====== */
p.ttl_03 {
	margin:					10px 0px 0px 0px;
	padding:				2px 5px;
	border-left:			4px solid #6b8e23;
	font:					bold 14px meiryo,Verdana,sans-serif;
	text-decoration:		none;
}

div.ClearFloat {
	clear:					both;
}

/* ======  汎用ボタンの共通  ====== */
.CmnBtnArea {
}

.CmnBtn {
	margin:					0px 10px 4px 0px;
	font:					14px meiryo,Verdana,sans-serif;
	float:					left;
}

.CmnBtn a {
	text-decoration:		none;
	display:				inline-block;
	cursor:					pointer;
	color:					#333333;
}

.CmnBtn a:hover {
	background-color:		#ffffff;
}

/* ======  汎用ボタン1設定  ====== */
.CmnBtn1 {
	width:					238px;
	padding:				12px 5px 12px 12px;
	background-image:		url('../../img/cmn/btn_01_252_off.gif');
	background-repeat:		no-repeat;
}
.CmnBtn1:hover {
	background-image:		url('../../img/cmn/btn_01_252_on.gif');
}

/* ======  汎用ボタン2設定  ====== */
.CmnBtn2 {
	width:					238px;
	padding:				6px 5px 12px 12px;
	background-image:		url('../../img/cmn/btn_01_252_fat_off.gif');
	background-repeat:		no-repeat;
	font-size:				14px;
}
.CmnBtn2:hover {
	background-image:		url('../../img/cmn/btn_01_252_fat_on.gif');
}
.CmnBtn2 div{
	font-size:				12px;
}
.CmnBtn2 div.Enji{
	font-size:				11px;
	color:					#990000;
}




/* ======  下層ページのメインコンテンツエリア  ====== */

/* --  サブナビ左(新)  -- */
div#SubNavi {
	margin:					10px 10px 15px 10px;
	padding-top:			10px;
	font-family:			meiryo, 'メイリオ', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN';
}
div#SubNavi li div {
	padding:				5px 0px 5px 5px;
	border-bottom:			2px dotted #a9a9a9;
	background-image:		url('../../img/cmn/allow.png');
	background-repeat:		no-repeat;
	background-position:	140px;
	cursor:					pointer;
}
div#SubNavi li div:hover {
	background-image:		url('../../img/cmn/allow.png'), url('../../img/cmn/snavi_active_bg.gif');
	background-repeat:		no-repeat, repeat;
	background-position:	140px, 0px;
}
div#SubNavi li div.Active {
	background-image:		url('../../img/cmn/allow.png'), url('../../img/cmn/snavi_active_bg.gif');
	background-repeat:		no-repeat, repeat;
	background-position:	140px, 0px;
}
div#SubNavi li div div{
	width:					130px;
	border:					none;
	padding:				0px;
}


/* 右カラム(新) */
div#c_columnL {
	width: 180px;
	border:					1px solid #dcdcdc;
	border-radius:			10px;
	margin-right: 15px;
	float: left;
	font-size: 84%;
}

/* 右カラム(新) */
div#c_columnR {
	width: 580px;
	background: url(../img/bg_c_left_top.gif) no-repeat;
	padding-top: 16px;
	float: left;
}
div#c_columnR div#c_columnRInner {
	padding: 0 15px 15px 15px;
	background: url(../img/bg_c_left_main.gif) repeat-y;
}

/* コンテンツ下 */
div#ContentsBottom {
	background: url(../img/bg_c_left_bottom.gif) no-repeat;
	padding:				30px 0px 15px;
	text-align:				center;
}
/* サブナビ下 */
div#ContentsBottom span.SubNaviBottom{
	font-size:				13px;
	font-family:			meiryo, 'メイリオ', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN';
	width:					15px;
	height:					15px;
	border:					1px solid #a9a9a9;
	text-align:				center;
	padding:				1px 7px;
	margin:					2px;
	cursor:					pointer;
}
div#ContentsBottom span.SubNaviBottom:hover{
	background-color:		#f5deb3;
}
div#ContentsBottom span.SubNaviBottomActive{
	background-color:		#f5deb3;
}

/* ページトップへボタン(新) */
div#PageTop{
	text-align: right;
}

/* ページトップへボタン小 */
p.btnPageTopSmall {
	width: 100%;
	text-align: right;
	font-size: 0px;
	}


/* ★以下今後未使用に★ */

/* --  右カラム(★旧★)  -- */
div#c_columnLeft {
	width: 580px;
	background: url(../img/bg_c_left_top.gif) no-repeat;
	margin-right: 20px;
	padding-top: 16px;
	float: left;
	}
div#c_columnLeft div#c_columnLeftInner {
	padding: 0 15px 15px 15px;
	background: url(../img/bg_c_left_main.gif) repeat-y;
	}

/* --  右カラム(★旧★)  -- */
div#c_columnRight {
	width: 180px;
	background: url(../img/bg_c_right.gif) no-repeat;
	float: left;
	font-size: 84%;
	}

/* ページトップへボタン(旧) */
p#btnPageTop {
	background: url(../img/bg_c_left_bottom.gif) no-repeat;
	padding-top: 34px;
	text-align: right;
	}

/* --  サブナビ右(★旧★)  -- */
div#c_subNavi {
	margin: 10px 10px 15px 10px;
}
/* ★以上今後未使用に★ */