@charset "shift-jis";

body{font-size:0.65em;}

h2{margin-bottom:10px;}
h3{margin-bottom:20px;}
h4{margin-bottom:9px;}

.tit_h2_form{/*--2012年2月21日追記---*/
/* height:50px;*/
 background:url(/info/images/inq/h2_03.jpg) no-repeat;
	font-weight:bold;
	font-size:1.3em;
	padding:15px; 
 }

#box_inq{
	width:663px;
	margin-left:157px;
	padding-top:20px;
	margin-bottom:20px;
	}

#inq_main{
	float:left;
	width:451px;	
	}

#inq_side{
	float:left;
	width:200px;
	margin-left:12px;
	margin-bottom:20px;
	background:url(/info/images/inq/side_mid.jpg) repeat-y;
	}
#inq_side h4 img { position:relative; top:-5px; left:-5px;}

.box_red_head{
	width:643px;
	margin-left:10px;
	}

.box_red{
	width:643px;
	background:url(/info/images/inq/frm_red_mid.jpg) repeat-y;
	margin-left:10px;
	margin-bottom:14px;
	}

.box_red p{
	margin:0 12px 10px;
	padding:0;
	color:#333333;
	font-size:1.0em;
	line-height:1.2;
	}

.box_red p.att{
	color:#264f36;
	margin-bottom:0;
	font-weight:bold;
	font-size:1.2em;
	line-height:1.3;
	}

.inq_tel, .inq_add{
	margin-left:20px;
	margin-bottom:10px;
	}

p.article{
	margin-left:20px;
	margin-bottom:20px;
	line-height:1.4;
	}

ul.list_main{
	margin-left:20px;
	list-style:none;
	}

ul.list_main li{
	padding-left:20px;
	/text-indent:-17px;
	line-height:1.1;
	margin:4px auto;
	background:url(/info/images/inq/arw_01.jpg) no-repeat 0px 0.2em;
	}

ul.side_list{
	margin:0px 12px 9px;
	list-style:none;
	}

ul.side_list li{
	padding-left:12px;
	/text-indent:-16px;
	line-height:1.1;
	margin:6px auto;
	background:url(/info/images/inq/arw_02.jpg) no-repeat 0px 0.2em;
	}

#inq_side p.article{
	margin:0 20px 9px;
	line-height:1.4;
	}

#tva_copy{
	clear:both;
	width:663px;	
	margin-left:157px;
	padding:3px 0;
	text-align:center;
	color:#333333;
	border-top:1px solid #333333;
	}

.box_process{
	margin-bottom:4.0em;
	}


/********** form **********/
.center{text-align:center;}

#inq_form table,
.inq_form_s table{
	table-layout: fixed;
	width:663px;
	text-align:left;
	background:#cccccc;
	line-height:1.1;
	font-size:0.9em;
	}

#inq_form table td,
.inq_form_s table td{
	padding:1px 3px;
	border:1px solid #ffffff;
	vertical-align:top;
	overflow:hidden;
	background:#ffffff;
	}

#inq_form,
.inq_form_s{
	border-right:solid 1px #cccccc;
	margin:10px auto;
	}

#inq_form table td.num{
	color:#ffffff;
	background:#8cc919;
	width:22px;
	font-size:1.6em;
	}

#inq_form table td.tit{
	color:#033a25;
	background:#e8f4d1;
	width:200px;
	text-align:left;
	font-size:1.6em;
	font-weight:bold;
	}


.inq_form_s table td.num{
	color:#ffffff;
	background:#8cc919;
	width:22px;
	font-size:1.0em;
	}

.inq_form_s table td.tit{
	color:#033a25;
	background:#e8f4d1;
	width:260px;
	text-align:left;
	font-size:1.0em;
	font-weight:bold;
	}

.inq_form_s table td span{
	margin:5px;
	display:block;
	}

dl dt{
	background:#e8f4d1 url(/info/images/inq/arw_01.jpg) no-repeat 5px 50%;
 padding:3px 22px;
	margin-bottom:2px;
 font-size:1.1em;
	font-weight:bold;
}

.box_gray{
	margin:20px 85px; 
	padding: 20px;
	width:451px; 
	border:1px solid #CCC;
}

/********** Q & A **********/
#box_qa{
	width:663px;
	margin-left:157px;
	padding-top:20px;
	margin-bottom:20px;
	}

#box_qa h4{
	background:#e9f4d2;
	color:#333;
	font-weight:bold;
	font-size:1.2em;
	padding:10px;
	margin-top:10px;
	}

#box_qa .box_red p{margin-bottom:0;}

#qa_main{border-top:1px solid #ccc;}

#qa_main h3{
	float:right;
	width:578px;
	padding:0 0 5px 0;
	font-size:1.5em;
	font-weight:bold;
	line-height:1.5;
	color:#333333;
	border-bottom:3px dotted #8cc919;
	margin-bottom:5px;
	}

#qa_main p{
	float:right;
	width:578px;
	padding-bottom:5px;
	font-size:1.1em;
	line-height:1.5;
	}

ul#qa_list{
	width:613px;
	margin:0 15px 20px;
	}

ul#qa_list li{
	padding-left:13px;
	line-height:1.6;
	background:url(/info/images/inq/arw_02.jpg) no-repeat 0% 50%;
	}

.cnt_qa{clear:both; padding-top:15px;}

.cnt_qa:after, #qa_main:after{
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;clear: both;
	}

#q01, #q02, #q03, #q04, #q05, #q06, #q07, #q08, #q09, #q10, #q11, #q12, 
#a01, #a02, #a03, #a04, #a05, #a06, #a07, #a08, #a09, #a10, #a11, #a12{
	float:left;
	width:70px;
	height:34px;
	display:block;
	text-decoration:none;
	background:url(/info/images/inq/bg_qa.gif) no-repeat;
	clear:both !important;
	}

#q01{background-position:0px 0px;}
#q02{background-position:0px -34px;}
#q03{background-position:0px -68px;}
#q04{background-position:0px -102px;}
#q05{background-position:0px -136px;}
#q06{background-position:0px -170px;}
#q07{background-position:0px -204px;}
#q08{background-position:0px -238px;}
#q09{background-position:0px -272px;}
#q10{background-position:0px -306px;}
#q11{background-position:0px -340px;}
#q12{background-position:0px -374px;}
#a01{background-position:-70px -0px;}
#a02{background-position:-70px -34px;}
#a03{background-position:-70px -68px;}
#a04{background-position:-70px -102px;}
#a05{background-position:-70px -136px;}
#a06{background-position:-70px -170px;}
#a07{background-position:-70px -204px;}
#a08{background-position:-70px -238px;}
#a09{background-position:-70px -272px;}
#a10{background-position:-70px -306px;}
#a11{background-position:-70px -340px;}
#a12{background-position:-70px -374px;}

#qa_main span{visibility:hidden;}
#qa_main .cnt_qa p span{
	visibility:visible;
	float:right;
	margin-top:20px;
	margin-bottom:5px;
	padding-right:15px;
	background:url(/info/images/inq/arw_03.gif) no-repeat right;
	font-size:0.9em;
	line-height:11px;
	}


/* アコーディオン
---------------------------------*/
#acMenu{
	width:578px;
	margin-left:85px;
	margin-bottom:20px;
}

#acMenu dt{
	clear:both;
	display:block;
	width:94%;
	height:50px;
	line-height:50px;
	border-bottom:1px solid #e6e6e6;
	cursor:pointer;
	background:url(/info/images/i_swich.png) 95% -69px no-repeat;
	padding:0 3%;
	color:#333;
}
#acMenu dt img{
	vertical-align:middle;
	margin:0 16px 0 0;
}
#acMenu dd{
	width:100%;
	/*background:#f3f3f3;*/
	display:none;	
}
#acMenu dd p{
	font-size:1.0rem;
	line-height:1.8;
}
#acMenu dt.active{
	background:url(/info/images/i_swich.png) 95% 18px no-repeat;
}
.process01, .process02, .process03, .process04, .process05, .process06, .process07, .process08{
	font-size:10.5px;
	font-size:1.05em;
	line-height:30px;
	color:#333333;
	margin:0;
	padding:0px 10px 0px 70px;
}
.process01{background:url(/info/images/icon_process01.png) 18px 50% no-repeat;}
.process02{background:url(/info/images/icon_process02.png) 18px 50% no-repeat #eaf1e1;}
.process03{background:url(/info/images/icon_process03.png) 18px 50% no-repeat;}
.process04{background:url(/info/images/icon_process04.png) 18px 50% no-repeat #eaf1e1;}
.process05{background:url(/info/images/icon_process05.png) 18px 50% no-repeat;}
.process06{background:url(/info/images/icon_process06.png) 18px 50% no-repeat #eaf1e1;}
.process07{background:url(/info/images/icon_process07.png) 18px 50% no-repeat;}
.process08{background:url(/info/images/icon_process08.png) 18px 50% no-repeat #eaf1e1;}

.cnt_qa p strong{
	font-size:13px;
	font-size:1.3em;
	line-height:2;
	color:#ee7600;
}

/********** 難視聴対策ページ（d_taisaku.html） **********/

div#box_taisaku .clearfix:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
div#box_taisaku h2,
div#box_taisaku h3,
div#box_taisaku h4,
div#box_taisaku ul,
div#box_taisaku li,
div#box_taisaku p,
div#box_taisaku dl,
div#box_taisaku dl dt,
div#box_taisaku dl dd { margin:0; padding:0;}
div#box_taisaku li { list-style:none;}
div#box_taisaku { width:730px; margin:0 100px; padding-bottom:50px;}
div#box_taisaku h3,
div#box_taisaku ul,
div#box_taisaku dl { margin:0 15px;}
div#box_taisaku h3 { margin-top:20px;}
div#box_taisaku ul li { position:relative; margin-bottom:15px;}
div#box_taisaku ul.clearfix li { float:left; margin-bottom:0;}
div#box_taisaku ul li img.btn_01 { position:absolute; left:335px; bottom:20px;}
div#box_taisaku p.btn_02 { text-align:center; margin:30px 0 35px;}
div#box_taisaku a img {	opacity: 1.00;
	filter: alpha(opacity=100); /* ie 6 7 */
	-ms-filter: "alpha(opacity=100)";  /* ie 8 */}
div#box_taisaku a:hover img {	opacity: 0.70;
	filter: alpha(opacity=70); /* ie 6 7 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */}


#inq_side h4 span { display:none;}


@media screen and (max-width: 768px) {
/* SP版 */
.sp_none { display:none;}
#wrapper { background:url(../../common/images/bg-subnav.jpg) repeat-x left top;}
#wrapper,
#content,
#container-main,
#box_inq,
.box_red_head,
.box_red,
#inq_main,
#inq_side,
#tva_copy,
#box_qa,
#qa_main p,
#qa_main h3,
#acMenu,
div#box_taisaku { width:100% !important; margin:0; padding:0;}
#inq_main,
#inq_side,
#qa_main h3,
#qa_main p {
	float:none;
}
#qa_main h3 { margin-bottom:10px;}
.box_red { background:none;}
.box_red p.att { margin:10px; padding:10px; border:solid 1px #aaa; border-radius:0.5em;}
#box_qa .box_red p { margin:0; padding:0;}
#box_qa .box_red p.txt_red { width:90%; margin:10px 2%; padding:10px 2%; border:solid 1px #aaa; border-radius:0.5em;}
.box_process,
#box_qa ul#qa_list { width:94%; margin:0 auto 20px;}
.box_process img { width:95%; height:auto; margin:0; paddingt:0 5% 0 0;}
.box_process h3 img { width:100%; padding:0;}
.box_process p.article { margin-top:10px;}
#inq_side { background:none; background-color:#eee;}
#inq_side h4 { color:#555; padding:10px;}
#inq_side h4 img { display:none;}
#inq_side h4 span { display:block;}
#inq_side ul.side_list { margin-bottom:20px;}
#qa_main,
#box_qa p.txt_qesinfo { width:96%; margin:0 auto 20px;}
#acMenu { margin-bottom:20px;}
#box_qa p.img_contact img { width:100%; height:auto;}
div#box_taisaku h2 { border-top:solid 1px #ccc; padding-top:10px;}
div#box_taisaku img { width:100%; height:auto;}
div#box_taisaku ul.list_3 {}
div#box_taisaku ul.list_3 li { width:32.8%;}
div#box_taisaku ul.list_3 li:nth-child(2) { width:34.2%;}
div#box_taisaku ul li img.btn_01 { position:absolute; left:47%; bottom:10px; width:50%;}
div#box_taisaku p.btn_02 { width:94%; margin:30px auto 35px;}


}
