@charset "utf-8";

/*-----------------------------------------------------

Top Page Style

------------------------------------------------------*/

html, body { background:#ffffff; }

#wrap { }
#Cont { overflow:visible;}
#Newscontainer { position:relative; top:0; left:0; }

.scroll_y { overflow-x: hidden; overflow-y: scroll; height:1020px;}

.fadeblock { height:550px; margin-bottom:19px; }

.fadebox,
.fadebox2 { position:absolute;}
.display li { position:absolute; top:-20px; left:-20px; padding:5px; background-color:transparent; width:367px; height:300px;}
.corp .bgbox01 .display li { position:absolute; top:-20px; left:-20px; padding:5px; background-color:transparent; width:714px; height:299px;}
.display li a { display:block; height:100%; }
.pagenavi { position:absolute; top:192px; right:15px; z-index:4; }
.corp .bgbox01 .pagenavi { position:absolute; top:238px; right:15px; z-index:4; background:#FFF; padding:11px 10px 10px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; behavior: url(/pc/css/PIE.htc);}
.pagenavi span { display:inline; background:url(../img/pagenavi_03.gif) no-repeat center center; width:10px; height:10px; float:left; margin-left:5px; cursor:pointer; }

li.panel1_01_test {}
li.panel_long_01 { background:url(../corp/img/area01/image01.jpg) no-repeat center center;}
li.panel_long_02 { background:url(../corp/img/area01/image02.jpg) no-repeat center center;}
.corp li.panel3_01 { background:url(../corp/img/area03/image01.png) no-repeat center center;}
.corp li.panel3_02 { background:url(../corp/img/area03/image02.png) no-repeat center center;}

.panel1 .pagenavi span.active { background:url(../img/pagenavi_04.gif) no-repeat center center; }
.panel2 .pagenavi span.active { background:url(../img/pagenavi_05.gif) no-repeat center center; }
.panel3 .pagenavi span.active { background:url(../img/pagenavi_06.gif) no-repeat center center; }
.panel4 .pagenavi span.active { background:url(../img/pagenavi_07.gif) no-repeat center center; }
.corp .panel2 .pagenavi span.active { background:url(../img/pagenavi_07.gif) no-repeat center center; }

.panel4_box { display:inline; float:left;padding:5px; background:#FFF; margin-bottom:10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background:url(../img/box_bg_s.jpg) no-repeat left top; position:absolute;}

.noticebox { width:684px; height:269px; position:absolute; top:0px; left:0px; background:url(../img/box_bg_l.jpg) no-repeat left top; }




.b01 { top:5px; left:5px; }
.b02 { top:5px; left:180px; }
.b03 { top:145px; left:5px; }
.b04 { top:145px; left:180px; }

.panel1 .panel_expand,
.panel3 .panel_expand { width:326px; padding:5px; height:260px; position:absolute; left:20px; bottom:20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; behavior: url(/pc/css/PIE.htc); overflow:hidden; z-index:100; }
.panel2 .panel_expand { width:326px; padding:5px; height:260px; position:absolute; right:20px; bottom:20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; behavior: url(/pc/css/PIE.htc); overflow:hidden; z-index:100; }
.relative { position: absolute; top:0; right:0; }



.brandblock { background:#fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; behavior:url(/pc/css/PIE.htc); height:332px; position:relative; }

.brandblock .slideitems li li { position:relative; width:158px; height:130px; background:url(../img/bg_01.jpg) no-repeat bottom; float:left; margin:0 5px 5px 0; }
.brandblock .slideitems li li a { display:block; height:100%; text-decoration:none; }
.brandblock .slideitems li li a span { display:block; font-size:93%; padding:6px 2px 6px 3px; }

.brandblock_inner { padding:18px 0 12px 17px; }

.slideitems { width:660px; overflow:hidden; position:relative; }
.slideitems ul { float:left; }
.slideitems > ul > li { width:660px; float:left; }

.brandblock .prevbtn { position:absolute; top:50%; left:3px; }
.brandblock .nextbtn { position:absolute; top:50%; right:7px; }

.brandblock .slidenavi { position:absolute; top:12px; right:18px; }
.brandblock .slidenavi a { display:block; width:26px; height:26px; margin-left:10px; line-height:26px; float:left; background:url(../img/pagenavi_01.gif) no-repeat; text-align:center; font-weight:bold; color:white; text-decoration:none; font-size:108%; }
.brandblock .slidenavi a.active { background:url(../img/pagenavi_02.gif) no-repeat;}