@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;}

/* ヘッダー・メニュー・フッター・パンくず */
#header {width:100%; text-align:center; background:url(../images/header-bg.jpg) repeat-x bottom;}
	#header-inner { width:850px; padding:0; margin:0 auto;}
	#header h1 { margin:0; padding:0;font-size:10px; text-align:left; line-height:1.5em; color:#666; font-weight:normal;}
	#header-top {width:850px;}
		#header-top th { text-align:left; width:560px;}
		#header-top td { text-align:left; width:290px; background-repeat:no-repeat; background-position:center;}
		#header-tel1 { background-image:url(../images/header-tel1-bg.jpg);}
		#header-tel2 { background-image:url(../images/header-tel2-bg.jpg);}
	#header-menu {width:850px; margin:4px 0 0 0;}
		#header-menu td { text-align:left; width:170px; background-repeat:no-repeat; background-position:center;}
		#mmenu1 { background-image:url(../images/mmenu1-bg.jpg);}
		#mmenu2 { background-image:url(../images/mmenu2-bg.jpg);}
		#mmenu3 { background-image:url(../images/mmenu3-bg.jpg);}
		#mmenu4 { background-image:url(../images/mmenu4-bg.jpg);}
		#mmenu5 { background-image:url(../images/mmenu5-bg.jpg);}

#smenu { float:right; width:210px; padding:20px 0 0 0;}
	#smenu-guide { padding-bottom:10px; background:url(../images/smenu-guide-bg.jpg) no-repeat top;}
	#smenu-link { margin:10px 0; border-collapse:collapse;}
		#smenu-link td { background-repeat:no-repeat; background-position:center; padding:10px 0; border-top:1px solid #CCC; border-bottom:1px solid #CCC;}
		#smenu-link1 { background-image:url(../images/smenu-link1-bg.gif);}
		#smenu-link2 { background-image:url(../images/smenu-link2-bg.gif);}
		#smenu-link3 { background-image:url(../images/smenu-link3-bg.gif);}
	#smenu-info { padding:10px 0;}
		#smenu-info p { margin:0; padding:0; font-size:10px; line-height:20px; text-align:left;}
	#smenu-contact { padding:10px 0; margin:0; font-size:10px; line-height:1em;}
		#smenu-contact a { display:block; text-decoration:none; padding:4px 0; color:#666; border:1px solid #3882A9; background:url(../images/gra1.jpg) repeat-x center;background-color:#FFF; text-align:center;}
		#smenu-contact a:hover {color:#FFF; border:1px solid #FF9803; background:url(../images/gra2.jpg) repeat-x center; background-color:#FF9803;}

#footer {width:100%; text-align:center; background:url(../images/footer-bg.jpg) repeat-x top; padding:12px 0; clear:both;}
	#footer table { width:830px; margin:0 auto;}
	#footer td { text-align:left;}
		#footer td a { padding:0 4px; }
	#footer th { text-align:right; font-weight:normal; font-size:12px; line-height:1.5em; color:#666;}
		#footer th a { padding:0 4px; color:#666; text-decoration:none;}
		#footer th a:hover { padding:0 4px; color:#010066;}
		#footer th span { padding:0 4px;}

/* 外枠 */
#layout {width:100%; text-align:center; background:url(../images/layout-bg.jpg) repeat-x top;}
	#contents {width:840px; text-align:left; padding:20px 0; margin:0 auto;}
	#common { float:left; width:600px; text-align:left; padding:20px 0 0 0;}
	#tree-navi { margin:0; padding:0; text-align:right; font-size:10px; line-height:1.5em; color:#666;}
		#tree-navi a { padding:0 4px; text-decoration:none; color:#666; text-decoration:none;}
			#tree-navi a:hover { color:#010066; text-decoration:none;}
		#tree-navi strong { padding:0 4px; font-weight:normal; color:#010066;}
	#intro { margin:0; padding:10px 0;}


.common-title { padding:0 0 2px 0; border-bottom:1px solid #FF9803;}
	.common-title h2{ margin:0; padding:8px 0 0 12px;  font-size:16px; line-height:1.5em; border-left:3px solid #FF9803;}

.pagetop { width:590px; padding:0; }
	.pagetop p {  text-align:right; margin:0; padding:0 0 20px 0; font-size:10px; line-height:1.5em;}
		.pagetop p a { padding:4px 15px; color:#999; background: url(../images/arrow2-1.gif) no-repeat left; text-decoration:none;}
		.pagetop p a:hover { color:#FF9803; background: url(../images/arrow2-2.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:#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;}