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

/* [ GENERAL STYLES ]============================================================ */

/* [ HEADER ]============================================================ */

/* [ MAIN CONTENT ]============================================================ */
#content {
	height: 680px;
	background: url(images/mainvisual.png) no-repeat 200px 0px;
	_background: url(images/mainvisual.png) no-repeat 200px -20px;
	_margin-top: 20px;
	/* キャンペーンバナー使用時
	background: url(images/mainvisual.png) no-repeat 200px 80px;
	*/
	}

#main {
	position: relative;
	margin-left: 200px;
	background-image: none;
	}
	
	#update {
		width: 300px;
		position: absolute;
		top: 472px;
		left: 0px;
		background: #fff;
		_left: -30px;
		_top: 450px;
		_width: 300px;
		}
		#update h3 {
			margin: 0 0 15px 0;
			padding: 5px;
			padding-left: 15px;
			border: 0;
			background: url(images/bg_header.png);
			color: #CCFF00;
			}
		#update dl {
			height: 417px;
			overflow: auto;
			margin-top: 0;
			margin-bottom: 0;
			padding: 0 15px 15px 15px;
			border-bottom: 2px dotted #efefef;
			_height: 453px;
			}

		html:first-child #update dl { height: 335px; }

		#update dt {
			margin-top: 10px;
			padding-top: 5px;
			border-top: 1px dashed #aaa;
			}
		#update dd {
			line-height: 130%;
			}
		#update p,
		#update ul,
		#update div {
			padding-left: 15px;
			background: #fff;
			}
	
	#main #topix {
		width: 190px;
		height: 400px;
		position: absolute;
		top: 0px;
		left: 327px;
		_left: 290px;
		}
		#topix2 {
			margin: 25px 0 30px 0;
			}

/* [ BLOG RSS FEED @ index ]============================================================ */
#topix3 {
	width: 200px;
	padding-bottom: 40px;
	border: 1px solid #ddd;
	background: #fff url(images/bg_blog.png) no-repeat right bottom;
	}
	#topix3 p.rss-title {
		margin-bottom: 0;
		padding: 10px;
		}
	#topix3 ul.rss-items {
		margin-top: 0;
		padding: 10px;
		}
		#topix3 li.rss-item {
			padding-bottom: 2px;
			border-bottom: 1px dashed #aaa;
			}
		#topix3 li .rss-date {
			color: #888;
			font-size: 0.9em;
			}
	#topix3 #rssview {
		 height: 509px;
		 overflow: auto;
		 _height: 500px;
		 }

	html:first-child #topix3 #rssview { height: 420px; }

/* [ SUB CONTENTS @ index ]============================================================ */
#insidelink {
	clear: both;
	margin-top: 450px;
	_margin-top: 20px;
	}
	#insidelink div {
		width: 325px;
		_width: 345px;
		height: 80px;
		_height: 85px;
		margin-top: 5px;
		margin-bottom: 10px;
		background : url(images/banner_plate_w340.png) no-repeat left top;
		}
		#insidelink h3, #insidelink dt {
			margin-bottom: 5px;
			}

		.leftside {
			float: left;
			padding: 5px 10px 5px 10px;
			}
		.rightside {
			float: right;
			padding: 5px 10px 5px 10px;
			}

		ul#recruit {
			margin-top: 7px;
			}
		ul#recruit li {
			display: inline;
			}

	#adlink {
		clear: both;
		margin-top: 20px;
		margin-bottom: 20px;
		_margin-top: 30px;
		background-color: #fff;
		}
	#adlink table { width: 100%; }
	#adlink table td {
		width: auto;
		padding: 10px;
		font-size: small;
		text-align: center;
		vertical-align: center;
		_font-size: 12px;
		}
		#adlink table td p {
			padding-top: 3px;
			text-align: center;
			line-height: 130%;
			}
		.separate {
			border-left: 1px dotted #888;
			}
		.kifftext {
			width: 335px;
			margin-left: 30px;
			}

		#mailmag {
			position: relative;
			}
			#mailmag dd img {
				position: absolute;
				left: 235px;
				top: 15px;
				}
			#mailmag input {
				padding: 0;
				margin: 0;
				line-height: 100%;
				/font-size: 12px;
				/height: 18px;
				}
				.inputmail { /width: 140px; }

		.apbanner {
			float: right;
			_margin-top: 10px;
			padding: 5px 10px 5px 10px;
			}
			.apbanner dt { font-weight: bold; }
			
			.apbanner dd img { float: left; }
			.apbanner p { _float: right; }


/* [ SUPONSORS LOGOLINK @ index ]============================================================ */
#sponsors {
	clear: both;
	height: 400px;
	margin: 15px 0;
	padding: 20px 0;
	background-color: #fff;
	text-align: center;
	_padding-top: 10px;
	}
	#sponsors caption {
		margin-left: 15px;
		margin-bottom: 15px;
		_padding-left: 15px;
		color: #e4007f;
		font-weight: bold;
		text-align: left;
		}
	#sponsors th {
		font-size: x-small;
		color: #666;
		_font-size: 10px;
		}
	#sponsors td {
		padding: 5px;
		text-align: center;
		}

	#sps-osaka {
		float: left;
		margin-right: 10px;
		padding-right: 10px;
		border-right: 1px solid #555;
		}
	#sps-osaka table {
		margin-bottom: 10px;
		}
		#sps-osaka1 {
			width: 510px;
			/width: 490px;
		}
		#sps-osaka2,
		#sps-osaka3 {
			width: 510px;
			margin-left: 5px;
			/width: 490px;
			}
	html:first-child #sps-osaka2,
	html:first-child #sps-osaka3 {width: 490px;}
	#sps-national {
		float: right;
		}

/*
div, ul,dl { border: 1px solid red; }
*/