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

/* header */
#header .right{ float:right; background:none repeat scroll 0 0 #f1f2f2; padding:10px; display:block; line-height:1; margin-top:0px;}
#header .right a{ color:#666;}
  #header .login_btn{
    position: absolute;
    right: 160px;
    top: 10px;
  }
    #header .login_btn a{
      padding: 4px 10px;
      height: 23px;
      line-height: 23px;
      color: #fff;
      background: #6099AD;
      text-decoration: none;
      z-index: 51;
    }
    #header .login_btn a:hover{
      opacity: 0.7
    }
  #header .user_name{
    position: absolute;
    right: 250px;
    top: -2px;
  }
    #header .user_name p{
      height: 23px;
      line-height: 23px;
    }
      #header .user_name p span{
        color: #6099AD;
      }

/* Gnav */
.menu_member_only a span{
  padding-left: 10px !important;
  background: url(../images/icon_key.png) no-repeat 24px 55%;
  background-size: 12% auto;
}
#globalNav_2nd #localNav #localNavArea #navList li.menu_member_only #gnavTab01.gnavTab{
  width: auto;
  height: auto;
  right: -4px;
  left: auto;
  width: 200px;
}
#globalNav_2nd #localNav #localNavArea #navList > li > a span{
  width: 170px;
}
  #globalNav_2nd #localNav #localNavArea #navList li.menu_member_only #gnavTab01.gnavTab .arrow{
    left: 74px;
    width: 200px;
  }
  #globalNav_2nd #localNav #localNavArea #navList li.menu_member_only #gnavTab01.gnavTab .inner .tabs_hover dl dd ul{
    border-right: none;
  }
    #globalNav_2nd #localNav #localNavArea #navList li.menu_member_only #gnavTab01.gnavTab .inner .tabs_hover dl dd ul li a{
      font-size: 120%;
    }

/*-----------------------------------------------------------
  パートナー共通 add20221216
-----------------------------------------------------------*/

#globalNav_2nd #localNav #localNavArea #navList li.menu_member_only {
  position: relative;
}
#globalNav_2nd #localNav #localNavArea #navList li.menu_member_only #gnavTab01.gnavTab {
  bottom: -198px;
  right: 11px;
  left: unset;
}
body.fixed #globalNav_2nd #localNav #localNavArea #navList li #gnavTab01.gnavTab {
  left: unset;
  right: 0px;
}
#navList li:nth-child(2) a span,
#navList li:nth-child(3) a span,
#navList li:nth-child(4) a span {
  padding-left: 16px !important;
  background: url(/common/images/icon_key.png) no-repeat 13px 55%;
  background-size: 12% auto;
}
#navList li:nth-child(3) a span {
  padding-left: 0 !important;
}
#navList li:nth-child(4) a span {
  padding-left: 10px !important;
}
#globalNav_2nd #localNav #localNavArea #navList > li > a span {
  padding: 6px 0 3px;
}




    
/* 下部コンタクトエリア */
.contactArea{ font-size:107.7%; width:912px; margin:0 auto 30px;}
.contactArea h2{ text-align:center; font-size:157.1%; font-weight:bold; line-height:1.4; margin-bottom:30px;}

.contactArea .telArea{ width:686px; margin:0 auto; font-size:107.7%; display:table;}
.contactArea .telArea dl{ width:50%; display:table-cell; background:url(/common/images/partner/ico_contact_001.png) left center no-repeat; padding:10px 10px 10px 70px; line-height:1.5;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}
.contactArea .telArea dl dt{ font-weight:bold; font-size: 171.4%; margin-bottom:;}
.contactArea .telArea dl dd{ font-size:92.9%;}

.contactArea .telArea p.btn{width:50%; display:table-cell; text-align:center; vertical-align:middle;}
.contactArea .telArea p.btn a{ display:inline-block; background:url(/common/images/partner/ico_btn_001.png) 20px center no-repeat #80ADBD; padding:10px 31px 10px 50px; color:#FFF; font-weight:bold; font-size:114.3%  ; text-decoration:none !important;}
.contactArea .telArea p.btn a:hover{ background:url(/common/images/partner/ico_btn_001.png) 20px center no-repeat #6099AD;}
.contactArea .telArea p.btn .block {display: block; text-align: left; margin: 5px 0 0 80px; line-height: 1.4; font-size: 92.9%;}


/* Lnav */
.partnerLnav{ }
.partnerLnav a{ color:#555e60;}
.partnerLnav > ul{ display:table; width:100%;}
.partnerLnav > ul > li{ display:table-cell; border-right:1px solid #e8e9e9; padding:0 20px;}
.partnerLnav > ul > li.long{  width:50%;}
.partnerLnav > ul > li.none{ border-right:none;}


/* footer */
#globalFooter #remoteWrapper #remoteContents .remoteItem01,
#globalFooter #remoteWrapper #remoteContents .remoteItem02,
#globalFooter #remoteWrapper #remoteContents .remoteItem03,
#globalFooter #remoteWrapper #remoteContents .remoteItem04{ width:220px;}



/* Top */

.mainVis{ position:relative;}
.mainVis span{ position:absolute; bottom:0; left:0; width:100%; color:#fff; background: url(/common/images/partner/bg_ttl_001.png) left top repeat; padding:7px 15px;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

.itemTtl{ background:url("/common/images/bg_003.gif") repeat scroll left top rgba(0, 0, 0, 0); padding:5px 10px; border-left:1px solid #6099ad; line-height:1.4;
height:2.8em;
}

.partner-bnArea { margin-bottom: 25px; overflow: hidden;}
.partner-bnArea li {
  display: inline-block;
  float: left;
  margin-top: 15px;
}
.partner-bnArea li:nth-child(2n) { float: right;}
.partner-bnArea li:first-child,
.partner-bnArea li:nth-child(2) { margin-top: 0;}

.outlet-info {padding: 0 0 0 3em;}
.outlet-info li {
  list-style-type: disc;
  margin-top: 0.5em;
}
.outlet-info li:first-child { margin-top: 0;}

.outlet-itemArea {}
.outlet-itemArea li {
  width: 310px;
  display: inline-block;
  float: left;
  margin-bottom: 20px;
  border: 1px solid #ccc;
  padding: 10px;
  overflow: hidden;
}
.outlet-itemArea li:nth-child(2n) { float: right;}
.outlet-itemArea li dl { width: 335px;}
.outlet-itemArea li dl dt,
.outlet-itemArea li dl dd { display: inline-block; vertical-align: top;}
.outlet-itemArea li dl dt { width: 109px; padding: 1px; border: 1px solid #ccc;}
.outlet-itemArea li dl dt img { width: 100%;}
.outlet-itemArea li dl dd { width: 60%;}
.outlet-itemArea-ttl,
.outlet-itemArea-number,
.outlet-itemArea-price,
.outlet-itemArea-catalog,
.outlet-itemArea-stock,
.outlet-itemArea-desc { display: block; margin: 0 5px 0 10px;}
.outlet-itemArea li dl dd span .bold { font-weight: bold;}
.outlet-itemArea-ttl { font-weight: bold;}
.outlet-itemArea-number {}
.outlet-itemArea-price {}
.outlet-itemArea-catalog {}
.outlet-itemArea-stock { color: #ff0000;}
.outlet-itemArea-desc { font-size: 93%;}

/*Add Style /partner/tool/ 2016.12.07*/

.serchNav {
  width: 681px;
  margin-bottom: 0px;
  background-color: #f5f5f5;
}
.serchNav li {
  width: 340px;
  float: left;
  text-align: center;
  font-weight: bold;
  font-size: 120%;
}
.serchNav li.active {
  position: relative;
}
.serchNav li.active:after {
  content: "";
  position: absolute;
  bottom: -20px;
  left: 50%;
  margin-left: -5px;
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-top: 10px solid #424242;
}

.serchNav li:first-child {
  border-right: solid 1px #DDD;
}
.serchNav li a {
  display: block;
  padding: 15px 10px;
  color: #333;
  text-decoration: none;
}
.serchNav li.active a {
  background-color: #424242;
  color: #FFF;
}

.serchNav li a span {
  background: url(/common/images/partner/search/icon_search_menu.gif) no-repeat left center;
  padding-left: 16px;
}
.serchNav li.active a span {
  background: none;
  padding-left: 0px;
}

/*indexMenu*/
.indexMenu {
  /*border: solid 1px #DDD;*/
  background-color: #f7f7f7;
  padding: 10px 20px;
  margin-bottom: 40px;
}
.indexMenu li {
  float: left;
  margin-right: 16px;
  font-size: 120%;
}
.indexMenu li:last-child {
  margin-right: 0px;
}
.indexMenu li a {
  background: url(/common/images/partner/search/icon_inlink.gif) no-repeat left center;
  padding-left: 13px;
}

/*linkArea*/
.linkArea {
  padding-bottom: 20px;
}
.linkArea h2 {
  border: solid 1px #DDD;
  padding: 8px 16px;
  font-size: 128%;
  font-weight: bold;
  margin-bottom: 20px;
  background-color: #f9f9f9;
}
.linkBox {
  padding: 0 10px;
  margin-bottom: 30px;
}
.linkBox .leftBox {
}
.linkBox .leftBox {
  width: 311px;
  float: left;
}
.linkBox .rightBox {
  width: 332px;
  float: right;
}
.linkBox ul li {
  border-bottom: dotted 1px #bfbfbf;
  padding: 7px 5px;
  /*font-weight: bold;*/
}
.linkBox ul li ul {
  margin-top: 5px;
}
.linkBox ul li ul li {
  margin-left: 12px;
  border: none;
  padding: 2px 0;
}
.linkBox ul li ul li:last-child {
  border: none;
  padding-bottom: 2px;
}
.linkBox ul li a {
  font-weight: normal;
  background: url(/common/images/partner/search/icon_dl_list.gif) no-repeat 5px 0.5em;
  display: block;
  line-height: 1.5em;
  padding: 0 0 0 17px;
}

/*dlRanking*/
.dlRanking {
  margin-bottom: 20px;
}

.dlRanking h3 {
  text-align: center;
  font-size: 118%;
  line-height: 1em;
  font-weight: bold;
  padding: 10px 0 0;
  margin-bottom: 10px;
}
.mtoolRanking h3 {
  /*border-top: solid 2px #d5707e;*/
}
.dlRanking h3 span {
  display: block;
}
.dlRanking ul.changeBtn {
  width: 200px;
  margin-bottom:10px;
}
.dlRanking ul.changeBtn li {
  float: left;
  font-size: 90%;
  text-align: center;
  cursor: pointer;
  padding: 5px 0;
  background-color: #efefef;
  /*border-top: solid 1px #DDD;
  border-bottom: solid 1px #DDD;*/
}
.dlRanking ul.changeBtn li:nth-child(1) {
  width: 98px;
  /*border-left: solid 1px #DDD;*/
}
.dlRanking ul.changeBtn li:nth-child(2) {
  width: 99px;
  /*border-right: solid 1px #DDD;*/
}

.dlRanking ul.changeBtn li.active {
  background-color: #6099ad;
  color: #FFF;
  /*border: solid 1px #6099ad;*/
}
.mtoolRanking ul.changeBtn li.active {
  background-color: #d5707e;
  color: #FFF;
  /*border: solid 1px #d5707e;*/
}
.dlRanking ol.rankingHide {
  display: none;
}

/*.dlRanking ol*/
.dlRanking ol {
  counter-reset: number;
}
.dlRanking ol li {
  border-bottom: solid 1px #e8e9e9;
  padding: 6px 0;
  background: url(/common/images/partner/search/icon_download.gif) no-repeat 178px 14px;
}
.dlRanking ol li:last-child {
}
.dlRanking ol li a {
  display: block;
  width: 155px;
  padding-right: 18px;
  line-height: 1.4em;
  float: right;
}
.dlRanking ol li:before {
  counter-increment: number;
  content: counter(number);
  width: 17px;
  display: inline-block;
  text-align: center;
  padding: 7px 0;
  font-size: 110%;
  background: #464646;
  color: #fff;
  font-family: Arial, メイリオ, Meiryo, "Open Sans", sans-serif;
}