@charset "euc-jp";
/* https://www.chatpia.jp/howto/card.php */

img { border: 0; }

#mainmenu ul li.point a {
  background-position: 0pt -66px;
}

#mainmenu ul li.point a:hover {
  background-position: 0pt -66px;
}

#rightcontainer div#content div.title h2.point {
  background: url(https://assets.chatpia.jp/common/images/img_point_title.gif) no-repeat 0px;
}

#rightcontainer div#content div.title h2.beginner {
  background: url(https://assets.chatpia.jp/common/images/img_beginner_title.gif) no-repeat 0px;
}

#rightcontainer div#content div.menu_beg {
  height: 31px;
  background-color: #f6f6f6;
  border: 1px solid #b7b7b6;
  border-bottom-style: none;
  background: url(https://assets.chatpia.jp/common/images/bg_subpage_tabmenu.gif) repeat-x 0 bottom;
}

#rightcontainer div#content div.menu_beg ul {
  margin-top: 3px;
}

#rightcontainer div#content div.menu_beg ul li {
  text-align: center;
  width: 180px;
  height: 28px;
  line-height: 28px;
  float: left;
  clear: right;
  list-style-type: none;
}

#rightcontainer div#content div.menu_beg ul li a {
  display: block;
  width: 180px;
  height: 28px;
  text-decoration: none;
  color: #5d5d5d;
  background: url(https://assets.chatpia.jp/common/images/bg_subpage_tab.gif) no-repeat right bottom;
}

#rightcontainer div#content div.menu_point {
  height: 57px;
  background-color: #f6f6f6;
  border: 1px solid #b7b7b6;
  border-bottom-style: none;
  background: url(https://assets.chatpia.jp/common/images/bg_subpage_tabmenu.gif) repeat-x 0 bottom;
}

#rightcontainer div#content div.menu_point ul {
  margin-top: 3px;
}

#rightcontainer div#content div.menu_point ul li {
  text-align: center;
  width: 130px;
  height: 54px;
  line-height: 20px;
  float: left;
  clear: right;
  list-style-type: none;
}

#rightcontainer div#content div.menu_point ul li a {
  display: block;
  padding-top: 5px;
  width: 130px;
  height: 49px;
  text-decoration: none;
  color: #5d5d5d;
  background: url(https://assets.chatpia.jp/common/images/bg_subpage_tab.gif) no-repeat right bottom;
}

#rightcontainer div#content div.menu {
  height: 57px;
  background-color: #f6f6f6;
  border: 1px solid #b7b7b6;
  border-bottom-style: none;
  background: url(https://assets.chatpia.jp/common/images/bg_subpage_tabmenu.gif) repeat-x 0 bottom;
}

#rightcontainer div#content div.menu ul {
  margin-top: 3px;
}

#rightcontainer div#content div.menu ul li {
  text-align: center;
  width: 134px;
  height: 54px;
  line-height: 54px;
  float: left;
  clear: right;
  list-style-type: none;
}

#rightcontainer div#content div.menu ul li a {
  display: block;
  width: 134px;
  height: 54px;
  text-decoration: none;
  color: #5d5d5d;
  background: url(https://assets.chatpia.jp/common/images/bg_subpage_tab.gif) no-repeat right bottom;
}

#rightcontainer div#content div.menu ul li a:hover,
#rightcontainer div#content div.menu ul li.tab a {
  color: #2a2a2a;
  background: url(https://assets.chatpia.jp/common/images/bg_subpage_tab.gif) no-repeat right top;
}

#rightcontainer div#content div.menu ul li.nidan {
  line-height: 20px;
}

#rightcontainer div#content div.menu ul li.nidan a {
  padding-top: 5px;
  height: 49px;
}

#rightcontainer div#content div.menu_point ul li a:hover,
#rightcontainer div#content div.menu_point ul li.tab a,
#rightcontainer div#content div.menu_beg ul li a:hover,
#rightcontainer div#content div.menu_beg ul li.tab a {
  color: #2a2a2a;
  background: url(https://assets.chatpia.jp/common/images/bg_subpage_tab.gif) no-repeat right top;
}

#rightcontainer div#content div.text {
  margin: 0 0 15px;
  padding: 15px 19px;
  /*width: 767px;*/
  height: auto;
  line-height: 1.5em;
}

#rightcontainer div#content div.text h3 {
  font-size: 16px;
  line-height: 1.6em;
  color: #2a2a2a;
  text-indent: 118px;
  margin: -80px 0 10px 0 !important;
  padding-top: 80px !important;
  border-bottom: 2px solid #9a0074;;
}

#rightcontainer div#content div.text h3.ansin0 {
  text-indent: 96px;
  background: url(https://assets.chatpia.jp/common/images/bg_credit_ansin.gif) no-repeat 0 0;
}

#rightcontainer div#content div.text h3.ansin1 {
  background: url(https://assets.chatpia.jp/common/images/bg_credit_ansin1.gif) no-repeat 0 79px;
}

#rightcontainer div#content div.text h3.ansin2 {
  background: url(https://assets.chatpia.jp/common/images/bg_credit_ansin2.gif) no-repeat 0 79px;
}

#rightcontainer div#content div.text h3.ansin3 {
  background: url(https://assets.chatpia.jp/common/images/bg_credit_ansin3.gif) no-repeat 0 79px;
}

#rightcontainer div#content div.text h3.ansin4 {
  background: url(https://assets.chatpia.jp/common/images/bg_credit_ansin4.gif) no-repeat 0 79px;
}

#rightcontainer div#content div.text h3.ansin5 {
  background: url(https://assets.chatpia.jp/common/images/bg_credit_ansin5.gif) no-repeat 0 79px;
}

#rightcontainer div#content div.text h3.ansin6 {
  background: url(https://assets.chatpia.jp/common/images/bg_credit_ansin6.gif) no-repeat 0 79px;
}

#rightcontainer div#content div.text h3 span,#rightcontainer div#content div.text strong {
  color: #9a0074;
}

.font14 {
  font-size: 14px;
}

#rightcontainer div#content div.text div.return {
  margin: 40px 10px 15px 0;
  padding: 0;
  text-align: right;
}

#rightcontainer div#content div.text div.left {
  float: left;
}

#rightcontainer div#content div.text div.right {
  float: left;
}

#rightcontainer div#content div.text div.supportbox {
  display: block;
  overflow: hidden;
  height: 235px;
  background: url(https://assets.chatpia.jp/common/images/bg_credit_support.jpg) no-repeat right top;
}

#rightcontainer div#content div.text div.supportbox p {
  margin-top: 12px;
  width: 338px;
}

#rightcontainer div#content div.text dl dt {
  font-weight: bold;
  padding-left: 15px;
  line-height: 1.8em;
  background: url(https://assets.chatpia.jp/common/images/bg_subpage_dt.gif) no-repeat 0 0.5em;
}

#rightcontainer div#content div.text dl dd {
  line-height: 1.5em;
  margin-bottom: 10px;
}

#rightcontainer div#content div.text dl dd img {
  margin: 0 10px 10px 0;
  float: left;
}

#rightcontainer div#content div.text div#l_box {
  margin: 0;
  padding: 0;
  width: 560px;
  height: auto;
  border: 0;
  float: left;
}

#rightcontainer div#content div.text div#l_box div.peace {
  float: left;
  display: block;
  margin-top: 14px;
  width: 273px;
  height: 106px;
}

#rightcontainer div#content div.text div#l_box div.box1 {
  margin-right: 12px;
  background: url(https://assets.chatpia.jp/common/images/img_cre_pbox.gif) no-repeat 0 0;
}

#rightcontainer div#content div.text div#l_box div.box2 {
  background: url(https://assets.chatpia.jp/common/images/img_cre_pbox.gif) no-repeat -273px 0;
}

#rightcontainer div#content div.text div#l_box div.box3 {
  margin-right: 12px;
  background: url(https://assets.chatpia.jp/common/images/img_cre_pbox.gif) no-repeat 0 -106px;
}

#rightcontainer div#content div.text div#l_box div.box4 {
  background: url(https://assets.chatpia.jp/common/images/img_cre_pbox.gif) no-repeat -273px -106px;
}

#rightcontainer div#content div.text div#l_box div.box5 {
  margin-right: 12px;
  background: url(https://assets.chatpia.jp/common/images/img_cre_pbox.gif) no-repeat 0 -212px;
}

#rightcontainer div#content div.text div#l_box div.box6 {
  background: url(https://assets.chatpia.jp/common/images/img_cre_pbox.gif) no-repeat -273px -212px;
}

#rightcontainer div#content div.text div#l_box div.peace p {
  margin: 15px 0 0 77px;
  height: 60px;
}

#rightcontainer div#content div.text div#l_box div.peace p strong {
  font-size: 15px;
  color: #9a0074;
}

#rightcontainer div#content div.text div#l_box div.peace a {
  float: right;
  display: block;
  margin: 8px 8px 0 0;
  padding-left: 15px;
  line-height: 1.8em;
  background: url(https://assets.chatpia.jp/common/images/ico_subpage_form.gif) no-repeat 0.01em;
  list-style-type: none;
}

#rightcontainer div#content div.text div#r_box {
  margin: 28px 0 0 0;
  padding-left: 15px;
  width: 180px;
  height: auto;
  border: 0;
  float: left;
}

#rightcontainer div#content div.text div#r_box ul {
  padding: 0;
  letter-spacing: 0;
}

#rightcontainer div#content div.text div#r_box ul li {
  padding-left: 15px;
  line-height: 1.8em;
  background: url(https://assets.chatpia.jp/common/images/ico_subpage_form.gif) no-repeat 0 0.5em;
  list-style-type: none;
}

#rightcontainer div#content div.text div#r_box ul li.dot {
  background: url(https://assets.chatpia.jp/common/images/img_li_dot.gif) no-repeat 0 0.3em;
  line-height: 1.9em;
  list-style-type: none;
  padding-left: 15px;
}

#bottom_navi {
  margin-top: 15px;
  padding: 0;
  width: 765px;
  height: 20px;
  text-align: center;
}

#bottom_navi_l {
  margin: 0;
  padding: 0;
  width: 382px;
  text-align: left;
  float: left;
}

#bottom_navi_r {
  margin: 0;
  padding: 0;
  width: 382px;
  text-align: right;
  float: left;
}

.icon {
  margin-left: 13px;
  padding: 0;
  text-align: left;
}

.icon1 {
  margin-top: 10px;
  padding: 0;
  width: 130px;
  height: 14px;
  text-align: left;
  float: left;
}

.icon2 {
  margin-top: 10px;
  padding: 0;
  width: 350px;
  height: auto;
  text-align: left;
  float: left;
}

.fon1 {
  font-weight: bold;
}

.fon2 {
  color: #ee8ba5;
  font-weight: bold;
}

.fon3 {
  color: #FF9900;
  font-weight: bold;
}

.fon4 {
  color: #FF3366;
  font-weight: bold;
}

.fon5 {
  color: #9a0074;
  font-weight: bold;
}

.fon6 {
  color: #9a0074;
}

.image {
  margin: 12px;
}

#how {
  position: absolute;
  top: 1060px;
  left: 20%;
  width: 682px;
  height: 403px;
  display: none;
  border: 1px solid #999999;
}

#how div.close {
  height: 18px;
  padding-right: 10px;
  background-color: #999999;
  text-align: right;
}

#how div.close a {
  color: #ffffff;
  font-weight: bold;
}

#how div.close a:hover {
  text-decoration: none;
}

br {
  letter-spacing: 0;
}


/*------ メールBOX　説明詳細 ------*/
#rightcontainer div#content div.text dl dd div.mailbox {
  width: 540px;
  height: auto;
  margin-bottom: 0;
  border: 1px solid #9a0074;
}

#rightcontainer div#content div.text dl div.new {
  margin: 7px 0 10px 0;
}

#rightcontainer div#content div.text dl div.new p.strong {
  font-weight: bold;
}

#rightcontainer div#content div.text dl div.new p.strong {
  margin-left: -10px;
  font-weight: bold;
}

#rightcontainer div#content div.text dl div.new p.aa {
  font-weight: 100;
}

#rightcontainer div#content div.text dl div.new p.aa {
  margin-left: -10px;
  font-weight: 100;
}

#rightcontainer div#content div.text dl dd div.mailbox-title {
  width: 540px;
  height: 22px;
  margin: 0;
  padding: 0;
  background-color: #9a0074;
  text-align: left;
  font-weight: bold;
}

#rightcontainer div#content div.text dl dd div.mailbox-title p {
  margin-left: 4px;
  padding-top: 2px;
  line-height: 1.4em;
  color: #FFFFFF;
}

#rightcontainer div#content div.text dl dd div.mailbox-img {
  width: 500px;
  height: 219px;
  margin: 10px 0 10px 20px;
  background: url(https://assets.chatpia.jp/common/img/img_begginer_webmail1-2.jpg);
}

#rightcontainer div#content div.text dl dd div.mailbox-img02 {
  width: 500px;
  height: 269px;
  margin: 10px 0 10px 20px;
  background: url(https://assets.chatpia.jp/common/img/img_begginer_webmail2-2.jpg);
}

#rightcontainer div#content div.text dl dd div.mailboxbox02 ol#mailbox-icon p.indent {
  margin-bottom: 7px;
  margin-left: 12px;
}

#rightcontainer div#content div.text dl dd div.mailboxbox02 ol#mailbox-icon div.indent {
  margin: 0 0 7px 12px;
}

#rightcontainer div#content div.text dl dd div.mailboxbox02 {
  width: 540px;
  height: auto;
  border: 1px solid #9a0074;
}

#rightcontainer div#content div.text dl dd div.mailboxbox02 ol#mailbox-icon {
  margin: 5px;
  list-style: none;
}

#rightcontainer div#content div.text dl dd div.mailboxbox02 ol#mailbox-icon li {
  padding-bottom: 3px;
}

/*#rightcontainer div#content div.text dl dd div.mailboxbox02 ol#mailbox-icon li.margin {
  padding: 5px 0 3px 0;
}*/

#rightcontainer div#content div.text dl dd div.mailboxbox02 ol#mailbox-icon dl#mail {
  display: block;
  height: 110px;
  width: 530px;
}

#rightcontainer div#content div.text dl dd div.mailboxbox02 ol#mailbox-icon dl#mail dt {
  display: inline;
  float: left;
  clear: both;
  width: 130px;
  padding-left: 12px;
  background: none;
  font-weight: 100;
}

#rightcontainer div#content div.text dl dd div.mailboxbox02 ol#mailbox-icon dl#mail dd {
  line-height: 1.5em;
  margin-bottom: 5px;
}

#rightcontainer div#content div.text dl dd div.mailboxbox02 ol#mailbox-icon dl#icon {
  display: block;
  height: 130px;
  width: 240px;
}

#rightcontainer div#content div.text dl dd div.mailboxbox02 ol#mailbox-icon dl#icon dt {
  display: inline;
  float: left;
  clear: both;
  width: 40px;
  padding-left: 12px;
  background: none;
  font-weight: 100;
}

#rightcontainer div#content div.text dl dd div.mailboxbox02 ol#mailbox-icon dl#icon dd {
  line-height: 1.5em;
  margin-bottom: 5px;
}

div.mailbox-link {
  padding: 0 5px 10px 0;
  text-align: right;
}

p.margin {
  margin-bottom: 5px;
  line-height: 0;
}

div.margin { margin-bottom: 40px; }

.color { color: #FF3366; }
.color-o { color: #FD4F13; }

ol#mailbox-icon li {
  padding: 0 0 0 17px;
}

div.mailboxbox02 ol#mailbox-icon dl#wygiwyg {
  display: block;
  width: 500px;
}

div.mailboxbox02 ol#mailbox-icon dl#wygiwyg dt {
  display: inline;
  float: left;
  clear: both;
  width: 100px;
  padding-left: 12px;
  background: none;
}

div.mailboxbox02 ol#mailbox-icon dl#wygiwyg dd {
  line-height: 27px;
  margin-bottom: 5px;
}

/*beginner4　請求名
*******************************************/
.billing-name {
  margin: 10px 0 0;
}

.billing-name-list {
  padding: 0 !important;
}

.billing-name__tit {
  background:none !important;
  padding: 0 !important;
}

.billing-name-list__item {
  display: block;
}