@charset "UTF-8";

/* ===================================
	File Name   : deputize.css
	Description : Other Pages Layout CSS
	Editor      : Bface Takahira
	Last Editor : Bface Takahira
	
	Update Description :
	[2013/2/1] 灰色カラー変更
	[2012/11/21] 新規作成

====================================== */

/*========== Style Contents ==========

	1. Top Page Setting

	*. Clear Fix
	
====================================== */





/*===== ■1. Top Page Setting =====*/
/* Share */
#Article h2 { margin-bottom: 15px;}

#Article #PageLink {
	display: block;
	margin-bottom: 25px;
	border: 1px solid #EBEBEB;
}

#Article #PageLink ul {
	display: block;
	padding: 10px 0px 5px 10px;
	border: 1px solid #FFFFFF;
	background: #EBEBEB;
}

#Article #PageLink li {
	display: block;
	float: left;
	margin-right: 50px;
	padding: 0px 0px 5px 5px;
}

#Article #PageLink li a {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	padding: 1px 0px 1px 18px;
	background: url(../img/common/mark-arrow-below.png) no-repeat left;
	font-size: 93%;
}

#Article ul.BtnPageTopInner {
	width: 730px;
	margin: 0px auto 5px;
	text-align: right;
}

#Article ul.BtnPageTopInner li { display: inline;}

#Article ul.BtnPageTopInner li a {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	padding: 1px 0px 1px 18px;
	background: url(../img/common/mark-arrow-top.png) no-repeat 0px 4px;
	font-size: 93%;
}


/* Deputize Top Intro */
#DeputizeTop #DeputizeTopIntro #FirstMessage { margin-bottom: 30px;}

#DeputizeTop #DeputizeTopIntro #FirstMessage div {
	float: left;
	width: 360px;
	margin: 0px 10px 0px 5px;
}

#DeputizeTop #DeputizeTopIntro img#DeputizeImage { float: left;}


/* DeputizeDetail */
#DeputizeTop #DeputizeDetail #Piano { padding-bottom: 20px;}

#DeputizeTop #DeputizeDetail p { margin: 0px 15px 15px;}

#DeputizeTop #DeputizeDetail dl {
	width: 710px;
	border: 1px solid #CCCCCC;
	margin: 0px auto 20px;
}

#DeputizeTop #DeputizeDetail dl.ContactNotes { margin-bottom: 10px;}

#DeputizeTop #DeputizeDetail dt {
	padding: 5px 15px;
	border: 1px solid #FFFFFF;
	background: #B0E0FF;
	color: #002D58;
	font-weight: bold;
	font-size: 93%;
	text-align: left;
}

#DeputizeTop #DeputizeDetail dd {
	padding: 8px 12px;
	font-size: 93%;
}

#DeputizeTop #DeputizeDetail dd span {
	display: block;
	margin-bottom: 10px;
	font-size: 100%;
}

#DeputizeTop #DeputizeDetail .TableGrayFlame {
	width: 710px;
	border: 1px solid #CCCCCC;
	margin: 0px auto 20px;
}

#DeputizeTop #DeputizeDetail Table {
	width: 708px;
	margin: 1px;
	border-collapse: separate;
	table-layout: fixed;
}

#DeputizeTop #DeputizeDetail Table caption {
	padding: 5px 15px;
	border-bottom: 1px solid #FFFFFF;
	background: #B0E0FF;
	color: #002D58;
	font-weight: bold;
	font-size: 93%;
	text-align: left;
}

#DeputizeTop #DeputizeDetail Table em {
	font-weight: bold;
	font-size: 100%;
}

#DeputizeTop #DeputizeDetail th {
	background: #D1F8FF url(../img/common/mark-square-blue.gif) no-repeat 7px 10px;
	color: #333333;
	font-weight: bold;
	font-size: 93%;
}

#DeputizeTop #DeputizeDetail td {
	padding: 5px;
	font-size: 93%;
	text-align: center;
}

#DeputizeTop #DeputizeDetail #Aircon th {
	width: 175px;
	padding-left: 25px;
	border-bottom: 1px solid #FFFFFF;

}

#DeputizeTop #DeputizeDetail #Aircon td { border-bottom: 1px solid #CCCCCC;}

#DeputizeTop #DeputizeDetail #Aircon td#AirconNotes {
	width: 370px;
	padding-left: 15px;
	border-left: 1px solid #CCCCCC;
	border-bottom: none;
	text-align: left;
}

#DeputizeTop #DeputizeDetail #Aircon tr.LastTr th,
#DeputizeTop #DeputizeDetail #Aircon tr.LastTr td { border-bottom: none;} 

#DeputizeTop #DeputizeDetail #Redecorate th {
	width: 100px;
	height: 0px;
	padding: 5px 0px 5px 25px;
	border-right: 1px solid #FFFFFF;
}

#DeputizeTop #DeputizeDetail #Redecorate td {
	height: 65px;
	vertical-align: top;
}

#DeputizeTop #DeputizeDetail #Redecorate td#RedecorateNotes {
	padding-left: 15px;
	border-left: 1px solid #CCCCCC;
	border-bottom: none;
	text-align: left;
}


/* Last Estimate */
#DeputizeTop .BlueBackArea {
	width: 690px;
	margin: 0px auto;
	padding: 15px 20px;
	background: #D1F8FF;
}

#DeputizeTop #LastEstimate { margin-bottom: 20px;}

#DeputizeTop #LastEstimate div {
	float: left;
	width: 365px;
}

#DeputizeTop #LastEstimate a {
	display: block;
	width: 355px;
	height: 83px;
	margin-bottom: 10px;
	background: url(../img/deputize/btn-banner-form01.jpg) no-repeat 0px 0px;
}

#DeputizeTop #LastEstimate a:hover { background-position: 0px -83px;}

#DeputizeTop #LastEstimate dl {
	float: left;
	width: 301px;
	margin: 15px 0px 0px 20px;
}

#DeputizeTop #LastEstimate dt { margin-bottom: 10px;}
#DeputizeTop #LastEstimate dd img { display: inline;}
#DeputizeTop #LastEstimate dd img#TelNumber { margin-right: 10px;}



/*===== ■*.Clear Fix  =====*/
#Article #PageLink ul:after,
#DeputizeTop #DeputizeTopIntro #FirstMessage:after,
#DeputizeTop #LastEstimate:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	font-size: 0;
	content: " ";
}

*:first-child+html #Article #PageLink ul,
*:first-child+html #Family #TruckLoading td li { zoom: 1;} /* IE7 */