@charset "UTF-8";

#home-top { background:#FFF url(../images/home-top-bg.jpg) repeat-x top; width:100%; height:354px; overflow:hidden; text-align: center; }
	#roundabout { width:870px; margin:0 auto; padding-top:30px; text-align:center; }
		#roundabout ul { display:block; width:280px; height:310px;list-style: none; padding:0; margin:0 auto;}
			#roundabout li { display:block; width:750px; height:310px; padding:0; margin:0; text-align: center; }
			#roundabout li img { width:100%; height:100%;}

#guide { width:300px; float:right; }
	#guide h2 { padding:0;}
	#guide iframe { margin:10px;}

#greeting { width:500px; float:left; }
	#greeting h2 { padding:0;}
	#greeting p { padding:0;}

#blog { clear:both; width:820px; padding:20px 0 20px 0;}
	#blog h2 { display:block; padding:12px 0 12px 25px; font-size:22px; line-height:28px; color:#FF557E; background:url(../images/h2-bg.jpg) no-repeat left;}
	#blog ul { display:block; width:780px; padding:8px 20px; margin:0; list-style:none;}
	#blog li { display:block; font-size:14px; line-height:20px; padding:4px 0 4px 100px;}
		#blog li .date { display:block; width:100px; overflow: hidden; float:left; font-family:Arial, Helvetica, sans-serif; margin-left:-100px;}
		#blog li a { color:#666; text-decoration:none;}
		#blog li a:hover { color:#003333; text-decoration: underline;}

#example { clear:both; width:820px; padding:0;}
	#example h2 { display:block; padding:12px 0 12px 25px; font-size:22px; line-height:28px; color:#FF557E; background:url(../images/h2-bg.jpg) no-repeat left;}
	#example h3 { padding:8px 0; margin:0; font-size:16px; line-height:20px; font-weight:normal;}
		#example h3 a { display:block; padding:8px 15px; color:#333; text-decoration: none; background-image:url(../images/golist.png); background-repeat: no-repeat; background-position: right;}
		#example1 a { width:350px; background-color:#EAF0FD;}
			#example1 a:hover { background-color:#D7E5FC;}
		#example2 a { width:350px; background-color:#F2DEFE;}
			#example2 a:hover { background-color:#E4C1FD;}
		#example3 a { width:350px; background-color:#D3F1D8;}
			#example3 a:hover { background-color:#AAE5B6;}
		#example4 a { width:150px; background-color:#EFE6D1;}
			#example4 a:hover { background-color:#DFCFAB;}
		#example5 a { width:150px; background-color:#BBE6D1;}
			#example5 a:hover { background-color:#81CFAB;}
	#example-inner { padding:8px;}
	#example td { vertical-align:top; padding:10px;}