@charset 'UTF-8';
/*---------------------------------------------------------------------------------
index
---------------------------------------------------------------------------------*/

/*
import
---------------------------------------------------------------------------------*/
@import 'banner.css';

/*
header
---------------------------------------------------------------------------------*/
header #subMenu li:nth-child(3) a {
  background: url(../img/cmn/icon/beginner.png) no-repeat center 3px, -moz-linear-gradient(top, #ffbdbd, #ffa0a0);
  background: url(../img/cmn/icon/beginner.png) no-repeat center 3px, -webkit-gradient(linear, left top, left bottom, from(#ffbdbd), to(#ffa0a0));
}

/*
h3
---------------------------------------------------------------------------------*/
h3 {
  background: -moz-linear-gradient(top, #ff8296, #ff6779);
  background: -webkit-gradient(linear, left top, left bottom, from(#ff8296), to(#ff6779));
  border-bottom: 1px solid #fff;
  box-shadow: 0 1px 3px #fe96b9;
  -moz-box-shadow: 0 1px 3px #fe96b9;
  -webkit-box-shadow: 0 1px 3px #fe96b9;
  color: #fff;
  font-size: 14px;
  font-weight: normal;
  margin: 0;
  padding: 5px 10px;
  text-align: center;
}

/*
繝九Η繝ｼ繧ｹ
---------------------------------------------------------------------------------*/
#news {
  background: #fff;
  position: relative;
}

#news h3 {
  padding: 5px;
  text-align: left;
}

#news ul {
  text-align: left;
}

#news li {
  background: url(../img/cmn/arrow.png) no-repeat 98% center;
  border-bottom: 1px dotted #f39;
  line-height: 1.5;
  overflow: hidden;
}

#news li:nth-child(2n) {
  background-color: #fff3f7;
}

#news li:last-child {
  border-bottom: none;
}

#news li a {
  color: #000;
  font-size: 12px;
  font-weight: normal;
  padding: 0 8px 0 3px;
  text-decoration: none;
}

#news span {
  color: #39f;
  font-size: 14px;
  font-weight: bold;
}

#news .time {
  color: #f69;
  font-size: 12px;
  font-weight: normal;
  padding: 2px 0 1px 0;
}

#news #more {
  background: -moz-linear-gradient(top, #fff, #eee);
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
  border-radius: 20px;
  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .2);
  -moz-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .2);
  -webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .2);
  color: #111;
  display: block;
  font-size: 12px;
  margin: 0;
  padding: 2px 0 1px;
  position: absolute;
  right: 4px;
  text-decoration: none;
  top: 5px;
  width: 30%;
}

/*
縺翫＠縺斐→繧呈爾縺�
---------------------------------------------------------------------------------*/
#search {
  position: relative;
}

form {
  margin: 0;
  padding: 0;
}

/*#freeword {
  width: 55%;
  position: absolute;
  top: 2px;
  right: 0;
}*/

#titleSearch {
  margin: 0;
  padding: 5px;
  text-align: left;
}

#wrapSearch {
  padding: 10px;
}

#mnSearch {
  margin: 0 auto 5px;
}

#mnSearch li {
  background: -webkit-gradient(linear, left top, left bottom, from(#feaec8), color-stop(50%, #ff82af), color-stop(50%, #ff679e), to(#feaec8));
  background: -moz-linear-gradient(top, #feaec8, #ff82af 50%, #ff679e 50%, #feaec8);
  border: 1px solid #fe85ad;
  border-radius: 8px;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, .3), inset 0 0 3px rgba(255, 255, 255, .9);
  -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, .3), inset 0 0 3px rgba(255, 255, 255, .9);
  -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, .3), inset 0 0 3px rgba(255, 255, 255, .9);
  display: inline-block;
  height: 57px;
  margin: 0 2px;
  padding: 5px 0 0;
  vertical-align: top;
  width: 30%;
}

/*#mnSearch li:nth-child(1) {
  background-image: url(../img/cmn/footer/help.png), url(../img/cmn/footer/iconOpen.png), -moz-linear-gradient(top,#ffaab4, #ff7181);
  background-image: url(../img/cmn/footer/help.png), url(../img/cmn/footer/iconOpen.png), -webkit-gradient(linear, left top, left bottom, from(#ffaab4), to(#ff7181));
  background-position: 2% center, 98% center;
  background-repeat: no-repeat, no-repeat;
}*/

#mnSearch li a {
  display: block;
  height: 50px;
  width: 100%;
}

#freeword {
  margin: 5px auto;
  width: 96%;
}

#wrapSearch #pickup {
  background: -moz-linear-gradient(top, #fff, #ffd1e0);
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ffd1e0));
  border: 1px solid #f39;
  border-radius: 5px;
  box-shadow: 0 0 3px rgba(0, 0, 0, .3);
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .3);
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .3);
  margin: 0 auto;
  padding: 8px 0 5px 0;
}

#wrapSearch #pickup span {
  background-image: url(../img/top/iconStar.png), url(../img/top/iconStar.png);
  background-position: 2% center, 98% center;
  background-repeat: no-repeat, no-repeat;
  color: #f06;
  font-size: 12px;
  font-weight: bold;
  margin: 5px auto;
  padding: 0 20px;
}

#freeword input {
  border: 1px solid #999;
  color: #999;
  font-size: 14px;
  padding: 2px;
  width: 80%;
}

#freeword input:focus,
input.focused {
  border-color: #333;
  color: #333;
}

#freeword .button {
  background: -moz-linear-gradient(top, #fff, #94caff);
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#94caff));
  border: 1px solid #39f;
  border-radius: 5px;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
  -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
  color: #111;
  cursor: pointer;
  margin: 0 2px;
  padding: 1px 8px;
  width: auto;
}

#wrapSearch h4 {
  margin: 0 auto 5px auto;
}

#wrapSearch #ticker {
  height: 80px;
  margin-top: 5px;
  overflow: hidden;
  position: relative;
}

#ticker ul {
  font-size: 72%;
  height: 80px;
  line-height: 1.3;
  margin: 0 auto;
  width: auto;
}

#ticker li {
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  margin: 3px;
  vertical-align: top;
  width: 45%;
}

#ticker a {
  background: -moz-linear-gradient(top, #fff, #fff 50%, #eee 50%, #fff);
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(50%, #fff), color-stop(50%, #eee), to(#fff));
  border: 1px solid #999;
  border-radius: 8px;
  box-shadow: -1px 0 -1px rgba(255, 255, 255, .6), 0px 1px 1px rgba(0, 0, 0, .3);
  -moz-box-shadow: -1px 0 -1px rgba(255, 255, 255, .6), 0px 1px 1px rgba(0, 0, 0, .3);
  -webkit-box-shadow: -1px 0 -1px rgba(255, 255, 255, .6), 0px 1px 1px rgba(0, 0, 0, .3);
  color: #f39;
  padding: 8px 0;
  text-decoration: none;
}

#matching {
  margin: 10px auto 0;
}

#matching img {
  border: 1px solid #ccc;
  display: block;
  margin: 0 auto;
  width: 300px;
}

#super h4 {
  margin: 0 10px;
}

/*
繧ｳ繝ｳ繝・Φ繝・｡ｨ遉ｺ
---------------------------------------------------------------------------------*/
.contents {
  margin: 10px;
}

.contents h4 {
  border-radius: 4px 4px 0 0;
  color: #fff;
  font-size: 12px;
  padding: 5px 0;
}

#special h4 {
  background: #ff7181;
}

#present {
  background: #fff3f7;
}

#bnrFree {
  border: 3px solid #ff7181;
}

#present h4 {
  background: #fe96b9;
}

.contents ul {
  border: 3px solid;
  border-radius: 0 0 2px 2px;
  border-top: none;
}

.contents li {
  border-top: 1px dotted;
  text-align: left;
  width: 100%;
}

.contents li:first-child {
  border-top: none;
}

.contents li a {
  background: url(../img/cmn/arrow.png) no-repeat 98% center #ffd;
  color: #000;
  overflow: hidden;
  padding: 5px 25px 5px 5px;
  text-decoration: none;
}

.contents li:nth-child(2n+1) a {
  background-color: #fff;
}

.contents li img {
  float: left;
}

.contents li p {
  font-size: 12px;
  line-height: 1.5;
  margin-left: 85px;
}

.contents li span {
  color: #39f;
  font-size: 14px;
  font-weight: bold;
  text-decoration: underline;
}

.contents li span.month {
  background: #39f;
  border-radius: 20px;
  color: #fff;
  font-size: 12px;
  padding: 2px 10px;
  text-decoration: none;
}

#present div {
  border: 3px solid #fe96b9;
  border-radius: 0 0 2px 2px;
  border-top: none;
  padding: 5px;
}

#present p {
  font-size: 12px;
  line-height: 1.5;
  margin: 5px 5px 0;
  text-align: left;
}

#present a {
  color: #f69;
  font-weight: bold;
  margin: 0 auto;
  width: auto;
}

#present img {
  margin-top: 5px;
}

#special ul,
#special li {
  border-color: #ff7181;
}

.article {
  margin: 0;
}

.article h4 {
  color: #fff;
  padding: 7px 0 5px 40px;
  text-align: left;
}

.article li {
  border-top: 1px dotted;
  text-align: left;
  width: 100%;
}

.article li:first-child {
  border-top: none;
}

.article li a {
  background: url(../img/cmn/arrow.png) no-repeat 98% center #fff;
  color: #000;
  overflow: hidden;
  padding: 5px 25px 5px 5px;
  text-decoration: none;
}

.article li img {
  float: left;
}

.article li p {
  font-size: 12px;
  line-height: 1.5;
  margin-left: 85px;
}

.article li span {
  font-size: 14px;
  font-weight: bold;
  text-decoration: underline;
}

#interview h4 {
  background: url(../img/top/iconInterview.png) no-repeat 10px center #0af;
  background-size: 24px 23px;
  -moz-background-size: 24px 23px;
  -webkit-background-size: 24px 23px;
}

#interview li:nth-child(2n) a {
  background-color: #edf9ff;
}

#interview li span {
  color: #0af;
}

#interview li span.month {
  background: #0af;
  border-radius: 20px;
  color: #fff;
  font-size: 12px;
  padding: 2px 10px;
  text-decoration: none;
}

#snap h4 {
  background: url(../img/top/iconSnap.png) no-repeat 10px center #ff7383;
  background-size: 24px 23px;
  -moz-background-size: 24px 23px;
  -webkit-background-size: 24px 23px;
}

#snap li:nth-child(2n) a {
  background-color: #fee;
}

#snap li span {
  font-weight: normal;
  text-decoration: none;
}

#snap li span:nth-of-type(2) {
  color: #ff7383;
  font-weight: bold;
  text-decoration: underline;
}

#snap li span.month {
  background: #ff7383;
  border-radius: 20px;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  padding: 2px 10px;
  text-decoration: none;
}

#snap .more {
  background-color: #fee;
  border-top: 1px dotted #000;
  color: #ff7383;
  font-weight: bold;
  padding: 5px;
}

#contents {
  border-bottom: 1px dotted #000;
}

#contents h4 {
  background: url(../img/top/iconContents.png) no-repeat 10px center #f90;
  background-size: 24px 23px;
  -moz-background-size: 24px 23px;
  -webkit-background-size: 24px 23px;
}

#contents li:nth-child(2n) a {
  background-color: #ffe;
}

#contents li span {
  color: #f90;
}

#mnContents {
  margin: 10px;
}

#mnContents li {
  margin: 0 5px;
}

#mnContents a {
  border-radius: 8px;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, .3), inset 0 0 3px rgba(255, 255, 255, .9);
  -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, .3), inset 0 0 3px rgba(255, 255, 255, .9);
  -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, .3), inset 0 0 3px rgba(255, 255, 255, .9);
  color: #fff;
  font-weight: bold;
  padding: 10px 0;
  text-align: center;
  text-decoration: none;
}

#mnContents li:nth-child(1) a {
  background-image: url(../img/top/iconUranai.png), url(../img/top/arwUranai.png), -moz-linear-gradient(top, #bda8d3, #a081c0 50%, #926db6 50%, #bda8d3);
  background-image: url(../img/top/iconUranai.png), url(../img/top/arwUranai.png), -webkit-gradient(linear, left top, left bottom, from(#bda8d3), color-stop(50%, #a081c0), color-stop(50%, #926db6), to(#bda8d3));
  background-position: left center, right center;
  background-repeat: no-repeat, no-repeat;
  border: 1px solid #a081c0;
}

#mnContents li:nth-child(2) a {
  background: url(../img/top/iconBlog.png) no-repeat 10px center, -moz-linear-gradient(top, #ffb3bc, #ff8492 50%, #ff7181 50%, #ffb3bc);
  background: url(../img/top/iconBlog.png) no-repeat 10px center, -webkit-gradient(linear, left top, left bottom, from(#ffb3bc), color-stop(50%, #ff8492), color-stop(50%, #ff7181), to(#ffb3bc));
  border: 1px solid #ff8492;
}

#otherCnt {
  border: 1px solid #ff7181;
  margin: 10px;
  padding: 0;
}

#otherCnt dt {
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  height: 23px;
  padding: 7px 0 0 10%;
  text-align: left;
}

#otherCnt dt.open:nth-of-type(1) {
  background-image: url(../img/top/iconConsul.png), url(../img/cmn/footer/iconOpen.png), -moz-linear-gradient(top, #ffaab4, #ff7181);
  background-image: url(../img/top/iconConsul.png), url(../img/cmn/footer/iconOpen.png), -webkit-gradient(linear, left top, left bottom, from(#ffaab4), to(#ff7181));
  background-position: 2% center, 98% center;
  background-repeat: no-repeat, no-repeat;
}

#otherCnt dt.close:nth-of-type(1) {
  background-image: url(../img/top/iconConsul.png), url(../img/cmn/footer/iconClose.png), -moz-linear-gradient(top, #ffaab4, #ff7181);
  background-image: url(../img/top/iconConsul.png), url(../img/cmn/footer/iconClose.png), -webkit-gradient(linear, left top, left bottom, from(#ffaab4), to(#ff7181));
  background-position: 2% center, 98% center;
  background-repeat: no-repeat, no-repeat;
}

#otherCnt dt.open:nth-of-type(2) {
  background-image: url(../img/top/iconUseful.png), url(../img/cmn/footer/iconOpen.png), -moz-linear-gradient(top, #ffaab4, #ff7181);
  background-image: url(../img/top/iconUseful.png), url(../img/cmn/footer/iconOpen.png), -webkit-gradient(linear, left top, left bottom, from(#ffaab4), to(#ff7181));
  background-position: 2% center, 98% center;
  background-repeat: no-repeat, no-repeat;
}

#otherCnt dt.close:nth-of-type(2) {
  background-image: url(../img/top/iconUseful.png), url(../img/cmn/footer/iconClose.png), -moz-linear-gradient(top, #ffaab4, #ff7181);
  background-image: url(../img/top/iconUseful.png), url(../img/cmn/footer/iconClose.png), -webkit-gradient(linear, left top, left bottom, from(#ffaab4), to(#ff7181));
  background-position: 2% center, 98% center;
  background-repeat: no-repeat, no-repeat;
}

#otherCnt dt.open:nth-of-type(3) {
  background-image: url(../img/top/iconHelp.png), url(../img/cmn/footer/iconOpen.png), -moz-linear-gradient(top, #ffaab4, #ff7181);
  background-image: url(../img/top/iconHelp.png), url(../img/cmn/footer/iconOpen.png), -webkit-gradient(linear, left top, left bottom, from(#ffaab4), to(#ff7181));
  background-position: 2% center, 98% center;
  background-repeat: no-repeat, no-repeat;
}

#otherCnt dt.close:nth-of-type(3) {
  background-image: url(../img/top/iconHelp.png), url(../img/cmn/footer/iconClose.png), -moz-linear-gradient(top, #ffaab4, #ff7181);
  background-image: url(../img/top/iconHelp.png), url(../img/cmn/footer/iconClose.png), -webkit-gradient(linear, left top, left bottom, from(#ffaab4), to(#ff7181));
  background-position: 2% center, 98% center;
  background-repeat: no-repeat, no-repeat;
}

#otherCnt dt.open:nth-of-type(4) {
  background-image: url(../img/top/iconInfo.png), url(../img/cmn/footer/iconOpen.png), -moz-linear-gradient(top, #ffaab4, #ff7181);
  background-image: url(../img/top/iconInfo.png), url(../img/cmn/footer/iconOpen.png), -webkit-gradient(linear, left top, left bottom, from(#ffaab4), to(#ff7181));
  background-position: 2% center, 98% center;
  background-repeat: no-repeat, no-repeat;
}

#otherCnt dt.close:nth-of-type(4) {
  background-image: url(../img/top/iconInfo.png), url(../img/cmn/footer/iconClose.png), -moz-linear-gradient(top, #ffaab4, #FF7181);
  background-image: url(../img/top/iconInfo.png), url(../img/cmn/footer/iconClose.png), -webkit-gradient(linear, left top, left bottom, from(#ffaab4), to(#ff7181));
  background-position: 2% center, 98% center;
  background-repeat: no-repeat, no-repeat;
}

#otherCnt dd {
  background: #fff;
  display: none;
  font-size: 14px;
  margin: 0;
  padding: 0;
}

#otherCnt dd ul {
  padding: 10px;
  text-align: left;
}

#otherCnt dd li {
  background: -moz-linear-gradient(top, #fff, #eee);
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
  border: 1px solid #ccc;
  border-top: none;
}

#otherCnt dd li:first-child {
  border-top: 1px solid #ccc;
}

#otherCnt dd a {
  background: url(../img/cmn/arrow.png) no-repeat 98% center;
  color: #ff637f;
  font-weight: bold;
  padding: 10px;
  text-decoration: none;
}

#consul p {
  font-size: 12px;
  margin: 10px;
  text-align: left;
}

#consul span {
  color: #f06;
}

#otherCnt #consul a {
  border: 1px solid #999;
  border-radius: 3px;
  box-shadow: inset 1px 1px 1px #fff;
  -moz-box-shadow: inset 1px 1px 1px #fff;
  -webkit-box-shadow: inset 1px 1px 1px #fff;
  background: -moz-linear-gradient(top, #fff, #eee);
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
  color: #f66;
  font-size: 14px;
  font-weight: bold;
  margin: 0 auto 10px;
  padding: 5px 0;
  text-decoration: none;
  width: 80%;
}