/* CSS Document */
body{
  padding:0;
  margin:0;
}

/*--大枠-----------------------------------------------------------------*/
#maker-brand{
  font-family:"Lucida Grande","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;
  line-height:1.2;
  font-size:15px;
  width:768px;
  text-align:justify;
  color:#333;
  border: #cdcdcd 1px solid;
  display:block;
  padding: 15px;
}

/*--ヘッダー-----------------------------------------------------------------*/
#maker-header{
  font-size:12px;
  line-height:16px;
  text-align:justify;
  margin:0;
  display:inline-block;
  width:100%;
}

#maker-header a:hover img{
  opacity:0.9 !important;
  filter: alpha(opacity=90) !important;
}

/*ロゴ*/
#maker-header .left-box{
  float:left;
}

#maker-header .logo{
  display: table-cell;
  vertical-align:middle;
  background-color:#fff;
  width:206px;
  height:113px;
  margin:0 0 0 0;
  padding:0 0 0 0;
  text-align:center;
  border-radius:4px;
}

#maker-header .logo img{
  max-width:200px;
  max-height:103px;
}

/*-右側-----------------*/
#maker-header .desc{
  width:70%;
  float:left;
  margin:2px 0 0 14px;
}

/*企業名*/
#maker-header .name{
  font-size:20px;
  display:block;
  margin:3px 0 10px 0;
}

/*電話番号*/
#maker-header .tel{
  margin:-2px 0 5px -4px;
}

#maker-header .tel span{
  font-size:13px;
  font-weight:bold;
  padding:2px 4px;
  color:#333;
  letter-spacing:1px;
}

#maker-header .tel span:before{
  content:"\30e1\30fc\30ab\30fc\554f\3044\5408\308f\305b\5148\3000\54\45\4c\2e";
  font-size:13px;
  font-weight:bold;
  color:#333;
  letter-spacing:0;
}

/*--カテゴリータイトル-----------------------------------------------------------------*/
#maker-brand .title{
  background-color: #878787;
  max-width: 100%;
  font-weight: bold;
  display: block;
  font-size: 12px;
  color: #ffffff;
  padding: 5px 10px 5px 10px;
  margin: 0 5px 0 5px;
  border-radius: 4px;
}

#maker-brand .not{
  display: none;
}

/*--カテゴリー-----------------------------------------------------------------*/
#maker-brand ul.category{
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline-block;
  max-width: 100%;
}

#maker-brand ul.category li{
  margin:0;
  padding:0;
  list-style:none;
  float:left;
  text-align:center;
}

#maker-brand ul.category li:nth-of-type(6n+1){
  clear:both;
}

#maker-brand ul.category li:not(:nth-of-type(6n)){
  background-image:url(https://image.rakuten.co.jp/minatodenk/cabinet/layout/m-img0001.gif);
  background-repeat:no-repeat;
  background-position:right center;
}

#maker-brand ul.category li:last-child{
  background-image:none !important;
}

#maker-brand ul.category a{
  font-size:11px;
  font-weight:bold;
  width:112px;
  height:100px;
  display:block;
  margin:0;
  padding:2px 8px 0 8px;
  text-decoration:none;
  color:#333 !important;
}

#maker-brand ul.category a:hover{
  background-color:#eee;
}

#maker-brand ul.category a:active{
  background-color:#ddd;
  padding-top:3px;
  height:99px;
}

#maker-brand ul.category a.select{
  background-color:#e4e4e4;
}

#maker-brand ul.category img{
  margin:0 0 8px 0;
  width:114px;
  height:48px;
}

/*--ロゴス用レイアウト-----------------------------------------------------------------*/

#maker-header div.logos > span.logos-no{
  display: inline-block;
  width: 165px;
  margin: -1px 0 0 10px;
  font-size: 10px;
  text-align: center;
}

span.logos-no > img{
  display: block;
  width: 165px;
  margin-bottom: 2px;
}

#maker-header div.logos > div{
  display: inline-block;
  width: 47%;
}

/*--ミナトワークス用レイアウト-----------------------------------------------------------------*/
div#mnt-category > ul.category {
  display: inline-block;
  background-color: #fff;
  margin: 0;
  padding: 0;
  width: 782px;
}
div#mnt-category > ul.category li {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
  text-align: center;
}
div#mnt-category > ul.category a {
  font-size: 12px;
  font-weight: bold;
  width: 124px;
  height: 100px;
  display: block;
  margin: 0px 0 0 0;
  padding: 0px 0 0 0;
  text-decoration: none;
  color: #333;
  border-radius: 6px;
}
#mnt-category > ul.category a:hover {
  background-color: #eee;
}
#maker-brand ul.category a:active {
  background-color: #ddd;
}
#maker-brand ul.category a.select {
  background-color: #e4e4e4;
}
#mnt-category ul.category img {
  display: block;
  width: 60px;
  height: 60px;
  margin: 0 30px 0 30px;
  padding: 5px;
}
 #mnt-category ul.category li:not(:nth-of-type(6n)) {
 background-image:url(https://image.rakuten.co.jp/minatodenk/cabinet/layout/m-img0001.gif);
 background-repeat:no-repeat;
 background-position:right center;
}
#mnt-category ul.category li:nth-of-type(6n+1) {
  clear: both;
}
#mnt-category ul.category li:last-child {
  background-image: none !important;
}
