@charset "Shift_JIS";

/* ------------------------------------
	btnArea
------------------------------------ */
div.pregArea_02 div.btnArea {
	background: none;	
}
ul.btn_area {
	margin-left: 1em;
}
ul.btn_area li {
	float: left;
	padding: 0;
	list-style: none; 
	margin: 0 14px 10px 0;
}
ul.btn_area li.adjust {
	margin-left: 15px;
}	
ul.btn_area li a {
	-webkit-tap-highlight-color: rgba(0,0,0,0); 
	color: #43677e;
	text-decoration: none;
	background-color: transparent;
	-webkit-transition: color 0.3s ease-in;
	-moz-transition: color 0.3s ease-in;
	-ms-transition: color 0.3s ease-in;
	-o-transition: color 0.3s ease-in;
	transition: color 0.3s ease-in;
}
ul.btn_area li a:visited {
	color: #43677e;
	background-color: transparent;
}
.InnerLinkButton {
	color: #333;
	display: block;
	width: 240px;
	min-height: 32px;
	height: 32px;
	line-height: 32px;
	background: url(/support/tablet/share/images/innerlinkbutton.png) no-repeat scroll 0 52% transparent;
	border: 1px solid #BCBCBC;
	border-radius: 6px 6px 6px 6px;
	padding: 10px 0 10px 22px;
	cursor: pointer;
	transition: opacity 0.2s ease-in 0s;
}
a:hover span.InnerLinkButton, a:active span.InnerLinkButton {
	color:#333;
	text-decoration:none !important;
	filter:alpha(opacity=50);
	opacity:.5;
	*zoom:1
	outline: 0;
}

#wireless-howto,
#usb-howto,
#blow_wireless-howto,
#lancon-howto,
#lan-howto {
	margin-top: 10px !important;
}	


/* 20201112’ljÁ */
#contents dl, #contents dl dt, #contents dl dd {
	margin: 0;
	padding: 0;
}

#contents ul.LinkArea{
	list-style: none;
	margin: 1em 0 2em 1em;
}

#contents ul.LinkArea li{
	margin: 1em 0;
	padding: 3em 0;
	border-bottom: 1px dotted #ccc;
}

#contents ul.LinkArea li:last-child{
	border-bottom: none;
}

#contents ul.LinkArea li dl {
	float: right;
	width: 67%;
	/* padding-left: 20px; */
	margin: 0 0 1em 0;
}

#contents ul.LinkArea li dl dt {
	margin-bottom: 0.5em;
	font-size: 1.2em;
}

#contents ul.LinkArea li dl dd{
	font-size: 14px;
}

#contents ul.LinkArea li a img {
	vertical-align: middle;
	margin: auto 1.5em auto 0;
	float: left;
	border: 1px solid #bcbcbc;
	padding: 1em;
	border-radius: 6px;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
}

#contents ul.LinkArea li a span.btn_link {
	background: url(/support/share/images/bg_mod-linkButton.jpg) repeat-x scroll left center;
	border: solid 1px #CCCCCC;
	border-radius: 5px;
	color: #000;
	display: inline-block;
	padding: 1em;
	width: 345px;
}


#contents span.textLink {
	background: url(/support/share/images/arrow_black.gif) no-repeat;
	background-position: 0 6px;
	padding-left: 1em;
	display: inline-block;
	font-size: 14px;
}

#contents ul.LinkArea > li a:hover img,
#contents ul.LinkArea > li a:hover span.btn_link,
#contents ul.LinkArea > li a:active img,
#contents ul.LinkArea > li a:active span.btn_link {
	opacity: 0.5;
	text-decoration: none;
}

@media (max-width: 640px){
	#contents .section ul.LinkArea{
		margin-left: 5px;
	}

	#contents ul.LinkArea li{
		padding: 1em 0;
	}

	#contents ul.LinkArea li dl {
		width: auto;
		float: none;
		margin-bottom: 0;
		padding-left: 0;
	}


	#contents ul.LinkArea li a {
		float: none;
		margin: 0;
	}

	#contents ul.LinkArea li a img.mq_no {
	display: none;
	}

	#contents ul.LinkArea li a span.btn_link{
		width: 85%;
		margin: 1em 0;
		overflow: hidden;
		vertical-align: middle;
	}

	#contents ul.LinkArea li a span.btn_link span.textLink {
		margin-left: 0;
	}

	#contents ul.LinkArea li a img {
		margin: 1em auto 0.5em;
	}
}