/*スマートフォン用非表示*/
/*.forsp { display: none !important; }
.maincontents #contents .fb_sp{ display: none; }
.maincontents #top-contents .fb_sp{ display: none; }*/

/* =================== azbystyle3_1.css =================== */
* div#HeadUsage {background:url(/images/common/HeadUsage.gif) no-repeat left 5px!important; }/* IE6 */
div#HeadUsage {background:url(/images/common/HeadUsage.gif) no-repeat left top!important; }/* modern browser */

/* =================== Reset =================== */
#contents h1, #contents h2, #contents h3, #contents h4,
#top-contents h1, #top-contents h2, #top-contents h3, #top-contents h4 {
	padding: 0px;
	margin: 0px;
}

/*#contents img {
	margin: 0px;
	vertical-align:bottom;
}*/
#contents a,
#top-contents a{
      text-decoration:underline;
      background:none !important;
}
#contents a:link,
#top-contents a:link{background:none !important;}
#contents a img { border: none; }

#contents ul, #contents ol {
  margin-bottom: 1.75em;
  margin-left: 0;
  padding: 0px 0px 0px 2.8em;
}
#contents ul > li {list-style: disc; }
#contents ol > li {list-style: decimal;}
#contents li { margin-top: 0px; margin-bottom: 0.75em; margin-left: 0; padding: 0px; line-height: 1.75;}

@media only screen and (max-width: 480px) {
	.section-inner { width: auto;margin: 0 auto; padding: 40px 0px;}
}
/* =============== h1 =============== */
.fs-hero-area-a.fs-bg-denki .fs-hero-contents,
	.fs-hero-area-a-sub.fs-bg-denki .fs-hero-contents {background-image: url(/support/corner/denki/images/fs-bg-denki.png);}
/* =============== Column Layout =============== */
/*#contents{
	clear: both;
	width: 780px;
	margin: 0px;
	padding: 0px;
}*/
/* ================== clearfix ================== */
#top-contents .hottopic h2.hottopicH2,
#top-contents .read,
#top-contents .backnumber .backnumberInner dl,
#contents .twoClm,
#contents .twoClm2,
#contents .stepTalk,
#contents .relationLink { overflow: hidden;}
#top-contents .hottopic h2.hottopicH2:after,
#top-contents .read:after,
#top-contents .backnumber .backnumberInner dl:after,
#contents .twoClm:after,
#contents .twoClm2:after,
#contents .stepTalk:after,
#contents .relationLink:after {   
	display: block;   
	height: 0;   
	font-size: 0.1em;   
	line-height: 0;
	clear: both;
}
/* ================= IndexPage ================= */

/*---------- read ----------*/
#top-contents .read {	margin: 38px 10px 30px 10px;}
#top-contents .read .readLeft p { margin-top: 1em;}
#top-contents .read .readLeft p:first-child { margin-top: 0;}
#top-contents .read .readRight { float: right; margin-left: 20px; margin-bottom: 10px; }
#top-contents .read .readRight img { max-width: 220px;}
/*---------- titleheader ----------*/
#titleheader h1{margin: 0; padding: 0;}
/*---------- hottopic ----------*/
#top-contents .hottopic {	margin: 0 0 30px 0;	border: solid 3px #FF9900;	padding-left: 70px;	background: #FFD97E url(/support/corner/denki/images/hottopic.png) no-repeat left center}
#top-contents .hottopic h2.hottopicH2 {	background-color: #FFFAC4;	min-height: 32px;	padding: 12px 12px 10px 15px;}
#top-contents .hottopic h2.hottopicH2 span.number {	float: left;padding: 2px 10px;border: 1px solid #BBBBBB;background-color: #FFFFFF;color: #DB3300;}
#top-contents .hottopic h2.hottopicH2 a {display: block;padding: 0.1em 0 0 5em;background: #FFD97E;}
@media only screen and (max-width: 480px) {
	#top-contents .hottopic h2.hottopicH2 span.number {	font-size: 85%; line-height: 1.0;}
	#top-contents .hottopic h2.hottopicH2 a { display: inline; padding: 0.1em 0 0 0.5em;}
}
/*---------- backnumber ----------*/
#top-contents .backnumber {	min-height: 44px;	margin: 15px 0 0 0;	padding: 0;	border: solid 2px #0099FF; border-radius: 7px 7px 0 0; background:url(/support/corner/denki/images/back_num_tit.png) no-repeat, url(/support/corner/denki/images/fix_bg.png) repeat-x left top;}
#top-contents .backnumber h3{	background:none;margin: 0;text-indent: -9999px;overflow:hidden;	text-decoration: none;outline:none;	min-height: 44px;}
#top-contents .backnumber .backnumberInner {padding: 18px;}
#top-contents .backnumber .backnumberInner ul {margin: 0px;padding-left: 0;list-style: none;}
#top-contents .backnumber .backnumberInner li {	margin: 0.5em 0;padding: 0.2em 0 0.2em 27px;background: url(/support/corner/denki/images/back_no_icon.png) no-repeat 0 0.3em;}
@media only screen and (max-width: 480px) {
	#top-contents .backnumber .backnumberInner {padding: 0 10px 10px;}
}
/* ================= DetailPage ================= */

/*---------- guestBlock ----------*/
#contents .guestBlock { position: relative; margin-top: 20px;	border: 3px solid #FF9900; border-radius: 7px 7px; -moz-radius:7px 7px;}
#contents .guestBlock h2 { position: relative; padding: 12px 12px 12px 115px;	border-radius: 7px 7px 0 0;	-moz-radius:7px 7px 0 0; background-color: #FFFAC4;}
#contents .guestBlock h2 img {position: absolute; width: 84px; height: 60px; top: -8px; left: 17px; }
#contents .guestBlock .guest-inner { display: block; margin: 20px; }
#contents .guestBlock .guestText {  margin-top: 0;}
#contents .guestBlock .guestText p { margin-top: 0; margin-bottom: 15px;}
#contents .guestBlock .guestImg { float: right;	margin-left: 20px;	margin-bottom: 20px;}
#contents .guestBlock .guestImg img { max-width: 200px; }

@media only screen and (max-width: 480px) {
	#contents .guestBlock h2 { position: relative; padding: 12px 12px 12px 65px; border-radius: 7px 7px 0 0; background-color: #FFFAC4; border: none;}
	#contents .guestBlock h2 img { position: absolute; left: 5px; top: 10px; width: 51px; height: auto; margin-right: 10px;}
	#contents .guestBlock .guest-inner { margin: 10px; }
	#contents .guestBlock .guestImg { padding: 10px 10px 0 10px; margin-left: 10px; }
  #contents .guestBlock .guestImg img { max-width: 100%; width: 120px; height: auto; }
}
/*---------- shopBlock ----------*/
#contents .shopBlock { position: relative; min-height: 180px; margin: 20px 0 2em 0;	background-color: #DEFCFF;	border: 3px solid #66CCFF; border-radius: 7px;	-moz-radius: 7px;}
#contents .shopBlock h2 { width: 136px; min-height: 160px; height: 160px; border-radius: 7px 0 0 7px; -moz-radius: 7px 0 0 7px; }
#contents .shopBlock h2 img {	position: absolute;	width: 111px;	top: -8px; left: 15px;	height: 174px;}
#contents .shopBlock .shop-inner { display: flex; }
#contents .shopBlock .shopText {width: 100%; min-height: 180px; padding: 20px 20px 0 20px; background-color: #FFFFFF; }
#contents .shopBlock .shopText p {margin-bottom: 15px;}

@media only screen and (max-width: 480px) {
	#contents .shopBlock h2 { max-width: 95px;}
	#contents .shopBlock h2 img { width: 67px; max-width: 111px; height: auto; max-height: 174px;}
	#contents .shopBlock .shopText {padding: 10px 10px 0 10px;}
}
/*---------- common ----------*/
#contents h2.head {
	margin-bottom: 1em;
}

#contents h3.head {
	margin-bottom: 1.5em;
	border-bottom: 3px solid #0099FF;
	color: #CC0033;
}
#contents h3.head span {
	display: block;
	padding: 10px;
	border-left: 13px solid #66b9F9;
}
#contents h4.head {
	margin-bottom: 1.5em;
	padding-left: 26px;
	background: url(/support/corner/denki/images/icon_h4.png) no-repeat left 0.2em;
	color: #1B66C2;
}

#contents .inBlock {
	padding: 10px;
	margin-bottom: 2em;
}

#contents .textBlock {
	margin-bottom: 2em;
}
#contents .textBlock p {
	margin-bottom: 1em;
}

#contents .hrLine {
	padding-bottom: 2em;
	background: url(/support/corner/denki/images/dotted_hr.png) repeat-x left bottom;
}

#contents .linkList {
	list-style: none;
	margin: 0 10px;
	padding-left:0;
}
#contents .linkList li {
	list-style: none;;
	padding: 0.2em 0 0.2em 33px;
	background: url(/support/corner/denki/images/reference_icon.png) no-repeat left 0.4em;
}
#contents .linkList:last-child {
	margin-bottom: 0;
}

/*---------- stepTalk ----------*/
#contents .step_h2 {
	border: solid 2px #0099FF;   
	border-radius: 7px 7px;
		behavior: url(/usage/PIE.htc);
		-moz-radius:7px 7px;
	background: url(/support/corner/denki/images/step_h2_bg.png) repeat-x left top #5cb8ff;
}
#contents .step_h2 img {
	margin-left: 15px;
	width: 148px;
	height: 44px;
}

#contents .stepTalk {
	margin-bottom: 2em;
}
#contents .stepTalk dt {
	clear: both;
	float: left;
	width: 61px;
	margin-right: 10px;
}
#contents .stepTalk dd {
	min-height: 40px;
	height: auto !important; /* IE6 */
	height: 40px; /* IE6 */
	margin: 0 0 1em 71px;
	padding: 10px;
	background-color: #FFFFCC;
}
#contents .stepTalk dd.shop02 {
	background-color: #FFF1FA;
}
#contents .stepTalk dd:last-child,
#contents .stepTalk dd p:last-child {
	margin-bottom: 0;
}
@media only screen and (max-width: 480px) {
	#contents .stepTalk dt {width: 40px; margin: 0 0 0.75em 0;}
	#contents .stepTalk dt img { width: 40px; height: auto;}
	#contents .stepTalk dd {margin: 0 0 0.75em 45px;}
}
/*---------- relationLink ----------*/
#contents .relationLink {
	margin: 0 0 2em 0;
}
#contents .relationLink dt {
	float: left;
	width: 87px;
	margin: 0 10px 0 0;
}
#contents .relationLink dd {
	margin: 0 0 0 97px;
	padding: 0;
}
#contents .relationLink dd ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}
#contents .relationLink dd ul:last-child {
	margin-bottom: 0;
}

/*---------- single, 2column ----------*/
#contents .capImg { margin: 0; padding-bottom: 9px; text-align: center; }
#contents .capImg a img { border: 1px solid #999999; }
#contents .capImg a:hover img { border: 1px solid #828282; }
#contents p.capTxt{ margin-bottom: 0; padding: 0 9px 9px 9px; font-size: 100%!important; line-height: 150%!important; margin-top: 1.6rem!important; }
#contents p.capTxt:last-child{ margin-bottom: 1.6rem; }

/* single */
#contents .singleClm {clear: both;width: 80%;margin: 0px auto 1.5em auto;padding: 15px 9px 0 9px;background-color: #DEFCFF;border: 1px solid #66CCFF;}
#contents .bg_none{background-color: #ffffff;	border:none;}

/* 2column */
#contents .twoClm { display: flex; width: 100%; align-items: stretch; margin-bottom: 1.0em;}
#contents .twoClm .itemBlockL {	flex-basis: 100%;	padding: 9px 9px 0 9px;	background-color: #DEFCFF;	border: 1px solid #66CCFF;}
#contents .twoClm .itemBlockR {	flex-basis: 100%;	padding: 9px 9px 0 9px;	background-color: #DEFCFF;	border: 1px solid #66CCFF;}
#contents .twoClm .itemBlock {flex-basis: 46.6%;padding: 9px 9px 0 9px;	background-color: #DEFCFF;	border: 1px solid #66CCFF; margin-bottom: 1.0em;}
#contents .icon1 { flex-basis: 15%; display: flex; align-items: center; justify-content: center; flex-grow: 0; }
#contents .icon2 { flex-basis: 100%; display: flex; align-items: center; justify-content: center;  flex-grow: 0; margin-bottom: 1.0em;}

@media only screen and (max-width: 768px) {
	#contents .twoClm {display:block;}
	#contents .icon1 img, #contents .icon2 img { display: none;}
	#contents .icon1, #contents .icon2 {height: 20px; margin: 1.0em 0; background: url(/support/corner/denki/images/sp_bottom_arrow.png) no-repeat center center;}
	#contents .icon1.notuse, #contents .icon2.notuse {background: none;}
}

/*---------- columnBlock ----------*/
#contents .columnBlock {margin-top: 2em;border: 1px solid #09F;}
#contents .columnBlock h2 {	margin: 0;padding: 6px 8px;	background: #69BCFF url(/support/corner/denki/images/column_h2_bg.png) repeat-x left top;}
#contents .columnBlock h2 img {	width: 97px; height: 25px; }
#contents .columnBlock .inner { padding: 20px;}
#contents .columnBlock .inner h3 {margin: 0 0 1em;padding-left: 26px;	color: #1b66c2;	background: url(/support/corner/denki/images/icon_h4.png) no-repeat left 0.2em;}
#contents .columnBlock .inner > p,
#contents .columnBlock .inner > .bl{margin: 0 0 1em;}
/*#contents .columnBlock .icon1 {	width: 60px;}*/
#contents .columnBlock .inner .bl{ display: block; width:auto; min-height:auto; line-height: 150%!important; }

@media only screen and (max-width: 480px) {
	#contents .columnBlock { margin-left: 10px; margin-right: 10px;}
	#contents .columnBlock .inner { padding: 10px;}
	#contents .linkList { margin: 0;}
}
/*---------- pointBlock ----------*/
#contents .pointBlock { margin-top: 4em; border: 2px solid #FF9933;}
#contents .pointBlock h2 { position: relative; min-height: 45px; margin: 0; background: url(/support/corner/denki/images/point_h2_bg.png) repeat-x left top;}
#contents .pointBlock h2 img { position: absolute; width: 192px; height: 85px; top: -40px; 	left: 16px; }
#contents .pointBlock .inner { padding: 20px; }
#contents .pointBlock .inner .pointList { list-style: none; margin: 0 10px; padding-left:0; }
#contents .pointBlock .inner .pointList li {list-style: none; margin-bottom: 0.25em; padding: 0.3em 0 0.3em 33px; background: url(/support/corner/denki/images/point_icon.png) no-repeat left 0.2em;}
#contents .pointBlock .inner .pointList li:last-child {	margin-bottom: 0;}

@media only screen and (max-width: 480px) {
	#contents .pointBlock { margin: 2em 10px 0 10px;}
	#contents .pointBlock h2 img { width: 135px; height: auto; top: auto; bottom: 0; 	left: 5px; }
	#contents .pointBlock .inner { padding: 10px;}
	#contents .pointBlock .inner .pointList { margin: 0; }
}
/*---------- referenceBlock ----------*/
#contents .referenceBlock { margin-top: 3.5em; border: 2px solid #6699CC;}
#contents .referenceBlock h2 { position: relative;min-height: 42px;	margin: 0; background: #B0C3FC url(/support/corner/denki/images/reference_h2_bg.png) repeat-x left top;}
#contents .referenceBlock h2 img { position: absolute; width: 360px; height: 68px; top: -26px; left: 9px; }
#contents .referenceBlock .inner { padding: 20px; border-top: none; }

@media only screen and (max-width: 480px) {
	#contents .referenceBlock { margin: 2.5em 10px 1.5em 10px;}
	#contents .referenceBlock .inner { padding: 10px; }
}
/*---------- twitter ----------*/
/*.fmvsupportTW{display: flex; margin: 1.5em 0; padding: 0; overflow: hidden;} 2025/1/23 */
.fmvsupportTW{display: none; margin: 1.5em 0; padding: 0; overflow: hidden;}
.fmvsupportTW .text{ height: 100%;	margin: 0.2em 0 0; padding: 0 15px 0 0; font-weight: bold; line-height: 1.5; vertical-align: middle; }
.fmvsupportTW .text img {vertical-align: middle;}
.fmvsupportTW .btn{margin: 0; vertical-align: middle;}
@media only screen and (max-width: 768px) {
/*	.fmvsupportTW{display: block; margin: 1em 10px;} 2025/1/23 */
	.fmvsupportTW{display: none; margin: 1em 10px;}
	.fmvsupportTW .btn { text-align: center; margin-top: 1em;}
}
/*---------- banner ----------*/
#contents h3.banner {
	margin: 20px 0 30px 0;
	text-align: center;
}


/* ================= Popup ================= */
.popup {
	margin: 0;
	padding: 0;
}

.popup .popupBlock {
	width: 750px;
	margin: 1em auto;
}

.popup .popupBlock p { margin: 0; }
.popup .popupBlock .capture { text-align: center; }
.popup .popupBlock .capture img { border: 1px solid #999999; }
.popup .popupBlock .closeBtn { margin-top: 2em; text-align: center; }
.popup .popupBlock .closeBtn img { border: none; vertical-align: bottom; }


/* ================= naviscrolltop ================= */
.naviscrolltop {
	clear: both;
	border-style: none;
	margin: 0px;
	padding: 4px 0px 6px 0px;
}
.naviscrolltop p {
	display: block;
	height: 15px;
	overflow: visible;
	border-style: none;
	margin: 0px;
	padding: 0px 17px 0px 0px;
	background: #ffffff url(/images/common/fj/images/navi-top.gif) no-repeat right center;
	text-align: right;
	font-size: 90%;
}
/* ================= 006 ================= */
#contents .columnBlock table.tableBl {
	border-top: 1px solid #999999;
	border-right: 1px solid #999999;
      width:100%;
      margin:0 auto 1.5em ;
}


#contents .columnBlock table.tableBl td {
	padding: 6px 8px;
	border-left: 1px solid #999999;
	border-bottom: 1px solid #999999;
}
#contents .columnBlock table.tableBl tr:nth-child(odd) {
      background-color:#eeffff;
} 
#contents .columnBlock table.tableBl th{
	padding: 6px 8px;
	background-color: #eef0f0;
	border-left: 1px solid #999999;
	border-bottom: 1px solid #999999;
}
/* ================= 007 ================= */
#contents .ps{
}
/* linkBlock */
#contents .linkBlock {display: block; clear: both; margin-bottom: 40px; border: 1px solid #E6BF8A; margin-top:1em;}
#contents .linkBlock .linkInner { margin: 16px 19px 20px 18px; }

/* linkBlock */
#contents .linkBlock .ps{
      display: block;
      clear: both;
      position: relative;
	padding: 15px 0 0 106px;
      border-bottom:dashed 1px #E6BF8A; 
	font-size:1.2em;
	min-height: 28px;
	height: auto !important; /* IE6 */
	height: 28px; /* IE6 */
      background:url(/support/corner/denki/images/link_i.png) no-repeat -1px top,
                        -webkit-gradient(linear, left top, left bottom, color-stop(5%, rgba(252,248,236,.6)), color-stop(100%, rgba(252,245,221,1))) !important;
      background:url(/support/corner/denki/images/link_i.png) no-repeat -1px top,
                  -webkit-linear-gradient(top, #FCF8EA, #FCF5DD); 
	background:url(/support/corner/denki/images/link_i.png) no-repeat -1px top,
                 linear-gradient(rgba(252,248,236,.6) 5%, rgba(252,245,221,1) 100%) !important;
      background:url(/support/corner/denki/images/link_i.png) no-repeat -1px top,
                 linear-gradient(top, #FCF8EA, #FCF5DD) !important;
      -pie-background:url(/support/corner/denki/images/link_i.png) no-repeat -1px top,
                  linear-gradient(#FCF8EA, #FCF5DD) !important;
      behavior: url(/usage/PIE.htc);
}
#contents .tworel .ps{
      display: block;
      clear: both;
      position: relative;
      font-size:14px !important;
	padding: 7px 0 6px 103px !important;
}
#contents .linkBlock ul {
	padding-left: 10px;
	list-style: none;
}
#contents .linkBlock ul li {
	padding: 2px 0 3px 22px;
	background: url(/usage/closeup/images/icon_link.gif) no-repeat left 0.2em;
}
#contents .linkBlock ul .none{
      background:none;
}
/*---------- 012 ----------*/
#contents .inBlock h5{
      margin-left:0.7em;
      background:url(/support/corner/denki/images/h5icon_a.png) no-repeat left top;
      padding:0 0 0 1.6em;
}

/*********************************/
/*クリックして拡大する部分*/
.clickzoom{
	cursor: pointer;
}
.forzoom{
	text-align: right;
	margin-bottom: 3px !important;
	color: blue;
	font-size: 90%;
}
.clickzoom_on{
	z-index:9999;
	position:relative;
}
.clickzoom_on div{
	position:absolute; top:0; left:0; width:auto;
	margin:0;
	padding:8px 2px 12px;
	border:9px solid #6cf;
	background:#defcff;
	background: rgba(222,252,255,0.85);
	z-index:99999;
	cursor:pointer;
	text-align:center;
	box-shadow:1px 1px 15px 1px #000;
}
#contents .clickzoom_on p.capImg{
	margin:0;
	padding:0;
}
#contents .clickzoom_on p.capTxt{
	margin:0 150px;
	padding:18px;
	background:#defcff;
	font-size:130% !important;
	text-align:left;
}
#contents .clickzoom_on div p.close{
	display:inline-block;
	margin:3px 10px;
	padding:4px 30px;
	border:1px solid #555;
	border-radius:30px;
	background:#00407c;
	background: linear-gradient(to bottom, #007bed, #001e3a);
	color:#fff;
	font-size:150%;
	font-weight:bold;
	text-align:center;
}
#contents .clickzoom_on div p.close:hover{
	margin:4px 10px 2px;
	background:#007bed;
	background: linear-gradient(to bottom, #178fff, #001e3a);
}