@import "common.css";

/* ----- top CSS ----- */

/* // catch // */
h2#title_h2 {
	clear			: both;
	display			: block;
	text-indent		: -9999em;
	height			: 55px;
	margin			: 0 0 20px 0;
	background		: URL(../images/top/top_catch_1.gif) no-repeat;
}

h2#title_h2_2 {
	clear			: both;
	display			: block;
	text-indent		: -9999em;
	height			: 55px;
	margin			: 0 0 20px 0;
	background		: URL(../images/top/top_catch_2.gif) no-repeat;
}

h3.top_h3 {
	margin			: 0 0 10px 0;
	font-size		: 130%;
	color			: #00587f;
}

/* // rayout // */
/* //// for IE6 under #main //// */
* html .reader_1 {
	width			: 615px;
	height			: 150px;
	padding			: 0 0 0 165px;
	background		: URL(../images/top/top_visual_1.jpg) no-repeat;
}
/* //// for IE7 and more Modern Browsers #main //// */
html>body .reader_1 {
	width			: 450px;
	height			: 150px;
	padding			: 0 0 0 165px;
	background		: URL(../images/top/top_visual_1.jpg) no-repeat;
}

/* //// for IE6 under #main //// */
* html .reader_2 {
	width			: 615px;
	height			: 150px;
	padding			: 0 0 0 165px;
	background		: URL(../images/top/top_visual_2.jpg) no-repeat;
}
/* //// for IE7 and more Modern Browsers #main //// */
html>body .reader_2 {
	width			: 450px;
	height			: 150px;
	padding			: 0 0 0 165px;
	background		: URL(../images/top/top_visual_2.jpg) no-repeat;
}

.reader_3 {
	margin			: 30px 0 0 0;
}

hr.top_hr {
	margin			: 30px 0;
}