@charset "UTF-8";

html {margin:0; padding:0; background:#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%; text-align:center;}

/* 外枠 */
#header {width:750px; text-align:center; margin:0 auto; padding:8px 0;}
	#header h1 {padding:0; margin:0; width:475px; text-align:right; font-size:10px; line-height:16px; font-weight:normal; color:#848282;}
	#header table { border-collapse: collapse; border:none;}
	#header th { padding:0; margin:0;vertical-align:top;} 
	#header td { padding:0; margin:0;}
		#header td span { display:block; padding:4px 4px 0 4px; text-align:right; clear:both; font-size:10px;}
		#header td span a { color:#46B8D9; text-decoration:none;}
		#header td span a:hover { color:#FF7F00; text-decoration: underline;}
	#header-menu { float:right;}
	#header-menu td { padding:0 4px;line-height:30px; height:30px; font-size:12px; font-weight:bold; text-align:center; overflow:hidden; background:url(../img/header-menu.jpg) no-repeat center;}
		#header-menu a { display:block; width:100px; height:30px; text-align:center; overflow:hidden; background:none; color:#333; text-decoration:none;}
		#header-menu a:hover {background:url(../img/header-menu-on.jpg) no-repeat center;}
		#header-menu strong { display:block; width:100px; height:30px; text-align:center; overflow:hidden; background:none;background:url(../img/header-menu-on.jpg) no-repeat center;}

#menu {width:100%; text-align:center; background: url(../img/gra1.gif) repeat-x top;  }
	#menu table {width:750px;margin:0 auto; border-collapse: collapse; border-right:2px #FFF solid;}
	#menu th { width:105px; font-size:12px; height:28px; overflow:hidden; line-height:28px; text-align:center; border-left:2px #FFF solid; }
	#menu a { width:100%;  display:block; color:#333; text-decoration:none; height:28px; overflow:hidden; line-height:28px; text-align:center;}
		#menu a:hover { color:#FFF; background: url(../img/gra2.gif) repeat-x bottom;}
		#menu strong { text-align:center;width:100%; display:block; text-decoration:none; height:28px; overflow:hidden; line-height:28px; text-align:center; color:#FFF; background: url(../img/gra2.gif) repeat-x bottom;}

#sub-footer {width:100%; text-align:center; clear:both; padding:10px 0;}
	#sub-footer-inner {width:750px; margin:0 auto; padding:5px 0; border-top:2px dashed #848282;}
		#sub-footer p { margin:0; padding:10px 0; text-align:center; font-size:10px;}
			#sub-footer a { padding:0 10px;}
			#sub-footer p img { vertical-align:middle;}
	#sub-footer table { margin:10px 0;}
		#sub-footer td { }
			#sub-footer td a { display:block; width:202px; height:32px; overflow:hidden; background-repeat: no-repeat; background-position:center;}
				#sf1-1 a { background-image:url(../img/sf1-1-bg.gif);}
				#sf1-2 a { background-image:url(../img/sf1-2-bg.gif);}
				#sf1-3 a { background-image:url(../img/sf1-3-bg.gif);}
				#sub-footer td a img {filter: alpha(opacity=100); -moz-opacity:1; opacity:1;}
				#sub-footer td a:hover img {filter: alpha(opacity=0); -moz-opacity:0; opacity:0;}
			
#footer {width:100%; text-align:center; background: url(../img/gra1.gif) repeat-x top; clear:both;}
	#footer table {width:750px;margin:0 auto; border-collapse: collapse;}
	#footer td { font-size:12px; height:28px; overflow:hidden; line-height:28px; text-align:left; color:#333; padding:0 15px;}
	#footer a { padding:0 15px 0 0; color:#333; text-decoration:none; }
		#footer a:hover { text-decoration:underline;}

#contents {width:720px; padding:15px 10px 15px 15px; text-align:left; margin:0 auto; }

.message { width:100%; text-align:center; padding:16px 0;}
	.message span { display:block; width:540px; margin:0 auto; height:60px; line-height:60px; background:url(../img/message-bg.jpg) no-repeat; color:#666; font-weight:bold;}

/* 共通要素 */
.cb { height:2px; display:block;clear:both; font-size:1px; line-height:1px; overflow:hidden; width:100%;}
.cb { clear:right;}
.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;}
.f32 { font-size:32px;}
.red { color:#FF6600;}
.orange { color:#FF7F00;}
.blue {color:#46B8D9;}
.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;}