@charset "utf-8";

/* CSS Document */

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

initialize

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

div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, fieldset, p, blockquote, table, th, td, a, img {
margin: 0;
padding: 0;
border: 0;
outline: 0;
line-height:200%;
}

.top_cnt {
width:790px;
margin-top:0px;
padding-left:25px;
}

/*IE6専用CSS*/

* html .top_cnt {
margin-top:-17px;
width:783px;
}

/*end - IE6専用CSS*/

.top_cnt_l {
width:605px;
float:left;
}

.top_cnt_ltxt {
padding-left:60px;
}

.top_cnt_lt {
width:700px;
float:left;
}

.top_cnt_lttxt {
padding-left:130px;
}

.top_cnt_r {
width:135px;
float:left;
padding-left:0px;
}

/*IE6専用CSS*/
* html .top_cnt_l {
width:605px;
float:left;
margin-top:20px;
}

* html .top_cnt_ltxt {
margin-top:-10px;
padding-top:0px;
padding-left:60px;
}

* html .top_cnt_r {
width:135px;
float:left;
padding-left:0px;
margin-top:40px;
}

* html .top_cnt_l img {
margin-top:10px;
}

/*end - IE6専用CSS*/

.top_cnt_sub1 {
padding-left:10px;
padding-bottom:30px;
}

.top_cnt_sub1 p {
padding-top:10px;
padding-left:70px;
}

.top_cnt_ranking {
width:784px;
}

.top_cnt_ranking_l {
margin-top:15px;
width:160px;
float:left;
}

.top_cnt_ranking_r {
margin-top:15px;
width:604px;
float:left;
padding-left:20px;
padding-bottom:35px;
}

dl.rank1 dt {
height:25px;
width:598px;
background-repeat:no-repeat;
display:block;
padding-top:3px;
padding-left:6px;
color:#29C13F;
font-weight:bold;
}

dl.rank2 dt {
height:25px;
width:598px;
background-repeat:no-repeat;
display:block;
padding-top:3px;
padding-left:6px;
color:#29C13F;
font-weight:bold;
}

dl.rank3 dt {
height:25px;
width:598px;
background-repeat:no-repeat;
display:block;
padding-top:3px;
padding-left:6px;
color:#29C13F;
font-weight:bold;
}

/*IE6専用CSS*/

* html dl.rank1 dt, * html dl.rank2 dt, * html dl.rank3 dt {
height:0px;
width:518px;
}

/*end - IE6専用CSS*/


dl.rank1 dd, dl.rank2 dd, dl.rank3 dd {
font-size:14px;
color:#000;
padding-top:5px;
padding-left:5px;
}

/*dd a:link {
color : #0099CC
}*/

/*dd a:visited {
color : #0099CC
}*/

/*dd a:hover {
color : #63C1E0;
text-decoration: underline;
}*/

dd a {
padding-left:10px;
text-decoration: underline;
}

dd p {
padding-bottom:15px;
}

.rank_illust {
margin-right:20px;
}

.rank_voice_title {
margin:20px 0 10px 0;
display:block;
}

.voice_dotline {
margin:10px 0 10px 0;
display:block;
}

.dotlinepad {
padding-top:20px;
padding-bottom:20px;
}

/*------------- 　文字の色や強調　 ----------*/


.blackl {
color: #000000;
font-weight: bold;
font-size: 15px;
}

.red {
color: #f31616;
}

.redb {
color: #f31616;
font-weight: bold;
}

.redl {
color: #f31616;
font-weight: bold;
font-size: 16px;
}

.redb1 {
color: #f31616;
font-weight: bold;
font-size: 20px;
margin-bottom: 10px;
}

.redb2 {
color: #f31616;
font-weight: bold;
font-size: 0.8em;
}

.blue ,.aqua {
color: #167FA6;
}

.blueb {
color: #167FA6;
font-weight: bold;
}

.bluel {
color: #167FA6;
font-weight: bold;
font-size: 16px
}

/*.green {
color: green;
font-weight: normal;
}

.greenb {
color: green;
font-weight: bold
}

.greenl {
color: green;
font-weight: bold;
font-size: 16px
}

.orange {
color: #ff8100;
font-weight: normal
}

.orangeb {
color: #ff8100;
font-weight: bold
}

.orangel {
color: #ff8100;
font-weight: bold;
font-size: 16px
}*/

.yellow {
background-color: yellow;
font-weight: bold
}

.purpleb {
font-weight:bold;
color:#1D2088;
font-size: 0.9em;
}

span.orange {
background: linear-gradient(transparent 60%,#fff4a5 0%);
}


span.gray {
    color: #aaaaaa!important;
}

.largebold1 {
font-weight: bold;
font-size: 0.9em
}

.info1 {
font-size: 12px
}

.cta .f12em {
    font-size: 18px;
}


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

Iframe Ranking

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

.pdgl0 {
padding-left:0;
}

#iframe_cnt {
width:/*523px*/100%;
	font-size: 1.0em;
   font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#iframe_cnt .top_cnt_ranking {
width:/*523px*/100%;
}

#iframe_cnt .top_cnt_ranking_l {
margin-top:15px;
width:135px;
float:left;
}

#iframe_cnt .top_cnt_ranking_r {
margin-top:15px;
width:375px;
float:left;
padding-left:10px;
text-align:left;
}

@media screen and (max-width: 460px) {	
	#iframe_cnt{
		font-size:0.9em;}
}

#iframe_cnt a{
	line-height:1.8!important;
}

/*IE6専用CSS*/

* #iframe_cnt {
width:/*530px*/100%;
}

* html #iframe_cnt .top_cnt_ranking_l {
margin-top:15px;
width:135px;
float:left;
}

* html #iframe_cnt .top_cnt_ranking_r {
margin-top:15px;
width:375px;
float:left;
text-align:left;
}

* html #iframe_cnt dl.rank1 dt, * html #iframe_cnt dl.rank2 dt, * html #iframe_cnt dl.rank3 dt {
height:0px;
width:350px;
}

.iframe_rank_illust {
margin-left:10px;
}

/*end - IE6専用CSS*/


.iframe_voice_dotline {
margin:0 0 15px 0;
display:block;
}

.top_cnt_ranking {
}

.top_cnt_ranking h3 {
width:770px;
height:35px;
background-repeat:no-repeat;
font-family:HGP創英角ｺﾞｼｯｸUB , HGｺﾞｼｯｸE , HGPｺﾞｼｯｸE , ＭＳ ゴシック , monospace,sans-serif;
}

.top_cnt_ranking h3.rank1 {
background-image:url(https://www.etc-navi.net/archives/img/bg_ranktitle1.gif);
}

.top_cnt_ranking h3.rank2 {
background-image:url(https://www.etc-navi.net/archives/img/bg_ranktitle2.gif);
}

.top_cnt_ranking h3.rank3 {
background-image:url(https://www.etc-navi.net/archives/img/bg_ranktitle3.gif);
}

.top_cnt_ranking h3.rank4 {
background-image:url(https://www.etc-navi.net/archives/img/bg_ranktitle4.gif);
}

.top_cnt_ranking h3.rank5 {
background-image:url(https://www.etc-navi.net/archives/img/bg_ranktitle5.gif);
}

.top_cnt_ranking h3.rank6 {
background-image:url(https://www.etc-navi.net/archives/img/bg_ranktitle6.gif);
}

.top_cnt_ranking h3.rank7 {
background-image:url(https://www.etc-navi.net/archives/img/bg_ranktitle7.gif);
}

.top_cnt_ranking h3.rank8 {
background-image:url(https://www.etc-navi.net/archives/img/bg_ranktitle8.gif);
}

.top_cnt_ranking h3 span, #iframe_cnt h3 span {
font-size:21px;
font-weight:bold;
font-family:'HGP創英角ｺﾞｼｯｸUB', 'HGｺﾞｼｯｸE', 'HGPｺﾞｼｯｸE', ＭＳ ゴシック, monospace, sans-serif;
color:#FFF;
display:inline-block;
padding: 0px 0 0 85px;
_padding: 5px 0 0 85px;
}

#iframe_cnt h3 {
width:523px;
height:35px;
background-repeat:no-repeat;
margin-left:4px;
text-align:left;

}

#iframe_cnt h3 span{
font-family:'HGP創英角ｺﾞｼｯｸUB', 'HGｺﾞｼｯｸE', 'HGPｺﾞｼｯｸE', ＭＳ ゴシック, monospace, sans-serif;

}


#iframe_cnt h3.iframe_rank1 {
background-image:url(iframe_img/bg_iframe_rank1.gif);
}

#iframe_cnt h3.iframe_rank2 {
background-image:url(iframe_img/bg_iframe_rank2.gif);
}

#iframe_cnt h3.iframe_rank3 {
background-image:url(iframe_img/bg_iframe_rank3.gif);
}

#iframe_cnt h3.iframe_rank4 {
background-image:url(iframe_img/bg_iframe_rank4.gif);
}

#iframe_cnt h3.iframe_rank5 {
background-image:url(iframe_img/bg_iframe_rank5.gif);
}

#iframe_cnt h3.iframe_rank6 {
background-image:url(iframe_img/bg_iframe_rank6.gif);
}

#iframe_cnt h3.iframe_rank7 {
background-image:url(iframe_img/bg_iframe_rank7.gif);
}

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

saishin-cnt

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


.saishin-cnt {
float:none;
}

.link_color_black a:link {
color:#333;
text-decoration: underline;
}

.link_color_black a:visited {
color:#333;
text-decoration: underline;
}

.link_color_black a:hover {
color:#777;
text-decoration: underline;
}

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

index_news_cnt

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

.index_news_cnt h3 {
width:400px;
height:52px;
color:#FFF;
margin-top:-20px;
padding: 13px 0 0 120px;
background-image: url(https://www.etc-navi.net/archives/img/bg_index_saishin_news.png);
background-repeat:no-repeat;
font-size:18px;
font-weight:bolder;
}

.index_news_cnt ul {
margin:-5px 0 30px 30px;
}

.index_news_cnt ul li {
line-height:1.5 !important;
margin-top:3px;
font-size:11.5px;
list-style-type: none;
background-image: url(https://www.etc-navi.net/archives/img/list_ico1.png);
background-repeat: no-repeat;
background-position: 0px 5px;
padding-left:25px;
}

.index_q_a_cnt h3 {
width:530px;
height:52px;
color:#FFF;
margin-top:-20px;
padding: 13px 0 0 53px;
_padding: 15px 0 0 53px;
background-image: url(https://www.etc-navi.net/archives/img/bg_index_saishin_q.png);
background-repeat:no-repeat;
font-size:18px;
font-weight:bolder;
}

*:first-child+html .index_q_a_cnt h3 {
padding: 15px 0 0 53px;
}

.saishin-cnt h3 a:link {
color:#FFF;
}

.saishin-cnt h3 a:visited {
color:#FFF;
}

.saishin-cnt h3 a:hover {
color:#FFC;
}

/*--- Q&A Toppage ---*/


ul.toppage_qalist {
width:480px;
margin-bottom:30px;
margin-left:24px;
margin-top: -10px;
_margin-top: -15px;
}

*:first-child+html ul.toppage_qalist {
margin-top: -15px;
}

ul.toppage_qalist li.q {
font-size:12px;
margin-top: 5px;
padding: 0px 0px 0px 30px;
background: url(https://www.etc-navi.net/archives/img/list-ico_q.png) no-repeat;
background-position: 4px 4px;
list-style: none;
}

ul.toppage_qalist li.a {
font-size:12px;
margin-top: 5px;
padding: 1px 0px 0px 30px;
background: url(https://www.etc-navi.net/archives/img/list-ico_a.png) no-repeat;
background-position: 4px 0px;
list-style: none;
}

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

etc_news

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


.etc_news h3 {
width:400px;
height:52px;
color:#FFF;
margin-top:-10px;
padding: 13px 0 0 120px;
background-image: url(https://www.etc-navi.net/archives/img/bg_index_saishin_news.png);
background-repeat:no-repeat;
font-size:18px;
font-weight:bolder;
}

.etc_news h3 a:link {
color:#FFF;
}

.etc_news h3 a:visited {
color:#FFF;
}

.etc_news h3 a:hover {
color:#FFC;
}

*:first-child+html .etc_news h3 {
padding: 15px 0 0 120px;
}

.etc_news ul {
margin:-5px 0 30px 30px;
}

.etc_news ul li {
line-height:1.5 !important;
margin-top:3px;
font-size:11.5px;
list-style-type: none;
background-image: url(https://www.etc-navi.net/archives/img/list_ico1.png);
background-repeat: no-repeat;
background-position: 0px 5px;
padding-left:25px;
}

.etc_news a:link {
color:#333;
text-decoration: underline;
}

.etc_news a:visited {
color:#333;
text-decoration: underline;
}

.etc_news a:hover {
color:#777;
text-decoration: underline;
}

span.date {
color:#C33;
}

.etc_news h4 {
width:460px;
line-height:1.4;
margin-top:0px;
padding: 9px 0 10px 47px;
background-image: url(https://www.etc-navi.net/archives/img/bg_etc_newstitle.png);
background-repeat:no-repeat;
font-size:18px;
font-weight:bolder;
}

.etc_news p {
font-size:13px;
padding-bottom:10px;
}

.etc_news h5 {
height:28px;
width:508px;
border:#CCC 1px solid;
background-color:#F9F9F9;
padding-top:1px;
padding-left:10px;
font-weight:normal;
font-size:12px;
}

ul.news_kobetsu {
margin:10px 0 0px 10px;
}

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

q_a_cnt

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



.q_a_cnt h3 {
width:530px;
height:52px;
color:#FFF;
margin-top:-10px;
padding: 13px 0 0 53px;
_padding: 15px 0 0 53px;
background-image: url(https://www.etc-navi.net/archives/img/bg_index_saishin_q.png);
background-repeat:no-repeat;
font-size:18px;
font-weight:bolder;
}

.q_a_cnt h3  a:link {
color:#FFF;
}

.q_a_cnt h3  a:visited {
color:#FFF;
}

.q_a_cnt h3  a:hover {
color:#FFC;
}

*:first-child+html .q_a_cnt h3 {
padding: 15px 0 0 53px;
}

.q_a_cnt h5, .link_cnt h5 {
height:28px;
width:508px;
border:#CCC 1px solid;
background-color:#F9F9F9;
padding-top:1px;
padding-left:10px;
font-weight:normal;
font-size:12px;
margin-top:-7px;
}

ul.qalist, ul.linklist {
width:480px;
margin-bottom:30px;
margin-left:10px;
margin-top: 7px;
}

.qalist li {
font-size:12px;
margin-top: 3px;
padding: 0px 0px 0px 30px;
background: url(https://www.etc-navi.net/archives/img/list-ico_q.png) no-repeat;
background-position: 4px 4px;
list-style: none;
}

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

q_a_entry_area

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

.q_a_entry_area {
width:100%;
}

.q_a_entry_area_left {
width:90px;
float:left;
}

.q_a_entry_area_left img {
margin: 0px 0 0 16px;
}

.q_a_entry_area_right {
width:auto;
}

.q_a_entry_area_right p {
padding-left:90px;
padding-bottom:5px;
_padding-bottom:0px;
}

.q_a_entry_area_right .borderWrap {
	margin-left:80px;
}

.q_a_entry_area_right .borderWrap p {
padding:5px;
}


*:first-child+html .q_a_entry_area_right p {
padding-bottom:0px;
}

.q_a_entry_area_right h4 {
width:auto;
padding: 9px 0 12px 40px;
line-height:1.4;
background-image: url(https://www.etc-navi.net/archives/img/bg_q_a_title.png);
background-repeat:no-repeat;
font-size:18px;
font-weight:bolder;
margin-left:50px!important;
}

.q_a_entry_area_right p.ans {
width:auto;
padding: 8px 0 20px 40px !important;
color:#000;
background-image: url(https://www.etc-navi.net/archives/img/bg_q_a_ans.png);
background-repeat:no-repeat;
font-size:/*13*/18px;
margin-left:50px!important;
}

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

table

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


.q_a_entry_area_right table {
margin-bottom:20px;
border-spacing: 0;
border-style: solid; /* 枠の種類 */
border-color: #E8AE00; /* 枠の色 */
border-width: 1px; /* 枠の幅 */
width:394px;
font-size:12px;
color:#333;
border-collapse:collapse;
}

.q_a_entry_area_right table tr th {
font-weight:normal;
width: 67px;
height:27px;
border-top: 1px solid #E8AE00;
border-left:1px solid #E8AE00;
padding-left:10px;
background-color: #FFF4D2;
}

.q_a_entry_area_right table th.title {
background-color: #ddd;
color:#333;
}

.q_a_entry_area_right table tr td {
border-top: 1px solid #E8AE00;
width: 115px;
height:27px;
padding-left:10px;
border-left:1px solid #E8AE00;
}

.q_a_entry_area_right table tr.first th, .q_a_entry_area_right table tr.first td {
border-top: none !important;
}

.bl_none {
border-left:none !important;
}

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

/table:end

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


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

link_cnt

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


.link_cnt h3 {
width:530px;
height:52px;
color:#FFF;
margin-top:-10px;
padding: 13px 0 0 53px;
_padding: 15px 0 0 53px;
background-image: url(https://www.etc-navi.net/archives/img/bg_link_title.png);
background-repeat:no-repeat;
font-size:18px;
font-weight:bolder;
}

.link_cnt h3 a:link {
color:#FFF;
}

.link_cnt h3 a:visited {
color:#FFF;
}

.link_cnt h3 a:hover {
color:#FFC;
}

ul.linklist li {
font-size:12px;
margin-top: 3px;
padding: 0px 0px 0px 30px;
background: url(https://www.etc-navi.net/archives/img/ist-ico_linkfolder.png) no-repeat;
background-position: 4px 4px;
list-style: none;
}

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

link-list_kobetsu

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

.left_link_item {
margin-left:5px;
}

.left_link_item, .right_link_item {
width:255px;
float:left;
margin-top:-15px;
}

.left_link_item dt, .right_link_item dt {
background-image:url(https://www.etc-navi.net/archives/img/bg_linkitem_dt.png);
background-repeat:no-repeat;
font-size:13px;
font-weight:bolder;
padding-left:30px;
padding-top:2px;
padding-right:20px;
}

.left_link_item dd, .right_link_item dd {
margin:0;
font-size:12px;
padding-right:20px;
padding-left:10px;
padding-bottom:10px;

line-height:1.5;

}


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

link-list_kobetsu

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

.topbtn{
display:block;
background:url(img/bg_topbtn.png) no-repeat;
width:420px;
height:41px;
text-align:right;
margin: 10px 0 10px 0;
	
}


.topbtn a{
line-height:38px;
color:#FFF;
font-weight:bold;
font-size:16px;

	
}

.topbtn a:link{

color:#FFF;
	
}

.topbtn a:visited{

color:#FFF;
	
}



.topbtn a:hover{

color:#FF0;
	
}

.td1{
text-align:left;

}

.td2{
text-align:left;
font-weight: bold;
}

.topbtn_1{
font-weight: bold;
}

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

130528

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

.ic {
	float:left;
	padding:0 10px 10px 0;
}
.postImg {
	width:100% !important;
	padding-top:15px;
	text-align:center !important;
}


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

140328

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

.rtgt .top_cnt_ranking h3.rank1 {
background-image:url(https://www.etc-navi.net/archives/img/bg_ranktitle11.gif);
}

.rtgt .top_cnt_ranking h3.rank2 {
background-image:url(https://www.etc-navi.net/archives/img/bg_ranktitle22.gif);
}

.rtgt .top_cnt_ranking h3.rank3 {
background-image:url(https://www.etc-navi.net/archives/img/bg_ranktitle33.gif);
}

.rtgt .top_cnt_ranking h3 span{ padding-left:50px;}
#iframe_cnt h3 span { padding-left:80px;}

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

170818　iframe入会キャンペーン情報

----------------*/
#iframe_campaign {
width:255px;
height:800px;
margin: -10px 0px 0px 5px;
}


.campaignbox1 {
    margin: 9px 0px 0px 0px;
    padding: 2px 0px 0px 15px;
    vertical-align: middle;
    border: 3px solid #3cafd2;
    width: 100%;
    height: 75px;
    background-color: #fff;
    border-radius: 5px;
}

.campaignbox1 p {
display: inline-block;
text-align: left;
vertical-align: middle;
font-size: 1.1em;
line-height:20px;
}

.campaignbox1 img{
float: left;
margin: 8px 10px 0 -10px;
width:68px;
height:48px;
}

.campaignbox1 a {
text-decoration: none;
border-bottom: 1px #1D2088 solid !important;
font-weight: bold;
color: #1D2088!important;
font-size: 0.9em;
}

.campaignbox1 .campaign-detail {
font-size:0.9em !important;
}

.campaignbox2 {
margin: 30px 0px -50px -5px;
padding: 0px 0px 0px 5px;
width: 244px;
height:75px;
}

@media screen and (max-width: 767px) {	
  /* phone */
.q_a_entry_area{
    width: 100%;
}

.q_a_entry_area_left{
    width: 100%;
    float: none;
    text-align: center;
}

.q_a_entry_area_right{
    width:100%;
    float:none;
	 margin-right:20px;
}

.q_a_entry_area_right h4{
    width:100%;
	margin-left:0!important;
}

.q_a_entry_area_right p.ans{
    width:100%;
	 margin-left:0!important;
}
	
.q_a_entry_area_right p{
	padding-left:25px;	
}
	
.q_a_entry_area_right .borderWrap{
	margin-left:15px;	
}
	
	/* phone end*/
}