@charset "Shift_JIS";


/*---------------------
   contents_base style
---------------------*/
#secondary p.intro {
  margin: 15px 20px;
  color: #ff6701;
  font-weight: bold;
}

#secondary .intro2 {
  margin: 5px 20px;
  background: url(../images/intro_bg.jpg) right bottom no-repeat;
}

#secondary .intro2 dt {
  margin-bottom: 10px;
  color: #ff6701;
  font-size: 130%;
  font-weight: bold;
}

#secondary .intro2 dd {
  margin-bottom: 10px;  
  line-height: 105%;
}

#secondary .intro2 span {
  color: #ff6701;
  font-weight: bold;
}

/*---------------------
   caption style
---------------------*/
h2#caption {
  width: 100%;
  height: 55px;
  text-indent: -9999px;
}

h2.ttl_entry {
  background: url(../images/primary_caption_entry.gif) center center no-repeat;
}

h2.ttl_entryf {
  background: url(../images/primary_caption_entry_f.gif) center center no-repeat;
}

h2.ttl_entrym {
  background: url(../images/primary_caption_entry_m.gif) center center no-repeat;
}

h2.ttl_howto {
  background: url(../images/primary_caption_howto.gif) center center no-repeat;
}

h2.ttl_bbs {
  background: url(../images/primary_caption_bbs.gif) center center no-repeat;
}

h2.ttl_faq {
  background: url(../images/primary_caption_faq.gif) center center no-repeat;
}

h2.ttl_agreement {
  background: url(../images/primary_caption_agreement.gif) center center no-repeat;
}

h2.ttl_ageattest {
  background: url(../images/primary_caption_ageattest.gif) center center no-repeat;
}

h2.ttl_company {
  background: url(../images/primary_caption_company.gif) center center no-repeat;
}

h2.ttl_loginerror {
  background: url(../images/primary_caption_loginerror.gif) center center no-repeat;
}

h2.ttl_entryerror {
  background: url(../images/primary_caption_entryerror.gif) center center no-repeat;
}

h2.ttl_error {
  background: url(../images/primary_caption_error.gif) center center no-repeat;
}

h2.ttl_mailbox {
  background: url(../images/primary_caption_mailbox.gif) center center no-repeat;
}

h2.ttl_tokusyou {
  background: url(../images/primary_caption_tokusyou.gif) center center no-repeat;
}

h2.ttl_price {
  background: url(../images/primary_caption_price.gif) center center no-repeat;
}

h2.ttl_privacy {
  background: url(../images/primary_caption_pp.gif) center center no-repeat;
}

h2.ttl_support {
  background: url(../images/primary_caption_sitepolicy.gif) center center no-repeat;
}

h2.ttl_search_result {
  background: url(../images/primary_caption_search_r.gif) center center no-repeat;
}

h2.ttl_profile {
  background: url("../images/primary_caption_profile.gif") center center no-repeat;
}

/*---------------------
   agreement style
---------------------*/
#agreement_contents dl {
  margin: 0 10px 15px 18px;
}

#agreement_contents dt {
  padding-left: 12px;
  color: #ff6701;
  font-weight: bold;
  background: url(../images/arrow_icon.gif) left center no-repeat;
}

#agreement_contents dd {
  margin: 5px 0 5px 35px;
}

#agreement_contents dd ul li {
  margin-left: 30px;
  list-style-image: none;
  list-style-type: square;
}

#agreement_contents dd#date {
  margin: 0;
}

#agreement_contents span {
  color: #ff6701;
  font-weight: bold;
}

/*---------------------
   use/tokusyou/privacy/site_policy style
---------------------*/
#site_policy dt,
#privacy_contents dt,
#tokusyou_contents dt,
#use_contents dt {
  padding: 5px;
  font-weight: bold;
  color: #ff6701;
  border: 3px dashed #ffc500;
  background-color: #fff;
  line-height: 1.4;
}

#tokusyou_contents dl, 
#use_contents dl {
  margin-top: 30px;
}

#site_policy dd,
#faq_contents dd,
#privacy_contents dd,
#tokusyou_contents dd,
#use_contents dd {
  margin: 5px 15px 15px;
  line-height: 1.2;
}

#site_policy span,
#faq_contents span,
#privacy_contents span,
#tokusyou_contents span,
#use_contents span {
  color: #ff6701;
  font-weight: bold;
}

/*-- site_policy style --*/
#site_policy dl {
  background: url(../images/intro_bg.jpg) right top no-repeat;
}

#site_policy dt.support_ttl {
  padding-left: 12px;
  border: none;
  color: #ff6701;
  font-weight: bold;
  line-height: 1;
  background: url(../images/arrow_icon.gif) left center no-repeat;
}

#site_policy dd.support_msg {
  margin: 0 0 10px 15px;
}

#site_policy ol {
  margin-left: 20px;
}

#site_policy ul li {
  margin-left: 15px;
  list-style-type: disc;
}

/*---------------------
   ageattest style
---------------------*/
#ageattest_contents dt {
  padding: 5px;
  font-weight: bold;
  color: #ff6701;
  border: 3px dashed #ffc500;
  background-color: #fff;
  line-height: 1.4;
}

#ageattest_contents dl {
  margin-top: 30px;
}

#ageattest_contents dd {
  margin: 5px 15px 15px;
  line-height: 1.2;
}

#ageattest_contents dd ol {
  padding-left: 4em;
  margin-top: 5px;
}

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

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

#ageattest_contents strong {
  color: #ff6701;
}

/*---------------------
   bbs style
---------------------*/
#bbs_contents {
  text-align: center;
}

#bbs_contents #bbs_login {
  width: 450px;
  padding-bottom: 10px;
  margin: 20px auto 0;
  background: url(../images/bbs_login_bg.gif) center bottom no-repeat;
}

#bbs_contents #bbs_login h3 {
  display: block;
  width: 450px;
  height: 75px;
  text-indent: -9999px;
  background: url(../images/bbs_login_ttl.gif) center top no-repeat;
}

#bbs_contents #bbs_login table,
#bbs_contents #bbs_login th,
#bbs_contents #bbs_login td {
  border: none;
}
  
#bbs_contents #bbs_login table {
  margin: 5px auto;
  text-align: center;
}

#bbs_contents #bbs_login input {
  width: 150px;
  height: 1.5em;
  margin: 4px 0;
}

#bbs_contents #bbs_login input.bbs_login_btn {
  display: block;
  width: 200px;
  height: 30px;
  margin: 0 auto;
  border: none;
  text-indent: -9999px;
  background: url("../images/bbs_login_btn_off.gif") no-repeat;
}

#bbs_contents #bbs_login input.bbs_login_btn:hover,
#bbs_contents #bbs_login input.bbs_login_btn_hover {
  display: block;
  width: 200px;
  height: 30px;
  margin: 0 auto;
  border: none;
  text-indent: -9999px;
  background: url("../images/bbs_login_btn_on.gif") no-repeat;
}

#bbs_contents #bbs_login p {
  margin: 0 10px;
  padding: 5px 15px 5px;
  font-size: 80%;
  text-align: left;
  background-color: #ffe1a4;
}

#bbs_contents #bbs_entry {
  width: 450px;
  margin: 30px auto 0;
  text-align: center;
}

#bbs_contents #bbs_entry h3 {
  display: block;
  width: 450px;
  height: 60px;
  text-indent: -9999px;
  background: url(../images/bbs_entry_ttl.gif) center top no-repeat;
}

/*-- bbs_entry style --*/
#bbs_contents #bbs_entry_contents {
  width: 390px;
  margin: 10px auto 0;
}

#bbs_contents #bbs_entry ul li {
  float: left;
  width: 190px;
  height: 120px;
  margin-bottom: 5px;
}

#bbs_contents #bbs_entry ul li a {
  display: block;
  width: 100%;
  height: 100%;
  text-indent: -9999px;
}

#bbs_contents #bbs_entry ul li#bbs_entry_f {
  margin-right: 10px;
  background: url(../images/entry_btn_f_on.gif) no-repeat;
}

#bbs_contents #bbs_entry ul li#bbs_entry_f a {
  background: url(../images/entry_btn_f_off.gif) no-repeat;
}

#bbs_contents #bbs_entry ul li#bbs_entry_m {
  background: url(../images/entry_btn_m_on.gif) no-repeat;
}

#bbs_contents #bbs_entry ul li#bbs_entry_m a {
  background: url(../images/entry_btn_m_off.gif) no-repeat;
}

#bbs_contents #bbs_entry ul li#bbs_entry_f a:hover,
#bbs_contents #bbs_entry ul li#bbs_entry_m a:hover {
  background-image: none;
}

#bbs_contents #bbs_entry p {
  clear: both;
}

/*---------------------
   faq style
---------------------*/
#faq_contents dt {
  clear: both;
  padding-left: 25px;
  font-weight: bold;
  color: #ff6701;
  border: 3px dashed #ffc500;
  background: url(../images/q_icon.gif) left center no-repeat;
  line-height: 2;
}

#faq_contents dd {
  margin: 5px 15px 15px;
  padding-left: 25px;
}

#faq_contents dd.answer {
  background: url(../images/a_icon.gif) top left no-repeat;
}

#faq_contents ul {
  clear: both;
  margin-left: 30px;
}

#faq_contents li {
  float: left;
  width: 50px;
  height: 34px;
  margin-left: 10px;
  margin-bottom: 15px;
}

/*---------------------
   company style
---------------------*/
#company_contents {
  text-align: center;
}

#company_contents table {
  width: 70%;
  margin: 60px auto 100px;
  border: 3px dashed #ffc500;
  font-size: 100%;
}

#company_contents th {
  width: 30%;
  padding: 5px;
  border: none;
  color: #9c6c45;
  text-align: center;
  background-color: #fee1b2;
}

#company_contents td {
  padding: 5px;
  border: 3px double #cfe920;
  text-align: left;
}

#company_contents td span {
  color: #ff6701;
}

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

#price_contents table {
  width: 70%;
  margin: 30px auto 50px;
  border: 3px dashed #ffc500;
  font-size: 100%;
}

#price_contents th {
  width: 50%;
  padding: 5px 10px;
  border: none;
  color: #9c6c45;
  text-align: right;
  background-color: #fee1b2;
}
  
#price_contents td {
  padding: 5px;
  border: 3px double #cfe920;
  color: #ff6701;
  font-weight: bold;
  text-align: center;
}

#price_contents td#rate {
  border: none;
  color: #ff6701;
  font-weight: bold;
  text-align: right;
  vertical-align: top;
}

/*----------------------
    message style
----------------------*/
#message_contents {
  text-align: center;
  margin-bottom: 20px;
}

#message_contents span {
  color: #ff6701;
}
  
#message_contents #ok_message {
  width: 90%;
  margin: 20px auto 5px;
  padding-top: 5px;
}

#message_contents #ok_message em {
  padding: 10px;
  color: #ff6701;
  font-size: 110%;
  font-style: normal;
  font-weight: bold;
  border: 1px solid #ff6701;
  line-height: 2.5;
}

#message_contents #ok_message p.user_address {
  margin: 5px 0 10px;
  font-size: 160%;
}
  
#message_contents #ok_message p.user_address span {
  font-weight: bold;
}

#message_contents #ok_message #regist_message {
  padding: 10px 20px;
  margin-top: 20px;
  text-align: left;
  background-color: #fee1b2;
  line-height: 1.7;
}

#message_contents #ok_message form {
  margin: 10px 0;
}

#message_contents #ok_message form p {
  text-align: center;
}

#message_contents #ok_message form span {
  font-weight: bold;
}

#message_contents #ok_message form small {
  font-size: 85%;
  padding: 0 5px;
}

#message_contents #message {
  width: 80%;
  margin: 20px auto 5px;
}

#message_contents #message em {
  padding: 10px;
  color: #ff6701;
  font-size: 110%;
  font-style: normal;
  font-weight: bold;
  border: 1px solid #ff6701;
  line-height: 3.5;
}
  
#message_contents #message p {
  padding: 5px 15px;
  text-align: left;
  background-color: #fee1b2;
}

#message_contents #message p#cord {
  text-align: right;
}

#message_contents #message form {
  padding: 5px 0;
  background-color: #fee1b2;
}

#message_contents input.check_login_btn {
  display: block;
  width: 200px;
  height: 30px;
  margin: 0 auto;
  border: none;
  text-indent: -9999px;
  background: url("../images/check_login_btn_off.gif") no-repeat;
}

#message_contents input.check_login_btn:hover,
#message_contents input.check_login_btn_hover {
  display: block;
  width: 200px;
  height: 30px;
  margin: 0 auto;
  border: none;
  text-indent: -9999px;
  background: url("../images/check_login_btn_on.gif") no-repeat;
}

#message_contents #backhome {
  text-align: center;
  margin: 30px 0 20px;
}

#message_contents #backhome p {
  width: 135px;
  height: 30px;
  margin: 0 auto;
  text-indent: -9999px;
  background: url(../images/back_btn_on.gif) no-repeat;
}

#message_contents #backhome p a {
  display: block;
  width: 135px;
  height: 30px;
  background: url(../images/back_btn_off.gif) no-repeat;
}

#message_contents #backhome p a:hover {
  background-image: none;
}

/*----------------------
  regend-domain style
----------------------*/
#domain_contents {
  width: 570px;
  height: 250px;
  margin-top: 20px;
  background: url(../images/check_domain.gif) no-repeat;
}

#domain_contents ul {
  padding: 188px 0 0 335px;
}

#domain_contents li {
  float: left;
  width: 50px;
  height: 34px;
  margin-right: 10px;
  line-height: normal;
  vertical-align: bottom;
}

#domain_contents li a {
  display: block;
  width: 100%;
  height: 100%;
  text-indent: -9999px;
}

#domain_contents li#reg_docomo {
  background: url(../images/domain_btn_i_on.gif) no-repeat;
}

#domain_contents li#reg_docomo a {
  background: url(../images/domain_btn_i_off.gif) no-repeat;
}

#domain_contents li#reg_au {
  background: url(../images/domain_btn_e_on.gif) no-repeat;
}

#domain_contents li#reg_au a {
  background: url(../images/domain_btn_e_off.gif) no-repeat;
}

#domain_contents li#reg_softbank {
  margin-bottom: 3px;
  background: url(../images/domain_btn_s_on.gif) no-repeat;
}

#domain_contents li#reg_softbank a {
  background: url(../images/domain_btn_s_off.gif) no-repeat;
}

#domain_contents li#reg_docomo a:hover,
#domain_contents li#reg_au a:hover,
#domain_contents li#reg_softbank a:hover {
  background-image: none;
}

/*----------------------
   search_result style
----------------------*/
#search_result {
  overflow: auto;
  width: auto;
  height: 230px;
  border: solid 1px #ff6701;
  font-size: 95%;
}

#search_result .bbs_r_img {
  float: left;
  width: 75px;
  height: 100%;
  text-align: center;
  background-color: #47270a;
}

.bbs_r_img img {
  height: 50px;
}

#search_result dl {
  width: 480px;
}

#search_result dl,
#search_result dt,
#search_result dd {
  float: left;
  padding-left: 5px;
}

#search_result dt {
  width: 10em;
  height: 1.5em;
  overflow: hidden;
  font-weight: bold;
}

#search_result dd.bbs_read a {
  display: block;
  text-indent: -9999px;
  width :50px;
  height: 20px;
  margin-bottom: 5px;
}

#search_result dd.bbs_read a {
  background: url("../images/bbs_r_read_off.gif") no-repeat;
}

#search_result dd.bbs_read a:hover {
  background: url("../images/bbs_r_read_on.gif") no-repeat;
}

#search_result dd.bbs_r_msg {
  clear: both;
  width: 475px;
  height: 1.5em;
  border-top: solid 1px #ff6701;
  overflow: hidden;
  background-color: #fee1b2;
}

#search_result .list_data {
  clear: both;
  height: 50px;
  padding: 4px 0;
  border-bottom: solid 1px #ff6701;
}

#search_result #no_data p {
  margin-bottom: 30px;
  border-bottom: solid 1px #cfe920;
  color: #ff6701;
  font-size: 120%;
  font-weight: bold;
  text-align: center;
}

#re_search {
  clear: both;
  width: auto;
  margin: 5px 0;
  padding: 5px 10px;
  border: double 3px #faca87;
  color: #9c6c45;
  font-size: 130%;
  font-weight: bold;
  background-color: #fee1b2;
}

/*----------------------
    profile style
----------------------*/
#profile #send_msg,
#profile #more {
  width: auto;
  margin-top: 2px;
}

/*--　名前表示キャプション　--*/
#profile .pr_title {
  width: auto;
  margin: 8px 3px;
  padding: 2px 5px;
  border: 3px dashed #ffc500;
  color: #ff6701;
  font-weight: bold;
}

#profile .pr_title .pr_name {
  width: auto;
  height: 1.5em;
  overflow: hidden;
}

/*--　　掲示板　　--*/
#profile #send_msg table#profbbs {
  width: 100%;
  height: auto;
  border: solid 1px #ff6701;
  font-size: 100%;
}

#profile #send_msg #profbbs #pr_photo {
  width: 120px;
  height: 120px;
  text-align: center;
  background-color: #47270a;
}

#profile #send_msg #profbbs #pr_photo img {
  height: 120px;
}

#profile #send_msg #profbbs #pr_date {
  height: 1em;
  padding-right: 1em;
  text-align: right;
  background-color: #fee1b2;
}

#profile #send_msg #profbbs th {
  width: 8em;
  color: #9c6c45;
  text-align: center;
  background-color: #fee1b2;
}

#profile #send_msg #profbbs td.bbs_msg {
  padding: 5px;
  border: double 3px #cfe920;
}

/*-- メール送信フォーム　--*/
#entry_form_contents #sendmail_submit {
  clear: both;
  width: 100%;
  padding-top: 5px;
  padding-bottom: 10px;
  text-align: center;
  background-color: #fff;
}

#entry_form_contents #sendmail_submit input.sendmail_btn {
  display: block;
  width: 300px;
  height: 30px;
  margin: 0 auto;
  text-indent: -9999px;
  border: none;
  background: url("../images/sendmail_btn_off.gif") no-repeat;
}

#entry_form_contents #sendmail_submit input.sendmail_btn:hover,
#entry_form_contents #sendmail_submit input.sendmail_btn_hover {
  display: block;
  width: 300px;
  height: 30px;
  margin: 0 auto;
  text-indent: -9999px;
  border: none;
  background: url("../images/sendmail_btn_on.gif") no-repeat;
}

/*--　プロフィール詳細　--*/
#profile #more {
  clear: both;
}

#profile #more table#more_prof {
  width: 580px;
  height: auto;
  margin-bottom: 20px;
  border: solid 1px #ff6701;
  font-size: 100%;
}

#profile #more #more_prof td {
  border: double 3px #cfe920;
}

#profile #more #more_prof th {
  width: 8em;
  color: #9c6c45;
  text-align: center;
  background-color: #fee1b2;
}