@charset "utf-8";

/*　検索部分（タブとレイアウト｜フォーム関連のCSSはform.cssを参照）
------------------------------------------------------------------*/

#intro_page {
	clear: both;
	width: 217px;
	margin: 8px 0 0;
	border: #DFDFDF 1px solid;
	background: #FFFFFE url(../images/intro-bg-page.gif) top repeat-x;
}

#introtab_page {
	width: 215px;
	margin: 8px 0 0;
}

/*---

#introtab_page h2 {
	font-size: 12px;
	line-height: 100%;
	font-weight: normal;
}

ul#nav {
	position: relative;
	top: 8px;
	left: 5px;
	width: 208px;
	height: 20px;
	margin: 0;
}

ul#nav li {
	float: left;
	width: 52px;
	list-style-type: none;
}

ul.introtab_page1 { background: url(../images/intro-tab-page_f01.gif) no-repeat; }
ul.introtab_page2 { background: url(../images/intro-tab-page_f02.gif) no-repeat; }
ul.introtab_page3 { background: url(../images/intro-tab-page_f03.gif) no-repeat; }
ul.introtab_page4 { background: url(../images/intro-tab-page_f04.gif) no-repeat; }

ul#nav li#introtab_page1Nav { left: 0px; margin: 0 }
ul#nav li#introtab_page2Nav { left: 52px; margin: 0 }
ul#nav li#introtab_page3Nav { left: 104px; margin: 0 }
ul#nav li#introtab_page4Nav { left: 156px; margin: 0 }

ul#nav li a {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 0 !important;
	height:20px; ※注
	padding-top: 20px;
}

---*/

/*--- タブの部分 ---*/

#introtab_page ul {
	width: 208px;
	height: 20px;
	margin: 0 0 11px 5px;
	text-align: center;
}

#introtab_page li {
	float: left;
	width: 52px;
	list-style-type: none;
	height: 20px;
	font-size: 0;
	text-indent: -9999px;
}

#introtab_page li a {
	display: block;
	overflow: hidden;
	width: 100%;
	list-style-type: none;
	height: 0 !important;
	height /**/:20px;
	padding-top: 20px;
}

#introtab_page1 {
	margin: 0;
	background-image: url(../images/intro-tab-page_f01.gif);
}

#introtab_page2 {
	margin: 0;
	background-image: url(../images/intro-tab-page_f02.gif);
	background-position: -52px 0;
}

#introtab_page3 {
	margin: 0;
	background-image: url(../images/intro-tab-page_f03.gif);
	background-position: -104px 0;
}

#introtab_page4 {
	margin: 0;
	background-image: url(../images/intro-tab-page_f04.gif);
	background-position: -156px 0;
}

#introtab_page1 a {
	background-image: url(../images/intro-tab-page_f02.gif);
}

#introtab_page2 a {
	background-image: url(../images/intro-tab-page_f03.gif);
	background-position: -52px 0;
}

#introtab_page3 a {
	background-image: url(../images/intro-tab-page_f04.gif);
	background-position: -104px 0;
}

#introtab_page4 a {
	background-image: url(../images/intro-tab-page_f01.gif);
	background-position: -156px 0;
}


.introseach_page {
	width: 206px;
	height: 93px;
	padding: 0 0 0 9px;
	font-size: 12px;
	line-height: 1.2;
}

.introkey_page {
	clear: both;
	width: 201px;
	margin: 0;
	padding: 8px;
	background-color: #FFFFFF;
	font-size: 12px;
	background: #FFFFFE url(../images/introkey-page-bg.jpg) top repeat-x;
}

.introkey_page h3 {
	margin: 0 0 8px;
}

.introkey_page p {
	margin: 0;
	font-size: 9px;
	line-height: 1.9;
	letter-spacing: -1px;
}

* + html body .introkey_page p {
	margin: 0;
	font-family: Meiryo,Sans-Serif;
	font-size: 10px;
	line-height: 1.86;
}

*html body .introkey_page p {
	margin: 0;
	line-height: 1.9;
}