@charset "shift_jis"; 

/* CSS Document */
* {
	margin: 0;
	padding: 0;
	text-indent: 0;
	text-align: left;
	line-break: strict;/*IEのみ 有効*/
	background-image: no-repeat;
}


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

原則、CADILLACを基準にしたスタイル。
ブランド別のスタイルは個別に\cssフォルダ\ブランド名.cssの内容を
原則全て書き換えること。
common.css内では書き換えの必要な部分についてコメント入り。

※common.cssの書き換えでブランド別対応をしないこと！！！※

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




/*●●●●●●●要素指定●●●●●●●●*/


/*------------------一般------------------*/
img {
	border: 0;
}

body{
	background-color: #000;
	color: #ccc;
	font-family:"ＭＳ Ｐゴシック" , Osaka , Arial , serif;
	font-size: 10pt;
}




body a{
	color: #c0c0c0;/*ブランド可変*/
	text-decoration: underline;
}

body a:hover{
	color: #fff;/*ブランド可変*/
	text-decoration: none;
}


/*---リスト内リンク---*/
li{
	width: 135px;
	height: 25px;
	line-height: 25px;
}

li a{
	color: #ccc;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
}

li a:hover{
	color: #f5f5dc;
	color: #333;
}


/*---見出し---*/

h1{
	display: block;
	float: left;
	font-size: 8pt;
	font-weight: 200;
	text-align: left;
	color: #000;
}


/*●●●●●●●ID●●●●●●●●*/


/*------------------レイアウト ------------------*/

#for_print{
	font-size: 8pt;
	text-align: right;
	display: block;
	float: right;
	position: relative;
	right: 0;
}


/*------------------大枠------------------*/
#wrap {
	width: 829px;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	overflow: visible;

}

/*------------------スクロール用位置調節------------------*/

#bridge{
	width: 15px;
	height: auto;
	display: block;
	float: right;
}


/*------------------ロゴ等のヘッダー ------------------*/
#head{
	width: 810px;
	height: 110px;/*ブランド可変*/
	margin-top: 15px;
	margin-bottom: 10px;
	vertical-align: bottom;
}

/*------------------ロゴ左------------------*/
#head_lbox{
	width: 345px;/*ブランド可変*/
	height: 76px;/*ブランド可変*/
	text-align: left;
	float: left;
	padding-bottom: 0px;
}

/*------------------ロゴ中心------------------*/
#head_mbox{
	width: 120px;/*ブランド可変*/
	text-align: center;
	float: left;
}

/*------------------ロゴ右------------------*/
#head_rbox{
	width: 345px;/*ブランド可変*/
	height: 76px;/*ブランド可変*/
	text-align: right;
	float: left;
}

/*------------------上部ボタン・写真等大枠------------------*/
#head_imgbox{
	width: 810px;
	height: 340px;
	clear: both;
	background: #333;/*ブランド可変*/
	border: 1px solid #f5f5dc;/*ブランド可変*/
	float: left;
	overflow: visible;
}

/*------------------上部ボタン枠（使用しない）------------------*/
#head_nbbox{
	width: auto;
	height: 50px;
	clear: both;
	background: #333 url(img/share/bb.gif) repeat;
	overflow: hidden;
	/*overflow: visible;*/
	margin-left: auto;
	margin-right: auto;
}


/*------------------上部写真枠------------------*/
#p_box{
	height: 260px;
	display: block;
	clear: both;
	text-align: center;
}

/*------------------スクロール部分の大枠------------------*/
#contents-box{
	width: 100%;
	height: 350px;
	display: block;
	overflow: auto;

}



/*------------------下部分大枠------------------*/
#wrapper {
	width: 810px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	overflow: visible;
	background: #333;/*ブランド可変*/
	border: 1px solid #f5f5dc;/*ブランド可変*/
}




/*------------------スクロール内　左------------------*/
#left-box{
	width: 291px;
	height: auto;
	float: left;
	display: block;
	overflow: visible;
}

#left-box div{
	width: 244px;
	margin-left: 25px;
	margin-top: 20px;
}

/*------------------スクロール内　左のバナー枠------------------*/
#left-bann{

	display: block;
}

/*------------------スクロール内　左のテキスト枠------------------*/
#left-in{
	line-height: 12pt;
}


/*------------------スクロール内　右------------------*/
#right-box{
	width: 470px;
	height: auto;
	float: right;
	border-left: 1px solid #f5f5dc;/*ブランド可変*/
	overflow: visible;
}



/*------------------フッター------------------*/
#footer{
	clear: both;
	width: 810px;
	height: 50px;
	display: block;
	background-image: url(img/cadillac/footback.jpg);/*ブランド可変*/
	background-repeat: x-repeat;
	border-top: 1px solid #f5f5dc;/*ブランド可変*/
	text-align: center;
	line-height: 12px;
	font-size: 8pt;
	padding-top: 10px;
}

/*------------------iframe用枠（使用しない）------------------*/
#i-box{
	width: 100%;
	height: 300px;
	display: block;
	clear: both;
}





/*●●●●●●●クラス●●●●●●●●*/


/*------------------レイアウト ------------------*/




/*------------------上部ボタン箱（使用しない）------------------*/
.navi_box{
	width: 133px;
	height: 25px;
	background: url(img/share/n-button-base.gif) no-repeat;
	background-position: top;
	float: left;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

.navi_box a{
	display: block;
	overflow: hidden;
}

.navi_box a:hover{
	background: url(img/share/n-button-base.gif) no-repeat;
	background-position: bottom;
}
	


/*------------------あしらい------------------*/
/*********左カラムで使用する場合は<span>を使用すること！！************/
.titleimg{

	margin: 25px 0px 30px 15px;
	display: block;
}


/*------------------ワランティ角丸枠------------------*/
.warr-box{
	background-image: url(img/share/warr/round_back.gif);
	background-repeat: no-repeat;
	background-position: 9px 5px;
	width: 244px!important;
	height: 76px;
	font-size: 8pt;
	padding: 14px 40px 16px 16px;
	line-height: 8pt;
}

.warr-box img{
	margin: 8px 8px 0px 5px;
	float: left;
}





/*------------------iframe内　ラインアップ箱------------------*/
.lineup{
	width: 375px;
	height: 205px;
	margin: 30px 0px 20px 50px;
	border: 1px solid #f5f5dc;/*ブランド可変*/
	font-size: 9pt;
	overflow: visible;
}

.lineup img{
	width: 160px;
	height: 95px;
	margin: 15px 0px 5px 5px;
	float: left;
}

/* *Price* 表示用 */
.lineup p{
	width: 180px;
	margin: 0px 0px 0px 10px;
	display: block;
	float: right;
	color: #fff;/*ブランド可変*/

}


/*------------------スクロール内　ラインアップテキスト------------------*/

.lineup h2{
	width: 360px;
	font-size: 12pt;
	font-weight: bold;
	padding-top: 8px;
	padding-left: 15px;
	color: #fff;/*ブランド可変*/

}


.lineup_text{
	width: 180px;
	height: 95px;
	margin: 8px 10px 5px 5px;
	float: right;
}

.lineup_price{
	width: 180px;
	margin: 2px 10px 8px 10px;
	text-align: right;
	color: #fff;
	clear: both;
	float: right;
}




/*------------------ヘッダーロゴ調整用------------------*/

.r_btm{
	padding-top: 28px;/*ブランド可変*/
}

.l_btm{
	padding-top: 49px;/*ブランド可変*/
}


/*------------------注意書き------------------*/
.caution{
	font-size: 8pt;
	color: #ccc;/*ブランド可変*/
	margin-left: 30px!important;
	display: block;
}

/*------------------アンカー用（注意書きと一緒に使う）------------------*/
.anch{
	margin-right: 20px;
	text-align: right;
	margin-bottom: 20px;
}

/*------------------ぱんくず用（注意書きと一緒に使う）------------------*/
.pankuzu{
	display: block;
	margin-top: 18px!important;
	margin-bottom: 0px!important;
	margin-left: 8px!important;
}



/*-----------------TOP用------------------*/

#top{
	text-align: right;
	font-size: 8pt;
	height: 10px;
	display: block;
	margin-bottom: 5px;
	clear: both;
}


/*------------------クリアー用------------------*/

.clr_box{
	clear: both;
	width: 800px;
	height: 1px;
	display: block;
}

.clr{
	clear: both;
}