@charset "UTF-8";
* html .iepngfix { behavior: expression(IEPNGFIX.fix(this));} 
html {margin:0; padding:0; width:100%;background-color:#FFF;  }
body {margin:0; padding:0;font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic", sans-serif; }

#layout { text-align:center; width:100%;}
#layout-inner { text-align:left; width:860px; padding:0 20px; margin:0 auto; background:url(../images/bg.gif) repeat-y;}

#footer { width:860px; clear:both; padding:20px 0 0 0;}
	#footer-list { width:750px; padding:20px 55px; clear:both; background:url(../images/footer-bg.jpg) repeat-x bottom;background-color:#000033; }
	.footer-list { float:left; width:235px; padding:0 15px 0 0;}
		.footer-list p { margin:0; padding:0; font-size:12px;}
		.footer-list a { color:#848A9F; display:block; width:215px; padding:0 0 0 20px; background: url(../images/footer-list1.gif) no-repeat left; text-decoration:none;}
		.footer-list a:hover { color:#FFF; background-image:url(../images/footer-list2.gif);}
			.footer-list2 a { background:none;}
			.footer-list2 a:hover { background:none;}

#menu { float:right; width:270px;}
	#menu-list {}
	#menu-ranking {width:258px; border:1px solid #CCC; border-top:none; background:#FFF; margin:0 0 14px 0;}	
		#menu-ranking h2 { margin:0; padding:0; width:258px; font-size:14px; text-align:center; line-height:24px; color:#FFF; background-color:#F70045; background:url(../images/menu-ranking.jpg) no-repeat bottom;}
		#menu-ranking th { padding:5px 5px 5px 10px; font-size:12px; line-height:16px;}
			#menu-ranking th a { display:block; padding:1px; border:1px solid #CCC; text-align:center;}
			#menu-ranking th a:hover {border:1px solid #F00;}
		#menu-ranking td { padding:5px 10px 5px 5px; font-size:12px; line-height:16px;}
		#menu-page {width:260px; margin:0 0 14px 0;}
			#menu-page table { width:258px; border-collapse:collapse;}
			#menu-page td { border:1px solid #CCC; font-size:14px; line-height:34px; text-align:left;}
				#menu-page td a {  display:block; width:225px; padding-left:33px; background:no-repeat url(../images/menu-page1.jpg); background-position:left; color:#666; text-decoration:none;}
				#menu-page td a:hover { background-image:url(../images/menu-page2.jpg); color:#27238C;}
				#menu-page strong a { background-image:url(../images/menu-page2.jpg); color:#27238C;}
		.menu-ranking-no { display:block; color:#F00; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px; background:url(../images/menu-ranking-no.gif) no-repeat right;}
	.menu-top { background:url(../images/menu-top2.gif) center no-repeat; padding:0; margin:14px 0 0 0 ; font-size:12px; line-height:26px; text-align:center; width:260px;}
		.menu-top a { color:#999; text-decoration:none; display:block;background:url(../images/menu-top1.gif) center no-repeat; width:260px;}
		.menu-top a:hover { color:#F00; background:none;}

	#footer-copyright { clear:both;}
		#footer-copyright p {width:860px; font-size:10px; line-height:16px; margin:0; padding:0; color:#333; text-align:center; font-family:Arial, Helvetica, sans-serif;}
		#footer-copyright a {color:#333; text-decoration:none;}
		#footer-copyright a:hover {color:#27238C; }

#tree-navi { width:820px; margin:0; padding:4px 20px;}
	#tree-navi p { margin:0; padding:0; text-align:right; font-size:10px; line-height:24px; color:#666;}
		#tree-navi p a { padding:0 4px; color:#666; text-decoration:none;}
			#tree-navi p a:hover { color:#27238C; text-decoration: underline;}
		#tree-navi p strong { padding:0 4px; color:#27238C; text-decoration:none; font-weight:normal;}

.page-navi { text-align:center; padding:10px 0; clear:both; width:500px;}
	.page-navi p { width:480px; text-align:center; margin:0; padding:10px; text-align:center; font-size:12px; line-height:24px;border-top:1px dashed #27238C;}
		.page-navi p a { border:1px solid #FFF; color:#333; padding:2px 5px;}
		.page-navi p a:hover {border:1px solid #27238C; text-decoration:none; color:#27238C;}
		.page-navi p strong {border:1px solid #27238C; text-decoration:none; color:#27238C; padding:2px 5px;}
.backtolist { margin:0; padding:16px 0 0 0; text-align:center;}
	.backtolist a { display:block; width:200px; font-size:12px; margin:0 auto; border:3px double #666; padding:4px; color: #666; background-image:url(../images/header-bg.jpg); background-repeat:repeat-x; background-position:top; text-decoration:none;}
		.backtolist a:hover {border:3px double #27238C; color: #27238C; background-image:url(../images/header-bg.jpg); }

/* 共通 */
.f10 { font-size:10px;}
.f12 { font-size:12px;}
.f14 { font-size:14px;}
.f16 { font-size:16px;}
.f18 { font-size:18px;}
.red { color:#F70246;}
.blue { color:#27238C;}
.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; }