@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: url(../images/bg.gif) repeat-y center;}
img { border:none;}

/* 外枠 */
#layout {width:100%; text-align:center; }
	#layout-inner { width:850px; margin:0 auto;}
/* ヘッダー・メニュー・フッター・パンくず */
#header { width:850px; padding:0 0 10px 0;}
	#header td { background-repeat:no-repeat; background-position:center;}
	#header-contact { background-image: url(../images/header-contact-bg.jpg);}
	#menu1 { background-image: url(../images/menu1-bg.jpg);}
	#menu2 { background-image: url(../images/menu2-bg.jpg);}
	#menu3 { background-image: url(../images/menu3-bg.jpg);}
	#menu4 { background-image: url(../images/menu4-bg.jpg);}
	#menu5 { background-image: url(../images/menu5-bg.jpg);}

#navi { float:left; width:175px; padding-left:15px;}
	#navi-menu {}
		#navi-menu p { margin:0; background-repeat:no-repeat; background-position:center;}
		#navi-home { background-image: url(../images/navi-home-bg.jpg);padding:0;}
		.navi-menu { padding:10px 0; border-top:1px solid #CCC;}
		#navi1 { background-image: url(../images/navi1-bg.gif);}
		#navi2 { background-image: url(../images/navi2-bg.gif);}
		#navi3 { background-image: url(../images/navi3-bg.gif);}
		#navi4 { background-image: url(../images/navi4-bg.gif);}
		#navi5 { background-image: url(../images/navi5-bg.gif);}
		#navi-link1 { background-image: url(../images/navi-link1-bg.jpg); padding:20px 0; border-top:1px solid #CCC;}
	#navi-info { padding:5px;}
		#navi-info p { padding:2px 0; margin:0; line-height:1.5em; text-align:left;}
		#navi-info a { display:block; width:165px; padding:2px 0;  text-align:center; background:#7FD8FF url(../images/gra1.jpg) repeat-x; color: #FFF; text-decoration:none;}
		#navi-info a:hover {background:#CCC url(../images/gra2.jpg) repeat-x; }
#footer { border-top:1px solid #7FD8FF; clear:both; padding:5px 0;}
	#footer th { text-align:left; padding:0 10px;}
	#footer td { text-align:right; font-size:12px; padding:0 10px; color:#666;}
		#footer td a { padding:0 4px; text-decoration:none; color:#666;}
			#footer td a:hover {color:#7FD8FF;}
		#footer td span { padding:0 4px;}

#contents { padding:5px 0; width:850px;}

#tree-navi {width:820px; padding:0 15px; text-align:left;}
	#tree-navi p { margin:0; padding:0; font-size:10px; line-height:1.5em; color:#666;}
	#tree-navi a { padding:0 4px; color:#666; text-decoration: none;}
	#tree-navi a:hover { color:#005FFC; text-decoration:underline;}
	#tree-navi strong { padding:0 4px; color:#005FFC; font-weight:normal;}

#common { float:right; width:620px; padding:10px 15px 0 0;}
	#common h1 { margin:0; padding:0;}
	#common form { margin:0; padding:0;}

.pagenavi { width:560px; padding:0 30px; text-align:center; }
	.pagenavi p { text-align:center; margin:0; padding:20px 0; font-size:12px; line-height:1.5em; border-top:1px dashed #DDD;}
		.pagenavi p a { padding:4px 8px; color:#333; background:#FFF; text-decoration:none;}
		.pagenavi p a:hover { color:#FFF; background:#00B8FF;}
		.pagenavi p strong { padding:4px 8px; color:#FFF; background:#00B8FF; font-weight:normal;}

/* 共通要素 */
.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:#00B8FF;}
.red { color:#F00;}
.orange { color:#FF9900;}
.purple { color:#6812CD;}
.green { color:#0AB600;}
.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;}