/*============================================================*

* Layout Style [service]

*============================================================*/

/* Layout service [common] */


p.text_b {
	font-weight:bold;
	padding:10px 0 20px 0;
    }

p.text_top{
	margin:12px 0px;
    }

p.text{margin:0px 0px 12px;}

.margin20 {margin:20px 0;}
	
.margin12_20{margin:12px 0 20px 0;}
	
.margin_20{margin:0 0 20px 0;}

.margin_40{margin:0 0 40px 0;}

.margin-top{margin-top:12px;}

.padding10 {padding:10px;}


/*Navigation*/

#serviceNav {
	width:781px;
	height:38px;
	padding:0;
	margin:0;
}

#serviceNav li {
	height:38px;
	background:#FFFFFF;
	padding:0 1px 0 0;
	margin:0;
	float:left;
}

#serviceNav li a {
	height:38px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	padding:0;
	margin:0;
}

#serviceNav li.nav1,
#serviceNav li.nav2,
#serviceNav li.nav3 { width:110px; }
#serviceNav li.nav4,
#serviceNav li.nav5,
#serviceNav li.nav6,
#serviceNav li.nav7 { width:111px; }

#serviceNav li.nav1 a { width:110px; background:url(../img/nav01.gif) left bottom no-repeat; }
#serviceNav li.nav2 a { width:110px; background:url(../img/nav02.gif) left bottom no-repeat; }
#serviceNav li.nav3 a { width:110px; background:url(../img/nav03.gif) left bottom no-repeat; }
#serviceNav li.nav4 a { width:111px; background:url(../img/nav04.gif) left bottom no-repeat; }
#serviceNav li.nav5 a { width:111px; background:url(../img/nav05.gif) left bottom no-repeat; }
#serviceNav li.nav6 a { width:111px; background:url(../img/nav06.gif) left bottom no-repeat; }
#serviceNav li.nav7 a { width:111px; background:url(../img/nav07.gif) left bottom no-repeat; }

#serviceNav li a:hover,
#serviceNav li.on a { background-position:left top; }

#nav_lv2 a { display:block; float:left; }
#nav_lv2 .pagetitle { width:210px; }
#nav_lv2 .topMenu1 { width:37px; margin-left:435px; _margin-left:322px; }
#nav_lv2 .topMenu2 { width:61px; margin-left:20px; }

/*Top Contents*/
.topLeadText { margin-top:10px; padding:0; }
.topSectionTitle { margin:30px 0 15px !important; padding:0; }

.topTitle { margin:10px 0 18px; padding:0; }
.secTopLeadText { margin:0; padding:0; }

.topSection { width:570px; }
.topSection .leftImg { width:210px; float:left; padding-right:15px; }
.topSection .rightImg { width:210px; float:right; padding-left:15px; }


/* 110414added */

.btmmg {
margin-bottom: 15px;
}


/* Volkswagen ProfessionalSerice */

.contestLink { margin-top:10px; }
.contestLink strong { color:#E86F00; }
.contestLink a {
	padding-left:8px;
	background:url(../img/arrow_orange.gif) 0px 50% no-repeat;
}


/* Volkswagen Owners */

.owners_news {
	width:570px;
	margin-top:0px;
	padding-bottom:15px;
}

.owners_news dt {
	width:570px;
	height:30px;
	margin-bottom:1px;
}

.owners_news dd {
	width:538px;
	height:116px;
	display:block;
	padding:15px;
	overflow:auto;
	border:solid 1px #cccccc;
}

.owners_news dd p {
	margin-bottom:10px;
}

.owners_news dd a {
	padding-left:8px;
	background:url(../img/arrow_orange.gif) 0 50% no-repeat;
}

.owners_menu {
	width:570px;
	margin-top:15px;
}

.owners_menu dt {
	width:180px;
	float:left;
	padding-right:10px;
}

.owners_menu dd {
	width:380px;
	float:right;
}

.owners_menu dd a {
	padding-left:8px;
	background:url(../img/arrow_orange.gif) 0 50% no-repeat;
}

/*owners parts*/
.owners_parts_menu {
	width:570px;
	margin:30px 0 0;
}

.owners_parts_menu dt {
	width:140px;
	margin:0;
	padding:0 0 10px;
	float:left;
	clear:both;
}

.owners_parts_menu dt a {
	display:block;
	margin:0;
	padding:0;
}

.owners_parts_menu > dd {
	width:420px;
	padding:0 0 10px 10px;
	float:left;
}

*+html .owners_parts_menu > dd {
	padding:0 0 10px 10px;
	float:none;
}

.owners_parts_menu dd a {
	text-decoration:underline;
}

.owners_parts_menu dd a:hover {
	text-decoration:none;
}

.owners_parts_section {
	width:570px;
	margin:0 0 30px;
}

.owners_parts_section .sectionTitle {
	margin:0 0 10px;
}

.owners_parts_section .right_img {
	width:200px;
	float:right;
}

.owners_parts_section .left_text {
	width:360px;
	float:left;
}

.owners_parts_section .left_img {
	width:200px;
	float:left;
}

.owners_parts_section .right_text {
	width:360px;
	float:right;
}

.bottomTextBox {
	width:540px;
	padding:15px;
	margin-top:30px;
	background:#dfdfdf;
}


/* 110414added */

.bottomTextBoxBlue {
	margin-top:30px;
	background:#fff;
	border: solid 1px #022678;
	padding-bottom: 10px;
}

.bottomTextBoxBlue dt {
	float: left;
}

.bottomTextBoxBlue dd {
	padding: 0 15px 5px;
}

/* 110426added */

#servicetop #mainArea {
height: 370px!important;
display: block!important;
position: relative;
}

#servicetop #contentsArea {
position: absolute;
*width: 780px;
*left: 0;
}

#servicetop #contentsArea div {
position: absolute;
text-align: right;
width: 780px!important;
left: 0;
}

#servicetop #contentsArea h2 {
margin: 0;
padding: 0;
position: absolute;
top: 58px;
left: 210px;
}


/*owners acc*/
.owners_acc_menu {
	width:570px;
	margin:30px 0 0;
}

.owners_acc_menu dt {
	width:180px;
	margin:0;
	padding:0 0 10px;
	float:left;
	clear:both;
}

.owners_acc_menu dt a {
	margin:0;
	padding:0;
}

.owners_acc_menu > dd {
	width:380px;
	padding:0 0 10px 10px;
	float:left;
}

*+html .owners_acc_menu > dd {
	padding:0 0 10px 10px;
	float:none;
}

.owners_acc_menu dd a {
	text-decoration:underline;
}

.owners_acc_menu dd a:hover {
	text-decoration:none;
}

/*owners future*/
.feature_items_menu {
	width:570px;
	margin:0 0 28px;
}

.feature_items_menu li {
	display:inline;
	padding:0 15px;
	color:#ff0103;
	border-left:solid 1px #666666;
}

.feature_items_menu li.firstChild {
	padding:0 15px 0 0;
	border:none;
}

.feature_items_list {
	width:570px;
	margin:0 0 20px;
}

.feature_items_list dl {
	width:570px;
}

.feature_items_list dl dt {
	width:180px;
	margin:0;
	padding:20px 0 0;
	float:left;
	clear:both;
}

.feature_items_list dl dt a {
	margin:0;
	padding:0;
}

.feature_items_list dl > dd {
	width:380px;
	padding:20px 0 0 10px;
	float:left;
}

*+html .feature_items_list dl > dd {
	padding:20px 0 0 10px;
	float:none;
}

.feature_items_menu li a,
.feature_items_list dl dd a {
	text-decoration:underline;
	font-weight:bold;
}

.feature_items_menu li a:hover,
.feature_items_list dl a:hover {
	text-decoration:none;
}

.feature_items_list .pagetop {
	text-align:right;
	clear:both;
}

.feature_items_list .new {
	color:#ff0103;
}

.feature_items_list .leftArea {
	width:280px;
	float:left;
	display:block;
}

.feature_items_list .rightArea {
	width:280px;
	float:right;
	display:block;
}

/*owners navi*/

.navi_lineup_box {
	width:530px;
	padding:20px;
	background:#e2e2e5;
	margin:10px 0 20px;
}

.navi_lineup_box dl {
	width:530px;
}

.navi_lineup_box dl dt {
	width:180px;
	padding:0 10px 0 0;
	float:left;
}

.navi_lineup_box dl dd {
	width:340px;
	display:block;
	float:right;
}

.navi_lineup_box dl dd a {
	padding-left:8px;
	background:url(../img/arrow_orange.gif) 0 50% no-repeat;
}

.navi_lineup_box ul {
	width:530px;
	margin:18px 0 0;
}

.navi_lineup_box ul li {
	display:inline;
	padding-right:18px;
}

.navi_lineup_box ul li a {
	padding-left:8px;
	background:url(../img/arrow_orange.gif) 0 50% no-repeat;
}

.navi_lineup_box_sub {
	width:570px;
}

.navi_lineup_box_sub dt {
	width:180px;
	padding:0 10px 0 0;
	float:left;
}

.navi_lineup_box_sub dd {
	width:380px;
	display:block;
	float:right;
}


/* Layout envioment/recycle [contents] */

/*--- recall [table] ---*/
.recall_table{
     border-collapse:collapse;
     width:100%;
     background:#FFF;
	 border: solid #666 1px;
	 }
	 
.recall_table thead td{
      background-color:#CCC;
	  font-weight:bold;
	  color:#666;
      border:solid #666 1px;
      padding:3px;
	  }
.recall_table tr 	{
     border:solid #666 1px;
     padding:3px;
	 }

.recall_table td 	{
     border:solid #666 1px;
     padding:3px;
	 }

.glay_re {color:#666;}

/*--- recycle [table] ---*/
.recycle01_table{
     border-collapse:collapse;
     width:100%;
     background:#FFF;
	 border: solid #CCC 1px;
	 }
	 
.recycle01_table th{
      background-color:#999;
      border:solid #ccc 1px;
      padding:3px;
	  }
	 
.recycle01_table tr{
      border:solid #ccc 1px;
      padding:3px;
	  }
	   
.recycle01_table td {
     border:solid #ccc 1px;
     padding:3px;
	 }

.glay {background-color:#DDD;}	 
.left {text-align:left;}	 

/*--- recycle [table] ---*/
.recycle02_table{
     border-collapse:collapse;
     width:100%;
     background:#FFF;
	 border: solid #666 1px;
	 }
	 
.recycle02_table th{
	  text-align:center;
	  font-weight:bold;
      border:solid #666 1px;
      padding:3px;
	  }
	 
.recycle02_table tr{
      border:solid #666 1px;
      padding:3px;
	  }
	   
.recycle02_table td {
     border:solid #666 1px;
     padding:3px;
	 }
	 
.b_glay {background-color:#efefef;}	   
	  	 
/* Layout envioment/smartkey [contents] */

.text_box {
    width:90%;
	padding:20px;
	margin:12px auto 0 auto;
	border:solid 1px #CCCCCC;
}

/* Layout recall [contents] */

ul.recall{
    margin:0 0 0 20px;
	padding:0 0 0 10px;
    list-style-position:outside;
	line-height:30px;
}
ul.recall_in{
    margin:0 0 0 20px;
	padding:12px 0 12px 10px;
    list-style-position:outside;
}

.recall_list_no{
    list-style-type:decimal;
}

.recall_list_point{
    list-style-type:circle;
}

.line {line-height:18px;}

.subtitle{
	font-size:11px;
	font-weight: bold;
	color: #666666;	
	margin: 0;
	padding: 0;
}

.table_box {
    width:85%;
    margin:0 auto 18px ;
	}

/* Layout parts_acc [contents] */

div.boxL00{
	width:277px;
	float:left;
	margin-bottom: 12px;
	margin-right: 16px;
    }

div.boxR00{
	width:262px;
	float:right;
    }

.navi_feature ul{
	line-height: 1.3;
	color: #3E5F88;
	margin-bottom:10px;
	padding-left:20px;
	padding-top:12px;
    }

.navi_feature ul li {
    list-style-type:square;
     }

.blue {
	color: #3E5F88;
    }
	
img.floatl-margin {
	float: left;
	margin: 0px 55px 0px 0px;
}

.corner_table{
     border-collapse:collapse;
     width:300;
     background:#FFF;
	 border: solid #333 1px;
	 }
	 
.corner_table tr{
      border:solid #333 1px;
      padding:3px;
	  }
	   
.corner_table td 	{
     border:solid #333 1px;
     padding:3px;
	 }

.black  {color:#000000;}

#column_l img.catalog_img,#column_c img.catalog_img,#column_r img.catalog_img, 
#column_l .catalog_title, #column_c .catalog_title, #column_r .catalog_title{
	margin:0px 0px 0px 50px;
	padding:0px; 
}
#column_l,#column_c,#column_r {
	float:left;
	width:189px;
	height:200px;
	margin: 0px;
	padding:0px; 
}

#column_acclist{
	width:570px;
	height:300px;
	overflow-y:scroll;
}

#column_acclist a:hover,#column_acclist a:active{
	width:550px;
	height:65px;
	filter:alpha(style=0,opacity=25);
	-moz-opacity:0.25;
	opacity:0.25;
	}

#column_acclist img,#column_acclist a {
	width:550px;
	height:65px;
	filter:alpha(style=0,opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
	}
	
#column p.leftm {
	font-size: 10px;
	color:#666666;
	line-height: 15px;
	font-family: Verdana, Arial, sans-serif "Osaka", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック"
	}
	
/* Layout parts_acc [tire_popup] */
.title_txt_tire{
    width:380px;
	margin:24px 15px 24px 15px;
	color:#333333;
	line-height:1.5em;
	font-size:12px;
    }
	
/* Layout parts_acc [HDD ナビマスター] */
.hddNavi {
    padding:10px 0 0;
	}
.hddNavi p ,.hddNavi h4{
    padding:15px 0 0;
	}
.hddNavi ul{
	line-height: 1.6em;
	margin-bottom:10px;
	padding-left:25px;
    }

.hddNavi ul li {
    list-style-type:square;
     }
.hddNavi td{
    padding:5px;
	background-color:#d8d8d8;
	}	



/* AV Navigation [機能比較一覧表] */
.comparisontable {
background-color:#ffffff;
}
.comparisontable td {
vertical-align:middle;
}


/* 小見出し */
.heading {
margin-bottom:10px;
}

.readtext {
margin-bottom:5px;
}


.note dt {
width:35px;
float:left;
text-align:right;
clear:right;
}
.note dd {
width:515px;
float:right;
}

.note_text {
padding-left:5px;
}
.clear {
clear:both;
}
.right {
	float:right;
	width:255px;
}
.left {
	float:left;
}

.caption{
	color:#004F78;
	margin:-10px 0 10px 0px;
}

.size11 {
	font-size:11px;
	line-height:1.2;
}

sup {
	font-size:10px;
}

/* Volkswagen 5 Star Maintenance Campaign */

h3 {
	margin:0px 0px 10px;
	padding:0px;
}

.m10 {
	margin:10px 10px 20px;
}

.about {
	width:570px;
}
	.about dt {
		font-size:12px;
		font-weight:bold;
		padding:2px 4px;
		margin-bottom:5px;
		border-bottom:1px solid #ff9900;
		color:#ff9900;
	}
	.about dd {
		padding:0px 10px;
		margin:0px 0px 15px;
		color:#000000;
	}

	.about img {
		padding:0px 0px;
		margin:0px 10px 15px;
		float:right;
	}

.shoplist {
	width:570px;
	margin:10px 0px;
	padding:0px;
	border-collapse: collapse;
}
	.shoplist th {
		background-color:#ff9900;
		padding:5px;
		text-align:center;
		color:#ffffff;
		font-size:12px;
		font-weight:bold;
	}
	.shoplist .th_left {
		background:#ff9900 url(../../maintenance/images/th.gif) -1px 0 no-repeat;
		border-right:1px solid #ffffff;
	}
	.shoplist .th_right {
		background:#ff9900 url(../../maintenance/images/th.gif) 100% 0 no-repeat;
		border-left:1px solid #ffffff;
	}
	.shoplist td {
		text-align:center;
		padding:5px;
		border:1px solid #ff9900;
		border-spacing:-1px 0px;
	}
	.shoplist .td_left {
		border-left:none;
		padding:0px;
	}
		.shoplist .td_left div {
			padding:5px;
			border-left:1px solid #ff9900;
		}
	.shoplist .btm_left {
		background:url(../../maintenance/images/btm.gif) 0 100% no-repeat;
		border:none;
	}
	.shoplist .btm_right {
		background:url(../../maintenance/images/btm.gif) 100% 100% no-repeat;
		border:none;
	}
	.shoplist .en {
		text-align:left;
		padding-left:20px;
	}


/* Volkswagen Genuine Parts */

.clr {
	clear:both;
}

#parts {
	margin:10px 0px 30px;
	width:570px;
}
	#parts .left {
		float:left;
		width:215px;
	}
	#parts .right {
		float:left;
		width:355px;
	}
	#parts .right h3 {
		margin:0px 0px 10px;
		font-size:15px;
		font-weight:bold;
		line-height:1.5;
	}
	#parts .right img {
		float:right;
		margin:0px 0px 10px 10px;
	}

#item {
	margin:0px 0px 30px;
	width:570px;
}
	#item h3 {
		margin:0px 0px 20px;
	}
	#item .left {
		float:left;
		width:160px;
		text-align:center;
	}
	#item .right {
		float:left;
		width:410px;
	}
	#item .right h4 {
		margin:0px 0px 10px;
		font-size:12px;
		font-weight:bold;
		line-height:1.5;
		color:#0033ff;
	}


/* Car life support */

.support_table {
	width:570px;
	border-collapse:separate;
}

.support_table th {
	width:36px;
	vertical-align:top;
	background:#b7b7be;
	border-right:solid 10px #FFFFFF;
	border-bottom:solid 10px #FFFFFF;
}

.support_table td {
	width:262px;
	vertical-align:top;
	border-bottom:solid 10px #FFFFFF;
}

.support_table td dl {
	width:242px;
	padding:10px;
}

.support_table td dl dt {
	width:242px;
	height:60px;
}

.support_table td dl dd {
	line-height:1.3;
	padding-top:5px;
}

.support_table td dl dd a {
	padding-left:8px;
	background:url(../img/arrow_orange.gif) 0 50% no-repeat;
}

.support_table .topText {
	width:524px;
	height:32px;
	border-bottom:solid 5px #FFFFFF;
}

.support_table td.cate1 { background:#fbebef; }
.support_table td.cate2 { background:#fbebef; padding-bottom:10px; }
.support_table td.cate2 dl { background:#cce6f5; }
.support_table td.cate3 { background:#efe9c8; }
.support_table td.cate4 { background:#dde5ee; }
.support_table td.cate5 { background:#d2ede5; vertical-align:middle; }


/* Volkswagen shaken */

.tenkenListBox {
	width:530px;
	margin-top:15px;
	padding:20px;
	background:#e2e2e5;
	position:relative;
}

.tenkenListBox h3 {
	width:398px;
	height:15px;
}

.tenkenListBox .tenkenListImg {
	width:311px;
	height:200px;
	position:absolute;
	top:45px;
	left:248px;
}

.tenkenListBox .innerBox {
	width:530px;
}

.tenkenListBox .innerBox .leftArea {
	width:260px;
	padding-top:10px;
	float:left;
}

.tenkenListBox .innerBox .rightArea {
	width:260px;
	padding-top:210px;
	float:right;
}

.tenkenListBox .innerBox dt {
	font-weight:bold;
	padding:18px 0 4px;
	color:#0d4ab9;
}

.tenkenListBox .innerBox dd ul li {
	list-style:outside disc;
	margin-left:15px;
}

/*special*/

#shaken {
	margin:10px 0px 30px;
	width:570px;
}
	#shaken .illust {
		margin: 0 0 20px;
	}

	#shaken h3 {
		margin: 0;
		font-size:12px;
		font-weight:bold;
		line-height:1.5;
	}
	#shaken p {
		margin: 0 0 20px;
	}
	
sup {
position: relative;
top: -5px;
}
	
/* for SEO */

h3.seoh3 {
font-size: 100%;
line-height: 15px!important;
margin: 0!important;
padding: 0!important;
font-weight: bold!important;
}

h3.seoh3 a,
.owners_menu dd h3.seoh3 a {
color: #333!important;
padding-left:0;
background:none;
}

.bottomTextBoxBlue h3 {
margin: 0!important;
padding: 0 0 15px!important;
font-weight: bold!important;
}

.feature_items_list dd h3.seoh3 a {
color: #3c5f8c!important;
padding-left:0;
background:none;
}

.owners_acc_menu h3.seoh3 a,
.owners_parts_menu h3.seoh3 a {
text-decoration: none;
}

.owners_acc_menu h3.seoh3 a:hover,
.owners_parts_menu h3.seoh3 a:hover {
text-decoration: underline;
}

div.rss {
/*
position: relative;
height: 1%;
display: block;
*/
margin-bottom:5px;
}

div.rss a {
float:right;
/*
position: absolute;
right: 0;
bottom: -10px;
*bottom: -20px;
*/
}

a.arrowlink01 {
	display:block;
	padding-left:8px;
	background:url(../img/arrow_orange.gif) 0 50% no-repeat;
}

.owners_parts_menu dd a.arrowlink01 {text-decoration:none;}
.owners_parts_menu dd a.arrowlink01:hover {text-decoration:underline;}

.owners_acc_menu dd a.arrowlink01 {text-decoration:none;}
.owners_acc_menu dd a.arrowlink01:hover {text-decoration:underline;}

/* for FirefoxFlash */
#stage {
width: 781px;
width: 780px\9;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
#stage {width: 780px;}


