@charset "UTF-8";
html {margin:0; padding:0; background-color:#FFF;width:100%;background-image: url(../images/bg.gif);}
body {margin:0; padding:0;font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;}
img { border:none;}
/* 外枠 */
#layout {width:100%; text-align:center;}
#top { background:#C5C5C5;width:100%;text-align:center; height:3px;overflow:hidden;}
	#top span {display:block; margin:0 auto;  width:750px; height:3px; background-color:#FF9900;}
#layout-inner {width:750px;margin:0 auto; padding:0 10px; text-align:left; background-image: url(../images/layout-inner.gif);}

/* メインコンテンツをセンターよせ、横幅設定 */

/* 共通要素 */

#header {width:100%; background:#FFF; margin:0; padding:0; height:65px; overflow:hidden;}
	#header-logo { float:left; margin:0; padding:0; width:500px;}
	#header-top { float:right; margin:0; padding:0; width:180px;}
		#header-top a { display:block; width:180px; height:65px; background:url(../images/header-top2.gif) no-repeat top;}
			#header-top a img { filter: alpha(opacity=100); -moz-opacity:1.00; opacity:1.00;}
			#header-top a:hover img { filter: alpha(opacity=0); -moz-opacity:0.00; opacity:0.00;}
	#header-message {width:100%; background:#FFF; margin:0; padding:0; height:80px; overflow:hidden; clear:both;}
#menu { float:left; width:170px; padding:0 0 16px 0;}
	#menu ul { margin:0; padding:0; list-style:none;}
		#menu li { margin:0; padding:0; list-style:none; clear:both;}
			#menu li a img  {filter: alpha(opacity=100); -moz-opacity:1.00; opacity:1.00; float:left;}
			#menu li a:hover img  {filter: alpha(opacity=65); -moz-opacity:0.65; opacity:0.65;}
#footer { width:750px; background:url(../images/footer.jpg) no-repeat top; clear:both;}
	#footer-info { padding:4px 0 0 20px;}
			#access-map a { background:url(../images/map2.gif) no-repeat;}
	#footer-info { color:#333; padding:8px 28px; margin:0; text-align:left; font-size:12px; line-height:22px; white-space:nowrap;}
		#access-map a img { filter: alpha(opacity=100); -moz-opacity:1.00; opacity:1.00;}
			#access-map a:hover img { filter: alpha(opacity=0); -moz-opacity:0.00; opacity:0.00;}
	#copyright { width:750px; font-size:10px; text-align:center; line-height:14px; border-top:1px solid #CCC; border-bottom:1px solid #EEE; margin:0; padding:4px 0;}

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

.page-top { width:500px; text-align:center; padding:0 10px 24px 10px;}
	.page-top p { margin:0; padding:0;font-size:10px; line-height:14px;}

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

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