@charset "UTF-8";
html {margin:0; padding:0; width:100%;}
body {margin:0; padding:0; color:#333; font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic", sans-serif; background:#FFF;}
img { border:none;}

/* 外枠 */
#layout {width:100%; text-align:center;}
#layout-inner { width:850px; margin:0 auto;}

/* ヘッダー・メニュー・フッター・パンくず */
#header { width:850px; text-align:center; }
	#header h1 { width:830px; padding:4px 10px; margin:0; font-size:10px; line-height:1em; text-align:left; color:#999; background:#FFF730; font-weight:normal;}
	#header-logo { display:block; float:left; width:250px; height:46px; padding:10px; margin:0;}
	#header-tel {display:block; float:right; width:185px; height:46px; padding:10px; margin:0; text-align:left; font-size:12px; line-height:20px; color:#478135;}
	#header-menu { width:842px; clear:both; margin:0 auto;}
		#header-menu td { background-repeat:no-repeat; background-position:center;}
		#header-menu1 { background-image:url(../images/header-menu1-bg.jpg);}
		#header-menu2 { background-image:url(../images/header-menu2-bg.jpg);}
		#header-menu3 { background-image:url(../images/header-menu3-bg.jpg);}
		#header-menu4 { background-image:url(../images/header-menu4-bg.jpg);}
		#header-menu5 { background-image:url(../images/header-menu5-bg.jpg);}

#contents { width:830px; padding:10px; text-align:left;}

#common { float:left; width:540px;}
	#common-title { padding:0 0 10px 0;}
	#common-title p { margin:0; padding:0;}

#menu { float:right; width:250px;}
	#menu-list {}
		#menu-list p { width:250px; background-repeat:no-repeat; background-position:center; padding:0; margin:0;}
			#menu1 { background-image:url(../images/menu1-bg.jpg);}
			#menu2 { background-image:url(../images/menu2-bg.jpg);}
			#menu3 { background-image:url(../images/menu3-bg.jpg);}
			#menu4 { background-image:url(../images/menu4-bg.jpg);}
	#menu-info { padding:10px;}
		#menu-info p { padding:0 6px; margin:0 0 4px 0; line-height:1.5em;}
		#menu-info .f14 { display:block; border-bottom:1px solid #333;}
	#menu-result { padding:10px 0;}
		#menu-result p { width:250px; display:block; margin:0; padding:8px 0; background:url(../images/menu-result-bg.jpg) no-repeat center; text-align:center;}
		#menu-result ul { margin:0 0 0 1em; padding:4px 0 4px 1em;}
			#menu-result li { margin:0; padding:4px 0; font-size:10px; line-height:1.2em;color:#666;}
				#menu-result li a { color:#666; text-decoration:none;}
				#menu-result li a:hover { color:#F60;}

#footer {width:850px; padding:10px 0 0 0; clear:both; }
	#footer table { width:850px; border-top:2px solid #FFF730;}
	#footer table th { text-align:left; padding:10px;}
	#footer table td { text-align:right; padding:10px; font-size:10px; line-height:1em; color:#999999;}
	#footer table td span { padding:0 16px;}
	#footer table td a { padding:0 16px; color:#999999; text-decoration:none; background: url(../images/arrow1-1.gif) no-repeat left;}
	#footer table td a:hover { color:#F60; background: url(../images/arrow1-2.gif) no-repeat left;}

#tree-navi { width:830px; padding:10px 10px 0 10px;}
	#tree-navi p { margin:0; padding:0; font-size:10px; line-height:1em;text-align:left; color:#999;}
	#tree-navi a { padding:0 4px; text-decoration:none; color:#999; text-decoration:none;}
		#tree-navi a:hover { color: #F90;}
	#tree-navi strong { padding:0 4px; color:#489A46; font-weight:normal;}

.pagetop { text-align:right; padding:0 10px;}
	.pagetop p { text-align:right; font-size:12px; margin:0; padding:2px 8px; line-height:1.5em;}
	.pagetop a { display:block; width:7em; margin:4px 0 0 auto; padding:2px 8px 2px 20px; color:#D5AF4C; text-decoration:none; text-align:left; background-color: #F7F2DF; background-image:url(../images/arrow2-1.gif); background-repeat:no-repeat; background-position:2px; font-weight:bold;}
		.pagetop a:hover {color:#489A46; background-color: #DFEDDE; background-image:url(../images/arrow2-2.gif);}


/* 共通要素 */
.cb { height:1px; display:block; clear:both; font-size:1px; line-height:1px; overflow:hidden; width:100%;}
.f10 { font-size:10px;}
.f12 { font-size:12px;}
.f14 { font-size:14px;}
.f16 { font-size:16px;}
.f18 { font-size:18px;}
.f20 { font-size:20px;}
.f22 { font-size:22px;}
.f24 { font-size:24px;}
.f28 { font-size:28px;}
.blue { color:#00B8FF;}
.red { color:#B80000;}
.orange { color:#FF9900;}
.purple { color:#6812CD;}
.green { color:#0AB600;}
.tac { text-align:center;}
.tar { text-align:right;}
.tal { text-align:left;}
.fb { font-weight:bold;}
.fr { float:right;}
.fl { float:left;}
.fg { font-family:Arial, Helvetica, sans-serif;}
