@charset "UTF-8";
html {margin:0; padding:0; background-color:#FFF;width:100%; text-align:center;}
body {margin:0; padding:0;font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic", sans-serif; }

/* 外枠 */
#layout {width:100%; }
/* メインコンテンツをセンターよせ、横幅設定 */

/* 共通要素 */
#header {width:100%; background:url(../images/header-bg.jpg) repeat-x bottom;}
	#header-inner {width:800px; margin:0 auto;}
	#header-catch { width:800px; margin:0; padding:0; width:800px; font-size:10px; line-height:18px; height:18px; overflow:hidden; text-align:left; font-weight:normal; color:#999; }
	#header-submenu {width:800px; padding:5px 0 0 0; background:url(../images/header-submenu.jpg) no-repeat; background-position:right bottom; overflow:hidden;}
		#header-submenu th {width:320px;}
			#header-submenu th img { border:none; text-align:left;}
		#header-submenu td { width:440px; padding:46px 0 6px 0; font-size:12px; line-height:16px; text-align:right;}
			#header-submenu td a { padding:0 6px 0 14px; background-image:url(../images/header-pt1.gif); background-position:left; background-repeat:no-repeat; color:#333; text-decoration:none; }
			#header-submenu td a:hover { background-image:url(../images/header-pt2.gif); color:#006200;}
	#header-menu { width:800px; padding:0; margin:0; border:none; height:40px; background:url(../images/header-menu.jpg) no-repeat;}
		#header-menu img {border:none;}
			#header-menu a { display:block; height:40px; filter: alpha(opacity=100); -moz-opacity:1.00; opacity:1.00;}
				#header-menu a:hover { display:block; height:40px; filter: alpha(opacity=0); -moz-opacity:0; opacity:0;}
				#header-menu td strong {display:block; height:40px; filter: alpha(opacity=0); -moz-opacity:0; opacity:0;}

#footer {width:100%; text-align:center; background-image:url(../images/foooter-bg.gif); background-repeat:repeat-x; background-position:0 18px ;}
	#footer-catch { margin:0; padding:0; width:100%; line-height:20px; height:18px; overflow:hidden; text-align:center; font-size:12px; color:#DDD; background-color:#311200;}
		#footer-catch span { font-weight:bold; color:#00DDDD;}
	#footer-inner { text-align:left; width:800px; padding:0; margin:0 auto;}
		#footer-menu { width:584px; float:right; margin:0; padding:4px 0; font-size:10px; line-height:24px; text-align:center; background: url(../images/footer-menu.gif) no-repeat center;}
			#footer-menu a {color:#311200; text-decoration:none; padding:0 4px;}
			#footer-menu a:hover {color: #FF0000; text-decoration: underline;}
		#footer-info { width:215px; float:left; margin:0; padding:4px 0; font-size:10px; line-height:14px;text-align:left;color:#311200;}
	#footer-end { width:100%; border-top: 1px solid #EEE; padding:4px  0;}
		#footer-copyright { width:800px; margin:0 auto; padding:0; line-height:22px; text-align:right; clear:both;}

#layout-inner {width:800px;margin:0 auto; text-align:left;}

#tree-navi { width:780px; margin:0; padding:4px 10px;}
	#tree-navi p { margin:0; padding:0; text-align:right; font-size:10px; line-height:14px;}
		#tree-navi p a { padding:0 4px; color:#999; text-decoration:none;}
			#tree-navi p a:hover { color:#FF9900; text-decoration: underline;}
		#tree-navi p strong { padding:0 4px; color:#666; text-decoration:none;}

.pagetop { text-align:right; font-size:10px; line-height:18px;clear:both; padding:8px 0 16px 0 ;}
	.pagetop a { color:#999; text-decoration:none;}
	.pagetop a:hover { color:#C70102; text-decoration:underline;}

/* 共通 */
.f10 { font-size:10px;}
.f12 { font-size:12px;}
.f14 { font-size:14px;}
.f16 { font-size:16px;}
.f18 { font-size:18px;}
.red { color:#C80000;}
.fb { font-weight:bold;}
.fr { float:right;}
.fl { float:left;}

.cb { height:1px; display:block; clear:both; font-size:1px; line-height:1px; overflow:hidden;}