@charset "UTF-8";
h1.design01 {
  padding: 13px 0 0 45px;
  background: url(/tsushin/images/top/h1_01.jpg);
  width: 690px;
  height: 29px;
  color: #fff;
  text-shadow: 1px 1px 1px #666;
  font-size: 18px;
}

h2.design01,
h2.design02,
h2.design03,
h2.design04 {
  margin: 0 0 5px;
  padding: 12px 0 0 45px;
  width: 690px;
  height: 23px;
  font-weight: bold;
  font-size: 16px;
}

h2.design01 {
  background: url(/tsushin/images/top/h2_01.gif);
}

h2.design02 {
  background: url(/tsushin/images/top/h2_02.gif);
}

h2.design03 {
  background: url(/tsushin/images/top/h2_03.gif);
}

h2.design04 {
  background: url(/tsushin/images/top/h2_04.gif);
}

.topkv {
  margin: -1px 0 30px 0;
  text-align: left;
  border-top: 1px solid #3188c5;
  border-bottom: 1px solid #3188c5;
  height: 509px;
  background: url(/tsushin/images/top/topkv_bg_blue.gif) repeat-x left top;
}

.topkv-inner {
  height: 509px;
  background: url(/tsushin/images/top/topkv_ph_girl.png) no-repeat right bottom;
}

.topkv-cont {
  margin: 0 auto;
  padding: 30px 0 0;
  width: 1057px;
}

.topkv-cont-l {
  float: left;
  width: 739px;
}

.topkv-cont-r {
  float: right;
  width: 318px;
}

.topkv-map {
  margin: 0 0 7px;
  padding: 10px 0 10px 20px;
  width: 706px;
  /*726*/
  background: #fff;
  position: relative;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  box-shadow: rgba(0, 0, 0, 0.1) 2px 2px 0px 2px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 2px 2px 0px 2px;
  -moz-box-shadow: rgba(0, 0, 0, 0.1) 2px 2px 0px 2px;
}

.topkv-map-bill {
  position: absolute;
  top: -10px;
  left: -10px;
}

.topkv-map-free {
  position: absolute;
  top: -13px;
  left: 47px;
}

.topkv-link {
  width: 726px;
  background: #fff;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  box-shadow: rgba(0, 0, 0, 0.1) 2px 2px 0px 2px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 2px 2px 0px 2px;
  -moz-box-shadow: rgba(0, 0, 0, 0.1) 2px 2px 0px 2px;
}

.topkv-link dt {
  width: 140px;
  float: left;
  padding: 14px 0;
  text-align: center;
  background: #90c90d;
  color: #fff;
  font-weight: bold;
  text-shadow: 1px 1px 2px #618609;
  -webkit-border-top-left-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -moz-border-radius-topleft: 6px;
  -moz-border-radius-bottomleft: 6px;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}

.topkv-link dd {
  float: left;
  padding: 13px 0 0 19px;
  -webkit-border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  -moz-border-radius-topright: 6px;
  -moz-border-radius-bottomright: 6px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.topkv-link dd a {
  padding: 0 0 0 10px;
  color: #004b91;
  background: url(/tsushin/images/common/ic_arrow_blue.gif) no-repeat left center;
}

.topkv-linkHerf {
  height: 42px;
  background: #fff;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  box-shadow: rgba(0, 0, 0, 0.1) 2px 2px 0px 2px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 2px 2px 0px 2px;
  -moz-box-shadow: rgba(0, 0, 0, 0.1) 2px 2px 0px 2px;
}

.topkv-linkHerf dl {
  height: inherit;
}

.topkv-linkHerf dt {
  float: left;
  padding: 14px 0;
  text-align: center;
  background: #90c90d;
  color: #fff;
  font-weight: bold;
  text-shadow: 1px 1px 2px #618609;
  -webkit-border-top-left-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -moz-border-radius-topleft: 6px;
  -moz-border-radius-bottomleft: 6px;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}

.topkv-linkHerf dd {
  float: left;
  padding: 13px 0 0 5px;
  -webkit-border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  -moz-border-radius-topright: 6px;
  -moz-border-radius-bottomright: 6px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.topkv-linkHerf__1 {
  width: 378px;
  float: left;
}
.topkv-linkHerf__1 dt {
  width: 107px;
}
.topkv-linkHerf__1 dd {
  padding-top: 7px;
  position: relative;
}

.topkv-linkHerf__2 {
  width: 340px;
  margin-right: 13px;
  float: right;
}
.topkv-linkHerf__2 dt {
  width: 95px;
}
.topkv-linkHerf__2 dd {
  padding-top: 6px;
  font-size: 12px;
  max-width: 230px;
}
.topkv-linkHerf__2 dd a {
  padding: 0 0 0 10px;
  color: #004b91;
  background: url(/tsushin/images/common/ic_arrow_blue.gif) no-repeat left center;
  line-height: 1.4;
}
.topkv-linkHerf__2 form {
  display: inline-block;
}

.topkv-linkHerf-txtBox {
  display: inline-block !important;
  width: 210px !important;
  height: 27px;
  border: 1px solid #b7b7b7;
  float: left;
  margin-right: 5px;
}

.topkv-linkHerf-submit {
  display: inline-block;
  width: 43px;
  height: 24px;
  margin-top: 2px;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  text-shadow: #16405a 0 1px 2px;
  outline: none;
  border: none;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JkZTZmZiIvPjxzdG9wIG9mZnNldD0iODglIiBzdG9wLWNvbG9yPSIjM2NiMWZjIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAzZTY1Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #bde6ff), color-stop(88%, #3cb1fc), color-stop(100%, #003e65));
  background-image: -moz-linear-gradient(#bde6ff, #3cb1fc 88%, #003e65);
  background-image: -webkit-linear-gradient(#bde6ff, #3cb1fc 88%, #003e65);
  background-image: linear-gradient(#bde6ff, #3cb1fc 88%, #003e65);
}

.topkv-linkHerf-submit:active {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwM2U2NSIvPjxzdG9wIG9mZnNldD0iMTIlIiBzdG9wLWNvbG9yPSIjM2NiMWZjIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYmRlNmZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #003e65), color-stop(12%, #3cb1fc), color-stop(100%, #bde6ff));
  background-image: -moz-linear-gradient(#003e65, #3cb1fc 12%, #bde6ff);
  background-image: -webkit-linear-gradient(#003e65, #3cb1fc 12%, #bde6ff);
  background-image: linear-gradient(#003e65, #3cb1fc 12%, #bde6ff);
}

.topkv-linkHerf-prediction {
  position: absolute;
  width: 210px;
  max-height: 127px;
  overflow: auto;
  border: 1px solid #ccc;
  top: 33px;
  left: 5px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 2px 3px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 2px 3px;
  box-shadow: rgba(0, 0, 0, 0.3) 0 2px 3px;
}
.topkv-linkHerf-prediction li {
  background: url(/tsushin/images/common/ya05.png) no-repeat 98% 50% #fff;
  border-top: 1px dashed #ccc;
}
.topkv-linkHerf-prediction li:first-child {
  border-top: none;
}
.topkv-linkHerf-prediction li:hover {
  background: url(/tsushin/images/common/ya05.png) no-repeat 98% 50% #D2F9F5;
}
.topkv-linkHerf-prediction li a {
  display: block;
  color: #333;
  text-decoration: none;
  padding: 7px 15px 5px 5px;
}
.topkv-linkHerf-prediction li a span {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.topkv-num {
  width: 260px;
  /*300*/
  padding: 12px 20px;
  background: #fff;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  position: relative;
  box-shadow: rgba(0, 0, 0, 0.1) 2px 2px 0px 2px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 2px 2px 0px 2px;
  -moz-box-shadow: rgba(0, 0, 0, 0.1) 2px 2px 0px 2px;
}

.topkv-num-title {
  text-align: center;
  margin: 0 0 8px;
  padding: 0 0 8px;
  border-bottom: 1px dotted #ccc;
}

.topkv-num-det {
  padding: 0 0 0 30px;
}

.topkv-num-det dt {
  padding: 7px 0 0;
  float: left;
  width: 100px;
}

.topkv-num-det dd {
  float: left;
  width: 100px;
  color: #ff6000;
  text-align: right;
  font-size: 24px;
  font-weight: bold;
  font-family: 'Verdana','メイリオ',sans-serif;
}

.topkv-num-det dd span {
  padding: 0 0 0 2px;
  font-weight: normal;
  font-size: 12px;
  color: #333;
}

.topkv-num-ic-school {
  padding: 0 0 0 26px;
  background: url(/tsushin/images/top/topkv_ic_school.gif) no-repeat left center;
}

.topkv-num-ic-voice {
  padding: 0 0 0 26px;
  background: url(/tsushin/images/top/topkv_ic_voice.gif) no-repeat left center;
}

.topkv-num-fuki {
  position: absolute;
  top: 28px;
  left: -12px;
}

.top-comic {
  margin-bottom: 25px;
}

.top-comic-list {
  font-size: 0;
  margin-left: -1px;
}
.top-comic-list li {
  display: inline-block;
  margin: 0 0 19px 19px;
  width: 220px;
  vertical-align: top;
}

.top-comic-list-img {
  margin: 0 0 10px;
}
.top-comic-list-img a {
  display: block;
}
.top-comic-list-img img {
  width: 220px;
  height: 136px;
}

.top-comic-list-date {
  font-size: 12px;
  margin-bottom: 10px;
}

.top-comic-list-title {
  font-size: 14px;
  line-height: 1.5;
}

.top-comic-btn {
  text-align: center;
}
.top-comic-btn a {
  display: inline-block;
  text-indent: .75em;
  width: 235px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 5px;
  color: #333;
  text-decoration: none;
  padding: 20px 0;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f0f0f0));
  background-image: -moz-linear-gradient(#ffffff, #f0f0f0);
  background-image: -webkit-linear-gradient(#ffffff, #f0f0f0);
  background-image: linear-gradient(#ffffff, #f0f0f0);
}
.top-comic-btn a:hover {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f0f0f0), color-stop(100%, #ffffff));
  background-image: -moz-linear-gradient(#f0f0f0, #ffffff);
  background-image: -webkit-linear-gradient(#f0f0f0, #ffffff);
  background-image: linear-gradient(#f0f0f0, #ffffff);
}
.top-comic-btn a::after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(/tsushin/images/common/ic_arrowright_02.png) no-repeat 0 0;
  float: right;
  margin-right: 15px;
  text-indent: 0;
}

/* --------------------------------
 clearfix
-------------------------------- */
.topkv-num-det:after,
.topkv-link dl:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

* html .topkv-num-det,
* html .topkv-link dl {
  zoom: 1;
  /* IE6 */
}

*:first-child + html .topkv-num-det,
*:first-child + html .topkv-link dl {
  zoom: 1;
  /* IE7 */
}

.top_search_up {
  margin: 14px 0 0;
  background: url(/tsushin/images/top/bg_top_search_up.gif);
  width: 735px;
  height: 42px;
}

.top_search_up h2 {
  padding: 16px 0 0 25px;
  font-size: 12px;
}

.top_search_up h2 span {
  padding: 0 5px 0 0;
  font-size: 18px;
  text-shadow: 2px 2px 1px #fff, -2px 2px 1px #fff, 2px -2px 1px #fff, -2px -2px 1px #fff;
  color: #00aaee;
}

.bg_map {
  background: url(/tsushin/images/top/bg_map.jpg);
  width: 735px;
  height: 381px;
  text-align: center;
}

.top_search_bottom {
  background: url(/tsushin/images/top/bg_top_search_bottom.gif);
  width: 735px;
  height: 61px;
}

.top_search_bottom .l {
  padding: 24px 0 0 30px;
  float: left;
  width: 130px;
}

.top_search_bottom .r {
  padding: 23px 0 0 0;
  float: left;
  text-align: left;
  width: 575px;
}

.top_search_bottom .r ul li {
  padding: 0 20px 0 10px;
  float: left;
  background: url(/tsushin/images/common/ya02.gif) 0 1px no-repeat;
}

.rankin_top_lr {
  padding: 0 10px;
}

.rankin_top_l {
  float: left;
  width: 312px;
  margin: 0 0 5px 0;
  padding: 5px 40px 10px 5px;
  border-bottom: 1px dotted #999;
  line-height: 1.4;
}

.rankin_top_r {
  float: left;
  width: 313px;
  margin: 0 0 5px 0;
  padding: 5px 40px 10px 5px;
  border-bottom: 1px dotted #999;
  line-height: 1.4;
}

dl.dl01 {
  margin: 0 0 5px;
  padding: 10px 0 0 0;
  border-bottom: 1px dotted #999;
}

dl.dl01 dt {
  padding: 1px 0 8px 25px;
  font-weight: bold;
  line-height: 1.2;
  background: url(/tsushin/images/common/dldt01.gif) 10px 0 no-repeat;
}

dl.dl01 dd {
  padding: 0 0 18px 10px;
  line-height: 1.4;
}

.review_top_lr {
  padding: 0 10px;
}

.review_top_l {
  margin: 0;
  float: left;
  background: url(/tsushin/images/top/bg_review.jpg) top right no-repeat;
  width: 357px;
  height: 150px;
}

.review_top_r {
  margin: 0;
  float: right;
  background: url(/tsushin/images/top/bg_review.jpg) top right no-repeat;
  width: 357px;
  height: 150px;
}

.review_top_l .l,
.review_top_r .l {
  float: left;
  width: 57px;
}

.review_top_l .r,
.review_top_r .r {
  float: left;
  width: 280px;
  padding: 15px 0;
  line-height: 1.4;
}

.star {
  line-height: 1;
  color: #83b102;
  font-weight: bold;
  padding: 5px 0 10px;
}

.star img {
  padding: 0 5px 0 0;
}

.pref_top {
  padding: 20px 20px;
}

.pref_top dt {
  float: left;
  width: 110px;
  clear: both;
  line-height: 1;
  padding: 0 0 10px;
  font-weight: bold;
}

.pref_top dd {
  float: left;
  width: 585px;
  line-height: 1;
  padding: 0 0 10px;
}

/* 口コミ */
.top-voice ul {
  padding: 10px 0 5px;
}

.top-voice li {
  width: 350px;
  padding: 0 8px;
  float: left;
}

.top-voice-l {
  float: left;
  width: 50px;
  font-size: 10px;
  line-height: 1.3;
}

.top-voice-r {
  float: right;
  width: 275px;
  /*295*/
  border: 1px solid #ccc;
  padding: 10px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  /* box-shadow */
  box-shadow: rgba(0, 0, 0, 0.15) 1px 1px 3px 0px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.15) 1px 1px 3px 0px;
  -moz-box-shadow: rgba(0, 0, 0, 0.15) 1px 1px 3px 0px;
  position: relative;
}

.top-voice-fuki {
  position: absolute;
  top: 10px;
  left: -7px;
}

.top-voice-author {
  padding: 0 0 5px;
}

.top-voice-author dt {
  padding: 0 0 3px;
}

.top-voice-author dt img {
  padding: 2px;
  border: 1px solid #ccc;
  width: 35px;
  height: 35px;
}

.top-voice-attrbt dt {
  padding: 0 0 2px;
}

.top-voice-attrbt dd {
  padding: 0 0 2px;
  line-height: 1.3;
}

.top-voice-title {
  padding: 0 0 3px;
  font-size: 16px;
}

.top-voice-title span {
  float: right;
  font-size: 12px;
}

.top-voice-school {
  padding: 0 0 3px;
}

.top-voice-point {
  color: #cc9900;
  font-weight: bold;
  padding: 0 0 6px;
}

.top-voice-point img {
  width: 80px;
  vertical-align: middle;
  padding: 0 3px 0 0;
}

.top-voice-txt {
  line-height: 1.5;
  font-size: 12px;
}

/* --------------------------------
 clearfix
-------------------------------- */
.top-voice ul:after,
.rankin_top_lr:after,
.ya01_r-wrap:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

* html .top-voice ul,
* html .rankin_top_lr,
* html .ya01_r-wrap {
  zoom: 1;
  /* IE6 */
}

*:first-child + html .top-voice ul
*:first-child + html .rankin_top_lr,
*:first-child + html .ya01_r-wrap {
  zoom: 1;
  /* IE7 */
}