@charset "Shift_JIS";

/*---------------------
   header style
---------------------*/
/* logo */
#header h1 {
  float: left;
  width: 180px;
  height: 60px;
  text-indent: -9999px;
  background: url(../image/main_01.gif) no-repeat;
}

#header h1 a {
  display: block;
  width: 100%;
  height: 100%;
}

/* login form */
#header form {
  float: right;
  width: 440px;
  text-align: right;
}

#header table {
  height: 60px;
  margin-left: auto;
  margin-right: 8px;
}

#header table th,
#header table td {
  font-weight: normal;
  padding: 0 4px;
  vertical-align: bottom;
}

#header table td#issue-pass {
  padding-top: 3px;
  font-size: 80%;
  text-align: right;
  vertical-align: top;
}

/*---------------------
   visual-contents style
---------------------*/
/* flash */
#visual-contents {
  clear: both;
  width: 620px;
  height: 260px;
}

/*---------------------
   contents style
---------------------*/
/* entry-contetns */
#entry-contents {
  padding-top: 16px;
  padding-bottom: 15px;
  background: url(../image/dot_620.gif) 0 0 no-repeat;
}

#entry-contents ul {
  float: left;
  width: 302px;
  background: url(../image/100off.gif) 10px 50% no-repeat;
}

#entry-contents li {
  width: 207px;
  height: 40px;
  margin-left: 95px;
  text-indent: -9999px;
}

#entry-contents li a {
  display: block;
  width: 100%;
  height: 100%;
}

#entry-contents li#entrybtn-m {
  margin-bottom: 2px;
  background: url(../image/newc_man_over.gif) no-repeat;
}

#entry-contents li#entrybtn-m a {
  background: url(../image/newc_man.gif) no-repeat;
}
#entry-contents li#entrybtn-f {
  background: url(../image/newc_woman_over.gif) no-repeat;
}

#entry-contents li#entrybtn-f a {
  background: url(../image/newc_woman.gif) no-repeat;
}

#entry-contents li#entrybtn-m a:hover,
#entry-contents li#entrybtn-m a:focus,
#entry-contents li#entrybtn-f a:hover,
#entry-contents li#entrybtn-f a:focus {
  background-image: none;
}

#entry-contents p#entry-intro {
  margin-left: 330px;
  margin-right: 20px;
  padding-top: 10px;
  font-size: 80%;
  line-height: 1.6;
}

/* userlist-contents */
#userlist-contents {
  width: 100%;
  padding-top: 11px;
  padding-bottom: 10px;
  text-align: center;
  background: url(../image/dot_620.gif) 0 0 no-repeat;
}

#userlist-contents h2 {
  width: 566px;
  height: 50px;
  margin: 0 auto;
  text-indent: -9999px;
  background: url(../image/newm_title_2.gif) no-repeat;
}

#userlist-contents #userlist {
  width: 575px;
  margin: 0 auto;
  text-align: left;
}

#userlist-contents .user {
  float: left;
  width: 105px;
  margin: 0 5px;
  background: url(../image/newm_bg.gif) repeat-y;
}

#userlist-contents .user dl {
  width: 100%;
}

#userlist-contents .user dt {
  padding-top: 8px;
  padding-right: 2px;
  padding-bottom: 5px;
  text-align: center;
  background: url(../image/newm_head.gif) 0 0 no-repeat;
}

#userlist-contents .user dd {
  padding-right: 2px;
  text-align: center;
  font-size: 80%;
}

#userlist-contents .user dd.name {
  color: #ff0066;
}

#userlist-contents .user dd.age {
  color: #0099ff;
}

#userlist-contents .user dd.details-btn {
  padding-top: 5px;
  padding-bottom: 12px;
  background: url(../image/newm_bottom.gif) 0 100% no-repeat;
}

#userlist-contents .user dd.details-btn p {
  width: 95px;
  height: 23px;
  margin: 0 auto;
  text-indent: -9999px;
  background: url(../image/newm_btn_over.gif) no-repeat;
}

#userlist-contents .user dd.details-btn p a {
  display: block;
  width: 100%;
  height: 100%;
  background: url(../image/newm_btn.gif) no-repeat;
}

#userlist-contents .user dd.details-btn p a:hover,
#userlist-contents .user dd.details-btn p a:focus {
  background-image: none;
}

/* search-contents */
#search-contents {
  width: 100%;
  padding-top: 21px;
  padding-bottom: 20px;
  text-align: center;
  background: url(../image/dot_620.gif) 0 0 no-repeat;
}

#search-contents table {
  margin: 0 auto;
  text-align: left;
}

#search-contents table th,
#search-contents table td {
  vertical-align: top;
}

#search-contents table h2 {
  width: 180px;
  height: 18px;
  text-indent: -9999px;
  background: url(../image/md_main.gif) no-repeat;
}

#search-contents table p#search-intro {
  width: 275px;
  height: 68px;
  margin-top: 10px;
  text-indent: -9999px;
  background: url(../image/map_about.gif) no-repeat;
}

#search-contents table p#search-step {
  width: 222px;
  height: 31px;
  margin-top: 20px;
  text-indent: -9999px;
  background: url(../image/map_step.gif) no-repeat;
}

#search-contents table td#search-select {
  width: 160px;
}

#search-contents table td#search-select select {
  margin: 3px 0;
  background-color: #fff2e0;
}

/*---------------------
   siteinfo style
---------------------*/
#siteinfo-contents {
  width: 100%;
  padding-top: 21px;
  padding-bottom: 5px;
  background: url(../image/dot_620.gif) 0 0 no-repeat;
}

#siteinfo-contents ul {
  width: 566px;
  margin: 0 27px;
}

#siteinfo-contents li {
  float: left;
  width: 80px;
  height: 55px;
  text-indent: -9999px;
}

#siteinfo-contents li a {
  display: block;
  width: 100%;
  height: 100%;
}

#siteinfo-contents li#about {
  width: 83px;
  margin-top: 37px;
  background: url(../image/ft_mn_01_over.gif) no-repeat;
}

#siteinfo-contents li#pp {
  margin-top: 15px;
  background: url(../image/ft_mn_02_over.gif) no-repeat;
}

#siteinfo-contents li#price {
  margin-top: 5px;
  background: url(../image/ft_mn_03_over.gif) no-repeat;
}

#siteinfo-contents li#agreement {
  background: url(../image/ft_mn_04_over.gif) no-repeat;
}

#siteinfo-contents li#pc_ageattest {
  margin-top: 5px;
  background: url(../image/ft_mn_05_over.gif) no-repeat;
}

#siteinfo-contents li#company {
  margin-top: 15px;
  background: url(../image/ft_mn_06_over.gif) no-repeat;
}

#siteinfo-contents li#inquiry {
  width: 83px;
  margin-top: 37px;
  background: url(../image/ft_mn_07_over.gif) no-repeat;
}

#siteinfo-contents li#about a {
  background: url(../image/ft_mn_01.gif) no-repeat;
}

#siteinfo-contents li#pp a {
  background: url(../image/ft_mn_02.gif) no-repeat;
}

#siteinfo-contents li#price a {
  background: url(../image/ft_mn_03.gif) no-repeat;
}

#siteinfo-contents li#agreement a {
  background: url(../image/ft_mn_04.gif) no-repeat;
}

#siteinfo-contents li#pc_ageattest a {
  background: url(../image/ft_mn_05.gif) no-repeat;
}

#siteinfo-contents li#company a {
  background: url(../image/ft_mn_06.gif) no-repeat;
}

#siteinfo-contents li#inquiry a {
  background: url(../image/ft_mn_07.gif) no-repeat;
}

#siteinfo-contents li#about a:hover,
#siteinfo-contents li#about a:focus,
#siteinfo-contents li#pp a:hover,
#siteinfo-contents li#pp a:focus,
#siteinfo-contents li#price a:hover,
#siteinfo-contents li#price a:focus,
#siteinfo-contents li#agreement a:hover,
#siteinfo-contents li#agreement a:focus,
#siteinfo-contents li#pc_ageattest a:hover,
#siteinfo-contents li#pc_ageattest a:focus,
#siteinfo-contents li#company a:hover,
#siteinfo-contents li#company a:focus,
#siteinfo-contents li#inquiry a:hover,
#siteinfo-contents li#inquiry a:focus {
  background-image: none;
}

#siteinfo-contents p#backhome {
  clear: both;
  width: 100%;
  text-align: center;
}

#siteinfo-contents p#backhome a {
  display: block;
  width: 120px;
  height: 45px;
  margin: 0 auto;
  text-indent: -9999px;
  background: url(../image/logo2.gif) no-repeat;
}

/*----------------------
    linkbannre style
----------------------*/
#linkbanner-contents {
  width: 100%;
  padding-top: 21px;
  padding-bottom: 20px;
  text-align: center;
  background: url(../image/dot_620.gif) 0 0 no-repeat;
}

/*---------------------
   popup contents style
---------------------*/ 
#popup-wrapper {
  text-align: center;
}

#domain-contents {
  width: 375px;
  margin: 5px auto;
  border: 1px solid #ccc;
}

#domain-contents h2 {
  width: 375px;
  height: 90px;
  text-indent: -9999px;
}

#domain-contents h2#domain-caption-docomo {
  background: url(../image/domain_caption_i.gif) 50% 0 no-repeat;
}

#domain-contents h2#domain-caption-au {
  background: url(../image/domain_caption_e.gif) 50% 0 no-repeat;
}

#domain-contents h2#domain-caption-softbank {
  background: url(../image/domain_caption_s.gif) 50% 0 no-repeat;
}

#domain-contents strong {
  color: #ff2a75;
}

#domain-contents .arrow {
  color: #999;
}

#close-btn {
  margin-top: 25px;
  padding: 20px 0;
  background: url(../image/dot_620.gif) 0 0 no-repeat;
}

#close-btn p a {
  padding: 5px 10px;
}

/*----------------------
    preindex style
----------------------*/
#preindex {
  width: 100%;
  padding-top: 21px;
  padding-bottom: 20px;
  text-align: center;
  background: url(../image/dot_620.gif) 0 0 no-repeat;
}

#preindex #preindex-intro {
  width: 286px;
  margin: 20px auto 30px;
  padding-top: 15px;
  font-size: 80%;
  color: #666;
  background: #f1f0eb url(../image/t_01.gif) 0 0 no-repeat;
}

#preindex #preindex-intro h2 {
  width: 95px;
  height: 18px;
  margin: 0 auto 5px;
  font-size: 100%;
  text-indent: -9999px;
  background: url(../image/ageconfirm_ttl.gif) no-repeat;
}

#preindex #preindex-intro p {
  padding: 2px 10px 15px;
  background: url(../image/b_01.gif) 0 100% no-repeat;
}

#preindex dd#over p {
  width: 207px;
  height: 40px;
  margin: 5px auto;
  text-indent: -9999px;
  background: url(../image/18_01_over.gif) no-repeat;
}

#preindex dd#over a {
  display: block;
  width: 100%;
  height: 100%;
  background: url(../image/18_01.gif) no-repeat;
}

#preindex dd#over a:hover,
#preindex dd#over a:focus {
  background-image: none;
}

#preindex dd#under {
  margin-top: 70px;
  margin-bottom: 20px;
  font-size: 120%;
}

/*---------------------
 contents caption style
---------------------*/
h2#caption {
  width: 100%;
  height: 150px;
  margin: 30px 0 90px;
  text-indent: -9999px;
}

h2.ttl-about {
  background: url(../image/about.gif) 50% 50% no-repeat;
}

h2.ttl-pp {
  background: url(../image/pp.gif) 50% 50% no-repeat;
}

h2.ttl-price {
  background: url(../image/price.gif) 50% 50% no-repeat;
}

h2.ttl-agreement {
  background: url(../image/kiyaku.gif) 50% 50% no-repeat;
}

h2.ttl-tokusyou {
  background: url(../image/tokusyou.gif) 50% 50% no-repeat;
}

h2.ttl-company {
  background: url(../image/company.gif) 50% 50% no-repeat;
}

h2.ttl-ageattest {
  background: url(../image/pc_ageattest.gif) 50% 50% no-repeat;
}

/*---------------------
   about style
---------------------*/
#about-contents dl {
  margin: 0 80px 80px;
}

#about-contents dt {
  margin-bottom: 20px;
  font-size: 125%;
  color: #ff2a75;
}

#about-contents dd {
  margin-bottom: 20px;
}

/*---------------------
   agreement style
---------------------*/
#agreement-contents {
  margin-bottom: 50px;
}

#agreement-contents h3 {
  margin: 0 80px 25px;
  font-size: 140%;
}

#agreement-contents p {
  margin: 0 80px 5px;
}

#agreement-contents ul {
  margin: 0 80px 20px;
  font-size: 80%;
}

#agreement-contents li {
  margin-left: 3em;
  margin-bottom: 1px;
  list-style-type: disc;
}

/*---------------------
   pp style
---------------------*/
#pp-contents dl {
  margin: 0 80px;
}

#pp-contents dt#pp-intro {
  margin-bottom: 20px;
  font-weight: normal;
  font-size: 125%;
  color: #333;
}

#pp-contents dt {
  font-weight: bold;
  color: #ff2a75;
}

#pp-contents dd {
  margin-bottom: 20px;
}

/*---------------------
   price style
---------------------*/
#price-contents {
  text-align: center;
}

#price-contents p {
  padding: 5px 0;
  font-size: 125%;
}

#price-contents table {
  width: 525px;
  margin: 0 auto 25px;
  border-collapse: collapse;
}

#price-contents th {
  font-size: 130%;
  font-weight: normal;
}

#price-contents th,
#price-contents td {
  padding: 3px;
  border: 1px solid #777;
  text-align: center;
  vertical-align: middle;
}

#price-contents th#price-age {
  width: 80px;
  background-color: #fff6d9;
}

#price-contents th#price-item {
  width: 300px;
  background-color: #fff6d9;
}

#price-contents th#price-point {
  width: 120px;
  background-color: #fff6d9;
}

#price-contents td.c1 {
  background-color: #e6eaff;
}

#price-contents td.c2 {
  background-color: #ffe6e6;
}

/*---------------------
 tokusyou/company style
---------------------*/
#company-contents,
#tokusyou-contents {
  text-align: center;
}

#company-contents table,
#tokusyou-contents table {
  width: 525px;
  margin: 0 auto 25px;
  line-height: 1.2;
  border-collapse: collapse;
}

#company-contents th,
#tokusyou-contents th {
  width: 150px;
  background-color: #fff6d9;
}

#company-contents th,
#company-contents td,
#tokusyou-contents th,
#tokusyou-contents td {
  padding: 3px 5px;
  border: 1px solid #777;
  text-align: left;
  vertical-align: middle;
}

#tokusyou-contents table li {
  list-style-type: square;
  margin-left: 15px;
}

/*---------------------
   ageattest style
---------------------*/
#ageattest_contents {
  margin: 0 80px;
}

#ageattest_contents dt {
  font-weight: bold;
}

#ageattest_contents dd {
  margin-bottom: 20px;
}

#ageattest_contents dd ol {
  padding-left: 3em;
  margin: 5px 0 10px;
}

#ageattest_contents dd li {
  padding-bottom: 2px;
}

#ageattest_contents strong {
  color: #ff2a75;
  font-weight: normal;
}

#ageattest_contents dd dl {
  margin: 30px 20px;
}

#ageattest_contents dd dt {
  padding: 2px 5px;
  color: #fff;
  background-color: #999;
}

#ageattest_contents dd dd {
  text-align: center;
  margin-bottom: 30px;
}

#ageattest_contents dd dd strong {
  color: #999;
  font-weight: normal;
}

#ageattest_contents dd dd img {
  margin-top: 5px;
}

/*---------------------
   personal style
---------------------*/
#personal-contents {
  text-align: center;
}
  
#personal-contents table {
  width: 380px;
  margin: 30px auto;
  text-align: left;
  line-height: 1.1;
}

#personal-contents th,
#personal-contents td {
  background-color: #fff6d9;
  text-align: left;
  vertical-align: middle;
}

th#personal-caption {
  padding: 10px;
  font-weight: normal;
}

th#personal-caption strong {
  color: #ff3366;
  font-size: 130%;
  font-weight: bold;
}

th#personal-caption span#hope1 {
  color: #008000;
}

th#personal-caption span#hope2 {
  color: #0000ff;
}

th#personal-caption em {
  font-size: 80%;
  font-style: normal;
}

th#personal-caption p {
  padding-bottom: 5px;
  margin: 3px 0;
  border-bottom: 1px solid #999;
}

#personal-contents td {
  padding: 2px 15px 6px 4px;
}

#personal-contents td span {
  color: #f00;
}

td#personal-img {
  width: 115px;
  padding: 0;
}

td#personal-img img {
  margin-left: 10px;
}

#sendmail-btn {
  text-align: center;
  margin-bottom: 50px;
}

#sendmail-btn span {
  color: #ff3366;
  font-weight: bold;
}

#sendmail-btn p {
  width: 140px;
  height: 30px;
  margin: 10px auto;
  text-indent: -9999px;
  background: url(../image/button_mail_over.gif) no-repeat;
}

#sendmail-btn p a {
  display: block;
  width: 100%;
  height: 100%;
  background: url(../image/button_mail.gif) no-repeat;
}

#sendmail-btn p a:hover,
#sendmail-btn p a:focus {
  background-image: none;
}

/*----------------------
    sexselect style
----------------------*/
#sexselect-contents {
  padding-top: 16px;
  padding-bottom: 15px;
  text-align: center;
  background: url(../image/dot_620.gif) 0 0 no-repeat;
}

#sexselect-contents h2 {
  width: 95px;
  height: 18px;
  margin: 0 auto 10px;
  font-size: 100%;
  text-indent: -9999px;
  background: url(../image/sexselect_ttl.gif) no-repeat;
}

#sexselect-contents p {
  padding: 10px 0;
}

#sexselect-btn-m {
  float: left;
  width: 50%;
  text-align: right;
}

#sexselect-btn-f {
  float: right;
  width: 50%;
  text-align: left;
}

#sexselect-contents li p {
  width: 205px;
  height: 85px;
  padding: 0;
  text-align: left;
  text-indent: -9999px;
}

#sexselect-btn-m p {
  margin-left: auto;
  margin-right: 10px;
  background: url(../image/sexselect_btn_m_over.gif) no-repeat;
}

#sexselect-btn-f p {
  margin-left: 10px;
  margin-right: auto;
  background: url(../image/sexselect_btn_f_over.gif) no-repeat;
}

#sexselect-contents li p a {
  display: block;
  width: 100%;
  height: 100%;
}

#sexselect-btn-m p a {
  background: url(../image/sexselect_btn_m.gif) no-repeat;
}
  
#sexselect-btn-f p a {
  background: url(../image/sexselect_btn_f.gif) no-repeat;
}
 
#sexselect-btn-m p a:hover,
#sexselect-btn-m p a:focus,
#sexselect-btn-f p a:hover,
#sexselect-btn-f p a:focus {
  background-image: none;
}