@charset "UTF-8";
#contents { width:520px; padding:0 32px 0 0; float:right; text-align:left; color:#333;}

#intro { padding:0 0 28px 0; background:url(../images/intro-bg.gif) no-repeat bottom;}
	#intro h1 { margin:0; padding:0; text-align:center; line-height:12px;}

#art-navi { border:3px double #CCCCCC; padding:10px;width:494px; margin:0 0 28px 0; }
	#art-navi h2 { text-align:center; margin:0; padding:0; font-size:14px;  color:#333; line-height:18px;}
		#art-navi h2 span { padding:0 8px; margin-top:-1.5em; background:#FFF; z-index:100; float:left;}
	#art-navi ul { margin:0; padding:4px 18px; width:452px; display:block; text-align:left;}
		#art-navi li { margin:0; padding:4px 18px;  width:416px; display:block;list-style:none; font-size:12px; line-height:18px; background:url(../images/art-navi.gif) no-repeat; background-position:0 .6em; text-align:left;}

#about-intro { width:418px; border:1px solid #CCC; background:#FFFFCC; padding:24px 50px;}
	#about-intro p { margin:0; padding:14px 0 0 0; font-size:12px; line-height:18px; color:#333;}

.art-title { width:500px;border:1px solid #CCC; padding:4px 8px; background:url(../images/art-title.gif) repeat-x bottom;clear:both;}
	.art-title h1 {border-left:4px solid #FF9900; padding: 4px 0 4px 8px; margin:0; font-size:16px; line-height:20px; text-align:left;color:#333;}
	.art-title h2 {border-left:4px solid #FF9900; padding: 4px 0 4px 8px; margin:0; font-size:16px; line-height:20px; text-align:left;color:#333;}

.art { padding:8px 16px 24px 16px; width:488px;}
	.art h3 {width:466px; margin:16px 0 0 0; padding:0 0 0 22px; font-size:16px; line-height:24px; background:url(../images/art-h3.gif) no-repeat; background-position:0 .2em; clear:both;}
	.art p { margin:0; padding:4px 16px; font-size:12px; line-height:18px; color:#333;}
	
.news { padding:8px 16px 16px 16px; margin-bottom:16px;  width:488px; border-bottom:1px dashed #CCC; clear:both;}
	.news h2 {width:466px; margin:16px 0 0 0; padding:0 0 0 22px; font-size:16px; line-height:24px; background:url(../images/art-h3.gif) no-repeat; background-position:0 .2em; clear:both;}
	.news p { margin:0; padding:8px 16px; font-size:12px; line-height:18px; color:#333;}


.art-links { margin:0; padding:0 18px 4px 18px; display:block;}
	.art-links li { margin:0; padding:4px 18px;  display:block;list-style:none; font-size:12px; line-height:18px; background:url(../images/art-links.gif) no-repeat; background-position:0 .6em;}

.art-download { margin:0; padding:4px 18px; width:452px; display:block;}
	.art-download li { margin:0; padding:4px 18px;  width:416px; display:block;list-style:none; font-size:12px; line-height:18px; background-repeat: no-repeat; background-position:0 .4em;}
	.pdf {background-image:url(../images/icon/pdf.gif);}
	.doc {background-image:url(../images/icon/doc.gif);}

.about-tl1 { margin:0 0 8px 16px;width:470px; border-collapse:collapse; background-color: #FFFFDD;}
	.about-tl1 th { padding:8px 16px 4px 16px; font-size:12px; line-height:20px; font-weight:bold; text-align:center; border:1px solid #CCC;}
	.about-tl1 td { padding:4px 16px 8px 16px; font-size:12px; line-height:20px; border:1px solid #CCC;}

.tl1 { margin:8px 0;width:488px; border-collapse:collapse; border:1px solid #CCC;}
	.tl1 th { padding:4px 16px; font-size:12px; line-height:18px; background:#C0DDEF; vertical-align:top; border-bottom:1px solid #EEE; font-weight:normal; }
	.tl1 td { padding:4px 16px; font-size:12px; line-height:18px; background:#FFF; vertical-align:top;border-bottom:1px solid #EEE;}

.yakkan-tl1 { margin:24px 0 8px 0;width:488px; border-collapse:collapse; }
	.yakkan-tl1 th { padding:8px 16px 8px 32px; font-size:12px; line-height:18px; font-weight:normal; text-align:center;}
	.yakkan-tl1 td { padding:8px 16px 8px 32px; font-size:12px; line-height:18px; }

.cleaning-tl1 { margin:24px 0 8px 0;border-collapse:collapse; }
	.cleaning-tl1 th{ padding:4px 4px 8px 16px; font-size:14px; line-height:18px; font-weight:bold; text-align:left;}
	.cleaning-tl1 td { padding:4px 8px; font-size:14px; line-height:18px; font-weight:bold;}

.art-yakkan-title1 {font-size:14px; font-weight: bold; color:#009900; line-height:28px; text-decoration:underline; white-space:nowrap;}
.art-yakkan-title2 {font-size:14px; font-weight: bold; color: #FF9900; line-height:28px; text-decoration:underline; white-space:nowrap;}

#yakkan-message { background:url(../images/yakkan-message-bg.jpg) no-repeat;}
	#yakkan-message td { padding:48px 10px 72px 30px; font-size:12px; line-height:18px; font-weight:normal; text-align:left;}

.f12 li { margin-top:2px; margin-bottom:6px; line-height:18px;}