@charset "utf-8";
/* CSS Document */

article{ width:100%;}
#slideWrap{ height:335px; margin-bottom:30px; background:#000; width:100%;}
#slide{ width:100%; text-align:center; margin:0 auto 20px; background:#000; display:none;}
#slide .film_roll_next, #slideMain .film_roll_prev{z-index:1; position:absolute; top:0; left:0; width:50%; height:100%; margin:0; padding:0; text-align:center;}
#slide .film_roll_next{left:auto; right:0; margin:0;} 
#slide .film_roll_next img{ top:50%; margin-top:-12px; position: absolute; right:15px;}
#slide .film_roll_prev img{ top:50%; margin-top:-12px; position: absolute; left:15px;}
#slide{ width:100%; height:335px; margin:0 auto 30px;}
#slide .item { background:#000;}
#slide .item img{ height:335px; width:auto; opacity: 0.3; filter: alpha(opacity=30); -moz-opacity: 0.3; -ms-filter: "alpha(opacity=30)";}
#slide .active img{ opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1; -ms-filter: "alpha(opacity=100)"; -webkit-transition: 0.6s ease-in; -moz-transition: 0.6s ease-in; -o-transition: 0.6s ease-in; transition: 0.6s ease-in; z-index:100; position:relative;}


#pickup { width:970px; margin-bottom:30px; height:299px;}
#pickup h2{ background:url(../images/title_pickup.png) left top no-repeat; height:24px; border-bottom:4px solid #000; margin-left:20px; text-align:right; font-size:12px; font-size:1.2rem; font-weight:bold; padding-top:8px;}
#pickup .navi{ float:right; width:495px;}
#pickup .navi li{ border-right:1px solid #000;}
#pickup .navi-image img{ width:455px; height:auto;}
#pickup .navi .link{ margin-left:20px; border:1px solid #000; border-top:none; padding:9px 10px;}
#pickup .navi .link a{ font-size:11px; font-size:1.1rem; background:url(../common/icon_arrow_c.png) left 4px no-repeat; display:block; float:right; padding-left:15px; color:#000;}
#pickup .navi li a h3{ font-size:16px; font-size:1.6rem; margin-left:65px; color:#000; font-weight:bold;}
#pickup .navi li a h4{ font-size:11px; font-size:1.1rem; margin-left:65px; color:#000;}
#pickup .navi li a:hover { text-decoration:none;}

.wrapBox h2{ height:24px; border-bottom:3px solid #000; text-align:right; font-size:12px; font-size:1.2rem; font-weight:bold; padding-top:8px;}
.wrapBox #news h2{ background:url(../images/title_news.png) left top no-repeat;}
.wrapBox #news .link{ border-top:1px dotted #000; padding:9px 0;}
.wrapBox #news .link a{ font-size:11px; font-size:1.1rem; background:url(../common/icon_arrow_c.png) left 4px no-repeat; display:block; float:right; padding-left:15px; color:#000;}

.wrapBox #special .onebox{ width:315px; float:left; margin-bottom:20px;}
.wrapBox #special .onebox:last-child{ margin-left:20px;}
.wrapBox #special h2{ background:url(../images/title_special.png) left top no-repeat; margin-bottom:20px;}
.wrapBox #special h3{ background:#FC0; font-size:13px; font-size:1.3rem; border-bottom:1px dotted #000; border-top:1px dotted #000; padding:5px 10px; margin-bottom:15px;}
.wrapBox #special h3 a{ color:#000;}
.wrapBox #special .link{ border-top:1px dotted #000; padding:9px 0;}
.wrapBox #special .link a{ font-size:11px; font-size:1.1rem; background:url(../common/icon_arrow_c.png) left 4px no-repeat; display:block; float:right; padding-left:15px; color:#000;}

#attention h4{ font-size:13px; font-size:1.3rem; color:#000; margin-bottom:5px; font-weight:bold;}
#attention h4 a{ color:#000;}
#attention h4 a:hover{ color:#005983;}
#attention p{ font-size:11px; font-size:1.1rem; color:#333; margin-bottom:0; line-height:170%;}
#attentionImg{ float:left; margin:0 10px 0 0; width:118px; height:152px; overflow:hidden; border:1px solid #EBEBEB;}
#attentionImg img{ width:118px; height:auto;}


.wrapBox #hotcompany h2{ background:url(../images/title_hotcompany.png) left top no-repeat; margin-bottom:20px;}
.wrapBox #hotcompany .link{ border-top:1px dotted #000; padding:9px 10px;}
.wrapBox #hotcompany .link a{ font-size:11px; font-size:1.1rem; background:url(../common/icon_arrow_c.png) left 4px no-repeat; display:block; float:right; padding-left:15px; color:#000;}
.wrapBox section#hotcompany .onebox { margin:0; border-top:none;}
.wrapBox section#hotcompany .onebox li{ margin-bottom:20px;}
.wrapBox section#hotcompany .onebox .listPhoto{ float:left; width:118px; height:118px; overflow:hidden; border:1px solid #000; margin:0 20px 0 0;}
.wrapBox section#hotcompany .onebox .listPhoto img{ height:118px; width:auto; text-align:center; margin:0 auto 0 -25px;}
.wrapBox section#hotcompany .onebox .bar{ line-height:100%; background:#FC0; margin-left:140px; padding:8px; font-size:12px; font-size:1.2rem; margin-bottom:10px;}
.wrapBox section#hotcompany .onebox .bar strong{ font-weight:bold; }
.wrapBox section#hotcompany .onebox .bar span{ background:#005983; color:#fff; font-size:11px; font-size:1.1rem; padding:1px 4px; margin-right:5px;}
.wrapBox section#hotcompany .onebox .bar a{ float:right; font-size:11px; font-size:1.1rem; background:url(../common/icon_arrow_c_blue.png) left 4px no-repeat; display:block; padding-left:15px; color:#000;}
.wrapBox section#hotcompany .onebox h3{ font-size:16px; font-size:1.6rem; font-weight:bold;}
.wrapBox section#hotcompany .onebox h3 a{ color:#000;}
.wrapBox section#hotcompany .onebox p{font-size:11px; font-size:1.1rem; margin-top:5px;}
.wrapBox section#hotcompany .onebox p.name{font-size:12px; font-size:1.2rem; margin-top:3px; font-weight:bold;}
.wrapBox section#hotcompany .link{ padding-right:0;}

.wrapBox #interview h2{ background:url(../images/title_interview.png) left top no-repeat; border-bottom:4px solid #000;}
.wrapBox #interview .onebox{ border:none; margin-right:-10px; margin-bottom:0;}
.wrapBox #interview .onebox .list{ padding:0; width:210px;}
.wrapBox #interview .onebox .list .listPhoto{ float:none; border:1px solid #EBEBEB;}
.wrapBox #interview .onebox .list p{ color:#005983; margin-left:0; margin-bottom:10px;}
.wrapBox #interview .onebox .list a:hover{ text-decoration:none;}

.wrapBox iframe{ border:none; }
.wrapBox .one_third{ float:left; text-align:center; margin-bottom:10px;}
.wrapBox .one_third .title_s{ background:url(../images/title_stockprice.png) center top no-repeat; height:18px; color:#fff; text-align:center; margin-bottom:10px; font-size:12px; font-size:1.2rem;}




ul.pickupContents { margin:0 -2px 10px 10px; padding-top:10px;}
ul.pickupContents li{ float:left; width:202px; background:#fff; margin-right:12px; margin-bottom:10px;}
ul.pickupContents li .pickupContents{ border-bottom:1px dotted #E6E6E6; margin-bottom:10px;}
ul.pickupContents li .pickupContents img{ vertical-align:bottom;}
ul.pickupContents li h3{ font-size:13px; font-size:1.3rem; margin-bottom:5px; border-left:3px solid #005983; padding-left:10px; margin-left:10px; color:#333;}
ul.pickupContents li p{ margin:0 10px 5px 10px; font-size:11px; font-size:1.1rem;}
ul.pickupContents li p a{ color:#666;}
ul.pickupContents li p a:hover{ color:#005983;}

ul.pickupContents li#appli .pickupContents{ border-bottom:1px dotted #38B44B;}
ul.pickupContents li#sales .pickupContents{ border-bottom:1px dotted #18BFF0;}
ul.pickupContents li#pr .pickupContents{ border-bottom:1px dotted #F77B81;}
ul.pickupContents li#appli p , ul.pickupContents li#sales p , ul.pickupContents li#pr p{ text-align:center; margin:0 auto 5px;}
ul.pickupContents li#appli .btn a{ margin:0 auto 10px; text-align:center; border-radius:100px; -webkit-border-radius:100px; -moz-border-radius:100px; line-height:100%; color:#fff; padding:4px 40px 3px; font:11px; font-size:1.1rem; background:#38B44B;}
ul.pickupContents li#sales .btn a{ margin:0 auto 10px; text-align:center; border-radius:100px; -webkit-border-radius:100px; -moz-border-radius:100px; line-height:100%; color:#fff; padding:4px 40px 3px; font:11px; font-size:1.1rem; background:#18BFF0;}
ul.pickupContents li#pr .btn a{ margin:0 auto 10px; text-align:center; border-radius:100px; -webkit-border-radius:100px; -moz-border-radius:100px; line-height:100%; color:#fff; padding:4px 40px 3px; font:11px; font-size:1.1rem; background:#F77B81;}
ul.pickupContents li#appli .btn a:hover , ul.pickupContents li#sales .btn a:hover , ul.pickupContents li#pr .btn a:hover{opacity: 0.75; filter: alpha(opacity=75); -moz-opacity: 0.75; -ms-filter: "alpha(opacity=75)";}

.categorySelect { width:650px; margin-top:20px; margin-bottom:7px; margin-bottom:20px;}
.categorySelect dl{ float:right;}
.categorySelect dl dt{ display:inline; margin-right:0; line-height:200%; font-size:12px; font-size:1.2rem;}
.categorySelect dl dd{ float:right; margin-left:10px;}
.categorySelect dl dd select{ border:1px solid #E6E6E6; background:none; font-size:11px; font-size:1.1rem; padding:2px 4px 1px;}
.categorySelect dl dd:last-child{}

.categorySelect.borderTopDotted{ border-top: 1px dotted #000; padding-top:20px;}
.categorySelect h3{ float:left; font-size:16px; font-size:1.6rem; font-weight:bold;}