/* -----------------------------------------
project Name:JVC | Application
title: common.css
version: 2011.February
description: common value
----------------------------------------- */

/* Initial setting
----------------------------------------- */
#topWrap {
	width: 985px;
	margin: 15px auto 0;
}
.gtTitle {
	margin-bottom: 15px;
}

.leftArea {
	float: left;
}
.rightArea {
	float: right;
}

.gtClmInner {
	width: 355px;
	background: url(../img/gt_clm_inner.gif) repeat-y center;
	padding: 5px 0 5px 0;
	margin:0;
}
.gtClmTop {
	width: 355px;
	background: url(../img/gt_clm_top.gif) no-repeat center top;
	padding-top: 4px;
	margin-bottom:20px;
}
.gtClmBtm {
	width: 355px;
	background: url(../img/gt_clm_btm.gif) no-repeat center bottom;
	padding-bottom: 4px;
}

#topWrap dl {
	margin:0 15px 0 15px;
}
#topWrap dl dt {
	margin-bottom: 12px;
	font-weight:bold;
	background:url(/cs/car/common/img/gt_s_title.gif) no-repeat left bottom;
	padding:5px;
}
#topWrap dl dd {
	margin: 0 0 15px 0;
	padding: 0 0 0 10px;
	background:url(/cs/car/common/img/btn_background.gif) repeat-x center;
	border:solid 1px #898989;
	
	border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}
#topWrap dl dd a {
	padding:0px 0px 0px 13px;
	background-image:url(/common/img/link_icon_subnavi.gif);
	background-position:left center;
	background-repeat:no-repeat;
	display: block;
}
#topWrap dl dd a {
	color:black;
	}

#topWrap dl dd a:hover {
	color:red;
	}

#topWrap dl dd a p {
	margin:15px 5px 15px 5px;
}
#topWrap dl dd.back {
	text-align: right;
	padding: 5px 0 0 0;
	margin:0;
	font-size: 93%;
	height:auto;
	background:none;
	border:none;
}
#topWrap dl dd.back a {
	background:none;
	color: #000000;
}

div.textLeft {
	text-align:left;
}
div#maincontents h2 {
	height:30px;
	background:url(/cs/car/common/img/gt_h2_bg.gif) repeat-x;
}
div#maincontents h2.l2 {
	height:50px;
	background:url(/cs/car/common/img/gt_h2_bg_2.gif) repeat-x;
}


/* Initial setting for Back issue
----------------------------------------- */
#backWrap {
	width: 750px;
	margin: 15px auto 0;
}
.breadcrumbs {
	margin-bottom: 15px;
	color: #777777;
}
.breadcrumbs a {
	color: #777777;
}
.backWrapInner {
	margin: 35px 0 0 25px;
}
.backWrapInner dl {
	float: left;
	margin-right: 45px;
	margin-bottom: 200px;
}
.backWrapInner dl dt {
	margin-bottom: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	background: url(../img/sd_dotline.gif) repeat-x left bottom;
	font-weight: bold;
}
.backWrapInner dl dt span {
}
.backWrapInner dl dd {
	margin-bottom: 8px;
	padding-left: 10px;
	background: url(../img/sd_point.gif) no-repeat 2px 0.6em;
}
.backWrapInner dl dd a {
	color: #6c6c6c;
}


.mt15 {
	margin-top: 15px;
}
.mb20 {
	margin-bottom: 20px;
}
.mb50 {
	margin-bottom: 50px;
}
.pb72 {
	padding-bottom: 72px !important;
}
.pb25 {
	padding-bottom: 25px;
}



.bgwrap {
    background: url(../images/ds_bg.gif) repeat-x top #d9d9d9;
    padding: 30px 15px 70px 20px;
}
.whitewrap {
    padding: 30px 18px 70px 17px;
}
.whitewrap .pdfList {
    list-style: inside;
    list-style-type: disc;
    margin-bottom: 10px;
}
.whitewrap .pdfList li {
    margin-bottom: 15px;
}
.sectionTop {
    width: 900px;
    margin-bottom: 45px;
}
.sectionTop .left01 {
    float: left;
    width: 522px;
}
.sectionTop .right01 {
    float: right;
    width: 335px;
    padding-top: 10px;
}

.section {
    margin-bottom: 45px;
}
.section .left02 {
    float: left;
    width: 322px;
}
.section .right02 {
    float: right;
    width: 327px;
}
.section .bottom01 {
    border-top: 1px solid #a0a0a0;
    padding-top: 45px;
}
.partsbg {
    position: relative;
    margin-bottom: 20px;
    width: 687px;
    height: 445px;
    background: url(../images/adr_design_07.jpg) no-repeat left top;
}
.partsbg span {
    color: #0b8ad9;
    font-weight: bold;
    font-size: 120%;
}
.partsbg li {
    margin-bottom: 3px;
    text-indent: -1.3em;
    margin-left: 1.3em;
}
.partsbg .list01 {
    position: absolute;
    top: 250px;
    left: 65px;
    width: 260px;
}
.partsbg .list02 {
    position: absolute;
    top: 355px;
    left: 310px;
    width: 170px;
}
.partsbg .list03 {
    position: absolute;
    top: 355px;
    left: 480px;
    width: 170px;
}
.cap {
    font-size: 85%;
}

.langList{
    margin-left:10px;
}
.langList li{
    margin:0 5px 0 5px;
    padding:0;
    float:left;
}

p.go_pagetop{
    text-align:right;
}

p.link_pdf{
    float:right;
    margin-bottom:5px;
}

table.color2 {
    border-collapse: collapse;
    float: inherit;
    width: 85%;
}
table.color2 th,
table.color2 td {
    padding: 3px 8px;
    border: 1px solid #8ba1b1;
    text-align: left;
}
table.color th,
table.color2 th {
    background: #eaeff1;
}

/* margin setting
------------------------------------------*/
.mrg_m5{margin:5px;}
.mrg_m10{margin:10px;}
.mrg_m15{margin:15px;}
.mrg_m20{margin:20px;}
.mrg_m30{margin:30px;}

.mrg_v5{margin:5px 0px;}
.mrg_v10{margin:10px 0px;}
.mrg_v15{margin:15px 0px;}
.mrg_v20{margin:20px 0px;}
.mrg_v30{margin:30px 0px;}

.mrg_t50{margin:50px 0px 0px;}
.mrg_t40{margin:40px 0px 0px;}
.mrg_t30{margin:30px 0px 0px;}
.mrg_t20{margin:20px 0px 0px;}
.mrg_t15{margin:15px 0px 0px;}
.mrg_t10{margin:10px 0px 0px;}
.mrg_t5{margin:5px 0px 0px;}

.mrg_b50{margin:0px 0px 50px;}
.mrg_b40{margin:0px 0px 40px;}
.mrg_b30{margin:0px 0px 30px;}
.mrg_b20{margin:0px 0px 20px;}
.mrg_b15{margin:0px 0px 15px;}
.mrg_b10{margin:0px 0px 10px;}
.mrg_b5{margin:0px 0px 5px;}
.mrg_b2{margin:0px 0px 2px;}

.mrg_h5{margin:0px 5px;}
.mrg_h8{margin:0px 8px;}
.mrg_h10{margin:0px 10px;}
.mrg_h20{margin:0px 20px;}
.mrg_h30{margin:0px 30px;}

.mrg_r5{margin:0 5px 0 0;}
.mrg_r10{margin:0 10px 0 0;}
.mrg_r15{margin:0 15px 0 0;}
.mrg_r20{margin:0 20px 0 0;}
.mrg_r26{margin:0 26px 0 0;}
.mrg_r30{margin:0 30px 0 0;}

.mrg_l5{margin:0 0 0 5px;}
.mrg_l10{margin:0 0 0 10px;}
.mrg_l15{margin:0 0 0 15px;}
.mrg_l16{margin:0 0 0 16px;}
.mrg_l20{margin:0 0 0 20px;}
.mrg_l30{margin:0 0 0 30px;}
.mrg_l40{margin:0 0 0 40px;}

/* Text Align setting
------------------------------------------*/
.txt_center{text-align:center;}
.txt_right{text-align:right;clear:both;}
.txt_left{text-align:left;}

/* Clear setting
------------------------------------------*/
.clr_both{clear:both;}
.clr_lft{clear:left;}
.clr_rgt{clear:right;}