@charset "iso-8859-1";

/* ----------------------------------------------------------------
    Structure= Main Visual
----------------------------------------------------------------- */
#mainVisual {
position:relative;
width:964px;
height:400px;
background: url(../IMAGES/bg_main-visual_bottom.gif) 0 bottom no-repeat;
margin:0;
padding:0 0 10px 0;
overflow: hidden;
}

#mainVisual .image-area{
position:relative;
width:964px;
height:400px;
}

#mainVisual .image-area span,
#mainVisual .image-area a{
display: block;
position:absolute;
top:0px;
left:0;
width:964px;
height:400px;
}

#mImg{
position: absolute;
top:0;
left:0;
}

#mainVisual #countNav {
position:absolute;
top:382px;
left:100px;
}

#countNav li {
display: block;
width: 12px;
height: 12px;
background: url(../IMAGES/bg_main-visual_btn01.gif) 0 top no-repeat;
font-size: 0;
line-height: 0;
float: left;
padding: 0;
margin: 0 0 0 10px;
cursor: pointer;
}

#countNav .nav_over {
background: url(../IMAGES/bg_main-visual_btn01.gif) 0 bottom no-repeat !important;
}

#mainVisual #btnR,
#mainVisual #btnL {
display: block;
position: absolute;
width: 20px;
height: 66px;
cursor: pointer;
}

#mainVisual a#btnR {
top: 167px;
left:944px;
background: url(../IMAGES/bg_main-visual_btn03.gif) 0 top no-repeat;
}

#mainVisual a#btnL {
top: 167px;
left:0;
background: url(../IMAGES/bg_main-visual_btn02.gif) 0 top no-repeat;
}

#mainVisual .btn_over {
background-position: 0 bottom !important;
}

/* ----------------------------------------------------------------
    Structure= Content
----------------------------------------------------------------- */
#mainContent{
position:relative;
width:964px;
z-index:1;
}

#content{
margin:10px 0;
margin-left:10px;
width:952px;
}

#mainContent .rowGroup{
width:952px;
min-height:1px;
}

/* ----------------------------------------------------------------
    Structure= Information
----------------------------------------------------------------- */
#information{
width:952px;
min-height: 1;
margin: 10px 0 0 12px;
padding: 0;
}

#information dl{
margin:0;
padding:0;
}

#information dl dt {
float:left;
width:100px;
margun: 0;
padding: 0;
}

#information dl dd{
float:left;
font-size:68.75%;
line-height:1.45;
margun: 0;
padding:5px 0 0 0;
}

/* ----------------------------------------------------------------
    Structure= information Content 01 & 02
----------------------------------------------------------------- */
#idxContent01 {
float: left;
width: 351px;
}

#idxContent02 {
float: left;
width: 351px;
margin: 0 0 0 20px;
}

#idxContent01 ul,
#idxContent02 ul {
margin-top: 4px;
}


/* ----------------------------------------------------------------
    Structure= index Content 03
----------------------------------------------------------------- */
#idxContent03 {
float: right;
width: 210px;
}

#extraInfo {
width: 210px;
margin-bottom: 0;
float: none;
}

.idx_linkList {
width: 210px;
margin-top: 15px;
}

/* ----------------------------------------------------------------
    Structure= index Content 04
----------------------------------------------------------------- */
#idxContent04 {
width: 952px;
margin: 0 0 15px 0;
}

#idxContent04 .infoCol01,
#idxContent04 .infoCol02,
#idxContent04 .infoCol03 {
width: 304px;
min-height: 68px;
margin: 0 0 15px 0;
}

#idxContent04 .infoCol01 {
float: left;
}

#idxContent04 .infoCol02 {
float: left;
margin: 0 0 0 20px;
}

#idxContent04 .infoCol03 {
float: right;
}

#idxContent04 ul {
width: 304px;
margin: 0;
padding: 0;
min-height: 1%;
}

#idxContent04 li {
display: block;
margin: 0;
padding: 0;
}

#idxContent04 li.leftCol {
float: left;
width: 124px;
}

#idxContent04 li.rightCol {
float: right;
width: 168px;
}

#idxContent04 li h3 {
font-size: 100%;
background: none;
margin: 0;
padding: 0 0 0.5em 10px;
background: url("/EN/SHARED/IMAGES/COMMON/bullet_arrow_02.gif") 0 5px no-repeat;
}

#idxContent04 li p {
margin: 0;
padding: 0;
}

/* ----------------------------------------------------------------
    Structure= index Content 05
----------------------------------------------------------------- */

#idxContent05 {
width: 952px;
}

#idxContent05 .infoCol01,
#idxContent05 .infoCol02,
#idxContent05 .infoCol03 {
width: 304px;
min-height: 68px;
margin: 0;
}

#idxContent05 .infoCol01 {
float: left;
}

#idxContent05 .infoCol02 {
float: left;
margin: 0 0 0 20px;
}

#idxContent05 .infoCol03 {
float: right;
}

#idxContent05 dl {
width: 304px;
margin: 0;
padding: 0;
min-height: 1%;
}

#idxContent05 dt {
display: block;
margin: 0;
padding: 0;
}

#idxContent05 dd {
display: block;
margin: 8px 0 0 0;
padding: 0;
}

#idxContent05 dd h3 {
font-size: 100%;
background: none;
margin: 0;
padding: 0 0 0.4em 10px;
background: url(/JP/SHARED/IMAGES/COMMON/bullet_arrow_02.gif) 0 5px no-repeat;
}

/* ----------------------------------------------------------------
    Structure= News Release
----------------------------------------------------------------- */
body#top div#newsRelease{
float:left;
width:466px;
}

body#top div#newsRelease dl{
margin-bottom:8px;
padding-bottom:8px;
background:url(/EN/SHARED/IMAGES/COMMON/line_dot_01.gif) repeat-x left bottom;
}

body#top div#newsRelease dl dt{
margin:0 0 3px 0;
padding:0;
font-weight:normal;
}

body#top div#newsRelease dl dd{
margin:0;
padding:0;
}

body#top div#newsRelease .button{
padding:8px 0;
}

#rssLink {
width: 21px;
height: 9px;
position: absolute;
left: 434px;
top: 10px;
}

/* ----------------------------------------------------------------
    Structure= Topics List
----------------------------------------------------------------- */
body#top div#topics{
float:right;
width:466px;
}

body#top div#topics dl{
margin-bottom:8px;
padding-bottom:8px;
background:url(/EN/SHARED/IMAGES/COMMON/line_dot_01.gif) repeat-x left bottom;
}

body#top div#topics dl dt{
margin:0 0 3px 0;
padding:0;
font-weight:normal;
}

body#top div#topics dl dd{
margin:0;
padding:0;
}

/* ----------------------------------------------------------------
    Structure= Inline Frame
----------------------------------------------------------------- */
body#top iframe#counter{
width:0;
height:0;
visibility:hidden;
overflow:hidden;
}

/* ----------------------------------------------------------------
    Module++
----------------------------------------------------------------- */
li.imgBtn{
background: none !important;
margin-top: 6px;
}

/* ----------------------------------------------------------------
    Hide Dynamic Contents
----------------------------------------------------------------- */
#function,
#nissanChannel{
display: none;
}

/*===================================================================
	clearfix
===================================================================*/

/* ------ clearfix ------ */
#countNav:after,
#idxContent04 ul:after,
#mainContent .rowGroup:after,
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html #countNav:after,
* html #idxContent04 ul:after,
* html #mainContent .rowGroup:after,
* html .clearfix { height: 1%; }
#mainContent .rowGroup:after,
.clearfix { display: block; }
/* End hide from IE-mac */


/* ------ clear ------ */
.clear{ clear:both; display: block; font-size:1px; line-height:0px; }
*html .clear{ height:0px; }


