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

#pagetoparea {
	margin-top: 20px;
	text-align: right;
	clear: both;
}

#support_title{
	margin-bottom: 10px;
	padding: 0 0 7px;
	width: 100% !important;
	background: url(/support/share/images/header_line.jpg) bottom no-repeat;
}


a.linkBtn{
	display: inline-block;
	vertical-align: middle;
	background: url(/support/share/images/bg_mod-linkButton.jpg) repeat-x scroll left center;
	border: solid 1px #CCCCCC;
	border-radius: 5px;
	color: #000;
	overflow: hidden;
	padding: 5px;
	text-align: center;
	width: 80%;
    margin: auto;
}

a.linkBtn span.textLink{
	background: url(/support/share/images/arrow_black.gif) no-repeat 0 0.5em;
	font-weight:700;
	padding: 0 0 0 15px;
}

#sbi_comment1 {
	margin-bottom: 20px;
}


@media (min-width: 641px){
	#contentsArea .column_link_top ul.link_top{
		width: 344px;
	}
	#sp h4.title,
	#kisyubetsu_h2{
		border-bottom: 1px solid #ccc !important;
		color: #000;
		font-size: 18px !important;
		font-weight: normal;
		background: linear-gradient( #ffffff 0%, #e0e0e0 50%, #f8f8f8 100%);
		padding-left: 1em;
		padding-top: 5px;
		padding-bottom: 0.2em;
		margin-bottom: 0.5em;
	}
}

@media (max-width: 640px){
	h1 img{
		width: 100% !important;
		height: auto;
	}
	#contentsArea h4{
		font-size: 1.3em;
	}
	
	#sp h4.title,
	#kisyubetsu_h2{
		color: #FFFFFF !important;
		font-size: 1.1em;
		font-weight: bold;
		background: #666666 !important;
		margin-left: 0;
		border: none !important;
		padding-top: 3px;
		padding-left: 5px;
	}
	
	.colum2-right760 > * {
		max-width: 640px !important;
		height: auto !important;
	}
	
	.colum2-right760 > * * {
		max-width: 620px !important;
	}
	
	.colum2-right760 > * img{
		max-width: 600px !important;
	}
	
	.colum2-right760 > div{
		margin-left: 0 !important;
	}
	
	img {
		height: auto !important;
	}
	div.div_760,
	div.pregArea_01,
	div.pregArea_01 div.return_top,
	div.pregArea_02 div.pregBox,
	div.pregArea_02,
	div.pregArea_03,
	div.finding,
	ul#supporttop_link_guide,
	div.preBox580{
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}

	#h-siteroot {
		min-width: auto;
	}
	#h-siteroot p {
		width: 100%;
	}
	
	#sbi_comment1 table{
		width: 100% !important;
	}
	
	div.rightArea,
	.image_right,
	.image_left{
		float: none !important;
	}
	.image_right,
	.image_left{
		margin-bottom: 15px;
	}
	
	
	ul.mobile_BtnArea {
		width: 100%;
	}
	ul.mobile_BtnArea li {
		margin: 0 0 5px 0;
		padding: 0px;
		float: none;
	}
	
	ul.odekake_BtnArea {
		width: 100%;
		margin: 10px auto 0px auto;
		padding: 0px;
		list-style: none;
		clear: both;
	}
	ul.odekake_BtnArea li {
		margin: 0;
		float: none;
	}
	
	#pagetoparea {
		margin-bottom: 10px;
	}
	
	.colum2-right760 table{
		width: 100% !important;
	}

	.colum2-right760 table img{
		max-width: calc(640px * 0.7) !important;
		height: auto;
	}
	.colum2-right760 li img{
		max-width: calc(640px * 0.8) !important;
		height: auto;
	}	
	.pan + h4{
		margin-top: 10px;
	}
	
	.to_top{
		position: static;
		margin-bottom: 1em;
	}
	
	.pl0{
		padding-left: 0 !important;
	}
	
	/* download */
	
	table.hddTbl{
		font-size: 75%;
	}
	table.hddTbl th:first-child{
		width: 16%;
	}
	table.hddTbl td.model{
		width: 30%;
	}
	table.hddTbl td ul{
		padding-left: 0;
	}
}

@media (max-width: 414px){
	.colum2-right760 > * {
		max-width: 414px !important;
	}
	.colum2-right760 > * *{
		max-width: 400px !important;
	}
	
	.colum2-right760 > * img{
		max-width: 400px !important;
	}
	
	.colum2-right760 table img{
		max-width: calc(414px * 0.7) !important;
	}
	.colum2-right760 li img{
		max-width: calc(414px * 0.8) !important;
		height: auto;
	}	
}
@media (max-width: 375px){
	.colum2-right760 > * {
		max-width: 375px !important;
	}	
	
	.colum2-right760 > * * {
		max-width: 355px !important;
	}
	
	.colum2-right760 > * img {
		max-width: 355px !important;
	}
	
	.colum2-right760 table img{
		max-width: calc(375px * 0.7) !important;
	}	
	.colum2-right760 li img{
		max-width: calc(375px * 0.8) !important;
	}	
}

@media (max-width: 371px) and  (min-width: 320px) {
	.colum2-right760 * {
		max-width: 320px !important;
	}
	.colum2-right760 > * img{
		max-width: 300px !important;
	}
	.colum2-right760 > * *{
		max-width: 100%;
	}
	.colum2-right760 table img{
		max-width: calc(320px * 0.7) !important;
	}	

	.colum2-right760 li img{
		max-width: 300px !important;
	}	
}

/* care.html */

#contentsArea.care_main h3{
	border-bottom: 1px solid #CDCDCD;
	font-size: 1.2rem;
}
	
#contentsArea.care_main div#contentsArea div.pregArea{
	overflow: hidden;
}

/* /rec/photo_inport/index.html */

#kisyubetsu_wrap table{
    border-top: 2px solid #bebebe;
    margin: 10px 0 5px 0;
	width: 100%;
}

#kisyubetsu_wrap .usb .col2 {
    background-color: #F0F0E7;
}
	
#kisyubetsu_wrap .usb th,
#kisyubetsu_wrap .handycam th{
    background-color: #bebebe;
    font-weight: bold;
    padding: 5px 0 5px 5px;
    border: 1px solid #CCCCCC;
}

#kisyubetsu_wrap .usb td,
#kisyubetsu_wrap .handycam td{
    border: 1px solid #cccccc;
    padding: 5px 0 5px 5px;
}

#kisyubetsu_wrap table td.mhead1{
	width: 40%;
}

#kisyubetsu_wrap table td.mhead1,
#kisyubetsu_wrap table td.mhead2{
    font-weight: bold;
}

#kisyubetsu_wrap table.usb_other td.mhead1,
#kisyubetsu_wrap  table.usb_other td.mhead2{
    text-align: center;
}

#kisyubetsu_wrap dl.indent1 dt{
	float: left;
}

#kisyubetsu_wrap dl.indent1 dd{
	margin: 0;
	padding-left: 1em;
}

#kisyubetsu_wrap .usb_other th {
    background-color: #333333;
    border: 2px solid #FFFFFF;
    color: #FFFFFF;
    font-size: 80%;
    font-weight: bold;
    padding: 1px 3px;
    text-align: left;
}

#kisyubetsu_wrap .usb_other .col1 {
    background-color: #DCE2EA;
    width: 45%;
}

#kisyubetsu_wrap .usb_other .col2 {
    background-color: #DEDEDE;
}

#kisyubetsu_wrap .usb_other td {
    border-bottom: 2px solid #FFFFFF;
    border-right: 2px solid #FFFFFF;
    font-size: 80%;
    padding: 2px 3px;
}

/* /rec/video_inport/ */

#kisyubetsu_wrap .handycam{
	
}