@charset "UTF-8";
div#wrap-container {
  font-family: "Lucida Grande","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",Meiryo,メイリオ,sans-serif;
}

h1 {
  border-bottom: 1px solid #cccccc;
  font-size: 1.6em;
  line-height: 1.2;
  margin: 0 0 20px;
  padding-bottom: 0px;
}

#title-banner {
  margin: 0px 0px 20px 0px;
}

.taiou {
  margin: 0px 0px 15px 0px;
}

.taiou p {
  float: left;
  padding: 0 1px;
}

#container {
  letter-spacing: 1px;
}

h2#maker,
h2#series {
  font-size: 0.95em;
  margin-bottom: 4px;
}

#maker-menu,
#series-menu {
  width: 980px;
  background-color: #EDEDED;
  /*background-color: #C0CCCF;*/
  margin-bottom: 0px;
}

#maker-menu ul:after,
#series-menu ul:after {
  content: "";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}

#maker-menu .title,
#series-menu .title {
  padding: 0px 0px 5px 0px;
}

#maker-menu ul,
#series-menu ul {
  padding: 8px 0 2px 9px;
  margin: 0 0 25px;
}

#maker-menu li,
#series-menu li {
  float: left;
  padding-bottom: 5px;
  padding-right: 2px;
}

#maker-menu li#other,
#series-menu li#other {
  float: right;
  font-size: 0.95em;
  padding: 5px 10px 5px 12px;
}

#maker-menu li#other.ext,
#series-menu li#other.ext {
  margin-top: 26px;
}

#maker-menu li.menu_end:after,
#series-menu li.menu_end:after {
  content: "";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}

#maker-menu ul.other_link,
#series-menu ul.other_link {
  padding-top: 0;
}

#maker-menu li a.other_tablet,
#series-menu li a.other_tablet {
  display: block;
  background: url(/static/images/compatibility/ebook/arrow.gif) no-repeat scroll 187px 9px #ffffff;
  border-radius: 15px;
  border: 1px solid #CDCDCD;
  padding: 6px 23px 6px 13px;
  font-size: 0.95em;
  text-decoration: none;
  color: #555555;
}

#maker-menu li a.main_tablet,
#series-menu li a.main_tablet {
  display: block;
  background: url(/static/images/compatibility/ebook/arrow.gif) no-repeat scroll 46px 5px #ffffff;
  border-radius: 10px;
  border: 1px solid #CDCDCD;
  padding: 3px 20px 3px 10px;
  font-size: 0.95em;
  text-decoration: none;
  color: #555555;
}

#series-menu li a {
  display: block;
  background: linear-gradient(#FEFEFE 23px, #DAE3E9);
  border: 1px solid #CDCDCD;
  text-decoration: none;
  color: #555555;
  width: 160px;
  height: 16px;
  padding: 14px 12px;
  font-weight: bold;
  font-size: 1.05rem;
  letter-spacing: -0.04em;
  margin: 0 4px 0 0;
  box-shadow: 1px 1px 2px #AAA;
}

#series-menu li a:hover {
  opacity: 0.6;
}

#series-menu li a img {
  float: right;
  margin: 5px 0 0 0;
}

#maker-menu li a.other_tablet:hover, #maker-menu li a.main_tablet:hover, #series-menu li a.main_tablet:hover {
  text-decoration: none;
  opacity: 0.6;
}

#maker-menu-bottom {
  width: 980px;
  background-color: #EDEDED;
  /*background-color: #C0CCCF;*/
  margin-bottom: 0px;
  margin-top: 20px;
}

#maker-menu-bottom:after {
  content: "";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}

#maker-menu-bottom ul.other_link {
  padding-top: 0;
}

#maker-menu-bottom li a.other_tablet {
  display: block;
  background: url(/static/images/compatibility/ebook/arrow.gif) no-repeat scroll 204px 9px #ffffff;
  border-radius: 15px;
  border: 1px solid #CDCDCD;
  padding: 6px 23px 6px 13px;
  font-size: 0.95em;
  text-decoration: none;
  color: #555555;
}

#maker-menu li a.main_tablet {
  display: block;
  background: url(/static/images/compatibility/ebook/arrow.gif) no-repeat scroll 46px 5px #ffffff;
  border-radius: 10px;
  border: 1px solid #CDCDCD;
  padding: 3px 20px 3px 10px;
  font-size: 0.95em;
  text-decoration: none;
  color: #555555;
}

#maker-menu li a.other_tablet:hover, #maker-menu li a.main_tablet:hover {
  text-decoration: none;
  opacity: 0.6;
}

#maker-menu-bottom li#other {
  float: right;
  font-size: 0.95em;
  padding: 5px 10px 5px 12px;
}

#search {
  padding: 11px 0 10px;
  margin: 10px 0px 0px;
  width: 985px;
  text-align: center;
}

#search p {
  border-left: 3px solid #7F7F7F;
  font-size: 1em;
  font-weight: bold;
  padding-left: 3px;
  padding-top: 6px;
  padding-bottom: 1px;
  margin-bottom: 7px;
  color: #363636;
}

.searchBtn {
  margin-right: 2px;
}

.searchBtn.end {
  margin-right: 0px;
}

#link {
  margin-bottom: 18px;
  text-align: right;
  font-weight: bold;
  font-size: 0.95em;
}

#link a {
  font-size: 0.9em;
}

#link img.crevice {
  margin-right: 2px;
}

#link img {
  margin-left: 4px;
  vertical-align: 2px;
}

p.sedai-link {
  margin-top: -38px;
  margin-bottom: 35px;
  padding-right: 11px;
  width: 98.8%;
}

div#microsoft p.sedai-link {
  margin-top: -38px;
  margin-bottom: 35px;
  padding-right: 11px;
  width: 98.8%;
}

p.sedai-link a {
  display: inline-block;
  float: right;
  padding: 6px 14px 5px;
  border: 1px solid #205AB1;
  font-size: 0.95rem;
  font-weight: normal;
  color: #205AB1;
  margin-top: -2px;
  text-decoration: none;
  background-color: #EAF2FF;
}

p.sedai-link a:hover {
  opacity: 0.6;
  color: #205AB1;
  text-decoration: none;
  cursor: pointer;
}

p.sedai-link a img {
  margin-right: 5px;
  vertical-align: -1px;
}

#news-area {
  margin: 0px 0px 20px 0px;
}

#news-area h2 {
  font-size: 1em;
  zoom: 1;
}

#news-area dl {
  margin: 5px 0px 0px 0px;
  padding: 5px 0px 0px 0px;
  border-top: 1px solid #CCCCCC;
}

#news-area dl dt {
  float: left;
  color: #333333;
  font-size: 0.8em;
  line-height: 1.4;
  letter-spacing: 1px;
}

#news-area dl dd {
  margin: 0px 0px 2px 7em;
  font-size: 0.8em;
  line-height: 1.4;
  letter-spacing: 1px;
}

#news-area .etc_link {
  margin: 15px 0 0 0;
  font-size: 0.9em;
}

.maker-area {
  margin: 21px 0px 0px 0px;
}

.maker-area .inner {
  width: 952px;
  border-right: 1px solid #999999;
  border-bottom: 1px solid #999999;
  border-left: 1px solid #999999;
  overflow: hidden;
  padding: 0px 0px 0px 26px;
}

.maker-area .block-row {
  margin: -1px -20px 0px 26px;
  padding: 3px 0px 0px 0px;
  border-top: 1px solid #CCCCCC;
}

.maker-area dl {
  position: relative;
  float: left;
  width: 200px;
  margin: 5px 20px 5px 0px;
}

.maker-area dl dt {
  margin: 0px 0px 3px 0px;
  font-size: 0.8em;
  line-height: 1;
}

.maker-area dl dd {
  font-size: 0.8em;
  line-height: 1.1;
}

.maker-area dl .date .icon {
  color: #FF0000;
}

.maker-area .line {
  clear: both;
  height: 1px;
  margin: 0px 0px 0px 16px;
  border-top: 1px solid #B0B0B0;
}

.maker-area dl.comp_list {
  position: relative;
  float: left;
  width: 200px;
  height: 193px;
  margin: 5px 20px 5px 0px;
}

.maker-area dl.comp_list a {
  background: url(/static/images/compatibility/ebook/base.png) no-repeat 0 0;
  width: 200px;
  height: 200px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.maker-area dl.comp_list a:hover {
  background: url(/static/images/compatibility/ebook/base_ov.png) no-repeat 0 0;
  width: 200px;
  height: 200px;
  display: block;
  position: absolute;
  z-index: 100;
  top: 0;
  left: 0;
}

.maker-area dl.comp_list dt {
  font-size: 1.05em;
  padding: 11px 0 0 14px;
}

.maker-area dl.comp_list dt.otherPt {
  font-size: 1.05em;
  padding: 5px 0 6px 14px;
}

.maker-area dl.comp_list img {
  margin-top: -22px;
}

.maker-area dl.comp_list_ipad {
  position: relative;
  float: left;
  width: 200px;
  height: 198px;
  margin: 5px 20px 5px 0px;
}

.maker-area dl.comp_list_ipad a {
  background: url(/static/images/compatibility/ebook/base_ipad.png) no-repeat 0 0;
  width: 200px;
  height: 200px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.maker-area dl.comp_list_ipad a:hover {
  background: url(/static/images/compatibility/ebook/base_ipad_ov.png) no-repeat 0 0;
  width: 200px;
  height: 200px;
  display: block;
  position: absolute;
  z-index: 100;
  top: 0;
  left: 0;
}

.maker-area dl.comp_list_ipad dt {
  font-size: 1.05em;
  padding: 11px 0 0 14px;
}

.maker-area dl.comp_list_ipad dt.otherPt {
  font-size: 1.05em;
  padding: 5px 0 6px 14px;
}

.maker-area dl.comp_list_ipad img {
  margin-top: -22px;
}

.maker-area dl.comp_list_140 {
  position: relative;
  float: left;
  width: 200px;
  height: 198px;
  margin: 5px 20px 5px 0px;
}

.maker-area dl.comp_list_140 a {
  background: url(/static/images/compatibility/ebook/base_ipad.png) no-repeat 0 -7px;
  width: 200px;
  height: 200px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.maker-area dl.comp_list_140 a:hover {
  background: url(/static/images/compatibility/ebook/base_ipad_ov.png) no-repeat 0 -7px;
  width: 200px;
  height: 200px;
  display: block;
  position: absolute;
  z-index: 100;
  top: 0;
  left: 0;
}

.maker-area dl.comp_list_140 dt {
  font-size: 1.05em;
  padding: 11px 0 0 14px;
}

.maker-area dl.comp_list_140 dt.otherPt {
  font-size: 1.05em;
  padding: 5px 0 6px 14px;
}

.maker-area dl.comp_list_140 img {
  margin-top: -22px;
}

#docomo .inner {
  border: 1px solid #E6000D;
  border-top: none;
}

#docomo dl dd {
  position: absolute;
  top: 138px;
  left: 16px;
}

#au .inner {
  border: 1px solid #E6000D;
  border-top: none;
}

#au dl dd {
  position: absolute;
  top: 146px;
  left: 16px;
}

#sharp .inner {
  border: 1px solid #E6000D;
  border-top: none;
}

#sharp dl dd {
  position: absolute;
  top: 172px;
  left: 16px;
}

#sony .inner {
  border: 1px solid #333333;
  border-top: none;
}

#sony dl dd {
  position: absolute;
  top: 137px;
  left: 16px;
}

#apple .inner {
  border: 1px solid #979795;
  border-top: none;
  padding-bottom: 35px;
}

#apple dl dd {
  position: absolute;
  top: 174px;
  left: 16px;
}

#acer .inner {
  border: 1px solid #83B817;
  border-top: none;
}

#acer dl dd {
  position: absolute;
  top: 174px;
  left: 16px;
}

#toshiba .inner {
  border: 1px solid #FF0000;
  border-top: none;
}

#toshiba dl dd {
  position: absolute;
  top: 164px;
  left: 16px;
}

#asus .inner {
  border: 1px solid #22448F;
  border-top: none;
}

#asus dl dd {
  position: absolute;
  top: 166px;
  left: 16px;
}

#mouse .inner {
  border: 1px solid #FF9B07;
  border-top: none;
}

#mouse dl dd {
  position: absolute;
  top: 166px;
  left: 16px;
}

#nec .inner {
  border: 1px solid #2E5BAD;
  border-top: none;
}

#nec dl dd {
  position: absolute;
  top: 166px;
  left: 16px;
}

#lenovo .inner {
  border: 1px solid #DC291E;
  border-top: none;
}

#lenovo dl dd {
  position: absolute;
  top: 170px;
  left: 16px;
}

#fujitsu .inner {
  border: 1px solid #F40000;
  border-top: none;
}

#fujitsu dl dd {
  position: absolute;
  top: 170px;
  left: 16px;
}

#rakuten .inner {
  border: 1px solid #BD0000;
  border-top: none;
}

#rakuten dl dd {
  position: absolute;
  top: 170px;
  left: 16px;
}

#amazon .inner {
  border: 1px solid #FF9900;
  border-top: none;
}

#amazon dl dd {
  position: absolute;
  top: 170px;
  left: 16px;
}

#samsung .inner {
  border: 1px solid #1E4496;
  border-top: none;
}

#samsung dl dd {
  position: absolute;
  top: 164px;
  left: 16px;
}

#microsoft .inner {
  border: 1px solid #00A4EF;
  border-top: none;
  padding: 0 0 5% 26px;
}

#microsoft dl dd {
  position: absolute;
  top: 164px;
  left: 16px;
}

#hp .inner {
  border: 1px solid #008CCB;
  border-top: none;
}

#hp dl dd {
  position: absolute;
  top: 164px;
  left: 16px;
}

#dos .inner {
  border: 1px solid #003394;
  border-top: none;
}

#dos dl dd {
  position: absolute;
  top: 164px;
  left: 16px;
}

#wacom .inner {
  border: 1px solid #01A7DF;
  border-top: none;
}

#wacom dl dd {
  position: absolute;
  top: 179px;
  left: 19px;
}

.return {
  margin: 15px 0px 0px 0px;
  font-size: 0.8em;
  line-height: 1.4;
  text-align: right;
}

hr {
  margin: 0 11px;
  border-color: #CCCCCC;
  border-width: 1px 0 0;
}