@charset "shift_jis"; 
@import "css/main_menu.css";


*{
	margin: 0px;
	padding: 0px;
}

*html body{
	margin: 0px;
	padding: 0px;
}

img{
	border: 0px;
	display: block;
}

/****************** Volkswagen Common ******************/
body {
	background-color:#FFFFFF;
	color:#000000;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-repeat: no-repeat;
	font-size: 11px;
}

body *{
	font-family: "Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3","Osaka","MS PGothic",Osaka ,sans-serif;
}

.en {
	font-family:  Arial,  Geneva, Helvetica, sans-serif;
}

img {
	border-width:0px;
	display: block;
}

a {
	color: #3C5F8C;
	text-decoration: none;
}

a:hover {
	color: #3C5F8C;
	text-decoration:underline;
}


/****************** 枠組み ******************/

/*###### ヘッダー ######*/
/*-------------------
	窓全体
---------------------*/
#wrapper{
	width: 100%;
	height: 100%;
	position: absolute;
}

/*-------------------
	記事全体
---------------------*/
#wrap{
	width: auto;
	height: auto;
}
/*-------------------
	CI入りヘッダー
---------------------*/
#CIheader{
	width: 100%;
	height: 100px;
}

/*-------------------
	メインメニュー
	を入れるBOX
---------------------*/
#mainmenu{
	width: 420px;
	height: 16px;
	position: absolute;
	/*position: relative;*/
	left: 359px;
	top: 79px;
	display: block;
	overflow: hidden;

}

/*-------------------
	CI以下のヘッダー
	を入れるBOX
---------------------*/
#headbox{
	width: 100%;
	height: auto;
	background: #e6e6eb;
}

/*-------------------
	CI以下のヘッダー
	共通クラス
---------------------*/
.header{
	width: 779px;
	border-right: 1px solid #fff;
	overflow: hidden;
}

/*-------------------
	店名入りヘッダー
---------------------*/
#SHOP{
	height: 70px;
}

/*-------------------
	写真入りヘッダー
---------------------*/
#p260{
	height: 260px;
}

#p140{
	height: 140px;
}

#p70{
	height: 70px;
}

#p0{
	height: 0px;
}

/*-------------------
	車名リストや
	コーナータイトルを
	入れるBOX
---------------------*/
#Ctitle{
	height: 20px;
	background: #9999a3;
	border-bottom: 1px solid #87878f;
	margin-bottom: 0px
}

/*下余白が必要な時*/
.mb15{
	margin-bottom: 15px;
}

.mb20{
	margin-bottom: 20px;
}

.mb10{
	margin-bottom: 10px;
}

/*上余白が必要な時*/
.mt10{
	margin-top: 10px;
}

/*###### 下部 ######*/
/*-------------------
	カラム全体を
	まとめるBOX
---------------------*/
#column{
	width: 780px;
	height: auto;
	display: block;
	margin-left: 15px;
}

/*-------------------
	カラムの外枠
---------------------*/
/*共通クラス*/
.C{
	height: auto;
	margin-right: 15px;
	font-size: 12px;
	float: left;
}

/*カラム数別*/
.single{
	width: 180px;
}

.double{
	width: 375px;
}

.triple{
	width: 570px;
}

.all{
	width: 780px;
}


/*3カラム用右マージン*/
.r180{
	margin-right: 180px;
	clear: both;
}


/*バナータイトルの高さ*/
/*※----IE対策----*/
.h54{
	display: block;
	height: 54px;
}

/*バナーのボーダー*/
/*.bn{
	border: 1px solid #ccccd1:
}*/

/*-------------------
	カラムの
	テキスト用BOX
---------------------*/
/*共通クラス*/
.TEXT{
	font-size: 11px;
	line-height: 15px;
	margin-top: 2px;
	height: 47px;
}

.TEXT.single{
	width: 180px;
}

.TEXT.double{
	width: 360px;
/*	margin-right: 15px;*/
}

.TEXT.triple{
	width: 570px;
/*	margin-right: 15px;*/
}

.TEXT.topics{
	width: 165px;
	margin-right: 0px;
	margin-left: auto;
}

/*-------------------
	フッター
---------------------*/
#foot{
	clear: both;
	width: 780px;
	margin-top: 20px;
	margin-bottom: 15px;
	margin-left: 15px;
	font-size: 11px;
	color: #9999a3;
	display: block;
}

#foot a{
	color: #9999a3;
	text-decoration: none;
}

#foot a:hover{
	color: #000;
	text-decoration: none;
}
/*-------------------
	左上フッター
---------------------*/
#Fleft{
	width: 500px;
	float: left;
	/*margin-left: 15px;*/
}

/*-------------------
	VW Japanのリンク
---------------------*/
#Fright{
	width: 279px;
	float: left;
	text-align: right;
	position: absolute;
	left: 500px;
}



/****************** 一般 ******************/
/*-------------------
	カラムのテキスト
---------------------*/

/*-------------------
	カラムの詳細へ
	誘導するリンク
---------------------*/
.next{
	background: url(img/share/arrow_orange.gif) no-repeat;
	background-position: left;
	text-indent: 15px;
	line-height: 20px;
	font-size: 11px;
	vertical-align: baseline;
}

.next a{
	text-decoration: none;
	xcolor: #5c5c61;
	color:#3b7ab2;
}

.next a:hover{
	text-decoration: underline;
}


/*-------------------
	トピックス
---------------------*/

/*一般テキスト*/
.topic{
	font-size: 11px;
	line-height: 15px;
	margin-bottom: 5px;
}

.topic a{
	text-decoration: none;
	xcolor: #3c5f8c;
	color:#3b7ab2;
}

.topic a:hover{
	text-decoration: underline;
}


/*topicをh1で代用しましょう！！*/
h1{
	font-size: 11px;
	line-height: 15px;
	margin-bottom: 5px;
	display: block;
	font-weight: 100;
}

h1 a{
	text-decoration: none;
	xcolor: #3c5f8c;
	color:#3b7ab2;
	display: block;
	font-weight: 100;
}

h1 a:hover{
	text-decoration: underline;
}

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



/*日付入り*/
.date{
	background: url(img/share/arrow_orange.gif) no-repeat;
	background-position: left;
	text-indent: 10px;
	line-height: 20px;
	font-size: 10px;
	vertical-align: baseline;
}

.date a{
	color: #878791;
	color:#3b7ab2;
}


/*------ ブログ更新内容用 ------*/
#column iframe{
	line-height: 15px;
	font-size: 11px;
	color: #000;
}

#column iframe a{
	color: #3c5f8c;
	text-decoration: none;
}

#column iframe a:hover{
	text-decoration: underline;
}

/*-------------------
	クリアー用
---------------------*/
.clr{
	clear: both;
}