/*　構成 
----------------------------------------

	1.検索枠



1.検索枠
---------------------------------------- */
.search1 {
	width:548px;
	border-width:1px 1px 0px 1px;
	border-style:solid;
	border-color:#cccccc;
	padding:5px;
	margin-top:10px;
	background-color:#ddd;
	}

.search2 {
	border-width:0px 1px 1px 1px;
	border-color:#cccccc;
	border-style:solid;
	padding:5px; margin:0px;
	margin-bottom:10px;
	}


/* 2.内容からさがす
---------------------------------------- */

.box_qattl {
	display:block;
	width:100%;
	margin:10px 0px 0px 0px;
	padding:5px 0px 5px 0px;
}

ul.qattl {
width:560px;
 margin: 0 auto;
 padding: 0;
}

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

ul.qattl li {
 margin: 2px 3px 0px 1px ;
 padding:0;
 float: left;
 width: 275px;
 line-height: 1;
 list-style-type: none;
}

ul.qattl li a {
 padding: 12px 0px 0px 20px; /* ボタンの厚みはここで調整 */
 display: block;
 height:18px;
 width:253px;
 position: relative; /* IE6でマウス反応領域がおかしいのをFix */
 font-size: 12px;
 text-align: left;
 background-color: #eee;
 border:1px solid #cccccc;
 background-image:url("../images/btn_bg.jpg");
 background-repeat:no-repeat;
 color:#333;
 font-weight:bold;
}


ul.qattl li a:visited {
	color:#333;
} 


ul.qattl li a:hover {
	color:#ffffff;
}


ul.qattl li a.hit {
 color:#333;
 background-image:url("../images/btn_bg_o.jpg");
 background-repeat:no-repeat;
}

ul.qattl li a:visited.hit {
 color:#333;
 background-image:url("../images/btn_bg_o.jpg");
 background-repeat:no-repeat;
}

ul.qattl li a:hover.hit {
 color:#ffffff;
 background-image:url("../images/btn_bg_o.jpg");
 background-repeat:no-repeat;
}

ul.qattl2 { width:700px; margin: 0 auto; padding: 0; }
ul.qattl2 li { margin:5px 20px 5px 1px ; padding:0 0 0 0; float: left; width: 210px; line-height: 1; list-style-type: none; }
ul.qattl2 li a { padding: 12px 0px 0px 20px; /* ボタンの厚みはここで調整 */
	display: block; width:188px; height:18px; position: relative; /* IE6でマウス反応領域がおかしいのをFix */
	font-size: 12px; text-align: left; background-color: #eee; border:1px solid #cccccc; background-image:url("../images/btn_bg.jpg"); background-repeat:no-repeat; color:#333; font-weight:bold; }
ul.qattl2 li a:visited { color:#333; } 
ul.qattl2 li a:hover { color:navy; }
ul.qattl2 li a.hit { color:#333; background-image:url("../images/btn_bg_o.jpg"); background-repeat:no-repeat; }
ul.qattl2 li a:visited.hit { color:#333; background-image:url("../images/btn_bg_o.jpg"); background-repeat:no-repeat; }
ul.qattl2 li a:hover.hit { color:#ffffff; background-image:url("../images/btn_bg_o.jpg"); background-repeat:no-repeat; }
ul.qattl2::after{ display: block; clear: both; content: "."; visibility: hidden; height: 0; }
ul.qattl2:after { display: block; clear: both; content: "."; visibility: hidden; height: 0; }


/* よくあるご質問
----------------------------------*/


.btn_ord {
	display:block;
	text-align:right;
	height:20px;
	margin-top:10px;
	margin-bottom:10px;}

.box_qalist {
	border:1px solid #c0bdfb;
	margin:10px 0px 10px 0px;
	padding:0px 0px 5px 0px;
	}



ul.qalist {
 width: 96%;
 margin:10px 0px 10px 10px;
 padding:0 1%;
 list-style:none;
}

ul.qalist li {
 margin:2px 0px 2px 0px;
 padding:2px 0px 2px 15px;
 display: block;
 background-image:url("../images/arrow_g.gif");
 background-repeat:no-repeat;
 background-position:0px 3px;
}

ul.qalist li a {
	text-decoration:none;
	}

ul.qalist li a:hover {
	text-decoration:underline;
	color:#cc0000;
	}

#left_contents .in{ margin:0 0 10px 20px; }
#left_contents .cmt{ margin:0 0 10px 0px; list-style:none; }
#left_contents .cmt li{ padding:0 0 5px 12px; background:url('/support/tel/images/ico_circle_ns.gif') no-repeat 0 4px; }

#left_contents h4{ margin:10px 0 5px 0; }
#left_contents .img_l{ float:left; margin:0 0 10px 0; }
#left_contents .clr{ clear:both }
#left_contents .model_list{ float:left; width:500px; margin:0px 0 10px 20px; list-style:none; }
#left_contents .model_list li{ float:left; width:100px; height:30px; margin:5px 10px;  }
#left_contents .model_list li a{ display:block; padding:4px 0 4px 18px; background:url('/support/tel/images/arrow_navy.gif') no-repeat 5px 7px #ffffff; border:2px solid #87ceeb; }
#left_contents .model_list li a:hover{  background:url('/support/tel/images/arrow_navy.gif') no-repeat 5px 7px #ffffe0; border:2px solid #cccccc; }
#left_contents .model_list li.nocell{ background:none; }