@charset "utf-8";
/*=============================================================

	Date: 2010-03-18
	CSS Document ： MERRY（メリー）v2.静的ページレイアウト
	
	1.共通使用　.sys01__textred追記(20150128 felissimo)
	　共通使用　.shopping_mr追記（20160531 felissimo）
	2.メリーポイントの賢い集め方 system/01.cfm
	3.メリーポイントの確認方法 system/02.cfm
	4.メリーポイントの楽しみ方 system/03.cfm

=============================================================*/

/* ---------------------------------

	1.共通使用
	
--------------------------------- */

.side_free_area01_fca{
	width:190px;
	margin:0 0 20px 0;
}

div#main_mr {
	float: right;
	font-size: 84%;
	width: 710px;
}

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	line-height: 0;
}

.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
/* End hide from IE-mac */

.opacity:hover img {
	filter: alpha(opacity=70);
	opacity: 0.7;
	-moz-opacity: 0.7;
}

/* marginTop */
.mt5 {
	margin-top: 5px;
}
.mt10 {
	margin-top: 10px;
}
.mt15 {
	margin-top: 15px;
}
.mt20 {
	margin-top: 20px;
}
.mt25 {
	margin-top: 25px;
}

/* alighn */
.center {
	text-align: center;
}
.right {
	text-align: right;
}
.left {
	text-align: left;
}
.alignL {
	float: left;
}
.alignR {
	float: right;
}

.bold {
	font-weight: bold;
}

#main_mr a {
	color: #DC236B;
	text-decoration: underline;
}
#main_mr a:hover {
	text-decoration: none;
}
.sys01__textred {
	color: #E64B4B;
}
.shopping_mr {
	margin-top: 60px;
}
/* ---------------------------------

	2.メリーポイントの賢い集め方 system/01.cfm
	
--------------------------------- */
.sys01_mr .dtl01_mr {
	background: url(../images/dot_h_01.gif) repeat-x left bottom;
	padding: 25px 0px 27px 18px;
	zoom: 1;	
}
.sys01_mr .dtl01_mr .text_mr {
	font-size: 110%;
	float: left;
	width: 460px;
}
.sys01_mr .dtl02_mr {
	margin-left: 7px;
	margin-right: 9px;
	background: url(../images/dot_h_01.gif) repeat-x left bottom;
	padding-bottom:60px;
}
.sys01_mr .dtl02_mr .item-wrap_mr {
	margin-top: 30px;
	background: url(../images/dot_v_01.gif) no-repeat right top;
	padding-right: 3px;
	zoom: 1;
}
.sys01_mr .dtl02_mr .item_mr {
	float: left;
	width: 230px;
	font-size: 110%;
	background: url(../images/dot_v_01.gif) no-repeat left top;
}
.sys01_mr .dtl02_mr .item_mr .img_mr,
.sys01_mr .dtl02_mr .item_mr .text_mr,
.sys01_mr .dtl02_mr .item_mr .num_mr {
	text-align: center;
	margin-left: 3px;
}
.sys01_mr .dtl02_mr .item_mr .text_mr {
	margin: 25px 0px 15px;	
}
.sys01_mr .dtl02_mr .item_mr .num_mr {
	margin-bottom: 20px;
}
.sys01_mr .dtl02_mr .item_mr .t-box_mr {
	padding: 0px 20px 0px 25px;
}
.sys01_mr .dtl02_mr .item_mr .t-box_mr p {
	padding-bottom: 10px;
}
.sys01_mr .dtl02_mr .item-w_mr {
	width: 460px;
}

/* ---------------------------------

	3.メリーポイントの確認方法 system/02.cfm
	
--------------------------------- */

.sys02_mr {
	position: relative;
}

.sys02_mr .dtl_mr {
	margin: 30px 0 0 15px;
	background: url(../images/dot_h_01.gif) repeat-x left bottom;
	padding-bottom:30px;
}

.sys02_mr .dtl_mr h3 {
	margin: 0 0 15px 0;
}

.sys02_mr .dtl_mr .text_mr {
	padding: 0 0px 10px 20px;
	font-size: 110%;
}
.sys02_mr .dtl_mr .pos-box_mr {
	margin: 0 0 30px 0;
	position: relative;
	zoom: 1;
}
.sys02_mr .dtl_mr .pos-box_mr .pos01_mr {
	position: absolute;
	left: 0;
	top: 307px;
}

.sys02_mr .pos-box_mr .pos02_mr {
	position: absolute;
	right: 0;
	top: 85px;
	width: 220px;
}
.sys02_mr .pos-box_mr .pos02_mr dt {
	font-size: 130%;
	color: #E64B4B;
}

.sys02_mr .pos-box_mr .pos03_mr {
	position: absolute;
	right: 0;
	top: 200px;
	width: 220px;
}
.sys02_mr .dtl_mr .pos03_mr dt {
	font-size: 130%;
	color: #419A60;
}
.sys02_mr .dtl_mr .pos03_mr dd p span {
	color: #419A60;
}

.sys02_mr .pos-box_mr .pos04_mr {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 220px;
}
.sys02_mr .dtl_mr .pos04_mr dt {
	font-size: 130%;
	color: #E64B4B;
}

.sys02_mr .cap_mr {
	font-weight: bold;
	line-height: 1.4;
	margin: 15px;
}

/* ---------------------------------

	4.メリーポイントの楽しみ方 system/03.cfm
	
--------------------------------- */

.sys03_mr .dtl01_mr {
	padding: 25px 10px 30px 18px;
	background: url(../images/dot_h_01.gif) repeat-x left bottom;
}
.sys03_mr .dtl01_mr .text_mr {
	float: right;
	width: 335px;
}
.sys03_mr .dtl01_mr .text_mr p {
	padding-top: 15px;
	font-size: 110%;
}
.sys03_mr .dtl01_mr .text_mr p span {
	color: #CD002F;
	font-size: 137%;
}
.sys03_mr .dtl02_mr {
	padding: 20px 10px 60px;
	background: url(../images/dot_h_01.gif) repeat-x left bottom;
}
.sys03_mr .dtl02_mr .in-box_mr {
	padding-left: 7px;
}
.sys03_mr .dtl02_mr .in-box_mr dt {
	margin-top: 20px;
}
.sys03_mr .dtl02_mr .in-box_mr dd {
	margin-top: 12px;
	font-size: 110%;
}
.sys03_mr .dtl02_mr .in-box_mr dd .idt_mr {
	padding-left: 90px;
}
.sys03_mr .dtl02_mr .in-box_mr dd .idt_mr p {
	margin-top: 10px;
}
.sys03_mr .dtl02_mr .in-box_mr ul {
	margin-top: 10px;
}
.sys03_mr .dtl02_mr .in-box_mr ul li {
	text-indent: -1em;
	margin-left: 1em;
	font-size: 110%;
}
.sys03_mr .dtl02_mr .in-box_mr ul li span {
	font-family: "ＭＳ ゴシック", "Osaka?等幅";
}

/* ---------------------------------

	とは system/04.cfm
	
--------------------------------- */

.sys04_mr .dtl02_mr {
	padding: 20px 10px 60px;
	background: url(../images/dot_h_01.gif) repeat-x left bottom;
}

.sys04_mr h2 {
	text-align: center;
	margin: 0 0 30px;
}

.sys04_mr .in-box_mr {
	font-size: 120%;
	line-height: 1.6;
}

.sys04_mr .in-box_mr dt {
	margin: 0 0 15px;
}

.sys04_mr .in-box_mr dd p {
	color: #76b8ff;
	margin: 25px 0 0;
}

.sys04_mr .point_mr {
	width: 700px;
	margin: 35px 0;
}

.sys04_mr .point_mr h3 {
	margin: 0 0 20px;
}

.sys04_mr .point_mr ul {
	float: left;
	width: 450px;
}

.sys04_mr .point_mr ul li {
	font-size: 120%;
	margin: 0 0 5px;
}

.sys04_mr .point_mr p {
	float: right;
}

.sys04_mr .howto_mr {
	width: 700px;
}

.sys04_mr .h1_mr,
.sys04_mr .h2_mr,
.sys04_mr .h3_mr,
.sys04_mr .h4_mr {
	margin: 35px 0 0;
}

.sys04_mr .howto_mr h3 {
	margin: 0 0 20px;
}

.sys04_mr .h1_mr dl {
	float: left;
	width: 250px;
}

.sys04_mr .h3_mr dl {
	float: right;
	width: 600px;
}

.sys04_mr .howto_mr dl {
	font-size: 120%;
}

.sys04_mr .howto_mr dl span {
	color: #FF0000;
}

.sys04_mr .howto_mr dt {
	font-weight: bold;
}

.sys04_mr .h1_mr dd {
	margin: 5px 0;
}

.sys04_mr .h1_mr p {
	float: right;
}
.sys04_mr .h2_mr p {
	margin: 15px 0 0;
}

.sys04_mr .h3_mr p {
	float: left;
}

.sys04_mr .main_read_mr {
	margin: 35px 0;
}

.sys04_mr .main_read_mr p {
	font-size: 120%;
	margin: 0 0 10px;
}

.sys04_mr .merry_camp_mr {
	margin: 35px 0 0;
}

.sys04_mr .merry_camp_mr p {
	font-size: 140%;
	font-weight: bold;
	margin: 0 0 5px;
}

div#main_mr {
  float: none;
  font-size: 100%;
  width: 100%;
}
#Container_fca {
  padding-top: 0 !important;
}
#Content_fca {
  padding-top: 137px;
}
#Header_fca {
  font-size: 86%;
  line-height: 1.6;
  letter-spacing: 0.02em;
}
#Header_fca a {
  font-family: "ゴシックMB101 R", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック";
}
#MerryPointBefore_fca {
  line-height: 1.6;
}
#Content_fca div.pankuzu_fca {
  width: 920px;
  margin: 11px auto 12px;
  font-size: 10px;
  line-height: 1.6;
  letter-spacing: 0.02em;
}
#Content_fca div.pankuzu_fca ul,
#Content_fca div.pankuzu_fca ul li,
#Content_fca div.pankuzu_fca ul li a,
#Content_fca div.pankuzu_fca h1 {
  font-size: 10px;
  line-height: 1.6;
  letter-spacing: 0.02em;
}

body.template_c_fsp #header_fsp {
  display: none;
}
body.template_c_fsp #wrapper_fsp > .emergency_fsp {
  display: none;
}

#Footer_fca {
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0.02em;
}

#Footer_fca ul,
#Footer_fca .copy_fca {
  line-height: 1.6;
}

#footer_fsp {
  display: none;
}