html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}

q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block;
}

#topCatch .merit, .std .bgw, .std .twoway .way, .twoway .std .way, .std2 .bgw, .std2 .twoway .way, .twoway .std2 .way, .std3 .bgw, .std3 .twoway .way, .twoway .std3 .way, header, #banner, .pageNav ul, .request .total, .searchList .list, .howto {
  overflow: hidden;
  *zoom: 1;
}

/* common
-------------------------*/
body {
  font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  color: #393939;
  background: white;
  -webkit-text-size-adjust: 100%;
}

a {
  color: #003f8b;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

p {
  line-height: 1.5;
}

.imgC {
  text-align: center;
}
.imgC img {
  width: 300px;
}

/* common
-------------------------*/
.wrapper {
  padding: 0 10px;
}

.bg {
  background: #004273;
  padding: 10px;
}
.bg h2 {
  color: #fff;
  font-weight: bold;
  font-size: 15px;
  text-align: center;
  padding: 0px 15px 10px;
  line-height: 1;
}
.bg .imgC img {
  width: 260px;
}

.bgw, .twoway .way {
  background: #fff;
}

.head {
  background: #004273;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  margin: 20px 0;
  padding: 10px 0;
  text-align: center;
}

.headGroup {
  background: #004273;
  padding: 15px 0;
}
.headGroup.twoline {
  padding: 10px 0;
}
.headGroup h2 {
  text-align: center;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.2;
}
.headGroup .pref {
  font-size: 9px;
  color: #004273;
  background: #ffcc00;
  padding: 5px 3px;
  float: right;
  margin-top: -16px;
  margin-right: 15px;
}
.headGroup.mailIcon {
  background-image: url("../img/icn_hd_mail.png");
  background-position: 15px center;
  background-size: 22px 22px;
  background-repeat: no-repeat;
}
.headGroup.searchIcon {
  background-image: url("../img/icn_hd_search.png");
  background-position: 15px center;
  background-size: 22px 22px;
  background-repeat: no-repeat;
}

#topCatch {
  margin: 15px 0;
  text-align: center;
}
#topCatch h3 {
  color: #f00;
  font-size: 15px;
  margin-bottom: 10px;
  line-height: 1.5;
}
#topCatch p {
  font-size: 12px;
}
#topCatch .merit {
  padding: 0px 0 0 15px;
  margin-bottom:15px;
}
#topCatch .merit li {
  width: 128px;
  float: left;
  margin: 0 10px 7px 0;
  border: 1px solid #aaa;
  font-size: 11px;
  text-align: center;
  padding: 7px 0;
}

strong, .strong {
  color: #f00;
}

/* std
-------------------------*/
.std, .std2, .std3 {
  margin-bottom: 20px;
}
.std .bgw, .std .twoway .way, .twoway .std .way, .std2 .bgw, .std2 .twoway .way, .twoway .std2 .way, .std3 .bgw, .std3 .twoway .way, .twoway .std3 .way {
  padding: 15px 10px 5px;
}
.std h3, .std2 h3, .std3 h3 {
  font-size: 15px;
  margin-bottom: 12px;
  font-weight: bold;
}
.std p, .std2 p, .std3 p {
  font-size: 12px;
  margin-bottom: 10px;
}
.std .intro, .std2 .intro, .std3 .intro {
  font-size: 13px;
  font-weight: bold;
}
.std .last, .std2 .last, .std3 .last {
  border-bottom: 1px dotted #aaaaaa;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

.std .pageNav {
  width: 260px;
}
.std .pageNav li {
  width: 124px;
}

.std2 .pageNav {
  margin: 10px auto 0;
  width: 300px;
}
.std2 .pageNav li {
  margin-bottom: 15px;
  width: 122px;
}

.std3 h3 {
  text-align: center;
}
.std3 p {
  font-size: 12px;
  margin-bottom: 10px;
  font-weight: bold;
  text-align: center;
}
.std3 .imgC {
  margin-bottom: 10px;
}

/* header
-------------------------*/
#logo {
  float: left;
}
#logo img {
  width: 108px !important;
}

#catch {
  font-size: 12px;
  font-weight: bold;
  line-height: 1.2;
  float: right;
  margin-top: 4px;
}

header {
  border-top: 5px solid #004273;
  padding: 15px 15px 20px 15px;
}

/* banner
-------------------------*/
#banner {
  margin-right: -10px;
  margin-bottom: 10px;
}
#banner li {
  width: 23%;
  float: left;
  margin-right: 4px;
}

/* twoway
-------------------------*/
.twoway h2 {
  padding: 10px 15px 15px;
}
.twoway .img {
  text-align: center;
  margin-bottom: 12px;
}
.twoway .img img {
  width: 205px;
}
.twoway .way {
  padding: 14px 22px 5px;
  font-size: 12px;
}
.twoway .way h3 {
  font-size: 13px;
  font-weight: bold;
  padding-left: 40px;
  line-height: 34px;
  margin-bottom: 10px;
}
.twoway .way h3.match {
  background: url(../img/icn_mail.png) no-repeat left center;
  background-size: 35px 34px;
}
.twoway .way h3.search {
  background: url(../img/icn_search_01.png) no-repeat left center;
  background-size: 35px 34px;
}
.twoway .way p {
  margin-bottom: 15px;
}

/* selectPref
-------------------------*/
.selectPref {
  margin: 0 20px 25px 30px;
  background: url("../img/bg_01.jpg") no-repeat bottom right;
  background-size: 174px 170px;
  padding-bottom: 55px;
}
.selectPref h3 {
  font-size: 15px;
  font-weight: bold;
}
.selectPref .cont {
  width: 128px;
}
.selectPref h3 {
  margin-bottom: 15px;
  line-height: 1.4;
}
.selectPref select {
  margin-bottom: 20px;
  width: 128px;
}
.selectPref .btn {
  width: 128px;
  height: 25px;
  border-radius: 0;
}

/* nav
-------------------------*/
.stdNav h4 {
  background: #dddddd;
  line-height: 34px;
  font-size: 15px;
  text-align: center;
}
.stdNav li {
  border-bottom: 1px solid #dddddd;
  font-size: 13px;
}
.stdNav li a {
  display: block;
  color: black;
  padding: 14px 0 14px 50px;
  text-decoration: none;
  background: url(../img/icn_01.png) no-repeat 30px center;
  background-size: 5px 5px;
}
.stdNav .klongin {
  border-bottom: 15px solid #dddddd;
}

.pageNav {
  width: 300px;
  margin: 18px auto 25px;
}
.pageNav li {
  width: 41%;
  margin: 0 4px;
  float: left;
}
.pageNav .adj a {
  text-indent: 1em;
}

.singleNav {
  width: 143px;
  margin: 0 auto 10px;
}

.pageNav a, .singleNav a, .btn a {
  font-size: 13px;
  background: url(../img/icn_btn.png) no-repeat #ffcc00 7px center;
  display: block;
  color: #004273;
  text-decoration: none;
  text-align: center;
  padding: 7px;
  background-size: 14px 14px;
}

/* matchingSection
-------------------------*/
.matchingSection .catch {
  font-size: 14px;
  line-height: 1.5;
  font-weight: bold;
  margin: 15px 0px;
  text-align: center;
}
.matchingSection .img {
  text-align: center;
}
.matchingSection .img img {
  width: 300px;
}

/* request
-------------------------*/
.request {
  background: #fff;
  padding: 0 10px;
}
.request a {
  color: #000;
}
.request li {
  font-size: 10px;
  border-bottom: 1px dotted #646464;
  padding: 12px 10px 10px 15px;
  background: url("../img/icn_02.png") no-repeat left center;
  background-size: 9px 9px;
}
.request dt {
  float: left;
}
.request dd {
  padding: 0 0 0 80px;
}
.request .total {
  padding: 20px 0 15px;
}
.request .total .count {
  font-size: 15px;
  float: left;
}
.request .total .btn {
  width: 128px;
  float: right;
}
.request .total .btn a {
  color: #004273;
  padding: 3px 7px;
}

/* join
-------------------------*/
#join {
  padding: 20px 25px 0;
}
#join h2 {
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}
#join .pageNav {
  width: 272px;
  padding: 0;
}
#join .pageNav li {
  width: 128px;
}

/* searchList
-------------------------*/
.searchList .headGroup {
  margin-bottom: 20px;
}
.searchList .list {
  background: #fff;
}
.searchList .list a {
  color: #000;
}
.searchList .list li {
  font-size: 13px;
  border-bottom: 1px solid #dddddd;
  padding: 12px 20px 10px 25px;
  background: url("../img/icn_01.png") no-repeat 10px center;
  background-size: 5px 5px;
}
.searchList .clm1 {
  float: left;
  border-right: 1px solid #dddddd;
}
.searchList .clm2 {
  float: right;
  margin-left: -1px;
}
.searchList .clm {
  width: 50%;
}
.searchList .clm .cont {
  padding: 10px;
  height: 45px;
}
.searchList .clm .btn {
  width: 73px;
  margin: 0 auto 10px;
}
.searchList .clm .btn a {
  color: #004273;
  padding: 7px 7px 7px 14px;
}
.searchList h3 {
  color: #004273;
  font-weight: bold;
  font-size: 13px;
  margin-bottom: 5px;
}
.searchList .bg {
  margin-bottom: 20px;
}

/* articles
-------------------------*/
.articles {
  margin-bottom: 30px;
}
.articles .headGroup {
  margin-bottom: 17px;
}
.articles h3 {
  font-size: 13px;
  line-height: 1.2;
  margin-bottom: 10px;
  padding-left: 22px;
}
.articles h3.search {
  background: url("../img/icn_search_02.png") no-repeat left center;
  background-size: 13px 13px;
}
.articles article {
  margin: 20px 15px 15px;
}
.articles table, .articles th, .articles td {
  border: 1px solid #aaa;
}
.articles td, .articles th {
  font-size: 10px;
}
.articles table {
  table-layout: fixed;
  width: 100%;
}
.articles th {
  padding: 7px 2px;
  background: url(../img/bg_02.png) repeat;
  background-size: 2px 2px;
  text-align: center;
  width: 50px;
}
.articles td {
  padding: 7px;
}

/* message
-------------------------*/
.message {
  margin-bottom: 20px;
}
.message .data {
  background: #fff;
  padding: 6px 10px;
  font-size: 12px;
}
.message .data p {
  margin-bottom: 10px;
}

/* sample
-------------------------*/
.bgw.sample, .twoway .sample.way {
  padding: 15px 0 5px;
}

.sample dl {
  width: 50%;
  float: left;
}
.sample dl .img img {
  width: 100px;
}
.sample dl dt {
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  margin-bottom: 10px;
  line-height: 1.5;
}
.sample dl .img {
  text-align: center;
  height: 145px;
}
.sample dl .singleNav {
  width: 130px;
}
.sample dl .singleNav a {
  text-indent: 1em;
}

/* flow
-------------------------*/
.flow h3, .flow p {
  text-align: center;
}
.flow .pageNav {
  margin-bottom: 15px;
}
.flow .flow1, .flow .flow2 {
  background: url("../img/icn_bottom.png") no-repeat bottom center;
  background-size: 27px auto;
  padding: 0 0 20px 0;
  margin-bottom: 15px;
}

/* notice
-------------------------*/
.notice {
  padding: 10px 15px 10px 25px;
  font-size: 12px;
}
.notice li {
  text-indent: -1em;
  line-height: 1.4;
}

/* userList
-------------------------*/
.userList {
  margin-bottom: 22px;
}
.userList .headGroup {
  margin-bottom: 10px;
}
.userList h3 {
  line-height: 1.5;
  font-size: 12px;
  margin-bottom: 15px;
}
.userList .data {
  border: 1px solid #c5c5c5;
  height: 120px;
  overflow-y: scroll;
}
.userList .data ul {
  padding: 10px;
}
.userList .data li {
  font-size: 12px;
  width: 120px;
  float: left;
  margin: 0 10px 5px 0;
}

/* memberMerit
-------------------------*/
.memberMerit {
  font-size: 12px;
  line-height: 1.4;
}
.memberMerit li {
  margin-bottom: 10px;
  text-align: center;
}

/* condition
-------------------------*/
.condition {
  border: 1px solid #aaa;
  margin-bottom: 10px;
}
.condition th, .condition td {
  border: 1px solid #aaa;
  font-size: 12px;
  padding: 10px;
  line-height: 1.2;
}
.condition th p, .condition td p {
  font-weight: normal;
  text-align: left;
}
.condition th {
  width: 30%;
  font-weight: bold;
  text-align: center;
  background: url(../img/bg_02.png) repeat;
  background-size: 2px 2px;
  text-align: center;
}
.condition th span {
  display: block;
  margin-top: 10px;
}

.phone {
  margin-top: 20px;
}
.phone h3 {
  font-size: 12px;
  margin-bottom: 5px;
  font-weight: normal;
}
.phone p {
  font-size: 20px;
}

/* footer
-------------------------*/
footer {
  border-top: 5px solid #004273;
  text-align: center;
  padding: 15px 0;
}
footer .copyright {
  font-size: 13px;
}

/* howto
-------------------------*/
.howto {
  margin-bottom: 15px;
}
.howto h3 {
  margin-bottom: 0px;
  margin-left: 20px;
}
.howto .fig {
  width: 132px;
  float: left;
  margin-right: 8px;
}
.howto .text {
  width: 120px;
  float: left;
  font-size: 12px;
  line-height: 1.2;
}
.howto .text dt {
  font-weight: bold;
}
.howto .text dd {
  margin-bottom: 10px;
}

/* margin
-------------------------*/
.mb40 {
  margin-bottom: 40px !important;
}
.mb20 {
  margin-bottom:20px !important;
}

.listinner {
  display: block;
  padding: 14px 0 14px 50px;
  text-decoration: none;
  background-size: 5px 5px;
  font-size: 0.78rem;
  border-bottom: 1px solid #dddddd;
}
.listinner a {
  color:#000 !important;
}


.cl_mcservice {
  width:80%;
  border:1px solid #c3c3c3;
  margin:0 auto;
  text-align:left;
  padding:14px;
  font-size:0.8rem;
  line-height:143%;
}
.cl_mcservice .big {
  font-size:0.88rem;
  font-weight:bold;
  margin-bottom:10px;
  text-align: center
}
.cl_link {
  text-align: center;
  font-size:0.88rem;
}
.flowund_mcs {
  margin:20px 0;
}
.flowund_mcs a{
  text-decoration: underline;
}