/************************************************************

　　　　イリオス様　リニューアルプラン　スタイルシート
　　　　　　　　　　　　　　　　　　　　作成：Hiromi Watanabe
************************************************************/

@import "style_new.css";


/**** 共通　****/
.ber {
	font-size:16px;
	background-color:#0099FF;
	margin:10px 0px;
	padding:4px;
	text-align:left; 
	/* color:#ffffff;
	font-weight:bold;
	width:550px; */
}
.ber2 {
	font-size:14px;
	background-color:#0099FF;
	margin:10px 0px;
	padding:4px;
	text-align:left; 
	 color:#ffffff;
	font-weight:bold;
	width:550px; 
}

.con {
	width:520px;
	margin-left:30px;
	margin-bottom:10px;
	}

/* 共通のテーブル用　幅560px　*/
.tb560 {
	width:560px;
	}
/* 共通のテーブル用　幅530px　*/
.tb530 {
	width:530px;
	}
	 
/* 共通のテーブル用　td　*/
.td4 {
	width:410px;
	padding:4px;
	font-size:12px;
	line-height:130%;
	vertical-align:top;
	}
/* 共通のテーブル用　td　*/
.td6 {
	padding:6px;
	line-height:130%;
	vertical-align:top;
	}
	
/* 共通の左余白30px　*/
.p30 {
	padding-left:30px;
	line-height:130%;
	}	
/* 共通の左余白50px　*/
.p50 {
	padding-left:50px;
	line-height:130%;
	}	
/* 共通の左余白100px　*/
.p100 {
	padding-left:100px;
	padding-botom:20px;
	line-height:130%;
	}	


.tb-c {
	text-align:center;
	background-color:#FFFFFF;
	}

/* 背景色　青っぽい水色　*/
.tb-a1 {
	padding:4px;
	background-color:#B1BEEF;
	text-align:center;
	vertical-align:middle;
	border:1px solid #ffffff;
	}

/*　背景色　緑かかった水色　*/	
.tb-a2 {
	padding:4px;
	background-color:#D7E2EC;
	text-align:left;
	border:1px solid #ffffff;
	}

/*　背景色　緑かかった水色の薄い色　*/	
.tb-b2 {
	padding:4px;
	background-color:#e7e7e7;
	text-align:center;
	border:1px solid #ffffff;
	}

/*　背景色　グレー中央よせ　*/
.tb-c2 {
	padding:4px;
	background-color:#999999;
	border:1px solid #ffffff;
	text-align:center;
	}
/*　背景色　グレー　*/
.tb-c3 {
	padding:4px;
	background-color:#999999;
	border:1px solid #ffffff;
	text-align:left;
	}
/*　テーブル用文字　白12px　*/
.tf12w {
	color:#ffffff;
	font-size:12px;
	font-weight:bold;
	}
/*　テーブル用文字　12px　*/
.tf12 {
	font-size:12px;
	font-weight:bold;
	}
		
	
/*　背景色　青　*/
.tb-d1 {
	padding:4px;
	background-color:#0000ff;
	border:1px solid #ffffff;
	text-align:center;
	}
	
/*　背景色　青緑　*/
.tb-d2 {
	padding:4px;
	background-color:#003366;
	border:1px solid #ffffff;
	text-align:center;
	}

.tb-d3 {
	padding:4px;
	background-color:#c5c471;
/*	background-color:#999900; */
	border:1px solid #ffffff;
	text-align:center;
	}
.tb-d4 {
	padding:4px;
	background-color:#CCCC99;
	border:1px solid #ffffff;
	vertical-align:middle;
	text-align:center;
	}
.tb-d5 {
	padding:4px;
	background-color:#009999;
	border:1px solid #ffffff;
	text-align:center;
	}
.tb-d6 {
	padding:4px;
	background-color:#99cccc;
	border:1px solid #ffffff;
	text-align:center;
	vertical-align:middle;
	}
.td-e1 {
	padding:4px;
	font-size:12px;
	line-height:130%;
	vertical-align:top;
	border:1px solid #99cccc;
	}



/**** タイトル画像　****/
/**** アンダーラインがある　***/
.tit-td {
	background-image:url(/images/bg.gif);
	background-repeat:repeat-x;
	height:206px;
	border-top:4px solid #000000;
	border-bottom:4px solid #000000;
	padding:0px;
	}
.tit-td img {
	margin:0px;
	padding:0px;
	}

/**** タイトル画像　****/
/**** アンダーラインがない　***/
.tit-td2 {
	background-image:url(/images/bg.gif);
	background-repeat:repeat-x;
	height:206px;
	border-top:4px solid #000000;
	padding:0px;
	}
.tit-td2 img {
	margin:0px;
	padding:0px;
	}
	
/**** タイトル画像　****/
/**** アンダーラインあり　高さフリー　背景なし***/
.tit-td3 {
	border-top:4px solid #000000;
	border-bottom:4px solid #000000;
	padding:10px;
	text-align:center
	}
.tit-td3 img {
	margin:0px;
	padding:0px;
	}

/**** タイトル画像　****/
/**** アンダーラインあり　高さフリー***/
.tit-td4 {
	background-image:url(/images/bg.gif);
	background-repeat:repeat-x;
	border-top:4px solid #000000;
	border-bottom:4px solid #000000;
	height:170px;
	padding:0px;
	}
.tit-td4 img {
	margin:0px;
	padding:0px;
	}
/****　coat.html　コーティングの工程　****/
.coating {
	width:380px;
	text-align:left;
	}
.coating img {
	border:6px solid #66cccc;	
	}

/**** coat.html コーティングメニューテーブル　***/
.m-tb {
	font-size:12px;
	width:530px;
	}
.m-a1 {
	padding:2px;
	background-color:#FF9933;
	text-align:center;
	border:1px solid #666666;
	}
.m-b1 {
	padding:2px;
	background-color:#FFFFCC;
	border:1px solid #666666;
	}
.m-a2 {
	padding:2px;
	background-color:#F4D8B0;
	border:1px solid #666666;
	text-align:center;
	}
.m-d1 {
	padding:2px;
	background-color:#993300;
	color:#FFFFFF;
	border:1px solid #666666;
	text-align:right;
	}
.m-c1{
	border:1px solid #666666;
	padding:2px;
	}
	
/**** titan.html ハイブリットチタン　***/
.ti-tb {
	font-size:12px;
	width:530px;
	}
.ti-a1 {
	padding:4px;
	background-color:#999900;
	color:#FFFFFF;
	font-size:12px;
	}
.ti-b1 {
	font-size:12px;
	padding:4px;
	vertical-align:middle;
	}
	
/***** hrcuarts.html	HRクオーツコート　******/
	
/** 水洗いだけでいつもぴかぴか　の枠 **/
.hr-b {
	background-color:#CCFFFF;
	margin:20px auto 20px;
	}	
.hr-b td {
	padding:8px;
	text-align:center;
	}

/** 金額一覧　の枠 **/
.hr-menu {
	width:550px;
	margin-top:20px 0px 0px 10px;
	border:2px solid #cc3300;
	padding:8px;
	}

/** ホイルもピカピカ　の枠 **/
.hr-green {
	width:550px;
	margin:20px 0px 10px 10px;
	background-color:#CCFFCC;
		}
.hr-green td {
	padding:2px 6px;
	}

/********** ffc.html  *****************/

/*****　保証書内容　*******/
.ffc {
	width:400px;
	margin:10px auto;
	border: 5px solid #0033FF;
	padding:5px;
	}
.ffc2 {
	width:500px;
	margin:10px auto;
	}
.ffc2 ul {
	margin-left:10px;
	}
.ffc2 li {
	line-height:150%;
	}

/********** easycare.html　イージーケア ***************/
/* タイトルテーブル */

.e-tb {
	background-image:url(/images/easycare/bg.gif);
	background-repeat:repeat-x;
	border-top:3px solid #333333;
	border-bottom:3px solid #333333;
	height:77px;
	}
	
/******** film.html ウィンドフィルム　**********/
/* タイトルテーブル */

.film-tb {
	border:0px;
	background-image:url(/images/film/bg.gif);
	background-repeat:repeat-x;
	border-top:3px solid #333333;
	border-bottom:3px solid #333333;
	height:206px;
	padding:0px;
	margin:0px;
	}
.ttd{
	vertical-align:top;
	}

/******** seculity.html セキュリティ　**********/
/* 警告画面 */

.keikoku {
	font-size:12px;
	background-color:#000000;
	line-height:120%;
	}
/* 料金表テーブル　*/
.sec-a1 {
	padding:4px;
	background-color:#FFCC99;
	border:none;
	text-align:left;
	font-size:12px;
	line-height:120%;
	border:1px solid #ffffff;
	}
.sec-a2 {
	padding:4px;
	background-color:#EFEFC1;
	border:none;
	text-align:left;
	font-size:12px;
	line-height:120%;
	border:1px solid #ffffff;
	}

.sec-b1 {
	padding:4px;
	background-color:#993300;
	color:#FFFFFF;
	border:none;
	text-align:center;
	font-size:12px;
	vertical-align:middle;
	border:1px solid #ffffff;
	line-height:120%;
	}
	
/********** roomcrean.html　ルームクリーニング ***************/
/* 画像の制御テーブル */
.pic-le {
	float:left;
	margin-right:8px;
	}
.pic-ri {
	float:right;
	margin-left:8px;
	}
.both {
	clear:both;
	}
	
/*****  ショップ紹介　****/
/*　ショップタイトル　*/
.s-tit {
	font-size:16px;
	color:#ffffff;
	margin:10px 0px;
	padding:4px;
	font-weight:bold;
	width:550px; 
	display:block;
	background-color:#000000;
	}

/********　request.html　問合せ　******************************/
/*　問合せフォーム　*/
/* 更新履歴 ■調整未作業■*/
.req {
	width:450px;
	text-align:left;
	font-size:12px;
	margin:10px auto;
	border:1px solid #999999;
	text-align:center;
	}
.req p {
	margin:2px 8px;
	}

.tit {
	background-color:#000000;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	padding:3px 0;
	}	

.req-tb{
	margin:20px auto;
	}
.req td {
	border-bottom:1px solid #999999;
	border-top:1px solid #999999;
	line-height:150%;
	font-size:12px;
	padding:6px;
	vertical-align:top;
	text-align:left;
	}
/**********  policy.html *******************/	
.poli {
	width:480px;
	margin:20px auto;
	text-align:left;
	}	

.poli-tit {
	font-size:16px;
	color:#ffffff;
	margin:10px 0px;
	padding:4px;
	font-weight:bold;
	width:100%; 
	display:block;
	background-color:#000000;
	}

/**********  link.html リンクページ *******************/	

/*　リンクの項目名　薄い青色背景　*/
.linktitle{
	background-color:#dae6ed;
	display:block;
	color:#666666;
	font-size:14px;
	font-weight:bold;
	text-align:left;
	padding:4px 0px 4px 8px;
	margin:12px 0px 12px 0px;
	width:532px;
	border-bottom:1px solid #006699;
	clear:both;
	}

/*　リンク情報　*/
.car-info{
	width:520px;
	font-size:small;
	padding:0px;
	line-height:140%;
	margin:10px 0px 8px 16px;
	}	
	
.car-info a:hover{
	font-weight:normal;
	}	
	
.banner{
	margin:0px 12px 0px 0px;
	float:left;
	padding:0px;
	text-decoration:none;
	}		

/*　ショップ名のスタイル 文字青色　*/
.shop-name{
	color:#006699;
	font-weight:bold;
	font-size:12px;
	padding:0px;
	margin:0px;
	}
	
.shop-name a:hover{
	font-weight:bold;
	}	

/*　ショップごとを分ける下線　*/
.shop{
	border:1px solid #cccccc;
	width:520px;
	margin:4px 0px 0px 18px;
	height:1px;
	padding:0px;
	clear:both;
	}
	
/*　日本車メーカーサイトのスタイル　*/	


/*　日本車左のかたまり　*/
#canpany1 {
	width:220px;
	float:left;
	margin:0px 0px 10px 16px;
	font-size:small;
	line-height:140%;
	padding:0px;
	font-weight:bold;
	}
	
#canpany1 a:hover{
	font-weight:bold;
	}	

/*　日本車右のかたまり　*/	
#canpany2 {
	width:220px;
	float:left;
	margin:0px 0px 10px 16px;
	font-size:small;
	line-height:140%;
	padding:0px;
	font-weight:bold;
	}
	
#canpany2 a:hover{
	font-weight:bold;
	}		
	
/*　外国車メーカーサイトのスタイル　*/
#foreign table{
	margin:14px 0px 0px 20px;	
	font-size:small;
	}

#foreign th{
	background-color:#D3CBBC;
	font-size:small;
	font-weight:normal;
	border-bottom:2px solid #ffffff;
	border-right:2px solid #ffffff;
	}

#foreign td{
	background-color:#F4F2BD;
	font-size:small;
	border-bottom:2px solid #ffffff;
	border-right:2px solid #ffffff;
	}	

#foreign td.country{
background-color:#A397A2;
}

/********************
coating.html
*********************/

/* 比較テーブル */

.ca-tb {
	margin:0 auto;
	width:660px;
	padding:4px;
	background-color:#cccccc;
	border:1px #000000 solid;
	}
	
.ca-tb td {
	font-size:12px;
	text-align:left;
	padding:4px;
	}

.ca-tb .td1 {
	background-color:#CCCCFF;
	color:#999999;
	border:1px solid #000000;
	}

.ca-tb .td2 {
	background-color:#cccc44;
	color:#999999;
	border:1px solid #000000;
	}
	
/** コンテンツ用 **/	
#contenter td 
{
  line-height:140%;
	font-size:12px;
	padding:6px;
}

#contenter .pic img {
	margin:0 0 6px 0;
	}
	
	
	
/** やじるし **/
.ya {
	text-align:center;
	margin:0px auto 4px;
	}
	
/* ######## コーティング部########### */	

.g-txt {
	line-height:1.5em;
	background-color:#F4D8B0;
	border:1px solid #666666;
	text-align:left;
	padding:5px 5px 5px 10px;
	}
	
.g-txt2 {
	line-height:1.5em;
	background-color:#FFFFCC;
	border:1px solid #666666;
	text-align:left;
	padding:5px 5px 5px 10px;
	}
	
.ga-tb {
	text-align:center;
	width:690px;
	}

.ga-tb table {
	margin:0 auto;
	width:550px;
	}

.coa-tb {
	text-align:center;
	width:698px;
	}

.coa-tb table {
	margin:0 auto;
	width:680px;
	padding:4px;
	background-color:#cccccc;
	}

.coa-tb td {
	border:1px solid #ffffff;
}
	
#coa-header {
	width:662px;
	margin:25px 0px 5px 10px;
	padding:5px 5px 5px 10px;
	background-color:#006699;
	color: #ffffff;
	text-align:left;
	}
	
.wt {
	color: #ffffff;
	}
	
#coa-contents {
	padding-left:6px;
	width:690px;
	text-align:left;
	}	
	
#coa-left {
	width:345px;
	float:left;
	}
	
#coa-right {
	width:345px;
	float:left;
	}
	
.coa-txt {
	margin-left:4px;
	padding:5px 11px 5px 10px;
	line-height:1.3em;
	width:310px;
	background-color:#FFFBCC;
	}
	
.coa-h3 {
	padding:5px 0px 0px 5px;
	}
	
.clear {
	clear:both;
	}
	
.star-4 {
	color:orange;
	}
	
.star-5 {
	color:red;
	}
	
.pic-txt {
	margin:0;
	padding-top:5px;
	line-height:1.5;
	}
	
.pageup {
	margin:0;
	padding-top:5px;
	text-align:right;
	}
	
/* ######## ホイールコート追記########### */
	
#hoile-coat {
	width:520px;
	}
	
.hoile-txt {
	width:320px;
	float:left;
	}
	
.hoile-img {
	width:180px;
	float:right;
	}
	
/* ######## ルームクリーニング追記########### */
	
#outline {
border:solid 0px #666666;
	}

.tb-crean {
	margin:-15px 0px 25px 2px;
	padding:0px;
	}
	
.thsize{
	padding:8px 0px 0px 0px;
	width:240px;
	font-size:14px;
	font-weight:normal;
	line-height:1.5;
	color:#339966;
	}

.tsp{
	width:20px;
	}
	
.tdsize{
	padding:3px 0px 3px 5px;
	width:230px;
	line-height:1.3;
	background-color:#E7E7E7;
	}
	
.nagare{
	margin:0px;
	padding:0px 3px;
	width:430px;
	color:#929141;
	font-size:15px;
	font-weight:bold;
	border-bottom:solid 1px #929141;
	border-left:solid 5px #929141;
	}
	
/* ######## ホームイメージ########### */

#title-header{
	margin:0 auto;
	padding:0;
	}
	
.home{
	padding:21px 0px 0px 0px;
	text-align:right;
	width:155px;
	float:left;
	}
	
/* ######## プラチナコート########### */

#right565{
	width: 565px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: 10px;
	padding-top: 20;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	}
.565con2col {
	width:565px;
	margin-bottom:10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding: 0px;
	}
.tdl282 {
	margin: 0px;
	padding-top: 0px;
	padding-right: 18px;
	padding-bottom: 0px;
	padding-left: 35px;
	background-image: url(../images/platinum/platinum05.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	height: 77px;
	}

.tdr283 {
	margin: 0px;
	padding-top: 0px;
	padding-right: 28px;
	padding-bottom: 0px;
	padding-left: 25px;
	background-image: url(../images/platinum/platinum06.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 77px;
	}

.tdr201 {
	margin: 0px;
	padding-top: 20px;
	padding-right: 28px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image: url(../images/iriosucoat/iriosucoat04.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 173px;
	}
.tdr283-1 {

	margin: 0px;
	padding-top: 20px;
	padding-right: 28px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image: url(../images/acrylicw/acrylicw04.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 255px;
}