@charset "UTF-8";
@import url("layout_basic.css");

/*
-----------------------------------------------------

CHINTAI AREA TOP CSS

FileName: area_top.css

Version: 2008/03/03

CSS for:	all

-----------------------------------------------------
*/
/* --- tabHeader --- */
ul.tabHeader li {
	padding: 0;
	display: inline;
	float: left;
	width: 126px;
	height: 26px;
}
ul.tabHeader li a {
	display: block;
	width: 126px;
	height: 26px;
}
ul.tabHeader li.tabEnsen {
	background: url(../images/bt_line_on.gif) no-repeat;
}
ul.tabHeader li.tabEnsen a:link,
ul.tabHeader li.tabEnsen a:visited {
	background: url(../images/bt_line.gif) no-repeat;
}
ul.tabHeader li.tabEnsen a:hover {
	background: url(../images/bt_line_ov.gif) no-repeat;
}
ul.tabHeader li.tabArea {
	background: url(../images/bt_address_on.gif) no-repeat;
}
ul.tabHeader li.tabArea a:link,
ul.tabHeader li.tabArea a:visited {
	background: url(../images/bt_address.gif) no-repeat;
}
ul.tabHeader li.tabArea a:hover {
	background: url(../images/bt_address_ov.gif) no-repeat;
}
ul.tabHeader li.tabTime {
	background: url(../images/bt_time_on.gif) no-repeat;
}
ul.tabHeader li.tabTime a:link,
ul.tabHeader li.tabTime a:visited {
	background: url(../images/bt_time.gif) no-repeat;
}
ul.tabHeader li.tabTime a:hover {
	background: url(../images/bt_time_ov.gif) no-repeat;
}
ul.tabHeader li.tabMap {
	background: url(../images/bt_map_on.gif) no-repeat;
}
ul.tabHeader li.tabMap a:link,
ul.tabHeader li.tabMap a:visited {
	background: url(../images/bt_map.gif) no-repeat;
}
ul.tabHeader li.tabMap a:hover {
	background: url(../images/bt_map_ov.gif) no-repeat;
}
ul.tabHeader li.tabMagazine {
	background: url(../images/bt_magazine_on.gif) no-repeat;
}
ul.tabHeader li.tabMagazine a:link,
ul.tabHeader li.tabMagazine a:visited {
	background: url(../images/bt_magazine.gif) no-repeat;
}
ul.tabHeader li.tabMagazine a:hover {
	background: url(../images/bt_magazine_ov.gif) no-repeat;
}
ul.tabHeader li.tabShuto {
	padding: 4px 0 0 10px;
	border-right: 1px solid #3F8ECE;
	width: 493px;
	height: 21px;
	background: url(../images/bt_white.gif) repeat-x;
}
ul.tabHeader li.tabHere a {
	display: none;
}
ul.tabHeader li.tabNoneS {
	background: url(../images/bt_none_s.gif) no-repeat;
}
/* --- searchStep --- */
div.searchFrame {
	clear: both;
}
div.searchStep1,
div.searchStep2,
div.searchStep3 {
	float: left;
	height: 200px;
}
div.searchStep1 {
	padding: 5px 9px 0 0;
	width: 120px;
}
div.searchStep2 {
	padding: 5px 9px 0 0;
	width: 280px;
}
div.searchStep3 {
	padding: 5px 0 0 0;
	width: 190px;
}
div.searchStep1List,
div.searchStep2List,
div.searchStep3List {
	width: 100%;
	height: 200px;
	overflow: auto;
	background-color: #F1F6FC;
}
/*   操作方法の説明文の表示(2008.2.21追加)
-----------------------------------------------------
/* --- ss3ListOn・Off --- */
div.ss3ListEnsenOn {
	background: #F1F6FC url(../images/bg_ss3List_en.gif) no-repeat;
}
div.ss3ListEnsenOff {
	background: #F1F6FC;
}
div.ss3ListAreaOn {
	background: #F1F6FC url(../images/bg_ss3List_ar.gif) no-repeat;
}
div.ss3ListAreaOff {
	background: #F1F6FC;
}
/* --- ここまで(2008.2.21追加) --- */
div.searchStep1List ul li,
div.searchStep2List ul li,
div.searchStep3List ul li {
	padding: 4px;
	height: 1.1em;
	clear: both;
}
div.searchStep1List ul li.onStep1 {
	background-color: #FFE680;
}
div.searchStep1List ul li.onStep1 a {
	color: #000000;
}
div.searchStep3List ul li.row1 {
	border-bottom: 1px dotted #0066FF;
	background-color: #FFF6E8;
}
div.searchStep3List ul li.row2 {
	border-bottom: 1px dotted #0066FF;
	background-color: #EDF7FF;
}
div.searchStep3List ul li span {
	display: block;
	float: left;
	width: 135px;
}
div.searchStep3List ul li a {
	display: block;
	float: right;
	width: 26px;
}
/*   情報誌から探す
-----------------------------------------------------
/* --- searchBook --- */
div.searchBook {
	margin: 0 150px;
	clear: both;
	width: 630px;
}/* --- searchMagazine --- */
div.searchMagazine table.jokenChoice {
	margin: 5px auto 15px;
	width: 350px;
}
div.jokenBtnArea a.magazineSearchBtn {
	margin: 0 100px 0 200px;
}
/* --- jokenBtnArea --- */
div.jokenBtnArea {
	margin: 0;
	padding: 0;
	clear: both;
	width: 608px;
	height: 67px;
	vertical-align: top;
}
div.jokenBtnArea div.arrowIcon {
	padding: 0 79px 0 500px;
	width: 29px;
	height: 20px;
}
div.jokenBtnArea p.btnRight {
	padding: 6px 10px 4px 80px;
	width: 190px;
	height: 35px;
	background: #F1F6FC url(../images/ti_search.gif) no-repeat 0% 0%;
}
div.jokenBtnArea ul.notes {
	margin: 20px 0 0;
	padding: 0;
	width: 300px;
}
/*   フッター for SEO
-----------------------------------------------------
/* --- reaLinkList --- */
div.prefLinkList {
	width: 630px;
}
div.prefLinkList .ccFootImg {
	margin: 0 10px;
	width: 610px;
}
/* --- ccFooter --- */
h2. div.ccFooter {
	font-size: 12px;
	color: #F6F7F7;
	}

div.prefLinkList div.ccFooter {
	margin: 0 10px;
	width: 608px;
}
div.prefLinkList .ccFooter ul {
	margin: 10px 0 10px 30px;
	clear: both;
	color: #666666;
}
div.prefLinkList .ccFooter ul li {
	display: block;
	float: left;
	width: 285px;
	height: 40px;
}
div.prefLinkList .ccFooter ul li.mmLink {
	width: 570px;
}
div.prefLinkList .ccFooter ul li ul {
	margin: 0;
}
div.prefLinkList .ccFooter ul li ul li {
	display: inline;
	float: none;
	font-size: 120%;
	white-space: nowrap;
}
div.prefLinkList .ccFooter ul li ul li a {
	padding-right: 2px;
	font-size: 80%;
}
/*   情報誌「CHINTAI」の検索機能の使い方
-----------------------------------------------------
/* --- bookHelp --- */
div.bookHelp {
	margin: 20px 10px 5px;
	width: 570px;
}
div.bookHelp div {
	padding: 5px 0 5px 3px;
	border-top: 1px solid #006699;
}
div.bookHelp p {
	padding: 5px 0 10px;
}
div.bookHelp p.bookHowto1 img{
	float: right;
}
div.bookHelp p.bookHowto2 {
	text-align: center;
}
div.bookHelp div.jokenBtnArea,
div.bookHelp div.footerMenu {
	border: none;
	width: 570px;
}