@charset "UTF-8"; 

/* ---------------
contents.css
共通コンテンツの設定
--------------- */
/* ---------------
■目次
ヘッダ
メインエリア
サブエリア
フッタ
--------------- */

/* ---------------
ヘッダ
--------------- */


/* ---------------
ナビゲーション
--------------- */


/* ---------------
メインエリア
--------------- */


/* 各サービスのヘッドコピー */
p.serviceCopy {
	padding: 20px 0;
}


/* 料金へ */
#toPrice {
	margin: 0 10px 10px 0;
	text-align: right;
}



/* 各サービスメインの画像、説明のトップ */
div#serviceAboutWrapper {
	float: left;
	width: 257px;
	margin: 0 15px 10px 0;
	_margin: 0 0 10px 0;
}
	ul#serviceAbout {
		padding: 5px;
		border: solid 2px #8F8FCC;
		background: #00008A;
	}
	ul#serviceAboutD {
		padding: 5px;
		border: solid 2px #8F8FCC;
		background: #1E1E1E;
	}
		ul#serviceAbout li ,ul#serviceAboutD li {
			padding: 5px 0;
			color: #FFFFFF;
			font-size: 100%;
			line-height: 1.3;
		}
/* 各サービスメインのイメージ画像のトップ */
img.serviceImage1 {
	width: 257px;
	height: 200px;
	margin: 0 10px 10px 0;
	border: 1px solid #1E1E1E;
}
/* 各サービスメインの画像、説明 */
div.serviceAboutWrapper2 {
	float: left;
	width: 100px;
	margin: 0 15px 0px 0;
	_margin: 0 0 10px 0;
		}
/* 各サービスメインのイメージ画像 */
img.serviceImage2 {
	width: 100px;
	height: 100px;
	margin: 0 10px 0px 0;
	border: 1px solid #1E1E1E;
}
.whatsWrapper2 {
	float:left;
	width:410px;
	min-height:105px;
	_height:105px;
	margin: 0 0 10px 0;
}
	.whatsWrapper2 h4 {
		font-size: 120%;
	}

#wrapperBox #bodyWrapperBox #bodyBox #mainBox #mainTextBox .whatsWrapper2 .serviceUl {
	margin: 0 0 10px 0;
	padding: 0px;
	list-style: none;
}
#wrapperBox #bodyWrapperBox #bodyBox #mainBox #mainTextBox .whatsWrapper2 .serviceUl .serviceLi {
	padding: 3px 0 0 10px;
	background:url(../../images/marker.gif) no-repeat 0 10px;
}

/* ****とは */
div#whatsWrapper {
	float: right;
	width: 255px;
}
	/* ****とはタイトル */
/*	#wrapperBox #bodyWrapperBox #bodyBox #mainBox #mainTextBox #whatsWrapper h2#whatsTitle {
		margin: 0 0 10px 0;
	}
*/	
	/* ****とはテキスト */
	p.whatsText {
		margin: 5px 0 10px 15px;
	}

/* レジン被膜 */
img#resin {
	float: left;
	margin: 10px 10px 10px 0;
}

/* sonaxとダイヤモンドキーパーとは */
#sonax {
	padding: 10px;
	border: solid 1px #1E1E1E;
}

/* 性能・特徴 */
div.specWrapper {
	width: 528px;
	margin: 0 0 10px 0;
}
	div.specHeader {
	height: 12px;
	margin: 0;
	background: url(../../images/specHeader.gif) no-repeat bottom;
	}
	div.specHeader hr {
		visibility: hidden;
		width: 1px;
		height: 1px;
		margin: 0;
		padding: 0;
		border: none;
		line-height: 0;
	}
	div.specBody {
		padding: 0 10px;
		background: url(../../images/specBody.gif) repeat-y;
	}
		div.specBody h3 {
			float: left;
			width: 58px;
			padding: 5px;
		}
		div.specBody p {
			float: right;
			width: 420px;
			padding: 5px;
			line-height: 1.2;
		}
		div.specBody hr {
			clear: both;
			color: #B4B5A3;
		}
	div.specFooter {
		height: 12px;
		margin: 0;
		background: url(../../images/specFooter.gif) no-repeat top;
	}
	div.specFooter hr {
		visibility: hidden;
		width: 1px;
		height: 1px;
		margin: 0;
		padding: 0;
		border: none;
		line-height: 0;
	}

/* こんな方におすすめ */
ul.recommend li {
	margin: 0 0 5px 0;
}


/* 各種データ(店舗情報など) */
div.dataWrapper {
	clear: both;
	float: right;
	width: 185px;
	margin: 0 0 10px 10px;
}
	div.dataHeader {
	height: 12px;
	margin: 0;
	background: url(../../images/dataHeader.gif) no-repeat bottom;
	}
	div.dataHeader hr {
		visibility: hidden;
		width: 1px;
		height: 1px;
		margin: 0;
		padding: 0;
		border: none;
		line-height: 0;
	}
	div.dataBody {
	padding: 0 10px 5px 10px;
	background: url(../../images/dataBody.gif) repeat-y;
	}
	div.dataBody p {
		margin: 5px 0;
		padding: 5px;
		background: #FFFFFF;
	}
	div.dataFooter {
		height: 12px;
		margin: 0;
		background: url(../../images/dataFooter.gif) no-repeat top;
	}
	div.dataFooter hr {
		visibility: hidden;
		width: 1px;
		height: 1px;
		margin: 0;
		padding: 0;
		border: none;
		line-height: 0;
	}



/* 各サービス補足のイメージ画像 */
p.serviceImageList {
	padding: 10px 0;
	clear: both;
}
	p.serviceImageList img {
	margin: 0 19px 10px 0;
	border: 1px solid #1E1E1E;
	}
	p.serviceImageList .imgLast {
		margin: 0 0 10px 0;
		border: 1px solid #1E1E1E;
	}

/* サービスのデータ(価格など) */
div.serviceData {
	width: 257px;
	float: left;
}
div#serviceData2 {
	margin: 0 0 0 15px;
	_margin: 0 0 0 7px;
}
/* サービス名 */
.serviceDataTitle {
	padding: 5px 15px;
	background: #1E1E1E;
	text-align: left;
	color: #FFFFFF;
	font-size: 100%;
	font-weight: bold;
}

/* 施工料金テーブル */
.priceBox {
	float: left;
	width: 257px;
	margin: 0 10px 10px 0;
}

table.priceTable {
	width: 257px;
	margin: 0 0 10px 0;
	border-collapse: collapse;
	color: #1E1E1E;
}
/*forFirefox*/
html>/**/body table.priceTable {
	width: 256px;
	margin-left: 1px;
}

	table.priceTable th, table.priceTable td {
		padding: 5px;
		border: 1px solid #1E1E1E;
		font-size: 13px;
	}
	table.priceTable th {
		width: 80px;
		background: #666666;
		color: #FFFFFF;
		font-weight: normal;
		text-align: center;
	}
	table.priceTable td {
		text-align: right;
	}
	table.priceTable td.priceCenter {
		text-align: center;
	}

table.priceTable caption {
	background: #1E1E1E;
	padding: 5px 10px;
	text-align: left;
}


/* 施工時間 */
p.time {
	height: 16px;
	margin: 5px 0;
	padding: 0 0 0 18px;
	background: url(../../images/service/clockIcon.gif) no-repeat left top;
}

.btn {
	float: left;
	margin: 0 10px 10px 0;
	_margin: 0 5px 10px 0;
}

/* 関連サービスタイトル */
h3#optionServiceTitle {
	height: 29px;
	_height: 44px;
	margin: 10px 0 0 0;
	padding: 15px 10px 0px 10px;
	background: url(../../images/service/optionServiceHeader.gif) no-repeat;
}
/* 関連サービス本文エリア */
div#optionServiceBody {
	width: 535px;
	margin: 0;
	padding: 10px 10px 10px 0;
	background: url(../../images/service/optionServiceBody.gif) no-repeat left bottom;
}
	div.optionService {
		float: left;
		width: 247px;
		padding: 0 0 10px 10px;
	}
		div.optionService img {
			float: left;
			margin: 0 10px 10px 0;
			border: 1px solid #1E1E1E;
		}

/* 鏡面加工エリア */
div#mirrorBox {	
	float: left;
	width: 230px;
	margin: 0 0 0 10px;
	padding: 10px;
	background: #EEEEEE;
}
div#mirrorBox h2, div#mirrorBox h3 {	
	_width: 230px;
	margin-left: -1px;
	_margin-left: 0;
}
div#mirrorBox img {	
	margin: 5px 0;
}
/* 料金表見出し */
div#mirrorBox h2.serviceDataTitle img {
	margin: 0;
}
table.priceTable2 {
	width: 230px;
	background: #FFFFFF;
	color: #1E1E1E;
	border-collapse: collapse;
}
	table.priceTable2 th, table.priceTable2 td {
		padding: 5px;
		border: 1px solid #1E1E1E;
	}
	table.priceTable2 th {
		background: #666666;
		color: #FFFFFF;
		font-weight: normal;
		text-align: center;
	}
	table.priceTable2 td {
		text-align: right;
	}
/* 料金表注意書き */
p.priceAttention {
	margin: -0.5em 0 0.5em 0;
	padding: 0;
	font-size: 90%;
	text-align: right;
}

/* 特許証 */
img#patent {
	margin: 10px 0 20px 0;
}


/* 関連ブログ */
div#serviceBlogList ul {
	list-style-type: none;
	margin: 10px 0;
	padding: 0;
}
	div#serviceBlogList ul li {
	margin: 0;
	padding: 0 0 0 10px;
	background: url(../../images/marker.gif) no-repeat left center;
	}


/* 詳細情報 */
/* メカニズムの画像 */
.mechanismImage {
	float: right;
	margin: 0 0 10px 10px;
}

/* コーティング拡大図の画像 */
.coatingImage {
	float: left;
	margin: 0 10px 10px 0;
}

/* アクアキーパーの手順 */
img#aquaFlow {
	margin: 10px 0 20px 0;
}

/* 施工手順 */
div#coatingFlowBox {
	margin: 10px 0;
	padding: 10px;
	background: #CCCCCC;
}
	div#coatingFlowBox h2 {
		font-size: 14px;
		font-weight: normal;
	}
	div.coatingFlow {
		float: left;
		width: 250px;
		padding: 0 5px 0 0;
	}
	.no {
		vertical-align: middle;
	}


/* 洗車 */
/* 「3つの極上」リスト */
dl#gokujoList dd {
	margin: 0 0 10px 0;
}


/* 作業の流れ */
ul.washList {
	float: left;
	width: 350px;
	margin: 0 10px 10px 0;
}
	ul.washList li {
		margin: 0 0 5px 0;
		font-size: 100%;
		line-height: 1.4;
	}

/* 洗車写真 */
.washPhoto {
	margin: 0 0 20px 0;	
}
	
/* 手洗いステップ */
div.stepBox {
	margin: 0 0 10px 0;
}


/* トッピング */

/* トッピングサービスのボックス */
div.toppingItemWrapper {
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
	border-bottom: 2px solid #CCCCCC;
}

/* トッピング写真 */
p.toppingPhoto {
	float: left;
	width: 200px;
	margin: 0 0 0 0;
	border: 1px solid #1E1E1E;
}
/* トッピングテキスト */
div.toppingText {
	float: right;
	width: 320px;
	margin: 0 0 0 0;
}

/* トッピングメニューボタン */
ul#toppingMenuBtn {
	list-style-type: none;
	margin: 0 0 0 5px;
	padding: 0;
}
	ul#toppingMenuBtn li {
		float: left;
		padding: 0 5px;
		background: none;
	}



/* 室内清掃 */
/* 清掃ボックス */
div.cleaningBox {
	float: left;
	width: 170px;
	margin: 4px 10px 8px 0;
}
div.cleaningBoxLast {
	float: left;
	width: 170px;
	margin: 4px 0px 8px 0;
}
	p.cleaningText {
		margin: 5px 5px 10px 5px;
		font-size: 100%;
		line-height: 1.2;
	}
	
div.singleMenuBox {
	float: left;
	_width:267px;
	padding: 5px;
}

/* オールクリア効果 */
div.effectBox {
	float: left;
	width: 230px;
	margin: 0 0 10px 0;
	padding: 10px;
	border: 1px solid #000000;
}
	div.effectBox h2 {
		margin: 0 0 10px 0;
	}
	.effectText {
		padding: 10px;
		background: #FFD327;
	}
#plus {
	float: left;
	margin: 70px 5px 0 5px;
}

/* オールクリアの特長 */
div#allclearBox1 {
	float: left;
	width: 240px;
	margin: 10px 0 0 0;
}
	div#allclearBox1 p {
		font-size: 100%;
		line-height: 1.2;
	}
	div#allclearBox1 img {
		float: left;
		margin: 0 10px 0 0;
		border: 1px solid #1E1E1E;
	}

img#premium3 {
	margin: 0 0 0 55px;
}	




/* Q&A */
h2#qaTitle {
	padding: 25px 0 15px 0;
}

dl.qaList {
	
}
	dl.qaList dt {
		margin: 10px 0;
		line-height: 0;
	}
	dl.qaList dd.aDescription {
		margin: 0 0 10px 0;
		line-height: 0;
	}
	dl.qaList dd.aDetail {
		margin: 0 0 10px;
		padding: 5px 5px 20px;
		border-top: 2px solid #8E8E8E;
	}



/* フルコース */
div.setMenuBox {
	float: left;
	width: 244px;
	_width: 264px;
	padding: 10px;
	background: #E1E1E1;
}
	div.setMenuBox p {
		margin: 0 0 5px 0;
	}
	img.setMenuImage {
		display: block;
		float: left;
		width: 90px;
		margin: 0 10px 0 0;
		border: 1px solid #1E1E1E;
	}
#setPlus {
	margin: 10px;
	text-align: center;
}



/* 予約制について */
/* イメージ */
img#reserveImg {
	float: right;
	width: 260px;
	padding: 10px 0 10px 10px;
}
/* 電話番号 */
div#telNoBox {
	margin: 0 0 10px 0;
	padding: 10px;
	background: #EEEEEE;
}
	p#shopName {
		font-size: 120%;
	}
	p#telNo {
	_width: 495px;
	margin: 10px;
	padding: 10px;
	background: #FFFFFF;
	text-align: center;
	font-size: 200%;
	font-family: Impact;
	}


/* サービスの流れ */
/* 見出し */
h2.flowHeading {
	margin: 0;
	padding: 10px 15px;
	background: url(../images/flowBgHeader.gif) no-repeat center top;
}
/* 内容 */
div.flowText {
	margin: 0 0 10px 0;
	padding: 0 15px 10px 15px;
	background: url(../images/flowBgFooter.gif) no-repeat center bottom;
}
div.flowText p {
	width: 250px;
}
/* 画像 */
.flowImage {
	float: right;
	width: 240px;
	border: 1px solid #1E1E1E;
	margin-left: 10px;
}
/* 矢印 */
.flowArrow {
	margin: 0 0 10px 0;
	text-align: center;
}

/* 車種サイズ表 */
/* メーカー一覧 */
div#makerBox {
	margin: 0 0 10px 0;
	padding: 10px;
	background: #CCCCCC;
	line-height: 1.4;
}
h2.maker {
	margin: 0 0 -10px 0;
	padding: 0 0 0 15px;
	background: url(../images/makerMarker.gif) no-repeat left center;
}
form#sizeSearch {
	margin: 10px 0 0 0;
}
	input#sizeSearchBtn {
		margin: 0 0 -5px 5px;
	}

/* 検索結果 */
table.sizeTable {
	width: 100%;
	border-collapse: collapse;
}
	table.sizeTable th,table.sizeTable td {
		padding: 5px;
		border: solid 1px #000000;
	}
	table.sizeTable th {
		background: #666666;
		color: #FFFFFF;
		text-align: center;
	}
	table.sizeTable tr.list1 {
		background: #FFFFFF;
		color: 1E1E1E;
	}
	table.sizeTable tr.list2 {
		background: #CCCCCC;
		color: 1E1E1E;
	}
	td.size {
		width: 50px;
		text-align: center;
	}

/* サイズ区分リスト解説 */
div#sizeMemo {
	margin: 10px 0;
	padding: 10px 20px;
	background: #000000;
	color: #FFFFFF;
}
	/* サイズ区分リスト */
	ul#sizeList li {
		display: inline;
		background: none;
		padding: 0 10px 0 0;
		margin: 0;
	}


/* フルコース、車検の「プラス」 */
p#plusMark {
	clear: both;
	text-align: center;
}

/* 車検のテーブル */
table#checkTable {
	color: #1E1E1E;
}

/* ---------------
サブエリア
--------------- */


/* ---------------
フッタ
--------------- */


/* ---------------
純水のヒミツhighslide
--------------- */
/* highslide動作用 */
.highslide-html-content {
	position: absolute;
    display: none;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}


/* Styles for the popup */
.highslide-wrapper .highslide-header ul li.highslide-previous, .highslide-wrapper .highslide-header ul li.highslide-next {
	display: none;
}
.highslide-wrapper .highslide-header a {
	font-weight: bold;
	color: gray;
	text-transform: uppercase;
	text-decoration: none;
}
.highslide-wrapper .highslide-header .highslide-move a {
	cursor: move;
}
.highslide-wrapper .highslide-footer .highslide-resize {
	float: right;
	height: 11px;
	width: 11px;
	background: url(highslide/graphics/resize.gif);
}
.highslide-move {
    cursor: move;
}
.highslide-resize {
    cursor: nw-resize;
}

/* These must be the last of the Highslide rules */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}

/* highslide表示用 */
#purewaterHimitsu1,#purewaterHimitsu2,#purewaterHimitsu3{
float:left;
width:123px;
margin:0 10px 0 0;
}
#purewaterHimitsu4{
float:left;
width:123px;
margin:0 0 0 0;
}


#highslideHimitsu1,#highslideHimitsu2,#highslideHimitsu3,#highslideHimitsu4 {
	background: #FFFFFF;
	width: 336px;
	visibility:hidden;
	position: absolute;
}

#highslideDiamond, #highslideAqua, #highslideKeepre, #highslideCrystal {
	background: #FFFFFF;
	width: 866px;
	visibility:hidden;
	position: absolute;
}


.higislideBody {
	padding:10px;
	_width: 336px;
	height:190px;
}
#highslideHimitsu1 .higislideBody h3 ,#highslideHimitsu2 .higislideBody h3 ,#highslideHimitsu3 .higislideBody h3 ,#highslideHimitsu4 .higislideBody h3 {
	margin-bottom: 10px;
}
#highslideHimitsu1 .higislideBody img ,#highslideHimitsu2 .higislideBody img ,#highslideHimitsu3 .higislideBody img ,#highslideHimitsu4 .higislideBody img {
	float: left;
	width: 160px;
	margin-right: 10px;
}
#highslideHimitsu1 .higislideBody p img,#highslideHimitsu2 .higislideBody p img,#highslideHimitsu3 .higislideBody p img,#highslideHimitsu4 .higislideBody p img {
	float: left;
	width: 140px;
	margin-right: 10px;
}
.himitsuP {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 160px;
	line-height:1.4;
}

/* トッピングのミドリボタン */
.toppingBtn{
margin-bottom:20px;
}
#wrapperBox #bodyWrapperBox #bodyBox #mainBox #mainTextBox .whatsWrapper2 h4 {
	padding-bottom: 5px;
}
/* 秘密のハイスライド */
.highslidHead{
	background-color:#BBE3FF;
	margin:0;
	padding:0 10px 3px 0;
}
/* サブタイトル */
#whatsTitle img{
	margin-bottom: 10px;
}
/* コーティングのハイスライド */
.highslidCoatHead{
	background-color:#1F1F1F;
	margin:0;
	padding:0 10px 3px 0;
}

/* ライフスタイルのキャッチコピー */
#mainTextBox .serviceTypeCopy {
	font-size: 18px;
	color: #333333;
	margin: 10px 0px 10px 0px;
	border-bottom: solid 1px #333333;
}
#mainTextBox .serviceTitleImg {
	float: left;
	width: 270px;
	margin-top: 0px;
}
#mainTextBox .serviceTitleIllust {
	float: right;
	width: 240px;
}

#mainTextBox .KeepreBanner img {
	margin: 20px 0px 0px;
}