@charset "shift_jis";

/* index.css
------------------------------------------ */

/* BODY
------------------------------------------ */
#BODY{margin-top:9px;}





/* headerArea
------------------------------------------ */
/* naviSec */
#BODY .headerArea .naviSec{float:left;width:674px;height:285px;padding:23px 25px 45px 23px;background:url(../img/index/parts_navi_bg-body.gif) no-repeat left top;}
#BODY .headerArea .naviSec .list{float:left;width:161px;}
#BODY .headerArea .naviSec .list ol li{text-indent:-9999px;}
#BODY .headerArea .naviSec .list ol li,
#BODY .headerArea .naviSec .list ol li a{display:block;height:22px;background:url(../img/index/btn_navi.gif) no-repeat left top;font-size:0;line-height:0;}
#BODY .headerArea .naviSec .list ol li a:hover{background:none;}
#BODY .headerArea .naviSec .list ol li.btnGI{background-position:-161px 0px;}
#BODY .headerArea .naviSec .list ol li.btnER{background-position:-161px -22px;}
#BODY .headerArea .naviSec .list ol li.btnER a{background-position:0px -22px;}
#BODY .headerArea .naviSec .list ol li.btnCP{background-position:-161px -44px;}
#BODY .headerArea .naviSec .list ol li.btnCP a{background-position:0px -44px;}
#BODY .headerArea .naviSec .list ol li.btnGB{background-position:-161px -66px;}
#BODY .headerArea .naviSec .list ol li.btnGB a{background-position:0px -66px;}
#BODY .headerArea .naviSec .list ol li.btnPS{background-position:-161px -88px;}
#BODY .headerArea .naviSec .list ol li.btnPS a{background-position:0px -88px;}
#BODY .headerArea .naviSec .list ol li.btnGL{background-position:-161px -110px;}
#BODY .headerArea .naviSec .list ol li.btnGL a{background-position:0px -110px;}
#BODY .headerArea .naviSec .list ol li.btnGR{background-position:-161px -132px;}
#BODY .headerArea .naviSec .list ol li.btnGR a{background-position:0px -132px;}
#BODY .headerArea .naviSec .list ol li.btnGH{background-position:-161px -154px;}
#BODY .headerArea .naviSec .list ol li.btnGH a{background-position:0px -154px;}
#BODY .headerArea .naviSec .list ol li.btnEP{background-position:-161px -176px;}
#BODY .headerArea .naviSec .list ol li.btnEP a{background-position:0px -176px;}
#BODY .headerArea .naviSec .list ol li.btnID{background-position:-161px -198px;}
#BODY .headerArea .naviSec .list ol li.btnID a{background-position:0px -198px;}
#BODY .headerArea .naviSec .list ol li.btnTR{background-position:-161px -220px;}
#BODY .headerArea .naviSec .list ol li.btnTR a{background-position:0px -220px;}
#BODY .headerArea .naviSec .list ol li.btnPD{background-position:-161px -242px;}
#BODY .headerArea .naviSec .list ol li.btnPD a{background-position:0px -242px;}
#BODY .headerArea .naviSec .visual{float:right;width:495px;}


/* bannerSec */
#BODY .headerArea .bannerSec{float:right;width:185px;}
#BODY .headerArea .bannerSec ul{overflow:hidden;}
#BODY .headerArea .bannerSec ul li{margin:-1px 0;padding:3px 0 3px 0;border-top:1px solid #999999;border-bottom:1px solid #999999;font-size:0;line-height:0;}




/* topicsArea
------------------------------------------ */
#BODY .topicsArea{margin-top:10px;}
#BODY .topicsArea ul li{zoom:1;}
#BODY .topicsArea ul li:after{display:block;clear:both;height:0px;content:url('data:image/gif;base64,R0lGODlhAQABAIAAAAAAAAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');}
#OP #BODY .topicsArea ul li:after{content:"";}
#BODY .topicsArea ul li dl dt{float:left;width:65px;word-break:break-all;}
#BODY .topicsArea ul li dl dd{float:right;width:791px;min-height:14px;height:auto!important;height:14px;padding-left:59px;}
#BODY .topicsArea ul li.typeNew dl dd{position:relative;}
#BODY .topicsArea ul li.typeNew dl dd span.tChip{display:block;position:absolute;width:56px;height:15px;background:url(../img/index/icon_new.gif) no-repeat left top;font-size:0;line-height:0;text-indent:-9999px;top:0px;left:0px;}


/* event */
#BODY .topicsArea ul.event li{text-align:right;}
#BODY .topicsArea ul.event li img{margin-right:5px;vertical-align:text-top;}
#IE08 #BODY .topicsArea ul.event li img{vertical-align:middle;}
#BODY .topicsArea ul.event #uHOpenMax{display:none;}


/* typeAll */
#BODY .typeAll{margin-top:25px;padding:10px;border-top:1px solid #00cc65;border-bottom:1px solid #00cc65;}
#BODY .typeAll h2{color:#03cb68;font-size:115%;font-weight:normal;}
#BODY .typeAll ul{margin-top:4px;}
#BODY .typeAll ul li dl dt,
#BODY .typeAll ul li dl dd,
#BODY .typeAll ul li dl dd a:link{color:#00cd68;text-decoration:none;}
#BODY .typeAll ul li dl dd a:hover{text-decoration:underline;}




/* informationArea
------------------------------------------ */
#BODY .informationArea{margin-top:10px;}


/* titleSec */
#BODY .informationArea .titleSec{padding:2px 10px 2px 10px;background:#00964e;}
#BODY .informationArea .titleSec h2,
#BODY .informationArea .titleSec p{display:inline;font-weight:normal;color:#ffffff;}
#BODY .informationArea .titleSec h2{font-weight:bold;}
#BODY .informationArea .titleSec p{margin:0.75em;}


/* approachSec */
#BODY .informationArea .approachSec{float:left;width:719px;margin-top:10px;}
#BODY .informationArea .approachSec a{color:#ffffff;text-decoration:underline;}
#BODY .informationArea .approachSec ol{margin:-12px -13px 0 0;}
#BODY .informationArea .approachSec ol .boundary{overflow:hidden !important;display:hidden;clear:both !important;float:none !important;width:auto !important;height:0px !important;margin:0 !important;padding:0 !important;font-size:0 !important;line-height:0 !important;}
#BODY .informationArea .approachSec ol .boundary hr{display:none !important;}
#BODY .informationArea .approachSec ol li{float:left;width:231px;margin:12px 13px 0 0;}
#BODY .informationArea .approachSec ol li#categoryPS,
#BODY .informationArea .approachSec ol li#categoryGH{clear:both;}
#BODY .informationArea .approachSec ol li#categoryGB,
#BODY .informationArea .approachSec ol li#categoryGR{margin-right:0px;}
#BODY .informationArea .approachSec ol li.categorySelected{float:none;width:auto;margin:0px;}
#BODY .informationArea .approachSec ol li li{float:none;width:auto;margin:0px;}
#BODY .informationArea .approachSec ol li .title,
#BODY .informationArea .approachSec ol li .child,
#BODY .informationArea .approachSec ol li .child dl dd{display:none;}
#BODY .informationArea .approachSec ol li .parent,
#BODY .informationArea .approachSec ol li .child dl dt,
#BODY .informationArea .approachSec ol li .child dl dd,
#BODY .informationArea .approachSec ol li .child ul li{background:url(../img/index/parts_approach_bg-body.gif) repeat-y left top;zoom:1;}
#BODY .informationArea .approachSec ol li .child dl dt,
#BODY .informationArea .approachSec ol li .child dl dd,
#BODY .informationArea .approachSec ol li .child ul li{float:left;width:231px;margin:12px 13px 0 0;}
#BODY .informationArea .approachSec ol li .child dl dt.rankC{margin-right:0px;}
#BODY .informationArea .approachSec ol li .bgTop{background:url(../img/index/parts_approach_bg-top.gif) no-repeat left top;zoom:1;}
#BODY .informationArea .approachSec ol li .bgTop .bgBottom{padding:8px 18px 1em 18px;background:url(../img/index/parts_approach_bg-bottom.gif) no-repeat left bottom;zoom:1; min-height:200px; height:auto !important; height:200px;}
#BODY .informationArea .approachSec ol li h4,
#BODY .informationArea .approachSec ol li h5,
#BODY .informationArea .approachSec ol li .rank,
#BODY .informationArea .approachSec ol li .text{font-size:95%;color:#ffffff;font-weight:normal;}
#BODY .informationArea .approachSec ol li h4,
#BODY .informationArea .approachSec ol li h5,
#BODY .informationArea .approachSec ol li .rank{display:inline-block;}
#BODY .informationArea .approachSec ol li .text{display:block;}
#FF02 #BODY .informationArea .approachSec ol li h4,
#FF02 #BODY .informationArea .approachSec ol li h5,
#FF02 #BODY .informationArea .approachSec ol li .rank{display:block;}
#IE06 #BODY .informationArea .approachSec ol li h4,
#IE06 #BODY .informationArea .approachSec ol li h5,
#IE06 #BODY .informationArea .approachSec ol li .rank{display:inline;zoom:1;}
#IE07 #BODY .informationArea .approachSec ol li h4,
#IE07 #BODY .informationArea .approachSec ol li h5,
#IE07 #BODY .informationArea .approachSec ol li .rank{display:inline;zoom:1;}
#BODY .informationArea .approachSec ol li h4,
#BODY .informationArea .approachSec ol li h5,
#BODY .informationArea .approachSec ol li .rank{ height:3em; padding-left:10px;text-decoration:underline;background:url(../img/index/icon_approach_link-normal.gif) no-repeat 0px 4px;cursor:pointer;}
#FF02 #BODY .informationArea .approachSec ol li h4,
#FF02 #BODY .informationArea .approachSec ol li h5,
#FF02 #BODY .informationArea .approachSec ol li .rank{background-position:0px 1px;}
#BODY .informationArea .approachSec ol li .text{margin-top:3px;}
#BODY .informationArea .approachSec ol li .thumbnail,
#BODY .informationArea .approachSec ol li .movie{font-size:0;line-height:0;}
#BODY .informationArea .approachSec ol li .thumbnail{display:block;height:105px;margin-top:3px;cursor:pointer;}
#BODY .informationArea .approachSec ol li .movie,
#BODY .informationArea .approachSec ol li .movie a{display:block;width:77px;height:17px;}
#BODY .informationArea .approachSec ol li .movie{margin:4px 0 0 118px;text-indent:-9999px;background:url(../img/index/btn_approach_movie.gif) no-repeat left top;}


/* etcSec */
#BODY .informationArea .etcSec{float:right;width:185px;margin-top:10px;}

#BODY .informationArea .etcSec .ranking h3{padding:4px 0 3px 0;color:#02cc68;font-weight:normal;border-top:1px solid #999999;border-bottom:1px solid #999999;}
#BODY .informationArea .etcSec .ranking ol li{margin-top:2px;padding:4px 10px 5px 17px;border-top:1px solid #999999;border-bottom:1px solid #999999;background-repeat:no-repeat;background-position:0px 7px;}
#BODY .informationArea .etcSec .ranking ol li.num01{background-image:url(../img/index/parts_ranking_num-01.gif);}
#BODY .informationArea .etcSec .ranking ol li.num02{background-image:url(../img/index/parts_ranking_num-02.gif);}
#BODY .informationArea .etcSec .ranking ol li.num03{background-image:url(../img/index/parts_ranking_num-03.gif);}
#BODY .informationArea .etcSec .ranking ol li.num04{background-image:url(../img/index/parts_ranking_num-04.gif);}
#BODY .informationArea .etcSec .ranking ol li.num05{background-image:url(../img/index/parts_ranking_num-05.gif);}
#BODY .informationArea .etcSec .ranking ol li.num06{background-image:url(../img/index/parts_ranking_num-06.gif);}
#BODY .informationArea .etcSec .ranking ol li.num07{background-image:url(../img/index/parts_ranking_num-07.gif);}
#BODY .informationArea .etcSec .ranking ol li.num08{background-image:url(../img/index/parts_ranking_num-08.gif);}
#BODY .informationArea .etcSec .ranking ol li.num09{background-image:url(../img/index/parts_ranking_num-09.gif);}
#BODY .informationArea .etcSec .ranking ol li.num10{background-image:url(../img/index/parts_ranking_num-10.gif);}

#BODY .informationArea .etcSec .banner{margin-top:10px;}
#BODY .informationArea .etcSec .banner p{font-size:0;line-height:0;}

#BODY .informationArea .etcSec .verisign{padding-left:55px;}