@charset "Shift_JIS";

/*---------------------
   base style
---------------------*/
* {
  margin: 0;
  padding: 0;
}

html {
  overflow-y: scroll;
  margin: 0;
  padding: 0;
}

body {
  color: #000;
  text-align: center;
  background-color: #fff;
}

img {
  border: none;
}

ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  font-size: 100%;
}

a:active,
a:visited,
a:link {
  color: #0000ff;
  text-decoration: none;
}

a:hover {
  color: #ccc;
  text-decoration: underline;
}

span {
  font-size: 80%;
}

span.emphasis {
  color: #e4033b;
  font-size: 100%;
}

#wrapper {
  width: 760px;
  margin: 0 auto;
  text-align: left;
}

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

#header h1#index_logo {
  width: 305px;
  height: 62px;
  background: url(../image/site_title.gif) no-repeat;
}

#login {
  float: right;
  width: 460px;
  height: 58px;
  background: url(../image/login_bg.gif) no-repeat;
}

#login table {
  width: 403px;
  margin-top: 29px;
}

#login th {
  width: 65px;
  height: 20px;
  text-indent: -9999px;
}

#login th#id {
  padding: 0 6px 0 2px;
  background: url(../image/login_id.gif) no-repeat;
}

#login th#pass {
  background: url(../image/login_pass.gif) no-repeat;
}

input.login_btn {
  margin-left: 8px;
  padding: 0 6px;
  cursor: pointer;
}

/*-- index用ログインフォーム --*/
#login_index {
  float: right;
  width: 419px;
  height: 47px;
  background: url(../image/login_bg_index.gif) no-repeat;
}

#login_index table {
  width: 100%;
  margin-top: 23px;
}

#login_index th {
  width: 65px;
  height: 20px;
  text-indent: -9999px;
}

#login_index th#id {
  padding: 0 4px 0 2px;
  background: url(../image/login_id.gif) 10px top no-repeat;
}

#login_index th#pass {
  background: url(../image/login_pass.gif) no-repeat;
}

#login_index input.login_btn {
  margin-left: 10px;
  padding: 0 3px;
}

/*-------------------------
      entry  style
-------------------------*/
#entry {
  clear: both;
  background: url(../image/main_image.jpg) right bottom no-repeat;
}

#entry ul {
  width: 360px;
  height: 260px;
  background: url(../image/entry_bottom.gif) left bottom no-repeat;
}

#sex_confirm_contents li,
#entry li {
  width: 319px;
  height: 46px;
  text-indent: -9999px;
}

#sex_confirm_contents li a,
#entry li a {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

#sex_confirm_contents li#sex_confirm_m,
#entry li#entry_m {
  margin: 18px 0 10px 14px; 
  background: url(../image/entry_m_on.gif) no-repeat;
}

#sex_confirm_contents li#sex_confirm_m a,
#entry li#entry_m a {
  background: url(../image/entry_m_off.gif) no-repeat;
}

#sex_confirm_contents li#sex_confirm_f,
#entry li#entry_f {
  margin-left: 14px; 
  background: url(../image/entry_f_on.gif) no-repeat;
}

#sex_confirm_contents li#sex_confirm_f a,
#entry li#entry_f a {
  background: url(../image/entry_f_off.gif) no-repeat;
}

#sex_confirm_contents li#sex_confirm_m a:hover,
#sex_confirm_contents li#sex_confirm_f a:hover,
#entry li#entry_m a:hover,
#entry li#entry_f a:hover {
  background-image: none;
}

#entry li#entry_msg {
  width: 360px;
  height: 110px;
  background: url(../image/entry_msg.gif) left top no-repeat;
}

/*-------------------------
      main_menu  style
-------------------------*/
#main_menu {
  width: 760px;
  height: 30px;
}

#main_menu li {
  float: left;
  width: 90px;
  height: 30px;
  margin-top: 5px;
  margin-right: 2px;
  text-indent: -9999px;
}

#main_menu li a {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

#main_menu li#home {
  background: url(../image/main_menu_home_on.gif) no-repeat;
}

#main_menu li#home a {
  background: url(../image/main_menu_home_off.gif) no-repeat;
}

#main_menu li#about {
  background: url(../image/main_menu_about_on.gif) no-repeat;
}

#main_menu li#about a {
  background: url(../image/main_menu_about_off.gif) no-repeat;
}

#main_menu li#agreement {
  background: url(../image/main_menu_agreement_on.gif) no-repeat;
}

#main_menu li#agreement a {
  background: url(../image/main_menu_agreement_off.gif) no-repeat;
}

#main_menu li#ageattest {
  background: url(../image/main_menu_ageattest_on.gif) no-repeat;
}

#main_menu li#ageattest a {
  background: url(../image/main_menu_ageattest_off.gif) no-repeat;
}

#main_menu li#faq {
  background: url(../image/main_menu_faq_on.gif) no-repeat;
}

#main_menu li#faq a {
  background: url(../image/main_menu_faq_off.gif) no-repeat;
}

#main_menu li#inquiry {
  background: url(../image/main_menu_inquiry_on.gif) no-repeat;
}

#main_menu li#inquiry a {
  background: url(../image/main_menu_inquiry_off.gif) no-repeat;
}

#main_menu li#inquiry a:hover,
#main_menu li#faq a:hover,
#main_menu li#ageattest a:hover,
#main_menu li#agreement a:hover,
#main_menu li#about a:hover,
#main_menu li#home a:hover {
  background-image: none;
}

#main_menu li#menubtn_r,
#main_menu li#menubtn_l {
  width: 103px;
  height: 30px;
  margin: 5px 2px 0 0;
  text-indent: 0;
}

#main_menu li#menubtn_r {
  margin: 5px 0 0;
}

/*-------------------------
      container style
-------------------------*/
#container {
  clear: both;
  width: 760px;
  margin-top: 14px;
  margin-bottom: 20px;
}

/*-------------------------
       primary style
-------------------------*/
#primary {
  float: left;
  width: 282px;
}

#primary table {
  width: 100%;
  font-size: 12px;
  background: url(../image/primary_bg_middle.gif) repeat-y;
}

#primary th.ttl {
  width: 282px;
  height: 48px;
  text-indent: -9999px;
}

/*-- 検索MAP --*/
table#search_map th.ttl {
  background: url(../image/search_ttl.gif) no-repeat;
}

table#search_map td#map {
  width: 268px;
  height: 218px;
  padding: 27px 0 0 10px;
  background: url(../image/map.gif) center center no-repeat;
}

table#search_map td#map input {
  margin-top: 33px;
}

/*-- 恋しなよプライス --*/
table#site_price th.ttl {
  background: url(../image/price_ttl.gif) no-repeat;
}

table#site_price td#price {
  width: 277px;
  height: 332px;
  text-indent: -9999px;
  background: url(../image/receipt.gif) center center no-repeat;
}

/*-- モバイルQR --*/
table#mobile_navi th.ttl {
  background: url(../image/mobile_ttl.gif) no-repeat;
}

table#mobile_navi td#qr {
  width: 268px;
  height: 263px;
  background: url(../image/qr.gif) center top no-repeat;
}

table#mobile_navi td#qr p {
  width: 80px;
  height: 20px;
  margin: 270px 0 15px 100px;
  text-align: center;
  line-height: 1.8;
}

table#mobile_navi td#qr p a {
  display: block;
  width: 100%;
  height: 100%;
  color: #000;
  text-decoration: none;
  border: outset 2px #d4d0c8;
  overflow: hidden;
  background-color: #d4d0c8;
}

table#mobile_navi td#qr p a:hover {
  border: inset 2px #d4d0c8;
  color: #e8033c;
  text-decoration: underline;
  background-color: #d4d0c8;
}

/*-------------------------
     secondary style
-------------------------*/
#secondary {
  float: right;
  width: 470px;
  margin-left: 5px;
}

#secondary h2 {
  width: 470px;
  height: 48px;
  text-indent: -9999px;
  background: url(../image/user_list_ttl.gif) no-repeat;
}

/*-- ユーザーリスト --*/
table.user_list {
  float: left;
  width: 230px;
  margin: 0 4px 5px 0;
  font-size: 12px;
  background: url(../image/list_bg_middle.gif) repeat-y;
}

table.user_list th.user_name {
  height: 28px;
  color: #fff;
  font-size: 14px;
  font-weight: normal;
  text-align: center;
  background: url(../image/list_head.gif) no-repeat;
}

table.user_list td.user_photo {
  width: 86px;
  height: 100px;
  padding: 8px 0 8px 10px;
}

table.user_list td.user_prf {
  width: 124px;
  height: 100px;
  padding: 3px 2px 0 8px;
  vertical-align: top;
}
  
table.user_list td.user_prf span {
  color: #c90026;
  font-size: 100%;
  line-height: 1.5;
}

table.user_list dd {
  margin: 1px 5px 3px 10px;
}

table.user_list dt.subject_msg,
table.user_list dt.subject_ttl {
  height: 15px;
  text-indent: -9999px;
  background: url(../image/user_msg_ttl.gif) 10px top no-repeat;
}

table.user_list dt.subject_msg {
  background: url(../image/user_msg.gif) 10px top no-repeat;
}

table.user_list hr {
  width: 210px;
  margin: 5px auto;
  text-align: center;
  color: #ff3333;
}

table.user_list td.send_mail {
  text-align: center;
}

table.user_list td.send_mail p {
  width: 118px;
  height: 47px;
  margin: 4px auto;
  text-align: center;
  text-indent: -9999px;
  background: url(../image/mailto_on.gif) no-repeat;
}

table.user_list td.send_mail p a {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: url(../image/mailto_off.gif) no-repeat;
}

table.user_list td.send_mail p a:hover {
  background-image: none;
}

/*-- バナー --*/
#banner img {
  margin-top: 20px;
}

/*-------------------------
      footer style
-------------------------*/
#footer {
  clear: both;
  width: 749px;
  padding-top: 15px;
  font-size: 80%;
  text-align: center;
  background: url(../image/under.gif) center top no-repeat;
}

#footer p#mail {
  margin-bottom: 15px;
}

#footer a:active,
#footer a:visited,
#footer a:link {
  color: #e4033b;
  text-decoration: none;
}

#footer a:hover {
  text-decoration: underline;
}

/*-------------------------
  年齢認証　index  style
-------------------------*/
#check18 {
  clear: both;
}

#check18 p#over18 {
  width: 751px;
  height: 518px;
  margin: 0 auto;
  text-indent: -9999px;
  background: url(../image/over18_on.gif) no-repeat;
}

#check18 p#over18 a {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: url(../image/over18_off.gif) no-repeat;
}

#check18 p#over18 a:hover {
  background-image: none;
}

#footer_index {
  width: 750px;
  height: 37px;
  color: #fff;
  background: url(../image/site_footer.gif) no-repeat;
}

p#under18 {
  padding: 3px;
  text-align: right;
  font-size: 12px;
}

#footer_index a:active,
#footer_index a:visited,
#footer_index a:link {
  color: #fff;
  text-decoration: underline;
}

#footer_index a:hover {
  color: #0000ff;
  text-decoration: underline;
  background-color: #fff;
}

p#footer_index_msg {
  text-indent: -9999px;
  background: url(../image/company_index.gif) 10px 0 no-repeat;
}

#footer_index_msg a {
  display: block;
  width: 122px;
  height: 12px;
  margin-left: 557px;
}

#footer_index_msg a:active,
#footer_index_msg a:visited,
#footer_index_msg a:link {
  background: url(../image/company_mail_off.gif) 0 0 no-repeat;
}

#footer_index_msg a:hover {
  background: url(../image/company_mail_on.gif) 0 0 no-repeat;
}

/*---------------------
   clearfix
---------------------*/
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0.1em;
  line-height: 0;
}

.clearfix {
  display: inline-block;
  zoom: 1;
}

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide form ID-mac */