@charset "utf-8";

/*---------------------------------------------------
                #top.index
---------------------------------------------------*/
#top .index #main { float:left; width:690px; padding:0; }
#top .index #main.main2017-0512 { float: none; width: auto; }
#top .index #extra { float:right; width:230px; }
#top .index #extra.extra2017-0512 { float: none; margin-top: 20px; width: auto; }
#top .index #extra.extra2017-0512 .bnrEmergency { float:right; width:230px; }

#top .index .unity-group { margin:20px 0 0 0; border:1px solid #ffffff; }
#top .index .unity-group .section { margin:0; }

#top { background:url(/img/idx_bg_top.jpg) no-repeat center 83px scroll #d9dadb; }
#top .container #contents { background:none; }

#top .index #promotion { position:relative; margin:20px 0; width:600px; height:223px; overflow:hidden; float:left; }
#top .index #promotion ul { position:relative; width:599px; height:223px; border-right:1px solid #ffffff; overflow:hidden; }
#top .index #promotion ul li { position:absolute; top:0; left:0; overflow:hidden; background-color:#ffffff; }
#top .index #promotion ul li a { display:block; width:529px; height:223px; text-indent:-9999px; overflow:hidden; text-align:left; }
#top .index #promotion ul li.content1 { z-index1; left:0; }
#top .index #promotion ul li.content2 { z-index2; left:529px; }
#top .index #promotion ul li.content3 { z-index3; left:564px; }

#top .index #promotion ul li a.promotion01  { background:url(/img/idx_pic_promotion01.jpg) no-repeat 0 0 transparent; }
#top .index #promotion ul li a.promotion01 span { background:url(/img/idx_pic_promotion01_s.jpg) no-repeat left top transparent; }
#top .index #promotion.nojs ul li a.promotion01 { background:url(/img/idx_pic_promotion01_s.jpg) no-repeat left top transparent; }

#top .index #promotion ul li a.promotion02  { background:url(/img/idx_pic_promotion02.jpg) no-repeat 0 0 transparent; }
#top .index #promotion ul li a.promotion02 span { background:url(/img/idx_pic_promotion02_s.jpg) no-repeat left top transparent; }
#top .index #promotion.nojs ul li a.promotion02 { background:url(/img/idx_pic_promotion02_s.jpg) no-repeat left top transparent; }

#top .index #promotion ul li a.promotion03   { background:url(/img/idx_pic_promotion03.jpg) no-repeat 0 0 transparent; }
#top .index #promotion ul li a.promotion03 span { background:url(/img/idx_pic_promotion03_s.jpg) no-repeat left top transparent; }
#top .index #promotion.nojs ul li a.promotion03 { background:url(/img/idx_pic_promotion03_s.jpg) no-repeat left top transparent; }

#top .index #promotion ul.static li a:hover { background-position:left bottom; }
#top .index #promotion.smartphone ul.static li a:hover { background-position:left top; }
#top .index #promotion ul li.first-child { width:529px; }
#top .index #promotion ul li a span { position:absolute; left:0; top:0; width:529px; height:223px; text-indent:-9999px; overflow:hidden; text-align:left; }

#top .index #promotion ul li a.campusnote  { background:url(/img/idx_pic_promotion_campus02.jpg) no-repeat 0 0 transparent; }
#top .index #promotion ul li a.campusnote   span { background:url(/img/idx_pic_promotion_campus_s.jpg) no-repeat left top transparent; }

#top .index #kokuyo-ch { margin:20px 0; width:332px; float:right; display:inline; }
#top .index #kokuyo-ch .movieBox { width:330px; height:186px;border:solid 1px #fff; background:#fff;margin:0; }
#top .index #kokuyo-ch .title { width:332px; }
#top .index #kokuyo-ch .title .name { float:left; width:205px; }
#top .index #kokuyo-ch .title .detail { float:left; width:127px; }


#top .index .unity-group { margin:20px 0 0 0; border:1px solid #ffffff; }
#top .index .unity-group .section { margin:0; }

#top { background:url(/img/idx_bg_top.jpg) no-repeat center 83px scroll #d9dadb; }
#top .container #contents { background:none; }

#top .index #top-slide { height: 300px; margin: 40px auto 37px; }
#top .index #top-slide .slide{ height: 300px; overflow: hidden; }
#top .index #top-slide .bx-wrapper { background-color: transparent; border: none; box-shadow: none;}
#top .index #top-slide .bx-wrapper .bx-pager { bottom: -17px; }
#top .index #top-slide .bx-wrapper .bx-pager a { background: url(/cmn/img/pager.png) center center no-repeat; display: inline-block; height: 10px; margin: 0 5px; vertical-align: bottom; outline: none; text-indent: -9999px; width: 10px; }
#top .index #top-slide .bx-wrapper .bx-pager a:hover,
#top .index #top-slide .bx-wrapper .bx-pager a.pager-active,
#top .index #top-slide .bx-wrapper .bx-pager a:focus { background-image: url(/cmn/img/pager_active.png); }
#top .index #top-slide .bx-wrapper .bx-prev,
#top .index #top-slide .bx-wrapper .bx-next {
	height: 23px;
	margin-top: -11px;
	overflow: hidden;
	position: absolute;
	text-indent: 100%;
	top: 50%;
	white-space: nowrap;
	width: 23px;
}
#top .index #top-slide .bx-wrapper .bx-prev {
	background: url(/cmn/img/bx-prev.png) left top no-repeat;
	background-size:  23px auto;
	left: 17px;
}
#top .index #top-slide .bx-wrapper .bx-next {
	background: url(/cmn/img/bx-next.png) right top no-repeat;
	background-size:  23px auto;
	right:  17px;
}

#top .index #main .spreading {}
#top .index #main .spreading div { float:left; }
#top .index #main .spreading div.st { width:246px; height:163px; margin:0; padding:0; }
#top .index #main .spreading div.st a { display:block; width:246px; height:163px;  background:url(/img/idx_btn_bungu.jpg) no-repeat 0 0 transparent; }
#top .index #main .spreading div.ft { width:245px; height:163px; margin:0; padding:0; }
#top .index #main .spreading div.ft a { display:block; width:245px; height:163px; background:url(/img/idx_btn_kagu.jpg) no-repeat 0 0 transparent; }
#top .index #main .spreading div.btn a { text-indent:-9999px; overflow:hidden; }
#top .index #main .spreading div.btn a:hover { background-position:left bottom; }

#top .index #main .spreading .display-control { position:relative; width:199px; height:163px; background:url(/img/idx_bg_dc.gif) no-repeat 0 0 transparent; }
#top .index #main .spreading .display-control .display { position:absolute; top:7px; left:6px; margin:0; padding;0; width:185px; height:123px; background-color:#ffffff; }
#top .index #main .spreading .display-control .display .pic1 { position:absolute; top:0px; left:0px; z-index:2; margin:0; padding;0; }
#top .index #main .spreading .display-control .display .pic2 { position:absolute; top:0px; left:0px; z-index:1; margin:0; padding;0; }
#top .index #main .spreading .display-control .display .pic3 { position:absolute; top:0px; left:0px; z-index:1; margin:0; padding;0; }
#top .index #main .spreading .display-control .control { position:absolute; top:130px; left:6px; width:185px; height:26px; margin:0; padding;0; background-color:#ececec; text-align:left;  }
#top .index #main .spreading .display-control .control li a { display:block; width:61px; height:26px; background:url(/img/idx_btn_dc.gif) no-repeat 0 0 scroll transparent; text-indent:-9999px; overflow:hidden; }
#top .index #main .spreading .display-control .control .pic1 { position:absolute; top:0px; left:0;  z-index:1; margin:0; padding;0; }
#top .index #main .spreading .display-control .control .pic1 a { background-position:0 0; margin:0; padding;0; }
#top .index #main .spreading .display-control .control .pic2 { position:absolute; top:0px; left:62px; z-index:1; margin:0; padding;0; }
#top .index #main .spreading .display-control .control .pic2 a { background-position:-61px 0px; margin:0; padding;0; }
#top .index #main .spreading .display-control .control .pic3 { position:absolute; top:0px; left:124px; z-index:1; margin:0; padding;0; }
#top .index #main .spreading .display-control .control .pic3 a { background-position:-122px 0px; margin:0; padding;0; }
#top .index #main .spreading .display-control .target-frame { position:absolute; top:124px; left:6px; z-index:100; width:61px; height:32px; background:url(/img/idx_bg_dc_target.png) no-repeat top left scroll transparent; }

#top .index #main .unity-head { background:url(/img/idx_bg_unity_head.png) repeat 0 0 transparent; }
#top .index #main .unity-body { padding:10px 15px; background:url(/img/idx_bg_unity_body.png) repeat 0 0 transparent; }
#top .index #main .unity-body .line-dot-list { position:relative; }
#top .index #main .unity-body .line-dot-list li { position:relative; display:block; padding:6px 0 5px 9.5em; background-position:left top; }
* html #top .index #main .unity-body .line-dot-list li { margin:0; display:inline-block; }
*+html #top .index #main .unity-body .line-dot-list li { margin:0; display:inline-block; }
#top .index #main .unity-body .line-dot-list li.first-child { padding-top:5px; background:none; }
#top .index #main .unity-body .line-dot-list li span { position:absolute; top:5px; left:3px; display:inline-block; width:9em; padding:0 10px; background:url(/cmn/img/arrow_01.png) no-repeat left 8px scroll transparent; }
* html #top .index #main .unity-body .line-dot-list li span { top:6px; }
*+html #top .index #main .unity-body .line-dot-list li span { top:6px; }
html>/**/body#top .index #main .unity-body .line-dot-list li span { top /***/:5px\9; }
#top .index #main .unity-body .line-dot-list li a:link    { color:#333333; text-decoration:none;}
#top .index #main .unity-body .line-dot-list li a:visited { color:#333333; text-decoration:none;}
#top .index #main .unity-body .line-dot-list li a:hover   { color:#333333; text-decoration:underline;}
#top .index #main .unity-body .line-dot-list li a:active  { color:#333333; text-decoration:none;}
#top .index #main .unity-body .line-dot-list li span.num  { position:static; top:auto; left:auto; display:inline-block; width:auto; padding:0; background:none; vertical-align:middle; }
#top .index #main .unity-body .line-dot-list li span.num img { vertical-align:0px; }
* html #top .index #main .unity-body .line-dot-list li span.num  { margin:4px 0 6px 0; }
*+html #top .index #main .unity-body .line-dot-list li span.num  { margin:4px 0 6px 0; }
html>/**/body#top .index #main .unity-body .line-dot-list li span.num  { margin /***/:5px 0\9; }
#top .index #main .unity-body .line-dot-list li a.exterior span  { position:static; top:auto; left:auto; display:inline-block; width:auto; padding:0; background:none; vertical-align:middle; }
* html #top .index #main .unity-body .line-dot-list li a.exterior span  { margin:4px 0 6px 0; }
*+html #top .index #main .unity-body .line-dot-list li a.exterior span  { margin:4px 0 6px 0; }
html>/**/body#top .index #main .unity-body .line-dot-list li a.exterior span { margin /***/:4px 0 6px 0\9; }

#top .index #main .ir .unity-head { background-image:none; background-color:#e7e7e8; }
#top .index #main .ir .unity-body { background-image:none; background-color:#eff0f1; }

#top .index #extra {}
#top .index #extra.extra2017-0512 { overflow: hidden; }

#top .index #extra .important-information { position:relative; margin:0; }
#top .index #extra .important-information .title { width:230px; height:28px; background:url(/img/idx_txt_important_information.png) no-repeat 0 0 transparent; text-indent:-9999px; overflow:hidden; }
#top .index #extra .important-information .line-dot-list { position:relative; background:url(/img/idx_bg_important_information.png) no-repeat left bottom transparent;}
#top .index #extra .important-information .line-dot-list li { position:relative; margin:0 1px; font-size:85.71428571%; }
#top .index #extra .important-information .line-dot-list li.last-child { background:none; }
#top .index #extra .important-information .line-dot-list li a.arrow1 { padding-left:20px; padding-right:10px; background-position:10px 1.1em; line-height:1.5em; }
#top .index #extra .important-information .to-linklist { position:absolute; right:5px; top:7px; font-size:85.71428571%; }

#top .index #extra .banners { margin:8px 0 0 0; }
#top .index #extra .banners li { margin:5px 0 0 0; }
#top .index #extra .banners .title { width:230px; height:28px; margin:0; padding:0 0 3px 0; background:url(/img/idx_txt_osusume.png) no-repeat 0 0 transparent; text-indent:-9999px; overflow:hidden; }

#top .index #extra .banners.osusume .title { background-image:url(/img/idx_txt_osusume.png); }
#top .index #extra .banners.recruit .title { background-image:url(/img/idx_txt_recruit.png); }
#top .index #extra .banners.netshop .title { background-image:url(/img/idx_txt_netshop.png); }
#top .index #extra .banners.showroom .title { background-image:url(/img/idx_txt_showroom.png); }
#top .index #extra .banners.school .title { background-image:url(/img/idx_txt_school.png); }

#top .index #extra .kokuyo-group { margin:15px 0 0 0; padding:0; width:230px; background-color:transparent; }
#top .index #extra .kokuyo-group .title { width:230px; height:28px; margin:0; padding:0; background:url(/img/idx_txt_kokuyogroup.png) no-repeat 0 0 transparent; text-indent:-9999px; overflow:hidden; }
#top .index #extra .kokuyo-group .link { width:230px; background:url(/img/idx_bg_extra_section.png) no-repeat 0 0 transparent; }
#top .index #extra .kokuyo-group .link a.kokuyo-group-link { display:block; padding:10px 0 10px 48px; background:url(/img/idx_icon_group.png) no-repeat 7px center transparent; }
#top .index #extra .kokuyo-group .link a.kokuyo-group-link:link    { text-decoration:none;}
#top .index #extra .kokuyo-group .link a.kokuyo-group-link:visited { text-decoration:none;}
#top .index #extra .kokuyo-group .link a.kokuyo-group-link:hover   { text-decoration:none;}
#top .index #extra .kokuyo-group .link a.kokuyo-group-link:active  { text-decoration:none;}

#top .index #extra .social-buttons { padding:20px 0 0 0; margin:0; text-align:right; }
#top .index #extra .social-buttons .twitter { margin:0; }


#top .tooltip { position: absolute; z-index: 999; display: none; top: 0px; left: -1000px; background-color: #FFFFCC; border: 1px solid #CCCCCC; padding: 2px; font-size: 10px; white-space: nowrap;  }

/*EOF*/