@charset "utf-8";

/*
	* Copyright (C) 2012 CREATIVEWEB All Rights Reserved.
	* URL : http://www.creative-web.co.jp/
*/


/*
	* 1.contact
*/


/*******************************************************************************
**	1.contact
*******************************************************************************/

.section .searchArticleDetailTbl table,
.section .searchArticleDetailTbl02 table {
	width:100%;
	margin:10px auto 20px auto;
}

.section .searchArticleDetailTbl table th,
.section .searchArticleDetailTbl table td {
	padding:6px;
	text-align:center;
	font-size:93%;
}

.section .searchArticleDetailTbl02 table th,
.section .searchArticleDetailTbl02 table td {
	padding:10px;
	text-align:left;
	font-size:93%;
}

.section .searchArticleDetailTbl table th,
.section .searchArticleDetailTbl02 table th,
.section .searchArticleDetailTbl03 table th {
	font-weight:bold;
}

.section .searchArticleDetailTbl table th,
.section .searchArticleDetailTbl02 table th,
.section .searchArticleDetailTbl03 table th {
	background:#DFF0FF;
	border:1px solid #CCC;
}

.section .searchArticleDetailTbl03 table th {
	width:120px;
}

.section .searchArticleDetailTbl table td,
.section .searchArticleDetailTbl02 table td,
.section .searchArticleDetailTbl03 table td {
	border:1px solid #CCC;
}

.section .searchArticleDetailTbl table td,
.section .searchArticleDetailTbl02 table td,
.section .searchArticleDetailTbl03 table td {
	background-color:#FBFDFF;
}

.section .searchArticleDetailTbl table span,
.section .searchArticleDetailTbl03 table span {
	color:#F36;
	font-weight:bold;
	font-size:120%;
}

.section .searchArticleDetailTbl table tr.select td {
	background-color:#FFFFD9;
}

.section .searchArticleDetailTbl table td input {
	margin:0 4px 4px 0;
}

.section .searchArticleDetailTbl03 table td.searchShopPhoto {
	width:230px;
	text-align:center;
}

.section .searchBarDetail {
	width:910px;
	height:24px;
	margin:10px auto;
	padding:8px 16px 8px 44px;
	font-weight:bold;
	font-size:16px;
}

.section .searchBarIcoPFolder {
	background:url(../img/search_bar_icoPFolder.jpg) no-repeat;
}

.section .searchBarIcoHouse {
	background:url(../img/search_bar_icoHouse.jpg) no-repeat;
}

.section .searchBarIcoMap {
	background:url(../img/search_bar_icoMap.jpg) no-repeat;
}

.section .searchBarIcoBldg {
	background:url(../img/search_bar_icoBldg.jpg) no-repeat;
}

.section .searchBarIcoCustomer {
	background:url(../img/search_bar_icoCustomer.jpg) no-repeat;
}

ul.contactList {
	border-bottom:3px solid #FA9700;
	margin:10px 0;
}

ul.contactList li {
	float:left;
	margin-right:1px;
}

ul.contactList li a {
	display:block;
	background:url(../img/tab_contactlist.jpg) no-repeat -200px 0;
	width:200px;
	height:25px;
	padding-top:10px;
	color:#333;
	font-weight:bold;
	text-align:center;
}

ul.contactList li a:hover {
	background-position:-200px -38px;
	text-decoration:none;
}

ul.contactList li.now a {
	background-position:0 0;
	color:#FFF;
}

ul.contactList li.now a:hover {
	background-position:0 -38px;
	text-decoration:none;
}

table.searchContact th {
	width:180px;
}

table.searchContact th span {
	float: right;
	padding: 6px 10px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	line-height: 1.0;
	color: #FFF;
	font-weight:bold;
}

table.searchContact td dl dt span {
	float: right;
	padding: 4px 10px;
	margin-left:10px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	line-height: 1.0;
	color: #FFF;
	font-weight:bold;
}

table.searchContact span.searchContactRequire {
	background-color: #C61414;
}

table.searchContact span.searchContactReccomend {
	background-color: #0F5AC7;
}

table.searchContact span.searchContactOption {
	background-color: #FA9200;
}

table.searchContact td input,
.searchMailChk input {
	margin:0 4px 4px 4px;
}

table.searchContact td textarea,
table.searchContact td select {
	margin:4px;
}

table.searchContact td label {
	margin-right:10px;
}

table.searchContact td textarea {
	width:500px;
	height:100px;
}

table.searchContact td p {
	margin:0;
}

table.searchContact td p span {
	font-weight:bold;
}

table.searchContact td dl dt {
	float:left;
	width:160px;
}

table.searchContact td dl dt,
table.searchContact td dl dd {
	padding:6px 0;
}

.searchMailChk {
	width: 510px;
	margin:0 auto 20px auto;
}

.searchMailChk p,
.searchMailConfirm p {
	font-weight:bold;
}

.searchMailChk .searchMainContact,
.searchMailConfirm .searchMainContact {
	width:180px;
	margin:0 auto;
}

.searchMailChk .searchMainContact a,
.searchMailConfirm .searchMainContact a {
	float:left;
	display:block;
	background:url(../img/search_btn_contact02.jpg) no-repeat 0 0;
	width:180px;
	height:26px;
	color:#FFF !important;
	font-size:14px;
	font-weight:bold;
	padding:6px 0 0 0;
	text-align:center;
}

.searchMailChk .searchMainContact a:hover,
.searchMailConfirm .searchMainContact a:hover {
	background-position:0 -32px;
	text-decoration:none;
}

.searchMailConfirm {
	width:400px;
	margin:0 auto 10px auto;
	text-align:center;
}

.searchMailConfirm p.searchMainContact {
	margin-right:20px;
}

.searchMailConfirm p.searchMainContact,
.searchMailConfirm p.searchMailBack {
	float:left;
}

.section .searchArticleDetailMyList,
.searchMailConfirm .searchMailBack,
.searchMailChk .searchMailBack {
	width:180px;
	height:32px;
	margin:0 auto;
}

.section .searchArticleDetailMyList a,
.searchMailConfirm .searchMailBack a,
.searchMailChk .searchMailBack a {
	display:block;
	background:url(../img/search_btn_mylist02.jpg) no-repeat 0 0;
	width:180px;
	height:24px;
	padding:4px 0;
	color:#333;
	text-align:center;
	font-weight:bold;
	font-size:14px;
}

.section .searchArticleDetailMyList a:hover,
.searchMailConfirm .searchMailBack a:hover,
.searchMailChk .searchMailBack a:hover {
	background:url(../img/search_btn_mylist02.jpg) no-repeat 0 -32px;
	text-decoration:none;
}

#searchContactComplete {
	background:url(../img/search_bnr_contactComp.jpg) no-repeat;
	height:151px;
	margin:0 auto 20px auto;
	padding:20px 10px 0 260px;
}

#searchContactComplete .searchContactCompTit {
	margin-bottom:10px;
	font-weight:bold;
	font-size:16px;
	color:#004CA0;
}

.searchMailExample {
	color:#999;
	font-size:10px;
}

.section .searchArticleDetailTbl02 table td ul li {
	float:left;
	width:240px;
	padding:2px 0;
}

/* エラー */
.searchAttention {
	font-size:10px !important;
	font-weight:bold !important;
	color:#F03 !important;
	margin:0 !important;
	padding:0 !important;
}

.searchErrorTbl {
	background-color:#FFF3F3 !important;
}

/* 問い合わせナビゲーション */

.contactNav {
	overflow:hidden;
	margin:10px 0;
}

.contactNav li {
	float:left;
	margin-right:10px;
}

/* パンくずリスト
----------------------------------------------------------------------------- */

#breadCrumb {
	width:970px;
}

#breadCrumb li {
	float:left;
	margin-right:1em;
	padding-left:8px;

}

#breadCrumb li.first {
	background-image:none;
}

/* タイトルバー
----------------------------------------------------------------------------- */

.searchTitBar01{
	font-size:123.1%;
	font-weight:bold;
	line-height:40px;
	height:40px;
	padding:0 0 0 14px;
	background:url("../img/search_bar_tit.gif") no-repeat;
	color: #FFF;
}
