@charset "UTF-8";

#main-menu {
  float: left;
  width: 710px;
  margin: 0 0 30px;
}

#main-menu .com-list > li.main {
  float: left;
  width: 324px;
  margin: 0 0 20px;
  padding: 2px;
  border: 1px solid #ccc;
  border-radius: 1px;
  box-shadow: 0 1px 1px 1px rgba(0,0,0,0.06);
  background: #fff;
}

#main-menu .com-list > li.sub {
  float: left;
  width: 330px;
  margin: 0 0 20px;
  padding: 0;
}

#main-menu .com-list > li.odd {
  clear: both;
}

#main-menu .com-list > li.even {
  margin-left:20px;
}

#main-menu .com-list > li img {
  display: block;
}

#main-menu .com-list > li .link-1 {
  display: block;
  margin: 12px 8px;
}

#main-menu .com-list > li.main a {
    text-decoration:none;
}
#main-menu .com-list > li.sub a {
  display: table-cell;
  width: 288px;
  height: 74px;
  padding: 2px 20px;
  border: 1px solid #ccc;
  border-radius: 1px;
  box-shadow: 0 1px 1px 1px rgba(0,0,0,0.06);
  background: #fff no-repeat 2px 2px;
  text-align: right;
  vertical-align: middle;
}

#main-menu .com-list > li.history a {
  background-image: url(/company/img/img_company_history.jpg);
}

#main-menu .com-list > li.executive a {
  background-image: url(/company/img/img_company_executive.jpg);
}

#main-menu .com-list > li.governance a {
  background-image: url(/company/img/img_company_governance.jpg);
}

#main-menu .com-list > li.organization a {
  background-image: url(/company/img/img_company_organization.jpg);
}

#main-menu .com-list > li.office a {
  background-image: url(/company/img/img_company_office.jpg);
}

#main-menu .com-list > li.group a {
  background-image: url(/company/img/img_company_group.jpg);
}

#main-menu .com-list > li.relation a {
  background-image: url(/company/img/img_company_relation.jpg);
}

#main-menu .com-list > li.sports a {
  background-image: url(/company/img/img_company_sports.jpg);
}

#main-menu .com-list > li.sub a:hover {
  background-position: 2px -84px;
}

#sub-menu {
  float: right;
  width: 240px;
  margin: 0 0 10px;
}

#sub-menu .sub-info {
  width: 238px;
  margin: 0 0 20px;
  border: 1px solid #ddd;
}

#sub-menu .sub-info dt img {
  display: block;
}

#sub-menu .sub-info dd {
  padding: 15px 9px 10px;
}

#bottom-menu .bottom-info-1 {
  margin: 0 0 30px;
  padding: 12px;
  border: 8px solid #bbc7e7;
  background: #e6eaf4;
}

#bottom-menu .bottom-info-1 .bnr {
  background: #fff;
}

#bottom-menu .bottom-info-1 .bnr img {
  display: block;
}

.important-info {
  margin: 0 0 30px;
  padding: 10px;
  background: url(/company/img/bg_important.gif) 0 0;
}

.important-info-inner {
  padding: 20px 20px 15px;
  background: #fff;
}

.important-info-inner dl {
  width: 890px;
}

.important-info-inner dt {
  float: left;
  width: 10em;
  margin: 0 0 5px;
}

.important-info-inner dt strong {
  color: #cc3344;
}

.important-info-inner dd {
  float: left;
  margin: 0 0 5px;
}

.tab-menu {
  position: relative;
  width: 950px;
  margin: 0 0 10px;
}

.tab-menu .tab-btn {
  width: 950px;
}

.tab-menu .tab-btn li {
  width: 250px;
}

.tab-menu .tab-btn li a {
  width: 230px;
  padding: 10px 10px 4px;
}

#press .press-list {
  clear:both;
  float:left;
  width:100%;
  margin:0;
  padding:0;
}

#press .press-list dt {
  clear:both;
  float:left;
  width:240px;
  margin:0 0 12px;
  padding:0;
}

#press .press-list dt img {
  vertical-align: middle;
}

#press .press-list dd {
  float:left;
  width:710px;
  margin:0 0 12px;
  padding:0;
}

#news .news-list {
  clear:both;
  float:left;
  width:100%;
  margin:0 0 15px;
  padding:0;
}

#news .news-list dt {
  clear:both;
  float:left;
  width:145px;
  margin:0 0 12px;
  padding:0;
}

#news .news-list dd {
  float:left;
  width:535px;
  margin:0 0 12px;
  padding:0;
}

.option-link {
  position: absolute;
  top: 16px;
  right: -5px;
  width: 226px;
}

.option-link.one {
  position: absolute;
  top: 16px;
  right: 1px;
  width: 113px;
}

.option-link li a {
  display: block;
  float: left;
  min-height: 15px;
  border: 1px solid #ccc;
  border-radius: 2px;
  box-shadow: 0 1px 1px 1px rgba(0,0,0,0.06);
  font-size: 90%;
  text-decoration: none;
  text-align: center;
}

.option-link li a.rss {
  width: 95px;
  padding: 5px;
}

.option-link li a.rss span {
  display: inline-block;
  min-height: 15px;
  padding: 0 0 0 20px;
  background: url(/common_n/img/icn_rss.gif) no-repeat 0 center;
}

.option-link li a.view {
  width: 95px;
  margin: 0 0 0 6px;
  padding: 5px;
}

.option-link li a.view span {
  display: inline-block;
  min-height: 15px;
  padding: 0 0 0 13px;
  background: url(/common_n/img/icn_link2.gif) no-repeat 0 center;
}

.bottom-info-2 {
  width: 950px;
  margin: 0 0 30px;
  padding: 20px 0;
  border-top: 1px dotted #ccc;
}

.slider-box {
  width: 100%;
  margin: 0 0 50px;
  padding: 13px 0 12px;
  background: #f9f9f9;
}

.slider-box .slider {
  width: 780px;
  margin: 0 auto;
  padding: 0 85px;
  border: none;
}

.slider-box .slider .slide-link li {
  float: left;
  width: 240px;
  margin: 0;
  padding: 7px 10px 8px;
}

.slider-box .slider .slide-link li img {
  display: block;
}

.slider-box .slider .bx-prev, .slider .bx-next {
    position: absolute;
    top: 80px;
}
.slider-box .slider .bx-prev {
    left: 30px;
}
.slider-box .slider .bx-next {
    right: 30px;
}

.seiworld-balloon-parent {
  position: relative;
}

.seiworld-balloon-box {
  display:none;
  position: absolute;
  top: -75px;
  left: -632px;
  width: 608px;
  padding: 20px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: 0 1px 3px 2px rgba(0,0,0,0.1);
  background: #e6e6e6;
}

.seiworld-balloon-box:after {
  content: "";
  position: absolute;
  top: 140px;
  right: -16px;
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 16px 0 16px 16px;
  border-color: transparent transparent transparent #e6e6e6;
  z-index: 50;
}

.seiworld-balloon-box-inner:after {
  content: "";
  position: absolute;
  top: 139px;
  right: -18px;
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 17px 0 17px 17px;
  border-color: transparent transparent transparent #ccc;
  z-index: 50;
}

.seiworld-balloon-header {
  display: table;
  margin: 0 0 10px;
}

.seiworld-balloon-title {
  display: table-cell;
  width: 428px;
}

.seiworld-balloon-title img.logo {
  margin: 0 8px 0 0;
}

.seiworld-balloon-link {
  display: table-cell;
  width: 180px;
  vertical-align: bottom;
}

.seiworld-balloon-link .link-1 {
  float: right;
}

.seiworld-balloon-list li {
  float: left;
  width: 300px;
  height: 80px;
  margin: 5px 0 0;
}

.seiworld-balloon-list li.odd {
  clear: both;
}

.seiworld-balloon-list li.even {
  margin-left: 8px;
}

.seiworld-balloon-list li a {
  display: table-cell;
  width: 208px;
  height: 72px;
  padding: 2px 4px 2px 86px;
  border: 1px solid #ccc;
  background: #fff no-repeat 2px 2px;
  vertical-align: middle;
  text-decoration: none;
}

.seiworld-balloon-list li.seiworld-1 a {
  background-image: url(/company/img/img_seiworld_01.jpg);
}
.seiworld-balloon-list li.seiworld-2 a {
  background-image: url(/company/img/img_seiworld_02.jpg);
}
.seiworld-balloon-list li.seiworld-3 a {
  background-image: url(/company/img/img_seiworld_03.jpg);
}
.seiworld-balloon-list li.seiworld-4 a {
  background-image: url(/company/img/img_seiworld_04.jpg);
}
.seiworld-balloon-list li.seiworld-5 a {
  background-image: url(/company/img/img_seiworld_05.jpg);
}

.seiworld-balloon-list li a:hover {
  background-position: 2px -76px;
  text-decoration: underline;
}

.seiworld-balloon-list li a > span {
  display: block;
  padding: 0 0 0 13px;
  background: url(/common_n/img/icn_link2.gif) no-repeat 0 48%;
  font-size: 80%;
  line-height: 1.4em;
}

.seiworld-balloon-list li a > span .title {
  display: block;
}

.seiworld-balloon-list li a > span .caption {
  display: block;
  margin: 3px 0;
}

.seiworld-balloon-close {
  position: absolute;
  top: -23px;
  right: -23px;
  z-index: 500;
  width: 47px;
  height: 47px;
  background: url(/common_n/img/btn_mega_close.png) no-repeat 0 0;
  cursor: pointer;
}

.seiworld-balloon-close:hover {
  background-position: 0 -47px;
}

.seiworld-balloon-close span {
  display: none;
}

