@charset "utf-8";
/* 初期設定 */
html { margin:0; padding:0;}
body { margin:0; padding:0; font-family: Meiryo, "メイリオ", "Lucida Grande", Verdana, "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif; text-align:center;margin:0; padding:0; background:#333; background-image: url(../images/bg.gif); background-repeat:repeat-x; background-position:top;}

/* レイアウト */
#header { width:640px; margin:0 auto; background-repeat:no-repeat;  background-position:top center; text-align:left; }
	#logo { margin:0; padding:0; height:55px; overflow:hidden; line-height:24px; font-size:18px; }
		#logo a { color:#333; text-decoration:none;}
		#logo a img { border:none;}
	#catch { text-align:center; font-size:42px; margin:16px 0 0 0; padding:0 0 16px 0; height:84px; width:640px; line-height:84px;}
		#catch span { font-size:84px; font-weight:normal;}
	#catch-sub { text-align:center; font-size:18px; margin:0; padding:0; line-height:24px; font-weight:bold;}
	#header-left { width:380px; float:left; padding:15px 0;}
		#header-list { margin:0; padding:15px 0; list-style:none;} 
			#header-list li {  margin:0; padding:0; font-size:14px; line-height:24px; list-style:none;}
		#header-link { margin:0; padding:0 0 0 0; line-height:24px; font-size:18px; font-weight:bold; text-align:center;}
	#header-right { width:240px; float:right;margin:15px 0;}
		#header-note {color:#FFF; width:220px; padding:12px 10px 20px 10px; margin:15px 0 0 0 ; background:#333 url(../images/header-note.gif) no-repeat; background-position:bottom; text-align:center;line-height:20px; font-size:14px; }
		#header-note strong { display:block;line-height:28px; font-size:14px; text-decoration:none;}
		#header-note .f28 { font-family:Arial, Helvetica, sans-serif;}

.menu {width:640px; padding:17px 0; margin:0 auto; clear:both; background:url(../images/menu.gif); background-position:top; background-repeat:no-repeat; }
	.menu-inner{width:623px; margin:0 0 18px 0; padding:12px 0 18px 15px; border:1px solid #000; border-top:none; background:url(../images/menu-bg.gif); background-position:15px 12px; background-repeat:no-repeat;}
		.menu-inner ul {margin:0; padding:6px 0 0 7px; list-style:none;width:615px; } 
			.menu-inner li { margin:0; padding:0; list-style:none; height:39px; float:left; display:block; width:148px; border-right:1px solid #CCC; font-size:14px; font-weight:bold;}
				.menu-inner li a { display:block; width:148px; height:37px; overflow:hidden; line-height:37px; background:none; color:#333; text-decoration:none;}
					.menu-inner li a:hover { background:#EEE; color:#000;}
		.menu .cb { width:500px;}

.art { border-top:3px solid #333; width:640px;  padding:30px 53px; margin:0 auto; text-align:left; }
	.art h2 {  margin:0; line-height:36px; font-size:18px; background:url(../images/service.gif) left no-repeat ;}
		#service {background-image:url(../images/service.gif);padding:8px 0 0 150px; width:490px;}
		#quality {background-image:url(../images/quality.gif);padding:8px 0 0 150px; width:490px;}
		#order {background-image:url(../images/order.gif);padding:8px 0 0 150px; width:490px;}
		#inq {background-image:url(../images/inq.gif);padding:8px 0 0 150px; width:490px;}
		#legal {background-image:url(../images/legal.gif);padding:8px 0 0 120px; width:500px;}
		#privacy {background-image:url(../images/privacy.gif);padding:8px 0 0 150px; width:490px;}
		#copyright {background-image:url(../images/copyright.gif);padding:8px 0 0 210px; width:430px;}
	.art h3 {width:610px; margin:8px 0 0 0;padding:0 0 0 32px;background-position:left; font-size:18px; line-height:32px; background-repeat:no-repeat;background-image:url(../images/art-h3.gif);}
	.art-inner { padding:32px;}
		.art-inner p { font-size:14px; line-height:22px; padding:0; margin:0 0 8px 0;}
		.art-inner dd {margin:0 0 8px 18px; padding:0;font-size:12px; line-height:22px; display:block;}
		.art-inner blockquote {margin:0 0 8px 18px; padding:0;}
			.art-inner blockquote p {margin:0 0 0 0; padding:0;font-size:12px; line-height:22px;  display:block;}
	.art-intro { margin:0; padding:16px 8px ; line-height:18px; font-size:14px; text-align:left;}
	.art-menu { margin:0; padding:16px 8px; line-height:18px; font-size:14px; text-align:center;}
		.art-menu a { color:#333; text-decoration:none;}
			.art-menu a:hover { color:#000; text-decoration: underline;}	
	.art-back { margin:0; padding:0 0 32px 6px; line-height:24px; font-size:12px; text-align:center;}
		.art-back a { color:#999; background-color:#F9F9F9; border:1px solid #EEE; text-decoration:none; display:block; width:150px; float:left; margin:0 5px 0 0;}
		.art-back a:hover {color:#000;background-color:#FFF; border:1px solid #999; }
	.art table { margin:0;}
		.art table {}
			.art table th { text-align:left; border-right:3px solid #000; font-size:16px; line-height:28px; white-space: nowrap; padding:2px 12px 2px 12px; width:130px; vertical-align:top;}
			.art table td { text-align:left;font-size:14px; line-height:28px; padding:2px 0 2px 12px;vertical-align:top; width:448px;}
				.form-text { width:300px; border:1px solid #000; line-height:18px; padding:2px;margin:0; font-size:12px; font-family: Meiryo, "メイリオ", "Lucida Grande", Verdana, "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif; }
				.form-text2 { width:400px; border:1px solid #000; line-height:18px; padding:2px;margin:0; font-size:12px; font-family: Meiryo, "メイリオ", "Lucida Grande", Verdana, "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif; }
				.form-text3 {width:60px; border:1px solid #000; line-height:18px; padding:2px;margin:0; font-size:12px; font-family: Meiryo, "メイリオ", "Lucida Grande", Verdana, "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif; }
				.form-text4 { width:120px;border:1px solid #000; line-height:18px; padding:2px;margin:0; font-size:12px; font-family: Meiryo, "メイリオ", "Lucida Grande", Verdana, "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif; }
				.form-radio { border:none;line-height:18px; padding:2px; }
				.form-select { border:1px solid #000;line-height:18px; padding:0;font-family: Meiryo, "メイリオ", "Lucida Grande", Verdana, "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;font-size:14px; }
				#form-end { text-align:center; background-color:#FFF; background-image:url(../images/form-end.jpg); background-position:center; background-repeat:no-repeat; font-size:16px; font-weight:bold; font-family: Meiryo, "メイリオ", "Lucida Grande", Verdana, "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif; border:none; display:block; width:160px;line-height:60px;height:60px; margin:0 0 0 220px; padding:0; overflow:hidden;}
		
.f10 { font-size:10px;}
.f12 { font-size:12px;}
.f14 { font-size:14px;}
.f16 { font-size:16px;}
.f18 { font-size:18px;}
.f24 { font-size:24px;}
.f28 { font-size:28px;}

.fb { font-weight:bold;}
.note { display:block; padding:0 0 0 18px;}

.small { font-size:9px;}
.red { color:#FF9900}
.grey { background-color:#EEE;}
.orange { color:#FF9900;}
.fl { float:left;}

.cb { height:1px; display:block; clear:both; font-size:1px; line-height:1px;}

.tree_navi { display:block; padding: 3px 10px;}
	.tree_navi p { margin:0; padding:0; font-size:10px;text-align:right;color:#555; line-height:16px;}
	.tree_navi a { color:#555; text-decoration:none; padding:0 5px;}
	.tree_navi a:hover { color:#792500; text-decoration: underline; padding:0 5px;}
	.tree_navi strong { color:#792500; font-weight:normal; padding:0 5px;}

#newsticker {display:block; margin:0 auto; padding:0 0 0 0; width:640px;}
	#newsticker ul {list-style: none; padding:0 6px 0 0 ; margin:0; height:20px; overflow: hidden; float:left;}
	* html #newsticker ul {	overflow: hidden; height:16px;margin:0; }
	
		#newsticker li{ font-size:14px; line-height:20px; margin:0px; font-weight:normal; text-align:left;}
			#newsticker li a {color:#CCC;text-decoration:none;}
			#newsticker li a:hover {color:#FFF; text-decoration:underline;}
				#newsticker li.error {color: #f00;}
		#newsticker #togglenewsticker {	background: transparent no-repeat 0 0;overflow: hidden;position: absolute;right: 10px;top: 12px;width: 14px;height: 18px;text-indent: 20px;outline: none;}
		* html #newsticker #togglenewsticker {right: 30px;}

@media print { /* printメディアの場合にのみ適用 */
#layout { width:100%; text-align:center; background:none; display:block; }
	#header { background-image: none; }
	#newsticker { display:none;}
.menu {display:none;}
.art-back {display:none;}
#footer { background:none; text-align:center; font-size:12px; border-top:solid 3px #333;}
body {background:none; }
}

@media screen { /* screenメディアの場合にのみ適用 */
#layout { width: 100%; margin:0 auto; text-align:center; }
	#home {width:950px; margin:0 auto; text-align:center; border:none;background-image: url(../images/layout.gif); background-repeat:repeat-y; background-position: top; }
		#home #header { padding:30px 155px; background-image: url(../images/header-home.jpg); }
		#home #menu { padding:30px 155px;}
	#others {width:760px; margin:0 auto; text-align:center; background-image: url(../images/layout.gif); background-repeat:repeat-y; background-position: top; }
		#others #header { padding:30px 60px; background-image: url(../images/header.gif); }
		#others #menu { padding:0 60px;}

#footer { width:760px; padding:8px 0 0 0; margin:0 auto;  background: url(../images/footer.gif) no-repeat #333; background-position:top center; text-align:left; }
	#footer p { text-align:center; font-size:12px; line-height:20px; margin:0; padding:0; color:#CCC;}
		#footer p a { padding:0 8px; color:#CCC; text-decoration:none;}
		#footer p a:hover {color:#FFF;}
}