@charset "utf-8";

/*====================  structure  ====================*/
#contentsArea {
width: 845px;
margin:0 auto;
}
#contents {
padding: 0;
width: 665px;
}
#sidenavi {
float: left;
padding: 0;
width:165px;
}
#main {
float: left;
width: 501px;
}
.banners {
float: right;
width: 151px;
}


/*====================  flash menu  ====================*/
#menu {
margin: 10px auto;
position:relative;
z-index:1;
width: 845px;
height:292px;
}
#menu #menuBtnArea {
position:absolute;
top:232px;
width:845px;
height:50px;
background-image: url("../image/nb_bg.gif");
}

#menu #menuBtnArea .menuLinkL { position:absolute; top:1px; left:1px; cursor:pointer; }
#menu #menuBtnArea .menuLinkR { position:absolute; top:1px; right:1px; cursor:pointer; }

#menu #menuBtnArea .menuBtn01 { position:absolute; top:2px; left:1px; }
#menu #menuBtnArea .menuBtn02 { position:absolute; top:2px; left:153px; }
#menu #menuBtnArea .menuBtn03 { position:absolute; top:2px; left:305px; }
#menu #menuBtnArea .menuBtn04 { position:absolute; top:2px; left:457px; }
#menu #menuBtnArea .menuBtn05 { position:absolute; top:2px; left:609px; }
#menu #menuBtnArea .menuBtn06 { position:absolute; top:2px; left:761px; }
#menu #menuBtnArea .menuBtn07 { position:absolute; top:2px; left:913px; }
#menu #menuBtnArea .menuBtn08 { position:absolute; top:2px; left:1065px; }

/*====================  side navi  ====================*/

/*  ₯101117’Η‰Α₯  */
#sidenavi #retrieval,
#sidenavi #products,
#sidenavi #dataseat {
width:163px;
border-left:1px solid #d3d3d3;
border-right:1px solid #d3d3d3;
border-bottom:1px solid #d3d3d3;
margin-top:0;
padding:10px 0 0;
}

#sidenavi h2 {
margin-bottom:0;
}

.banners02 {
width:165px;
}

/*  £101117’Η‰Α£  */

#sidenavi #search { margin:0 0 10px 0; padding:10px 10px 10px 5px; border:solid 1px #CCCCCC; background:#f5ede1; }
#sidenavi #search form { margin:0; padding:0; }
#sidenavi #search .searchInput { float:left; width:110px; }
#sidenavi #search .searchInput input { width:106px; margin:0; padding:2px; border:solid 1px #CCCCCC; font-size:95%; line-height:1.2; }
#sidenavi #search .searchBtn { float:right; padding-top:1px; }
#sidenavi #search .searchBtn input { height:17px; }



/*====================  big banners  ====================*/
.hot li {
float: left;
margin: 0 11px 10px 0;
}

/*====================  kokuchi  ====================*/
.kokuchi{ border:solid 1px #000; text-align:center; margin:0 0 10px 0; padding:10px 15px; }
.kokuchi p { margin:0; padding:0; color:#000; font-size:1.188em; }
.kokuchi p.link { margin-top:5px; text-align:right; }
.kokuchi a { color:#000; text-decoration:underline; }


/*====================  news  ====================*/
.news {
background:url(../image/news_bg.gif) repeat-x;
clear: both;
position: relative;
width: 501px;
}
.news h2 img {
vertical-align: top;
}
.news ol {
margin-top: 9px;
}
.news ol, x:-moz-any-link, x:default {
margin-top: 9px;
}
* html .news ol {
margin-top: 6px;
}
*:first-child+html .news ol {
margin-top: 6px;
}
.news li {
clear: both;
min-height: 18px;
margin: 4px 0;
position: relative;
}
.news li a span {
display: block;
float: left;
width: 343px;
}
.news li a span.icon {
height: 18px;
width: 90px;
}
.news li a span.date {
font-weight: bold;
width: 68px;
}
.news li.car a span.date {
color:#0079c0;
}
.news li.home a span.date {
color:#db4e7b;
}
.news li.company a span.date {
color:#cf7100;
}
.news li.car a:hover span.date, .news li.home a:hover span.date, .news li.company a:hover span.date {
color:#d8001d;
}



.news .btn {
clear:both;
position: absolute;
right:0;
top:0;
}


/*====================  small banners  ====================*/
.banners li {
margin-bottom: 7px;
}

.banners .maintenance { margin-bottom:10px; padding-bottom:10px; background:url(../image/maintenance_bg.gif) no-repeat bottom; }
.banners .maintenance .title { margin-bottom:5px; }
.banners .maintenance .sttl { margin-bottom:10px; }
.banners .maintenance .inner { width:127px; margin:0 auto; text-align:left; line-height:1.2; }
.banners .maintenance .inner .link { padding-left:10px; background:url(../image/icon_link2.gif) no-repeat 0 3px; }
.banners .maintenance .inner .link p { margin:0 0 3px 0; padding:0; font-size:85%; font-weight:bold; }
.banners .maintenance .inner .link p.sLink { padding-left:15px; background:url(../image/icon_slink1.gif) no-repeat 5px 1px; font-size:85%; font-weight:normal; }
.banners .maintenance .inner .link p.sLink a { text-decoration:underline; }


/*  ₯101117’Η‰Α₯  */

/*====================  pickup  ====================*/

#pickup {
width:501px;
margin-top:9px;
}

#pickup .col_wrap {
width:501px;
}

#pickup .col {
float:left;
}

#pickup .col .icon {
width:64px;
margin-right:5px;
}

#pickup .col .txt {
width:175px;
}

#pickup .col .txt .s_tit {
font-size:100%;
font-weight:bold;
text-decoration:underline;
line-height:1.4;
}

#pickup .col .txt .f_s {
font-size:85%;
line-height:1.4;
}

#pickup hr {
display:none;
clear:both;
}

/*====================  float  ====================*/
.f_l {float:left;}
.f_r {float:right;}

/*====================  margin  ====================*/
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mb5 {margin-bottom:5px;}
.mb7 {margin-bottom:7px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}

/*  £101117’Η‰Α£  */


/*====================  topƒy[ƒWŒŸυ‘‹  ====================*/
* html #yjSsSb{font-size:86%!important;line-height:1.25;}
/*  £110427’Η‰Α£  */