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

h1 {
	border-bottom: 1px dotted;
	text-align:center
}
.nodate{
	margin-top:30px
}/*日付がないお知らせのタイトルh1で使用*/
h2,h3,h4 {
	font-weight:bold;
	/*color:#222;*/
	border:none;
	margin-bottom:0
}
ul{
	margin:0 0 20px 0
}
.info_main p{
	padding:5px 10px
}
.info_main table{
	width:80%
}
.info_main td{
	text-align:center
}
.photo{
	text-align:center;
	margin:2%
}
.photo img{
	padding:1%
}
.date{
	text-align:right;
	font-size:90%;
	margin:10px 0
}
.date time{
	margin-left:10px
}
.cs img{
	width:100%;
	max-width:400px
}
.image011 {
	width:100%;
	max-width: 280px;
	height: 35px;
	margin:10px auto 20px auto;
}
.image011 a {
	width:100%;
	max-width: 280px;
	height: 100%;
	display: block
}
.image011 a:hover {
	background-image: url("/jp/support/cs/digital/image/btn_contact_on.gif");
}
.tel{
	border:solid 2px #333333;
	margin:20px 10px;
	padding:10px;
	width:90%
}
.tel p{
	margin:-10px
}
.box{
	height:400px
}
.scroll{
  overflow:scroll
}
.support{
	width:130px
}
.content .box table{
	width:900px
}
.content .box table td{
	font-size:12px
}

.main_a{
	width:auto; margin:25px 0px 0px 0px; border: dotted 0px #000;   text-align:center;
	}
.main_b{
	width:auto; margin:25px 0px 30px 0px; border: solid 1px #696969; padding: 1px; background:#fff; text-align:center;
	}
.main_c{
	width:auto; margin:25px 0px 0px 0px; border: dotted 0px #000; padding: 20px; background:#CCC; text-align:left;
	}
.main_d{
	width:auto; margin:25px 0px 0px 0px; border: dotted 0px #000; padding: 20px; background:#CCC; text-align:left; 
	}
.main_e{
width:auto; margin:0px 0px 0px 0px; border: dotted 0px #000; padding: 20px; background:#f5f5f5; text-align:left;
}

.main_f{
width:100%; margin:0px 0px 0px 0px;   }

.h5_a{
	text-align:center; margin-top:30px; margin-bottom:15px;
	}
.img_cent20{
	 margin:20px 3px 10px 0px; text-align:center;
}
.bt_img{
 margin:15px 3px 10px 0px;
  text-align:center;
}

.cnter{
	text-align:center;
	}
.left{
	text-align:left;
	}
.subtitle{
	width:auto; margin:25px 0px 0px 0px; border: dotted 0px #000; padding: 20px; background:#000; text-align:left;
}
#img_sp20{
	margin:20px 3px 10px 0px;
	}

.r-mein {
	float:  left;    /* 回り込み指定 */
    width: 60%;               /* 幅指定 */
    margin:  1px 10px 10px 10px;              /* 周りの余白指定 */
}
.r-box2 {
float:  left;   /* 回り込み指定 */
    /*height: 150px;              /* 高さ指定 */
     width: 35%;
    /*text-align: right;               /* 幅指定 */
}
.end{
	clear:both;
	}

#sp_img20{
	/*display: flex; */
	margin-bottom:20px;
}

.toha{width:70%; margin:auto;}

.cent_02{
	 width:800px; margin:  0 auto;
	}
#img_sp20a{
	max-width: 100%;height: auto;
	margin:20px 3px 10px 0px;
	}

.img_cla{ max-width: 100%;height: auto;}
.img_cla2{ max-width: 35%;height: auto;}


.lis_sb{ list-style:none; text-indent: -1em; padding-left: 1em;}

#spt{ margin-top:10px; margin-bottom:10px;}
#spt_img{ margin-top:15px;}

.txt_si{padding: 10px 0; width:98%; margin:0 auto; font-size:25px;}

/*★★★★★ボタン★★★★★*/
.bt_txt_1_1{background:#D6DCE4;border: padding: 6px 0; width:95%; margin:0 auto;font-size: 16px;}
.bt_txt_2_1{background:#D9D9D9;border: padding: 6px 0; width:95%; margin:0 auto;font-size: 16px;}

.bt_txt_1_1:hover, .bt_txt_2_1:hover{text-decoration: none;}
.bt_txt_1_1:hover, .bt_txt_2_1:hover {
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter: alpha(opacity = 70)
	text-decoration-line： none; 
	text-decoration: none; 
}
a .repair_important {
	display: block;
}
.app a{text-decoration: none;display: block;}
.app3{
	width:98%;
	text-align: center; 
margin-left: auto; 
margin-right: auto;}
.app3 a{text-decoration: none;display: block;}
#bt_st{ padding:2px; width:98%;}
.col_br{color:#000;}


a:link, a:visited, a:hover, a:active {
  color: blue;
}
#ulsp{ margin-left:0px;}
.txt_sb{font-size: 16px;}

/*メニュー*/
.cos_dx{
	padding:0;
	margin:0
}
.list_rep li{
	float:left;
	width: 50%;
	margin-top:10px;
	list-style:none;
}
.list_rep_lens li{
	float:left;
	width:50%;
	margin-top:10px;
	}
	
.cos_dx{
    padding: 10px;
    background-color: #E8E8E8;
    border: #999 1px;
    border-style: dotted;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    display: block;
    text-align:left;
    margin:0;
	}
.fw_list{line-height: 1.5em; list-style:none;}
.arrow3{list-style-image: url(../../../img/arrow02.gif);margin-bottom: 10px;}

.txt_su_t{ margin-bottom:20px;}


/*ページ内メニュー*/

/* ==========================
  フローティングバナー（追従バナー）
========================== */
.bl_floatingBanner {
  position: fixed;
  bottom: 50px;
  right: 23px;
  width: 170px;
  max-width: 100%;
  z-index:10000;
}
.bl_floatingBanner.js_close {
  display: none;
}
.bl_floatingBanner_img {
  display: block;
  transition: 0.3s;
}
.bl_floatingBanner_img:hover {
  opacity: 0.6;
}
.bl_floatingBanner_close {
  width: 15px;
  height: 15px;
  position: absolute;
  right: -5px;
  top: -15px;
  cursor: pointer;
}
.bl_floatingBanner_close span:nth-of-type(1) {
  position: absolute;
  top: 7px;
  right: 0;
  width: 15px;
  height: 1px;
  background-color: #000;
  transform: rotate(45deg);
}
.bl_floatingBanner_close span:nth-of-type(2) {
  position: absolute;
  top: 0;
  right: 7px;
  width: 1px;
  height: 15px;
  background-color: #000;
  transform: rotate(45deg);
}

.bl_floatingBanner.js_close {
  display: none;
}

/*★★★★★横幅が最小で930px時★★★★★*/
@media (min-width:930px) {
/*コンテンツの横幅設定*/
.info_main{
	margin:0 10%
}
h1 {
	font-size: 24px;
}
h2 {
	font-size: 22px
}
h3 {
	font-size: 20px
}
h4{
	font-size: 35px;
	}
h5{
	font-size: 20px;
	}
#font5{
	font-size: 20px;
	font-weight:bold;
	}
	
.info_main ul{
	width:90%
}
.cs{
	text-align:center
}
.sp_box{
	display:none;
}

.img_cla{
    max-width: 100%;
    height: auto;
}
.img_cla2{
    max-width: 35%;
    height: auto;
}

.cent_02{
	 width:800px; margin:  0 auto;
	}
.txt_sb{font-size: 16px;}
}
/*★★★★★横幅が最小で768px時★★★★★*/
@media (min-width:768px) {
/*コンテンツの横幅設定*/
.info_main{
	margin:0 3.5%
}
h1 {
	font-size: 22px;
}
h2 {
	font-size: 20px
}
h3 {
	font-size: 18px
}

h4{
	font-size: 35px;
	}
h5{
	font-size: 20px;
	}
#font5{
	font-size: 20px;
	font-weight:bold;
	}
.info_main table{
	width:90%;
}
.cs{
	text-align:center
}
.sp_box{
	display:none
}

#marg-t{
	margin-top:20px;
	}

.img_cl{
    max-width: 100%;
    height: auto;
}

.cent_02{
	 width:800px; margin:  0 auto;padding:20px;
	}
.ulsp{ margin-left:-3%;}
.img_cla2{ max-width: 35%;height: auto;}
.txt_sb{font-size: 16px;}
}

@media (min-width:767px) and (max-width:880px) {
	
.cent_02{
 width:95%; margin:  0 auto; 
}
.ulsp{ margin-left:-3%;}
.img_cla2{ max-width: 35%;height: auto;}
.txt_sb{font-size: 16px;}
}


/*★★★★★横幅が600px～767px時★★★★★*/
@media (min-width:600px) and (max-width:767px) {

/*コンテンツの横幅設定*/
.info_main{
	margin:0 5%
}
h1 {
	font-size: 20px;
}
h2 {
	font-size: 18px
}
h3 {
	font-size: 16px
}
h4{
	font-size: 24px;
	}
h5{
	font-size: 20px;
	}
#font5{
	font-size: 20px;
	font-weight:bold;
	}
.info_main table{
	width:95%
}
.cs{
	text-align:center
}
.sp_box{
	display:none
}

#marg-t2{
	margin-top:-35px;
	}

.r-mein {
	float:  left;    /* 回り込み指定 */
    width: 100%;               /* 幅指定 */
    margin:  1px 10px 10px 10px;              /* 周りの余白指定 */
}
.r-box2 {
float:  left;   /* 回り込み指定 */
    width: 250px;               /* 幅指定 */
}

.img_cl{ }

.cent_02{
	 width:95%; margin:  0 auto; 
	}
.ulsp{ margin-left:-5%;}
.img_cla2{ max-width: 50%;height: auto;}
.txt_si{padding: 10px 0; width:98%; margin:0 auto; font-size:17px;}


/*★★★★★製品ボタン★★★★★*/
.bt_txt_1_1{background:#D6DCE4;border: padding: 6px 0; width:100%; margin:0 auto;font-size: 14px;}
.bt_txt_2_1{background:#D9D9D9;border: padding: 6px 0; width:100%; margin:0 auto;font-size: 14px;}
.lis_sb{ list-style:none; text-indent: -1em; padding-left: 0em;}
.txt_sb{font-size: 16px;}
.txt_st{margin: 0 0 20px -30px;}
}


/*★★★★★横幅が最大で599px時★★★★★*/
@media (max-width:599px) {
/*コンテンツの横幅設定*/
.info_main{
	margin:0 2.5%
}
.info_main h1 {
	font-size: 18px;
}
h2 {
	font-size: 16px;
}
h3 {
	font-size: 14px;
}
h4{
	font-size: 24px;
	}
h5{
	font-size: 15px;
	}
#font5{
	font-size: 15px;
	font-weight:bold;
	}
.info_main table{
	width:auto
}
.image011 img{
	width:100%;
	max-width: 280px;
	max-height: 35px
}
.cs{
	text-align:center
}
.cs img{
	width:100%;
	height:100%;
	max-width:400px;
	max-height:150px
}

.box,.content .box table{
	display:none
}
.sp_box{
	display:block
}
.support{
	width:45%
}
.content .sp_box table{
	width:100%
}
.content .sp_box table td{
	font-size:12px
}

#marg-t2{
	margin-top:-35px;
	}

.r-mein {
	float:  left;    /* 回り込み指定 */
    width: 100%;               /* 幅指定 */
    margin:  1px 1px 1px 10px;              /* 周りの余白指定 */
}
.r-box2 {
float:  left;   /* 回り込み指定 */
    width: 250px;               /* 幅指定 */
}

.img_cl{}

.cent_02{
	 width:95%; margin:  0 auto;
	}
.fonts{ font-size:14px}

#f20{ font-size:20px;}

.ulsp{ margin-left:-6%;}
.img_cla2{ max-width: 50%;height: auto;}
.txt_si{padding: 10px 0; width:98%; margin:0 auto; font-size:15px;}

/*★★★★★製品ボタン★★★★★*/
.bt_txt_1_1{background:#D6DCE4;border: padding: 6px 0; width:100%; margin:0 auto;font-size: 12px;}
.bt_txt_2_1{background:#D9D9D9;border: padding: 6px 0; width:100%; margin:0 auto;font-size: 12px;}

#bt_st{ padding:0px; width:100%;}
.lis_sb{ list-style:none; text-indent: -1em; padding-left: 0em;}
#ulsp{ margin-left:-25px;}
.txt_sb{font-size: 12px;}
.txt_st{margin: 0 0 20px -50px;}
.list_rep{ margin:0 0 20px -30px;}
}