@charset "shift_jis";

/**************************************************
              デフォルト設定
***************************************************/
body {
	font-family:"ＭＳ Ｐゴシック", "ＭＳ Ｐ明朝", Verdana, Arial, "Century Gothic";
	margin: 0px;
	padding: 0px;
	font-size: 80%;
	color:#333333;
	background-color:#efefef;
	background-image:url(img/back.gif);
	background-repeat:repeat-x;
	}
h2,h3,h4,h5 { margin:0px; padding:0px;}
div { margin:0px; padding:0px;}
table { margin:0px; padding:0px;}
th	{ margin:0px; padding:0px;}
td 	{ margin:0px; padding:0px;}
img { margin:0px; padding:0px; border:0px;}
p 	{ margin:0px; padding:0px; line-height:140%; letter-spacing:0.1em;}
a 	{ margin:0px; padding:0px; text-decoration:none; color:#4a7dca;}
a:hover	{ margin:0px; padding:0px; text-decoration:underline;}
ul 	{ margin:0px; padding:0px;}
li 	{ margin:0px; padding:0px; list-style-type:none;}

@media screen and (max-device-width: 480px) {
body {
-webkit-text-size-adjust: none; /* iPhone */
}
}

/*------------------ 中央揃え --------------------*/
#wrap {	
	width:900px;
	position:absolute;
	left:50%; 
	margin:0px 0px 0px -450px;
	}


/**************************************************
                     ヘッダー
***************************************************/
#header 
	{ 
	width:900px; 
	}
	
#header h1
	{ 
	float:left;
	width: 600px;
	font-size:90%;
	margin:9px 0px 0px 0px;
	padding:0px;
	font-weight:500;
	}

#header ul
	{
	float:right;
	text-align:right;
	margin:9px 0px 0px 0px;
	padding:0px;
	}

#header ul li
	{
	display:inline;
	border-right:1px solid #cccccc;
	padding: 0px 7px 0px 4px;
	}
	
#header ul li a
	{
	display:inline;
	}

#header img 
	{ 
	margin:10px 0px 10px 0px;
	}
	
#logo
	{
	float:left;
	margin:0px;
	padding:0px;
	}
	
#contact 
	{
	float:right;
	margin:0px;
	padding:0px;
	}
	


/**************************************************
                 メインコンテンツ
***************************************************/
.main { 
	float:right; 
	width:680px;
	margin:10px 0px 0px 0px; 
	}

.contents { 
	padding:5px;
	margin:0px 0px 20px 0px;  
	width:670px;
	background-color:#ffffff;
	}

#topmenu
	{
	padding:2px;
	margin-bottom:0px;
	background-color:#FFFFFF;
	}

#topmenu img
	{
	border-top:1px solid #eeeeee;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #bbbbbb;
	border-left:1px solid #dddddd;
	}

#submenu li
	{
	display:inline;
	border-right:1px solid #cccccc;
	padding: 0px 7px 0px 4px;
	}


h3 {
	clear:both;
	}

h5 {
	padding:5px;
	margin:0px 0px 10px 0px;
	text-align:center;
	background-color:#666666 ;
	color:#ffffff; 
	clear:both;
	}

.newstitle {
	background-image:url(img/title_bk.gif);
	background-repeat:repeat-x;
	color:#ffffff; 
	font-size:110%; 
	padding:7px 5px 6px 10px; 
	margin:0px 0px 5px 0px; 
	border-top:1px solid #2c577a;
	border-right:1px solid #072844;
	border-bottom:1px solid #031524;
	border-left:1px solid #0a2d4a;
	}

.center { 
    text-align:center;
	}	

/*-------------- 新着ニュース --------------------*/
.news {
	width:420px;
	padding:5px;
	margin-bottom:20px;
	background-color:#ffffff;
	float:left;
	}

.txt_samll {
	font-size:80%;
	}


/*---------------- トピックス --------------------*/
.topic {
	width:220px;
	padding:5px;
	margin-bottom:20px;
	background-color:#ffffff;
	float:right;
	}


/*---------------- リスト表示 --------------------*/
.newslist li { 
	border-bottom:1px dotted #999999; 
	list-style-type:none; 
	padding:5px 0px 5px 0px; 
	height:50px;
	line-height:120%;
	font-size:95%;
	}

.newslist li:hover
	{
  	background-color:#E8F3FF;
	}

.newslist li img.topicimg {
	float:left;
	margin-right:5px;
	}




/*-------------- BLOGニュース --------------------*/
.blog {
	float:right;
	width:220px;
	height:385px;
	padding:5px;
	margin-bottom:20px;
	background-color:#ffffff;
	}
	
.blog h3 {
	margin-bottom:5px;
	}

/*------------------ 入庫更新 --------------------*/
.stock {
	float:left;
	width:420px;
	height:385px; 
	padding:5px;
	margin-bottom:20px;
	background-color:#ffffff;
	}

/*-------------- Newsコンテンツ ------------------*/

.stock_article li { 
	display:block; 
	height:80px;
	width:100%;
	border-bottom:1px dotted #999999; 
	list-style-type:none; 
	padding:5px 5px 5px 0px;
	line-height:120%;
	font-size:95%;
	}

.stock_article li:hover
	{
  	background-color:#E8F3FF;
	}

.StockRoll { 
	overflow: scroll; 
	width:420px;
	height:330px;
	margin:0px 0px 5px 0px;
	padding:0px;
	}
	
.stock_info { 
	width:380px;
	padding:10px 10px 0px 10px;
	margin:0px 0px 15px 0px;
	clear:both; 
	background-color:#fcfcfc;
	}
	
.stock_info h4 { 
	padding:5px 5px 5px 5px;
	margin:0px 0px 10px 0px;
	clear:both;
	background-color:#eeeeee;
	}
	
.stock_info img {
	border:1px solid #cccccc;
	float:left;
	margin-right:10px;
	}


.StockRoll p { 
	font-size:90%;
	margin:5px 0px;
	}


/*-------------- 入庫更新一覧-- ------------------*/
.todays { 
	clear:both; 
	padding:15px 10px 0px 0px; 
	border-top:1px dashed #cccccc; 
	color:#990000; 
	font-size:100%; 
	font-weight:bold; 
	margin:0px; 
	}

	
/*-------------- 車種別修理費用 ------------------*/
.repair_list {
	border-collapse:collapse;
	height:355px;
	width:420px;
	}

.repair_list td {
	padding: 7px 0px 7px 0px;
	text-align:center;
	}


/*------------- イメージ左右寄せ ----------------*/
.rightimg 
	{ 
	float:right;
	margin-left:10px;
	}

.leftimg
	{
	float:left;
	margin-right:10px;
	margin-bottom:20px;
	}

/*----------------- float解除 --------------------*/
.clear
	{
	clear:both;
	}
	
/*----------------- topへ戻る --------------------*/
.back { 
	clear:both;
	padding:5px 5px 5px 5px;
	text-align:right;
	}

/*---------------- サイトマップ ------------------*/
.sitemap {
	margin:10px 10px 10px 10px;
	width:300px;
	height:250px;
	float:left;
	background-color:#fafafa;
	}

.sitemap h5 {
	margin:10px 10px 10px 10px;
	padding:5px 5px 5px 0px;
	font-size:100%;
	}



/**************************************************
              各ページコンテンツ設定
***************************************************/
/*----------------- パンくず ---------------------*/
#pankuzu
	{
	clear:both;
	font-size:100%;
	margin:5px 10px 8px 10px;
	}


/*---------------- コンテンツ枠 ------------------*/
.article div {
	margin-bottom:30px;
	}

.cnt_title {
	font-size:200%; 
	padding:10px 5px 5px 10px; 
	margin:0px 10px 15px 10px;
	background-color:#ddedfb;
	color:#333333;
	}

.article h4 {
	clear:both;
	margin:10px 10px 10px 10px;
	padding:5px 5px 5px 10px;
	font-size:110%;
	color:#333333;
	border-left:solid 10px #ddedfb;
	}

.article p {
	margin:0px 10px 20px 10px;
	}

.memo_list {
	margin:0px 10px 20px 10px;
	}

.memo_list li {
	margin:0px 0px 0px 21px;
	padding:7px 5px 7px 0px;
	border-bottom:1px dotted #cccccc;
	list-style-type:square;
	}

/*-------------- カテゴリーメニュー --------------*/
#other {
	margin:0px 10px 10px 10px;
	}
	
/*---------------- 車検点検項目 ------------------*/
.whitetable {
	clear:both;
	border-collapse:collapse;
	width:650px;
	margin:10px 10px 10px 10px;
	border:solid 1px #cccccc;
	}

.whitetable th { 
	background-color:#eeeeee;
	border: solid 1px #cccccc;
	padding:5px;
	}

.whitetable td { 
	border:1px #cccccc solid;
	padding:5px;
	width:110px;
	vertical-align:top;
	}
/*---------------- テーブル装飾 ------------------*/
.ins_t { 
	clear:both;
	width:650px;
	margin:10px 10px 10px 10px;
	border:solid 1px #cccccc;
	border-collapse:collapse;
	}

.ins_t th {
	background-color:#eeeeee;
	border:1px #cccccc solid;
	padding:5px;
	font-weight:300;
	}
	
.ins_t td { 
	border:1px #cccccc solid;
	padding:5px;
	vertical-align:top;
	}

.txt_red {
	color:#FF0000;
	}

/*---------------- 車種別車検費用 ----------------*/
.check_price { 
	clear:both;
	width:650px;
	margin:10px 10px 10px 10px;
	border:solid 1px #cccccc;
	border-collapse:collapse;
	}

.check_price th {
	background-color:#eeeeee;
	border:1px #cccccc solid;
	padding:5px;
	font-weight:300;
	}
	
.check_price td { 
	border:1px #cccccc solid;
	padding:5px;
	vertical-align:top;
	}

.txt_red {
	color:#FF0000;
	}

h3.cnttitle {
	font-size:120%;
	padding:10px;
	}

/*---------------- キャンペーン ----------------*/
.colortable2 { clear:both; width:510px; border-collapse:collapse; margin:10px 5px 10px 5px; font-size:120%; }
.colortable2 th { color:#ffffff; background-color:#cc0000; border:solid 1px #cccccc; padding:5px; }
.colortable2 td { border:solid 1px #cccccc; line-height:120%; color:#000099; padding:3px; text-align:center; font-size:100%; font-color:#000099 }


/*---------------- ＦＡＱ修理事例 ----------------*/
.roll {
	overflow: scroll; 
	width:660px;
	height:350px;
	}

.fqa_titile {
	clear:both;
	color:#CC0000;
	}

/*------------------- 連絡先 ---------------------*/
#tel { margin:10px 10px 0px 10px; width:650px; }
#tel th { font-weight:400; text-align:center; color:#ffffff; background-color:#003366; padding:5px;}
#tel td { padding:5px; vertical-align:top; }




/**************************************************
              左サイドメニュー
***************************************************/
#leftside
	{ 
	float:left; 
	width:200px;
	margin:10px 10px 10px 0px;
	}

#leftside div
	{
	background-color:#ffffff;
	padding:5px;
	margin-bottom:20px;
	}

#leftside div h3
	{ 
	margin: 0px;
	padding:5px 5px 5px 18px;  
	font-size:100%;
	background-color:#eeeeee;
	color:#333333;
	border-right:solid 1px #cccccc;
	border-left:solid 1px #cccccc;
	border-bottom:1px solid #cccccc;
	background-image:url(img/menutitle_y.png);
	background-repeat:no-repeat;
	}

#leftside div h3 a
	{ 
	color:#333333;
	padding:5px 5px 5px 5px;
	}
	
#leftside div h3 a:hover
	{ 
	color:#3e5a93;
	background-color:#E8F3FF;
	}

/*------------------ メニュー --------------------*/

.sidemenu {
	border-right:solid 1px #cccccc;
	border-left:solid 1px #cccccc;
	border-bottom:1px solid #cccccc;
	}

.sidemenu a
	{
	color:#3e5a93;
	display:block;
	font-size:80%;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ＭＳ Ｐ明朝";
	padding:5px 10px 5px 25px;
	}
	
.sidemenu a:hover
	{ 
	color:#3e5a93;
	font-size:80%;
	text-decoration:none;
	background-color:#E8F3FF;
	}

/*------------------ 会社情報 --------------------*/


#leftside table.company
	{ 
	width:190px;
	border-collapse:collapse;
	border:1px solid #cccccc;
	}
	
#leftside table.company th 
	{ 
	padding:5px 5px 5px 5px;
	text-align:right;
	width:60px;
	background-color:#eeeeee;
	border:1px solid #cccccc;
	vertical-align:text-top; 
	}
	
#leftside table.company td 
	{ 
	padding:5px 5px 5px 5px;
	line-height:130%; 
	border:1px solid #cccccc;
	}
	
/*---------------- 関連リンク -------------------*/
.Relinks li a 
	{ 
	display:block; 
	padding:7px 10px 7px 10px; 
	}

/*---------------- 資格or免許 -------------------*/
#Qual {
	margin-top:5px;
	}

#Qual li {
	padding:5px;
	border-bottom:1px dotted #cccccc;
	}


/**************************************************
                   フッター
***************************************************/


#footer { 
	clear:both;
	}

.footer_info { 
	clear:both;
	padding:5px;
	margin:0px 0px 1px 0px;
	background-color:#ffffff;
	}
		
.footer_info h5 { 
	padding:5px 0px 5px 7px;
	margin:0px 0px 10px 0px;
	font-size:100%;
	background-color:#dfdfdf;
	}
	
.footer_info ul { 
	margin-left:13px;
	}
	
.footer_info li { 
	float:left;
	width:150px;
	line-height:140%;
	}

.footer_info p {
	padding:5px 0px 5px 13px;
	}
	
.footer_links { 
	clear:both;
	padding:5px;
	margin:0px 0px 1px 0px;
	background-color:#ffffff;
	}
	
.footer_links h5 { 
	padding:5px 0px 5px 7px;
	margin:0px 0px 10px 0px;
	font-size:100%;
	background-color:#dfdfdf;
	}

.footer_links ul { 
	margin-left:13px;
	}
	
.footer_links li { 
	float:left;
	width:250px;
	line-height:140%;
	}
	
.footer_links p {
	padding:5px 0px 5px 13px;
	}
	
#copyright {
	clear:both;
	margin:1px 0px 0px 0px;
	padding:5px 0px 5px 0px;
	text-align:center;
	color:#ffffff;
	background-color:#000000;
	}




/**************************************************
                   スライドイメージ
***************************************************/
	
.boxgrid
	{ 
	width: 896px; 
	height: 150px; 
	margin:0px; 
	padding:0px;
	clear:both;
	border: solid 2px #ffffff; 
	overflow: hidden; 
	position: relative;
	}

.boxgrid img
	{ 
	position: absolute; 
	top: -10px; 
	left: 0; 
	border: 0; 
	}
	
.boxgrid p
	{ 
	padding: 0; 
	color:#afafaf; 
	font-weight:bold; 
	font:10pt "Lucida Grande", Arial, sans-serif; 
	}

.boxcaption
	{ 
	float: left; 
	position: absolute; 
	background: #000; 
	height: 100px;
	width: 100%; 
	}



/**************************************************
                   RSSティッカー
***************************************************/
/* begin styles for RSS Feed */

.rss_box {
	 margin: 0px;
	 padding: 0px;
	 width: 220px;
	 background-color: #fff;
}


.rss_items {
	margin-top: 15px;
	padding: 0px;
}

.rss_item  {
	padding-right: 0px;
	padding-left: 0px;
	font-weight : normal; 
	font-size: 95%;
	padding-bottom: 7px;
	margin-bottom:7px;
}

.rss_item a:link, .rss_item a:visited, .rss_item a:active {
	font-weight: bold;
	margin: 5px;
	text-decoration: none;
}

.rss_item a:hover { 
	font-weight: bold;
	text-decoration: underline;
	background-color:#E8F3FF;
}

.rss_date {
	font-size: 10px;
	font-weight : normal;
	color: #999;
	margin: 5px;
	padding-bottom:3px;
	border-bottom:1px dotted #999999; 
}





/**************************************************
                  Ｗ220修理特集
***************************************************/
.summary {
	clear:both;
	width:650px;
	height:180px;
	margin:10px;
	border-top:1px solid #eeeeee;
	border-right:1px solid #dddddd;
	border-bottom:1px solid #cbcbcb;
	border-left:1px solid #eaeaea;
	background-color:#fefefe;
	}

.summary img {
	float:left;
	margin:0px 10px 10px 10px;
	border-top:1px solid #eeeeee;
	border-right:1px solid #dddddd;
	border-bottom:1px solid #cbcbcb;
	border-left:1px solid #eaeaea;
	}
	
.summary img.spacevertical10 {
	margin:10px 0px 10px 0px;
	}

.summary a img:hover {
	border:1px solid #CC0000;
	}

.summary h5 {
	margin:10px 10px 0px 10px;
	padding:10px;
	background-color:#eeeeee;
	}

.summary p {
	margin:10px;
	}


/**************************************************
                  IE6用
***************************************************/	
* html .boxgrid
	{
	border: solid 2px #ffffff;
	width:900px;
	}


* html table { font-size:90%; }



* html .sidemenu a
	{
	padding:0px 0px 0px 25px;
	}

* html .sidemenu a:hover
	{
	padding:0px 0px 0px 25px;
	}