@charset "utf-8";

/*==========================================
	
◆テレビ愛知メンバーズ
	
	[1]共通設定・レイアウト
	[2]見出し
	[3]会員登録キャンペーン  14.07.08
	[4]よくある質問        18.07.18
	
==========================================*/

body { font-size:90%;color:#494949; }

p { line-height:170%; }
p#ad-banner { margin:0; }

/****** 幅調整 ******/
#template { padding:0 auto;background:url(../images/template_bgbd.gif) center top repeat-x;min-width:980px; }
#template header { padding:0;width:980px;margin:0 auto; }
/****** 幅調整 ******/

.p_xxsmall { font-size:80%; }
.p_xsmall { font-size:90%; }
.p_small {	font-size:110%; }
.p_big { font-size:130%; }
.p_spbig { font-size:170%; }

.pd_t05 { padding-top:5px; }
.pd_t10 { padding-top:10px; }
.pd_t15 { padding-top:15px; }
.pd_t20 { padding-top:20px; }
.pd_t25 { padding-top:25px; }
.pd_t30 { padding-top:30px; }
.pd_l05 { padding-left:5px; }
.pd_b05 { padding-bottom:5px; }
.pd_b10 { padding-bottom:10px; }
.pd_b15 { padding-bottom:15px; }
.pd_b20 { padding-bottom:20px; }
.pd_b35 { padding-bottom:35px; }
.mg_t10 { margin-top:10px; }
.mg_t15 { margin-top:15px; }
.mg_t20 { margin-top:20px; }
.mg_t25 { margin-top:25px; }
.mg_t30 { margin-top:30px; }
.mg_t35 { margin-top:35px; }
.mg_r20 { margin-right:20px; }
.mg_b05 { margin-bottom:5px; }
.mg_b10 { margin-bottom:10px; }
.mg_b15 { margin-bottom:15px; }
.mg_b20 { margin-bottom:20px; }
.mg_b35 { margin-bottom:35px; }
.mg_a02 { margin:2px; }
.mg_a00 { margin:0; }

.txt_cnt { text-align:center !important; }

.flt_right { float:right; }
.flt_left { float:left; }
.cl_both { clear:both; }
.ds_blk { display:block; }
.gray { color:#777777; }
.line_th { text-decoration:line-through; }

#wrapper { 
	padding-top:5px !important;
}

section#content {
	padding-top:0 !important;
	margin-top:0 !important;
	background:url(../images/ind_mainimg.jpg) top center no-repeat;
	min-width:100%;
	_width:100%;
	margin-bottom:0 !important;
	padding-bottom:0 !important;
}

/*
#content_inner {
	margin-bottom:0;
	padding:280px 0 0;
}
*/




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

	[1]共通設定・レイアウト
	
---------------------------------------*/
img			{ border:0px; }
a:link		{text-decoration:underline; color:#0952a1;}
a:visited	{text-decoration:underline; color:#0952a1;}
a:hover		{text-decoration:none; color:#0952a1;}
a:active	{text-decoration:none;}


/********** 全体コンテンツbox **********/
#box-members {
	width:980px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0;	
}

/*ヘッダー*/
#members_header {
	width:980px;
	height:363px;
	position:relative;
	z-index:0;
}

#members_header h2 {
	background:url(../images/ind_mainimg.jpg) top center no-repeat;
	position:absolute;
	width:980px;
	height:363px;
	font-size:0;
	line-height:0;
	text-indent:-9999px;
	z-index:1;
	top:0;
	left:0;
}

#members_loginbox {
	width:391px;
	height:58px;
	position:absolute;
	right:0;
	bottom:0;	
	z-index:2;
	padding:10px 23px 17px;
	background:url(../images/ind_login_bg01.png) top left no-repeat;
}

#members_loginbox #btn01 {
	float:left;
	width:189px;
	height:58px;
	padding-right:13px;
}

#members_loginbox #btn02 {
	float:left;
	width:189px;
	height:58px;
}


/********** コンテンツ中身 **********/
/*コンテンツbox*/
.members_contents {
	width:980px;
	padding:0 0 50px 0 !important;
	text-align:left;
	clear:both;
}

p.members_bodycopy {
	padding:20px 10px 20px;
}


#members_point_wrap li {
	width:434px;
	height:42px;
	float:left;
}

#members_point01 { background:url(../images/ind_point01.gif) left top no-repeat;padding:75px 29px 38px 27px; }
#members_point02 { background:url(../images/ind_point02.gif) left top no-repeat;padding:75px 24px 38px 32px; }
#members_point03 { background:url(../images/ind_point03.gif) left top no-repeat;padding:75px 29px 38px 27px; }
#members_point04 { background:url(../images/ind_point04.gif) left top no-repeat;padding:75px 24px 38px 32px; }

#members_point_wrap li p { font-size:14px; }



#members_regist_wrap li {
	width:490px;
	height:132px;
	float:left;
	position:relative;
}

#members_regist01 { background:url(../images/ind_regist01.gif) left top no-repeat; }
#members_regist01 p { width:169px;height:52px;position:absolute;top:37px;right:31px; }
#members_regist02 { background:url(../images/ind_regist02.gif) left top no-repeat; }
#members_regist02 p { width:96px;height:96px;position:absolute;top:15px;right:62px; }




/*フッター*/
#members_footer {
	background:url(../images/ind_ft_bg01.gif) bottom center repeat-x !important;
	width:100%;
	height:118px;
	margin:0 !important;
	padding:0 auto !important;
}

#members_footer div {
	width:980px;
	height:93px;
	margin:25px auto 0 !important;
	padding:0;
	position:relative;
}

#members_footer #members_ftlogo {
	width:265px;
	height:16px;
	position:absolute;
	left:2px;
	top:47px;
	font-size:0;
	lihe-height:0;
	background:url(../images/ind_ft_logo.png) left top no-repeat;
}


#members_footer p { margin:0 !important;padding:0 !important; }

#members_footer p#members_copyright {
	position:absolute;
	font-size:9px !important;
	-webkit-margin-start:-17px !important; 
	-webkit-transform: scale(0.9);
	color:#545c64;
	bottom:8px;
	left:3px;	
	height:20px;
	overflow:hidden;
}

#members_footer #members_ftnavi {
	position:absolute;
	width:359px;
	height:21px;
	top:50px;
	left:343px;
	font-size:0;
	line-height:0;
}

#members_footer #members_ftnavi li {
	padding-right:16px;
	float:left;
}

#members_footer #members_totop {
	position:absolute;
	width:75px;
	height:93px;
	right:4px;
	bottom:0;
	margin:0 !important;
	padding:0 !important;
	line-height:100% !important;
	font-size:0 !important; 
}



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

	[2]見出し
	
---------------------------------------*/
h3 { }

h4 { padding:8px 0 8px 5px; }






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

	[3]会員登録キャンペーン　14.07.08
	
---------------------------------------*/

body.members_campaign section#content {
	padding-top:0 !important;
	margin-top:0 !important;
	background:none !important;
	min-width:100%;
	_width:100%;
	margin-bottom:0 !important;
	padding-bottom:0 !important;
}

body.members_campaign p { line-height:140% !important; }

#members_header02 {
	width:980px;
	height:480px;
	background:url(../campaign/images/cp_img.jpg) top center no-repeat;
	position:relative;
	z-index:0;
}

#members_header02 h2#camp_logo {
	background:url(../campaign/images/logo_01.gif) top center no-repeat;
	position:absolute;
	width:216px;
	height:49px;
	font-size:0;
	line-height:0;
	text-indent:-9999px;
	z-index:1;
	top:14px;
	left:21px;
}

#members_header02 h2#camp_logo a {
	display:block;
	width:216px;
	height:49px;
	text-indent:-9999px;
	font-size:0;
	line-height:0;
	zoom:1;
}

#members_header02 p#camp_btn01 {
	width:152px;
	height:46px;
	top:15px !important;
	right:186px !important;
	position:absolute !important;
}

#members_header02 p#camp_btn02 {
	width:152px;
	height:46px;
	top:15px !important;
	right:22px !important;
	position:absolute !important;
}


.campaign_contents {
	padding:20px 10px 0;
}



#campaign_1stbox {
	width:460px;
	float:left;
	padding:0 10px;
}


#campaign_2ndbox {
	width:460px;
	float:left;
	padding:0 10px;
}

.campaign_inrbox01 {
	width:414px;
	border-left:3px solid #fc3e3e;
	border-right:3px solid #fc3e3e;
	border-bottom:3px solid #fc3e3e;
	background:url(../campaign/images/present_1st.gif) left top no-repeat;
	padding:561px 20px 0;
	min-height:285px;
}

.campaign_inrbox02 {
	width:414px;
	border-left:3px solid #fc3e3e;
	border-right:3px solid #fc3e3e;
	border-bottom:3px solid #fc3e3e;
	background:url(../campaign/images/present_2nd.gif) left top no-repeat;
	padding:561px 20px 0;
	min-height:285px;
}

.campaign_inrbox01 h4, .campaign_inrbox02 h4 {
	margin:0 !important;
	padding:0 !important;
}

.campaign_inrbox01 p, .campaign_inrbox02 p {
	padding:7px 4px 15px !important;
}

#campaign_regist01 { width:980px;padding:70px 0 20px;clear:both; }
#campaign_regist02 { width:980px;padding:0 0 30px;clear:both; }

#att_box {
	background:#e6e6e6;
	width:547px;
	padding:17px 35px;
	margin:0 auto 40px;
}

#att_box p {
	padding:0 0 0 82px;
	background:url(../campaign/images/att_icon.gif) left center no-repeat;
	font-weight:bold;
	font-size:80%;
	min-height:34px;
}

#campaign_ftcopy { 
	padding:20px 0 120px;
	font-weight:bold;
	font-size:140%;
}



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

	[4]よくある質問  18.07.18

---------------------------------------*/
#faq_title{
    margin-bottom:2rem;
}

.members_faq_wrap{
    margin-bottom: 10px;
    padding: 20px 30px 20px 20px;
    background-color: #fcfcfc;
    color: #747679;
}

h4.members_faq_topixTitle{
    min-height: 35px;
    margin-bottom:10px;
    padding:5px 0 0 50px;
    background: url(../images/faq_icon_q.png) top left no-repeat;
    font-weight: bold;
}

.members_faq_a{
    margin:0 0 0 50px;
    padding:1rem;
    background-color:#fff;
}
.members_faq_a>p:first-child{
    background: url(../images/faq_icon_a.png) left 3px no-repeat;
}
.members_faq_a>p:first-child::before{
    content:"";
    display:inline-block;
    width:26px;
    height:15px;
}

.members_faq_a a{
    color: #9daae2;
    text-decoration:none;
}
.members_faq a:hover{
     text-decoration:underline;
}

.members_faq_wrap,
.members_faq_a{
    border:1px solid #e3e7eb;
    border-radius: 5px;
}


.members_faq_numList1{
    margin:1rem 0;
    counter-reset: counter-name;
}
.members_faq_numList1>li{
}
.members_faq_numList1>li::before {
    counter-increment: counter-name;
    content: "（"counter(counter-name) "）";
    display:inline-block;
}


.members_faq_numList2{
    margin:1rem 0;
    counter-reset: counter-name;
}
.members_faq_numList2>li{
    padding-left:1rem;
}
.members_faq_numList2>li::before {
    counter-increment: counter-name;
    content: counter(counter-name) ".";
    display:inline-block;
    padding-right:1rem;
}













/*************************************************

[*]回り込み解除

*************************************************/

.cl_both {
	clear:both;
}

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

.clear { display: inline-table; }

/* Hides from IE-mac \*/
* html .clear { height: 1%; }
.clear { display: block; }
/* End hide from IE-mac */