@charset 'UTF-8';
/*=============================================
mypage
==============================================
28px = 175%
26px = 163%
24px = 150%
22px = 138%
20px = 125%
18px = 113%
16px = 100%
14px = 88%
12px = 75%
10px = 63%
==============================================
01.import
02.common
03.menu
04.tbl_menu
05.pagenation
06.tbl_list
07.wrap_input
08.wrap_btn
09.login
10.top
11.favorite
12.mail
13.regist info
14.password edit
=============================================*/

/*----------------------------------------------------------------------------------
01.import
----------------------------------------------------------------------------------*/
@import 'regist.css';

/*----------------------------------------------------------------------------------
02.common
----------------------------------------------------------------------------------*/
.mypage {
  margin: 0 auto;
  width: 910px;
}

.mypage #explain {
  font-size: 75%;
  line-height: 1.5;
  margin: 10px 0;
  overflow: hidden;
  text-align: left;
}

.mypage #explain img {
  margin-right: 2px;
  vertical-align: top;
}

.mypage #explain a {
  background: url(/images/cmn/icon/icon_help.gif) no-repeat left center;
  color: #36f;
  float: right;
  margin-left: 10px;
  min-height: 13px;
  padding: 2px 0 0 17px;
}

/*----------------------------------------------------------------------------------
03.menu
----------------------------------------------------------------------------------*/
#mn_mypage li {
  display: inline-block;
  width: 227px;
}

#mn_toppage,
#mn_regist {
  width: 228px;
}

#mn_mypage a {
  display: block;
}

.mypage h3 {
  border-bottom: 5px solid #ff7c9b;
  color: #ff7c9b;
  font-weight: normal;
  letter-spacing: .1em;
  margin: 10px 0;
  padding: 5px;
  text-align: left;
}

/*----------------------------------------------------------------------------------
04.tbl_menu
----------------------------------------------------------------------------------*/
.tbl_menu {
  margin: 30px 20px;
}

.tbl_menu th,
.tbl_menu td {
  font-size: 75%;
  line-height: 1.5;
  padding: 10px 0;
  text-align: left;
  vertical-align: middle;
}

.tbl_menu th {
  width: 250px;
}

/*----------------------------------------------------------------------------------
05.pagenation
----------------------------------------------------------------------------------*/
.mypage .pagenation {
  clear: both;
  margin: 15px auto 10px;
  padding: 5px 0;
}

.mypage .pagenation li {
  display: inline;
  font-size: 88%;
  font-weight: bold;
  padding: 0 5px;
}

.mypage .pagenation span {
  border: 1px solid #ccc;
  padding: 5px 8px;
}

.mypage .pagenation a {
  color: #f96;
}

.mypage .pagenation .now {
  background: #ffd;
}

/*----------------------------------------------------------------------------------
06.tbl_list
----------------------------------------------------------------------------------*/
.tbl_list {
  border-bottom: 1px dotted #000;
  clear: both;
  width: 100%;
}

.tbl_list .noread {
  font-weight: bold;
}

.tbl_list .clickable:hover {
  background: #ffd;
  cursor: pointer;
}

.tbl_list th,
.tbl_list td {
  border-top: 1px dotted #000;
  font-size: 75%;
  line-height: 1.5;
  padding: 5px 10px;
  text-align: left;
  vertical-align: middle;
}

.tbl_list th {
  background: #E9F1F5;
}

.tbl_list a {
  color: #06f;
}

/*----------------------------------------------------------------------------------
07.wrap_input
----------------------------------------------------------------------------------*/
.wrap_input {
  border: 1px solid #000;
  line-height: 1.5;
  margin: 10px 0;
}

.wrap_input dl {
  overflow: hidden;
  text-align: left;
}

.wrap_input dt,
.wrap_input dd {
  font-size: 75%;
  padding: 10px;
}

.wrap_input dt {
  background: url(/images/cmn/icon/icon_required.png) no-repeat 205px center;
  float: left;
}

.wrap_input input[type='text'],
.wrap_input input[type='password'] {
  margin-right: 5px;
  padding: 2px;
  width: 300px;
}

.wrap_input a {
  color: #06f;
}

.wrap_input label,
.mypage .ssl {
  display: block;
  font-size: 75%;
  margin: 5px 0 0 290px;
  text-align: left;
}

.mypage .ssl img {
  vertical-align: middle;
}

.wrap_input span {
  color: #c00;
}

/*----------------------------------------------------------------------------------
08.wrap_btn
----------------------------------------------------------------------------------*/
.wrap_btn input[type='button'],
.wrap_btn input[type='submit'] {
  height: 40px;
  margin: 0 20px;
  width: 140px;
}

#favoritebox .wrap_btn input[type='button'],
#favoritebox .wrap_btn input[type='submit'] {
  height: 30px;
  margin: 0;
  width: 190px;
}

.wrap_btn .btn_login {
  background-image: url(/images/system/mypage/btn_login.png);
}

.wrap_btn .btn_newregist {
  background-image: url(/images/system/mypage/btn_newregist.png);
}

.wrap_btn .btn_edit {
  background-image: url(/images/system/mypage/btn_edit.png);
}

.wrap_btn .btn_conf {
  background-image: url(/images/system/mypage/btn_conf.png);
}

.wrap_btn .btn_regist {
  background-image: url(/images/system/mypage/btn_regist.png);
}

.wrap_btn .btn_submit {
  background-image: url(/images/system/mypage/btn_submit.png);
}

.wrap_btn .btn_next {
  background-image: url(/images/system/mypage/btn_next.png);
}

.wrap_btn .btn_back {
  background-image: url(/images/system/mypage/btn_back.png);
}

.wrap_btn .btn_quit {
  background-image: url(/images/system/mypage/btn_quit.png);
}

.wrap_btn .btn_reply {
  background-image: url(/images/system/mypage/btn_reply.png);
}

.wrap_btn .btn_delfavorite {
  background-image: url(/images/system/mypage/btn_delfavorite.png);
}

.wrap_btn .btn_delmail {
  background-image: url(/images/system/mypage/btn_delmail.png);
}

.wrap_btn .btn_backreceive {
  background-image: url(/images/system/mypage/btn_backreceive.png);
}

.wrap_btn .btn_backsubmit {
  background-image: url(/images/system/mypage/btn_backsubmit.png);
}

.wrap_btn .btn_delete {
  background-image: url(/images/system/mypage/btn_delete.png);
}

/*----------------------------------------------------------------------------------
09.login
----------------------------------------------------------------------------------*/
#login h3 {
  margin: 0 0 10px;
}

#wrap_login {
  background: #fffcea;
  border: 1px solid #d1d187;
  padding: 10px 10px 40px;
}

#wrap_login dl {
  overflow: hidden;
  padding: 20px 20px 0;
}

#wrap_login dt {
  float: left;
  width: 240px;
}

#wrap_login dd {
  margin-left: 260px;
}

#wrap_login dt {
  background-position: 185px center;
}

/*----------------------------------------------------------------------------------
10.top
----------------------------------------------------------------------------------*/
/* 10.top - message
----------------------------------------------------------------------------------*/
#message {
  background: #ffe;
  border: 2px solid #f90;
  font-size: 88%;
  font-weight: bold;
  line-height: 1.5;
  margin: 10px 0;
  padding: 10px;
  text-align: left;
}

#message a {
  color: #f60;
}

/* 10.top - information
----------------------------------------------------------------------------------*/
#information div {
  height: 100px;
  line-height: 1.5;
  overflow: auto;
  padding: 0 10px;
  text-align: left;
}

/*----------------------------------------------------------------------------------
11.favorite
----------------------------------------------------------------------------------*/
#favorite .tbl_list th,
#favorite .tbl_list td {
  vertical-align: top;
}

#favorite .wrap_btn {
  margin: 10px 0 0;
  text-align: left;
}

/*----------------------------------------------------------------------------------
12.mail
----------------------------------------------------------------------------------*/
/* 12.mail - menu
----------------------------------------------------------------------------------*/
#mn_mail {
  border: 2px solid #ff7c9b;
  float: left;
  font-size: 75%;
  margin-right: 10px;
  width: 156px;
  text-align: left;
}

#mn_mail dt {
  background: #ff7c9b;
  color: #fff;
  font-weight: bold;
  padding: 10px;
}

#mn_mail dd {
  background: #fff;
  border-top: 1px dotted #000;
}

#mn_mail dd span {
  color: #f00;
  font-size: 90%;
}

#mn_mail .del {
  background: #eee;
}

#mn_mail .now {
  background: #ffd;
  font-weight: bold;
}

#mn_mail a {
  display: block;
  padding: 10px;
}

/* 12.mail - common show detail
----------------------------------------------------------------------------------*/
#box {
  border-top: 5px solid #bbb;
  overflow: hidden;
}

#caption {
  overflow: hidden;
  padding: 5px;
}

#box #caption {
}

#caption p {
  float: left;
  font-size: 75%;
  padding: 7px 0;
}

#mn_sort {
  float: right;
}

#mn_sort li {
  display: inline;
  font-size: 75%;
}

#mn_sort img {
  vertical-align: bottom;
}

#conf .tbl_input td {
  vertical-align: middle;
}

#maildetail #box,
#mailreply #box {
  border: none;
}

#box .wrap_btn {
  background: #e8f0f4;
  margin: 10px auto;
  padding: 10px 0;
}

#box #complete {
  margin: 0;
}

/* 12.mail - mail detail
----------------------------------------------------------------------------------*/
#mail_info {
  border: 2px solid #f90;
  width: 740px;
}

#mail_info th,
#mail_info td {
  border-bottom: 1px solid #f90;
  font-size: 75%;
  padding: 10px;
}

#mail_info th {
  background: #ffe1bf;
  border-right: 1px solid #f90;
  width: 100px;
}

#mail_info td {
  background: #ffe;
  text-align: left;
}

#passage {
  border: 1px solid #ccc;
  font-size: 75%;
  line-height: 1.5;
  margin: 10px 0;
  padding: 20px;
  text-align: left;
}

/* 12.mail - reply
----------------------------------------------------------------------------------*/
#mailreply th,
#mailreply td {
  line-height: 1.5;
}

#mailreply th {
  background: no-repeat 70px 10px #ffe1bf;
  text-align: left;
  width: 120px;
}

#mailreply .required {
  background-image: url(/images/cmn/icon/icon_required.png);
}

#mailreply th span {
  display: none;
}

#mailreply input[type='text'] {
  padding: 2px;
  width: 300px;
}

#mailreply textarea {
  height: 200px;
  padding: 2px;
  width: 400px;
}

/*----------------------------------------------------------------------------------
13.regist info
----------------------------------------------------------------------------------*/
/* 13.regist info - profile edit
----------------------------------------------------------------------------------*/
#profile #explain a {
  background: url(/images/cmn/icon/icon_help.gif) no-repeat left center;
  color: #36f;
  float: right;
  margin-left: 10px;
  min-height: 13px;
  padding: 2px 0 0 17px;
}

#profile h4 {
  color: #6cc;
  font-size: 100%;
  font-weight: normal;
  margin: 20px 0 5px;
  text-align: left;
}

/* 13.regist info - mailaddress edit
----------------------------------------------------------------------------------*/
#address_edit {
  background: #eee;
}

#address_edit dl {
  padding: 20px;
}

#address_edit dt {
  width: 270px;
}

#address_edit dd {
  margin-left: 270px;
}

#address_edit p {
  font-size: 75%;
  padding: 0 20px 20px;
  text-align: left;
}

#address_edit p span {
  font-weight: bold;
}

#address_edit .attention {
  color: #c00;
}

/* 13.regist info - quit
----------------------------------------------------------------------------------*/
#quit_attention {
  background: #fee;
  border: 2px solid #c00;
  margin: 10px 0;
  padding: 20px;
  text-align: left;
}

#quit_attention h4 {
  border-bottom: 3px solid #c00;
  color: #c00;
  margin-bottom: 10px;
  padding-bottom: 5px;
}

#quit_attention p {
  font-size: 75%;
  line-height: 1.5;
}

#tbl_quit {
  border-top: 5px solid #ff7c9b;
}

#tbl_quit label {
  display: block;
}

#tbl_quit textarea {
  height: 100px;
  width: 400px;
}

/*----------------------------------------------------------------------------------
14.password edit
----------------------------------------------------------------------------------*/
#password_edit {
  background: #eee;
}

#password_edit dl {
  padding: 20px;
}

#password_edit dt {
  width: 270px;
}

#password_edit dd {
  margin-left: 270px;
}

#password_edit p {
  font-size: 75%;
  padding: 0 20px 20px;
  text-align: left;
}

#password_edit p span {
  font-weight: bold;
}

#password_edit .attention {
  color: #c00;
}