/*-- 

	support
	/pro/support

====================================================== --*/

/*-- サポートトップ --*/
/*-- ------------------------------------------------- --*/
#Support .productInquiry{
	background:url(../img/bg_shadow.gif) no-repeat left bottom;
	padding:0px 0px 4px;
	margin:0px 0px 30px;
}
#Support .productInquiry div{
	border:20px solid #F0F0F0;
	margin-bottom: 30px;
	padding:30px;
}
#Support .productInquiry div h2{
	border:none;
	background:none;
	color:#E9192C;
	padding:0px;
	font-size:131%;
	margin:0px 0px 15px;
}

#Support .productInquiry div dl.tel{
	float:left;
	width:415px;
}
#Support .productInquiry div dl.mail{
	float:right;
	width:415px;
}
#Support .productInquiry div dl.web{
	clear:both;
}
#Support .productInquiry div dl.web dd{
	text-align:center;
	font-size:0px;
	margin:20px 0px 0px;
}
#Support .productInquiry div dl.web dd a{
	margin:0px 5px;
}
#Support .productInquiry div dl.tel p:nth-of-type(3){
	font-size:93%;
	text-indent:-1em;
	padding:0px 0px 0px 1em;
	margin:0px 0px 20px;
	letter-spacing:0px;
}
#Support .productInquiry div dl.tel p:nth-of-type(2){
	font-size:93%;
	font-weight:bold;
	margin:0px 0px 5px;
	letter-spacing:0px;
}
#Support .productInquiry div dl.tel p:nth-of-type(1){
	font-size:28px;
	font-weight:bold;
	line-height:30px;
	margin:0px 0px 5px;
	letter-spacing:0px;
}
#Support .productInquiry div dl.tel p:nth-of-type(1) img{
	vertical-align:0px;
	margin:0px 8px 0px 0px;
}

#Support .productInquiry div dl.mail p{
	font-size:131%;
	font-weight:bold;
	line-height:30px;
	margin:0px 0px 5px;
	letter-spacing:0px;
}
#Support .productInquiry div dl.mail p span {
	font-size: 93%;
	font-weight: normal;
}
#Support .productInquiry div dl.mail p img{
	vertical-align:-4px;
	margin:0px 8px 0px 0px;
}
#Support .productInquiry div dl dt{
	border-bottom:1px solid #E1E1E1;
	font-size:116%;
	line-height:1.6em;
	padding:0px 0px 5px 0px;
	margin:0px 0px 15px;
}


#Support .supportContents{
	margin:40px 0px 0px;
	min-height:152px;
}

#Support .supportContents h2{
	background:#919191;
	border:none;
	color:white;
	font-size:108%;
	margin:0px 0px 20px;
}
#Support .supportContents li{
	float:left;
	width:312px;
	height:152px;
	background:url(../../images/support/contents_bg.gif) no-repeat left top;
	margin:0px 22px 50px 0px;
}
#Support .supportContents li a{
	padding:25px 25px 25px;
	display:block;
	text-decoration:none;
	color:#333;
}
#Support .supportContents li a:hover dt{
	text-decoration:underline;
}
#Support .supportContents li dt{
	color:#212121;
	background:url(../img/mark_link02.gif) no-repeat 0px 0.3em;
	padding:0px 0px 0px 12px;
	font-size:116%;
	line-height:1.4em;
	margin:0px 0px 8px;
}
#Support .supportContents li:nth-of-type(3n){
	float:right;
	margin:0px;
}



#Support .faqNewer{
	background:url(../img/bg_shadow.gif) no-repeat left bottom #f0f0f0;
	padding:25px 30px 34px;
	margin:0px 0px 50px;
	clear:both;
}
#Support .faqNewer dt{
	color:#212121;
	font-size:131%;
	margin:0px 0px 10px;
}
#Support .faqNewer dd ul{
	background:white;
	padding:20px;
}
#Support .faqNewer dd ul li{
	border-bottom:1px solid #dcdcdc;
	padding:0px 0px 20px 40px;
	text-indent:-40px;
	margin:0px 0px 20px;
}
#Support .faqNewer dd ul li span{
	display:inline-block;
	width:30px;
	text-indent:0px;
	color:white;
	margin:0px 10px 0px 0px;
	line-height:22px;
	background:#919191;
	text-align:center;
}
#Support .faqNewer dd ul li:last-of-type{
	margin:0px;
	border:none;
	padding-bottom:0px;
}

/*-- よくあるご質問 --*/
/*-- ------------------------------------------------- --*/

#Support .categoryList{
	border-top:3px solid #E9192B;
	background:url(../../images/support/faq_category_bg.gif) repeat-x left bottom;
	padding:15px 20px 10px;
	margin:0px 0px 55px;
	clear:both;
}
#Support .categoryList li{
	display:inline-block;
	margin:0px 20px 8px 0px;
}
#Support .categoryList li a{ 
	display:inline-block;
	background:url(../img/mark_link02.gif) no-repeat 0px 50%;
	color:#202020;
	text-decoration:none;
	padding:0px 0px 0px 12px;
}
#Support .categoryList li a:hover{ 
	text-decoration:underline;
}

#Support .faqList{
	margin:0px 0px 50px;
}
#Support .faqList li{
	border-bottom:1px solid #dcdcdc;
	padding:0px 0px 20px 40px;
	text-indent:-40px;
	margin:0px 0px 20px;
}
#Support .faqList li span{
	display:inline-block;
	width:30px;
	text-indent:0px;
	color:white;
	margin:0px 10px 0px 0px;
	line-height:22px;
	background:#919191;
	text-align:center;
}


#Support .answer dt{
	width:35px;
	height:32px;
	padding:3px 0px 0px;
	background:#DD1524;
	color:white;
	text-align:center;
	font-size:189%;
	font-weight:normal;
	line-height:30px;	
}
#Support .answer dd{
	margin:-35px 0px 50px 55px;
	min-height:35px;
}


#Support .faqTop{
	text-align:center;
	border-top:1px solid #DCDCDC;
	padding:30px 0px;
	margin:50px 0px;
	border-bottom:1px solid #DCDCDC;
}



#Support .supportInquiry{
	background:url(../img/bg_shadow.gif) no-repeat left bottom;
	padding:0px 0px 4px;
	margin:0px 0px 50px;
}
#Support .supportInquiry div{
	border:20px solid #F0F0F0;
	padding:30px;
	min-height:110px;
}
#Support .supportInquiry div h2{
	border:none;
	background:none;
	color:#E9192C;
	padding:0px;
	font-size:131%;
	margin:0px 0px 15px;
}

#Support .supportInquiry div p{
	height:65px;
	border-right:1px solid #DCDCDC;
	float:left;
	margin:0px;
	width:300px;
}
#Support .supportInquiry div p.mail{
	margin:0px 0px 0px 30px;
	width:270px;
	font-size:123.1%;
	font-weight:bold;
	letter-spacing:0px;
}
#Support .supportInquiry div p.mail img:first-of-type{
	display:block;
	margin:10px 0px 10px;
}
#Support .supportInquiry div p.mail img:last-of-type{
	margin:0px 10px 0px 0px;
	vertical-align:-4px;
}
#Support .supportInquiry div p.web{
	float:right;
	border:none;
	width:240px;
	padding:10px 0px 0px;
	height:auto;
}




#Support .movieList{
}
#Support .movieList li{
	float:left;
	width:311px;
	margin:0px 23px 25px 0px;
}
#Support .movieList li a{
	display:block;
	text-decoration:none;
}
#Support .movieList li a img{
	margin-bottom:10px;
	display:block;
}
#Support .movieList li a:hover{
	text-decoration:underline;
}
#Support .movieList li:nth-of-type(3n){
	margin-right:0px;
	float:right;
}
#Support .movieList li:nth-of-type(3n+1){
	clear:both;
}
#Support .movieList li:last-child{
	margin-bottom:50px;
}





/*-- ダウンロード --*/
/*-- ------------------------------------------------- --*/
#Support .downloadList{
	padding:25px 0px 0px 30px;
	margin-bottom:50px;
	background:url(../img/bg_shadow.gif) no-repeat left bottom #F0F0F0;
}
#Support .downloadList dt{
	color:#E9192B;
	clear:both;
	font-size:131%;
	margin:0px 0px 15px;
	line-height:1.4em;
}
#Support .downloadList dd li{
	width:212px;
	background:white;
	margin:0px 25px 25px 0px;
	float:left;
}
#Support .downloadList dd li:nth-of-type(4n+1){
	clear:both;
}
#Support .downloadList dd li:last-child{
	margin-bottom:40px;
}
#Support .downloadList dd a{
	display:block;
	padding:20px 20px 40px;
	position:relative;
	width:172px;
	text-decoration:none;
	background:url(../../images/support/download/bg.gif) no-repeat left bottom white;
}
#Support .downloadList dd a > img{
	margin:0px auto;
	display:block;
	max-width:168px;
}
#Support .downloadList dd a .name{
	margin:15px 0px 10px;
	border-top:1px dotted #CCCCCC;
	padding:15px 0px 0px 30px;
	font-size:93%;
	line-height:1.5em;
	letter-spacing:0px;
	background:url(../../images/support/download/mark_pdf.gif) no-repeat 0px 15px;
}
#Support .downloadList dd a .date{
	font-size:85%;
	line-height:1.5em;
	margin:0px 0px 10px;
	letter-spacing:0px;
}
#Support .downloadList dd a .volume{
	font-size:1em;
	height:20px;
	position:absolute;
	left:0px;
	bottom:0px;
	text-align:center;
	color:white;
	width:212px;
	padding:10px 0px 10px 0px;
	line-height:20px;
	margin:0px;
	letter-spacing:0px;
}
#Support .downloadList dd a .volume img{
	margin-right:10px;
}

#Support .btn{
	width:350px;
	margin:0px auto 50px;
}
#Support .btn a{
	display:block;
	width:350px;
	padding:17px 0px 13px 10px;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	font-size:108%;
	line-height:20px;
	color:white;
	background:url(../../images/support/download/btn.gif) no-repeat left center;
	
}