@charset "UTF-8";

body {
	margin:0;
	padding:0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo,"游ゴシック", YuGothic, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Aria, sans-serif;
	color:#505050;
	line-height:1.4;
	word-wrap: break-word;
	width:100%;
	font-size: 14px;
	vertical-align:middle;
	background-color: #fbfaf8;
}
select,button,textarea{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo,"游ゴシック", YuGothic, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Aria, sans-serif;
	color:#505050;
	line-height:1.4;
	font-size: 14px;
}
button{ cursor:pointer;}

/*link*/
a:link{color:#505050;text-decoration:none;}
a:visited{color:#505050;text-decoration:none;}
a:hover{color:#505050;text-decoration:underline;}
a:active{color:#505050;text-decoration:none;}

a.u{ text-decoration:underline; }
a.u:hover{ text-decoration:none; }

img {border: none; width:auto; height: auto; max-width:100%; max-height:100%; vertical-align:bottom;}

.wrap{
	width:100%;
	text-align:center;
}
.clearfix:after {
	content: "."; 
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix{min-height: 1px;}
.clear{clear:both;}





/* 共通
************************************/
.container{width:970px;margin:0 auto;}
.breadcrumb{font-size:12px; text-align:left; color: #635b47; padding:10px 0 20px;}
.breadcrumb a{color: #635b47;}

.content-area{float:left; width: 650px;}

.w420{width:420px;margin-left:auto;margin-right:auto;}
.w450{width:450px;margin-left:auto;margin-right:auto;}
.w470{width:470px;margin-left:auto;margin-right:auto;}
.w480{width:480px;margin-left:auto;margin-right:auto;}
.w500{width:500px;margin-left:auto;margin-right:auto;}
.w547{width:547px;margin-left:auto;margin-right:auto;}
.w720{width:720px;margin:0 auto;}
.w810{width:810px;margin:0 auto;}
.w900{width:900px;margin:0 auto;}

.c-head{ line-height:0;}
.c-foot{ line-height:0;}

/* .box-s */
.content-area .box-s{width: 213px;}
.content-area .box-s .c-body{
	border-left:#ebe7e2 solid 1px;
	border-right:#ebe7e2 solid 1px;
	padding:14px;
}

/* .box-m */
.content-area .box-m{width: 427px;}
.content-area .box-m .c-body{
	border-left:#ebe7e2 solid 1px;
	border-right:#ebe7e2 solid 1px;
	padding:0 19px;
	background-color:#FFF;
}
.content-area .box-m .i-head{
	border-bottom:#e9e1d5 solid 2px;
	position:relative;
}
/* .box-l */
.content-area .box-l{width: 650px;}
.content-area .box-l .c-body{
	border-left:#ebe7e2 solid 1px;
	border-right:#ebe7e2 solid 1px;
	padding:1px 19px;
	background-color:#FFF;
}
.content-area .box-l .i-head{
	border-bottom:#e9e1d5 solid 2px;
	position:relative;
}

/* .box-ll */
.box-ll{width: 970px;}
.box-ll .c-body{
	border-left:#ebe7e2 solid 1px;
	border-right:#ebe7e2 solid 1px;
	padding:1px 19px;
	background-color:#FFF;
}

/* .box-3l */
.box-3l{width: 970px;}
.box-3l .c-body{
	border-left:#ebe7e2 solid 1px;
	border-right:#ebe7e2 solid 1px;
	background-color:#FFF;
	padding:4px 9px;
}

/* シンプルヘッダー
************************************/
.sim-header{ border-bottom:#e61e0a solid 2px; text-align:left; background-color:#FFFFFF;}
.sim-header .logo{padding:14px 0; display:inline-block; }






/* mypage top
************************************/
/* .profile-block color and grade */
#mypageTop .content-area .profile-block .c-head{ background: url(../gif/profile_head_none.gif) no-repeat 0 0;}
#mypageTop .content-area .profile-block .c-body{ background-color:#FFFFFF;}
#mypageTop .content-area .profile-block .c-foot{ background:url(../gif/profile_foot_rookie.gif) no-repeat 0 0;}

#mypageTop .content-area .pro .c-head{ background:url(../gif/profile_head_pro.gif) no-repeat 0 0;}
#mypageTop .content-area .rookie .c-head{ background:url(../gif/profile_head_rookie.gif) no-repeat 0 0;}
#mypageTop .content-area .star .c-head{ background:url(../gif/profile_head_star.gif) no-repeat 0 0;}
#mypageTop .content-area .legend .c-head{ background:url(../gif/profile_head_legend.gif) no-repeat 0 0;}

/* .profile-block */
#mypageTop .content-area .profile-block .c-head{width:213px; height:213px;}
#mypageTop .content-area .profile-block .c-body .t-nickname{
	color: #3c3c3c;
	margin-bottom:15px;
}

#mypageTop .content-area .profile-block .c-body .t-grade,
#mypageTop .content-area .profile-block .c-body .t-nextgrade{border-top:#496c9c dotted 1px;}
#mypageTop .content-area .profile-block .c-body .point-field{
	color: #3c3c3c;
	width: 146px;
	height: 31px;
	background:url(../png/bg_point_field.png) no-repeat center;
	font-size: 20px;
	line-height:32px;
	color: #635b47;
	float:left;
	text-align:right;
}
#mypageTop .content-area .profile-block .c-body .point-field:after{
	content:"P";
	color: #635b47;
	font-size: 14px;
	line-height:32px;
	margin-right:10px;
}
#mypageTop .content-area .profile-block .c-body .btn-point-history{
	display:block;
	float:left;
	margin-left:5px;
}
#mypageTop .content-area .profile-block .c-body .btn-point-kari{
	display:block;
	float:left;
	margin-right:5px;
}
#mypageTop .content-area .profile-block .c-body .t-visitcount{
	color: #3c3c3c;
	padding:15px 0;
	text-align:center;
}

#mypageTop .content-area .profile-block .c-body .t-unlogin{ padding:50px 0;}
#mypageTop .content-area .profile-block .c-body .t-grade{ padding:10px 0;}
#mypageTop .content-area .profile-block .c-body .t-nextgrade{padding:10px 0 0;}
#mypageTop .content-area .profile-block .c-body .red{color: #e61e0a;}
#mypageTop .content-area .profile-block .c-foot{width:213px; height:5px;}



/* .recommend-block */
#mypageTop .content-area .recommend-block{
	padding-top:10px;
}
#mypageTop .content-area .recommend-block .t-popup{
	margin:0 auto -8px;
	width:183px;
	height:63px;
	background:url(../png/bg_popup.png) no-repeat 0 0;
	position:relative;
	z-index:1;
}
#mypageTop .content-area .recommend-block .t-popup .t-read{
	padding:7px 0 0;
}
#mypageTop .content-area .recommend-block .recommend{
	position:relative;
	display:block;
}
#mypageTop .content-area .recommend-block .recommend .icon-status{
	position:absolute;
	left:1px;top:1px;
}
#mypageTop .content-area .recommend-block .recommend .icon-badge{
	position:absolute;
	left:129px;top:10px;
	width: 36px;
	height: 35px;
	background:url(../png/img_recommend_badge.png) no-repeat center;
	box-sizing: border-box;
	color: #FFF;
	padding-top: 11px;
	line-height: 1;
}
#mypageTop .content-area .recommend-block .recommend .ttl{
	position:absolute;
	left:0; top:93px;
	text-align:center;
	width: 100%;
	color: #fFf;
}
#mypageTop .content-area .recommend-block .recommend .ttl span{
	background:url(../png/icon_arrow_left_small.png) no-repeat right center;
	padding-right:10px;
}
#mypageTop .content-area .recommend-block{margin-bottom:10px;}


/* .news-block */
#mypageTop .content-area .news-block{margin-bottom:10px;}
#mypageTop .content-area .news-block .c-body{padding-bottom:15px;}
#mypageTop .content-area .news-block .c-body .i-head > .ttl{
	padding: 16px 0 5px 70px;
	height: 20px;
	font-size:16px;
	text-align:left;
	background: url(../gif/icon_news_ttl.gif) no-repeat 0 center;
}
#mypageTop .content-area .news-block .c-body .i-head > .deco{
	position:absolute;
	bottom:0;
	right:10px;
}
#mypageTop .content-area .news-block .news-list .item{
	line-height:1.2;
	border-bottom:#aea8a1 dotted 1px;
	padding:12px 0;
	text-align:left;
	display:block;
}
#mypageTop .content-area .news-block .news-list .t-date{
	color: #928e88;
	display:block;
	margin-bottom:5px;
}

/* .present-block */
#mypageTop .content-area .present-block{margin-bottom:10px;}
#mypageTop .content-area .present-block .c-body{padding-bottom:15px;}
#mypageTop .content-area .present-block .c-body .i-head > .ttl{
	padding: 16px 0 5px 50px;
	height: 20px;
	font-size:16px;
	text-align:left;
	background: url(../gif/icon_present_ttl.gif) no-repeat 0 center;
}
#mypageTop .content-area .present-block .c-body .i-head > .deco{
	position:absolute;
	bottom:0;
	right:5px;
}
#mypageTop .content-area .present-block .present-list {margin-bottom:20px;}
#mypageTop .content-area .present-block .present-list .left{width: 192px;border-right:#aca69f dotted 1px;}
#mypageTop .content-area .present-block .present-list .right{width: 192px;}
#mypageTop .content-area .present-block .present-list .pic{height: 192px;}

/* .ad-block */
#mypageTop .content-area .ad-block{}
#mypageTop .content-area .ad-block .i-head{ line-height: 20px; padding:10px 46px 6px 0;}
#mypageTop .content-area .ad-block .i-head > .ttl{float:left; font-size:16px;}
#mypageTop .content-area .ad-block .shoulder{float:right; position:relative;}
#mypageTop .content-area .ad-block .shoulder p{float:left; padding:0 10px; display:block;}
#mypageTop .content-area .ad-block .shoulder .active{padding:0 10px; font-weight:bold;}
#mypageTop .content-area .ad-block .shoulder a{color:#2c4f7e;padding:0 10px 0 0;}
#mypageTop .content-area .ad-block .shoulder .border-right{border-right:#ccc8b8 solid 1px;}
#mypageTop .content-area .ad-block .shoulder .border-dot-right{border-right:#ccc8b8 dotted 1px;}
#mypageTop .content-area .ad-block .btn-setup{ position:absolute;bottom:1px; right:0; padding:0; display:block;}

#mypageTop .content-area .ad-block .ad-list{
	width: 630px;
	margin:10px -10px;
}
#mypageTop .content-area .ad-block .ad-list a{
	display:block;
	float:left;
	width:190px;
	margin:10px;
	position:relative;
}
#mypageTop .content-area .ad-block .icon-status{
	position:absolute;
	left:-1px;
	top:-9px;
}
#mypageTop .content-area .ad-block .paging{
	line-height: 42px;
	padding:10px 0 20px;
}
#mypageTop .content-area .ad-block .paging a{margin:0 10px;}
#mypageTop .content-area .ad-block .paging a.deactive{ visibility:hidden;}



/*
    ADD 2015.03 TOPPAN akimasa.kamada
    ---------------------------------
*/
#mypageTop .content-area .ad-block .shoulder a{
    padding:0 10px;
}

#mypageTop .content-area .ad-block .ad-list{
    position: relative;
    overflow: hidden;
}
.fsl_wrap {
    width: 99999px;
    position: absolute;
    left: 7px;
    top: 0;
    z-index: 1000;
}
    .fsl {
        float:left;
        width:630px;
    }
    .fsl_now {
    }
        .fsl_unit {
        }
#mypageTop .content-area .ad-block .ad-list a{
    height:160px;
}

.fsl_not {
    position:relative;
    width:500px;
    margin:0 auto;
    padding:50px 0;
    text-align:center;
}
    .fsl_not p {
        padding:20px;
        font-size:14px;
        margin:0;
    }


/*
    ---------------------------------
*/




/* .menu-area 
************************************/
.menu-area{
	float:right;
	width:300px;
}
.menu-area .banner-area{
	padding-top:20px;
}
.menu-area .banner-area .banner{
	display:block;
	margin-bottom:20px;
}
.menu-area .menu{
	border-top:#e9e1d5 solid 2px;
	border-bottom:#e9e1d5 solid 2px;
	background-color:#fbfaf8;
}
.menu-area .menu li.no-border{
	border:none;
}
.menu-area .menu li{
	background-color:#FFFFFF;
	border-top:#e9e1d5 dotted 1px;
	width:300px;
	text-align:left;
}
.menu-area .menu li.m-member-modyfy{border-top:#e9e1d5 solid 2px;}
.menu-area .menu li.m-about{border-top:#e9e1d5 solid 2px;}
.menu-area .menu li a{
	display:block; 
	line-height: 48px;
	background-color:#fbfaf8;
	color: #000000; 
	font-size: 14px; 
	text-decoration:none; 
	position:relative;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.menu-area .menu li a:hover{
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
}
.menu-area .menu li a img{ margin-right:10px;}

.menu-area div.ad-area{ overflow:hidden;}

/* あなたへのおすすめ情報
************************************/
.recommend-block .c-body{padding-bottom:15px;}
.recommend-block .c-body .i-head{margin-bottom:20px;}
.recommend-block .c-body .i-head > .ttl{
	padding: 18px 0 8px 60px;
	height: 20px;
	font-size:18px;
	text-align:left;
	background: url(../png/icon_ttl.png) no-repeat 0 center;
}
.recommend-block .c-body .i-head > .deco{
	position:absolute;
	bottom:0;
	right:5px;
}

.recommend-block .c-body > .t-read{
	font-size:16px;
	text-align:left;
	padding-left:1em;
	margin-bottom:15px;
}

.recommend-block .c-body .recommend-list{
}
.recommend-block .c-body .recommend-list li{
	background:url(../gif/border_ribbon.gif) no-repeat center top;
	padding-top:8px;
}
.recommend-block .c-body .recommend-list li a{
	display:block;
	padding:17px 10px 20px 12px;
	position:relative;
}
.recommend-block .c-body .recommend-list li a .pic{
	float:left;
	width:190px;
}
.recommend-block .c-body .recommend-list li a .info{
	float:left;
	width:390px;
	text-align:left;
}
.recommend-block .c-body .recommend-list li a .t-point{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	
	background:url(../gif/base_point.gif) no-repeat 0 0;
	width:60px;
	height:20px;
	text-align:center;
	line-height:21px;
	font-size:14px;
	color:#FFF;
	margin-right:15px;
}
.recommend-block .c-body .recommend-list li a .t-date{
	color:#505050;
	font-size:12px;
}
.recommend-block .c-body .recommend-list li a .ttl{
	color:#3f3e3e;
	font-size:18px;
	margin-top:10px;
}
.recommend-block .c-body .recommend-list li a .icon-status{
	position:absolute;
	left:0;	top:0;
}
.recommend-block .c-body .recommend-list li{ position:relative;}
.recommend-block .c-body .recommend-list .visited:after{
	content:"";
	background:url(../png/list_visited_cover.png);
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}



/* ポイント履歴
************************************/
.pointHistory-block > .t-grade{
	line-height:1;
	margin-bottom:20px;
}
.pointHistory-block > .t-point{
	line-height:1;
	font-size:18px;
	font-weight:bold;
	margin-bottom:20px;
}
.pointHistory-block > .t-point .point{
	line-height:1;
	font-size:36px;
	font-weight:bold;
	color:#e6210e;
	padding:0 5px;
}
.pointHistory-block > .t-point .t-f{
	font-size:16px;
	font-weight:bold;
}
.pointHistory-block > .t-read{
	margin-bottom:15px;
}
.pointHistory-block .pointHistory-list{
	border: 1px #eae9e7 solid;
	text-align:center;
}
.pointHistory-block .pointHistory-list td,
.pointHistory-block .pointHistory-list th{ 
	border: 1px #eae9e7 solid;
	border-top:none;
	border-bottom:none;
}
.pointHistory-block .pointHistory-list tr{
	background-color:#FFFFFF;
}
.pointHistory-block .pointHistory-list tr.even{
	background-color:#f8f6f2;
}
.pointHistory-block .pointHistory-list th{
	background-color:#928e88;
	color:#FFF;
	text-align:center;
	padding:5px;
}
.pointHistory-block .pointHistory-list td{
	padding:15px 5px;
	color:#3c3c3c;
}
.pointHistory-block .pointHistory-list td.t-left{
	text-align:left;
	padding:15px 10px;
}

/* 当選賞品一覧
************************************/
#prizeGiftList .prizeList-block .i-head > .ttl{
	padding: 18px 0 8px 60px;
	height: 20px;
	font-size: 18px;
	text-align: left;
	background: url(../png/icon_ttl-2.png) no-repeat 0 center;
	margin-top: 0;
}
#prizeGiftList .prizeList-block .i-head > .deco {
    position: absolute;
    bottom: 0;
    right: 5px;
}
.prizeList-block > .t-grade{
	line-height:1;
	margin-bottom:20px;
}
.prizeList-block > .t-point{
	line-height:1;
	font-size:18px;
	font-weight:bold;
	margin-bottom:20px;
}
.prizeList-block > .t-point .point{
	line-height:1;
	font-size:36px;
	font-weight:bold;
	color:#e6210e;
	padding:0 5px;
}
.prizeList-block > .t-point .t-f{
	font-size:16px;
	font-weight:bold;
}
.prizeList-block.c-body > .t-read {
	font-size: 16px;
	text-align: left;
	padding-left: 1em;
	margin-bottom: 15px;
}
.prizeList-block .ribbon {
	background: url(../gif/border_ribbon-2.gif) no-repeat center top;
	padding-top: 8px;
	border: none;
}
.prizeList-block .prizeList-tbl{
	border: 1px #eae9e7 solid;
	text-align:center;
	position:relative;
}
.prizeList-block .prizeList-tbl td,
.prizeList-block .prizeList-tbl th{ 
	border: 1px #eae9e7 solid;
	border-top:none;
	border-bottom:none;
}
.prizeList-block .prizeList-tbl tr{
	background-color:#FFFFFF;
}
.prizeList-block .prizeList-tbl tr:nth-child(odd){
	background-color:#f8f6f2
}
.prizeList-block .prizeList-tbl th{
	background-color:#928e88;
	color:#FFF;
	text-align:center;
	padding:5px;
}
.prizeList-block .prizeList-tbl td{
	padding:15px 5px;
	color:#3c3c3c;
}
.prizeList-block .prizeList-tbl td.t-left{
	text-align:left;
	padding:15px 10px;
}
.prizeList-block .prizeList-tbl td:last-child{
	vertical-align: middle;
}
.prizeList-block .prizeList-tbl .btn-red {
	background: #d72617;
	width: 90px;
	height: auto;
	line-height: 1.3;
	padding: 7px 0 5px;
	margin: 0 auto;
	border-radius: 5px;
	display: block;
	font-weight: normal;
	color: #FFFFFF;
	border: none;
}


/* プレゼント一覧
************************************/
.presentList-block > .t-catch{
	color:#d72617;
	position:relative;
	width:530px;
	margin:0 auto;
	font-size:22px;
	font-weight:bold;
	margin-bottom:30px
}
.presentList-block > .t-catch > .icon-l{
	position:absolute;
	left:0;
	bottom:0;
}
.presentList-block > .t-catch > .icon-r{
	position:absolute;
	right:0;
	bottom:0;
}
.presentList-block > .presentList-list li{
	margin-bottom:20px;
}
.bg-preset{
	background:url(../gif/bg_splash.gif);
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding:10px;
}
.bg-preset hr{
	height:1px;
	border:none;
	border-bottom:#d72617 solid 1px;
	padding:0;
	margin:0;
}
.bg-preset .inner{
	background-color:#FFFFFF;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.bg-preset .inner .t-cate{
	color:#d72617;
	font-size:18px;
	font-weight:bold;
	padding:24px 20px 38px;
	background:url(../gif/border_ribbon_present.gif) no-repeat center bottom;
}
.bg-preset .inner .t-catch{
	font-size:16px;
	padding:20px 20px 0;
  margin-bottom:-10px;
}
.bg-preset .inner .ttl{
	font-size:18px;
	font-weight:bold;
	padding:20px;
	border-bottom:#aca69f dotted 1px;
	margin-bottom:20px
}
.bg-preset .inner .pic{
	float:left;
	margin:0 20px;
	width:240px;
	
}
.bg-preset .inner .info{
	float:left;
	width:290px;
	text-align:left;
	min-height:175px;
	padding-bottom:65px;
	position:relative;
}
.bg-preset .inner .info .t-quota {
	vertical-align:text-bottom;
	margin-bottom:20px;
}
.bg-preset .inner .info .t-quota .icon{
	line-height:10px;
	display:inline-block;
	*display: inline;  
	*zoom: 1; 
}
.bg-preset .inner .info .t-quota .num{
	font-size:28px;
	font-weight:bold;
	line-height:28px;
}
.bg-preset .inner .info .t-point{
	margin-bottom:20px
}
.bg-preset .inner .info .t-point .num{
	font-size:20px;
	font-weight:bold;
	line-height:20px;
}
.bg-preset .inner .info .s-point{
	margin-bottom:20px;
	line-height:25px;
}
.bg-preset .inner .info .s-point .num{
	font-size:20px;
	font-weight:bold;
}
.bg-preset .inner .info .s-point .notes{
	font-size:12px;
}
.bg-preset .inner .info .t-grade{
	vertical-align:top;
	margin-bottom:10px;
	line-height:30px;
}
.bg-preset .inner .info .t-grade span{
	display:inline-block;
	*display: inline;
	*zoom: 1;
	background:url(../png/icon_present_grade.png) no-repeat;
	width:25px;
	height:25px;
	text-indent:-999px;
	overflow:hidden;
}
.bg-preset .inner .info .t-grade  span.icon-legend{background-position:-0px 0;}
.bg-preset .inner .info .t-grade  span.icon-pro{ background-position:-25px 0;}
.bg-preset .inner .info .t-grade  span.icon-star{ background-position:-50px 0;}
.bg-preset .inner .info .t-grade  span.icon-rookie{ background-position:-75px 0;}
.bg-preset .inner .info .t-grade  span.icon-legend.on{background-position:-0px 100%;}
.bg-preset .inner .info .t-grade  span.icon-pro.on{ background-position:-25px 100%;}
.bg-preset .inner .info .t-grade  span.icon-star.on{ background-position:-50px 100%;}
.bg-preset .inner .info .t-grade  span.icon-rookie.on{ background-position:-75px 100%;}
.bg-preset .inner .info .btn-red{
	position:absolute;
	margin:0;
	bottom:0;
	left:0;
}

/* 賞品詳細・応募
************************************/
.presentDetail-block{
	text-align:center;
}
.presentDetail-block .bg-preset{
	margin:0 0 20px;
}
.presentDetail-block .bg-preset .inner .pic{
	width:420px;
	margin:0 auto;
	float:none;
}
.presentDetail-block .bg-preset .inner .pic img{
	width:auto;
	height:auto;
	max-width:100%;
}
.presentDetail-block .bg-preset .inner .t-read{
	text-align:left;
	padding:20px;
	font-size:16px;
	border-bottom:#aca69f dotted 1px;
}
.presentDetail-block .bg-preset .inner .info{
	width:100%;
	float:none;
	height:auto;
	padding:0;
}
.presentDetail-block .bg-preset .inner .info p{
	border-bottom:#aca69f dotted 1px;
	padding:20px;
	margin-bottom:0;
}
.presentDetail-block .bg-preset .inner .info form{
	display: inline-block;
	width: 100%;
}



/* 賞品応募確認
************************************/
.presentApplyConfirm-block{
	text-align:left;
}
.presentApplyConfirm-block .box-red{
	margin:20px auto;
}
.presentApplyConfirm-block .box-red dl{
	padding:10px 20px;
	font-size:16px;
}
.presentApplyConfirm-block .box-red dt{
	clear:both;
	width:150px;
	padding:10px;
	float:left;
}
.presentApplyConfirm-block .box-red dd:before{
	content:":　";
}
.presentApplyConfirm-block .box-red dd{
	margin-left: 160px;
	padding:10px;
}
.presentApplyConfirm-block .t-read p{
	margin-bottom:5px;
}

/* お気に入り店舗管理
************************************/
.favoriteShopList .favorite-shop-list{
	font-size:12px;
	width:100%;
	margin:0 0 40px;
}
.favoriteShopList .favorite-shop-list tr{
	border-bottom:#e9e1d5 dotted 1px;
	width:100%;
}
.favoriteShopList .favorite-shop-list td{
	padding:10px 0;
	vertical-align:middle;
}
.favoriteShopList .favorite-shop-list th {
	padding:5px 0;
	vertical-align:middle;
}
.favoriteShopList .favorite-shop-list th span{
	display:block;
	border-left:#ccc8b8 dotted 1px;
	height:36px;
	line-height:36px;
	text-align:center;
}
.favoriteShopList .favorite-shop-list th span.icon-mail{
	line-height:18px;
}
.favoriteShopList .favorite-shop-list th img{
	margin-right:5px;
	vertical-align:text-bottom;
}
.favoriteShopList .favorite-shop-list .col-1{
	font-size:16px;
	font-weight:normal;
	width:302px;
	padding:5px 10px;
}
.favoriteShopList .favorite-shop-list th.col-1 span{
	border-left:none;
	text-align:left;
}
.favoriteShopList .favorite-shop-list td{
  background-color:#FFFFFF;
  background-color:rgba(255,255,255,0.50);
}
.favoriteShopList .favorite-shop-list td.col-1{
	font-size:18px;
	padding:5px 10px;
	text-align:left;
  word-break:break-all;
}

.favoriteShopList .favorite-shop-list .col-2{
	width:90px;
}
.favoriteShopList .favorite-shop-list .col-3{
	width:143px;
}
.favoriteShopList .favorite-shop-list .col-4{
	width:60px;
}
.favoriteShopList .favorite-shop-list td a.icon-move{
	background:url(../gif/icon_move.gif) no-repeat center center;
	width:40px;
	height:26px;
	text-indent:-999px;
	overflow:hidden;
	vertical-align:top;
}

.favoriteShopList .favorite-shop-list td a.icon-delete{
	background:url(../gif/icon_delete.gif) no-repeat center center;
	width:19px;
	height:24px;
	text-indent:-999px;
	overflow:hidden;
}
.favoriteShopList .favorite-shop-list td a.icon-toggle{
	background:url(../gif/btn_toggle.gif) no-repeat 0 0;;
	width:70px;
	height:30px;
}
.favoriteShopList .favorite-shop-list td a.icon-toggle.on{
	background-position:bottom;
}


/* 会員登録ページ
************************************/
.breadcrumb-step-regist{
	text-align:center;
	display:table;
	width:100%;
	padding:20px 0 30px;
	vertical-align:middle;
	word-spacing:-1em;
}
.breadcrumb-step-regist img{ vertical-align:middle;}
.breadcrumb-step-regist p{
	background:url(../gif/register_step_base.gif) no-repeat center center;
	display:inline-block;
	height:30px;
	line-height:30px;
	margin:0 6px;
	width:110px;
	font-size:12px;
	text-align:center;
	word-spacing:normal;
}
.breadcrumb-step-regist p.active{
	background:url(../gif/register_step_base_active.gif) no-repeat center center;
	color:#FFFFFF;
}
.memberMyareaAdd-list li{
	border-bottom:#e9e1d5 dotted 1px;
}
.memberMyareaAdd-list .w547{ float:right; text-align:left;}
.memberMyareaAdd-list .ttl-step{
	float:left;
	width: 112px;
	height: 36px;
	background-color:#4c4c4c;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	color:#FFFFFF;
	font-size: 18px;
	line-height: 36px;
	font-weight:bold;
}
.memberMyareaAdd-list .form-text-01{
	width: 430px;
	margin-right:5px;
	padding-left:35px;
	background:url(../gif/icon_search-3.gif) no-repeat 8px center;
}
.memberMyareaAdd-list .mapHolder{
	position:relative;
}
.memberMyareaAdd-list .mapHolder #Map{
	position:relative;
	height:320px;
	width:547px;
}
.memberMyareaAdd-list .mapHolder img{
	max-width:none;
	max-height:none;
}
.memberMyareaAdd-list .mapHolder .map-info{
	font-size: 12px;
	color: #ffffff;
	text-align:center;
	width: 507px;
	height: 18px;
	position:absolute;
	bottom:10px;
	left:10px;
	background:url(../png/map_info_base.png);
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding:10px;
	z-index:999;
}
.memberMyareaAdd-list .mapHolder .map-info p{
	display:inline-block;
}
.btn-myarea{border:none; padding:0;}

.ttl.icon-mail{
	display:inline-block;
	padding-left:50px;
	background:url(../png/icon_mail.png) no-repeat left center;
	margin:30px 0;
	height:38px;
}
.oauth-block{
	vertical-align:bottom;
}
.oauth-block .textfield{
	width:350px;
	text-align:center;
	margin-right:5px;
}


#memberAddComplete .w900 .t-read a{
	text-decoration:underline;
}
#memberAddComplete .w900 .t-read a:hover{
	text-decoration:none;
}
#memberAddComplete .w900 h3{
	font-size:22px;
	font-weight:bold;
}
#memberAddComplete .w900 ul{
	display:block;
}
#memberAddComplete .w900 ul li{
	display:inline-block;
	margin:0 8px;
}
#memberAddComplete .w900 ul li a{
	background:url(../gif/howto_base.gif) no-repeat 50% top;
	width:227px;
	height:55px;
	display:table;
}
#memberAddComplete .w900 ul li a > span{
	display:table-cell;
	vertical-align:middle;
	color:#69bfab;
	font-size:16px;
	font-weight:bold;
	line-height:1.3\9;
}
#memberAddComplete .w900 ul li a:hover{
	text-decoration:none;
}




/* 会員移行ページ用
************************************/
.breadcrumb-step{
	text-align:right;
	display:table;
	width:100%;
	padding:15px 0 0;
}
.breadcrumb-step p{
	display:inline-block;
	vertical-align:middle;
	line-height:0;
	margin:0 4px;
}

.step-head{
	text-align:left;
	padding:15px 0;
}
.step-head .icon{
	float:left;
	width:82px;
}
.step-head .ttl{
	padding-top:10px;
	color: #69c0ab;
	font-size: 28px;
	line-height: 36px;
}
.step-head .t-read{
	font-size:14px;
}
.p-ttl{
	padding:10px 0;
	border-bottom:#69bfab solid 2px;
	text-align:left;
	font-size:16px;
	color:#000000;
}

/* .form-list
************************************/
.form-list{
	text-align:left;
}
.form-list li{
	border-bottom:#e9e1d5 dotted 1px;
}
.form-list .th{
	float:left;
	width: 150px;
	padding:20px 10px;
	color:#000000;
}
.form-list .th .red{
	font-weight:normal;
}
.form-list .td{
	float:left;
	width: 530px;
	padding:20px 10px;
}
.box-l .form-list .td{
	width: 420px;
}
.form-list .td label{
	display:inline-block;
	min-width:100px;
}

.form-list input[type="text"],.form-list input[type="password"]{
	width:440px;
}
.box-l .form-list input[type="text"], .box-l .form-list input[type="password"], .box-l textarea{
	width:400px;
}
.form-list input[type="radio"],.form-list input[type="checkbox"],.box-l input[type="radio"]{
	width:18px;
	height:18px;
	vertical-align:middle;
	margin:0 5px 0 0;
}




/* #login New
************************************/
#login .box-green,
#login .box-red{
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	height: 385px;
	padding:0 20px;
	text-align:left;
	position:relative;
}
#login .box-green > .ttl,
#login .box-red > .ttl{
	font-size: 16px;
	margin-bottom:16px;
	padding:16px 0 5px;
	font-weight:bold;
}
#login .box-red .t-read{
	line-height: 1.6;
}
#login .box-green dl dt{
	font-weight:bold;
	padding:0 0 7px;
}
#login .box-green dl dt.t-password{
	margin-top:15px;
}
#login .box-green .pw-reset,
#login .box-red .pw-reset{
	text-align:center;
}
#login .box-green dl dd input{
	width:95%;
	padding:8px 10px;
}
#login .box-green .keep-login{
	/*text-align:center;
	margin-top:55px;
	padding:0 0 10px;*/
	text-align:center;
	position: absolute;
	top: 255px;
	left: -5px;
	right: 0;
}
#login .box-green{ width: 440px;}
#login .box-green > .ttl{
	border-bottom:#69bfab solid 2px;
	background:url(../png/login_kero.png) no-repeat left 16px;
	padding-left:42px;
}
#login .box-red{width: 280px;}
#login .box-red > .ttl{
	border-bottom:#e61e0a solid 2px;
	background:url(../png/login_new_commer.png) no-repeat left 11px;
	padding-left:24px;
	letter-spacing:-0.5px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	::i-block-chrome, #login .box-red > .ttl{
		letter-spacing:-1px;
	}
}
#login .box-red .pic-pc{
	text-align:center;
	margin:5px auto 20px;
}
.box-green{
	background-color: #f0f9f6;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.box-red{
	background-color: #f4f0ea;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#login .inner-box{
	height:225px;
}




/* #service
************************************/
.table-box2 th{
	background-color: #928e88;
	color:#FFFFFF;
	padding: 10px 5px;
	text-align: center;
	vertical-align: middle;
	font-weight: normal;
}
.table-box2 tr td{
	padding: 15px 10px;
	vertical-align: middle;
	text-align: center;
	border-bottom: 1px dotted #aca69f;
}
.table-box2 tr td.t-left{
	text-align:left;
}
.no-border{
	border:none !important;
}

#serviceIntro .btn-holder{
	text-align:center;
}
#serviceIntro .btn-holder a{
	display:inline-block;
}
#serviceIntro .ttl{
	line-height:40px;
}
#serviceIntro .ttl .icon{
	display:inline-block;
	margin-right:10px;
}



/* ボタン共通
************************************/
.btn img{
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.btn:hover img{
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
}
.btn:hover img.no-hover{
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}

.btn-a50{
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.btn-a50:hover{
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
	text-decoration:none;
}
.disabled .btn-a50{
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
	cursor:default;
}


.pagetop{
	text-align:right;
}
.btn-pagetop{	
	font-size:12px;
	padding:10px 0 10px 15px;
	background:url(../gif/icon_pagetop.gif) no-repeat left center;
	display:inline-block;;
}
.btn-green-s{
	width: 64px;
	height: 30px;
	background:url(../gif/btn_green_s.gif) no-repeat 0 0;
	color:#FFF;
	line-height: 30px;
	padding:0;
	border:none;
	text-align:center;
	display:inline-block;
}
.btn-green-m{
	width:480px;
	height:56px;
	line-height:56px;
	margin:0 auto;
	display:block;
	font-weight:bold;
	border:none;
	background:#69bfab;
	border-radius:4px;
}
.gift-ttl{
	text-align:center;
	width:143px;
	float:left;
	font-size:16px;
	vertical-align:middle;
}
.gift-ttl img{
	display:inline-block;
	vertical-align:middle;
}
.code-no{
	font-size:16px;
	width:327px;
	height:auto;
	margin-top:10px;
	padding: 10px 0;
	line-height:1;
	background:#fff;
	float:left;
	border-radius:4px;
}
.f-11{
	font-size:11px;
}

.btn-green-m2{
	background:url(../gif/btn_green_m2.gif) no-repeat center center;
	width:310px;
	height:98px;
	line-height:20px;
	margin:0 auto;
	display:block;
	font-weight:bold;
	color:#FFFFFF;
	border:none;
}
.btn-green{
	background:url(../gif/btn_green.gif) no-repeat center center;
	width:220px;
	height:45px;
	line-height:45px;
	margin:0 auto;
	display:block;
	font-weight:bold;
	color:#FFFFFF;
	border:none;
}
.btn-green2{
	background:url(../gif/btn_green2.gif) no-repeat center center;
	width:220px;
	height:45px;
	line-height:45px;
	margin:0 auto;
	display:block;
	font-weight:bold;
	color:#FFFFFF;
	border:none;
}
.btn-gray{
	background:url(../gif/btn_gray.gif) no-repeat center center;
	width:220px;
	height:45px;
	line-height:45px;
	margin:0 auto;
	display:block;
	font-weight:bold;
	color:#FFFFFF;
	border:none;
}
.btn-gray-m{
	background:url(../gif/btn_gray_m.gif) no-repeat center center;
	width:310px;
	height:56px;
	line-height:56px;
	margin:0 auto;
	display:block;
	font-weight:bold;
	color:#FFFFFF;
	border:none;
}
span.btn-gray-m{
	background:url(../gif/btn_gray_m_no_arrow.gif) no-repeat center center;
	text-align:center;
}
.btn-gray-back{
	background:url(../gif/btn_gray_back.gif) no-repeat center center;
	width:220px;
	height:45px;
	line-height:45px;
	margin:0 auto;
	display:block;
	font-weight:bold;
	color:#FFFFFF;
	border:none;
}
.btn-gray-close{
	background:url(../gif/btn_gray_close.gif) no-repeat center center;
	width:220px;
	height:45px;
	line-height:45px;
	margin:0 auto;
	display:block;
	font-weight:bold;
	color:#FFFFFF;
	border:none;
}
.btn-red{
	background:url(../gif/btn_red.gif) no-repeat center center;
	width:220px;
	height:45px;
	line-height:45px;
	margin:0 auto;
	display:block;
	font-weight:bold;
	color:#FFFFFF;
	border:none;
}
.btn-red-m{
	background:url(../gif/btn_red_m.gif) no-repeat center center;
	width:310px;
	height:56px;
	line-height:56px;
	margin:0 auto;
	display:block;
	font-weight:bold;
	color:#FFFFFF;
	border:none;
}
.btn-red-m2{
	background:url(../gif/btn_red_m2.gif) no-repeat center center;
	width:310px;
	height:98px;
	line-height:20px;
	margin:0 auto;
	display:block;
	font-weight:bold;
	color:#FFFFFF;
	border:none;
}
.btn-brown{
	background:url(../gif/btn_brown.gif) no-repeat center center;
	width:220px;
	height:45px;
	line-height:45px;
	margin:0 auto;
	display:block;
	font-weight:bold;
	color:#3c3c3c;
	border:none;
	text-align:center;
}
.btn-brown-m{
	background:url(../gif/btn_brown_m.gif) no-repeat center center;
	width:310px;
	height:45px;
	line-height:45px;
	margin:0 auto;
	display:block;
	font-weight:bold;
	color:#3c3c3c;
	border:none;
	text-align:center;
}
.btn-gray-back-half{
	background:url(../gif/btn_gray_back_half.gif) no-repeat center center;
	width:120px;
	height:56px;
	line-height:56px;
	margin:0 auto;
	display:block;
	font-weight:bold;
	color:#FFFFFF;
	border:none;
}
.btn-back{
	background:url(../gif/btn_back.gif) no-repeat center center;
	width:114px;
	height:25px;
	line-height:25px;
	margin:0 auto;
	display:block;
	font-weight:bold;
	color:#FFF;
	border:none;
}
a.btn-green, a.btn-green-m, a.btn-green-m2, a.btn-green2, a.btn-gray, a.btn-gray-m, a.btn-red, a.btn-red-m, a.btn-red-m2, a.btn-red_l,
a.btn-back, a.btn-gray-back,a.btn-gray-close, a.btn-gray-back-half{color:#FFFFFF; text-align:center; text-decoration:none;}

.btn-green_l{
	background:url(../gif/btn_green_l.gif) no-repeat center center;
	width:500px;
	height:45px;
	line-height:45px;
	margin:0 auto;
	display:block;
	font-weight:bold;
	color:#FFFFFF;
	border:none;
}
.btn-red_l{
	background:url(../gif/btn_red_l.gif) no-repeat center center;
	width:500px;
	height:45px;
	line-height:45px;
	margin:0 auto;
	display:block;
	font-weight:bold;
	color:#FFFFFF;
	border:none;
}




.t-read{
	line-height:1.6;
}

.textfield{
	border:#ded8d0 solid 1px;
	padding:5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

textarea.errer,
input.errer,
select.errer{ 
	border:#ed8077 solid 1px !important;
}
.ltie9{display:none;}
.underIE9 .ltie9{display:inline;}

.border{border-bottom:#e9e1d5 solid 2px;}
.border-red{border-bottom:#e61e0a solid 2px;}
.border-green{border-bottom:#399882 solid 2px;}

.dot-line-b{
	border-bottom:#e9e1d5 dotted 1px;
}
.dot-line-t{
	border-top:#e9e1d5 dotted 1px;
}
.ttl.border,.ttl.border-red,.ttl.border-green{
	padding:10px 0 6px;
	line-height:1;
	text-align:left;
}


.ml0{ margin-left:0; }

.pd15 { padding: 15px;}
.pd20 { padding: 20px;}
.pd40 { padding: 40px;}

.pb5 { padding-bottom: 5px;}
.pb10 { padding-bottom: 10px;}
.pb15 { padding-bottom: 15px;}
.pb20 { padding-bottom: 20px;}
.pb25 { padding-bottom: 25px;}
.pb30 { padding-bottom: 30px;}
.pb35 { padding-bottom: 35px;}
.pb40 { padding-bottom: 40px;}
.pb45 { padding-bottom: 45px;}
.pb50 { padding-bottom: 50px;}
.pb55 { padding-bottom: 55px;}
.pb80 { padding-bottom: 80px;}
.pb150 { padding-bottom: 150px;}

.pt5 { padding-top: 5px;}
.pt10 { padding-top: 10px;}
.pt15 { padding-top: 15px;}
.pt20 { padding-top: 20px;}
.pt25 { padding-top: 25px;}
.pt30 { padding-top: 30px;}
.pt35 { padding-top: 35px;}
.pt40 { padding-top: 40px;}
.pt45 { padding-top: 45px;}
.pt50 { padding-top: 50px;}
.pt55 { padding-top: 55px;}
.pt80 { padding-top: 80px;}
.pt150 { padding-top: 150px;}

.mb5 { margin-bottom: 5px;}
.mb10 { margin-bottom: 10px;}
.mb15 { margin-bottom: 15px;}
.mb20 { margin-bottom: 20px;}
.mb25 { margin-bottom: 25px;}
.mb30 { margin-bottom: 30px;}
.mb35 { margin-bottom: 35px;}
.mb40 { margin-bottom: 40px;}
.mb45 { margin-bottom: 45px;}
.mb50 { margin-bottom: 50px;}
.mb55 { margin-bottom: 55px;}
.mb80 { margin-bottom: 80px;}
.mb150 { margin-bottom: 150px;}

.mt5 { margin-top: 5px;}
.mt10 { margin-top: 10px;}
.mt15 { margin-top: 15px;}
.mt20 { margin-top: 20px;}
.mt25 { margin-top: 25px;}
.mt30 { margin-top: 30px;}
.mt35 { margin-top: 35px;}
.mt40 { margin-top: 40px;}
.mt45 { margin-top: 45px;}
.mt50 { margin-top: 50px;}
.mt55 { margin-top: 55px;}
.mt80 { margin-top: 80px;}
.mt150 { margin-top: 150px;}

.lh18 { line-height:1.8;}






/* 追加分
************************************/

.left { float: left;}
.right {float: right;}
.ml20 { margin-left: 20px;}


/* 
p10 favoriteShopIntegrateFromOM.html
p11 favoriteShopIntegrateConfirmFromOM.html
p21 favoriteShopIntegrate.html
p22 favoriteShopIntegrateConfirm.html
************************************/
#favoriteShopIntegrateFromOM li,
#favoriteShopIntegrateConfirmFromOM li,
#favoriteShopIntegrate li,
#favoriteShopIntegrateConfirm li {
	text-align: left;
	line-height: 1.5;
	}
	
#favoriteShopIntegrateFromOM ul.chkBox,
#favoriteShopIntegrateConfirmFromOM ul.chkBox,
#favoriteShopIntegrate ul.chkBox,
#favoriteShopIntegrateConfirm ul.chkBox
 {
	width: 460px;
	margin: 30px auto;
	}
	
#favoriteShopIntegrateFromOM ul.chkBox li,
#favoriteShopIntegrateConfirmFromOM ul.chkBox li,
#favoriteShopIntegrate ul.chkBox li,
#favoriteShopIntegrateConfirm ul.chkBox li {
	padding-bottom: 15px;
	width: 230px;
	float: left;
}	

#favoriteShopIntegrateFromOM ul.chkBtn, 
#favoriteShopIntegrate ul.chkBtn {
	width: 210px;
	/*margin: 20px auto;
	width:720px;*/
	}

/*#favoriteShopIntegrateFromOM ul.chkBtn li,
#favoriteShopIntegrate ul.chkBtn li {
	width: 100px;
	display: block;
	text-align: center;
	padding: 3px 0;
	background-color: #ccc;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	margin-left: 5px;
}*/

#favoriteShopIntegrateFromOM ul.chkBtn li span,
#favoriteShopIntegrate ul.chkBtn li span{
	width: 100px;
	display: block;
	text-align: center;
	padding: 3px 0;
	background-color: #e9e1d5;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	margin-left: 5px;
	font-weight:bold;
}

#favoriteShopIntegrateFromOM ul.chkBtn li span.on,
#favoriteShopIntegrate ul.chkBtn li span.on{
	width: 100px;
	display: block;
	text-align: center;
	padding: 3px 0;
	background-color: #928e88;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	margin-left: 5px;
	font-weight:bold;
	color:#fff;
}


/* 
p11 favoriteShopIntegrateConfirmFromOM.html
p22 favoriteShopIntegrateConfirm.html
************************************/
#favoriteShopIntegrateConfirmFromOM .btnBox,
#favoriteShopIntegrateConfirm .btnBox,
#memberModifyConfirm .btnBox,
#memberAddConfirm .btnBox,
#memberAgree .btnBox {
	width: 450px;
	margin: 0 auto;
}

/* 
************************************/

#favoriteShopIntegrateNotice .img_kero{
	width:146px;
	height:200px;
	background:url(../gif/img_kero.gif) no-repeat 0 0;
	position:relative;
}

#favoriteShopIntegrateNotice .img_kero_text{
	width:100px;
	font-size:12px;
	position:absolute;
	left: 13px;
	top: 16px;
}

#favoriteShopIntegrateNotice .text{
	width:664px;
	text-align:left;
}

#favoriteShopIntegrateNotice h4.bgc_brown{
	background:#ebe0d6;
	line-height:2.0;
	margin: 35px 0 20px;
}

#favoriteShopIntegrateNotice .attention{
	border: #e61e0a dashed 1px;
	text-align:left;
	padding: 20px;
	margin:20px 0;
}

#favoriteShopIntegrateNotice .attention_ico{
	width:52px;
}

#favoriteShopIntegrateNotice .attention_text{
	width:716px;
}

#favoriteShopIntegrateNotice .arrow{
	margin:30px 0;
}


#transitionMemberMailAdd_01 .attention{
	border: #e61e0a dashed 1px;
	text-align:left;
	padding: 20px;
	margin:20px 0;
}
#transitionMemberMailAdd_02 .attention{
	border: #e61e0a dashed 1px;
	text-align:left;
	padding: 20px;
	margin:20px 0;
}

#transitionMemberSendMailComplete .box_gray{
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background-color: #FBFAF8;
	padding:20px;
}
#transitionMemberSendMailComplete .box_text_left{
	width:680px;
	text-align: left;
}

#transitionMemberAgreement .text_left{
	width:720px;
	text-align: left;
}


#transitionMemberAddError .box_gray{
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background-color: #FBFAF8;
	padding:20px;
}

#transitionMemberAddError .box_text_left{
	width:680px;
	text-align: left;
}

#transitionMemberAgreement .check_agree{
	border-top:#69BFAB solid 2px;
	padding-top:30px;
}

#memberAddConfirm .text_left{
	width:720px;
	text-align: left;
}

#transitionMemberAgreement .inlineframe{
    background-color:#FBFAF8;
	width:680px;
    height:400px;
    overflow:auto;
    overflow-y:scroll;
    overflow-x:hidden;
	border:#EBE7E2 solid 1px;
	padding:20px;
}
.inlineframe{
	background-color:#FBFAF8;
	width:680px;
	height:400px;
	overflow:auto;
	overflow-y:scroll;
	overflow-x:hidden;
	border:#EBE7E2 solid 1px;
	padding:20px;
}


/*common
************************************/

.text_right{
	margin-top:10px;
	text-align:right;
}

.text_left{
	width:500px;
	margin:20px 0;
	text-align: left;
}

.text_center{
	text-align:center;
}


.font_bold{
	font-weight:bold;
}


.font28{
	font-size:28px;
}

.font24{
	font-size:24px;
	line-height:1.8;
}

.font18{
	font-size:18px;
	line-height:1.8;
}

.font16{
	font-size:16px;
}

.thankyou{
	padding-top:45px;
}

.thankyou img{
	width:200px;
}


.w500{
	width:500px;
	margin:0 auto;
}

.mailad{
	vertical-align: middle;
	padding-left: 5px;	
}

.pt_kakutoku{
	margin-top:20px;
}
.pt_kakutoku img{
	width:300px;
}

.ttl_bold{
	font-weight:bold;
}

.m_bottom{
	margin-bottom:20px;
}




/* シュフーポイントのご案内
************************************/

#transition .bg-preset {
	background:url(../gif/bg_splash-2.gif) repeat;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding:10px;
}
#transition .box-red,
#transition .box-green {
	padding: 20px;
}
#transition .box-green.right .mb20 {
	margin-bottom: 22px;
}
#transition h2.ttl {
	line-height:40px;
}
#transition h2.ttl .icon {
	display:inline-block;
	margin-right:10px;
}
#transition .box-brown {
	border: 3px solid #f4f0ea;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 27px;
}




/* 会員移行のご案内
************************************/
#transitionGuidance ul.schedule {
	list-style: disc outside;
	margin-left: 20px;
}
#transitionGuidance ul.attention {
	list-style: none outside;
	position: relative;
	margin-left: 35px;
}
#transitionGuidance ul.attention li span {
	position: absolute;
	left: -35px;
}
#transitionGuidance .box-brown-b {
	border: 2px solid #e9e1d5;
	padding: 20px;
}
#transitionGuidance .box-brown-b ul {
	list-style: none inside;
	margin-left: 0;
}
#transitionGuidance .attention2 {
	background-color: #fcfae5;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 20px;
}
#transitionGuidance .attention2 ul {
	margin-left: 78px;
	position: relative;
}
#transitionGuidance .attention2 ul li span {
	position: absolute;
	left: -15px;
}
#transitionGuidance .box-brown {
	background-color: #f4f0ea;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 30px 40px;
}
#transitionGuidance a.blue {
	background: url(../gif/icon_cursor.gif) no-repeat 0 50% ;
	color: #2c4f7e;
	padding-left: 17px;
}




/* 友達招待ポイント
************************************/
#friendPoint p {
	text-align: left;
}
#friendPoint .t-catch {
	margin: 0 auto;
}
#friendPoint .t-read {
	color: #d72617;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}
#friendPoint .t-invite,
#friendPoint .m-invite {
	position: relative;
}
#friendPoint .invite-id {
	width: 260px;
	height: 47px;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	box-sizing: border-box;
	padding: 10px 0;
}
@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, #friendPoint .invite-id { padding: 13px 0; } /* IE11 */
}
#friendPoint .t-invite > .invite-id {
	position: absolute;
	top: 57px;
	left: 177px;
}
#friendPoint .m-invite > .invite-id {
	position: absolute;
	top: 105px;
	left: 177px;
}
#friendPoint .t-invite > .get-point {
	display: table-cell;
	vertical-align: middle;
	position: absolute;
	top: 170px;
	left: 285px;
	width: 200px;
	height: 106px;
	text-align: left;
	font-size: 16px;
	box-sizing: border-box;
	padding: 10px 0;
}
#friendPoint .t-invite > .get-point span {
	font-weight: bold;
}
#friendPoint .t-invite > .get-point span b {
	color: #d72617;
	font-size: 36px;
	font-weight: bold;
	margin-right: 5px;
}
#friendPoint .m-invite .btn-invite-id {
	background: #fff;
	position: absolute;
	top: 172px ;
	left: 50%;
	margin-left: -155px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#friendPoint .attention {
	width: 100%;
}
#friendPoint .attention p {
	margin: 0 auto;
}
#friendPoint .m-invite .attention {
	position: absolute;
	top: 250px;
}
#friendPoint .m-catch {
	text-align: center;
}
#friendPoint .m-catch a {
	position: relative;
	top: -10px;
	
}
#friendPoint .description {
	 line-height: 1.6;
	text-align: left;
}
#friendPoint .description h4 {
 	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
}
#friendPoint .description dl {
}
#friendPoint .description dl dt {
	font-weight: bold;
	margin-bottom: 10px;
}
#friendPoint .description > ul {
	list-style: disc inside;
}




/* 「シュフーポイント」友達招待 会員登録
************************************/
#pointStart .h_inner {
	height: 63px;
}
#pointStart .bg-preset {
	background: url(../gif/bg_splash_02.gif) no-repeat 50% top;
	position: relative;
}
#pointStart .bg-preset .t-read{
	line-height: 1.8;
	position: absolute;
	top: 240px;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 950px;
}
#pointStart h2.ttl {
	line-height:40px;
}
#pointStart h2.ttl .icon {
	display:inline-block;
	margin-right:10px;
}
#pointStart .box-brown {
	border: 3px solid #f4f0ea;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 27px;
}

#pointStart .description {
	 line-height: 1.6;
	text-align: left;
}
#pointStart .description h4 {
 	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
}
#pointStart .description dl {
}
#pointStart .description dl dt {
	font-weight: bold;
	margin-bottom: 10px;
}
#pointStart .description > ul {
	list-style: disc outside;
	margin-left: 20px;
}
#pointStart .description ol {
	list-style: decimal outside;
	margin-left: 20px;
}
#pointStart .description li p {
	margin-left: 14px;
}
#pointStart .description li a {
	text-decoration: underline;
}
#pointStart .description li a:hover {
	text-decoration: none;
}
#pointStart .description li ul li {
	position: relative;
	padding-left: 14px;
}
#pointStart .description li ul li span {
	position: absolute;
	left: 0;
}

#pointStart .left {
	width: 360px;
}
#pointStart .right {
	width: 360px;
	position: relative;
	text-align: right;
}
#pointStart .right p {
	position: absolute;
	top: 25px;
	left: 220px;
	width: 130px;
	height: 85px;
}

#pointStart .friend-privilege {
	background:#fff5d8;
	position: relative;
	width: 100%;
	display: table;
	vertical-align: middle;
	box-sizing: border-box;
	padding: 40px 40px 30px;
	margin-top: 40px;
}
#pointStart .friend-privilege h3 {
	position: absolute;
	top: -18px;
	left: 0;
	right: 0;
	margin: auto; 
}
#pointStart .friend-privilege .img {
	display: table-cell;
	vertical-align: middle;
	text-align: left;
	width: 45%;
}
#pointStart .friend-privilege .text {
	display: table-cell;
	vertical-align: middle;
	text-align: left;
	font-size: 20px;
	width: 55%;
	box-sizing: border-box;
	padding-left: 15px;
	line-height: 1.6;
}
#pointStart .friend-privilege .text .font-big {
	font-size: 26px;
	font-weight: bold;
	line-height: 1.0;
}




/* ポイントアップキャンペーン
************************************/

.point-campaign-v1,
.point-campaign-v2 {
	background: url(../gif/campaign_back.gif) repeat;
	box-sizing: border-box;
	padding: 10px;
}
.point-campaign-v1 img.icon-l,
.point-campaign-v2 img.icon-l {
	position:absolute;
	left:0;
}
.point-campaign-v1 img.icon-r,
.point-campaign-v2 img.icon-r {
	position:absolute;
	right:0;
}
.point-campaign-v1 .campaign-read {
	position: relative;
	width: 100%;
	min-height: 104px;
	box-sizing: border-box;
	margin-bottom: 10px;
	padding: 5px 0;
	display: table;
	vertical-align: middle;
}
.point-campaign-v1 .campaign-read img {
	bottom: 0;
}
.point-campaign-v1 .campaign-read p {
	font-size: 20px;
	font-weight: bold;
	text-align: center !important;
	display: table-cell;
	vertical-align: middle;
}
.point-campaign-v1 .campaign-read span,
.point-campaign-v2 .campaign-read span {
	font-weight: bold;
}
.point-campaign-v1 .campaign-text-box,
.point-campaign-v2 .campaign-text-box {
	background:#fff5d8;
	box-sizing: border-box;
	padding: 10px 5px 15px;
}
.point-campaign-v1 .campaign-text-box img {
	bottom: 0;
}
.point-campaign-v1 .campaign-text {
	position: relative;
	width: 100%;
	min-height: 57px;
	display: table;
	vertical-align: middle;
}
.point-campaign-v1 .campaign-text p {
	text-align: center !important;
	line-height:1.6;
	display: table-cell;
	vertical-align: middle;
}
.point-campaign-v1 .campaign-text span {
	font-weight: bold;
	line-height: 2.8;
}

.point-campaign-v2 .campaign-read {
	position: relative;
	width: 100%;
	min-height: 69px;
	box-sizing: border-box;
	margin-bottom: 10px;
	padding: 5px 0;
	display: table;
	vertical-align: middle;
}
.point-campaign-v2 .campaign-read img {
	top: 0;
}
.point-campaign-v2 .campaign-read p {
	font-size: 20px;
	font-weight: bold;
	padding-top: 10px;
	text-align: center !important;
	display: table-cell;
	vertical-align: middle;
}
.point-campaign-v2 .campaign-text-box img {
	bottom: -5px;
}
.point-campaign-v2 .campaign-text {
	position: relative;
	width: 100%;
	min-height: 85px;
	display: table;
	vertical-align: middle;
}
.point-campaign-v2 .campaign-text p {
	text-align: center !important;
	font-size: 16px;
	line-height:1.4;
	letter-spacing: -0.2px;
	display: table-cell;
	vertical-align: middle;
}
.point-campaign-v2 .campaign-text span {
	font-weight: bold;
	line-height: 2.2;
}




/* ポイント交換完了
************************************/
#presentApplyComplete .description {
	 line-height: 1.6;
	text-align: left;
}
#presentApplyComplete .description h4 {
 	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
}
#presentApplyComplete .description dl {
}
#presentApplyComplete .description dl dt {
	font-weight: bold;
	margin-bottom: 10px;
}
#presentApplyComplete .description ul {
	list-style: disc inside;
}
#presentApplyComplete .description a{
	text-decoration:underline;
}
#presentApplyComplete .description a:hover{
	text-decoration:none;
}




/* よくあるご質問
************************************/




/* シュフーポイント注意事項
 * ************************************/
#serviceGuideline .page-navi li {
	line-height: 1.6;
}
#serviceGuideline .page-navi li a {
	color:#2c4f7e;
	text-decoration: underline;
	-webkit-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
#serviceGuideline .page-navi li a:hover {
	filter: alpha(opacity=50);
	opacity:0.5;
}
#serviceGuideline .page-tags {
	
}
#serviceGuideline .page-tags li {
	display: block;
	float: left;
	margin: 10px 10px 0 0;
}
#serviceGuideline .page-tags li a {
	padding: 10px 16px;
	color: #399882;
	background-color: #f9fefc;
	border: 1px solid #399882;
	display: block;
	border-radius: 8px;
	-webkit-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
#serviceGuideline .page-tags li a:hover {
	filter: alpha(opacity=50);
	opacity:0.5;
	text-decoration: none;
}
#serviceGuideline .hedding-m {
	color: #399882;
	border-bottom: #399882 solid 1px;
	padding-bottom: 4px;
}




