﻿@charset "UTF-8";
/*
Theme Name: F8-Child
Theme URI: http://snacktreat.com
Description: Main Alpina Theme
Author: Snacktreat
Author URI: http://snacktreat.com
Template: modularity
Version: 0.4
License:  All Rights Reserved
*/
@import url("../modularity/style.css");


body {color:#ffffff; }
.container-inner {width:950px; margin:0 auto;padding:0}
.container {margin:10px auto;}
h1,h2,h3,h4,h5,h6,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,p,li a {color:#fff}
a {color:#428ce7;text-decoration:none;}
a:hover, a:focus {color:#66666;}
/* Logo */
#logo {	width: 50px;height: 50px;position: absolute;top: 6px;left: 62px;}
#page_title{display:none;}

/* Masthead */
#masthead {border-top:5px solid #000;float:none; display:none;}
#masthead h4, #masthead span { margin: 0; padding:0; line-height:2em }
#masthead h4 { font-weight: bold; text-transform: uppercase; float: left}
#masthead h4 a { color: #000; text-decoration: none; }
#masthead span.description { font-weight: normal; color: #000; text-transform: lowercase; font-size: 11px; padding: .35em 3em;}
.contact {border-left:5px solid #000}
.phone {text-align:right;font-size:11px}
.email {text-align:right;font-size:11px}
.subscribe {text-align:right;font-size:11px}
.postmetadata {background:#111;border-top:1px solid #444;border-bottom:1px solid #444;padding:1em;color:#999; -moz-border-radius: 0;-khtml-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;}
.postmetadata a {color:#fff;}
.postmetadata a:hover {color:#fff; text-decoration:underline}
.nav a {background:#000; color:#444; font:bold 12px/1 helvetica,arial,sans-serif; padding:6px 10px 3px;  }
.nav a:hover {background:#222;color:#fff}
.prev a, .next a {color:#eee;text-decoration:none;padding:4px 10px 6px 10px; font-size:14px;display:block;}
.byline {font-size:11px;margin:0;color:#444}
.byline a {color:#444}
.byline a:hover {color:#fff;text-decoration:underline;}
hr {background:#444}
div.colborder {border-right:1px solid #000;}
h3.sub,h2.sub {border-bottom:1px solid #000;color:#000}
#sidebar h6{margin-top:10px}
#sidebar ul li a,ul.txt li{border-bottom:1px solid #000;background:none;}
#sidebar ul li a:hover,ul.txt li:hover{color:#fff;background: #111;}
#sidebar ul li a,ul.txt li{color:#333;}
#sidebar a:hover {color:#000}
#footer a:hover {color:#fff}
#footer-wrap {background:#000;border-top:1px solid #444;}
#footer {padding:0;}
#footer ul{list-style:none;margin:0;padding:0;}
#footer ul li{ display:inline}
#footer ul li a{color:#eee;height:1%;line-height:1.2em;padding:6px 8px 6px 8px;float:left}
#footer ul li a.footer_logo{}
#footer ul li a:hover{color:#999;background:#000000}
#footer ul li a span{color:#696455;}
#footer ul li.active a{cursor:default;color:white;}
.content{margin-top:10px;}

#inside-wrap {margin:0 auto;padding:0;}
.pusher {text-align:right;background:#fff url(images/pusher.png) no-repeat bottom right;padding:4px 10px 0px 0px;font-size:11px}
.pusher a {color:#ccc;text-decoration:none}
.pusher a:hover {color:#fff;text-decoration:underline;cursor:pointer}
.mover {color:#000;}
.mover a .more {color:#000; text-decoration:none;}
.move a:hover {color:#ffffff;}
.feed {margin-left: 3px;padding: 0 0 0 19px;background: url(images/rss.png) no-repeat 0 50%;color:#eee;}

/* BOXES */
.error, .notice, .success. .box {padding:.8em;margin-bottom:1em;border:1px solid #444;background:#000;color:#eee;border-bolor:#444}
.error a, .notice a, .success a, .box a {color:#fff;}
.welcomebox {padding:1.5em;margin-bottom:1.5em;background:#000;-moz-border-radius: 0;-khtml-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;}
.welcomebox h2 {color:#fff}
.welcomebox h3.sub {color:#bbb;border-bottom:1px solid #bbb;}

/* PORTFOLIO THUMBNAILS */
.portfolio-image-wrapper {position: relative; margin: 0 0 6px 0;padding:0;}
.portfolio-image-wrapper h6.title-overlay {text-transform:uppercase;background: #000; padding:4px; top: 127px; left: 0;bottom: 0; height: 15px; width:302px; overflow:hidden; position: absolute; max-width: 302px; z-index: 101; /* opacity - move to sep. stylesheet */ filter: alpha(opacity=80); -moz-opacity: .80; opacity:.80; }
.portfolio-image-wrapper h6.title-overlay a { color: #ccc; text-decoration: none;}
.portfolio-image-wrapper h6.title-overlay a:hover {color:#fff;}
.portfolio-image-wrapper .category-overlay {font-size:.8em;background: #000; color:#515151;padding:2px; text-align:right;top: 0; right: 0;display: block; height: 16px; width:auto; overflow:hidden; position: absolute; max-width: 302px; z-index: 101; /* opacity - move to sep. stylesheet */ filter: alpha(opacity=50); -moz-opacity: .50; opacity:.50;}
.portfolio-image-wrapper .category-overlay a {color:#515151}
.portfolio-image-wrapper .category-overlay a:hover {color:#fff}
.thumbnail, .attachment-thumbnail {max-width:310px;margin:0 1.5em 1.5em 0;float:left}
.gallery-caption {font-style:italic;text-align:center}

/* CATEGORY SECTION */
#category-stack{margin:0 0 2em 0}
.byline {font-size:.9em;margin:0;color:#444}
.byline a {color:#bbb}
.more {margin:0 0 1em 0;background:#000}
.more ul{list-style:none;margin:0;padding:0;}
.more ul li a{color:#eee;height:1%;line-height:1.2em;border-bottom:1px solid #444;display:block;padding:6px 0 6px 8px;}
.more ul li a:hover{color:#fff;background-position:1px 0.8em;background: #111}
.more ul li a span{color:#696455;}
.more ul li.active a{cursor:default;color:white;}

/* NAVIGATION - Basic code - don't modify */ 

div.wrapper {height: 90px;width: 100%;z-index: 1000;background: #000 url(/images/navi/header-bg.gif);}
div.nav-wrapper { display: block; z-index: 500; margin: 0 auto; padding: 0; position: relative;width:950px;}
#nav-drop {float:right;}
#nav-drop { display: block; margin: 0; padding: 0; position: relative; z-index:999;right:0px;}
#nav-drop .wrapper { position: relative; margin: 0 auto; width: 950px; }
#nav-drop li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
#nav-drop a { display: block; }
#nav-drop ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
* html #nav-drop ul { line-height: 0; } /* IE6 "fix" */
#nav-drop ul a { zoom: 1; } /* IE6/7 fix */
#nav-drop ul li { float: none; }
#nav-drop ul ul { top: 0; }
    
/* NAVIGATION _ Essentials - configure this */
#nav-drop ul { width: 170px; }
#nav-drop ul ul { left: 170px; }

/* NAVIGATION - Everything else is theming */
#nav-drop { height: 90px; }
#nav-drop *:hover { background-color:none; }
#nav-drop .pagenav{ height: 90px; }
#nav-drop .pagenav a{}
#nav-drop a, #nav-drop .navi_title {color:#999999; font-size: 13px;padding: 65px 25px 12px 25px; line-height: 1;}
#nav-drop .navi_title{cursor:default}
#nav-drop li.hover a { background-color: #111; }
#nav-drop ul { top: 90px; }
#nav-drop ul li a { background-color: #111;line-height: 1;}
#nav-drop ul li { background-color: #111;}
#nav-drop ul a.hover { background-color: #000; }
#nav-drop a.hover { background-color:#111; }
#nav-drop ul a { border-top: 1px solid #333; border-right: none; padding: 8px 15px 8px 25px;}
/* #nav-drop ul a { border-bottom: none; } - I also needed this for IE6/7 */
#nav-drop ul li a.children {background-image: url(images/arrow.png); background-position: right center; background-repeat: no-repeat;}

/* NAVIGATION - Search for something */
div.nav-wrapper #search { position: relative; float: right; top: 8px; right:8px; height:22px; width:150px; background: #222 url(images/search.jpg) no-repeat left top}
div.nav-wrapper #search:hover { background: #fff url(images/search-hover.jpg) no-repeat left top}
div.nav-wrapper #search #s { background: transparent; float: left; display: block; margin:0;padding-left: 5px; width: 130px; border: none; font-size: 11px; color: #ccc; vertical-align: bottom; }
#search #s:hover { color: #000; background: transparent}
div.nav-wrapper #search #s:hover {color: #000;background: transparent;}

#quicklinks {width:720px;margin:0 auto;}
#quicklinks ul{list-style:none;margin:0;padding:0;}
#quicklinks ul li{float:left;margin:0 20px 0 0}
#quicklinks ul li.last{float:left;margin:0}

#player{margin:0px 0px 0px 0px}
#top_player{margin:0 auto;width:720px}

/* Model Page Index*/
#model_name{margin:0 0 0px 24px;}
#model_local_navi{float:left;}
#model_local_navi a {color: #ccc; font-size: 13px;line-height: 1;display: block;}
#model_local_navi ul {width:160px;margin-right:20px;list-style:none;border-right: 1px solid #ccc;}
#model_local_navi ul li{height:25px;width:150px;margin-bottom:5px;}
#model_local_navi ul li a {width:150px;padding: 5px 5px 7px 5px;}
#model_local_navi ul li a:hover { color:#000; background: url(/images/modelpages/model-navi-hover.png);background-repeat: no-repeat;}
#model_local_navi ul a {width:150px;padding: 10px 25px 10px 25px;}

.main_column{float:left;width:100%}

/* Model Page Introduction*/

.stripViewer .panelContainer .panel ul {
			text-align: left;
			margin: 0;
		}
		
		.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
			margin: 0;
			position: relative;
			width: 100%;
		}

		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 100%; height: 460px; background: #fff; overflow: scroll}
		.csw .loading {margin: 200px 0 300px 0; text-align: center}

		.stripViewer { /* This is the viewing window */
			overflow: hidden;
			margin:0;
			padding:0;
			width: 750px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			clear: both;
			background: #000;
			position: relative;
		}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 100%;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			position: relative;
			width: 750px; /* Also specified in  .stripViewer  above */
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding: 10px;
		}
		
		.panel{
		
		}
		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			margin: auto;
		}
		
		.stripNav ul { /* The auto-generated set of links */
			list-style: none;
		}
		
		.stripNav ul li {
			float: left;
			margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
		}
		
		.stripNav a { /* The nav links */
		
		}
		
		.stripNav li.tab1 a { background: #60f }
		.stripNav li.tab2 a { background: #60c }
		.stripNav li.tab3 a { background: #63f }
		.stripNav li.tab4 a { background: #63c }
		.stripNav li.tab5 a { background: #00e }
		
		.stripNav li a:hover {
			background: #333;
		}
		
		.stripNav li a.current {
			background: #000;
			color: #fff;
		}
		
		.stripNavL, .stripNavR { /* The left and right arrows */
			position: absolute;
			top:280px;
			text-indent: -9000em;
		}
		
		.stripNavL a, .stripNavR a {
			display: block;
			height: 30px;
			width: 100px;
		}
		
		.stripNavL {
			left: 0;
		}
		
		.stripNavR {
			left: 650px;
		}
		
		.stripNavL {
			background: url("/images/modelpages/prev_btn.gif") no-repeat center;
		}
		
		.stripNavR {
			background: url("/images/modelpages/next_btn.gif") no-repeat center;
		}
		.next_navi{background: url("/images/modelpages/next_btn.gif") no-repeat center;text-indent:-9000em;height:50px;width:100px;}
		.prev_navi{background: url("/images/modelpages/prev_btn.gif") no-repeat center;text-indent:-9000em;height:50px;width:100px;}
		
		#slide_copy{
		color:#CCCCCC;
		line-height:1.5em;
		}
		#slide_title{
		font-size:20px;
		line-height:2.5em;
		color:#CCCCCC;
		margin: 55px 0 0 0;
		font-weight:bold;
		}
		.slide_image{
		outline:1px solid #222;
		}
		
/* Model Page Equipment*/
#equipment_table, #option_price_table{color:#ccc;}
	
.table_title{color:#222;padding:3px 6px 0px 9px;}	

#equipment_table table, #option_price_table table{background: url("/images/modelpages/table_header.png") no-repeat;margin-bottom:20px;}
#equipment_table td, #option_price_table td{border-bottom:1px solid #222;padding:6px 10px 6px 15px;}


#price_table{color:#ccc;}
#price_table .table_title{font-size:16px;font-weight:bold;color:#000;line-height:1em;}	

#price_table table{background: url("/images/modelpages/price_header.png") no-repeat; margin: 0 0 20px 0}
#price_table td{font-size:11px;border-bottom:1px solid #222;padding:6px 10px 6px 15px;}
#price_conditions{font-size:14px;font-weight:bold;color:#000; padding: 2px 10px 0 0;}
#price_table div.table_right, #option_price_table div.table_right, #equipment_table div.table_right{text-align:right}

/* Interview Page*/
#interview_local_navi {width:260px;padding:0; margin-right:10px}
#interview_local_navi ul{list-style:none;border-right:1px solid #444;width:260px;}
#interview_local_navi ul li{border:1px solid #444;width:245px; height:80px;margin-bottom:5px;}


#interview_movie{float:left}
#interview_right{margin:0 0 0 23px;}
#interview_image{float:left}

#interview_text{}


#interview_number{color:#fff;font-size:18px;margin:0 0 15px 0}
#interview_title{color:#fff;font-size: 28px;margin:0 0 15px 0;font-weight:bold;}
#interview_name{color:#fff;font-size:20px}
#interview_name_japanese{font-family:font-size:14px;margin:0 0 25px 0;font-weight:bold;}
.interview_paragraph_heading{color:#fff;font-family:font-size: 20px;margin:0 0 5px 0;font-weight:bold;}
.interview_paragraph_body, .interview_paragraph_body p{color:#ccc;margin:0 0 20px 0}

#profile{border:1px solid #222;padding:5px;margin:15px 0 0 0}
#profile_heading{font-size:16px}
#profile_body{color:#ccc}

/* Emotional Driving Experiance Page*/

#ede_local_navi{float:left;}
#ede_local_navi a {color: #ccc; font-size: 12px;line-height: 1;display: block;}
#ede_local_navi ul {width:155px;margin-right:0px;list-style:none;border-right: 1px solid #ccc;}
#ede_local_navi ul li{height:25px;width:150px;margin-bottom:5px;}
#ede_local_navi ul li a {width:145px;padding: 5px 5px 7px 5px;}
#ede_local_navi ul li a:hover { color:#000; background: url(/images/ede/ede-navi-hover.png);background-repeat: no-repeat;}
#ede_local_navi ul a {width:145px;padding: 10px 25px 10px 25px;}

#ede_right_column{width:760px;float:left;}

#ede_local_navi_right{float:left;}
#ede_local_navi_right a {color: #000; font-size: 10px;line-height: 1.5em;display: block; background: url(/images/ede/ede-navi-right-hover.png);background-repeat: no-repeat;}
#ede_local_navi_right ul {width:340px;margin:0px 10px;list-style:none;}
#ede_local_navi_right ul li{height:25px;width:150px;margin-bottom:7px;}
#ede_local_navi_right ul li a {width:335px;padding: 5px 5px 7px 5px;}
#ede_local_navi_right ul li a:hover { color:#222;}
#ede_local_navi_right ul a {width:335px;}

#ede_image {float:left;}
.link_img {float:left;}
#ede_title p{margin: 20px 0 20px 15px;font-size:22px;clear:both}
#ede_body p{margin-left:15px;}

.small{margin:8px 0 0 0}


/***************************** Parts & Accessory Ý’è *********************************/

#content_wheel{
	width: 950px;
	height: 335px;
	background-image: url(/images/background-image/wheel_tire.jpg);

}

#wheel_text h3{
	color: #FFFFFF;
	padding: 30px 30px 0px 450px;
	font-weight: bold;
}
#wheel_text p{
	color: #FFFFFF;
	padding: 0px 30px 0px 450px;
}

#content_wheel_e{
	width: 950px;
	height: 335px;
	background-image: url(/images/background-image/wheel_tire2.jpg);

}

#wheel_text_e h3{
	color: #FFFFFF;
	padding: 15px 20px 0px 340px;
	font-weight: bold;
}
#wheel_text_e p{
	color: #FFFFFF;
	padding: 0px 20px 0px 340px;
}

/*****************************Life Style *********************************/

#content_lifestyle{
	width: 950px;
	height: 335px;
	background-image: url(/images/background-image/aero_dynamic_parts.jpg);

}

#lifestyle_text h3{
	color: #cccccc;
	padding: 235px 30px 0px 550px;
	font-weight: bold;
}
#lifestyle_text p{
	color: #cccccc;
	padding: 10px 30px 0px 550px;
}


.lifestyle_price th{
	border-bottom: 1px solid #DDDDDD;
	border-top: 1px solid #DDDDDD;
	background-color:#EEEEEE;
	color:#333333;
	padding: 3px 3px 3px 3px;

}
.lifestyle_price td{
	padding: 3px 3px 3px 3px;
	border-bottom: 1px solid #DDDDDD;
	font-size: 12px;
}

.lifestyle_photo{
	width: 260px;
	float: left;
}



.lifestyle_images{
	padding: 0px 3px 0px 3px;

}

.lifestyle_title{
	border-bottom: 1px solid #DDDDDD;
	border-top: 1px solid #DDDDDD;
	background-color:#EEEEEE;
	color:#333333;
	padding: 1px 5px 1px 5px;
	margin-bottom: 10px;
	font-size: 12px;
}

#lifestyle{
	margin-bottom: 20px;
}
/***************************** FormÝ’è *********************************/



/***************************** Form設定 *********************************/


#form_area{
	font-size: 12px;
}

#form_area td{
	padding: 5px 2px 5px 2px;
	border-bottom: 1px solid #DDDDDD;
	vertical-align: middle;

}

#form_table td{
	border-style: none;
	padding: 1px 0px 1px 0px;
	vertical-align: middle;
}


#submit{
	text-align: center;
	margin-top: 20px;
	margin-bottom: 30px;
}


#form_privacy {
	width: 650px;
	padding: 10px 2px 5px 2px;

}

#form_privacy td{
	font-size: 10px;
	padding: 5px 2px 5px 2px;
	border-style: none;
}

#ex_form{
	padding: 10px 0px 0px 30px;
	height: 30px;
	text-align: left;
	font-size: 10px;
	color: #666666;
}
#ex_form a{
	color: #D90000;
	font-weight: bold;
}


/***************************** Media Clip *********************************/
#clip{
	padding: 3px 2px 5px 3px;
	font-size: 12px;
	border-bottom: 1px solid #DDDDDD;
	margin: 0px 0px 35px 10px;
	vertical-align: bottom;
}

#clip h3{
	font-size: 12px;
	font-weight: bold;
}

#clip h4{
	font-size: 12px;
	color: #999999;
	margin-bottom: 5px;


}

#clip p{
	font-size: 12px;
	text-align: left;
	margin: 2px 0px 0px 0px;
}





#content_clip{
	width: 950px;
	height: 335px;
	background-image: url(/images/background-image/media_clip.jpg);

}

#clip_text h3{
	color: #FFFFFF;
	padding: 30px 0px 0px 30px;
	font-weight: bold;
}
#clip_text p{
	color: #FFFFFF;
	padding: 20px 0px 0px 30px;
}
/***************************** Media Clip *********************************/

/***************************** ALPINA Mail NewsÝ’è *********************************/

#content_mail_news{
	width: 950px;
	height: 335px;
	background-image: url(/images/background-image/mail_news.jpg);

}

#mail_news_text h3{
	color: #FFFFFF;
	padding: 30px 0px 0px 30px;
	font-weight: bold;
}
#mail_news_text p{
	color: #FFFFFF;
	padding: 20px 0px 0px 30px;
}

#mail_news_text a{
	color: #009900;
}


#photo_text{
	margin-bottom: 10px;
}
#photo_text h4{
	margin-bottom: 3px;
}


#content_aero{
width : 950px;
height : 335px;
background : #000 url(/images/background-image/aero_dynamic_parts.jpg) no-repeat left top;
}

#aero_text h3{
	color: #222;
	padding: 235px 30px 0px 550px;
	margin-bottom:0;
	font-weight: bold;
}
#aero_text p{
	color: #222;
	padding: 10px 30px 10px 550px;
}

#content_aero_e{
width : 950px;
height : 335px;
background : #000 url(/images/background-image/aero_dynamic_parts2.jpg) no-repeat left top;
}

#aero_text_e h3{
	color: #222;
	padding: 205px 30px 0px 550px;
	margin-bottom:0;
	font-weight: bold;
}
#aero_text_e p{
	color: #222;
	padding: 10px 30px 10px 550px;
}

.aero_price th{
	border-bottom: 1px solid #DDDDDD;
	border-top: 1px solid #DDDDDD;
	background-color:#EEEEEE;
	color:#333333;
	padding: 3px 3px 3px 3px;

}
.aero_price td{
	padding: 3px 3px 3px 3px;
	border-bottom: 1px solid #DDDDDD;
	font-size: 12px;
}

.aero_photo{
	width: 400px;
	float: left;
}



.aero_images{
	padding: 0px 3px 0px 3px;

}

.aero_title{
	border-bottom: 1px solid #DDDDDD;
	border-top: 1px solid #DDDDDD;
	background-color:#CCCCCC;
	color:#333333;
	padding: 3px 3px 3px 3px;
	margin-bottom: 10px;
	font-size: 12px;
}

#aero{
	margin-bottom: 20px;
}


/************* ‹¤’ÊFƒeƒLƒXƒgƒ{ƒ^ƒ“Ý’èŠJŽn ****************/

#sharedlink a{
	background-color:#999999;
	text-decoration: none;
	color: #FFFFFF;
	padding: 3px 15px 3px 15px;
	font-size: 12px;
	border: 1px solid #666666;
}

#sharedlink a:hover {
	background-color:#666666;
	}





/************* ‹¤’ÊFƒeƒLƒXƒgƒ{ƒ^ƒ“Ý’èI—¹ ****************/



#parts_text{
	font-size: 12px;
}


/************* ’†ŒÃŽÔ ****************/
.usedcar_list table{
	border: 1px solid #DDDDDD;
	background-color:#F5F5F5;
	color:#333333;
	font-size: 10px;
	border-collapse: collapse;
	margin-top: 15px;
}

.usedcar_list td{
	border: 1px solid #DDDDDD;
	padding: 2px 2px 2px 2px;

}
.YKAC{
	width: 895px;
	height: 80px;
	margin-top: 5px;
}


/************* Lƒoƒi[Ý’u—p ****************/

.media_publicity{
	width:240;
	float:right;
	}
.index{background-image: url(/images/common/alpina_emblem.gif);height: 55px;width: 180px;}

.philosophy{background: url(/alpina/philosophy/images/title.gif) no-repeat;height: 25px;width: 500px;}
.alpina_history{background: url(/images/alpina/history/title.gif) no-repeat;height: 25px;width: 500px;margin:0 0 0 5px}
.racing_history{background: url(/images/alpina/racing/title.gif) no-repeat;height: 25px;width: 500px;margin:0 0 0 5px}
.emblem{background: url(/images/alpina/emblem/title.gif) no-repeat;height: 25px;width: 500px;}

.B3_limousine{background-image: url(/models/b3_limousine/images/common/title.gif);height: 25px;width: 500px;}
.B3_touring{background-image: url(/models/b3_touring/images/common/title.gif);height: 25px;width: 500px;}
.B3_coupe{background-image: url(/models/b3_coupe/images/common/title.gif);height: 25px;width: 500px;}
.B3_cabrio{background-image: url(/models/b3_cabrio/images/common/title.gif);height: 25px;width: 500px;}
.B5-S_limousine{background-image: url(/models/b5-s_limousine/images/common/title.gif);height: 25px;width: 500px;}
.B5-S_touring{background-image: url(/models/b5-s_touring/images/common/title.gif);height: 25px;width: 500px;}
.B6-S_coupe{background-image: url(/models/b6-s_coupe/images/common/title.gif);height: 25px;width: 500px;}
.B6-S_cabrio{background-image: url(/models/b6-s_cabrio/images/common/title.gif);height: 25px;width: 500px;}
.B7_limousine{background-image: url(/models/b7_limousine/images/common/title.gif);height: 25px;width: 500px;}
.B7_limousine_long{background-image: url(/models/b7_long/images/common/title.gif);height: 25px;width: 500px;}

.collection{background-image: url(/images/alpina/parts_acces/collection.gif);background-repeat:no-repeat;}
.goods{background-image: url(/images/alpina/parts_acces/goods.gif);background-repeat:no-repeat;}
.wheel{background-image: url(/images/alpina/parts_acces/wheel_tire.gif);background-repeat:no-repeat;}
.aero{background-image: url(/images/alpina/parts_acces/aero.gif);background-repeat:no-repeat;}

.news{background-image: url(/images/alpina/information/news.gif);background-repeat:no-repeat;}
.mail_news{background-image: url(/images/alpina/information/mail_news.gif);background-repeat:no-repeat;}
.clip{background-image: url(/images/alpina/information/mediaclip.gif);background-repeat:no-repeat;}

.showroom{background-image: url(/images/alpina/information/alpina_showroom.gif);background-repeat:no-repeat;}
/*.setagaya_showroom{background-image: url(/images/alpina/alpina_showroom.gif);}*/
.dealer{background-image: url(/images/alpina/information/d_network.gif);background-repeat:no-repeat;}
.catalogue{background-image: url(/images/alpina/information/catalogue.gif);background-repeat:no-repeat;}
.testdrive{background-image: url(/contact/testdrive/images/title.gif);height: 25px;width: 500px;}
.order{background-image: url(/contact/order/images/title.gif);height: 25px;width: 500px;}
.inquiry{background-image: url(/contact/inquiry/images/title.gif);height: 25px;width: 500px;}
.experience{background-image: url(/contact/experience/images/title.gif);height: 25px;width: 500px;}
.b6-gt3-hot-news{background-image: url(/images/alpina/information/b6-gt3-hot-news.gif);background-repeat:no-repeat;}

.used_car{background-image: url(/images/alpina/used_car/stocklist.gif);background-repeat:no-repeat;}

.recall{background-image: url(/images/alpina/recall/title.gif);background-repeat:no-repeat;}
.recycle{background-image: url(/images/alpina/recycle/title.gif);background-repeat:no-repeat;}


.privacy{background-image: url(/images/alpina/privacy/title.gif);background-repeat:no-repeat;}
.sitemap{background-image: url(/general/sitemap/images/title.gif);background-repeat:no-repeat;}
.error{background-image: url(/images/common/error.gif);height: 25px;width: 500px;}

.sales{background-image: url(/images/alpina-sales-information/title.gif);background-repeat:no-repeat;}
.sales_information{background-image: url(/images/alpina-sales-information/title.gif);background-repeat:no-repeat;}

/*****************@ƒy[ƒWƒ^ƒCƒgƒ‹Ý’è‚±‚±‚Ü‚Å@**********************/
#main_content_area{
	width: 895px;
}
#main_content_sm{
	width: 740px;
}


h1 span{
	display: none;
}


#scroll_area{ /*’Êíƒy[ƒWEƒXƒNƒ[ƒ‹Ý’è*/
	width: 950px;
	margin: 0px 0px 0px 0px;
}
#scroll_area_sm{ /*’Êíƒy[ƒWEƒXƒNƒ[ƒ‹Ý’è*/
	width: 740px;
	margin: 0px 0px 0px 0px;

}

#scroll_area_history{ /*ALPINAHistoryÝ’è*/
	width: 740px;
	overflow-x:scroll;
	margin: 0px 0px 0px 0px;
	
}



#scroll_area_racing{ /*RacinghistoryÝ’è*/
	width: 740px;
	margin: 0px 0px 0px 0px;
	overflow-x:scroll; 
}




/************* ƒy[ƒWƒiƒrƒQ[ƒVƒ‡ƒ“ŠJŽn ****************/

#page_navi{
	width: 100%;
	color: #FFFFFF;
	padding: 0px;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
}
#page_navi a{
padding: 0 0 0 3px;
}


#page_navilink{
	height: 18px;
	margin: 0px;
	z-index: 1;
	width: 925px;
	padding-left: 0px;
	padding-top: 7px;
	font-size: 11px;
}

#page_navilink_left{
margin:0;
float:left;
color:#428ce7;
}
#page_navilink_right{
	float: right;
	padding-right: 25px;
	text-align: right;
}

#page_navilink_right strong{
	color:#428ce7;

}

span.page_navi{
	color: #009900;
	padding: 2px 7px 2px 0px;
	border-right: 1px solid #666;
	margin-bottom:10px;
}

a.page_navi{
	padding: 2px 7px 2px 7px;
	border-right: 1px solid #666;
	text-decoration: none;
}

a.page_navi:hover{
	text-decoration: none;
	color:#999999;
	background-color: #222;
}

a.page_navi2{
	padding: 2px 7px 2px 7px;
	border-right: 1px solid #666;
	text-decoration: none;
	background-color: #333;
}

a.page_navi2:hover{
	text-decoration: none;
	color:#999999;
	background-color: #444;
}

/************* ƒy[ƒWƒiƒrƒQ[ƒVƒ‡ƒ“I—¹ ****************/

#content_area01{
	width: 950px;
}

#content_area02{
	width: 895px;
	margin: 10px 30px 0px 30px; 
	height: 300px;
}

#content_area_index{
	width: 950px;
	/*height: 465px;*/
	z-index: 1;
	margin-top: 5px;
}

@

#content_text_100{
	width: 100%;
	font-size: 12px;	/*padding-right: 20px;*/
}

#content_space_100{
	width: 100%;
	font-size: 12px;
}


#content_text_100 h4{
	margin: 25px 0px 3px 0px;
	font-weight: bold;
}

#content_text_title h3{
	margin: 0px 0px 30px 0px;
	font-weight: bold;
	/*height: 12px;*/
}




/************* ƒRƒ“ƒeƒ“ƒgƒe[ƒuƒ‹Ý’èŠJŽn ****************/
#content_table{
	width: 950px;
	margin-top: 50px;
	font-size: 12px;
	padding: 2px 0px 2px 0px;
}



/************* ƒRƒ“ƒeƒ“ƒgƒe[ƒuƒ‹Ý’èŠJŽn ****************/

#margin_top3{
	margin-top: 3px;
}


#margin_top10{
	margin-top: 10px;
}

#margin_top20{
	margin-top: 20px;
}


#margin_top40{
	margin-top: 40px;
}

#margin_top60{
	margin-top: 60px;
}

#margin_top100{
	margin-top: 100px;
}
#margin_top160{
	margin-top: 160px;
}

#margin_bottom10{
	margin-bottom: 10px;
}

#margin_bottom20{
	margin-bottom: 20px;
}

#margin_bottom40{
	margin-bottom: 40px;
}


#ex_option{
	margin-top: 10px;
	font-size: 10px;
}


#table_border{
}

#table_border td{
	padding: 1px 5px 1px 5px;
	font-size: 12px;
}



/************* Model indexÝ’èŠJŽn ****************/



#content_b3_limousine{
	width: 950px;
	height: 335px;
	background-image: url(/models/b3_limousine/images/index.jpg);
}

#content_b3_touring{
	width: 950px;
	height: 335px;
	background-image: url(/models/b3_touring/images/index.jpg);
}

#content_b3_coupe{
	width: 950px;
	height: 335px;
	background-image: url(/models/b3_coupe/images/index.jpg);
}

#content_b3_cabrio{
	width: 950px;
	height: 335px;
	background-image: url(/models/b3_cabrio/images/index.jpg);
}

#content_b5-s_limousine{
	width: 950px;
	height: 335px;
	background-image: url(/models/b5-s_limousine/images/index.jpg);
}

#content_b5-s_touring{
	width: 950px;
	height: 335px;
	background-image: url(/models/b5-s_touring/images/index.jpg);
}


#content_b6-s_coupe{
	width: 950px;
	height: 335px;
	background-image: url(/models/b6-s_coupe/images/index.jpg);
}

#content_b6-s_cabrio{
	width: 950px;
	height: 335px;
	background-image: url(/models/b6-s_cabrio/images/index.jpg);
}

#content_b7_limousine{
	width: 950px;
	height: 335px;
	background-image: url(/models/b7_limousine/images/index.jpg);
}

#content_b7_long{
	width: 950px;
	height: 335px;
	background-image: url(/models/b7_long/images/index.jpg);
}


#price{
}

#price th{
	border-bottom: 1px solid #999999;
	padding: 0px 2px 2px 2px;

}
#price td{
	padding: 2px 2px 0px 2px;
}

#ex_text{
	height: 30px;
	text-align: left;
	padding: 2px 0px 0px 30px;
	color: #666666;
	margin-top: 10px;
	font-size: 10px;

}
#ex_text a{
	color: #009900;
}

#page_no_link{
	text-align: center;
	font-size: 10px;
	height: 30px;
	padding-top: 12px;

}

#page_no{
	width: 300px;
	color: #FFFFFF;
	padding: 0px;
	margin: 0px;
}



a.page_no{
	font-size: 10px;
	color: #999999;
	padding: 0px 5px 0px 5px;
	text-decoration: none;
	border: 1px solid #999999;
	vertical-align: bottom;
}



a.page_no:hover{
	text-decoration: none;
	color: #009900;	
}

span.page_no{
	font-size: 10px;
	color: #FFFFFF;
	background-color: #009900;
	margin: 0px;
	padding: 0px 5px 0px 5px;
	text-decoration: none;
	border: 1px solid #999999;
}

/************* history****************/
#history{
}
#history td{
vertical-align:top;
}

#history_text{
	border-left: 1px solid #999999;
	font-size: 12px;
	text-align: left;
	width: 265px;
	height: 100%;
	padding-left: 15px;
	margin: 0px 0px 25px 15px;
	padding: 5px 0px 0px 15px;
}
#history_photo{
	margin-left: 15px;
	margin-bottom: 10px;
}

#history_text p{
	margin-top: 5px;
}

#racing_wrapper{
width:750px;
}

#racing_history_img01{
	width: 740px;
	margin: 0px 0px 0px 6px;
	height: 130px;
	background-image: url(/images/alpina/racing/racing_head01.jpg) ;
	background-repeat:no-repeat;
}

#racing_history_img02{
	width: 740px;
	margin: 0px 0px 0px 6px;
	height: 130px;
	background-image: url(/images/alpina/racing/racing_head02.jpg);
	background-repeat:no-repeat;
}

.history_item {
}

.history_year {
}

.history_image{

}
.history_body{
}


#lifestyle_clothing h3{
	border-bottom: 1px solid #999999;
}
#lifestyle_clothing h4{
	text-align: right;
}

#lifestyle_size{
	font-size: 10px;
}

h3#collection{
	margin-bottom:30px;
}	


#news_index{
	padding: 3px 2px 2px 3px;
	font-size: 12px;
	border-bottom: 1px solid #DDDDDD;
	margin: 0px 0px 10px 120px;
}


#news_index a:hover{
color:#666666;
	
}

#news_comment{
	font-size: 12px;
	width: 100%;
}

#news_day{
	font-size: 10px;
	width: 100%;
	text-align: right;
	margin: 10px 0px 30px 0px;
}

#news_comment_left_text{
	font-size: 12px;
	width: 75%;
	float: left;
}
#news_comment_right_photo{
	font-size: 12px;
	width: 25%;
	float: left;
	text-align: right;
}

#news_submit{
	font-size: 10px;
	text-align: center;
	display: block;
	float: none;
	background-color: #CCCCCC;
	margin-top: 50px;
	width: 50px;
	padding: 5px 5px 5px 5px;
}




.news_photo_text{
	float: left;
}

#news_photo{
	float: left;
	margin-right: 10px;
}

#list table{
	font-size:12px;
	/*border-collapse:collapse;*/
}

#list th{
	border:solid 1px #DDDDDD;
	background-color:#ccc;
	color:#000;
	padding: 2px 2px 2px 2px;

}

#list td{
	border-left:solid 1px #666;
	border-bottom:solid 1px #666;
	border-right:solid 1px #666;
	background-color:#000;
	color:#999999;
	padding: 2px 2px 2px 2px;
	line-height: 130%;
}


#list_bottom{
	font-size: 12px;
}

#list_bottom th{
	border-bottom: 1px solid #DDDDDD;
	border-top: 1px solid #DDDDDD;
	background-color:#EEEEEE;
	color:#333333;
	padding: 2px 2px 2px 2px;

}
#list_bottom td{
	border-bottom: 1px solid #DDDDDD;
	padding: 3px 3px 3px 3px;
}

#list_bottom_text{
	font-size: 12px;
	margin: 5px 0px 0px 2px;
}


#list_nh table{
	font-size: 12px;
	border-collapse:collapse;
}


#list_nh td{ 
	border:solid 1px #666;
	background-color:#000;
	color:#ccc;
	padding: 2px 2px 2px 2px;

}

#list_nh th{
	border: 1px solid #000;
	background-color:#ccc;
	color:#222;
	padding: 2px 2px 2px 2px;
}



#parts_list_head{
	margin-bottom: 20px;
	background-color: #666666;
}

#parts_list_head th{
	color: #FFFFFF;
	padding: 3px 3px 3px 3px;
	font-size: 12px;
}


#parts_list table{
	font-size: 12px;
	border-collapse:collapse;
}


#parts_list th{
	border-bottom: 1px solid #DDDDDD;
	border-top: 1px solid #DDDDDD;
	background-color:#EEEEEE;
	color:#333333;
	padding: 3px 3px 3px 3px;

}
#parts_list td{
	padding: 3px 3px 3px 3px;
	border-bottom: 1px solid #DDDDDD;

}

#content_dealer{
	width: 950px;
	height: 335px;
	background-image: url(/images/background-image/dealer_network.jpg);

}

#dealer_text h3{
	color: #FFFFFF;
	padding: 30px 0px 0px 30px;
	font-weight: bold;
}
#dealer_text p{
	color: #FFFFFF;
	padding: 20px 0px 0px 30px;
}


#statement_area{
	font-size: 12px;
	margin-bottom: 20px;
}

#statement_area p{
	margin-bottom: 20px;
}
#group{
	text-align: left;
	margin-left: 660px;
	font-size: 12px;
}



#sitemap_area{
	border-left: 1px solid #999999;
	font-size: 12px;
	text-align: left;
	padding-left: 0px;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 15px;
}


#sitemap_text p{
	margin-top: 5px;
}

#sitemap_text{
	border-left: 1px solid #999999;
	font-size: 12px;
	text-align: left;
	width: 265px;
	height: 100%;
	padding-left: 0px;
	margin: 0px 0px 0px 15px;
	padding: 5px 0px 0px 15px;
}

#sitemap{
	width: 100%;
	height: 120px;
}

#sitemap dl
	{
	width: 140px;
	margin: 0px 15px 0px 0px;
	float: left;
	font-size: 80%;
	height: 14px;
	}
#sitemap dt
	{
	text-align: left;
	height: 20px;
	font-size: 12px;
	font-weight: bold;
	}
#sitemap dd
	{
	margin: 0px;
	text-align: left;
	border-left: 1px solid #DDDDDD;
	margin-left: 10px;
	}
#sitemap dl:hover dd
	{
	display: block;

	}
#sitemap a
	{
	display: block;
	border-bottom: 1px dashed #DDDDDD;
	-width: 140px;
	line-height: 150%;
	text-decoration: none;
	color: #202253;
	padding-left: 10px;
	
	}
#sitemap a:hover
	{
	background-color: #EEEEEE;
	text-decoration: none;
}

.font_red{
	color: #D90000;
}

.font_red10px{
	color: #D90000;
	font-size: 10px;
}
.font_green{
	color: #009900;
}

.font_blue{
	color: #202253;
}

.font_red14px{
	color: #D90000;
	font-size: 14px;
}

.font_12px{
	font-size: 12px;
}

.font_10px{
	font-size: 10px;
}


.font_ex10px{
	font-size: 10px;
	color: #999999;
}

.font_ex12px{
	font-size: 12px;
	color: #999999;
}


.white_bg{
	background-color: #FFFFFF;
}

.left20{
	margin-left: 22px;
}
.left_m20{
	margin-left: 20px;
}
