@charset "UTF-8";

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

CHINTAI TOOLS CSS

FileName: tools.css

Version: 2008/12/11

CSS for:	all

-----------------------------------------------------
*/
/*   リニューアル対応（2008.12.01追加）
-----------------------------------------------------
/* --- common --- */
div.mainBox p.btnRight {
	padding: 0 0 0 4px;
	display: inline;
	float: right;
	text-align: right;
}
div.mainBox .attention {
	color: #CC0000;
}
/* clear */
.clear {
	clear: both;
}
br.clear {
	line-height: 1pt;
	font-size: 1pt;
}
/* --- mainBox --- */
div.mainBox {
	margin: 0 auto;
	width: 608px;
	font-size: 90%;
}
div.subHeader {
	margin: 10px 0;
	padding: 4px;
	clear: both;
	width: 600px;
	height: 2em;
	background-color: #ECF8FA;
}
div.subHeader p.subTitle {
	color: #1B4AB9;
	font-weight: bold;
	display: inline;
	float: left;
	padding: 4px;
}
div.mainBox em {
	color: #1B4AB9;
	font-style: normal;
	font-weight: bold;
}
/* --- messageBoard --- */
div.mainBox .messageBoard {
	width: 600px;
	height: 230px;
	background: url(../../common/images/bg.gif) no-repeat center center;
	text-align: center;
}
div.mainBox .messageBoard ul li {
	line-height: 200%;
}
div.mainBox .messageBoard p {
	padding: 5px;
	vertical-align: top;
	text-align: center;
}
/* --- privacyInfo --- */
div.mainBox .privacyInfo {
	clear: both;
	text-align: center;
}
div.mainBox .privacyInfo em {
	margin: 15px 0 5px;
	display: block;
/*	font-size: 90%;*/
}
div.mainBox .privacyInfo iframe {
	border: 1px solid #CCCCCC;
	width: 500px;
	height: 150px;
}
div.mainBox .privacyInfo p {
	margin: 5px 0 10px;
}
/* --- searchJapanMap --- */
.searchJapanMap {
	text-align: center;
}
/* --- toolsBtnArea --- */
.toolsBtnArea {
	clear: both;
	width: 590px;
	text-align: center;
}
.toolsBtnArea input,
.toolsBtnArea img {
	margin: 5px;
}
.toolsBtnArea a img {
	vertical-align: top;
}
.toolsBtnArea p {
	padding: 10px 0;
}
.toolsBtnArea p.btnRight {
	width: 590px;
	text-align: right;
}
.toolsBtnArea p.btnLeft {
	padding: 0;
	width: 230px;
	text-align: left;
}
.toolsBtnArea p.btnLeft img {
	margin: 0;
}
/*   tools original
-----------------------------------------------------
/*   雑誌・書籍注文
-----------------------------------------------------
/* --- magForm --- */
table.magSelectForm,
table.magEntryForm,
table.magOrderForm {
	margin: 20px 0 10px;
	border-top: 1px solid #1B4BBA;
	border-left: 1px solid #1B4BBA;
	border-collapse: collapse;
	clear: both;
	width: 600px;
}
table.magSelectForm th, table.magSelectForm td,
table.magEntryForm th, table.magEntryForm td,
table.magOrderForm th, table.magOrderForm td {
	padding: 4px;
	border-bottom: 1px solid #1B4BBA;
	border-right: 1px solid #1B4BBA;
	background-color: #FFFFFF;
	font-weight: normal;
	text-align: left;
}
table.magSelectForm th,
table.magEntryForm th,
table.magOrderForm th {
	color: #1B4AB9;
	background-color: #F4F7FC;
}
table.magEntryForm th {
	width: 32%;
}
table.magEntryForm td {
	width: 68%;
}
table.magSelectForm .tblTtl {
	padding: 5px;
	color: #FFFFFF;
	background-color: #1B4AB9;
	font-weight: bold;
	text-align: left;
}
table.magSelectForm td label,
table.magEntryForm td label {
	padding: 5px;
}
table.magSelectForm td p {
	padding: 5px;
}
/* --- magSelectForm --- */
table.magSelectForm th.magHeader1 {
	width: 35%;
}
table.magSelectForm th.magHeader2 {
	width: 24%;
}
table.magSelectForm th.magHeader3 {
	width: 12%;
}

table.magSelectForm th.magHeader4 {
	width: 10%;
}
table.magSelectForm th.magHeader5 {
	width: 19%;
}
table.magSelectForm td p {
	padding: 0;
	color: #FF0000;
}
/* --- magOrderForm --- */
table.magOrderForm th.magHeader1 {
	width: 40%;
}
table.magOrderForm th.magHeader2 {
	width: 10%;
}
table.magOrderForm th.magHeader3 {
	width: 10%;
}
table.magOrderForm th.magHeader4 {
	width: 15%;
}
table.magOrderForm th.magHeader5 {
	width: 10%;
}
table.magOrderForm th.magHeader6 {
	width: 15%;
}
table.magOrderForm td.magFooter1 {
	text-align: right;
}
table.magOrderForm td.magFooter1,
table.magOrderForm td.magFooter2 {
	color: #FF0000;
}
/* --- magFormEnd --- */
table.magFormEnd {
	margin: 20px auto;
	width: 600px;
	height: 400px;
	color: #000000;
	background: url(../../common/images/bg_l.gif) no-repeat center center;
}
table.magFormEnd td {
	padding: 10px 25px;
	vertical-align: top;
	text-align: left;
}
table.magFormEnd td p {
	text-align: center;
}
/* --- 2009.3.11 改修で追加 --- */
/*注文完了 雑誌購入者アンケート*/
table.magFormEnd {
	margin-top: 10px;
}
table.magFormEndEnq {
	margin: 0 auto;
	width: 600px;
	height: 80px;
	color: #000000;
}
table.magFormEndEnq th {
	padding: 0 10px 0 20px;
	width: 220px;
}
table.magFormEndEnq td {
	padding: 5px 10px 0;
	width: 330px;
	vertical-align: top;
	text-align: left;
}
/* --- 2009.3.11 改修で追加 ここまで --- */
/*   不動産会社に探してもらう
-----------------------------------------------------
/* --- staticBox --- */
div.staticBox {
	margin: 0 auto;
	width: 608px;
/*	font-size: 80%;*/
}
/* --- requestStep --- */
.requestStep {
	margin: 10px 0;
}
.requestStep td {
	line-height: 105%;
	vertical-align: top;
/*	font-size: 90%;*/
}
.requestStep td.colTitle {
	background-color: #EEEEEE;
}
.requestJokenBtn {
	width: 605px;
}
.requestJokenBtn img {
	margin: 0 0 10px;
}
.requestJokenBtn p.btnRight {
	margin: 0;
	padding: 0;
}
/* --- orderIdInfo --- */
div.orderIdInfo {
	border: 1px solid #1B4BBA;
	background-color: #FFFFFF;
}
div.orderIdInfo div.subHeader {
	margin: 0;
	width: 598px;
	height: 1.5em;
}
div.orderIdInfo div.subHeader p.subTitle {
	padding: 0;
}
div.orderIdInfo table td {
	padding: 3px;
}
div.orderIdInfo span {
	display: block;
	color: #FF0000;
}
div.orderIdInfo td.toLogin .toolsBtnArea {
	width: 230px;
}
div.orderIdInfo td.toLogoff .toolsBtnArea {
	width: 180px;
}
/* --- requestJokenCity --- */
div.subHeader p.subTitle span {
	color: #FF0000;
}
div.prefName {
	margin-top: 5px;
	border-bottom: 1px solid #A5CEE9;
	background: none;
}
div.prefName p.subTitle {
	color: #000000;
	font-weight: normal;
}
div.prefName p.subTitle label {
	padding-left: 5px;
	font-weight: bold;
}
div.requestInputData {
	height: 30px;
	background-color: #3F8ECE;
}
ul.cityName li {
	padding: 3px 0 0 4px;
	display: inline;
	float: left;
	width: 146px;
}
div.hrLine {
	margin-bottom: 10px;
	border-bottom: 2px solid #A5CEE9;
	clear: both;
	width: 608px;
	height: 2px;
	font-size: 1px;
}
/* --- requestInput --- */
ul.requestNotes {
	margin: 5px 0 5px 40px;
}
ul.requestNotes span {
	color: #FF0000;
}
/* --- jokenChoice --- */
table.jokenChoice {
	margin-top: 10px;
	border-top: 1px solid #1B4BBA;
	border-left: 1px solid #1B4BBA;
	border-collapse: collapse;
	clear: both;
	width: 605px;
}
table.jokenChoice th, table.jokenChoice td {
	padding: 4px;
	border-right: 1px solid #1B4BBA;
	border-bottom: 1px solid #1B4BBA;
}
table.jokenChoice th {
	width: 180px;
	vertical-align: top;
	color: #1B4AB9;
	background-color: #F4F7FC;
	font-weight: normal;
	text-align: left;
}
table.jokenChoice td {
	width: 425px;
}
table.jokenChoice td label {
	padding: 0 3px;
}
table.jokenChoice td span {
	padding-top: 3px;
	display: block;
	float: left;
	white-space: nowrap;
}
table.jokenChoice td.madoriChoice span {
	width: 24%;
}
#requestJoken1 table.jokenChoice td p,
#requestJoken2 table.jokenChoice td p,
#requestJoken3 table.jokenChoice td p {
	padding: 5px 0 0;
}
/* --- requestFormEnd --- */
table.requestFormEnd {
	margin: 20px auto;
	padding: 20px 0;
	width: 600px;
	height: 400px;
	color: #000000;
	background: url(../../common/images/bg_l.gif) no-repeat center center;
}
table.requestFormEnd td {
	padding: 10px 25px;
	vertical-align: top;
	text-align: center;
}
/* --- requestUserForm --- */
table.requestUserForm {
	margin: 10px auto;
	border-top: 1px solid #1B4BBA;
	border-left: 1px solid #1B4BBA;
	border-collapse: collapse;
	clear: both;
	width: 500px;
}
table.requestUserForm th, table.requestUserForm td {
	padding: 4px;
	border-right: 1px solid #1B4BBA;
	border-bottom: 1px solid #1B4BBA;
}
table.requestUserForm th {
	width: 180px;
	vertical-align: top;
	color: #1B4AB9;
	background-color: #F4F7FC;
	font-weight: normal;
	text-align: left;
}
table.requestUserForm td {
	width: 320px;
}
table.requestUserForm td p {
	padding: 5px 0 0;
}
.userFormLink {
	margin: 10px 0;
	padding: 20px 10px 10px;
	border-top: 1px solid #CCCCCC;
	clear: both;
	width: 580px;
	text-align: center;
}
table.requestUserForm td.requestUserInfo {
	width: 500px;
}
table.requestUserForm td div.userFormLink {
	margin: 10px 0 0;
	padding: 0;
	border-top: none;
	width: 480px;
}
table.requestUserForm td.requestUserInfo p {
	padding: 0;
}
table.requestUserForm td label {
	padding: 0 5px;
}
/* --- zipSearch --- */
div#zipSearch {
	margin: 10px auto;
	width: 400px;
}
div#zipSearch em {
	color: #6666FF;
}
div.zipHeader {
	padding: 10px 0;
	border-top: 1px solid #000099;
	border-bottom : 1px solid #000099;
	color: #000099;
	font-weight: bold;
	text-align: center;
}
div.zipHeader p {
	color: #000000;
	font-weight: normal;
}
div#zipSearch table {
	margin: 10px 0;
	border-collapse: collapse;
	width: 400px;
}
table.zipPrefList th {
	width: 13em;
	text-align: left;
}
table.zipPrefList th,
table.zipPrefList td {
	padding: 20px 5px 10px;
}
table.zipPrefList tr.zipRow1 th,
table.zipPrefList tr.zipRow1 td {
	border-bottom : 1px solid #CCCCCC;
}
table.zipPrefList img {
	height: 20px;
}
table.zipCityList {
	border-top: 1px solid #333333;
	border-left: 1px solid #333333;
}
table.zipCityList td {
	padding: 4px 2px;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
	width: 75px;
}
table.zipCityList tr.zipRow2 td {
	background-color: #FFDDDD;
}
table.zipTownList {
	border-top: 1px solid #000099;
	border-left: 1px solid #000099;
}
table.zipTownList th,
table.zipTownList td {
	padding: 4px 2px;
	border-right: 1px solid #000099;
	border-bottom: 1px solid #000099;
}
table.zipTownList th {
	background-color: #6666FF;
	color: #FFFFFF;
}
table.zipTownList td label {
	white-space: nowrap;
}
table.zipTownList tr.zipRow2 td {
	background-color: #DDDDFF;
}
.zipBackBtn {
	padding: 20px 10px 10px;
	clear: both;
	width: 380px;
	text-align: center;
}
.zipCloseBtn {
	padding: 30px 10px 10px;
	border-top: 1px solid #CCCCCC;
	clear: both;
	width: 380px;
	text-align: center;
}
/*   新着お知らせメール
-----------------------------------------------------
/* --- wishStep --- */
.wishStep {
	margin: 10px 0;
}
.wishStep td {
	padding: 0 0 10px;
	vertical-align: top;
}
.wishStep td.colTitle {
	padding: 0;
	background-color: #F1F6FC;
}
.wishStep td.colTitle2 {
	padding: 0;
	border-bottom : 1px solid #1B4AB9;
}
/* --- wishRegistJoken --- */
table.wishRegistJoken td {
	vertical-align: top;
}
table.wishRegistJoken th {
	width: 130px;
}
table.wishRegistJoken td.wishHeader {
	width: 605px;
	color: #FFFFFF;
	background-color: #1B4AB9;
	font-weight: bold;
	text-align: center;
}
table.wishRegistJoken td.wishFooter {
	width: 605px;
}
/*   都道府県選択
-----------------------------------------------------
/* --- prefSelect --- */
div#prefSelect {
	margin: 10px auto;
	width: 280px;
	text-align: center;
}
div.prefSelectHeader {
	padding: 10px 0;
	border-bottom: 3px solid #25259B;
	text-align: left;
}
div#prefSelect p {
	margin: 10px;
	color: #000000;
	font-weight: bold;
}
div#prefSelect ul {
	margin: 20px 0 0;
}
div#prefSelect ul li {
	margin: 2px 0 0 0;
}
/*   タウン情報を調べる
-----------------------------------------------------
/* --- townEnsenBox --- */
div.townEnsenBox {
}
div.townEnsenBox p.subTitle {
	color: #000000;
}
div.townEnsenList {
	padding: 10px;
	background-color: #ECF8FA;
}
div.townEnsenList ul li {
	margin: 0 3px 0 0;
	float: left;
	width: 142px;
	height: 1.3em;
}
/*   不動産会社に探してもらう：サービスガイド
-----------------------------------------------------
/* --- requestService --- */
div.requestService {
	margin: 0 auto;
	width:750px;
/*	font-size: 90%;*/
}
div.requestService ul.h2Menu {
	margin: 10px 20px 10px 0;
	float: left;
}
div.requestService h2 {
	padding: 5px 0 3px 10px;
	clear: both;
	height: 20px;
	color: #006699;
	background-color: #B6E0FF;
	font-size: 100%;
}
div.requestService p {
	padding: 10px 0;
	line-height: 120%
}
div.requestService h3 {
	padding: 0;
	color: #006699;
	font-size: 100%;
}
div.requestService p.ph3 {
	padding: 0 0 10px;
}
div.requestService div.toolsBtnArea,
div.requestService div.footerMenu {
	border: none;
	width: 750px;
}
div.requestService div.toolsBtnArea p.btnRight {
	margin: 0;
	padding: 0;
	width:750px;
}
/*   雑誌書籍を注文：お支払い・商品発送について
-----------------------------------------------------
/* --- orderAbout --- */
div.orderAbout {
	margin: 20px auto 0;
	width:580px;
/*	font-size: 80%;-*/
}
div.orderAbout table {
	margin: 20px auto 10px;
	border-collapse: collapse;
	width: 580px;
}
div.orderAbout table th,
div.orderAbout table td {
	border: 1px solid #333333;
	padding: 5px;
}
div.orderAbout table th {
	width: 120px;
	text-align: left;
	font-weight: normal;
}
div.orderAbout div.toolsBtnArea,
div.orderAbout div.footerMenu {
	border: none;
	width: 600px;
}
/*   雑誌・書籍注文（2008.07.01追加）
-----------------------------------------------------
/* --- toolsBtnArea --- */
div.toolsBtnArea p span.attention {
	padding-top: 5px;
	display: block;
	float: left;
	width: 427px;
	color: #FF0000;
	text-align: left;
}
/* --- magEntryForm --- */
table.magEntryForm {
	margin: 5px 0 10px;
}
ul.cardImg {
	width: 455px;
}
ul.cardImg li {
	padding: 0;
	float: left;
	height: 50px;
	vertical-align: baseline;
}
ul.cardImg li span {
	padding: 6px 2px 0 0;
	display: block;
	float: left;
	height: 30px;
}
/* --- magFormAuthori --- */
table.magFormAuthori {
	background: url(../../common/images/bg_a.gif) no-repeat center center;
}
/* --- zagatCredit --- */
div#main_box_01_02 ul.cardImg {
	width: 292px;
}
ul.cardImg li {
	padding: 0;
	float: left;
	height: 50px;
	width: 145px;
	vertical-align: baseline;
}
ul.cardImg li span {
	padding: 6px 2px 0 0;
	display: block;
	float: left;
	height: 30px;
}
/*   マーケティングレポート注文
-----------------------------------------------------
/* --- tabHeader --- */
.tabHeaderbox {
	border-top: 1px solid #3F8ECE;
	background:url(../../common/images/tabheader_bg.gif) no-repeat right top;
}
		.tabHeaderbox:after { content:"."; display:block; clear:both; height:0; font-size:0; visibility:hidden; }
			/* Hides from IE-mac ¥*/
			* html .tabHeaderbox {height: 1%;}
			/* End hide from IE-mac */
			*+html body .tabHeaderbox {height: 1%;}
			
div.tabHeaderbox ul.tabHeader li {
	padding: 0;
	display: inline;
	float: left;
	height: 26px;
}
div.tabHeaderbox ul.tabHeader li a {
	display: block;
	height: 26px;
}
div.tabHeaderbox ul.tabHeader li.tabIntro {
	width: 227px;
	background: url(../../common/images/bt_ma_re_tab01_on.gif) no-repeat;
}
div.tabHeaderbox ul.tabHeader li.tabIntro a:link,
div.tabHeaderbox ul.tabHeader li.tabIntro a:visited {
	background: url(../../common/images/bt_ma_re_tab01.gif) no-repeat;
}
div.tabHeaderbox ul.tabHeader li.tabIntro a:hover {
	background: url(../../common/images/bt_ma_re_tab01_ov.gif) no-repeat;
}
div.tabHeaderbox ul.tabHeader li.tabGuide {
	width: 226px;
	background: url(../../common/images/bt_ma_re_tab02_on.gif) no-repeat;
}
div.tabHeaderbox ul.tabHeader li.tabGuide a:link,
div.tabHeaderbox ul.tabHeader li.tabGuide a:visited {
	background: url(../../common/images/bt_ma_re_tab02.gif) no-repeat;
}
div.tabHeaderbox ul.tabHeader li.tabGuide a:hover {
	background: url(../../common/images/bt_ma_re_tab02_ov.gif) no-repeat;
}
div.tabHeaderbox ul.tabHeader li.tabForm2 {
	width: 229px;
	background: url(../../common/images/bt_ma_re_tab05_on.gif) no-repeat;
}
div.tabHeaderbox ul.tabHeader li.tabForm2 a:link,
div.tabHeaderbox ul.tabHeader li.tabForm2 a:visited {
	background: url(../../common/images/bt_ma_re_tab05.gif) no-repeat;
}
div.tabHeaderbox ul.tabHeader li.tabForm2 a:hover {
	background: url(../../common/images/bt_ma_re_tab05_ov.gif) no-repeat;
}
div.tabHeaderbox ul.tabHeader li.tabHere a {
	display: none;
}
/* --- mainBox --- */
div.mainBoxReport {
	padding:5px 10px;
	background-color: #FFFFFF;
	border-left: 1px solid #3F8ECE;
	border-right: 1px solid #3F8ECE;
	width: 778px;
}
/* --- subHeader --- */
div.mainBoxReport div.subHeader {
	margin: 10px 0;
	padding: 4px;
	clear: both;
	width: 770px;
	background-color: #ECF8FA;
}
/* --- reportBtnArea --- */
div.mainBoxReport .reportBtnArea {
	margin: 0 auto;
	clear: both;
	width: 778px;
	text-align: center;
}
div.mainBoxReport .reportBtnArea a {
	margin: 5px;
}
div.mainBoxReport .reportBtnArea input,
div.mainBoxReport .reportBtnArea img {
	margin: 0;
}
div.mainBoxReport .reportBtnArea p.btnRight {
	padding: 5px 0;
	width: 778px;
	text-align: right;
}
div.mainBoxReport .reportBtnArea p.btnRight a {
	margin: 0;
}
div.mbrlnBottom {
	margin: 0;
	padding: 0;
	line-height: 0;
}
div.mbrlnBottom img {
	margin: 0 0 15px;
	padding: 0;
	width: 800px;
}
/* --- Form --- */
div.mainBoxReport p.reportFormTitle {
	margin: 5px auto 0;
	padding: 4px 5px;
	clear: both;
	width: 768px;
	color: #FFFFFF;
	background-color: #007DBB;
	font-weight: bold;
}
div.mainBoxReport table.reportForm {
	margin: 5px auto 0;
	border-top: 1px solid #1B4BBA;
	border-left: 1px solid #1B4BBA;
	border-collapse: collapse;
	clear: both;
	width: 778px;
}
div.mainBoxReport table.reportForm th, table.reportForm td {
	padding: 4px;
	border-bottom: 1px solid #1B4BBA;
	border-right: 1px solid #1B4BBA;
	background-color: #FFFFFF;
	font-weight: normal;
	text-align: left;
}
div.mainBoxReport table.reportForm th {
	width: 30%;
	color: #1B4AB9;
	background-color: #F4F7FC;
}
div.mainBoxReport table.reportForm td {
	width: 70%;
}
div.mainBoxReport table.reportForm td p.volSelect {
	padding-right: 5px;
	float: left;
	white-space: nowrap;
}
div.mainBoxReport table.reportForm td label {
	padding: 5px;
}
div.mainBoxReport table.reportForm td p {
	padding: 2px 0;
}
div.mainBoxReport table.reportForm td p em {
	color: #000000;
}
div.mainBoxReport p.reportInfoSend  {
	width: 780px;
	font-size: 90%;
	text-align: right;
}
div.mainBoxReport p.reportInfoSend label {
	padding: 3px;
}
div.mainBoxReport table.reportFormEnd {
	margin: 20px auto;
	width: 600px;
	height: 400px;
	color: #000000;
	background: url(../../common/images/bg_l.gif) no-repeat center center;
}
div.mainBoxReport table.reportFormEnd td {
	padding: 10px 25px;
	vertical-align: top;
	text-align: left;
}
div.mainBoxReport table.reportFormEnd td p {
	text-align: center;
}
/* --- topicPath --- */
#topicPath {
	clear: none;
	width: 926px;
	margin: 0 auto;
	background-color: #F0F3FA;
	padding: 5px 30px;
	margin-bottom: 14px;
}