@charset "UTF-8";

/* ------------------------------------------------------*/
/* CategoryMainContentsArea */
/* ------------------------------------------------------*/
  
/* GuideRightArea */
.GuideRightArea{
  float:right;
  width:700px;
  text-align:left;
  font-size:13px;
}
.GuideRightArea h1{
  margin: 0 0 31px;
  font-size: 24px;
  font-weight: normal;
  line-height: 1.0;
}
.GuideRightArea h2{
  margin: 0 0 18px;
  padding: 18px 0 15px;
  border-top: solid 1px #555;
  border-bottom: solid 1px #ccc;
  font-size: 18px;
  font-weight: normal;
  line-height: 1.0;
}

.GuideRightArea h3{
  margin: 0 0 2px;
  font-size: 14px;
  line-height: 1.3;
}

.GuideRightArea .GuideListArea > div{
  width: 330px;
}

.GuideRightArea li{
  font-size: 12px;
  line-height: 2.5;
}
.GuideRightArea li a{
  display: inline-block;
  position: relative;
  margin: 0 0 0 15px;
}
.GuideRightArea li a:before{
  display: block;
  content: "・";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -14px;
  margin: auto;
  line-height: 2.5;
  text-decoration: none;
}
.GuideRightArea li a:after{
  display: block;
  content: "";
  width: 100%;
  height: 1px;
  background: #b6b6b6;
  position: relative;
  top: -8px;
  -webkit-transition: opacity .3s ease;
  -moz-transition: opacity .3s ease;
  -ms-transition: opacity .3s ease;
  transition: opacity .3s ease;
}
.GuideRightArea li a:hover{
  text-decoration: none;
}
.GuideRightArea li a:hover:after{
  opacity: 0;
}
.GuideBoxList{
  margin: 0 0 20px;
}

.GuideRightArea .GuideListArea .GuideBox_a{
  float: left;
}

.GuideRightArea .GuideListArea .GuideBox_b{
  float: right;
}

.GuideRightArea .GuideBox_d h3{
  margin: 0 0 10px;
}
.GuideRightArea .GuideBox_d h4{
  margin: 10px 0 5px;
  font-size: 12px;
  font-weight: bold;
}
.GuideRightArea .GuideListArea > .GuideBox_d{
  width: 100%;
}
.GuideRightArea .GuideBox_d .text{
  font-size: 12px;
}
.GuideRightArea .GuideBox_d p + p{
  margin: 10px 0 0;
}
/* GuideContentsArea */
.GuideRightArea .GuideContentsArea{
  line-height:1.6;
}
.GuideRightArea .GuideContentsArea .guideMenu ul li{
  float:left;
  display:inline;
  margin:0 10px 5px 0;
}
.GuideRightArea .GuideContentsArea .guideMenu ul li.mgr0{
  margin-right:0px;
}
.GuideRightArea .GuideContentsArea .gotoTop{
  font-size:10px;
  padding:5px 5px 0 0;
}
.GuideRightArea .GuideContentsArea .gotoTop a{
  text-decoration:none;
  background:url(../images/guide/icon_gototop.gif) no-repeat left center;
  padding-left:15px;
}
.GuideRightArea .GuideContentsArea h2{
  margin-bottom:15px;
}
.GuideRightArea .GuideContentsArea a{
  text-decoration:underline;
}

.GuideRightArea .GuideContentsArea .GuideBox_d .GuideHead_d{
  background:url(../images/guide/top_guide_d.gif) no-repeat left top;
  height:5px;
}
.GuideRightArea .GuideContentsArea .GuideBox_d .GuideInner{
  background:url(../images/guide/bg_guide_d.gif) repeat-y left top;
  padding:15px 25px 10px 25px;
}
.GuideRightArea .GuideContentsArea .GuideBox_d .GuideInner .GuideBoxList p{
  margin-bottom:15px;
}
.GuideRightArea .GuideContentsArea .GuideBox_d .GuideInner .GuideBoxList p.mgb5{
  margin-bottom:5px;
}
.GuideRightArea .GuideContentsArea .GuideBox_d .GuideInner .GuideBoxList .attention{
  color:#e60012;
  font-size:13px;
}
.GuideRightArea .GuideContentsArea .GuideBox_d .GuideInner .GuideBoxList .bold{
  font-weight:bold;
}
.GuideRightArea .GuideContentsArea .GuideBox_d .GuideInner .GuideBoxList .textBlue{
  color:#00aef0;
}
.GuideRightArea .GuideContentsArea .GuideBox_d .GuideInner .GuideBoxList ul{
  margin-bottom:15px;
}
.GuideRightArea .GuideContentsArea .GuideBox_d .GuideInner .GuideBoxList .tbl01 th,
.GuideRightArea .GuideContentsArea .GuideBox_d .GuideInner .GuideBoxList .tbl01 td{
  padding:3px 5px;
  border:1px solid #666;
  border-collapse:collapse;
}
.GuideRightArea .GuideContentsArea .GuideBox_d .GuideInner .GuideBoxList .tbl01 th{
  background:#cccccc;
  text-align:center;
}
.GuideRightArea .GuideContentsArea .GuideBox_d .GuideInner .GuideBoxList .tbl01 .center{
  text-align:center;
}
.GuideRightArea .GuideContentsArea .GuideBox_d .GuideFoot_d{
  background:url(../images/guide/bottom_guide_d.gif) no-repeat left top;
  height:5px;
}
/* メンバー会員について */
.GuideRightArea .GuideContentsArea .GuideBox_d .GuideInner .GuideBoxList ul.tokuten li{
  float:left;
  display:inline;
}
/* マイページ */
.GuideRightArea .GuideContentsArea .GuideBox_d .GuideInner .GuideBoxList .mypageBox{
    border-top: 1px dotted #c7c7c7;
  margin-bottom:5px;
  padding:10px 10px 0 10px;
}
.GuideRightArea .GuideContentsArea .GuideBox_d .GuideInner .GuideBoxList .mypageBox h4{
  margin-bottom:15px;
}
.GuideRightArea .GuideContentsArea .GuideBox_d .GuideInner .GuideBoxList .mypageBox .image{
  float:left;
  width:100px;
  margin-right:25px;
}
.GuideRightArea .GuideContentsArea .GuideBox_d .GuideInner .GuideBoxList .mypageBox .text{
  float:left;
  width:585px;
}
/* メールマガジン */
.GuideRightArea .GuideContentsArea .GuideBox_d .GuideInner .GuideBoxList .mailmagaBox .text{
  float:left;
  width:440px;
  margin-right:40px;
}
/* 会員登録／情報の更新／退会 */
.GuideRightArea .GuideContentsArea .GuideBox_d .GuideInner .GuideBoxList .memberBox{
    border-bottom: 1px dotted #c7c7c7;
  margin-bottom:5px;
  padding:10px 10px 0 10px;
}
.GuideRightArea .GuideContentsArea .GuideBox_d .GuideInner .GuideBoxList .memberBox h4{
  margin-bottom:15px;
}
.GuideRightArea .GuideContentsArea .GuideBox_d .GuideInner .GuideBoxList .memberBox .text{
  float:left;
  width:415px;
  margin-right:25px;
}
.GuideRightArea .GuideContentsArea .GuideBox_d .GuideInner .GuideBoxList .memberBox .btn{
  float:left;
  width:250px;
  margin-top:10px;
}
.GuideRightArea .GuideContentsArea .GuideBox_d .GuideInner .btn a.btnMember{
  background:url(../images/guide/btn_member.gif) no-repeat left top;
  width:250px;
  height:30px;
  display:block;
  margin:30px auto 10px auto;
}
.GuideRightArea .GuideContentsArea .GuideBox_d .GuideInner .GuideBoxList .memberBox .btn a.btnMember{
  background:url(../images/guide/btn_member.gif) no-repeat left top;
  width:250px;
  height:30px;
  display:block;
}
.GuideRightArea .GuideContentsArea .GuideBox_d .GuideInner .GuideBoxList .memberBox .btn a.btnMypage{
  background:url(../images/guide/btn_mypage.gif) no-repeat left top;
  width:250px;
  height:30px;
  display:block;
}
.GuideRightArea .GuideContentsArea .GuideBox_d .GuideInner .btn a:hover,
.GuideRightArea .GuideContentsArea .GuideBox_d .GuideInner .GuideBoxList .memberBox .btn a:hover{
  background-position:0 -30px;
}
/* ポイントについて */
.GuideRightArea .GuideContentsArea .GuideBox_d .GuideInner .GuideBoxList .pointBox,
.GuideRightArea .GuideContentsArea .GuideBox_d .GuideInner .GuideBoxList .pointBox2{
    border-top: 1px dotted #c7c7c7;
  margin-bottom:5px;
  padding:10px 10px 0 10px;
}
.GuideRightArea .GuideContentsArea .GuideBox_d .GuideInner .GuideBoxList .pointBox h4,
.GuideRightArea .GuideContentsArea .GuideBox_d .GuideInner .GuideBoxList .pointBox2 h4{
  margin-bottom:15px;
}
.GuideRightArea .GuideContentsArea .GuideBox_d .GuideInner .GuideBoxList .pointBox .image{
  float:left;
  width:100px;
  margin-right:25px;
}
.GuideRightArea .GuideContentsArea .GuideBox_d .GuideInner .GuideBoxList .pointBox .text{
  float:left;
  width:560px;
  margin-right:25px;
}
.GuideRightArea .GuideContentsArea .GuideBox_d .GuideInner .GuideBoxList .pointBox2 .text{
  width:685px;
}
.GuideRightArea .GuideContentsArea .GuideBox_d .GuideInner .GuideBoxList .btn a.btnCard{
  background:url(../images/guide/btn_visacard.gif) no-repeat left top;
  width:360px;
  height:51px;
  display:block;
  margin:0 auto;
}
/* ギフトについて */
.GuideRightArea .GuideContentsArea .line {
    border-top: 1px dotted #c7c7c7;
  margin-bottom:20px;
}
.GuideRightArea .GuideContentsArea .GuideBox_d .GuideInner .GuideBoxList .giftBox .left{
  float:left;
  width:360px;
  margin-right:20px;
}
.GuideRightArea .GuideContentsArea .GuideBox_d .GuideInner .GuideBoxList .giftBox .text1{
  font-size:14px;
}
.GuideRightArea .GuideContentsArea .GuideBox_d .GuideInner .GuideBoxList .giftBox ul li{
  float:left;
  display:inline;
  margin-right:5px;
}
.GuideRightArea .GuideContentsArea .GuideBox_d .GuideInner .GuideBoxList .giftBox2{
  width:350px;
  float:left;
  margin-right:20px;
  margin-bottom:20px;
  border:1px solid #000;
}
.GuideRightArea .GuideContentsArea .GuideBox_d .GuideInner .GuideBoxList .giftBox2.mgr0{
  margin-right:0px;
}
.GuideRightArea .GuideContentsArea .GuideBox_d .GuideInner .GuideBoxList .giftBox2 .bg_black{
  background:#000000;
  color:#FFF;
  margin-bottom:0;
  padding:3px 10px;
}
.GuideRightArea .GuideContentsArea .GuideBox_d .GuideInner .GuideBoxList .giftBox2 .infoArea{
  padding:10px 5px 5px 5px;
}
.GuideRightArea .GuideContentsArea .GuideBox_d .GuideInner .GuideBoxList .giftBox2 .infoArea .photoArea{
  float:left;
  margin-right:10px;
  margin-bottom:0;
}
.GuideRightArea .GuideContentsArea .GuideBox_d .GuideInner .GuideBoxList .giftBox2 .infoArea .textArea{
  float:left;
  width:210px;
}
.GuideRightArea .GuideContentsArea .GuideBox_d .GuideInner .GuideBoxList .giftBox2 .infoArea .textArea p{
  margin-bottom:0;
}
.GuideRightArea .GuideContentsArea .GuideBox_d .GuideInner .GuideBoxList .giftBox2 .infoArea .textArea .text1{
  font-size:12px;
  margin-bottom:5px;
}
.GuideRightArea .GuideContentsArea .GuideBox_d .GuideInner .GuideBoxList .giftBox2 .infoArea .textArea .text2{
  font-size:10px;
}
.GuideRightArea .GuideContentsArea .GuideBox_d .GuideInner .GuideBoxList .giftBox3{
  width:728px;
  margin-bottom:20px;
  border:1px solid #000;
}
.GuideRightArea .GuideContentsArea .GuideBox_d .GuideInner .GuideBoxList .giftBox3 .bg_black{
  background:#000000;
  color:#FFF;
  margin-bottom:0;
  padding:3px 10px;
}
.GuideRightArea .GuideContentsArea .GuideBox_d .GuideInner .GuideBoxList .giftBox3 .infoArea{
  padding:10px 5px;
}
.GuideRightArea .GuideContentsArea .GuideBox_d .GuideInner .GuideBoxList .giftBox3 .infoArea .photoArea{
  float:left;
  margin-right:10px;
  margin-bottom:0;
}
.GuideRightArea .GuideContentsArea .GuideBox_d .GuideInner .GuideBoxList .giftBox3 .infoArea .textArea{
  float:left;
  width:230px;
}
.GuideRightArea .GuideContentsArea .GuideBox_d .GuideInner .GuideBoxList .giftBox3 .infoArea .textArea p{
  margin-bottom:0;
}
.GuideRightArea .GuideContentsArea .GuideBox_d .GuideInner .GuideBoxList .giftBox3 .infoArea .textArea .text1{
  font-size:12px;
  margin-bottom:5px;
}
.GuideRightArea .GuideContentsArea .GuideBox_d .GuideInner .GuideBoxList .giftBox3 .infoArea .textArea .text2{
  font-size:10px;
} 
.GuideRightArea .GuideContentsArea .GuideBox_d .GuideInner .GuideBoxList .mainImg{
  margin-bottom:30px;
}
.GuideRightArea .GuideContentsArea .GuideBox_d .GuideInner .GuideBoxList .mainImg2{
  margin-bottom:0px;
}
.GuideRightArea .GuideContentsArea .GuideBox_d .GuideInner .GuideBoxList .mainImgText{
  margin-bottom:20px;
  padding:0 30px;
}
.GuideRightArea .GuideContentsArea .GuideBox_d .GuideInner .GuideBoxList .mainImgText li{
  margin-bottom:10px;
  text-indent:-1em;
  padding-left:1em;
}
.GuideRightArea .GuideContentsArea .GuideBox_d .GuideInner .GuideBoxList .textAreaBox{
  border:1px solid #000;
  width:600px;
  margin:0 auto 30px auto;
  padding:20px 20px 10px 20px;
}
.GuideRightArea .GuideContentsArea .GuideBox_d .GuideInner .GuideBoxList .textAreaBox2{
  border:1px solid #000;
  width:670px;
  margin:0 auto 30px auto;
  padding:20px 20px 10px 20px;
}
.GuideRightArea .GuideContentsArea .GuideBox_d .GuideInner .GuideBoxList .textAreaBox li,
.GuideRightArea .GuideContentsArea .GuideBox_d .GuideInner .GuideBoxList .textAreaBox2 li{
  margin-bottom:10px;
  text-indent:-1em;
  padding-left:1em;
}
.GuideRightArea .GuideContentsArea .GuideBox_d .GuideInner .GuideBoxList .subImg{
  float:left;
}
.GuideRightArea .GuideContentsArea .GuideBox_d .GuideInner .GuideBoxList .subImgText{
  float:right;
  width:315px;
}
.GuideRightArea .GuideContentsArea .GuideBox_d .GuideInner .GuideBoxList .subImgText li{
  margin:10px 0 20px 0;
  text-indent:-1em;
  padding-left:1em;
}

.GuideRightArea .GuideContentsArea .GuideBox_d .GuideInner .GuideBoxList .mainImgTextBox{
}
.GuideRightArea .GuideContentsArea .GuideBox_d .GuideInner .GuideBoxList .mainImgTextBox .mainImgText2{
  float:left;
  width:400px;
  padding-top:20px;
}
.GuideRightArea .GuideContentsArea .GuideBox_d .GuideInner .GuideBoxList .mainImgTextBox .mainImgText2 li{
  margin-bottom:10px;
  text-indent:-1em;
  padding-left:1em;
}
.GuideRightArea .GuideContentsArea .GuideBox_d .GuideInner .GuideBoxList .mainImgTextBox .subImg2{
  float:right;
}
/*　ご利用にあたって　*/
.GuideRightArea .GuideContentsArea .GuideBox_d .GuideInner .GuideBoxList .termsBox{
  padding:10px 10px 0 10px;
}
.GuideRightArea .GuideContentsArea .GuideBox_d .GuideInner .GuideBoxList .termsBox h4{
  margin-bottom:15px;
}
/*　よくあるご質問　*/
.GuideRightArea .GuideContentsArea .GuideBox_d .GuideInner .GuideBoxList .faqBox{
  float:left;
  width:345px;
  padding:10px 10px 0 10px;
}
.GuideRightArea .GuideContentsArea .GuideBox_d .GuideInner .GuideBoxList .faqBox h4{
  margin-bottom:15px;
}
.GuideRightArea .GuideContentsArea .GuideBox_d .GuideInner .GuideBoxList .faqBox ul li{
  text-indent:-1em;
  padding-left:1em;
}
.GuideRightArea .GuideContentsArea .GuideBox_d .GuideInner .GuideBoxList .faqBox ul li a{
  text-decoration:none;
}
.GuideRightArea .GuideContentsArea .GuideBox_d .GuideInner .GuideBoxList .faqBox2 .icon_q{
  background:url(../images/guide/icon_q.gif) no-repeat left top;
  padding-left:25px;
}
.GuideRightArea .GuideContentsArea .GuideBox_d .GuideInner .GuideBoxList .faqBox2 .icon_a{
  background:url(../images/guide/icon_a.gif) no-repeat left top;
  padding-left:25px;
}
.GuideRightArea .GuideContentsArea .GuideBox_d .GuideInner .GuideBoxList .faqBox2 .answerBox2{
  padding-left:25px;
}
.GuideRightArea .GuideContentsArea .GuideBox_d .GuideInner .GuideBoxList .faqBox2 .answerBox2 dd{
  margin:0;
  padding:0;
}
.GuideRightArea .GuideContentsArea .GuideBox_d .GuideInner .GuideBoxList .faqBox2 .answerBox2 .iconLink{
  background:url(../images/guide/icon_plus.gif) no-repeat left top;
  padding-left:25px;
}



/*　その他サポート　*/
.GuideRightArea .GuideContentsArea .GuideBox_d .GuideInner .GuideBoxList .supportBox{
  padding:10px 10px 0 10px;
}
.GuideRightArea .GuideContentsArea .GuideBox_d .GuideInner .GuideBoxList .supportBox h4{
  margin-bottom:15px;
}
