@charset "utf-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
	outline:none;
	border:0;
}

html,body{
	height: 100%;
	background: #fafafa;
}


body {
	font-family:"メイリオ","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

q:before,q:after{content:''}
.clear{ clear: both; }

.clearfix:after{ content: ""; display: block; clear: both; }

div {
	display:block;
}

a {
	text-decoration:none;
	color:#000000;
}



a img {
	border:none;
}

.hov_color a:link {
	text-decoration:underline;
}
.hov_color a:visited {
	text-decoration:underline;
}
.hov_color a:hover {
	text-decoration:underline;
	color:#D93F00;
}


#container {
	position: relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	background:url(../images/leftnavi_bg.jpg) repeat-y 0 0;
	padding-bottom:40px;
}

#container-modal {
	position: relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	padding-bottom:40px;
}


#content {
	min-width: 1125px;
	height: 100%;
}

.clearfix {
	zoom: 1;
}


#sidebar {
	float:left;
	position: relative;
	width:200px;
	height:100%;
}


.sidebar-top {
	height:185px;
	width:200px;
	text-align:center;
	background:url(../images/left_01.jpg);
}

.sidebar_ftp_bg02 a:link {
	color:#000;
}

.sidebar_ftp_bg02 a:visited {
	color:#000;
}

h1 {
	margin:0 0 30px 0;
	padding:35px 10px 0 10px;
}
.account{
	
	margin:-40px 0 10px 0;
	padding:0;
	color:#FFFFFF;
	font-size:12px;	

}

.server h3 {
    font-size: 11px;
    color: #bbb;
    margin-left: 29px;
    margin-top: 10px;
    font-weight: normal;
    padding: 0;
}

.server {
	width:200px;
/*	height:150px;
*/	background:#1f2024;/*20171113 追記 */
	border-bottom:1px solid #666;/*20171113 追記 */
	border-top:1px solid #000;/*20171113 追記 */
}

.server p {
	/*text-align:right;*/
	text-align:left;/*20171113 追記 */
    margin-left: 29px;/*20171113 追記 */
	color:#FFF;
	padding:10px 20px 0 0;
}

.shop_info{
	top: 0;
	right: 0;
	height: 24px;
	position: fixed;
	padding: 5px 30px 5px 15px;
	background: #ffe49999;
}

.rakuten{
	background: url(https://step-coupon.com/images/step_ico_r.png) no-repeat;
	width: 16px;
	height: 16px;
	display: inline-block;
	margin: 4px;
}

.yahoo{
	background: url(https://step-coupon.com/images/step_ico_y.png) no-repeat;
	width: 16px;
	height: 16px;
	display: inline-block;
	margin: 4px;
}

.shop_name{
	margin-left: 5px;
	vertical-align: top;
}

.sidebar_ftp_bg01 {
	width:141px;
	height:23px;
	line-height:23px;
	/*margin:22px 30px 20px 29px;*/
    margin: 3px 30px 12px 29px;/*20171113 追記 */
	color:#000;
	font-size:14px;
	text-align:center;
	background:url(https://step-coupon.com/images/leftnavi_ftp_bg01.png) no-repeat;
}

.sidebar_ftp_bg02 {
	width:141px;
	height:23px;
	line-height:23px;
	margin:22px 30px 20px 29px;
	color:#000;
	font-size:14px;
	text-align:center;
	background:url(../images/leftnavi_ftp_bg02.png) no-repeat;
}

/*
#gnavi .current .sidebar{
	display:block;
}
*/

#gnavi .current a{
	font-weight:bold;
	color:#FFF;
	background:url(../images/left_navi.jpg) no-repeat 0 -40px;
}


#gnavi li {
	font-size:14px;
	/*height:40px;*/
	text-align:right;
	line-height:40px;
	list-style-type: none;
	background:url(../images/left_navi.jpg) no-repeat 0 0;
	white-space: nowrap;
}

#gnavi li a {
	display:block;
	padding:0 20px 0 0;
	color:#aaa;
}

#gnavi li a:hover {
	display:block;
	padding:0 20px 0 0;
	color:#fff;
}

#gnavi .s_cate{
	display:none;
}


#gnavi .current .s_cate{
	display:block !important;
}

.s_cate li a{
	font-size:12px;
}

#gnavi .s_cate li a{
  background:#e6e6e6 !important;
  color:#222 !important;
  border-bottom: 1px solid #666;
}
#gnavi .s_cate li a:hover{
  background:#ffe499 !important;
}
.s_cate li a::after{
  content:'';
  display: inline-block;
  margin-left:8px;
  line-height: 1;
  width:20px;
  height: 20px;
  vertical-align: middle;
  /*height:40px;*/
  background:url(../images/icon-setting-base.svg) no-repeat center;
  background-size:20px;
}
.s_cate .s_cate__set-mailtmp a::after{background-image:url(../images/icon-setting-mail_line.svg);}
.s_cate .s_cate__set-coupon a::after{background-image:url(../images/icon-setting-coupon.svg);}
.s_cate .s_cate__set-automail a::after{background-image:url(../images/icon-setting-automail.svg);}
.s_cate .s_cate__set-bulk a::after{background-image:url(../images/icon-setting-bulk.svg);}
.s_cate .s_cate__set-rev a::after{background-image:url(../images/icon-setting-rev.svg);}
.s_cate .s_cate__set-order a::after{background-image:url(../images/icon-setting-order.svg);}
.s_cate .s_cate__set-ship a::after{background-image:url(../images/icon-setting-ship.svg);}
.s_cate .s_cate__set-data a::after{background-image:url(../images/icon-setting-data.svg);}
.s_cate .s_cate__set-material a::after{background-image:url(../images/icon-setting-materials.svg);}
.s_cate .s_cate__set-manual a::after{background-image:url(../images/icon-setting-manual.svg);}

#gnavi .current .s_cate li a:hover{
  background:#ffe499;
  color:#222;
}

#copyright {
	padding:50px 20px 0 0;
	text-align:right;
	font-size:11px;
	color:#aaa;
}

#copyright ul li {
	display:inline;
	list-style-type:none;
	margin:5px;
}

#copyright ul li a:link {
	text-decoration:none;
	color:#aaa;
}

#copyright ul li a:visited {
	text-decoration:none;
	color:#aaa;
}

#copyright ul li a:hover {
	text-decoration:none;
	color:#FFF;
}

/*main */


#main {
	float:right;
	width:100%;
	margin:0 0 0 -200px;
}

#main-inner {
	margin: 0 0 0 200px;
	padding:20px 40px;
}

#main-inner-modal {
	margin: 0 0 0 0;
	padding:20px 40px;
}

.main-area {
	padding:20px;
	background-color:#FFF;
	border:#dadada 1px solid;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-webkit-box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.10);
	-moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.10);
}

.margin20 {
	margin:0 0 20px 0;
}

.dash-tool-area {
	overflow:hidden;
	zoom: 1;
}

.dash-tool-area h2 {
	float:left;
	margin:0 25px 0 0;
	color:#222;
	font-size:20px;
}

.dash-tool-area h2 span {
	display:block;
	margin:0 0 0 3px;
	color:#888;
	font-size:12px;
	font-weight:normal;
}

.dash-tool-area p {
	font-size:12px;
	color:#333;
	padding:5px;
}

.dash-tool-area ul {
	list-style-type:none;
}

/*ページャー表示
.news-area {
	margin:0 0 0 120px;
	position:relative;
}

.news-area > div{
	
	position:absolute;
	top:0;
	left:0;
	width:100%;
	
}

#pager_btn{
	
	overflow:hidden;
	position:absolute;
	right:0;
	bottom:0;
	
}

#pager_btn li{
	
	float:left;
	width:24px;
	height:24px;
	background-color:#D93F00;
	border-radius:24px;
	
}

#pager_btn li:first-child{
	
	opacity:0.7;
	
}

#pager_btn li:not(:last-child){
	
	margin-right:10px;
	
}

#pager_btn li a{
	
	display:block;
	text-align:center;
	color:#fff;
	
}
*/

/*スクロールバー表示*/
.news-area {
	margin:0 0 0 120px;
	padding:25px;
	height: 350px;	
	overflow-y: scroll;	
	border:1px solid #eee;
}

.news-area > div{
	
	top:0;
	left:0;
	
}

.news-area_day {
	width:120px;
	float:left;
	margin-right:10px;
}


.news-area_text{
	
	overflow:auto;
	zoom:1;
	
}

.news-ttl {
  font-weight:bold;
  font-size:13px;
  color:#D93F00;
}

.dash-user-area {
	padding:0 0 20px 0;
}

.dash-user-area h2 {
	font-size:20px;
	color:#222;
}

.dash-user-area h2 span {
	display:block;
	margin:0 0 0 3px;
	color:#888;
	font-size:12px;
	font-weight:normal;
}

.dash-area {
	overflow:hidden;
}



.dash-left a{
	float: left;
	margin: 0 0 10px 0;
	width: 49%;
	min-height:100px;
	border: #dadada 1px solid;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

.dash-left a:hover{
	float: left;
	margin: 0 0 10px 0;
	width: 49%;
	min-height:100px;
	background-color:#FFFDD8; 
	border: #F7CC38 1px solid;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

/*
.dash-left a:hover {
 display:block;
 margin:-1px;
 min-height:100px; 
 background-color:#FFFDD8; 
 border: #F7CC38 1px solid;
 border-radius: 4px;
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
}
*/

.dash-right a{
	float: right;
	margin: 0 0 10px 0;
	width: 49%;
	min-height:100px;
	border: #dadada 1px solid;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

.dash-right a:hover{
	float: right;
	margin: 0 0 10px 0;
	width: 49%;
	min-height:100px;
	background-color:#FFFDD8; 
	border: #F7CC38 1px solid;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

/*
.dash-right a:hover {
	display:block;
	margin:-1px;
	min-height:100px; 
	background-color:#FFFDD8; 
	border: #F7CC38 1px solid;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
*/

.dash-page-once-inner{
	padding: 20px;
}
.dash-left h3{
	margin: 0 0 10px 0;
	font-size: 16px;
	color:#D93F00;
}

.dash-right h3{
	margin: 0 0 10px 0;
	font-size: 16px;
	color:#D93F00;
}

.dash-left p{
	font-size: 12px;
	color:#333;
}

.dash-right p{
	font-size: 12px;
	color:#333;
}


.dash-left_un {
	float: left;
	margin: 0 0 20px 0;
	width: 49%;
	min-height:120px;
	border: #dadada 1px solid;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

.dash-left_un:hover{
	width: 49%;
	min-height:120px;
	display:block;
	background: #ddd;
	background: -webkit-gradient(linear, left top, right bottom, from(#ddd), color-stop(0.25, #ddd), color-stop(0.25, white), color-stop(0.5, white), color-stop(0.5, #ddd), color-stop(0.75, #ddd), color-stop(0.75, white), to(white));
	background: -moz-linear-gradient(-45deg, #ddd 25%, white 25%, white 50%, #ddd 50%, #ddd 75%, white 75%, white);
	background: linear-gradient(-45deg, #ddd 25%, white 25%, white 50%, #ddd 50%, #ddd 75%, white 75%, white);
	background-size: 4px 4px;
	cursor:pointer;
}


.dash-left_un h3{
	margin: 0 0 10px 0;
	font-size: 16px;
	color:#ABABAB;
}

.dash-left_un p{
	font-size: 12px;
	color:#ABABAB;
}




.dash-right_un {
	float: right;
	margin: 0 0 20px 0;
	width: 49%;
	min-height:120px;
	border: #dadada 1px solid;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

.dash-right_un:hover{
	width: 49%;
	min-height:120px;
	display:block;
	background: #ddd;
	background: -webkit-gradient(linear, left top, right bottom, from(#ddd), color-stop(0.25, #ddd), color-stop(0.25, white), color-stop(0.5, white), color-stop(0.5, #ddd), color-stop(0.75, #ddd), color-stop(0.75, white), to(white));
	background: -moz-linear-gradient(-45deg, #ddd 25%, white 25%, white 50%, #ddd 50%, #ddd 75%, white 75%, white);
	background: linear-gradient(-45deg, #ddd 25%, white 25%, white 50%, #ddd 50%, #ddd 75%, white 75%, white);
	background-size: 4px 4px;
	cursor:pointer;
}


.dash-right_un h3{
	margin: 0 0 10px 0;
	font-size: 16px;
	color:#ABABAB;
}

.dash-right_un p{
	font-size: 12px;
	color:#ABABAB;
}

.gk-left {
	height:198px;
	min-width:160px;
	float: left;
	margin: 20px 20px 20px 0;
	width: 12%;
	border: #dadada 1px solid;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

.gk-inner {
	padding:20px;
}

.gk-left a {
	width:100%;
	height:100%;
	display:block;
}

.gk-left a:hover {
	margin:-1px;
	background-color:#FFFDD8;
	border: #dadada 1px solid;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}


.gk-left h3{
	margin: 0 0 10px 0;
	font-size: 16px;
	color:#D93F00;
	border-bottom:1px dashed #999999;
}

.gk-left p{
	font-size: 12px;
	color:#333;
}

/* main追加 ここから */
/* 各システム設定css編集部分「初期設定に戻す」ボタン */
div#css_area_sp a.button, div#css_area_pc a.button{
	
	width:110px;
	
}

div.button {
	
	width:70px;
	
}

/* タイトル画像（選択）で表示される画像部分 */
.valign_middle{
	
	margin-bottom:15px;
	
}

/* 販促バナーページ */
#banner_txbox{
	
	padding:15px;
	font-size:12px;
	background:#FFFAFF;
	border-radius:10px;
	margin-bottom:20px;
	
}

#banner_txbox ul{
	
	margin:15px 25px;
	
}

/* main追加 ここまで */

/* キャンペーンcss */

.service-list {
	width:100%;
	border-collapse:separate;
}

.service-list th {
	height:30px;
	background: #BF0000;
	background-image: -ms-linear-gradient(top, #FD464C 0%, #BF0000 100%);/* IE10 Consumer Preview */
	background-image: -moz-linear-gradient(top, #FD464C 0%, #BF0000 100%);/* Mozilla Firefox */
	background-image: -o-linear-gradient(top, #FD464C 0%, #BF0000 100%);/* Opera */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FD464C), color-stop(1, #BF0000));/* Webkit (Safari/Chrome 10) */
	background-image: -webkit-linear-gradient(top, #FD464C 0%, #BF0000 100%);/* Webkit (Chrome 11+) */
	background-image: linear-gradient(to bottom, #FD464C 0%, #BF0000 100%);/* W3C Markup, IE10 Release Preview */
	font-size:12px;
	color:#FFF;
	font-weight:normal;
}

.service-list02 {
	width:100%;
	border-collapse:separate;
}

.service-list02 th {
	height:30px;
	background: #E44A02;
	background-image: -ms-linear-gradient(top, #E6661E 0%, #E44A02 100%);/* IE10 Consumer Preview */
	background-image: -moz-linear-gradient(top, #E6661E 0%, #E44A02 100%);/* Mozilla Firefox */
	background-image: -o-linear-gradient(top, #E6661E 0%, #E44A02 100%);/* Opera */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #E6661E), color-stop(1, #E44A02));/* Webkit (Safari/Chrome 10) */
	background-image: -webkit-linear-gradient(top, #E6661E 0%, #E44A02 100%);/* Webkit (Chrome 11+) */
	background-image: linear-gradient(to bottom, #E6661E 0%, #E44A02 100%);/* W3C Markup, IE10 Release Preview */
	font-size:12px;
	color:#FFF;
	font-weight:normal;
}

.service-list03 {
	width:100%;
	border-collapse:separate;
}

.service-list03 th {
	height:30px;
	background: #2A26A6;
	background-image: -ms-linear-gradient(top, #2C4FBB 0%, #2A26A6 100%);/* IE10 Consumer Preview */
	background-image: -moz-linear-gradient(top, #2C4FBB 0%, #2A26A6 100%);/* Mozilla Firefox */
	background-image: -o-linear-gradient(top, #2C4FBB 0%, #2A26A6 100%);/* Opera */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2C4FBB), color-stop(1, #2A26A6));/* Webkit (Safari/Chrome 10) */
	background-image: -webkit-linear-gradient(top, #2C4FBB 0%, #2A26A6 100%);/* Webkit (Chrome 11+) */
	background-image: linear-gradient(to bottom, #2C4FBB 0%, #2A26A6 100%);/* W3C Markup, IE10 Release Preview */
	font-size:12px;
	color:#FFF;
	font-weight:normal;
}



.campaign-area tr:nth-child(odd) {
	background:#E6E6E6;
}
.campaign-area tr:nth-child(even) {
	background:#EEEEEE;
}

.even_campaign-area tr:nth-child(odd) {
	background:#DAE7FB;
}
.even_campaign-area tr:nth-child(even) {
	background:#EDF4FF;
}


.campaign-area {
	margin-top:20px;
}

.campaign-area ul li {
	list-style-type:none;
}


.campaign-area h3 {
    border-left: #D93F00 solid 5px;
    font-size: 14px;
    font-weight: bold;
    color: #333;
    padding-left: 10px;
    margin-bottom: 10px;
}

a.manual_link{
	font-size: 14px;
    font-weight: bold;
	text-decoration:underline;
	color:#FF0000;
}

a.manual_link:hover{
	color:#D93F00;

}

h3 a.manual_link span.ico_ques, td a.manual_link span.ico_ques{
	background: #e37500;
    display: inline-block;
    width: 18px;
    height: 17px;
    text-align: center;
    color: #FFFFFF;
    border-radius: 9px;
    line-height: 17px;
    font-size: 14px;
    padding-top: 1px;
    box-shadow: #222 2px 2px 5px -1px;	
}

h3 a.manual_link span.ico_ques{
    margin: 0 4px 0 15px;
	
}

td a.manual_link span.ico_ques{
	margin:0 4px 0 0;
	
}

.campaign-area td {
	padding:8px;
	height:14px;
	line-height:14px;
	font-size:12px;
	color:#333;
	word-break:break-all;
}

.campaign-area .editext td {
	text-align:center;
}

span#send_info_239525-20160426-0874988327 a:link {
    color: #D93F00;
    text-decoration: underline;
}


.campaign_table_float_1 {
	float:left;
}

.campaign_table_float_r {
	float:right;
	margin-left:10px;
}


a.button, div.button {
	background: #D93F00;
	background-image: -ms-linear-gradient(top, #F28C00 0%, #D93F00 100%);/* IE10 Consumer Preview */
	background-image: -moz-linear-gradient(top, #F28C00 0%, #D93F00 100%);/* Mozilla Firefox */
	background-image: -o-linear-gradient(top, #F28C00 0%, #D93F00 100%);/* Opera */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #D93F00 ), color-stop(1, #2e3192));/* Webkit (Safari/Chrome 10) */
	background-image: -webkit-linear-gradient(top, #F28C00 0%, #D93F00 100%);/* Webkit (Chrome 11+) */
	background-image: linear-gradient(to bottom, #F28C00 0%, #D93F00 100%);/* W3C Markup, IE10 Release Preview */
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-webkit-box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.10);
	-moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.10);
	border:1px solid #999;
	text-decoration:none;
	color:#ffffff;
	padding:2px 10px;
	height:16px;
	line-height:16px;
	text-align:center;
	display:block;
	font-size:12px;
	min-width:30px;
}

a.button_off, div.button_off {
	background: #808080;
	background-image: -ms-linear-gradient(top, #696969 0%, #808080 100%);/* IE10 Consumer Preview */
	background-image: -moz-linear-gradient(top, #696969 0%, #808080 100%);/* Mozilla Firefox */
	background-image: -o-linear-gradient(top, #696969 0%, #808080 100%);/* Opera */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #696969), color-stop(1, #808080));/* Webkit (Safari/Chrome 10) */
	background-image: -webkit-linear-gradient(top, #696969 0%, #808080 100%);/* Webkit (Chrome 11+) */
	background-image: linear-gradient(to bottom, #696969 0%, #808080 100%);/* W3C Markup, IE10 Release Preview */
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-webkit-box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.10);
	-moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.10);
	border:1px solid #999;
	text-decoration:none;
	color:#ffffff;
	padding:2px 10px;
	height:16px;
	line-height:16px;
	text-align:center;
	display:block;
	font-size:12px;
	min-width:30px;
}

a.button:hover, div.button:hover{
	background: #D93F00;
	background-image: -ms-linear-gradient(top, #FFA221 0%, #FE6421 100%);/* IE10 Consumer Preview */
	background-image: -moz-linear-gradient(top, #FFA221 0%, #FE6421 100%);/* Mozilla Firefox */
	background-image: -o-linear-gradient(top, #FFA221 0%, #FE6421 100%);/* Opera */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #008dea), color-stop(1, #3d41c0));/* Webkit (Safari/Chrome 10) */
	background-image: -webkit-linear-gradient(top, #FFA221 0%, #FE6421 100%);/* Webkit (Chrome 11+) */
	background-image: linear-gradient(to bottom, #FFA221 0%, #FE6421 100%);/* W3C Markup, IE10 Release Preview */
	border:1px solid #F7CC38;
	text-decoration:none;
	color:#ffffff;
	padding:2px 10px;
	height:16px;
	line-height:16px;
	text-align:center;
	display:block;
	font-size:12px;
	min-width:30px;
	cursor: pointer;
}

.button_size {
	width:100px;
	margin:0 auto;
}
	
.campaign_table_bt {
	width:180px;
	margin:0 auto;
}

.campaign_table_bt_sml {
	width:80px;
	margin:0 auto;
}


/* modal */

#contents .img {
	display: inline-block;
	margin-bottom: 20px;
}
#contents .img:after {
	content: "";
	display: block;
	clear: both;
}
#contents .img li {
	margin: 0 10px 10px 0;
	float: left;
}
#contents .txt {
	display: inline-block;
}
#contents .txt:after {
	content: "";
	display: block;
	clear: both;
}
#contents .txt li {
	margin-right: 20px;
	float: left;
}
	
#box1 {
	width: 500px;
}
#box2 {
	width: 980px;
}
#box3 {
	width: 468px;
}

#box4 {
	width: 500px;
}

#box5 {
	width: 500px;
}

#box6 {
	width: 500px;
}

#box7 {
	width: 500px;
}


#box8 {
	width: 500px;
}

#box9 {
	width: 500px;
}

.tag{
	width: 650px;
	height:200px;
	padding:5px ;
	border:1px solid #999;
	resize:none;
	background:#fafafa;
}

.link {
	text-align: center;
}

.modal-btn,
.modal-close {
/*	margin-top: 1em;
	text-align: center;
*/
    text-align: center;
    margin: 20px auto;
    width: 100px;
    background: #3a3a3a;
    padding: 10px 0;
    border-radius: 10px;
}

.modal-btn a,
.modal-close a{
    color:#fff;
}

#modal-win {
	width: 100%;
	position: absolute;
}
#modal-win-inner {
	box-shadow: 0 0 5px rgba(0, 0, 0, .25);
	margin: 0 auto;
	position: relative;
	z-index: 101;
	border-radius: 10px;
}
#modal-win-inner > * {
	border-radius: 10px;
}
#modal-bg {
	width: 100%;
	height: 100%;
	background-color: #000000;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	cursor: pointer;
}

#modal-mail-title{
    width: 640px;
    margin: 20px auto;
    border-left: solid 5px #ffa500;
    padding: 10px 20px;
}

/* modal end */



/* manual */

.manual_area{
	color:#000000;
}
.manual_area h2{
	/*color:#CC272D; 20160408 edited by usui*/
	color:#D93F00;
}
.manual_area h3{
	font-size:16px;
	font-weight:normal;
}
.manual_area h4{
	font-size:12px;
	color:#333333;
	margin-bottom: 20px;
}


.manual_area_margin_b10{
	margin-bottom:20px;
}

.manual_area_red{
	color:#F00;
}

.manual_return_btn{
	width:52px;
	letter-spacing:2px;
	margin:15px auto 0 auto;
	
}


#container-1 ul{
	margin:0;
	padding:0;
	list-style:none;
}
#container-1 li{
	margin:0;
	padding:0;
}

/* manual-end */


/* account */


.campaign-area table td input[type="text"]{
	padding:2px 2px;
	margin:5px 0;
	border:1px solid #bbb;
}

.campaign-area table {
	margin-bottom:20px;
}
/* account-end */



/* campaign-edi */


#campaign_content_sort{
	width:100%;
	height:30px;
	background:#FFD5D8;
	font-size:12px;
}

#campaign_content_sort ul{
	padding-left:10px;
}

#campaign_content_sort li{
	float:left;
	height:30px;
	line-height:30px;
	margin-right:20px;
	list-style-type:none;
}

#campaign_content_sort input[type="checkbox"]{
	vertical-align: middle;
}


/* エラー表記 */
.message_box_01 {
	font-size:14px;
	min-width: 500px;
	padding: 14px;
	margin: 20px 0;
	width: 50%;
	border: #BF0000 1px solid;
	background-color: #F99;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

.message_box_01 ul {
	list-style-type: none;
	padding-left: 40px;
	background: url(../images/icon_02.gif) left center no-repeat;
	background-size:20px;
}



.message_box_02 {
	font-size:14px;
	min-width: 500px;
	margin:20px 0;
	padding: 14px;
	width: 50%;
	border: #BF0000 1px solid;
	background-color: #F99;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

.message_box_02 ul {
	min-height:30px;
	list-style-type: none;
	background: url(../images/icon_02.gif) left center no-repeat;
	padding-left: 40px;
}

.message_box_02 ul li {
	line-height:30px;
}

/* 追加カレンダー用　*/

.editext td input[type="text"]{
	width:70%;
}

.campaign_content_table02_td_top p {
	margin:5px;
}

.campaign_content_table02_td_bottom p {
	margin:5px;
}

.service-list02 tr {
	background:#EEEEEE;
}

.service-list03 tr {
	background:#EEEEEE;
}




/* campaign 独自キャンペーン */

.campaign-area02 {
	margin-top:20px;
}

.campaign-area02 h3 {
	border-left:#BF0000 solid 5px;
	font-size:14px;
	font-weight:bold;
	color:#333;
	padding-left:10px;
	margin-bottom:10px;
}


 
.campaign-area02 td {
	padding:8px;
	height:14px;
	line-height:14px;
	font-size:12px;
	color:#333;
}

.campaign-area02 .editext td {
	text-align:center;
}

.campaign-area02 input[type="text"]{
	margin-right:3px;
	padding:1px;
	border: 1px solid #bbb;
}

.campaign-area02 input[type="checkbox"]{
	margin:3px;
}

.campaign-area02 a img {
	border:none;
}


/* campaign 表示設定 */
.campaign_content_table03{
	margin:0 0 20px 15px;
}
.campaign_content_table03 table {
	border-collapse: collapse;
}

.campaign_content_table03 td {
	border-bottom:1px solid #FFF;
	border-left:1px solid #FFF;
	font-size:90%;
	padding:5px;
}
.campaign_content_table03_td01 {
	width:100px;
	border-bottom:1px solid #FFF;
	border-left:1px solid #FFF;
	font-size:90%;
}
.campaign_content_table03_td02 {
	background: #FCFCFC;
}

.campaign_content_table03_td01 ul{
}
.campaign_content_table03_td01 li{
	margin-bottom:10px;
	border-bottom:1px dashed #666666;
}

.campaign_content_table03_radio{
	margin-bottom:5px;
	line-height:20px;
}
.campaign_content_table03_radio input[type="radio"]{
	vertical-align: text-bottom;
}
.campaign_content_table03_radio_img{
	margin-bottom:10px;
}

/*inquiry*/


.inquiry_area_text01{
	font-size:14px;
	line-height:24px;
	margin-bottom:20px;
}
.inquiry_area_text02{
	font-size:14px;
	margin-bottom:5px;
}
.inquiry_area_text03{
	font-size:18px;
	background:#EEEEEE;
	color:#333;
	padding:5px;
	line-height:24px;
	margin-bottom:5px;
}
.inquiry_area_text04{
	font-size:11px;
	margin-bottom:20px;
}


/* privacy */

.privacy {
	margin-top:20px;
	font-size:12px;
	color:#333;
	list-style-type:none;
}

.privacy dt {
	font-size:16px;
	font-weight:bold;
}

.privacy dd {
	margin:10px;
	line-height:14px;
}



/* about */

.about_table {
	margin-top:20px;
	font-size:14px;
	color:#333;
}

.about_table tr:nth-child(odd) {
	background:#E6E6E6;
}
.about_table tr:nth-child(even) {
	background:#EEEEEE;
}

.about_table td {
	border-bottom:1px solid #FFF;
	border-left:1px solid #FFF;
	font-size:90%;
	padding:5px;
}


.indispensable {
	font-size:12px;
	color:#BF0000;
	margin-right:20px;
}



/* faq */

ul.navi {
	width:100%;
	margin:0px;
}

ul.navi, ul.menu {
	margin: 0;
	padding: 0;
	list-style: none;
}

div.faq-list {
	margin-bottom:10px;
	height: 30px;
	padding:10px;
	line-height: 30px;
	text-indent:20px;
	border: #dadada 1px solid;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	cursor:pointer;
	color:#D93F00;
	font-size:16px;
	font-weight:bold;
}

div.open {
/*	color:#BF0000;
*/}

ul.menu a{
	display:block;
	color: #164158;
}

ul.menu li{
	margin-bottom:10px;
	padding:10px;
	text-indent:25px;
	font-size:12px;
	border: #dadada 1px solid;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	background-color:#EEEEEE;
}

/* 以下、松井追加20150305～ */
/*#function{ font-size:12px;}*/
.vertical_middle{ vertical-align:middle; }
span.small_text{ font-size:10px;}
.bg_cecece{ background:#cecece; padding:5px}
.campaign-area p{font-size:12px;}
.campaign-area p.memo{clear:both; word-break:break-all;}

blockquote{ padding:10px; margin:20px; background:#f0f0f0; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; line-height:1.6em; display:block; font-size:12px;}
blockquote.infobox{ padding:10px; margin:20px; background:#fff; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;line-height:1.6em; border:#cecece 1px solid;}
blockquote.infobox p{ margin:10px 0;}
blockquote.infobox p span{ margin:0 5px 0 0;}
blockquote.infobox ul li{list-style:none;}
.function-list01 { width:100%; border-collapse:separate;}
.function-list01 tr { background:#EEEEEE;}
.function-list01 th { font-size:14px; color:#333; font-weight: bold; padding:10px;}
.function-list01 th:not(.even) { background:#cecece;}
.function-list01 th.even { background:#9BC5EF;}
.function-list01 tr.center th{vertical-align:top; line-height:1.6em; text-align:center;}
.function-list01 tr.center th.memo{ min-width:200px;}
.function-list01 td{vertical-align:top; line-height:1.6em;}
.function-list01 tr.center td{vertical-align:middle; line-height:1.6em; text-align:center;}
.function-list01 td.center{vertical-align:middle; line-height:1.6em; text-align:center;}
.function-list01 tr td:first-child:not(.normal) { font-weight:bold;}
.function-list01 div.center{text-align:center;}
.function-list01 select{ margin:0 5px; border:#CCC 1px solid;}
.function-list01 checkbox{ margin:0 5px;}

.ico_atte {background: url(../images/ico_atte.png) no-repeat 0 8px;padding: 7px 0 0 20px;}
.ico_exam {background: url(../images/ico_exam.png) no-repeat 0 8px;padding: 7px 0 0 20px;}	

.campaign_table_inline_bolck { display:inline-block; margin:0 5px 0 0;}
.function-list01 input{ padding:3px;
    border: 1px solid #bbb;}

.function-list01 input[value="　カレンダー　"]{ 
/*	background: #D93F00;
    background-image: -ms-linear-gradient(top, #F28C00 0%, #D93F00 100%);
    background-image: -moz-linear-gradient(top, #F28C00 0%, #D93F00 100%);
    background-image: -o-linear-gradient(top, #F28C00 0%, #D93F00 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #D93F00 ), color-stop(1, #2e3192));
    background-image: -webkit-linear-gradient(top, #F28C00 0%, #D93F00 100%);
    background-image: linear-gradient(to bottom, #F28C00 0%, #D93F00 100%);*/
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.10);
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.10);
    border: 1px solid #999;
    text-decoration: none;
    color: #ffffff;
    /*padding: 2px 0px;*/
    height: 22px;
    line-height: 16px;
    text-align: center;
    font-size: 12px;
    /*min-width: 30px;*/
	font-family: "メイリオ","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	width:24px;
	background:url(https://step-coupon.com/images/icon-calendar.svg) no-repeat center/20px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	border:0;
	box-shadow:none;
}

.function-list01 input[value="　カレンダー　"]:hover{
	/*background: #FE6421;
	background-image: -ms-linear-gradient(top, #FFA221 0%, #FE6421 100%);*//* IE10 Consumer Preview */
	/*background-image: -moz-linear-gradient(top, #FFA221 0%, #FE6421 100%);*//* Mozilla Firefox */
	/*background-image: -o-linear-gradient(top, #FFA221 0%, #FE6421 100%);*//* Opera */
	/*background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #008dea), color-stop(1, #3d41c0));*//* Webkit (Safari/Chrome 10) */
	/*background-image: -webkit-linear-gradient(top, #FFA221 0%, #FE6421 100%);*//* Webkit (Chrome 11+) */
	/*background-image: linear-gradient(to bottom, #FFA221 0%, #FE6421 100%);*//* W3C Markup, IE10 Release Preview */
	/*border:1px solid #F7CC38;
	color:#ffffff;
	padding:2px 0px;
	height:22px;
	line-height:16px;
	text-align:center;
	display: inline;
	font-size:12px;
	min-width:30px;*/
	cursor:pointer;
  background-color:#fbbb9f;
}


a.submitinline {
	background: #D93F00;
	background-image: -ms-linear-gradient(top, #F28C00 0%, #D93F00 100%);/* IE10 Consumer Preview */
	background-image: -moz-linear-gradient(top, #F28C00 0%, #D93F00 100%);/* Mozilla Firefox */
	background-image: -o-linear-gradient(top, #F28C00 0%, #D93F00 100%);/* Opera */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #D93F00), color-stop(1, #2e3192));/* Webkit (Safari/Chrome 10) */
	background-image: -webkit-linear-gradient(top, #F28C00 0%, #D93F00 100%);/* Webkit (Chrome 11+) */
	background-image: linear-gradient(to bottom, #F28C00 0%, #D93F00 100%);/* W3C Markup, IE10 Release Preview */
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-webkit-box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.10);
	-moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.10);
	border:1px solid #999;
	text-decoration:none;
	color:#ffffff;
	padding:2px 10px;
	height:16px;
	line-height:16px;
	text-align:center;
	display: inline;
	font-size:12px;
	min-width:30px;
}

a.submitinline:hover{
	background: #FE6421;
	background-image: -ms-linear-gradient(top, #FFA221 0%, #FE6421 100%);/* IE10 Consumer Preview */
	background-image: -moz-linear-gradient(top, #FFA221 0%, #FE6421 100%);/* Mozilla Firefox */
	background-image: -o-linear-gradient(top, #FFA221 0%, #FE6421 100%);/* Opera */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #008dea), color-stop(1, #3d41c0));/* Webkit (Safari/Chrome 10) */
	background-image: -webkit-linear-gradient(top, #FFA221 0%, #FE6421 100%);/* Webkit (Chrome 11+) */
	background-image: linear-gradient(to bottom, #FFA221 0%, #FE6421 100%);/* W3C Markup, IE10 Release Preview */
	border:1px solid #F7CC38;
	text-decoration:none;
	color:#ffffff;
	padding:2px 10px;
	height:16px;
	line-height:16px;
	text-align:center;
	display: inline;
	font-size:12px;
	min-width:30px;
	cursor:pointer;
}

a.submitinline_send {
	background: #3e3c3b;
	/*background-image: -ms-linear-gradient(top, #ffa500 0%, #d2691e 100%); IE10 Consumer Preview */
	/*background-image: -moz-linear-gradient(top, #ffa500 0%, #d2691e 100%); Mozilla Firefox */
	/*background-image: -o-linear-gradient(top, #ffa500 0%, #d2691e 100%); Opera */
	/*background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffa500), color-stop(1, #d2691e)); Webkit (Safari/Chrome 10) */
	/*background-image: -webkit-linear-gradient(top, #ffa500 0%, #d2691e 100%); Webkit (Chrome 11+) */
	/*background-image: linear-gradient(to bottom, #ffa500 0%, #d2691e 100%); W3C Markup, IE10 Release Preview */
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-webkit-box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.10);
	-moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.10);
	border:1px solid #3e3c3b;
	text-decoration:none;
	color:#ffffff;
	padding:2px 10px;
	height:16px;
	line-height:16px;
	text-align:center;
	display: inline;
	font-size:12px;
	min-width:30px;
}

a.submitinline_send:hover{
	background: #3e3c3b;
/*	background-image: -ms-linear-gradient(top, #f4a460 0%, #ffa500 100%); IE10 Consumer Preview */
	/*background-image: -moz-linear-gradient(top, #f4a460 0%, #ffa500 100%); Mozilla Firefox */
	/*background-image: -o-linear-gradient(top, #f4a460 0%, #ffa500 100%); Opera */
	/*background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f4a460), color-stop(1, #ffa500)); Webkit (Safari/Chrome 10) */
	/*background-image: -webkit-linear-gradient(top, #f4a460 0%, #ffa500 100%); Webkit (Chrome 11+) */
	/*background-image: linear-gradient(to bottom, #f4a460 0%, #ffa500 100%); W3C Markup, IE10 Release Preview */
	border:1px solid #3e3c3b;
	text-decoration:none;
	color:#ffffff;
	padding:2px 10px;
	height:16px;
	line-height:16px;
	text-align:center;
	display: inline;
	font-size:12px;
	min-width:30px;
	cursor:pointer;
}

a.submitinline_send_off {
	background: #808080;
	background-image: -ms-linear-gradient(top, #696969 0%, #808080 100%);/* IE10 Consumer Preview */
	background-image: -moz-linear-gradient(top, #696969 0%, #808080 100%);/* Mozilla Firefox */
	background-image: -o-linear-gradient(top, #696969 0%, #808080 100%);/* Opera */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #696969), color-stop(1, #808080));/* Webkit (Safari/Chrome 10) */
	background-image: -webkit-linear-gradient(top, #696969 0%, #808080 100%);/* Webkit (Chrome 11+) */
	background-image: linear-gradient(to bottom, #696969 0%, #808080 100%);/* W3C Markup, IE10 Release Preview */
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-webkit-box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.10);
	-moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.10);
	border:1px solid #808080;
	text-decoration:none;
	color:#ffffff;
	padding:2px 10px;
	height:16px;
	line-height:16px;
	text-align:center;
	display: inline;
	font-size:12px;
	min-width:30px;
}


a.submitinline_preview {
	background: #fff;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-webkit-box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.10);
	-moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.10);
	border:1px solid #999;
	text-decoration:none;
	color:#333;
	padding:2px 10px;
	height:20px;
	line-height:20px;
	text-align:center;
	display: inline-table;
	font-size:12px;
	min-width:30px;
	width:100px;
	font-weight:bold;
}

a.submitinline_preview:hover{
	background: #fff;
	border:1px solid #FE6421;
	text-decoration:none;
	color:#FE6421;
	padding:2px 10px;
	height:20px;
	line-height:20px;
	text-align:center;
	display: inline-table;
	font-size:12px;
	min-width:30px;
	width:100px;
	cursor:pointer;
	font-weight:bold;
}

a.submitinline_dl {
	background: #D93F00;
	background-image: -ms-linear-gradient(top, #F28C00 0%, #D93F00 100%);/* IE10 Consumer Preview */
	background-image: -moz-linear-gradient(top, #F28C00 0%, #D93F00 100%);/* Mozilla Firefox */
	background-image: -o-linear-gradient(top, #F28C00 0%, #D93F00 100%);/* Opera */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #D93F00), color-stop(1, #2e3192));/* Webkit (Safari/Chrome 10) */
	background-image: -webkit-linear-gradient(top, #F28C00 0%, #D93F00 100%);/* Webkit (Chrome 11+) */
	background-image: linear-gradient(to bottom, #F28C00 0%, #D93F00 100%);/* W3C Markup, IE10 Release Preview */
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-webkit-box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.10);
	-moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.10);
	border:1px solid #999;
	text-decoration:none;
	color:#ffffff;
	padding:2px 10px;
	height:20px;
	line-height:20px;
	text-align:center;
	display: inline-table;
	font-size:12px;
	min-width:30px;
	width:100px;
	font-weight:bold;
}

a.submitinline_dl:hover{
	background: #FE6421;
	background-image: -ms-linear-gradient(top, #FFA221 0%, #FE6421 100%);/* IE10 Consumer Preview */
	background-image: -moz-linear-gradient(top, #FFA221 0%, #FE6421 100%);/* Mozilla Firefox */
	background-image: -o-linear-gradient(top, #FFA221 0%, #FE6421 100%);/* Opera */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #008dea), color-stop(1, #3d41c0));/* Webkit (Safari/Chrome 10) */
	background-image: -webkit-linear-gradient(top, #FFA221 0%, #FE6421 100%);/* Webkit (Chrome 11+) */
	background-image: linear-gradient(to bottom, #FFA221 0%, #FE6421 100%);/* W3C Markup, IE10 Release Preview */
	border:1px solid #F7CC38;
	text-decoration:none;
	/* color:#ffffff;
	padding:2px 10px;
	height:20px;
	line-height:20px;
	text-align:center;
	display: inline-table;
	font-size:12px;
	min-width:30px;
	width:100px;
	cursor:pointer;
	font-weight:bold; */
}


/* 追加　20160617　*/

td.txt_link a:link {
    text-decoration: underline;
    color: #000000;
}

td.txt_link a:visited {
    text-decoration: underline;
    color: #000000;
}

td.txt_link a:hover {
    text-decoration: underline;
    color: #de4f00;
}

/* 発送スペクタル　松井追加20150305～ */
.cal_stable {background-color: #fff;border-collapse: collapse;margin: 5px;float: left;}
.cal_stable td{padding: 5px;font-size: 12px;text-align: center;line-height: 12px; background:#fff; border:#ccc 1px solid;}
.cal_stable td.sat{background-color: #cff;}
.cal_stable td.hol, .cal_stable td.sun{background-color: #fcc;}
.cal_stable td.ship{background-color: #7cfc00;}

.cal_table {background-color: #fff;border-collapse: collapse;margin: 5px;float: left;}
.cal_table td{padding: 8px;font-size: 12px;text-align: center;line-height: 12px; background:#fff; border:#ccc 1px solid;}
.cal_table td.sat{background-color: #cff;}
.cal_table td.hol, .cal_table td.sun{background-color: #fcc;}
.cal_table td.ship{background-color: #7cfc00;}


/*発送スペオリジナル作成 薄井追加20151110*/
.hassouOri-area {margin:20px 0 0; font-size:12px; color:#333;}
.hassouOri-area h3{border-left: #D93F00 solid 5px; font-size: 14px; font-weight: bold; color: #333; padding-left: 10px; margin-bottom: 10px;}
.hassouOri-area img{margin-bottom: 20px;}
.hassouOri-area ul{list-style:none; padding: 10px 0;}
.hassouOri-area li{list-style:none;}
.hassouOri-area span{font-weight:bold;}
.hassouOri-area p{margin-bottom: 10px;}
.hassouOri-area p.hassouOri-dl a{font-size:14px; border-1px solid 1px solid #999;color:#fff;padding:2px 10px; line-height:2;
background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #D93F00 ), color-stop(1, #2e3192));
background-image:-webkit-linear-gradient(top, #F28C00 0%, #D93F00 100%);
background-image:linear-gradient(to bottom, #F28C00 0%, #D93F00 100%);
border-radius:4px;
}

/*発送スペクタクルテンプレート選択部分 香取追加20160119*/
ul.temp_list_pc li, ul.temp_list_sp li{ float:left; }
ul.temp_list_sp li{ padding-left:18px; }

/*space-------------------------------------------------------------------*/
.space-1px {  height:1px; font-size:0; margin:0 0;}
.space-12px {  height: 12px; font-size:0; margin:0 0;}
.space-18px {  height: 18px; font-size:0; margin:0 0;}
.space-36px {  height: 36px; font-size:0; margin:0 0;}
.space-64px {  height: 64px; font-size:0; margin:0 0;}
.space-3px {  height:3px; font-size:0; margin:0 0;}
.space-5px {  height: 5px; font-size:0; margin:0 0;}
.space-6px {  height: 6px; font-size:0; margin:0 0;}
.space-9px {  height: 9px; font-size:0; margin:0 0;}
.space-15px {  height: 15px; font-size:0; margin:0 0;}
.space-24px {  height: 24px; font-size:0; margin:0 0;}
.space-140px {  height: 140px; font-size:0; margin:0 0;}
.space-120px {  height: 120px; font-size:0; margin:0 0;}
.space-600px {  height: 600px; font-size:0; margin:0 0;}

/* margin-------------------------------------------------------------------*/
.m0 {margin: 0px!important;}
.m3 {margin: 3px!important;}
.m5 {margin: 5px!important;}
.m10 {margin: 10px!important;}
.m15 {margin: 15px!important;}
.m20 {margin: 20px!important;}
.mAuto {margin:0 auto!important;}

/* margin-top-------------------------------------------------------------------*/
.mt0 {margin-top: 0px!important;}
.mt5 {margin-top: 5px!important;}
.mt10 {margin-top: 10px!important;}
.mt15 {margin-top: 15px!important;}
.mt20 {margin-top: 20px!important;}
.mt25 {margin-top: 25px!important;}
.mt30 {margin-top: 30px!important;}
.mt35 {margin-top: 35px!important;}
.mt40 {margin-top: 40px!important;}

/* margin-right-------------------------------------------------------------------*/
.mr0 {margin-right: 0px!important;}
.mr5 {margin-right: 5px!important;}
.mr8 {margin-right: 8px!important;}
.mr10 {margin-right: 10px!important;}
.mr12 {margin-right: 12px!important;}
.mr15 {margin-right: 15px!important;}
.mr20 {margin-right: 20px!important;}
.mr24 {margin-right: 24px!important;}
.mr25 {margin-right: 25px!important;}
.mr30 {margin-right: 30px!important;}
.mr35 {margin-right: 35px!important;}
.mr40 {margin-right: 40px!important;}

/* margin-bottom-------------------------------------------------------------------*/
.mb0 {margin-bottom: 0px!important;}
.mb5 {margin-bottom: 5px!important;}
.mb10 {margin-bottom: 10px!important;}
.mb15 {margin-bottom: 15px!important;}
.mb20 {margin-bottom: 20px!important;}
.mb25 {margin-bottom: 25px!important;}
.mb30 {margin-bottom: 30px!important;}
.mb35 {margin-bottom: 35px!important;}
.mb40 {margin-bottom: 40px!important;}
.mb50 {margin-bottom: 50px!important;}
.mb60 {margin-bottom: 60px!important;}

/* margin-left-------------------------------------------------------------------*/
.ml0 {margin-left: 0px!important;}
.ml5 {margin-left: 5px!important;}
.ml8 {margin-left: 8px!important;}
.ml10 {margin-left: 10px!important;}
.ml12 {margin-left: 12px!important;}
.ml15 {margin-left: 15px!important;}
.ml20 {margin-left: 20px!important;}
.ml21 {margin-left: 21px!important;}
.ml24 {margin-left: 24px!important;}
.ml25 {margin-left: 25px!important;}
.ml30 {margin-left: 30px!important;}
.ml35 {margin-left: 35px!important;}
.ml40 {margin-left: 40px!important;}
.ml50 {margin-left: 50px!important;}

/* padding-------------------------------------------------------------------*/
.p0{padding: 0px!important;}
.p3{padding: 3px!important;}
.p5{padding: 5px!important;}
.p10{padding: 10px!important;}
.p15{padding: 15px!important;}
.p20 {padding: 20px!important;}
.p30 {padding: 30px!important;}

/* padding-top-------------------------------------------------------------------*/
.pt0 {padding-top: 0px!important;}
.pt5 {padding-top: 5px!important;}
.pt10 {padding-top: 10px!important;}
.pt15 {padding-top: 15px!important;}
.pt20 {padding-top: 20px!important;}
.pt25 {padding-top: 25px!important;}
.pt30 {padding-top: 30px!important;}
.pt35 {padding-top: 35px!important;}
.pt40 {padding-top: 40px!important;}

/* padding-right-------------------------------------------------------------------*/
.pr0 {padding-right: 0px!important;}
.pr5 {padding-right: 5px!important;}
.pr10 {padding-right: 10px!important;}
.pr15 {padding-right: 15px!important;}
.pr20 {padding-right: 20px!important;}
.pr25 {padding-right: 25px!important;}
.pr30 {padding-right: 30px!important;}
.pr35 {padding-right: 35px!important;}
.pr40 {padding-right: 40px!important;}

/* padding-bottom-------------------------------------------------------------------*/
.pb0 {padding-bottom: 0px!important;}
.pb5 {padding-bottom: 5px!important;}
.pb10 {padding-bottom: 10px!important;}
.pb15 {padding-bottom: 15px!important;}
.pb20 {padding-bottom: 20px!important;}
.pb25 {padding-bottom: 25px!important;}
.pb30 {padding-bottom: 30px!important;}
.pb35 {padding-bottom: 35px!important;}
.pb40 {padding-bottom: 40px!important;}

/* padding-left-------------------------------------------------------------------*/
.pl0 {padding-left: 0px!important;}
.pl5 {padding-left: 5px!important;}
.pl10 {padding-left: 10px!important;}
.pl15 {padding-left: 15px!important;}
.pl20 {padding-left: 20px!important;}
.pl24 {padding-left: 24px!important;}
.pl25 {padding-left: 25px!important;}
.pl30 {padding-left: 30px!important;}
.pl35 {padding-left: 35px!important;}
.pl40 {padding-left: 40px!important;}

/* テキスト装飾-------------------------------------------------------------------*/
.line_u {text-decoration: underline!important;}
.line_d {text-decoration: line-through!important;}
.txt_b {font-weight: bold!important;}
.txt_red {color:#f00!important;}
.dis_b{display: block;}

/* ファイルアップロード部品用CSS----------------------------------------------------*/
.selUpFile {
  display: inline-block;
  overflow: hidden;
  position: relative;
  padding: .10em;
  border: 1px solid #999;
  background-color: #eee;
}

.selUpFile input[type="file"] {
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  position: absolute;
  right: 0;
  top: 0;
  margin: 0;
  font-size: 100px;
  cursor: pointer;
}
.selUpFile input[type="button"] {
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  position: absolute;
  right: 0;
  top: 0;
  margin: 0;
  font-size: 100px;
  cursor: pointer;
}

/* フローティング メニュー作成 香取追加20160115追加----------------------------------*/
#flt_wrapp{
	position:fixed;
	bottom:0;
	padding-bottom:10px;
	background-color:rgba(255,255,255,0.48);
	width:100%;
}

#flt_menu{
	position:relative;
	left:235px;
	width:78%;
	min-width:864px;
	padding-top:5px;
	
}

#flt_menu > div{
	display:flex;
	display:-webkit-flex;
	justify-content:center;
}

#flt_menu > div > div{
	
	width:96px;
	
}

#flt_menu p{
	text-align:center;
	font-size:12px;
	color:#000;
	font-weight:bold;
	position:relative;
}

#flt_menu img{
	width:40px;
	display:block;
	margin:auto;
}

/* リアコメ データツール部分修正 香取追加20160210追加----------------------------------*/
p.pager_btm{
	
	margin:-10px 0 10px 0;
	
}

/* マニュアルページ ボタン部分 香取追加20160511追加----------------------------------*/
#btns{
	position:fixed;
	bottom:30px;
	right:20px;
}

#btns p{
	background-color:#D93F00;
	color:#FFF;
	border-radius:50px;
	width:50px;
	height:50px;
	text-align:center;
}

#btns p:first-child{
	margin-bottom:10px;
}

#btns p a{
	color:#FFF;
	display:block;
	position:relative;
	top:13px;
	line-height:15px;
	font-size:12px;
}

.mb10 label{ margin-right:10px; }

/* 素材ページ ボタン部分 香取追加20160830追加----------------------------------*/
.dash-area ul{
	
	margin-left:5px;
	float:left;
	
}

.dash-area ul:not(:last-child){
	
	margin-right:45px;

}

.dash-area ul li{
	
	list-style:none;
	margin-bottom:5px;
	line-height:45px;
		
}

.dash-area ul li{
	display: flex;
	align-items:center;
	justify-content:space-between;
}
.dash-area ul li a{
	margin:0 20px;
}

/*
.dash-area ul:first-child li:last-child a:first-child{

	margin:0 20px 0 23px;	
	
}
*/
.explan_page{
	
	padding: 10px;
	background: #f0f0f0;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	line-height: 1.6em;
	display: block;
	font-size: 12px;	
	
}

.explain{
	
	padding: 10px;
	margin-bottom: 35px;
	background: #f0f0f0;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	line-height: 1.6em;
	display: block;
	font-size: 12px;	
}

a.disabled_btn {
	background: #D93F00;
	background-image: -ms-linear-gradient(top, #dcdad7 0%, #82807f 100%);/* IE10 Consumer Preview */
	background-image: -moz-linear-gradient(top, #dcdad7 0%, #82807f 100%);/* Mozilla Firefox */
	background-image: -o-linear-gradient(top, #dcdad7 0%, #82807f 100%);/* Opera */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #82807f), color-stop(1, #dcdad7));/* Webkit (Safari/Chrome 10) */
	background-image: -webkit-linear-gradient(top, #F28C00 0%, #82807f 100%);/* Webkit (Chrome 11+) */
	background-image: linear-gradient(to bottom, #dcdad7 0%, #82807f 100%);/* W3C Markup, IE10 Release Preview */
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-webkit-box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.10);
	-moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.10);
	border:1px solid #999;
	text-decoration:none;
	color:#ffffff;
	padding:2px 10px;
	height:16px;
	line-height:16px;
	text-align:center;
	display: inline;
	font-size:12px;
	min-width:30px;
	cursor:default;
}

/* ボタン表示追加 粟井追加20161117追加----------------------------------*/
input.simpleButton{ 
	background: #D93F00;
    background-image: -ms-linear-gradient(top, #F28C00 0%, #D93F00 100%);
    background-image: -moz-linear-gradient(top, #F28C00 0%, #D93F00 100%);
    background-image: -o-linear-gradient(top, #F28C00 0%, #D93F00 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #D93F00 ), color-stop(1, #2e3192));
    background-image: -webkit-linear-gradient(top, #F28C00 0%, #D93F00 100%);
    background-image: linear-gradient(to bottom, #F28C00 0%, #D93F00 100%);
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.10);
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.10);
    border: 1px solid #999;
    text-decoration: none;
    color: #ffffff;
    padding: 2px 0px;
    height: 22px;
    line-height: 16px;
    text-align: center;
    font-size: 12px;
    min-width: 30px; 
	font-family: "メイリオ","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

input.simpleButton:hover{
	background: #FE6421;
	background-image: -ms-linear-gradient(top, #FFA221 0%, #FE6421 100%);/* IE10 Consumer Preview */
	background-image: -moz-linear-gradient(top, #FFA221 0%, #FE6421 100%);/* Mozilla Firefox */
	background-image: -o-linear-gradient(top, #FFA221 0%, #FE6421 100%);/* Opera */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #008dea), color-stop(1, #3d41c0));/* Webkit (Safari/Chrome 10) */
	background-image: -webkit-linear-gradient(top, #FFA221 0%, #FE6421 100%);/* Webkit (Chrome 11+) */
	background-image: linear-gradient(to bottom, #FFA221 0%, #FE6421 100%);/* W3C Markup, IE10 Release Preview */
	border:1px solid #F7CC38;
	color:#ffffff;
	padding:2px 0px;
	height:22px;
	line-height:16px;
	text-align:center;
	display: inline;
	font-size:12px;
	min-width:30px;
	cursor:pointer;
}

input.simpleButton_send_off{ 
	background: #808080;
	background-image: -ms-linear-gradient(top, #696969 0%, #808080 100%);/* IE10 Consumer Preview */
	background-image: -moz-linear-gradient(top, #696969 0%, #808080 100%);/* Mozilla Firefox */
	background-image: -o-linear-gradient(top, #696969 0%, #808080 100%);/* Opera */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #696969), color-stop(1, #808080));/* Webkit (Safari/Chrome 10) */
	background-image: -webkit-linear-gradient(top, #696969 0%, #808080 100%);/* Webkit (Chrome 11+) */
	background-image: linear-gradient(to bottom, #696969 0%, #808080 100%);/* W3C Markup, IE10 Release Preview */
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-webkit-box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.10);
	-moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.10);
	border:1px solid #808080;
	text-decoration:none;
	color:#ffffff;
	padding:2px 10px;
	height:22px;
	line-height:16px;
	text-align:center;
	display: inline;
	font-size:12px;
	min-width:30px;
	font-family: "メイリオ","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.no-border-table-odd td { padding:0;background-color:#E6E6E6;}
.no-border-table-even td { padding:0;background-color:#EEEEEE;}

.attention{
	font-weight:bold;
	color:#d93f00;
	
}

#send_info{
	display: -webkit-flex;
    display: flex;
	-webkit-justify-content: center;
    justify-content: center;
}

#send_info div{
	border:1px solid #999;
	width:180px;
	
}

#send_info div p{
	text-align:center;
	color:#484848;
	
}

#send_info div p:first-child{
	height:25px;
	line-height:25px;
	border-bottom:1px solid #999;
	font-weight:bold;
	font-size:13px;
	background-color:#FFC107;
	letter-spacing:1px;
	
}

#send_info div p:last-child{
	height:50px;
	line-height:50px;
	font-size:36px;
	background-color:#fffdf6;
	
}

#send_info div p span{
	font-size:20px;
	
}

#send_info div:not(:last-child){
	margin-right:5%;
	
}


/*20180406追記*/
/*タブ切り替え全体のスタイル*/
.tabs {
  margin-top: 20px;
  padding-bottom: 40px;
  background-color: #fff;
/*  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
*/
clear:both;
  }

/*タブのスタイル*/
.tab_item {
  width: calc(100%/3);
  height: 30px;
  border-bottom: 3px solid #FF9800;
  background-color: #ccc;
  line-height: 30px;
  font-size: 14px;
  text-align: center;
  color:#fff;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
  width:200px;
}
.tab_item:hover {
  opacity: 0.75;
}

/*ラジオボタンを全て消す*/
input[name="tab_item"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
  display: none;
  clear: both;
  overflow: hidden;
}


/*選択されているタブのコンテンツのみを表示*/
#all:checked ~ #all_content,
#programming:checked ~ #programming_content,
#design:checked ~ #design_content {
  display: block;
}

/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
  background-color: #FF9800;
  color: #fff;
}

a.button_temp, div.button_temp {
    background: #D93F00;
    background-image: -ms-linear-gradient(top, #F28C00 0%, #D93F00 100%);
    background-image: -moz-linear-gradient(top, #F28C00 0%, #D93F00 100%);
    background-image: -o-linear-gradient(top, #F28C00 0%, #D93F00 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #D93F00 ), color-stop(1, #2e3192));
    background-image: -webkit-linear-gradient(top, #F28C00 0%, #D93F00 100%);
    background-image: linear-gradient(to bottom, #F28C00 0%, #D93F00 100%);
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.10);
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.10);
    border: 1px solid #999;
    text-decoration: none;
    color: #ffffff;
    padding: 2px 10px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    display: block;
    font-size: 12px;
    min-width: 30px;
	float:left;
	margin-left:5px;
}

a.button_temp:hover, div.button_temp:hover {
    background: #D93F00;
    background-image: -ms-linear-gradient(top, #FFA221 0%, #FE6421 100%);
    background-image: -moz-linear-gradient(top, #FFA221 0%, #FE6421 100%);
    background-image: -o-linear-gradient(top, #FFA221 0%, #FE6421 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #008dea), color-stop(1, #3d41c0));
    background-image: -webkit-linear-gradient(top, #FFA221 0%, #FE6421 100%);
    background-image: linear-gradient(to bottom, #FFA221 0%, #FE6421 100%);
    border: 1px solid #F7CC38;
    text-decoration: none;
    color: #ffffff;
    padding: 2px 10px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    display: block;
    font-size: 12px;
    min-width: 30px;
    cursor: pointer;
}


p.coupon_auto02 {
	border:1px solid #ab0000;
	border-radius:3px;
	text-align:center;
	padding:2px;
	max-width:50px;
	background:#ff5685;
	color:#fff;
}

p.coupon_manual02 {
	border:1px solid #00229e;
	border-radius:3px;
	text-align:center;
	padding:2px;
	max-width:50px;
	background:#3d7ef5;
	color:#fff;
}




p.coupon_date {
	padding:2px;
}





tr.tabs_title {
	background:#F3F3F3!important;
	border:none;
	font-weight:bold;

}

tr.tabs_list {
	border:1px solid #222;
}

tr.tabs_list:hover {
	background-color:#FFFDD8 !important;
}

.campaign-area tr.tabs_list:nth-child(odd) {
	background:#FFF;
}
.campaign-area tr.tabs_list:nth-child(even) {
	background:#FFF;
}



.listmail02 {
    border-collapse: collapse!important;
}

.listmail02 tr td {
	border:1px solid #ccc;
	vertical-align:middle;
}

.coupon_plan img {
	width:24px;
    vertical-align: middle;
	margin-right:10px;
}

.campaign-area .new-edit_area {
	background:#fcfdf0;
	padding:20px;
	overflow:hidden;
	border: 1px solid #ccc;
    margin: 20px 0;
}

.new-edit_area_inner {
	width:400px;
    float: left;
    margin-top: 15px;
}

.campaign-area .new-edit_area .edit_btn a{
	background:#3d7ef5;
	padding:5px;
	width:128px;
	float:left;
	margin-right:20px;
	color:#fff;
	text-align:center;
	font-size:12px;
	border:1px solid #00229e;
}

.campaign-area .new-edit_area .edit_btn a:hover {
	background:#0049AD;
}


.campaign-area .new-edit_area .edit_btn_auto a{
	background:#ff5685;
	padding:5px;
	width:128px;
	float:left;
	margin-right:20px;
	color:#fff;
	text-align:center;
	font-size:12px;
	border:1px solid #ab0000;
}

.campaign-area .new-edit_area .edit_btn_auto a:hover {
	background:#ab0000;
}
/* 20180406終了*/

/*20180706 add usui*/
div.button.smpl-btn.active{
	background: #D93F00;
	background-image: -ms-linear-gradient(top, #FFA221 0%, #FE6421 100%);
	background-image: -moz-linear-gradient(top, #FFA221 0%, #FE6421 100%);
	background-image: -o-linear-gradient(top, #FFA221 0%, #FE6421 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #008dea), color-stop(1, #3d41c0));
	background-image: -webkit-linear-gradient(top, #FFA221 0%, #FE6421 100%);
	background-image: linear-gradient(to bottom, #FFA221 0%, #FE6421 100%);
	border: 1px solid #F7CC38;
}
.mail-smpl-area{
	clear:both;
	display:none;
	margin-bottom:1em;
}
.mail-smpl-area.active{display: block;}
.mail-smpl-area.ui-tabs{padding:0;}
.mail-smpl-area.ui-widget-content{border:0;}
.mail-smpl-area.ui-corner-all,.mail-smpl-area .ui-corner-all{border-radius:0;}
.mail-smpl-tab-area{text-align: center;}
.mail-smpl-area.ui-tabs .ui-tabs-nav{padding:0 20px;}
.mail-smpl-area.ui-tabs .ui-tabs-nav li{margin:0 20px 0 0;}
.mail-smpl-area.ui-tabs .ui-tabs-nav li.ui-tabs-active{padding-bottom: 0;background:#eee;}
.ui-widget-header.mail-smpl-tab-area{background:white;border:0;}
.mail-smpl-area.ui-tabs .mail-smpl-img-tab,.mail-smpl-area.ui-tabs .mail-smpl-noimg-tab{
	border-radius:0;
	padding-bottom: 0;
	border:0;
	box-shadow:none;
}
.mail-smpl-area.ui-tabs .mail-smpl-img-tab.ui-state-active{background:#eee;}
.mail-smpl-tab-area div{display: inline-block;}
.mail-smpl-contaier > div{text-align: center;}
.mail-smpl-contaier > div li{display: inline-block;}
.mail-smpl-area li{display: inline-block;}
.mail-smpl-area .ui-widget-content a,.mail-smpl-area .ui-tabs-nav li a{color:white;}
.mail-smpl-area.ui-tabs .ui-tabs-nav li.ui-tabs-active a{color:inherit;}


/*自動配信設定 表示切替のチェックボックス*/
.old_visble{
	display: block;
	padding: 5px 0 0 10px;
	width: 250px;
	float: left;
}

#old_visble1{
	margin-right: 10px;
	vertical-align: middle;
}



.jqplot-table-legend td:nth-child(even){
white-space: nowrap;
}


/*20180706 add usui end*/


/* 点滅 */
.blinking{
	-webkit-animation:blink 1.5s ease-in-out infinite alternate;
    -moz-animation:blink 1.5s ease-in-out infinite alternate;
    animation:blink 1.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0.2;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0.2;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0.2;}
    100% {opacity:1;}
}

/*20211021 add*/
.flex{display: flex;}
.btn2{
	text-align: center;
	display: block;
	border-radius:14px;
	font-size:12px;
	background:white;
	border:1px solid #ccc;
	padding:5px 0 3px;
}
.btn2:hover{
	background:#FF9800;
	color:white;
}
.tabs.select-tmpl{
	padding-bottom: 20px;
}
/*選択されているタブのコンテンツのみを表示そのほか*/
#tab01:checked ~ #tab01_content,
#tab02:checked ~ #tab02_content,
#tab03:checked ~ #tab03_content,
#tab04:checked ~ #tab04_content,
#tab05:checked ~ #tab05_content,
#tab06:checked ~ #tab06_content,
#tab07:checked ~ #tab07_content,
#tab08:checked ~ #tab08_content{
	display: block;
}

.select-tmpl .tab_item{width:25%;}
.select-tmpl .tab_content{
	padding:20px;
	background:#f3f3f3;
}
.select-btn-list{
	display: flex;
	flex-wrap:wrap;
}
.select-btn-list li{
	width:16.6%;
	margin-bottom: 10px;
}
.select-btn-list li .btn2{
	width:90%;
}

.btn-select li{
	width:16.6%;
	margin-bottom: 10px;
}

/*news modal 20221109*/
.news_modal{
	display: none;
	background-color: #ffffff;
	padding: 30px;
	width: 740px;
}
.news_modal .news_modal_body{
	max-height:50vh;
	overflow-y:auto;
}
.news_modal .one_news{
	margin-bottom:1em;
}
.news_modal p{
	font-size:12px;
}
.news_modal .news-area_day{
	margin-left: 30px;
}
.news_modal .stop-show-this{
	padding-top:2em;
	text-align: center;
	font-size:14px;
}
.news_modal .stop-show-this input{
	margin-right:.5em;
}
/*modal auto coupon error*/
.modal_auto-coupon_error-msg{
	font-size:14px;
}
.auto-coupon_error-text{
	margin-bottom:16px;
}
.auto-coupon_error-text.error-solution{
	margin-bottom:0;
}
.auto-coupon_error-text .ttl{
	display: block;
	font-size:16px;
	font-weight:bold;
	border-bottom:1px solid #666;
	padding:0 8px;
}
.auto-coupon_error-text > div{
	background:#f3f3f3;
	padding:18px;
}
.auto-coupon_error-text.error-text .ttl{
	border-bottom-color:#C54343;
}
.auto-coupon_error-text.error-text > div{
	background:#FFE9E9;
}
.alert-box{
	margin-top:-20px;
	margin-left:-40px;
	margin-right: -40px;
	margin-bottom: 20px;
	padding:10px 20px;
	width:calc(100% + 40px);
	background: yellow;
	font-weight:bold;
	color:#c00;
}
.alert-box.keiyaku-err li{
	display: inline-block;
	padding:5px 0 5px 42px;
	margin:4px 0;
	background:url(../images/icon_alert.png) no-repeat left center/32px;
}
.btn-manual-mov,a.btn-manual-mov{
	width:auto;
	font-size:14px;
	line-height: 33px;
	padding:0 32px;
}
.btn-manual-mov::before,a.btn-manual-mov::before{
	content:'';
	display: inline-block;
	width:18px;
	height: 15px;
	margin-right: 5px;
	background: url(https://step-coupon.com/images/icon-movie.svg) no-repeat center/contain;
	vertical-align: middle;
	position:relative;
	top:-.1em;
}