@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; padding:0; }

/* ヘッダー・メニュー・フッター・パンくず */
#header {width:100%; text-align:center; background:#000038;}
	#header h1 { width:840px; margin:0 auto; padding:0; font-size:10px; line-height:16px; text-align:left; color:#FFF; font-weight:normal;}

#menu { float:left; width:210px; overflow:hidden; background:url(../images/menu-bg.jpg) repeat-y top;}
	#menu-logo { margin:0; padding:0; text-align:center;}
	#menu-list { margin:0 5px 10px 5px; width:200px; border-collapse:collapse; background: url(../images/menu.jpg) no-repeat top;}
		#menu-list td { margin:0; padding:0;}
		#menu-list td a img {filter: alpha(opacity=100); -moz-opacity:1.00; opacity:1.00;}
				#menu-list td a:hover img {filter: alpha(opacity=0); -moz-opacity:0; opacity:0;}
				#menu-list td strong img {filter: alpha(opacity=0); -moz-opacity:0; opacity:0;}
	#menu-info { width:170px; margin:0 5px; padding:15px; text-align:left;background: #000038 url(../images/menu-info.jpg) no-repeat; background-position:70px 10px; font-size:10px; line-height:14px; color:#FFF;}
		#menu-info span { display:block; margin-bottom:-10px; line-height:18px;}
	#menu-end { width:210px; padding:20px 0 50px 0; background:url(../images/menu-end.jpg) no-repeat bottom; text-align: center;}

#contents { float:right; width:580px; padding-right:30px; text-align:left;}

#footer { width:600px; padding-left:250px; clear:both;}
	#footer p { width:600px; margin:0; padding:10px 0; text-align:center; font-size:10px; line-height:18px; background:url(../images/footer.jpg) no-repeat top; color:#666;}
	#footer span { padding:0 4px;}
	#footer a { padding:0 4px; color:#666; text-decoration:none;}
	#footer a:hover { color:#B40E0E; text-decoration: underline;}

.treenavi { margin:0; padding:4px 0; text-align:right; width:580px; font-size:10px; line-height:18px; color:#666;}
	.treenavi p { margin:0; padding:0;}
	.treenavi a {color:#666; text-decoration:none; padding:0 4px;}
	.treenavi a:hover {color:#000038; text-decoration: underline; padding:0 4px;}
	.treenavi strong {color:#666; padding:0 4px;}

#common-title { margin:0; padding:0;} 
	#common-title p { margin:0; padding:0;}

.common-link { margin:0; padding:4px 10px; text-align:left; width:560px; font-size:10px; line-height:18px; color:#666; border-bottom:1px dashed #CCC;}
	.common-link p { margin:0; padding:0;}
	.common-link a {color:#666; text-decoration:none; padding:0 4px;}
	.common-link a:hover {color:#000038; text-decoration: underline; padding:0 4px;}

.h2-single { padding:8px 0 8px 10px; margin:24px 0 8px 0; border-left:4px solid #AE0001; font-size:18px; line-height:24px;}
.h2-double { padding:4px 0 4px 10px; margin:24px 0 8px 0; border-left:4px solid #AE0001; font-size:16px; line-height:18px;}

.pagetop { margin:0; padding:10px 0; text-align:right; width:580px; font-size:10px; line-height:18px; color:#666;}
	.pagetop a { padding:0 0 0 20px; background: url(../images/pagetop1.gif) no-repeat left; color:#666; text-decoration:none;}
	.pagetop a:hover {background: url(../images/pagetop2.gif) no-repeat left; color:#AE0001;}

.common-navi { margin:0; padding:10px 0;}
	.common-navi table { width:480px; margin:0 auto; background: url(../images/common-navi.jpg) no-repeat top;}
	.common-navi table td { margin:0; padding:0; width:240px; overflow:hidden;}
		.common-navi a:hover img  {filter: alpha(opacity=100); -moz-opacity:1.00; opacity:1.00; vertical-align:top;}
	.common-navi a img {filter: alpha(opacity=0); -moz-opacity:0; opacity:0;}

/* 共通要素 */
.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:#0071BB;}
.red { color:#AE0001;}
.orange { color:#FF6600;}
.purple { color:#6812CD;}
.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;}