@charset "Shift_JIS";
/*
	================================================================================================
		support audiosoftware share3 css software.css
	================================================================================================
*/

/*
	====================================
		mod-productsArea
	====================================
*/
#mod-productsArea{
	margin-top:20px;
	margin-bottom:20px;
}
#mod-productsArea .mod-productsArea-inner {
	width: 950px;
	margin: 0 auto;
	text-align: center;
}
#mod-productsArea .mod-productsArea-inner:before, 
#mod-productsArea .mod-productsArea-inner:after {
	display: table;
}

#mod-productsArea .titleArea{
	position:relative;
	margin-bottom:20px;
}
#mod-productsArea .titleArea .infolink{
	position:absolute;
	top:5px;
	/top:0;
	right:0;
	margin:0;
}
.infolink a {
	/display:inline;
	/zoom:1;
}
#mod-productsArea h2{
	border-bottom:1px solid #000;
	font-size:1.2em;
	padding-bottom: 5px;
	padding-left: 5px;
}

@media (max-width: 640px){
	#mod-productsArea{
		margin-top: 30px;
	}
	#mod-productsArea .titleArea{
		position:static;
		margin-bottom:0;
	}
	#mod-productsArea .titleArea .infolink{
		position:static;
		margin:10px 0 0 0;
		font-size: 10px;
		text-align:right;
	}
	#mod-productsArea .mod-productsArea-inner {
		width: auto;
		width: 100%;
		margin-top:10px;
	}
}


/*
	====================================
		productName
	====================================
*/
.productName img.icon_img2 {
	margin: 5px 0 5px -8px;
}
.productName img {
	float: left;
	margin: 5px 0 15px;
}
.productName p {
	padding-top: 20px;
}


/*
	====================================
		supporttop_link_guide
	====================================
*/
#supporttop_link_guide{
	margin: 10px 0 20px;
	list-style: none;
}
#supporttop_link_guide .supporttop_link {
	font-weight: bold;
	margin-top: 5px;
}
#supporttop_link_guide .supporttop_link {
	margin-top: 5px;
}
#supporttop_link_guide .supporttop_link .arrow {
	padding: 0 0 0 10px;
	background: url("/support/share/images/arrow_black.gif") 0px 4px no-repeat;
	vertical-align: top;
}	

@media (max-width: 640px){
	#supporttop_link_guide{
		display:none;
	}
}


/*
	====================================
		#inquiry
	====================================
*/
#inquiry ul {
	margin-left: 15px;
}
#inquiry ul.txtlink li {
	float: none;
	margin-bottom: 5px;
}


/*
	====================================
		#pickup
	====================================
*/
#pickup .bnr_area {
	text-align: left;
}
#pickup .bnr_single {
	display: inline-block;
	margin-right: 5px;
	vertical-align: top;
}



.infolink{
	margin-top:20px;
	margin-bottom:15px;
}

@media (max-width: 640px){
	#info{
		display:block!important;
		margin-top:40px;
	}
	#info dl dt,
	#info dl dd{
		display:block!important;
	}
	#info dl dt.non-display-mobile,
	#info dl dd.non-display-mobile{
		display:none!important;
	}
	.mod-content span.title-List-all a {
		padding: 0;
	}
	.mod-content .section .title{
		overflow:hidden;
	}
	.mod-content .section .title h2{
		float:left;
		/*width:75%;*/
		width:auto;
		max-width:81%;
	}
	.title-List, .title-List-2 {
		float:right;
		text-align:right;
		width:45px;
	}
	.mod-content .section .title h2#importantinfo{
		/*width:70%;*/
		max-width:74%;
	}
}