@charset "UTF-8";

/*--------------------------------------------------------------------
works.css
--------------------------------------------------------------------*/


/*------------------------------------ Side01 ------------*/
div#Side01 h2 a { background-image: url(../../img/works/side_b.jpg); }


/*-----------Aboutのスタイル---------------------------------------------------------------*/
div#About h3 { background-image: url(../../img/works/about/title.jpg); }
div#About div#Pillar {
	width: 690px;
	height: 655px;
	margin: 0 auto;
	padding: 4px 10px 14px;
	background: url(../../img/works/about/pillar_btn.png) no-repeat center top;
	overflow: hidden;
}
div#About div.PillarBtn dl,
div#About div.PillarBtn dl * { display: none; }


/*-----------Sevのスタイル---------------------------------------------------------------*/
div#Sev h3 { background-image: url(../../img/works/specially_equipped_vehicles/title.jpg); }


/*-----------Otherのスタイル---------------------------------------------------------------*/
div#Other h3 { background-image: url(../../img/works/other/title.jpg); }


/*-----------WorksListのスタイル---------------------------------------------------------------*/
div.WorksList h4 {
	margin-bottom: 20px;
	padding-bottom: 0.3em;
	background: url(../../img/sub_line.gif) no-repeat left bottom;
	line-height: 1.2;
	font-size: 157%;
}
div.WorksList div.DetailBtn {
	width: 116px;
	margin: 15px 0 0 auto;
}
div.WorksList div.DetailBtn a {
	display: block;
	height: 16px;
	background: url(../../img/detail.png) no-repeat left top;
	overflow: hidden;
	line-height: 0;
	text-indent: -99999px;
	font-size: 0;
}
div.WorksList div.DetailBtn a:hover { background-position: left bottom; }
div.WorksList div.Txt {
	width: 420px;
	float: right;
}
div.WorksList div.CataBtn {
	width: 150px;
	margin: 0.8em 0 0;
}
div.WorksList div.CataBtn a {
	display: block;
	height: 30px;
	background: url(../../img/works/catalog_btn.png) no-repeat left top;
	overflow: hidden;
	line-height: 0;
	text-indent: -99999px;
	font-size: 0;
}
div.WorksList div.CataBtn a:hover { background-position: left bottom; }
div.WorksList div.Pho {
	width: 250px;
	float: left;
}
div.WorksList ol { padding-left: 2em; }


/*-----------Protectionのスタイル---------------------------------------------------------------*/
div#Protection h3 { background-image: url(../../img/works/protection/title.jpg); }
div.Environmental h4 {
	margin-bottom: 20px;
	padding-bottom: 0.3em;
	background: url(../../img/sub_line.gif) no-repeat left bottom;
	line-height: 1.2;
	font-size: 157%;
}
div#Protection div#TopTxt {
	height: 32px;
	background: url(../../img/works/protection/top_txt.png) no-repeat center top;
}
div#Protection div#TopTxt * { display: none; }
div#Protection div#BtnList {
	width: 670px;
	margin: 30px auto 0;
}
div#Protection div#BtnList h5 {
	margin-bottom: 10px;
	border-bottom: 2px solid #005bac;
	font-size: 116%;
}
div#Protection div#BtnList ul {
	width: 620px;
	margin: 30px auto 0;
	list-style: none;
	overflow: hidden;
}
div#Protection div#BtnList ul li {
	width: 310px;
	float: left;
}
div#Protection div#BtnList ul li div.MBtn {
	width: 270px;
	margin: 0 auto;
	padding: 16px 17px 23px;
	background: url(../../img/works/protection/btn_bg01.png) no-repeat center top;
}
div#Protection div#BtnList ul li div.MBtn dl dd {
	height: 23px;
	margin: 5px 0 0;
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	line-height: 0;
	text-indent: -99999px;
	font-size: 0;
}
div#Protection div#BtnList ul li#MBtn01 dl dd { background-image: url(../../img/works/protection/mbtn_t01.png); }
div#Protection div#BtnList ul li#MBtn02 dl dd { background-image: url(../../img/works/protection/mbtn_t02.png); }
div#Protection div#BtnList ul li div.MBtn div.Detail {
	width: 116px;
	margin: 8px auto 0;
}
div#Protection div#BtnList ul li div.MBtn div.Detail a {
	display: block;
	height: 16px;
	background: url(../../img/detail.png) no-repeat left top;
	overflow: hidden;
	line-height: 0;
	text-indent: -99999px;
	font-size: 0;
}
div#Protection div#BtnList ul li div.MBtn div.Detail a:hover { background-position: left bottom; }


/*-----------Productのスタイル---------------------------------------------------------------*/
div#Product h3 { background-image: url(../../img/works/product/title.jpg); }
div#Product h4 {
	margin-bottom: 20px;
	padding-bottom: 0.3em;
	background: url(../../img/sub_line.gif) no-repeat left bottom;
	line-height: 1.2;
	font-size: 157%;
}
div#Product h4#TopTxt {
	height: 67px;
	background: url(../../img/works/product/top_txt.png) no-repeat left top;
	overflow: hidden;
	line-height: 0;
	text-indent: -99999px;
	font-size: 0;
}
div#QualityBtn {
	width: 310px;
	margin: 0 auto;
	background: none !important;
	position: relative;
}
div#QualityBtn ul {
	width: 100%;
	list-style: none;
	overflow: hidden;
}
div#QualityBtn ul li {
	width: 310px;
	margin: 0 auto;
}
div#QualityBtn ul li p {
	width: 310px;
	margin: 0 auto;
}
div#QualityBtn ul li div {
	width: 160px;
	height: 30px;
	margin: 5px auto 0;
	background: url("../../img/works/product/detail_btn.png") no-repeat left top;
	overflow: hidden;
	line-height: 0;
	text-indent: -99999px;
	font-size: 0;
}
div#QualityBtn ul li a:hover div { background-position: left bottom; }


/*-----------Qualityのスタイル---------------------------------------------------------------*/
div#Quality h3 { background-image: url(../../img/works/product/title02.jpg); }
div#Quality h4 {
	margin-bottom: 20px;
	padding-bottom: 0.3em;
	background: url(../../img/sub_line.gif) no-repeat left bottom;
	line-height: 1.2;
	font-size: 157%;
}
div#Quality p#TopTxt {
	width: 23em;
	margin: 0 auto;
	font-size: 115%;
}
div#Quality div#Management {
	width: 670px;
	margin: 20px auto 0;
}
div#Quality div#Management div#TxtList {
	padding: 59px 49px;
	background: #f4f4f4;
	border: 1px solid #bfbfbf;
}
div#Quality div#Management ul {
	width: auto;
	margin-top: -20px;
	list-style: none;
}
div#Quality div#Management ul li {
	margin-top: 20px;
	padding-left: 4em;
	text-indent: -4em;
}
div#Quality div#Management p {
	margin: 0.8em 0 40px;
	text-align: right;
}
div#Quality div#Management dl {
	width: 288px;
	margin-left: auto;
	overflow: hidden;
}
div#Quality div#Management dl dt {
	width: 98px;
	height: 20px;
	margin-top: 20px;
	background: url("../../img/company/greeting/ceo_t.gif") no-repeat left top;
	float: left;
	overflow: hidden;
	line-height: 0;
	text-indent: -99999px;
	font-size: 0;
}
div#Quality div#Management dl dd {
	width: 177px;
	height: 41px;
	background: url("../../img/company/greeting/ceo_name.gif") no-repeat center top;
	float: right;
	overflow: hidden;
	line-height: 0;
	text-indent: -99999px;
	font-size: 0;
}

/*-----------Repairのスタイル---------------------------------------------------------------*/
div#Repair h3 { background-image: url(../../img/works/repair/title.jpg); }
div#Repair h4 {
	margin-bottom: 20px;
	padding-bottom: 0.3em;
	background: url(../../img/sub_line.gif) no-repeat left bottom;
	line-height: 1.2;
	font-size: 157%;
}
div#Repair div#InqBtn { margin-top: 20px; }
div#Repair div#InqBtn p a {
	display: block;
	width: 546px;
	height: 58px;
	margin: 0 auto;
	background: url(../../img/works/repair/inq_btn.png) no-repeat left top;
	overflow: hidden;
	line-height: 0;
	text-indent: -99999px;
	font-size: 0;
}
div#Repair div#InqBtn p a:hover { background-position: left bottom; }
div#Repair div.BefeAft {
	width: 100%;
	margin-top: 15px;
	background: url(../../img/works/repair/arrow.png) no-repeat center center;
	overflow: hidden;
}
div#Repair div.BefeAft div { width: 325px; }
div#Repair div.BefeAft div.Before { float: left; }
div#Repair div.BefeAft div.After { float: right; }
div#Repair div.InBox ul {
	width: 100%;
	margin-top: -15px;
	list-style: none;
	overflow: hidden;
}
div#Repair div.InBox ul li {
	width: 25%;
	margin-top: 15px;
	float: left;
	text-align: center;
}
div#Repair div.TwoPho {
	width: 100%;
	margin: 15px 0;
	overflow: hidden;
}
div#Repair div.TwoPho div { width: 325px; }
div#Repair div.TwoPho div.TwoL { float: left; }
div#Repair div.TwoPho div.TwoR { float: right; }
div#Repair div.Guard {
	width: 100%;
	height: 100%;
	position: relative;
}
div#Repair div.Guard span {
	display: block;
	width: 100%;
	height: 100%;
	background: url(../../img/works/case/copy_guard.png) no-repeat center center;
	position: absolute;
	filter: alpha(opacity=20);
	-moz-opacity: 0.20;
	opacity: 0.20;
}


/*-----------ProductionLineのスタイル---------------------------------------------------------------*/
div#ProductionLine h3 { background-image: url(../../img/works/production_line/title.jpg); }
div#ProductionLine dl dt {
	margin-top: 15px;
	margin-bottom: 10px;
	border-bottom: 2px solid #005bac;
	font-size: 116%;
}
div#ProductionLine dl dd {
	width: 100%;
	overflow: hidden;
}
div#ProductionLine dl dd div.Txt {
	width: 335px;
	float: right;
}
div#ProductionLine dl dd div.Txt h4 {
	margin-bottom: 10px;
	border-bottom: 2px solid #555;
}
div#ProductionLine dl dd div.Txt ul { list-style: none; }
div#ProductionLine dl dd div.Txt ul li a {
	padding-left: 12px;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../../sev/camper/img/arrow.png);
}
div#ProductionLine dl dd div.Pho {
	width: 335px;
	float: left;
}
/*div#ProductionLine h4 {
	margin-bottom: 20px;
	padding-bottom: 0.3em;
	background: url(../../img/sub_line.gif) no-repeat left bottom;
	line-height: 1.2;
	font-size: 157%;
}
div#ProductionLine p#NoTxt {
	margin-bottom: 30px;
	text-align: center;
	font-size: 183%;
	color: #e81919;
}
div#ProductionLine div.Txt {
	width: 460px;
	float: left;
}
div#ProductionLine div.Pho {
	width: 200px;
	float: right;
}
div#ProductionLine div.Pho ul {
	width: 100%;
	list-style: none;
	overflow: hidden;
}
div#ProductionLine div.Pho ul li {
	width: 50%;
	float: left;
}
div#ProductionLine div.Pho ul li#PhoR { text-align: right; }
div#ProductionLine div#Pho2 div.Txt { width: 260px; }
div#ProductionLine div#Pho2 div.Pho { width: 410px; }*/


/*-----------Dismantlingのスタイル---------------------------------------------------------------*/
div#Dismantling h3 { background-image: url(../../img/works/dismantling/title.jpg); }
div#Dismantling ul {
	width: 620px;
	margin: 20px auto 0;
	list-style: none;
	overflow: hidden;
}
div#Dismantling ul li {
	width: 50%;
	margin-bottom: 10px;
	float: left;
}
div#Dismantling ul li a {
	display: block;
	width: 300px;
	height: 100px;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-position: left top;
	overflow: hidden;
	line-height: 0;
	text-indent: -99999px;
	font-size: 0;
}
div#Dismantling ul li a:hover { background-position: left bottom; }
div#Dismantling ul li#DisBtm01 a { background-image: url(../../img/works/dismantling/dl_btn01.png); }
div#Dismantling ul li#DisBtm02 a { background-image: url(../../img/works/dismantling/dl_btn02.png); }
div#Dismantling ul li#DisBtm03 a { background-image: url(../../img/works/dismantling/dl_btn03.png); }
div#Dismantling ul li#DisBtm04 a { background-image: url(../../img/works/dismantling/dl_btn04.png); }
div#Dismantling ul li#DisBtm05 a { background-image: url(../../img/works/dismantling/dl_btn05.png); }

/*-----------CarMaintenanceのスタイル---------------------------------------------------------------*/
div#CarMaintenance h3 { background-image: url(../../img/works/car_maintenance/title.jpg); }
div#CarMaintenance div#TopImg h4 {
	height: 67px;
	margin-bottom: 30px;
	background: url(../../img/works/car_maintenance/top_txt.png) no-repeat center top;
	overflow: hidden;
	line-height: 0;
	text-indent: -99999px;
	font-size: 0;
}
div#CarMaintenance div#TopImg p {
	height: 220px;
	background: url(../../img/works/car_maintenance/top_pho.png) no-repeat center top;
	overflow: hidden;
	line-height: 0;
	text-indent: -99999px;
	font-size: 0;
}
div#CarMaintenance h4 {
	margin-bottom: 20px;
	padding-bottom: 0.3em;
	background: url(../../img/sub_line.gif) no-repeat left bottom;
	line-height: 1.2;
	font-size: 157%;
}
div#CarMaintenance div#Coating ul,
div#CarMaintenance div#VehIns ul {
	width: 100%;
	margin-bottom: -15px;
	list-style: none;
	overflow: hidden;
}
div#CarMaintenance div#Coating ul li {
	width: 25%;
	margin-bottom: 15px;
	float: left;
	text-align: center;
}
div#CarMaintenance div#VehIns ul li {
	width: 230px;
	margin: 15px 0;
	float: left;
	text-align: center;
}
div#CarMaintenance div#Coating ul li p { margin-top: 0; }
div#CarMaintenance div#IsoTxt {
	width: 620px;
	margin: 15px auto 0;
	padding: 10px 19px;
	background: #f4f4f4;
	border: 1px solid #bfbfbf;
}
div#CarMaintenance div#IsoTxt ul { margin-bottom: auto; }
div#CarMaintenance div#IsoTxt ul li {
	width: 100%;
	margin: auto;
	float: none;
	text-align: left;
}
div#CarMaintenance div#IsoTxt ul li:before { content: "・"; }
div#CarMaintenance div#Price ul {
	width: 100%;
	margin-top: 10px;
	list-style: none;
	overflow: hidden;
}
div#CarMaintenance div#Price ul li {
	width: 50%;
	float: left;
}
div#CarMaintenance div#Price ul li a {
	display: block;
	width: 330px;
	height: 100px;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-position: left top;
	overflow: hidden;
	line-height: 0;
	text-indent: -99999px;
	font-size: 0;
}
div#CarMaintenance div#Price ul li a:hover { background-position: left bottom; }
div#CarMaintenance div#Price ul li#PriceBtn01 a { background-image: url(../../img/works/car_maintenance/price_btn01.jpg); }
div#CarMaintenance div#Price ul li#PriceBtn02 a { background-image: url(../../img/works/car_maintenance/price_btn02.jpg); }
div#CarMaintenance div#Price ul li#PriceBtn03 a { background-image: url(../../img/works/car_maintenance/price_btn04.jpg); }
div#CarMaintenance div#Price ul li#PriceBtn05 a { background-image: url(../../img/works/car_maintenance/price_btn05.jpg); }
div#CarMaintenance div#Lift div#LiftPhoImg {
	height: 315px;
	margin-top: 15px;
	background: url(../../img/works/car_maintenance/lift_p.jpg) no-repeat center top;
}
div#CarMaintenance div#Lift div#LiftPhoImg * { display: none; }
div#CarMaintenance div#Lift div#LiftPho p {
	margin-top: 20px;
	text-align: center;
}
div#CarMaintenance div#Lift dl {
	width: 670px;
	margin: 0 auto;
}
div#CarMaintenance div#Lift dl dt {
	margin-top: 15px;
	margin-bottom: 10px;
	border-bottom: 2px solid #005bac;
	font-size: 116%;
}
div#CarMaintenance div#Lift dl dd table {
	width: 100%;
	border-collapse: collapse;
}
div#CarMaintenance div#Lift dl dd table.Half { width: 50%; }
div#CarMaintenance div#Lift dl dd table tr th {
	width: auto;
	padding: 0.4em 0.6em;
	background: #f4f4f4;
	border: 1px solid #bfbfbf;
	text-align: center;
	vertical-align: middle;
	font-size: 93%;
}
div#CarMaintenance div#Lift dl dd table tr td {
	width: auto;
	padding: 0.4em 0.6em;
	background: #fff;
	border: 1px solid #bfbfbf;
	text-align: center;
	vertical-align: middle;
	font-size: 93%;
}
div#CarMaintenance div#Lift dl dd table tr .TxtLeft { text-align: left; }
div#CarMaintenance div#Lift ul {
	width: 100%;
	list-style: none;
	margin-top: 0.3em;
}
div#CarMaintenance div#Lift ul li {
	padding-left: 1.5em;
	text-indent: -1.5em;
}
div#CarMaintenance div#Lift ul li:before { content: "※ "; }
div#CarMaintenance div#DressUp ul {
	width: 100%;
	margin-top: 10px;
	list-style: none;
	overflow: hidden;
}
div#CarMaintenance div#DressUp ul li {
	width: 50%;
	float: left;
}
div#CarMaintenance div#DressUp ul li a {
	display: block;
	width: 330px;
	height: 100px;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-position: left top;
	overflow: hidden;
	line-height: 0;
	text-indent: -99999px;
	font-size: 0;
}
div#CarMaintenance div#DressUp ul li a:hover { background-position: left bottom; }
div#CarMaintenance div#DressUp ul li#PriceBtn03 a { background-image: url(../../img/works/car_maintenance/price_btn03.jpg); }
div#CarMaintenance div#Metal table {
	width: 540px;
	margin: 0 auto;
	border-collapse: collapse;
}
div#CarMaintenance div#Metal table tr td {
	width: auto;
	padding: 0 10px;
	white-space: nowrap;
	text-align: center;
	vertical-align: middle;
}
div#CarMaintenance div#Metal table tr td ul {
	margin-top: 1em;
	list-style: none;
}
div#CarMaintenance div#Metal table tr td ul li:before { content: "・"; }
div#CarMaintenance div#Metal dl#Consultation {
	width: 670px;
	margin: 0 auto;
	overflow: hidden;
}
div#CarMaintenance div#Metal dl#Consultation dt {
	margin-top: 15px;
	margin-bottom: 10px;
	border-bottom: 2px solid #005bac;
	font-size: 116%;
}
div#CarMaintenance div#Metal dl#Consultation dd {
	width: 100%;
	overflow: hidden;
}
div#CarMaintenance div#Metal dl#Consultation dd p {
	width: 310px;
	float: left;
}
div#CarMaintenance div#Metal dl#Consultation dd ul {
	width: 330px;
	float: right;
	list-style: none;
	overflow: hidden;
}
div#CarMaintenance div#Metal dl#Consultation dd ul li {
	width: 50%;
	margin-bottom: 8px;
	float: left;
}
div#CarMaintenance div#Metal dl#Consultation dd ul li span {
	display: block;
	width: 145px;
	margin: 0 auto;
	padding: 5px;
	background: #f4f4f4;
	border: 1px solid #bfbfbf;
	text-align: center;
}
div#CarMaintenance div#Metal div#AccAdd {
	width: 670px;
	margin: 15px auto 0;
}
div#CarMaintenance div#Metal div#AccAdd ul {
	width: 100%;
	list-style: none;
	overflow: hidden;
}
div#CarMaintenance div#Metal div#AccAdd ul li { width: 325px; }
div#CarMaintenance div#Metal div#AccAdd ul li.AddL { float: left; }
div#CarMaintenance div#Metal div#AccAdd ul li.AddR { float: right; }
div#CarMaintenance div#Metal div#AccAdd ul li p { margin-bottom: 10px; }
div#CarMaintenance div#Metal div#AccAdd ul li div.GMap p {
	margin-top: 0.3em;
	text-align: right;
	font-size: 80%;
}
div#CarMaintenance div#Metal div#AccAdd ul li div.GMap p a { color: #005bac; }
div#CarMaintenance div#Metal div#AccAdd ul li table {
	width: auto;
	margin: 10px 0;
	border-collapse: collapse;
}
div#CarMaintenance div#Metal div#AccAdd ul li table tr th,
div#CarMaintenance div#Metal div#AccAdd ul li table tr td {
	width: auto;
	text-align: left;
}
div#CarMaintenance div#Metal div#AccAdd p.LinkBtn { text-align: center; }
div#CarMaintenance div#Metal div#AccAdd p.LinkBtn a {
	position: relative;
	display: inline-block;
	padding: 0.5em 2.5em;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(210,211,210,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(210,211,210,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(210,211,210,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d2d3d2',GradientType=0 );
	border: 1px solid #bfbfbf;
	border-radius: 5px;
	text-align: center;
}
div#CarMaintenance div#Metal div#AccAdd p.LinkBtn a:before {
	position: absolute;
	display: block;
	content: "";
	width: 13px;
	height: 12px;
	background: url(../../img/side_arrow.png) no-repeat left top;
	top: 50%;
	right: 0.5em;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
}
div#CarMaintenance div#Metal div#AccAdd p.LinkBtn a:hover { text-decoration: none; }
div#CarMaintenance div#Metal div#AccAdd div#InqBtn {
	width: 546px;
	margin: 20px auto 0;
}
div#CarMaintenance div#Metal div#AccAdd div#InqBtn a {
	display: block;
	height: 58px;
	background: url(../../img/works/car_maintenance/inq_btn.png) no-repeat left top;
	overflow: hidden;
	line-height: 0;
	text-indent: -99999px;
	font-size: 0;
}
div#CarMaintenance div#Metal div#AccAdd div#InqBtn a:hover { background-position: left bottom; }


/*-----------Equipmentのスタイル---------------------------------------------------------------*/
div#Equipment h3 { background-image: url(../../img/works/equipment/title.jpg); }
div#Equipment h4 {
	margin-bottom: 20px;
	padding-bottom: 0.3em;
	background: url(../../img/sub_line.gif) no-repeat left bottom;
	line-height: 1.2;
	font-size: 157%;
}
div#Equipment div.Txt {
	width: 420px;
	float: left;
}
div#Equipment div.Pho {
	width: 250px;
	float: right;
}


/*-----------Caseのスタイル---------------------------------------------------------------*/
div#Case h3 { background-image: url(../../img/works/case/title.jpg); }
div#Case h4 {
	margin-bottom: 20px;
	padding-bottom: 0.3em;
	background: url(../../img/sub_line.gif) no-repeat left bottom;
	line-height: 1.2;
	font-size: 157%;
}
div#Case table {
	width: 100%;
	border-collapse: collapse;
}
div#Case table tr td {
	width: 25%;
	padding-bottom: 15px;
	text-align: center;
	vertical-align: top;
}
div#Case table tr td p {
	margin-top: 0.3em;
	line-height: 1.2;
	font-size: 85%;
}
div#Case div.Guard {
	width: 100%;
	height: 109px;
	position: relative;
}
div#Case div.Guard span {
	display: block;
	width: 100%;
	height: 109px;
	background: url(../../img/works/case/copy_guard.png) no-repeat center center;
	position: absolute;
	filter: alpha(opacity=20);
	-moz-opacity: 0.20;
	opacity: 0.20;
}
div#Case div.CataBtn {
	width: 150px;
	margin: 0.3em auto;
}
div#Case div.CataBtn a {
	display: block;
	height: 30px;
	background: url(../../img/works/catalog_btn.png) no-repeat left top;
	overflow: hidden;
	line-height: 0;
	text-indent: -99999px;
	font-size: 0;
}
div#Case div.CataBtn a:hover { background-position: left bottom; }


/*-----------Flowのスタイル---------------------------------------------------------------*/
div#Flow h3 { background-image: url(../../img/works/flow/title.jpg); }
div#Flow h4 {
	margin-bottom: 20px;
	padding-bottom: 0.3em;
	background: url(../../img/sub_line.gif) no-repeat left bottom;
	line-height: 1.2;
	font-size: 157%;
}
div#Flow h4 span { display: none; }
div#Flow h4 em {
	display: block;
	padding: 0.3em 1em 0.3em 80px;
	background-repeat: no-repeat;
	background-position: left center;
}
div#Flow div#Step01 h4 em { background-image: url(../../img/works/flow/step_t01.gif); }
div#Flow div#Step02 h4 em { background-image: url(../../img/works/flow/step_t02.gif); }
div#Flow div#Step03 h4 em { background-image: url(../../img/works/flow/step_t03.gif); }
div#Flow div#Step04 h4 em { background-image: url(../../img/works/flow/step_t04.gif); }
div#Flow div#Step05 h4 em { background-image: url(../../img/works/flow/step_t05.gif); }
div#Flow div.Txt {
	width: 420px;
	float: left;
}
div#Flow div.Txt div#Phone {
	width: 392px;
	margin-top: 10px;
}
div#Flow div.Txt div#Phone dl dt,
div#Flow div.Txt div#Phone .DispNo { display: none; }
div#Flow div.Txt div#Phone dl dd span,
div#Flow div.Txt div#Phone dl dd a {
	display: block;
	height: 65px;
	background: url(../../img/works/flow/phone.png) no-repeat left top;
	overflow: hidden;
	line-height: 0;
	text-indent: -99999px;
	font-size: 0;
}
div#Flow div.Txt div#Phone p {
	margin-top: 5px;
	padding: 0.3em;
	background: #0854ad;
	line-height: 1.2;
	text-align: center;
	color: #fff;
}
div#Flow div.Txt div#Phone div#InqBtn a {
	display: block;
	height: 44px;
	background: url(../../img/works/flow/inq_btn.png) no-repeat left top;
	overflow: hidden;
	line-height: 0;
	text-indent: -99999px;
	font-size: 0;
}
div#Flow div.Txt div#Phone div#InqBtn a:hover { background-position: left bottom; }
div#Flow div.Pho {
	width: 250px;
	float: right;
}


/*-----------ResDevQuaのスタイル---------------------------------------------------------------*/
div#ResDevQua h3 { background-image: url(../../img/works/res_dev_qua/title.jpg); }
div#ResDevQua h4 {
	margin-bottom: 20px;
	padding-bottom: 0.3em;
	background: url(../../img/sub_line.gif) no-repeat left bottom;
	line-height: 1.2;
	font-size: 157%;
}
div#ResDevQua div.Second { margin-top: 20px; }
div#ResDevQua div.Txt {
	width: 370px;
	float: left;
}
div#ResDevQua div.Txt dl dt {
	margin-bottom: 10px;
	border-bottom: 2px solid #005bac;
	font-size: 116%;
}
div#ResDevQua div.Pho {
	width: 300px;
	float: right;
}


/*-----------CsrActivityのスタイル---------------------------------------------------------------*/
div#CsrActivity h3 { background-image: url(../../img/works/csr/title.jpg); }
div#CsrActivity h4 {
	margin-bottom: 20px;
	padding-bottom: 0.3em;
	background: url(../../img/sub_line.gif) no-repeat left bottom;
	line-height: 1.2;
	font-size: 157%;
}
div#CsrActivity ol { padding-left: 2em; }
div#CsrActivity ol li { margin-top: 15px; }
div#CsrActivity div#TxtBox {
	width: 630px;
	margin: 20px auto 0;
	padding: 19px;
	background: #f4f4f4;
	border: 1px solid #bfbfbf;
}
div#CsrActivity ul {
	width: 100%;
	margin-bottom: -10px;
	list-style: none;
	line-height: 0;
	overflow: hidden;
}
div#CsrActivity ul li {
	width: 230px;
	margin-bottom: 10px;
	float: left;
	text-align: center;
}


/*-----------InqBtnのスタイル---------------------------------------------------------------*/
div#InqBtn {
	width: 690px;
	margin: 30px auto 0;
	overflow: hidden;
}
div#InqBtn h4 {
	margin-bottom: 20px;
	padding-bottom: 0.3em;
	background: url(../../img/sub_line.gif) no-repeat left bottom;
	line-height: 1.2;
	font-size: 157%;
}
div#InqBtn p {
	width: 546px;
	margin: 0 auto;
}
div#InqBtn p a {
	display: block;
	height: 58px;
	background: url(../../other/inq_btn.png) no-repeat left top;
	overflow: hidden;
	line-height: 0;
	text-indent: -99999px;
	font-size: 0;
}
div#InqBtn p a:hover { background-position: left bottom; }