@charset "utf-8";
/* CSS Document */

.contents .cont_date { color:#008941; background:#fffabc; text-align:center; padding:10px; font-size:140%; font-weight:bold; margin-top:2px; }
.contents .cont_blue { color:#002CFF; font-weight:bold; }
.contents .cont_red { color:#e60012; font-weight:bold; }
.contents .cont_large { font-size:114.2%; } 
.contents .cont_xlarge { font-size:140%; } 
.contents .cont_small { font-size:85.7%; } 
.contents .cont_inner { width:658px; margin:auto; line-height:1.4; color:#4b4948; font-size:114.2%; }


/*新規ご入会者さま*/
.contents .cont_sec01.unit { /*margin-top:15px;*/ }
.cont_sec01_val_outer { width:652px; margin:auto; margin-top:15px; border-left:1px solid #4b4948; border-right:1px solid #4b4948; }
.cont_sec01_val_outer:before , .cont_sec01_val_outer:after { content:""; width:652px; height:1px; display:block; background:url(/resources/img/enexco_pass/a_pass/campaign201411/pct_sec01_wu.png); display:block; }
.cont_sec01_val { display:table; }
.cont_sec01_val .cont_pct_plus { width:auto; max-width:100%; height:auto; }
.cont_sec01_val>div { display:table-cell; vertical-align:middle; }
.cont_sec01_val p { padding:10px 15px; }
.cont_sec01_val01 { width:32%; }
.cont_sec01_val02 { width:8%; text-align:center; }
.cont_sec01_val03 { width:60%; }

.cont_sec01 .cont_enexcopassimg { float:left; }
.cont_signup  { float:right; margin-top:12px;}
.cont_signup:hover ,.cont_ent:hover , .cont_accodion_btn:hover { opacity:0.8; }
.contents .cont_sec01 .cont_unit { margin-top:5px; }

/*新規ご入会者さま　カード会員さま*/
.cont_sec02 {}
.cont_sec02 .cont_preimg { float:left; }
.cont_sec02 .cont_texts { width:387px; float:right; }
.cont_sec02 .cont_texts img { margin-top:15px; }
.cont_sec02 .cont_atten { margin:15px 0; } 
.cont_accodion_btn { cursor:pointer; }
.cont_accodion_tgt{ display:none; padding-bottom:20px; }
.cont_sec02 .cont_preitems { margin-left:-20px; /*padding-bottom:20px;*/ }
.cont_sec02 .cont_preitems li { width:25%; float:left; margin-top:20px; }
.cont_sec02 .cont_preitems li img { width:100%; height:auto; margin-bottom:5px; }
.cont_sec02 .cont_preitems h4 { /*font-weight:bold;*/font-size:87.5%; }
.cont_sec02 .cont_preitems li:nth-child(4n+1) { clear:left; }
.cont_sec02 .cont_preitems li>div { margin-left:20px; }
.cont_accodion_tgt .cont_items_atten { padding:15px 0; display:block; overflow:hidden; font-size:85.7%; }


/*SA・PA　ドラぷらショッピングのご利用がおトクに！*/
.cont_sec03 {}
.contents .cont_sec03 img.cont_img01 { float:left; margin-left:10px;}
.cont_sec03 .cont_texts { width:370px; margin-left:200px; }
.cont_texts_01 { float:left; margin-left:10px;}
.cont_texts_02 { margin-left:20px;}
.cont_sec03 .cont_texts img { margin-top:15px; }


/*共通*/
.page_home a.icon {
  background: url(/resources/img/common/icn_link_arrow_home_01.png) no-repeat 0 0.4em;
}
.contents a.icon {
display: inline-block;
padding-left: 13px;
text-decoration:none;
}
a.icon:hover { text-decoration:underline; }
.page_home a span.blank:after {
  background: url(/resources/img/common/icn_blank_home.png) no-repeat 100% 50%; content: ""; padding-left: 20px; width: 12px; height: 12px;
}
.topic_box01 {
padding: 15px;
background-color: #F8F4EB;
border: 1px solid #CCC;
}
.center {
text-align: center !important;
}



h3 {font-weight:bold;
font-size:18px;
font-size:180%;
color:#333333;
}
p { font:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.bn { margin-top:10px; margin-bottom:50px;}

.days {font-weight:bold;
font-size:18px;
font-size:180%;
color:#04287e;S
}



