@charset "utf-8";

/*----- dict.html CSS -----*/

/* tab */
.tab{
  margin: 20px;
}
.tab li{
  margin: 10px;
  border-radius: 10px;
  cursor: pointer;
}
.tab li.common{
  background: #e5e5ff;
}
.tab li.kuku{
  background: #ffdbdb;
}
.tab li.shura{
  background: #ead6ff;
}
.tab li.current{
  background: #9999ff;
  color: #ffffff;
}
.tab li.current:hover{
  opacity: 1;
}
.tab li p{
  padding: 10px 28px;
  font-weight: bold;
}

/* data */
.data{
  margin: 30px;
}
.data li{
  margin-bottom: 10px;
  border-bottom: 1px dotted #ccccff;
}
.data li p{
  text-align: left;
}
.data li.head p{
  font-size: 16px; font-weight: bold;
}
.data li p.title{
  font-size: 14px;
  padding: 5px 14px 0px 110px;
}
.data li p.detail{
  padding: 5px 14px 5px 124px;
}
.detail a:link,
.detail a:visited,
.detail a:active{
	color: #7f7fff;
	text-decoration: none;
}
.detail a:hover{
	color: #ff7f7f;
	text-decoration: none;
}

/* icon common */
.data li.cCommon{
	background: url(../img/sub/dict/icon/cCommon.gif) no-repeat 10px 10px;
}
.data li.kuck{
	background: url(../img/sub/dict/icon/kuck.gif) no-repeat 10px 10px;
}
.data li.yasoichi{
	background: url(../img/sub/dict/icon/yasoichi.gif) no-repeat 10px 10px;
}
.data li.ninin{
	background: url(../img/sub/dict/icon/ninin.gif) no-repeat 10px 10px;
}
.data li.nana{
	background: url(../img/sub/dict/icon/nana.gif) no-repeat 10px 10px;
}
.data li.mimi{
	background: url(../img/sub/dict/icon/mimi.gif) no-repeat 10px 10px;
}
.data li.sazan{
	background: url(../img/sub/dict/icon/sazan.gif) no-repeat 10px 10px;
}
.data li.shurakun{
	background: url(../img/sub/dict/icon/shura.gif) no-repeat 10px 10px;
}
.data li.kCommon{
	background: url(../img/sub/dict/icon/kCommon.gif) no-repeat 10px 10px;
}
.data li.sCommon{
	background: url(../img/sub/dict/icon/sCommon.gif) no-repeat 10px 10px;
}
.data li.kukutatsu{
	background: url(../img/sub/dict/icon/kukutatsu.gif) no-repeat 10px 10px;
}
.data li.ikutsu{
	background: url(../img/sub/dict/icon/ikutsu.gif) no-repeat 10px 10px;
}
.data li.tashi{
	background: url(../img/sub/dict/icon/tashi.gif) no-repeat 10px 10px;
}
.data li.karuta{
	background: url(../img/sub/dict/icon/karuta.gif) no-repeat 10px 10px;
}
.data li.ikutsuK{
	background: url(../img/sub/dict/icon/ikutsuK.gif) no-repeat 10px 10px;
}
.data li.nan{
	background: url(../img/sub/dict/icon/nan.gif) no-repeat 10px 10px;
}

/* icon kuku */
.data li.atode{
	background: url(../img/sub/dict/icon/atode.gif) no-repeat 10px 10px;
}
.data li.uRing{
	background: url(../img/sub/dict/icon/uRing.gif) no-repeat 10px 10px;
}
.data li.uchujin{
	background: url(../img/sub/dict/icon/uchujin.gif) no-repeat 10px 10px;
}
.data li.oSwo{
	background: url(../img/sub/dict/icon/oSwo.gif) no-repeat 10px 10px;
}
.data li.tatsujin{
	background: url(../img/sub/dict/icon/tatsujin.gif) no-repeat 10px 10px;
}
.data li.chojin{
	background: url(../img/sub/dict/icon/chojin.gif) no-repeat 10px 10px;
}
.data li.meijin{
	background: url(../img/sub/dict/icon/meijin.gif) no-repeat 10px 10px;
}
.data li.exBattle{
	background: url(../img/sub/dict/icon/exBattle.gif) no-repeat 10px 10px;
}
.data li.shugyosha{
	background: url(../img/sub/dict/icon/shugyosha.gif) no-repeat 10px 10px;
}
.data li.exKaruta{
	background: url(../img/sub/dict/icon/exKaruta.gif) no-repeat 10px 10px;
}
.data li.piKaruta{
	background: url(../img/sub/dict/icon/piKaruta.gif) no-repeat 10px 10px;
}
.data li.junmeijin{
	background: url(../img/sub/dict/icon/junmeijin.gif) no-repeat 10px 10px;
}
.data li.jBtn{
	background: url(../img/sub/dict/icon/jBtn.gif) no-repeat 10px 10px;
}
.data li.time{
	background: url(../img/sub/dict/icon/time.gif) no-repeat 10px 10px;
}
.data li.tStaff{
	background: url(../img/sub/dict/icon/tStaff.gif) no-repeat 10px 10px;
}
.data li.cEmb{
	background: url(../img/sub/dict/icon/cEmb.gif) no-repeat 10px 10px;
}
.data li.mHat{
	background: url(../img/sub/dict/icon/mHat.gif) no-repeat 10px 10px;
}

/* icon shura */
.data li.iCar{
	background: url(../img/sub/dict/icon/iCar.gif) no-repeat 10px 10px;
}
.data li.st1{
	background: url(../img/sub/dict/icon/st1.gif) no-repeat 10px 10px;
}
.data li.st2{
	background: url(../img/sub/dict/icon/st2.gif) no-repeat 10px 10px;
}
.data li.st3{
	background: url(../img/sub/dict/icon/st3.gif) no-repeat 10px 10px;
}
.data li.st4{
	background: url(../img/sub/dict/icon/st4.gif) no-repeat 10px 10px;
}
.data li.st5{
	background: url(../img/sub/dict/icon/st5.gif) no-repeat 10px 10px;
}
.data li.st6{
	background: url(../img/sub/dict/icon/st6.gif) no-repeat 10px 10px;
}
.data li.st7{
	background: url(../img/sub/dict/icon/st7.gif) no-repeat 10px 10px;
}
.data li.st8{
	background: url(../img/sub/dict/icon/st8.gif) no-repeat 10px 10px;
}
.data li.st9{
	background: url(../img/sub/dict/icon/st9.gif) no-repeat 10px 10px;
}
.data li.tEne{
	background: url(../img/sub/dict/icon/tEne.gif) no-repeat 10px 10px;
}
.data li.nEne{
	background: url(../img/sub/dict/icon/nEne.gif) no-repeat 10px 10px;
}
.data li.sKuck{
	background: url(../img/sub/dict/icon/sKuck.gif) no-repeat 10px 10px;
}
.data li.sYasoichi{
	background: url(../img/sub/dict/icon/sYasoichi.gif) no-repeat 10px 10px;
}
.data li.sNinin{
	background: url(../img/sub/dict/icon/sNinin.gif) no-repeat 10px 10px;
}
.data li.sNana{
	background: url(../img/sub/dict/icon/sNana.gif) no-repeat 10px 10px;
}
.data li.sMimi{
	background: url(../img/sub/dict/icon/sMimi.gif) no-repeat 10px 10px;
}
.data li.sSazan{
	background: url(../img/sub/dict/icon/sSazan.gif) no-repeat 10px 10px;
}
.data li.tShura{
	background: url(../img/sub/dict/icon/tShura.gif) no-repeat 10px 10px;
}

@media(max-width:599px){/* for mobile */
  .data{
    margin: 20px;
  }
  .data li p.title{
    padding: 5px 14px 0px 64px;
  }
  .data li p.detail{
    font-size: 12px;
    padding: 5px 14px 5px 78px;
  }

  /* icon common */
  .data li.cCommon{
    background: url(../img/sub/dict/iconS/cCommon.gif) no-repeat left 0px;
  }
  .data li.kuck{
    background: url(../img/sub/dict/iconS/kuck.gif) no-repeat left 0px;
  }
  .data li.yasoichi{
    background: url(../img/sub/dict/iconS/yasoichi.gif) no-repeat left 0px;
  }
  .data li.ninin{
    background: url(../img/sub/dict/iconS/ninin.gif) no-repeat left 0px;
  }
  .data li.nana{
    background: url(../img/sub/dict/iconS/nana.gif) no-repeat left 0px;
  }
  .data li.mimi{
    background: url(../img/sub/dict/iconS/mimi.gif) no-repeat left 0px;
  }
  .data li.sazan{
    background: url(../img/sub/dict/iconS/sazan.gif) no-repeat left 0px;
  }
  .data li.shurakun{
    background: url(../img/sub/dict/iconS/shura.gif) no-repeat left 0px;
  }
  .data li.kCommon{
    background: url(../img/sub/dict/iconS/kCommon.gif) no-repeat left 0px;
  }
  .data li.sCommon{
    background: url(../img/sub/dict/iconS/sCommon.gif) no-repeat left 0px;
  }
  .data li.kukutatsu{
    background: url(../img/sub/dict/iconS/kukutatsu.gif) no-repeat left 0px;
  }
  .data li.ikutsu{
    background: url(../img/sub/dict/iconS/ikutsu.gif) no-repeat left 0px;
  }
  .data li.tashi{
    background: url(../img/sub/dict/iconS/tashi.gif) no-repeat left 0px;
  }
  .data li.karuta{
    background: url(../img/sub/dict/iconS/karuta.gif) no-repeat left 0px;
  }
  .data li.ikutsuK{
    background: url(../img/sub/dict/iconS/ikutsuK.gif) no-repeat left 0px;
  }
  .data li.nan{
    background: url(../img/sub/dict/iconS/nan.gif) no-repeat left 0px;
  }

  /* icon kuku */
  .data li.atode{
    background: url(../img/sub/dict/iconS/atode.gif) no-repeat left 0px;
  }
  .data li.uRing{
    background: url(../img/sub/dict/iconS/uRing.gif) no-repeat left 0px;
  }
  .data li.uchujin{
    background: url(../img/sub/dict/iconS/uchujin.gif) no-repeat left 0px;
  }
  .data li.oSwo{
    background: url(../img/sub/dict/iconS/oSwo.gif) no-repeat left 0px;
  }
  .data li.tatsujin{
    background: url(../img/sub/dict/iconS/tatsujin.gif) no-repeat left 0px;
  }
  .data li.chojin{
    background: url(../img/sub/dict/iconS/chojin.gif) no-repeat left 0px;
  }
  .data li.meijin{
    background: url(../img/sub/dict/iconS/meijin.gif) no-repeat left 0px;
  }
  .data li.exBattle{
    background: url(../img/sub/dict/iconS/exBattle.gif) no-repeat left 0px;
  }
  .data li.shugyosha{
    background: url(../img/sub/dict/iconS/shugyosha.gif) no-repeat left 0px;
  }
  .data li.exKaruta{
    background: url(../img/sub/dict/iconS/exKaruta.gif) no-repeat left 0px;
  }
  .data li.piKaruta{
    background: url(../img/sub/dict/iconS/piKaruta.gif) no-repeat left 0px;
  }
  .data li.junmeijin{
    background: url(../img/sub/dict/iconS/junmeijin.gif) no-repeat left 0px;
  }
  .data li.jBtn{
    background: url(../img/sub/dict/iconS/jBtn.gif) no-repeat left 0px;
  }
  .data li.time{
    background: url(../img/sub/dict/iconS/time.gif) no-repeat left 0px;
  }
  .data li.tStaff{
    background: url(../img/sub/dict/iconS/tStaff.gif) no-repeat left 0px;
  }
  .data li.cEmb{
    background: url(../img/sub/dict/iconS/cEmb.gif) no-repeat left 0px;
  }
  .data li.mHat{
    background: url(../img/sub/dict/iconS/mHat.gif) no-repeat left 0px;
  }

  /* icon shura */
  .data li.iCar{
    background: url(../img/sub/dict/iconS/iCar.gif) no-repeat left 0px;
  }
  .data li.st1{
    background: url(../img/sub/dict/iconS/st1.gif) no-repeat left 0px;
  }
  .data li.st2{
    background: url(../img/sub/dict/iconS/st2.gif) no-repeat left 0px;
  }
  .data li.st3{
    background: url(../img/sub/dict/iconS/st3.gif) no-repeat left 0px;
  }
  .data li.st4{
    background: url(../img/sub/dict/iconS/st4.gif) no-repeat left 0px;
  }
  .data li.st5{
    background: url(../img/sub/dict/iconS/st5.gif) no-repeat left 0px;
  }
  .data li.st6{
    background: url(../img/sub/dict/iconS/st6.gif) no-repeat left 0px;
  }
  .data li.st7{
    background: url(../img/sub/dict/iconS/st7.gif) no-repeat left 0px;
  }
  .data li.st8{
    background: url(../img/sub/dict/iconS/st8.gif) no-repeat left 0px;
  }
  .data li.st9{
    background: url(../img/sub/dict/iconS/st9.gif) no-repeat left 0px;
  }
  .data li.tEne{
    background: url(../img/sub/dict/iconS/tEne.gif) no-repeat left 0px;
  }
  .data li.nEne{
    background: url(../img/sub/dict/iconS/nEne.gif) no-repeat left 0px;
  }
  .data li.sKuck{
    background: url(../img/sub/dict/iconS/sKuck.gif) no-repeat left 0px;
  }
  .data li.sYasoichi{
    background: url(../img/sub/dict/iconS/sYasoichi.gif) no-repeat left 0px;
  }
  .data li.sNinin{
    background: url(../img/sub/dict/iconS/sNinin.gif) no-repeat left 0px;
  }
  .data li.sNana{
    background: url(../img/sub/dict/iconS/sNana.gif) no-repeat left 0px;
  }
  .data li.sMimi{
    background: url(../img/sub/dict/iconS/sMimi.gif) no-repeat left 0px;
  }
  .data li.sSazan{
    background: url(../img/sub/dict/iconS/sSazan.gif) no-repeat left 0px;
  }
  .data li.tShura{
    background: url(../img/sub/dict/iconS/tShura.gif) no-repeat left 0px;
  }
}