@charset "UTF-8";

/* main
-----------------------------------------*/
#main h2 {
  text-indent: -9999px;
 height:100px;
 background: #ddd;
 margin-bottom: 20px;
}

/* Mobile
 - - - - - - - - - - - - - - - */
#main h2.tit-mobile {
  background: url(../../img/tit/h2_mobile.png) top left no-repeat;
}

p.first {
  text-align: center;
  margin: 20px auto;
}
.sec-msg {
  line-height: 1.3;
  margin: 10px 45px 20px 45px;
}

.mobile-box h3, .mailmag-box h3, .conbox h3 {
  height: 21px;
  margin-bottom: 10px;
  padding-bottom: 4px;
  border-bottom: 1px solid #aaa;
  clear: both;
}
.mobile-box h3.tit1 {
  margin-bottom: 5px;
  border: none;
}

.mobi-info {
  width: 584px;
  background: url("../../img/bg/bg_mobile1a.png") no-repeat;
  padding-top: 20px;
}
.mbg2 {
  padding-top: 10px;
  background: url("../../img/bg/bg_mobile1b.png") 0px -10px no-repeat;
}

.mobi-info dl dt {
  font-weight: bolder;
  color: green;
  font-size: 114%;
  padding-left: 20px;
  float: left;
}
.mobi-info dl dd {
  line-height: 1.5;
  margin-left: 40px;
}
.mobi-info dl .mob-ar {margin-left: 80px;}
.mobi-info dl dd.dno {line-height: normal;}
.mobi-info dl dd.mojiue {_padding-top: 3px;}
img.gomobile {
  display: block;
  margin-right: 20px;
  _margin-right: 10px;
  _margin-top: -3px;
  float: right;
}
.mobi-info dl dd b {
  color: #36f;
  font-weight: bolder;
}
.mobi-info .chui {
  color: #7f7f7f;
  background: #fff;
  text-align: right;
  padding-top: 3px;
  padding-bottom: 30px;
}

.mob-vol {padding-bottom: 30px;}
.mob-vol p {
  line-height: 1.4;
  margin-bottom: 1em;
}
.mob-vol b {
  color: brown;
  font-weight: bolder;
}
.mob-vol strong {
  color: red;
  font-weight: bolder
}

.premobile {
  margin-left: 10px;
  float: right;
}

/* Mail Magagine
 - - - - - - - - - - - - - - - */
#main h2.tit-mailmag {
  background: url(../../img/tit/h2_mailmag.png) top left no-repeat;
}

.mailmag-box span {color: red;}
.mob-vol ul li {
  list-style: disc;
  margin-left: 30px;
}
.mob-vol form {
  text-align: center;
  margin: 15px 10px 0px 10px;
  padding-bottom: 10px;
}
input.magtxt1 {
  width: 250px;
  background: #f0f9e0;
}
input.magtxt2 {
  width: 250px;
  background: #fffde9;
}
input.magtxt3 {
  width: 250px;
  background: #ecdfef;
}
span.tbg1 {
  background: #d8efaf;
  padding: 5px 4px;
}
span.tbg2 {
  background: #fdeb97;
  padding: 5px 4px;
}
span.tbg3 {
  background: #cabcdb;
  padding: 5px 4px;
}
input.magbtn1, input.magbtn2, input.magbtn3 {
  width: 150px;
  height:25px;
  background: url("../../img/bt/bt_sendmag1.gif") top left no-repeat;
  padding-bottom: 3px;
  _padding-bottom: 0px;
  border: none;
}
input.magbtn3 {
  color: white;
  background: url("../../img/bt/bt_sendmag2.gif") top left no-repeat;
}

dl.chui-mag {
  font-size: 92%;
}
dl.chui-mag dt {
  position: absolute;
  color: red;
  float: left;
  margin-bottom: 4px;
  display: block;
}
dl.chui-mag dd {
  margin-bottom: 4px;
  padding-left: 1.5em;
}

/* Email Notification
 - - - - - - - - - - - - - - - */
#main h2.tit-newly {
  background: url(../../img/tit/h2_newly.jpg) top left no-repeat;
}

.mob-vol ul.newlypoint {
  background: #fed;
  margin: 20px 20px 20px 10px;
  padding: 10px;
}
ul.newlypoint li {
  list-style: none;
  padding-left: 11px;
  background: url(../../img/ar/ar_trm07.gif) 2px 6px no-repeat;
}
ul.newlypoint li.litit {
  color: #933;
  font-size:107%;
  font-weight: bolder;
  margin-bottom: 3px;
  padding-left: 0px;
  background: none;
}
img.mailarrow {
  margin-left: 10em;
}

.mailtoroku {  /* Oshirase Mail 1 */
  width: 585px;
  background: url(../../img/fr/fr_01b.png) repeat-y;
  margin: 10px 0px 15px 0px;
}
.mtoroku2 {  /* Oshirase Mail 2 */
  background: url(../../img/fr/fr_01bb.png) repeat-y;
}

.mailtoroku p {
  margin: 1em;
}
p.mailbox-top {
  height: 15px;
  background: url(../../img/fr/fr_01a.png) no-repeat;
  margin: 0px;
}
p.mailbox-btm {
  height: 16px;
  background: url(../../img/fr/fr_01c.png) 0px 1px no-repeat;
  margin: 0px;
}

.mailtoroku table {
  width: 555px;
  margin: 5px 15px 25px 15px;
}
.mailtoroku table th  {
  height: 20px;
  border-bottom: 1px solid #36c;
}

.mailtoroku .tit {border-bottom: 1px solid brown;}

.mailtoroku table td  {
  padding: 18px 0px 0px 10px;
  vertical-align: middle;
}
.mailtoroku table td.magcm {
  padding-top: 5px;
}
.mailtoroku table td.magcm p {
  margin: 0px;
  text-align: right;
}
.mailtoroku table td input {margin-right: 1px;}
.mailtoroku table td.checkrig {
  text-align: right;
  padding-right: 30px;
}
.mailtoroku table.btm {margin-bottom: 5px;}

input.mailmagbtn1 {  /* 入力内容を確認 */
  width: 203px;
  height: 46px;
  text-indent:-9999px;
  background: url(../../img/bt/bt_nyuryoku-l.png) no-repeat;
  padding: 0px;
  border: none;
  cursor: pointer;
}
input.mailmagbtn2 {  /* Clear text */
  width: 133px;
  height: 26px;
  text-indent:-9999px;
  background: url(../../img/bt/bt_reset.png) no-repeat;
  margin-left: 40px;
  padding: 0px;
  border: none;
  cursor: pointer;
}
ul.preagree {margin: 10px 10px 30px 10px;}
ul.preagree li {margin-bottom: 10px;}

.mailoktxt {
  line-height: 1.4;
  background: #fed;
  margin: 20px;
  padding: 15px;
}

.mailoktxt p {margin-bottom: 10px;}

/* FAQ
 - - - - - - - - - - - - - - - */
#main h2.tit-faq {
  background: url(../../img/tit/h2_q-and-a.png) top left no-repeat;
}
.questbox {margin: 30px 0px 40px 0px;}
.questbox li {margin-bottom: 5px;}

.answerbox {  /* Answer */
  background: #fff url(../../img/fr/fr_05b.gif) repeat-y;
  margin-bottom: 30px;
}
.answerbox p {
  margin: 0px 20px 10px 20px;
  line-height: 1.3;
}
.answerbox p.tit {font-size: 114%;}
.answerbox p.fr-ans {
  display: block;
  height: 5px;
  line-height: normal;
  margin: 0px 0px 10px 0px;
  _margin-bottom: 5px;
  padding: 0px;
  background: url(../../img/fr/fr_05a.gif) no-repeat;
}
.answerbox p.ans2 {
  background:#fff url(../../img/fr/fr_05c.gif) no-repeat;
  margin: 10px 0px 0px 0px;
}
.answerbox span {
  color: #fff;
  background: #093;
  padding: 3px;
}
.btm {margin-bottom: 30px;}

/* Purchase & Trade-In
 - - - - - - - - - - - - - - - */
#main h2.tit-flow {
  background: url(../../img/tit/h2_g-flow.png) top left no-repeat;
}
#main h2.tit-trade {
  background: url(../../img/tit/h2_g-trade.jpg) top left no-repeat;
}

ul.flowlist,  ul.flowlist2 {
  display: block;
  position: relative;
  height: 97px;
  margin-bottom: 40px;
  margin-left: 20px;
}
ul.flowlist li,  ul.flowlist2 li {
  float: left;

}
ul.flowlist li a,  ul.flowlist2 li a {
  display: block;
  width: 90px;
  height: 97px;
}
.arrow {text-indent: -9999px;}

ul.flowlist li.arrow,  ul.flowlist2 li.arrow {
  display: block;
  width: 60px;
  height: 97px;
  background: url(../../img/ar/ar_flow.gif) 10px 45px no-repeat;
}
ul.flowlist2 li.ar2 {
  background: url(../../img/ar/ar_flow2.gif) 10px 45px no-repeat;
}

.flowbox {
  display: block;
  clear: both;
  margin-top: 30px;
}
.flowbox h3 {
  height: 20px;
  _height: 23px;
  margin-bottom: 10px;
  padding-bottom: 7px;
  border-bottom: 1px solid #999;
}

.flowbox div {
  width: 400px;
  float: right;
}
.flowbox div ul {float: right;}
.flowbox div li{
  background: url(../../img/ar/ar_trm02.gif) 0px 5px no-repeat;
  padding-left: 10px;
}
.flowbox p {
  line-height: 1.3;
  margin-bottom: 1em;
}
.flowbox p.imgpix {
  width: 170px;
  height: 115px;
  text-indent: -9999px;
  margin-right: 10px;
  _margin-right: 5px;
  float: left;
  border: 5px solid #ececec;
}
.flowbox p.pix1 { background: url(../../img/pix/ko1.jpg) no-repeat;}
.flowbox p.pix2 { background: url(../../img/pix/ko2.jpg) no-repeat;}
.flowbox p.pix3 { background: url(../../img/pix/ko3.jpg) no-repeat;}
.flowbox p.pix4 { background: url(../../img/pix/ko4.jpg) no-repeat;}

/* User's Guide
 - - - - - - - - - - - - - - - */
#main h2.tit-guide {
  background: url(../../img/tit/h2_g-howto.jpg) top left no-repeat;
}
#main h2.tit-guide2 {
  background: url(../../img/tit/h2_g-search.png) top left no-repeat;
}

.guide-box p.tit-bl {
  width: 372px;
  margin: 40px 114px 25px 114px;
}

ul.guidelist {
  margin: 10px 50px 30px 0px;
  float: right;
}
ul.guidelist li {
  background: url(../../img/ar/ar_trm02.gif) 0px 5px no-repeat;
  margin-bottom: 5px;
  padding-left: 9px;
  white-space: nowrap;
}

.howto {
  margin-bottom: 50px;
  clear: both;
}
.howto ol {
  margin: 15px 0px 15px 30px;
}
.howto ol li {
  list-style: decimal;
  line-height: 1.3;
  margin-bottom: 4px;
}
.guide-thumb {
  width: 465px;
  height: 320px;
  margin: 10px 62px;
  border: 5px solid #ddd;
}

.howto p {
  line-height: 1.4;
  margin-bottom: 10px;
}

.howto h3 {
  height: 20px;
  _height: 23px;
  margin-bottom: 10px;
  padding-bottom: 3px;
  border-bottom: 1px solid #999;
}

.adob a:link, .adob a:visited, .adob a:hover {
  display: block;
  width: 112px;
  height: 33px;
  text-indent: -9999px;
  background: url(../../img/bt/get_adobe_reader.gif) no-repeat;}
}