@charset "UTF-8";
/* CSS Document */

@import "basic.css";

/*******************************************************************/
/*                                                       container */
/*******************************************************************/
#container {
	background: url(../../../images/top/background.jpg) repeat-x center top;
	width: 100%;
	margin: 0px auto;
	text-align: center;
	}

/*******************************************************************/
/*                                                    top-contents */
/*******************************************************************/
#top-contents {
	width: 760px;
	margin: 0px auto;
	text-align: center;
	
	}
	
		/*	main-image	*/
		#main-image {
			background: url(../../../images/top/main-image.jpg) no-repeat 0px 0px;
			width: 404px;
			height: 184px;
			text-indent: -9999px;
			float: left;
			clear: right;
			}

		/*	topics	*/
		#topics {
			background: url(../../../images/top/topics-background.gif) repeat-y 0px 0px;
			float: right;
			width: 356px;
			font-size: 75%;
			}
			
			#topics-ttl-box {
				background: url(../../../images/top/topics-box.jpg) no-repeat right top;
				width: 356px;
				}

				#topics-ttl-box h2 {
					background: url(../../../images/top/topics-ttl.jpg) no-repeat right top;
					width: 232px;
					height: 45px;
					text-indent: -9999px;
					float: left;
					clear: right;
					}

				#topics-ttl-box p a {
					background: url(../../../images/top/topics-list.gif) no-repeat 0px 0px;
					width: 124px;
					height: 28px;
					text-indent: -9999px;
					float: right;
					display: block;
					text-decoration: none;
					margin-top: 17px;
					margin-left: -1px;
					}
			
			#topics ul {
				background: url(../../../images/top/topics-bottom.gif) no-repeat center bottom;
				width: 356px;
				text-align: left;
				list-style: none;
				padding: 8px 12px 15px 12px;
				/*	min-height	*/
				min-height: 155px;
				height: auto !important;
				height: 155px;
				}
				#topics > ul {
					min-height: 127px;
					height: auto !important;
					height: 127px;
					width: 332px;
					}

				#topics ul li {
					line-height: 160%;
					padding: 3px 0px;
					}
					
				#topics ul li:after{
					content:".";
					display:block;
					height:0;
					clear:both;
					visibility:hidden;
					}
				#topics ul li{display:inline-block;}
				/* Hides from IE-mac \*/ 
				* html #topics ul li {height: 1%;}
				#topics ul li {display: block;}
				/* End hide from IE-mac */
					
					#topics ul li span {
						background: url(../../../images/top/topics-icon.gif) no-repeat 0px 4px;
						padding-left: 25px;
						width: 112px;
						float: left;
						clear: right;
						}
						#topics ul li > span {
							width: 87px;
							}

					#topics ul li a {
						float: right;
						width: 215px;
						margin-left: 5px;
						}

/*******************************************************************/
/*                                                           flash */
/*******************************************************************/
#flash {
	width: 776px;
	height: 430px;
	margin: 0px auto;
	text-align: center;
	background: url(../../../images/common/print/flash.jpg) no-repeat 0px 0px;
	}
	
	#flashcontent {
		display: none;
		}