@media screen and (max-width: 580px) {

#contentBody .social li {
width: 230px !important;
height: 50px !important;
overflow: hidden;
	
width: 150px !important;
height: 25px !important;	
}
body {
background: url(../../IMAGES/DRIVETALK/bg.png) repeat center 600px;
margin: 0;
padding: 0;
}

/* PAGETOP */
#pageTop {
background-color: #fff;
border-bottom: solid 1px #ccc;
}


/* HEADER */
#header {
position: relative;
margin: 0 auto;
width: 640px;
height: 132px;
text-align: left;
	
width: 320px;
height: 61px;	
}
#header .div1 {
position: absolute;
left: 0px;
top: 0px;
}
    
#header .div1 a img{
display:none;
}
#header .div1 a{
width:300px;
height:100px;
background-image: url(../../../www.nissan.co.jp/TOP/2014/IMAGES/logo-text.png);
background-repeat: no-repeat;
background-size: contain;
display: block;
	
width:150px;
height:50px;	
}
    
#header .div2 {
display: none;
}

/* PAGEBODY */
#pageBody {
position: relative;
margin: 0 auto;
text-align: left;
}

/* CONTENTS */
#contentTop {
background-color: #1c1c1c;
height: 80px;
	
height: 50px;	
}
#contentTop .cont {
box-sizing: border-box;
margin: 0 auto;
padding: 0 20px;
width: 640px;
text-align: left;
	
padding: 0 10px;
width: 320px;	
}
#contentTop .cont .category {
margin-top: 28px;
float: left;
	
margin-top: 20px;	
}
#contentTop .cont .category a {
text-decoration: none;
background: none;
border: none;
margin: 0;
padding: 0;
font-size: 0;
line-height: 0;
display: inline;
}
#contentTop .cont .backLink {
margin-top: 12px;
font-size: 20px;
line-height: 56px;
float: right;
	
margin-top: 8px;
font-size: 10px;
line-height: 28px;	
}
#contentTop .cont .backLink a {
background-color: #444;
border-radius: 8px;
padding: 0 15px;
display: block;
color: #fff;
text-decoration: none;
	
border-radius: 4px;
padding: 0 7px;	
}
#contentBody {
position: relative;
margin: 0 auto;
width: 640px;
text-align: left;
	
width: 320px;	
}
#contentBody .social {
position: absolute;
left: 10px;
top: 14px;
	
left: 5px;
top: 7px;
}
#contentBody .social li {
width: 115px;
height: 25px;
float: left;
text-align: right;
overflow: hidden;
	
width: 57px;
height: 12px;	
}
#contentsL {
width: 640px;
	
width: 320px;	
}
#contentsR {
width: 640px;
	
width: 320px;	
}
	
#localNavi {
margin: 50px 20px 0 20px;
padding-bottom: 60px;

margin: 25px 10px 0 10px;
padding-bottom: 30px;	
}
	
#localNavi dt {
background-color: #1c1c1c;
font-size: 28px;
line-height: 74px;
color: #fffd4f;
text-align: center;
	
font-size: 14px;
line-height: 37px;	
}
#localNavi dd {
border-bottom: solid 1px #b2b13b;
padding-top: 20px;
font-size: 12px;
line-height: 1.4;
padding-top: 20px;
	
}
#localNavi dd span {
font-size: 20px;
font-weight: bold;
	
font-size: 10px;	
}
#localNavi dd a {
background: url(../../IMAGES/DRIVETALK/nav_local_arw2.png) no-repeat right center;
padding: 5px 20px 9px 0;
display: block;
text-decoration: none;
	
padding: 2px 10px 4px 0;	
}
	
#appCnt {
position: relative;
background: url(../../IMAGES/DRIVETALK/a_bg2.png) repeat-x left bottom;
background-color: #222221;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;    
-moz-border-radius: 10px;
border-radius: 10px;
behavior: url(css/PIE.html);
margin: 0 20px;
padding: 0 0 0 0;

-webkit-border-radius: 5px;
-khtml-border-radius: 5px;    
-moz-border-radius: 5px;
border-radius: 5px;
margin: 0 10px;	
}
#appCnt h3 {
margin-bottom: 30px;
padding-top: 30px;
font-size: 32px;
font-weight: bold;
color: #fff;
text-align: center;
	
margin-bottom: 15px;
padding-top: 15px;
font-size: 16px;	
}
	
#appCnt .box {
padding-bottom: 10px;
	
padding-bottom: 5px;	
}
#appCnt .img {
margin: 0 0 0 24px;
float: left;
	
margin: 0 0 0 12px;	
}
#appCnt dl {
margin-left: 304px;
	
margin-left: 152px;	
}
#appCnt dt {
font-size: 26px;
line-height: 1.6;
color: #b2b2b2;
	
font-size: 13px;	
}
#appCnt .dt1 {
margin-bottom: -4px;
font-size: 30px;
	
margin-bottom: -2px;
font-size: 15px;	
}
#appCnt .dt2 {
float: left;
}
#appCnt dd {
font-size: 26px;
line-height: 1.6;
color: #fff;
	
font-size: 13px;	
}
#appCnt .dd1 {
margin-bottom: 5px;
font-size: 30px;
color: #fffd4c;
	
margin-bottom: 2px;
font-size: 15px;	
}
#appCnt h4 {
margin: 0 20px 20px 20px;
padding-top: 40px;
font-size: 30px;
font-weight: bold;
color: #cecece;
clear: both;

margin: 0 10px 10px 10px;
padding-top: 20px;
font-size: 15px;	
}
#appCnt p {
margin: 0 20px 0 20px;
font-size: 24px;
line-height: 1.4;
color: #fff;
margin: 0 10px 0 10px;
font-size: 12px;
}
	
#appCnt p.note {
background-color: #000;
margin: 0;
padding: 18px 20px 7px 20px;
font-size: 22px;
line-height: 1.4;
color: #aaa;
	
padding: 9px 10px 3px 10px;
font-size: 11px;	
}
#appCnt .btn {
margin: 20px 0 0 35px;
width: 530px;
height: 114px;
	
margin: 10px 0 0 17px;
width: 265px;
height: 57px;
}
#appCnt .btn .li1 {
float: left;
}
#appCnt .btn .li2 {
float: right;
}

/* PAGEBOTTOM */
#pageBottom {
position: relative;
margin-top: 126px;
background-color: #000;
	
margin-top: 63px;	
}
#pageBottom .targetTop {
position: absolute;
right: 20px;
top: -64px;
	
right: 10px;
top: -32px;
}

/* FOOTER */
#footer {
position: relative;
margin: 0 auto;
width: 640px;
height: 66px;
text-align: left;

width: 320px;
height: 33px;
}
#footer ul {
margin: 0 20px;
padding-top: 25px;
font-size: 22px;
color: #858585;
	
margin: 0 10px;
padding-top: 12px;
font-size: 11px;
}
#footer #lnkTGT1 {
border-right: solid 1px #858585;
margin-right: 15px;
padding-right: 15px;
	
margin-right: 7px;
padding-right: 7px;
}
#footer li {
float: left;
}
#footer li a {
color: #c9c9c9;
text-decoration: none;
}
#footer .script {
position: absolute;
visibility: hidden;
}