@import "basic.css";
@import "lightwindow.css";

/* CSS Document */
#sppr-top {width:435px; padding:10px 0 25px 10px; float:left; border:1px #CCCCCC groove;}
	#sppr-top-head { width:425px;padding:0 0 10px 0; border-bottom:1px dashed #CCC;}
		#sppr-top-head h1 { display:block; margin:0; padding:0; width:425px; height:135px; overflow:hidden; text-indent:-8000em; background:url(../sppr/images/sppr-top-head1.jpg) no-repeat;}
		#sppr-top-head p { display:block; margin:0; padding:3px 0 0 15px; width:410px; height:55px; overflow:hidden; font-size:12px; line-height:20px; color:#FFF; font-weight:bold; background-color:#0072D4; background:url(../sppr/images/sppr-top-head2.jpg) no-repeat; }
	.sppr-top { padding:10px 0 10px 102px; width:323px; text-align:left; color:#333; border-bottom:1px dashed #CCC; background-repeat:no-repeat; background-position:left;}
		.sppr-top h2 { margin:0; padding:0; font-size:24px; line-height:28px; font-weight:normal;}
			.sppr-top h2 a { display:block; width:323px; color:#0033CC; text-decoration:none; background:url(../sppr/images/sppr-top-link1.gif) right no-repeat;}
			.sppr-top h2 a:hover { color: #FF9900;background:url(../sppr/images/sppr-top-link2.gif) right no-repeat;}
		.sppr-top h3 {margin:0; padding:4px 0; font-size:12px; line-height:18px; font-weight:bold;}
		.sppr-top p {margin:0; padding:0; font-size:12px; line-height:18px;}
		#sppr-top1 { background-image:url(../sppr/images/sppr-top1.jpg);}
		#sppr-top2 { background-image:url(../sppr/images/sppr-top2.jpg);}
		#sppr-top3 { background-image:url(../sppr/images/sppr-top3.jpg);}
		#sppr-top4 { background-image:url(../sppr/images/sppr-top4.jpg);}
		#sppr-top5 { background-image:url(../sppr/images/sppr-top5.jpg);}
		#sppr-top6 { background-image:url(../sppr/images/sppr-top6.jpg);}
		#sppr-top7 { background-image:url(../sppr/images/sppr-top7.jpg);}
		#sppr-top8 { background-image:url(../sppr/images/sppr-top8.jpg);}
		#sppr-top9 { background-image:url(../sppr/images/sppr-top9.jpg);}
		#sppr-top10 { background-image:url(../sppr/images/sppr-top10.jpg);}

#treenavi { padding:4px 0 ;}
	#treenavi p { padding:0; margin:0; text-align:left; font-size:10px; line-height:18px; color:#999;}
	#treenavi a { padding:0 4px; color:#999; text-decoration:none;}
		#treenavi a:hover {color:#0033CC; text-decoration:underline;}
	#treenavi strong { color:#666; font-weight:normal;}

#sppr {width:435px; padding:0 0 10px 10px; float:left; text-align:left; border:1px #CCCCCC groove;}
	#sppr-head {width:425px; padding:0;
		background:url(../sppr/images/sppr-head2.gif) bottom no-repeat;background-color:#FAF1D3; 
		border-radius: 10px;			/* CSS3 */
		-moz-border-radius: 10px;		/* Firefox */
		-webkit-border-radius: 10px;	/* Safari,Chrome */
		}	
		#sppr-head h1 { margin:0; padding:0 15px; font-size:32px; line-height:40px; color:#333; font-weight:normal; border-bottom:1px dashed #CCC;}
		#sppr-head p { margin:0; line-height:18px;}
		#sppr-head-catch { font-size:14px; font-weight:bold; color:#427CC4; padding:20px 15px 0 15px;background:url(../sppr/images/sppr-head1.gif) top no-repeat;}
		.sppr-head-desc { width:300px; font-size:12px; padding:10px 15px 14px 110px; background-repeat: no-repeat; background-position:8px;}
			#sppr-head-tanafuru { background-image:url(../sppr/images/sppr-head-tanafuru.jpg);}
			#sppr-head-kagofuru { background-image:url(../sppr/images/sppr-head-kagofuru.jpg);}
			#sppr-head-satanafuru { background-image:url(../sppr/images/sppr-head-satanafuru.jpg);}
			#sppr-head-hwtanafuru { background-image:url(../sppr/images/sppr-head-hwtanafuru.jpg);}
			#sppr-head-yamakoubus { background-image:url(../sppr/images/sppr-head-yamakoubus.jpg);}
			#sppr-head-gis { background-image:url(../sppr/images/sppr-head-gis.jpg);}
			#sppr-head-posting { background-image:url(../sppr/images/sppr-head-posting.jpg);}
			#sppr-head-handing { background-image:url(../sppr/images/sppr-head-handing.jpg);}
			#sppr-head-pressrelease { background-image:url(../sppr/images/sppr-head-pressrelease.jpg);}
			#sppr-head-mail { background-image:url(../sppr/images/sppr-head-mail.jpg);}
	.sppr-art { padding:20px 0 0 0; clear:both;}
		.sppr-art h2 { width:390px; height:42px; margin:0; padding:18px 0 0 35px; color:#FFF; font-size:16px; line-height:20px; background-color:#427CC4; background: url(../sppr/images/sppr-art-h2.jpg) no-repeat; overflow:hidden;}
		.sppr-art p { padding:5px 35px; margin:0; font-size:12px; line-height:18px;}
		.sppr-art .fr { margin:0 0 0 12px;}
		.sppr-art .fl { margin:0 12px 0 0 ;}
	.sppr-note { padding:28px 15px; }
		.sppr-note p { width:355px; padding:10px 20px; margin:0; font-size:12px; line-height:18px; background-color:#FAF1D3;}
		.sppr-note table { width:395px; padding:10px 20px;  background-color:#FAF1D3; }
			.sppr-note td { padding:0 0 18px 0; font-size:10px; line-height:12px; text-align:center;}
			.sppr-note td img { border:none;}
	#sppr-example {padding:15px 0 0 0;}
		#sppr-example h2 { width:390px; height:30px; margin:0 0 10px 0; padding:10px 0 0 35px; font-size:16px; line-height:20px; background:url(../sppr/images/sppr-example-h2.jpg) no-repeat; overflow:hidden;}
		#sppr-example h3 { width:390px; height:25px; margin:0; padding:15px 0 0 35px; font-size:14px; line-height:20px; color:#FF6600; background:url(../sppr/images/sppr-example-h3.gif) no-repeat; overflow:hidden;}
		#sppr-example p { width:355px; margin:0; padding:5px 35px 25px 35px; font-size:12px; line-height:18px; background:url(../sppr/images/sppr-example-bg.gif) no-repeat bottom; }
			#sppr-example p span { display:block; width:100%; text-align:right;}
		#sppr-example ul { margin:0; padding:10px 35px 25px 35px; list-style:none;}
			#sppr-example li { display:block; width:325px; margin:0; padding:4px 0 4px 30px; line-height:20px; font-size:14px; background-repeat: no-repeat; background-position:left;background-image:url(../sppr/images/sppr-idea.gif); color:#333; font-weight:bold;}
	#sppr-download {padding:15px 0 0 0;}
		#sppr-download h2 { width:390px; height:30px; margin:0 0 10px 0; padding:10px 0 0 35px; font-size:16px; line-height:20px; background:url(../sppr/images/sppr-download-h2.jpg) no-repeat; overflow:hidden;}
		#sppr-download ul { margin:0; padding:10px 35px 25px 35px; list-style:none;}
			#sppr-download li { display:block; width:325px; margin:0; padding:4px 0 4px 30px; line-height:20px; font-size:12px; background-repeat: no-repeat; background-position:left;}
		.sppr-pdf { background-image:url(../sppr/images/sppr-pdf.gif);}
	#sppr-contact {padding:15px 0 15px 0;}
		#sppr-contact h2 { width:390px; height:30px; margin:0 0 10px 0; padding:10px 0 0 35px; font-size:16px; line-height:20px; background:url(../sppr/images/sppr-contact-h2.jpg) no-repeat; overflow:hidden;}
		#sppr-contact p { text-align:center; font-size:12px; line-height:18px;}