@charset "utf-8";
/*------------------------------------------------
 * タイトル：メンテナンスCSS
 * 著作権  ：Copyright(c) 2009 ネッツトヨタ兵庫
-------------------------------------------------*/

@import "common.css";			/* 共通CSS */
@import "overMaintenance.css";	/* ロールオーバーCSS */

/*------------------------------------------------
 ページレイアウト要素
------------------------------------------------*/

/* コンテンツとナビの境界線 */
#main{
	background: url(../images/common/bgMainSeparater.gif) 650px 0 repeat-y;
}

/* 630pxオーバーライト */
#main #mainBody #mainBodyInner{
	padding-right: 20px;
}

#main #mainBody #mainBodyInner div{
	maring:0;
	padding:0;
}


/*------------------------------------------------
 index.html
------------------------------------------------*/
#main #mainBody #mainBodyInner table#maintenanceIndexMenuTable{
	margin:0 auto 25px auto;
	padding: 0;
	width: 500px;
}

#main #mainBody #mainBodyInner #maintenanceIndexMenuTable td{
	padding: 6px;
	text-align: center;
}


/* ３つのこだわり*/
#main #mainBody #mainBodyInner div.maintenanceIndexKodawariBody{
	background: url(../images/maintenance/index/bg_maintenance_index_kodawari1Body.gif) center top repeat-y;
	margin: 26px 0;
	clear: right;
}
div.maintenanceIndexKodawariFooter{
	background: url(../images/maintenance/index/bg_maintenance_index_kodawari1Footer.gif) center bottom no-repeat;
}
div#maintenanceIndexKodawariHeader1{
	background:url(../images/maintenance/index/bg_maintenance_index_kodawari1Header.gif) center top no-repeat;
}
div#maintenanceIndexKodawariHeader2{
	background:url(../images/maintenance/index/bg_maintenance_index_kodawari2Header.gif) center top no-repeat;
}
div#maintenanceIndexKodawariHeader3{
	background:url(../images/maintenance/index/bg_maintenance_index_kodawari3Header.gif) center top no-repeat;
}
div#maintenanceIndexKodawariHeader1,
div#maintenanceIndexKodawariHeader2,
div#maintenanceIndexKodawariHeader3{
	padding: 10px 10px 2px 10px;
}

* html div#maintenanceIndexKodawariHeader1,
* html div#maintenanceIndexKodawariHeader2,
* html div#maintenanceIndexKodawariHeader3{
	height: 1%;
}

/* ３つのこだわり - 見出しテキスト画像*/
#main #mainBody #mainBodyInner div.maintenanceIndexKodawariBody div.maintenanceIndexKodawariImg{
	float: right;
	padding:14px;
}

#main #mainBody #mainBodyInner div.maintenanceIndexKodawariBody h4{
	padding: 40px 0 0 14px;
	margin:0;
}

#main #mainBody #mainBodyInner div.maintenanceIndexKodawariBody p{
	padding: 10px 0 10px 14px;
	line-height: 1.6;
}



/*------------------------------------------------
 LINKボタン クラス
------------------------------------------------*/
.maintenanceLinkBtn{
	margin: 0 auto;
}

.maintenanceLinkBtn ul{
	list-style-type: none;
}

.maintenanceLinkBtn ul li{
	float: left;
	padding: 0 10px;
}

/*------------------------------------------------
 menu1.html - あんしん車検
------------------------------------------------*/
div#maintenanceMenu1Cont1{
	background: url(../images/maintenance/menu1/imgBgMaintenance_menu1_1.jpg) center top no-repeat;
	height: 180px;
	width: 630px;
}

#main #mainBody #mainBodyInner div#maintenanceMenu1Cont1 p{
	padding:15px 0 11px 16px;
	font-size: 90%;
	line-height: 1.4;
	margin:0;
}

table#maintenanceMenu1Cont2Table{
	width: 630px;
}

table#maintenanceMenu1Cont2Table td{
	font-size: 90%;
	line-height: 1.5;
}

table#maintenanceMenu1Cont2Table td,
table#maintenanceMenu1Cont2Table th{
	padding: 10px 0;
	text-align: center;
}

table#maintenanceMenu1Cont2Table th{
	font-size: 120%;
	color: #fff;
	font-weight: normal;
}

/* Type A */
table#maintenanceMenu1Cont2Table tr.TypeA th{
	background: #9ACDFF;
}

table#maintenanceMenu1Cont2Table tr.TypeA td{
	border:1px solid #9ACDFF;
}

/* Type B */
table#maintenanceMenu1Cont2Table tr.TypeB th{
	background: #5EADFF;
}

table#maintenanceMenu1Cont2Table tr.TypeB td{
	border:1px solid #5EADFF;
}

/* 赤太字 */
span.maintenanceMenu1Cont2TableRedTxt{
	font-weight: bold;
	font-size: 130%;
	color: #cc0000;
}


/*------------------------------------------------
 menu2.html - しっかり定期点検
------------------------------------------------*/

#main #mainBody #mainBodyInner #maintenanceMenu2Cont1{
	line-height: 1.6;
	font-size: 90%;
	font-weight:normal;
}


#main #mainBody #mainBodyInner #maintenanceMenu2Cont2{
	margin: 40px auto 30px auto;
	padding:0;
	width: 620px;
	font-weight:normal;
}

#main #mainBody #mainBodyInner #maintenanceMenu2Cont2Left{
	float: left;
	width: 300px;
}

#main #mainBody #mainBodyInner #maintenanceMenu2Cont2Right{
	float: Right;
	width: 300px;
}


#main #mainBody #mainBodyInner .maintenanceMenu2Cont2Body{
	background:url(../images/maintenance/menu2/bgMaintenance_menu2_body.gif) center top repeat-y;
}

.maintenanceMenu2Cont2Footer{
	background:url(../images/maintenance/menu2/bgMaintenance_menu2_footer.gif) center bottom no-repeat;
}

#maintenanceMenu2Cont2Header1{
	background: url(../images/maintenance/menu2/bgMaintenance_menu2_header1.gif) center top no-repeat;
}

#maintenanceMenu2Cont2Header2{
	background: url(../images/maintenance/menu2/bgMaintenance_menu2_header2.gif) center top no-repeat;
}

#main #mainBody #mainBodyInner #maintenanceMenu2Cont2Header1,
#main #mainBody #mainBodyInner #maintenanceMenu2Cont2Header2{
	padding: 36px 10px 10px 10px;
}

#main #mainBody #mainBodyInner .maintenanceMenu2Cont2Body p{
	font-size: 90%;
	margin:5px 0 10px 0;
}

.maintenanceMenu2Cont2Body h5{
	font-size: 120%;
	padding: 10px 0 5px 0;
	text-align:right;
	border-top: 1px solid #FF9900;
	font-weight: bold;
}


/*------------------------------------------------
 menu3.html - お得なオススメメニュー
------------------------------------------------*/
#main #mainBody #mainBodyInner .maintenanceMenu3Cont{
	margin:10px 0 20px 0;
	paddgin: 0;
}


#main #mainBody #mainBodyInner .maintenanceMenu3Cont table{
	margin: 0;
	padding:0;
}

#main #mainBody #mainBodyInner .maintenanceMenu3Cont table th,
#main #mainBody #mainBodyInner .maintenanceMenu3Cont table td{
	text-align: center;
}

#main #mainBody #mainBodyInner .maintenanceMenu3Cont table th h4{
	margin: 4px 0;
	color: #2561A9;
}

#main #mainBody #mainBodyInner .maintenanceMenu3Cont table td{
	padding:0 9px;
	width:300px;
}


#main #mainBody #mainBodyInner .maintenanceMenu3Cont h4{
	font-size: 120%;
	font-weight: bold;
}

#main #mainBody #mainBodyInner .maintenanceMenu3Cont p{
	font-size: 90%;
}

#main #mainBody #mainBodyInner .maintenanceMenu3Cont dl{
	margin: 20px 0;
	padding: 0 0 0 12px;
}

#main #mainBody #mainBodyInner .maintenanceMenu3Cont dt{
	color: #FF6600;
	font-size: 110%;
	font-weight: bold;
}

#main #mainBody #mainBodyInner .maintenanceMenu3Cont dd{
	margin:4px 9px 16px 9px;
}

/* リスト */
#main #mainBody #mainBodyInner .menu3List{
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 10px 0;
	margin: 16px 0 0 0;
	font-weight: bold;
	font-size: 110%;
}


/*------------------------------------------------
 menu4.html - カーケア＆リフレッシュ
------------------------------------------------*/
#main #mainBody #mainBodyInner .menu4Cont{
	clear: both;
	padding: 0 0 10px 0;
	margin-left: 8px;
	width: 620px;
}

#main #mainBody #mainBodyInner .menu4Cont dl{
	margin:0;
}

#main #mainBody #mainBodyInner .menu4Cont dt{
	font-weight: bold;
	font-size: 110%;
	margin:0 0 10px 0;
	color: #2561A9;
}

#main #mainBody #mainBodyInner .menu4Cont dd{
	margin:0 0 10px 0;
}
#main #mainBody #mainBodyInner .menu4Cont img.imgRight{
	float:right;
	clear:both;
	margin:0 10px 0 25px;
}

#main #mainBody #mainBodyInner .menu4Cont .menu4ContSubTxt{
	font-size: 90%;
	margin: 10px 0;
	background: #e6e6e6;
	padding: 10px 15px;
}