@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; background-color:#FFF; }
#layout-inner {width:850px; text-align:left; margin:0 auto;}

/* ヘッダー・メニュー・フッター・パンくず */
#header { width:100%; background:url(../images/bg.jpg) repeat-x top; }
	#header-inner { width:850px; text-align:center; margin:0 auto;}
	#header h1 { display:block; float:left; margin:0; padding:0 0 0 25px; overflow:hidden; width:700px; height:24px; font-size:12px; line-height:24px;  font-weight:normal; text-align:left; color:#FFF; background:#6BB3FF;}
	#header p { display:block; float:right; margin:0; padding:0 25px 0 0; overflow:hidden; width:80px; height:24px; font-size:12px; line-height:24px;  font-weight:normal; text-align:right; color:#FFF; background:#6BB3FF;}
		#header p a { color:#FFFFFF; text-decoration:none;}
			#header p a:hover { color: #FFFF00; text-decoration:none;}
	#header table { margin:0 auto;}
		#header table th { margin:0; padding:0;}
			#header table th img { vertical-align:bottom;}
		#header table td { margin:0; padding:0;}
			#header table td img { vertical-align:bottom;}
	#header-logo { clear:both;}
		#header-contact { width:215px;}
			#header-contact a { display:block; width:215px; height:140px; background:url(../images/header-contact2.jpg) no-repeat;}
				#header-contact a img {filter: alpha(opacity=100); -moz-opacity:1.00;opacity:1.00;}
				#header-contact a:hover img {filter: alpha(opacity=0); -moz-opacity:0;opacity:0;}
	#header-menu { width:762px; padding:5px 19px; margin:0 auto; text-align:center;  background:url(../images/header-menu.jpg) no-repeat center;background-color:#FFF;}
		#header-menu td { width:127px;}
		#header-menu a { display:block; width:127px; height:70px; background-repeat:no-repeat;}
			#header-menu a img {filter: alpha(opacity=100); -moz-opacity:1.00;opacity:1.00;}
			#header-menu a:hover img {filter: alpha(opacity=0); -moz-opacity:0;opacity:0;}
			#header-menu strong img {filter: alpha(opacity=0); -moz-opacity:0;opacity:0;}

#contents { width:100%; text-align:center; clear:both; padding:0 0 15px 0;}

#footer {width:100%; text-align:center; background-color:#6BB3FF; color:#FFF; padding:15px 0; clear:both;}
	#footer table { width:800px; margin:0 auto;}
		#footer table th { font-size:10px; line-height:14px; text-align:left; font-weight:normal;}
			#footer table th span { margin:0 0 4px 0;}
		#footer table td { font-size:10px; line-height:14px; text-align:right; font-weight:normal;}
			#footer table td a { color:#FFF; text-decoration:none; background:url(../images/pt-w.gif) no-repeat left; padding-left:8px; margin-left:8px;}
				#footer table td a:hover { color: #FFFF00;  background:url(../images/pt-y.gif) no-repeat left;}

/* 共通要素 */
.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:#002399;}
.red { color:#FF6600;}
.orange { color:#FF6600;}
.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;}