@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:#EEE9D5;}
img { border:none;}

/* 外枠 */
#layout { width:100%; min-width:850px; text-align:center;background:#EEE9D5;}
	#layout-inner { width:850px; margin:0 auto;}

/* ヘッダー・メニュー・フッター・パンくず */
#header {width:850px; margin:0 auto; padding:8px 0; overflow:hidden;}
	#header-navi { width:430px; padding:0 20px 0 0; margin:0; text-align:right; color:#666; font-size:10px; line-height:14px; float:right;}
		#header-navi a { padding: 0 4px; color:#666; text-decoration:none;}
			#header-navi a:hover { padding: 0 4px; color:#000; text-decoration: underline;}
			#header-navi strong { padding: 0 4px; color:#666; font-weight:normal;}
	#header-catch { width:370px; padding:0 0 0 15px; margin:0; text-align:left; color:#666; font-size:10px; line-height:14px; float:left;}
	#header-logo { float:left; width:380px; padding:0; margin:0; text-align:left; clear:left;}
	#header-contact { float:left; width:455px; padding:0; margin:0; text-align:right;}
		#header-contact a { display:block; width:300px; height:55px; overflow:hidden; margin:0 0 0 auto; background:url(../images/header-contact-on.jpg) no-repeat left;}
			#header-contact a img {filter: alpha(opacity=100); -moz-opacity:1; opacity:1;}
			#header-contact a:hover img {filter: alpha(opacity=0); -moz-opacity:0; opacity:0;}
	#header-menu { clear:both; padding:4px 15px 0 0; margin:0; text-align:right; font-size:10px; line-height:14px;}
		#header-menu a { padding:0 8px 0 12px; background:url(../images/header-menu-pt1.gif) no-repeat left; color:#666; text-decoration:none;}
		#header-menu a:hover {background:url(../images/header-menu-pt1-on.gif) no-repeat left; color:#1A1B6E;}

#menu { float:left; width:208px; padding:0 0 0 10px;}
	#menu p { margin:0; padding:0 0 6px 0;}
		#menu p a { display:block; width:208px; overflow:hidden; background-repeat:no-repeat; background-position:center;}
			#menu p a img {filter: alpha(opacity=100); -moz-opacity:1; opacity:1;}
			#menu p a:hover img {filter: alpha(opacity=0); -moz-opacity:0; opacity:0;}
			#menu p strong img {filter: alpha(opacity=0); -moz-opacity:0; opacity:0;}
	#menu-main { padding:0 0 2px 0;}
		#menu-main1 a { height:190px; background-image: url(../images/menu-main1-on.jpg);}
		#menu-main2 a { height:83px; background-image: url(../images/menu-main2-on.jpg);}
	#menu-sub { padding:2px 0;}
		#menu-sub a { height:30px;}
		#menu-sub1 a { background-image: url(../images/menu-sub1-on.gif);}
		#menu-sub2 a { background-image: url(../images/menu-sub2-on.gif);}
		#menu-sub3 a { background-image: url(../images/menu-sub3-on.gif);}
		#menu-sub4 a { background-image: url(../images/menu-sub4-on.gif);}
		#menu-sub5 a { background-image: url(../images/menu-sub5-on.gif);}
		#menu-sub6 a { background-image: url(../images/menu-sub6-on.gif);}
		#menu-sub7 a { background-image: url(../images/menu-sub7-on.gif);}
	#menu-contact { padding:2px 0;}
		#menu-contact a { height:136px;  background-image: url(../images/menu-contact-on.jpg);}

#footer { clear:both;width:100%; min-width:850px; text-align:center;background: url(../images/footer-bg.gif) repeat-x; background-position: 0 18px; padding:20px 0 0 0;}
	#footer-inner {width:850px; margin:0 auto; padding:10px 0;}
	#footer-logo { float:left; width:208px; padding:0 0 8px 10px; text-align:left; color:#666; font-size:12px; line-height:14px; }
	#footer-menu {float:right; width:608px; text-align:left; padding:8px 8px 4px 0; text-align:center; font-size:10px; line-height:24px; white-space:nowrap;}
		#footer-menu span { padding:0 12px;}
		#footer-menu a {padding:0 8px; color:#666; text-decoration:none;}
			#footer-menu a:hover {padding:0 8px; color:#000;}
	#footer-copyright { clear:both; margin:0; padding:0; width:850px; text-align:right; color:#666; font-size:10px; line-height:14px; font-family:Arial, Helvetica, sans-serif;}

/* 共通要素 */
.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:#F00;}
.orange { color:#FF6600;}
.purple { color:#6812CD;}
.pink { background:#F3D4E4;}
.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;}