@charset "UTF-8";

/* 静的ページ共通CSS
--------------------------------------------------------------------*/
#header-login .b-gnav dd {
font-size: 1.2rem;
line-height: 1.5;
}

#contents .inner {
  padding: 0 15px 20px 15px;
  margin: 0 auto;
  width:960px;
  max-width:960px;
  position: relative;
}
#contents .min {
width:920px;
}
.pancno {
padding-top:5px !important;
}
.pancno .h-1 {
margin-top:25px;
}
#pagetop .inner {
  padding: 0 15px 0 15px;
  margin: 0 auto;
  width:960px;
}
#outpage #header-login .inner {
height: 88px;
}
/* リード文 */
.top-lead{
	font-size:1.4em;
	font-weight: bold;
}
.wrap-bgon {
background:#FFFDE8;
}
.wrap-bgon #contents {
background: url(/c/cmn/img/bg_contents_t_out.png) repeat-x center top;
}
.wrap-bgon #pagetop {
background: url(/c/cmn/img/bg_contents_b_out.png) repeat-x center bottom;
}

/* 2カラム
------------------------------------------------------------------- */
.column2 { }
.column2 #main-static {
	float: left;
	width: 640px;
	padding-top: 20px;
	}

.column2 #sub-static {
	float: right;
	width: 260px;
	padding-top: 20px;
	}

/* サイドメニュー
--------------------------------------------------------------------*/
	#sub-static .frmt {
		width: 260px;
		padding-top: 7px;
		background: #fff3c4 url(/c/common/img/table_top.gif) no-repeat 0 0;
	}

#sub-static .frmb {
		width: 260px;
		padding-bottom: 10px;
		background: url(/c/common/img/table_bottom.gif) no-repeat 0 100%;
	}

		#sub-static dl {
			padding: 10px 10px 0 10px;
		}

		#sub-static dl.start {
			padding-top: 0;
		}

			#sub-static dl dd {
				padding-bottom: 1px;
				background: #fffde8 url(/c/common/img/dotline_3px.gif) repeat-x 0 100%;
			}

				/* 現在位置設定 */
				#sub-static dl dd.act{
					background-color: #ffc281;
				}

				#sub-static dl dd.act a{
					color: #ffffff;
				}

				#sub-static dl dd a {
					padding: 12px 10px 12px 36px;
					display: block;
					background: url(/c/common/img/arrow_m.gif) no-repeat 15px 14px;
				}

				/* 下部角丸設定 */
				#sub-static dl dd.end {
					padding-bottom: 5px;
					background: #fffde8 url(/c/common/img/table_bottom_link.gif) no-repeat 0 100%;
				}

					#sub-static dl dd.end a {
						padding: 12px 10px 7px 36px;
					}

				/*
				▼現在位置設定例外 - メニュー最下部かつアクティブの状態のページへの指定
				  ※/c/rule/以下のファイルのみ、/c/rule/css/style.cssに同等の内容を記述
				*/

				#faqlist #sub-static dl dd.act,
				#privacy #sub-static dl dd.act,
				#web-research #sub-static dl dd.act,
				#services-edy #sub-static dl dd.act {
					background: #ffc281 url(/c/common/img/table_bottom_active.gif) no-repeat 0 100%;
				}


/* シングルボタン
----------------------------- */
	#sub-static .frmt-single {
		width: 260px;
		height:50px;
		background: url(/c/common/img/bg_single_btn.gif) no-repeat 0 100%;
		margin-top:5px;
	}
	#sub-static .frmt-single p{
		width: 260px;
		text-align:center;
		padding-top:10px;
	}

/* 角丸あり - 1カラム
-------------------------------------------------------------------- */
.radius-column1 #main-static{
	width: 782px;
	margin: 0 auto;
	padding-top: 20px;
	background: #ffffff url(/c/u/common/img/contents_top.gif) no-repeat 0 0;
}

	.radius-column1 .frmb {
		width: 782px;
		padding-bottom: 10px;
		background: url(/c/u/common/img/contents_bg_bottom.gif) no-repeat 0 100%;
	}

	.radius-column1 .frm {
		padding: 0 32px 20px 30px;
		background: url(/c/u/common/img/contents_bg.gif) repeat-y 0 0;
	}

		.radius-column1 h1 {
			padding: 0 0 15px 0;
		}

/* 角丸あり - 2カラム
-------------------------------------------------------------------- */
.radius-column2{
	width: 782px;
	margin: 0 auto;
	padding-top: 20px;
	background: #ffffff url(/c/u/common/img/contents_top.gif) no-repeat 0 0;
}

	.radius-column2 .frmb {
		width: 782px;
		padding-bottom: 10px;
		background: url(/c/u/common/img/contents_bg_bottom.gif) no-repeat 0 100%;
	}

	.radius-column2 .frm {
		padding: 0 32px 20px 30px;
		background: url(/c/u/common/img/contents_bg.gif) repeat-y 0 0;
	}

		.radius-column2 h1 {
			padding: 0 0 15px 0;
		}

		.radius-column2 #main-static {
			float: left;
			width: 444px;
		}

		.radius-column2 #sub-static {
			float: right;
			width: 260px;
		}

/* 角丸なし - 1カラム
-------------------------------------------------------------------- */
.column1 {
}

	.column1 #main-static {
		padding-top: 20px;
	}

/* 角丸なし - 2カラム
-------------------------------------------------------------------- */
.column2 {
}

	.column2 #main-static {
		float: left;
		width: 640px;
		padding-top: 20px;
	}

	.column2 #sub-static {
		float: right;
		width: 260px;
		padding-top: 20px;
	}

/* main
--------------------------------------------------------------------*/
#exchange {

}

	#exchange #main-static .box-form h2 {
		padding: 10px 0 0 0;
	}

	#exchange #main-static .vis {
		padding-top: 20px;
	}

	#exchange #main-static .ex-btn{
		padding-top: 20px;
		text-align: center;
	}

#exchange .radius-column1 {
margin-top:0;
}
#exchange .radius-column1 h1 {
padding-bottom:0;
}
	#exchange .h-1-inner i {
font-size:75%;
font-style:normal;
}

/*===============右カラムスタイル=========================*/
/* recommend-change-item */
#contents .recommend-change-item ul {
  border-bottom: 1px dotted #5e4c38;
}

/* other-link */
#contents .other-link li:first-child ~ li {
  border-top: 1px dotted #5e4c38;
}

  /* recommend-change-item */
  #contents .recommend-change-item {
    padding-bottom: 5px !important;
  }
  #contents .recommend-change-item ul {
    margin-bottom: 5px;
  }

  /* other-link */
  #contents .other-link {
    padding-bottom: 0px !important;
  }
  #contents .other-link li {
    margin-bottom: 10px;
  }
  #contents .other-link li:first-child ~ li {
    padding-top: 10px;
  }
  #contents .other-link img {
    width: 102px;
  }

  /* recommend-change-item */
  #contents .recommend-change-item {
    padding-bottom: 5px !important;
  }
  #contents .recommend-change-item ul {
    margin-bottom: 5px;
  }

  /* other-link */
  #contents .other-link {
    padding-bottom: 0px !important;
  }
  #contents .other-link li {
    margin-bottom: 10px;
  }
  #contents .other-link li:first-child ~ li {
    padding-top: 10px;
  }
  #contents .other-link img {
    width: 102px;
  }

  /* campaign-list-head */
  #campaign-list-head {
    margin-bottom: 20px;
  }
  #campaign-list-head p {
    top: 7px;
    right: 6px;
  }

  /* ponta-campaign & partner-campaign & rRecommend-campaign */
  #ponta-campaign, #partner-campaign, #recommend-campaign {
    padding-bottom: 0 !important;
  }
  #ponta-campaign .h-3, #partner-campaign .h-3, #recommend-campaign .h-3 {
    margin: -8px -8px 10px;
  }
  #ponta-campaign .a-slider, #partner-campaign .a-slider, #recommend-campaign .a-slider {
    overflow: hidden;
  }
  #ponta-campaign .b, #partner-campaign .b, #recommend-campaign .b {
    margin-bottom: 10px;
    *zoom: 1;
  }
  #ponta-campaign .b:after, #partner-campaign .b:after, #recommend-campaign .b:after {
    content: "";
    display: block;
    clear: both;
  }
  #ponta-campaign .b + .b, #partner-campaign .b + .b, #recommend-campaign .b + .b {
    border-top: 1px solid #bababa;
    padding-top: 10px;
  }
  #ponta-campaign .b .i-img, #partner-campaign .b .i-img, #recommend-campaign .b .i-img {
    float: left;
  }
  #ponta-campaign .b .i-img img, #partner-campaign .b .i-img img, #recommend-campaign .b .i-img img {
    width: 126px;
  }
  #ponta-campaign .b .b-txt, #partner-campaign .b .b-txt, #recommend-campaign .b .b-txt {
    margin-left: 136px;
  }
  #ponta-campaign .b p, #partner-campaign .b p, #recommend-campaign .b p {
    display: inline;
  }
  #ponta-campaign .b p:first-child, #partner-campaign .b p:first-child, #recommend-campaign .b p:first-child {
    margin-bottom: 0;
  }
  #ponta-campaign .b .i-link .link-s, #partner-campaign .b .i-link .link-s, #recommend-campaign .b .i-link .link-s {
    margin-right: 5px;
    font-weight: bold;
  }
  #ponta-campaign .b .i-link ul, #partner-campaign .b .i-link ul, #recommend-campaign .b .i-link ul {
    display: inline;
  }
  #ponta-campaign .b .i-link [class^="i-ico-"], #partner-campaign .b .i-link [class^="i-ico-"], #recommend-campaign .b .i-link [class^="i-ico-"] {
    padding: 2px 5px 0;
    margin: 0 5px 3px 0;
    font-size: 11px;
    font-size: 1.1rem;
  }
  #ponta-campaign .b .i-link .i-ico-new, #partner-campaign .b .i-link .i-ico-new, #recommend-campaign .b .i-link .i-ico-new {
    font-weight: bold;
  }

  /* attention-shop */
  #attention-shop {
    padding-bottom: 0 !important;
    margin-bottom: 5px !important;
  }
  #attention-shop li {
    margin-bottom: 10px;
    *zoom: 1;
  }
  #attention-shop li:first-child ~ li {
    border-top: 1px dotted #524036;
    padding-top: 10px;
  }
  #attention-shop li img {
    border: 3px solid #dbd5b4;
    margin-right: 9px;
  }
  #attention-shop li:after {
    content: "";
    display: block;
    clear: both;
  }
  #attention-shop li > a {
    display: block;
    float: left;
  }
  #attention-shop li .link-s {
    margin: 0 5px 3px 0;
  }
  #attention-shop li .i-save, #attention-shop li .i-use {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 71px;
    height: 19px;
    background: url(/c/campaign/img/bg_ico_save-use.png) no-repeat;
    margin-bottom: 3px;
    text-align: center;
    color: #fff;
    font-weight: bold;
  }
  #attention-shop li .i-save {
    background-position: 0 0;
  }
  #attention-shop li .i-use {
    background-position: -71px 0;
  }

  /* more-shop */
  #more-shop p {
    width: 63px;
    height: 13px;
    background: url(/c/campaign/img/txt_more.png) no-repeat;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
  }
  #more-shop ul {
    *zoom: 1;
  }
  #more-shop ul:after {
    content: "";
    display: block;
    clear: both;
  }
  #more-shop li {
    float: left;
  }
  #more-shop a {
    background-repeat: no-repeat;
    color: #fff;
    font-weight: bold;
  }

  /*= entry campaign list
  ======================================*/
  /* entry-campaign-list-head */
  #entry-campaign-list-head {
    margin-bottom: 20px;
  }
  #entry-campaign-list-head p {
    top: 7px;
    right: 6px;
  }

  /* in-session-campaign */
  #in-session-campaign {
    padding-bottom: 0 !important;
  }
  #in-session-campaign .h-3 {
    margin: -8px -8px 10px;
  }
  #in-session-campaign .b {
    *zoom: 1;
    margin-bottom: 10px;
  }
  #in-session-campaign .b:after {
    content: "";
    display: block;
    clear: both;
  }
  #in-session-campaign .b + .b {
    padding-top: 10px;
  }
  #in-session-campaign .b .i-img {
    float: left;
  }
  #in-session-campaign .b .link-2 {
    margin-bottom: 5px;
    font-weight: bold;
  }
  #in-session-campaign .b li {
    display: inline;
    margin-right: 10px;
    font-weight: bold;
  }
  #in-session-campaign .b .b-body-txt {
    border-top: 1px dotted #5e4c38;
    padding-top: 5px;
    margin-top: 5px;
  }

  /* recommend-change-item */
  #contents .recommend-change-item ul {
    padding-bottom: 10px;
    *zoom: 1;
  }
  #contents .recommend-change-item ul:after {
    content: "";
    display: block;
    clear: both;
  }
  #contents .recommend-change-item li {
    width: 138px;
    float: left;
  }
  #contents .recommend-change-item li:first-child {
    margin-right: 2px;
  }
  #contents .recommend-change-item img {
    width: 138px;
  }

  /* other-link */
  #contents .other-link li {
    *zoom: 1;
  }
  #contents .other-link li:after {
    content: "";
    display: block;
    clear: both;
  }
  #contents .other-link a {
    margin-right: 10px;
  }
  #contents .other-link a:first-child {
    float: left;
  }
    /* attention-shop */
  #attention-shop .i-txt {
    margin-left: 111px;
  }

  /* more-shop */
  #more-shop {
    padding: 5px !important;
  }
  #more-shop p {
    margin: 8px 6px 0 0;
    float: left;
  }
  #more-shop li:first-child {
    margin-right: 3px;
  }
  #more-shop a {
    display: block;
    width: 108px;
    height: 23px;
    background-image: url(/c/campaign/img/bg_btn_save-use.png);
    padding-top: 5px;
text-indent: 14px;
font-size: 95%;
  }
  #more-shop li:first-child a {
    background-position: 0 0;
  }
  #more-shop li:first-child + li a {
    background-position: -111px 0;
  }
  #in-session-campaign .b .i-img img {
    width: 240px;
  }
  #in-session-campaign .b .b-txt {
    margin-left: 250px;
  }
  
  /* point-save */
#point-save {
  background-color: #fff;
  border: 1px solid #c2ba93;
  padding: 1px;
  margin-bottom:20px;
}
#point-save .point-save-inner {
  background-color: #edede0;
}
#point-save h2 {
  border-bottom: 2px solid #47382b;
  margin: 0 -2px;
  text-align: center;
  color: #524036;
  font-weight: bold;
  padding: 5px 0;
margin-bottom: 5px;
font-size: 1.4rem;
}
#point-save li a {
  display: block;
  background-repeat: no-repeat;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}


  
 /* point-save */
  #point-save {
    width: 302px;
  }
  #point-save .point-save-inner {
    padding-bottom: 1px;
  }
  #point-save ul {
    letter-spacing: -.4em;
  }
  #point-save ul > * {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    letter-spacing: normal;
  }
  #point-save li {
    width: 150px;
  }
  #point-save li a {
    height: 94px;
    background-image: url(/c/cmn/img/img_point-save.png);
  }
  #point-save .i-sugoroku a {
    background-position: 0 0;
  }
  #point-save .i-cm a {
    background-position: -150px 0;
  }
  #point-save .i-challenge a {
    background-position: -300px 0;
  }
  #point-save .i-stamp a {
    background-position: -450px 0;
  }
  #point-save .i-sugoroku a:hover {
    background-position: 0 -94px;
  }
  #point-save .i-cm a:hover {
    background-position: -150px -94px;
  }
  #point-save .i-challenge a:hover {
    background-position: -300px -94px;
  }
  #point-save .i-stamp a:hover {
    background-position: -450px -94px;
  }
  
  
/* point-passbook-sub */
#point-passbook-sub .b-campaign .i-period {
  color: #ab5959;
}
#point-passbook-sub .b-goods .i-point {
  color: #ab5959;
}

  /* point-passbook-sub */
  #point-passbook-sub .b-campaign {
    padding-bottom: 0 !important;
  }
  #point-passbook-sub .b-campaign .b {
    width: 100%;
    margin-bottom: 10px;
  }
  #point-passbook-sub .b-campaign .i-slider-prev, #point-passbook-sub .b-campaign .i-slider-next {
    top: 35px;
  }
  #point-passbook-sub .b-campaign .i-slider-prev {
    left: 10px;
  }
  #point-passbook-sub .b-campaign .i-slider-next {
    right: 10px;
  }
  #point-passbook-sub .b-campaign .i-img {
    margin-bottom: 5px;
    text-align: center;
  }
  #point-passbook-sub .b-goods .b {
    *zoom: 1;
  }
  #point-passbook-sub .b-goods .b:after {
    content: "";
    display: block;
    clear: both;
  }
  #point-passbook-sub .b-goods .i-img {
    margin-right: 20px;
    float: left;
  }
  
  /* point-passbook-sub */
  #point-passbook-sub .b-campaign {
    padding-bottom: 2px !important;
  }
  #point-passbook-sub .b-campaign .a-slider {
    overflow: hidden;
  }
  #point-passbook-sub .b-campaign .b {
    margin-bottom: 8px;
  }
  #point-passbook-sub .b-campaign .b ~ .b {
    border-top: 1px solid #bababa;
    padding-top: 10px;
  }
  #point-passbook-sub .b-campaign img {
    width: 113px;
  }
  #point-passbook-sub .b-campaign .i-link {
    margin-bottom: 5px;
  }
  #point-passbook-sub .b-campaign .i-period {
    font-size: 11px;
    font-size: 1.1rem;
  }
  #point-passbook-sub .b-goods img {
    width: 85px;
  }
  #point-passbook-sub .b-goods .i-link {
    margin-bottom: 3px;
  }
  #point-passbook-sub .b-goods .i-point {
    font-weight: bold;
  }
  #point-passbook-sub .b-campaign .i-img {
    margin-bottom: 5px;
    text-align: center;
  }
  #point-passbook-sub .b-goods .i-img {
    margin-bottom: 5px;
    text-align: center;
  }
  
  /* point-passbook-sub */
  #point-passbook-sub .b-campaign .b {
    *zoom: 1;
  }
  #point-passbook-sub .b-campaign .b:after {
    content: "";
    display: block;
    clear: both;
  }
  #point-passbook-sub .b-campaign .i-img {
    margin-right: 10px;
    float: left;
  }
  #point-passbook-sub .b-campaign .i-txt {
    margin-left: 123px;
  }
  #point-passbook-sub .b-goods .b {
    *zoom: 1;
  }
  #point-passbook-sub .b-goods .b:after {
    content: "";
    display: block;
    clear: both;
  }
  #point-passbook-sub .b-goods .i-img {
    margin-right: 10px;
    float: left;
  }
 


/*110706 FOR BREAD CRUMBS
------------------------------------------*/
#contents-body { clear: both; }
#contents-body h1 {
	padding-top: 8px;
	}
	
	
	
/* clearfix - floatの解除
------------------------------*/

/* Modern browsers like Firefox, Safari, Opera */
.cfx:after {
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    content: ".";
    line-height: 0;
    font-size: 0.1em;/* footerの隙間を解消する */
}
/* IE 7 and MacIE*/
.cfx {
    display: inline-table;
    min-height: 1%;
}

/* for macIE \*/
* html .cfx {
    height: 1%;
}

.cfx {
    display: block;
}
/* end of for macIE */