@charset "utf-8";

/* ----------------
  サポート
  ---------------- */


#support2{
	clear:both;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 60px;
	margin-left: 0px;
	/*width:100%;*/
}


.title{
	font-size:138.5%;
	color: #FFFFFF;
	margin-bottom:20px;
	font-weight: normal;
	margin-top: 20px;
	margin-right: 0px;
	margin-left: 0px;
	background-color: #ff8c00;
	text-align: center;
	padding:4px;
	clear:both;}

.title02{
	font-size:138.5%;
	color: #ff8c00;
	margin-bottom:20px;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}

.title03{
	color: #5A5A5A;
	border-buttom-width: 1px;
	border-buttom-style: solid;
	border-buttom-color: #898989;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #898989;
	padding: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	font-size:153.9%;
}

.title03center{
	font-size:108%;
	font-weight: 600;
	text-align: center;
	padding: 4px;
	border: 1px solid #999999;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}



.title04{
	color: #ee751b;
	border-buttom-width: 1px;
	border-buttom-style: solid;
	border-buttom-color: #898989;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #898989;
	padding: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	font-size:153.9%;
}




.sen_top{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #c8c8c8;
}

.sen_top_bottom{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #c8c8c8;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c8c8c8;
}





/*サポート　インデックス　タイトル*/


.support2_title{
	width:800px;
	margin-left:auto;
	margin-right:auto;
	margin-top:15px;
	margin-bottom: 40px;
	}

.support2_title_left{
	width:400px;
	float:left;
	text-align:center;
	}

.support2_title_left h2{
	color:#249bb4;
	font-size:197%;
	margin: 0px;
	padding-top: 40px;
	padding-bottom: 30px;
}

.support2_title_left p{
	font-size:108%;
	color:#5a5a5a;
	margin:0;
	padding:0;
}

.support2_title_left img{
	float:right;
	}



/*サポート　インデックス商品ボタン*/
.support2_index{
	width:1050px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:40px;
	}

.support2_index ul{
	width:950px;
	margin-left:auto;
	margin-right:auto;
}

.support2_index li{
	float:left;
	margin: 18px;

}

.support2_index img.link{
	margin: 0px;
	padding: 0px;
	height: 150px;
	width: 150px;
	
	-webkit-transition:0.2s ease-in-out;
	-moz-transition:0.2s ease-in-out;
	-ms-transition:0.2s ease-in-out;
	-o-transition:0.2s ease-in-out;
	transition:0.2s ease-in-out;

}

.support2_index img.link:hover{
	-webkit-transform:scale(1.2,1.2);
	-moz-transform:scale(1.2,1.2);
	-ms-transform:scale(1.2,1.2);
	-o-transform:scale(1.2,1.2);
	transform:scale(1.2,1.2);
}

	
a.hover_alpha img{
	transition:all 0.3s ease;
	border: 1px solid #ffffff;
	}
	
	
a:hover.hover_alpha img{
	opacity: 0.7;/*画像を透明に*/
	filter: alpha(opacity=70);/*画像を透明に*/
	}

img.hover_alpha2{
	opacity: 0.5;/*画像を透明に*/
	filter: alpha(opacity=50);/*画像を透明に*/
	}


.support2_index_sub_sen{
	/*width:1050px;*/
	height:6px;
	margin-left:auto;
	margin-right:auto;
	background-image: url(../img/support/sen01.gif);
	background-repeat: repeat-x;
	background-position: top;
	}




/*サポート　各ページ下部　商品ボタン*/
.support_products_buttom ul{
	text-align:center;
	width:1050px;
	margin-left:auto;
	margin-right:auto;
}


.support_products_buttom li{
	display:inline-block;
	margin: 12px;

}


.support_products_buttom img{
	margin: 0px;
	padding: 0px;
	height: 50px;
	width: 50px;
}

.support_products_buttom img.link{
	margin: 0px;
	padding: 0px;
	height: 50px;
	width: 50px;

	/*透明表示*/
	opacity: 0.2;/*画像を透明に*/
	filter: alpha(opacity=50);/*画像を透明に*/

	/*拡大表示*/
	-webkit-transition:0.2s ease-in-out;
	-moz-transition:0.2s ease-in-out;
	-ms-transition:0.2s ease-in-out;
	-o-transition:0.2s ease-in-out;
	transition:0.2s ease-in-out;
}

.support_products_buttom img:hover.link {

	/*透明表示*/
	opacity: 1.0;/*画像を透明に*/
	filter: alpha(opacity=100);/*画像を透明に*/

	/*拡大表示*/
	-webkit-transform:scale(1.2,1.2);
	-moz-transform:scale(1.2,1.2);
	-ms-transform:scale(1.2,1.2);
	-o-transform:scale(1.2,1.2);
	transform:scale(1.2,1.2);	
}





/*サポート　各商品ページ*/

.support_products_title{
	width:1050px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	margin-top: 50px;
	/*タイトルの下線*/
	/*background-image: url(../img/support/sen01.gif);
	background-repeat: repeat-x;
	background-position: bottom;*/
	padding-bottom: 30px;
	}


.support_products_title img{
	vertical-align: middle;
	height: 60px;
	width: 60px;
	padding-right: 15px;
}


.support_products_title h2{
	color:#249bb4;
	font-size:197%;
	line-height: 60px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

.support_products_title h2.red{
	color:#b13535;
	font-size:197%;
	line-height: 60px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

.support_products_box{
/*width:1050px;*/
margin-left:auto;
margin-right:auto;
}


/*サポート　インフォ*/

.support_info{
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #bcbcbc;
	border-bottom-color: #bcbcbc;
	background-color: #f9f9f9;
	margin: 0px;
	padding-top: 40px;
	padding-right: 0px;
	padding-bottom: 40px;
	padding-left: 0px;
	clear:both;

	/*トップシャドウ*/
	-webkit-box-shadow: 0 5px 10px -6px #777 inset;
	-moz-box-shadow: 0 5px 10px -6px #777 inset;
	box-shadow: 0 5px 10px -6px #777 inset;

	/*ボトムシャドウ*/
	background-image: url(../img/support/shadow_bottom.png);
	background-repeat: repeat-x;
	background-position: center bottom;
}

.support_info_box{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
}


.support_info_box h4.info{
	color: #502c2c;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	font-size:153.9%;
}

.support_info_box img.icon{
	width:35px;
	height:35px;
	vertical-align: middle;
	margin-left:10px;
}





/*サポート　各項目　タブメニュー*/
ul.sp_button {
	display:block;
	overflow:hidden;
	clear:both;
	width:960px;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
	list-style:none;
}


/*サポートのメニューの数により　ul追加*/
ul.one { width:160px; }
ul.two { width:320px; }
ul.three { width:480px; }
ul.four { width:640px; }
ul.five { width:800px; }

ul.sp_button li{
	list-style:none;
	margin:0px;
	padding:0px;
	float:left;
}

.sp_button a {
	display:block;
	width:160px;
	height:190px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	text-indent: -9999px;
}

ul.sp_button li a.navi01{ background-image: url(../img/support/sq_button_01.png); background-repeat: no-repeat; }
ul.sp_button li a.navi02{ background-image: url(../img/support/sq_button_02.png); background-repeat: no-repeat; }
ul.sp_button li a.navi03{ background-image: url(../img/support/sq_button_03.png); background-repeat: no-repeat; }
ul.sp_button li a.navi04{ background-image: url(../img/support/sq_button_04.png); background-repeat: no-repeat; }
ul.sp_button li a.navi05{ background-image: url(../img/support/sq_button_05.png); background-repeat: no-repeat; }
ul.sp_button li a.navi06{ background-image: url(../img/support/sq_button_06.png); background-repeat: no-repeat; }

/*オーバー時*/
.sp_button a:hover{ background:#f0f0f0; }

/*ボタンクリック時*/
.sp_button li.active a.navi01 { background:#e6e6e6; background-image: url(../img/support/sq_button_01over.png); }
.sp_button li.active a.navi02 { background:#e6e6e6; background-image: url(../img/support/sq_button_02over.png); }
.sp_button li.active a.navi03 { background:#e6e6e6; background-image: url(../img/support/sq_button_03over.png); }
.sp_button li.active a.navi04 { background:#e6e6e6; background-image: url(../img/support/sq_button_04over.png); }
.sp_button li.active a.navi05 { background:#e6e6e6; background-image: url(../img/support/sq_button_05over.png); }
.sp_button li.active a.navi06 { background:#e6e6e6; background-image: url(../img/support/sq_button_06over.png); }



/*サポート　各項目　コンテンツ*/
.sp_content {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #bcbcbc;
	border-bottom-color: #bcbcbc;
	background-color: #f9f9f9;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 50px;
	padding-left: 0px;
	clear:both;

	/*トップシャドウ*/
	-webkit-box-shadow: 0 5px 10px -6px #777 inset;
	-moz-box-shadow: 0 5px 10px -6px #777 inset;
	box-shadow: 0 5px 10px -6px #777 inset;

	/*ボトムシャドウ*/
	background-image: url(../img/support/shadow_bottom.png);
	background-repeat: repeat-x;
	background-position: center bottom;

	min-width:1050px;/*スマホ・タブレット　横幅フル*/
	}

/*ページ準備中*/
.sp_content p{
	padding: 0px;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0px;
	text-align: center;
	font-size:108%;
	color: #999999;
}



/*メニュー下三角部分*/
.sp_content_title{
	padding:0px;
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
}

.sp_content_title h3{
	text-indent: -9999px;
	background-image: url(../img/support/sp_sankaku.png);
	background-repeat: no-repeat;
	height: 11px;
	width: 14px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

/*展開タイトル三角位置　サポートメニューフルの時利用*/
/*メニューが偶数の場合利用*/
.sp_content_title h3.qa{ margin-left: 73px; }
.sp_content_title h3.video{ margin-left: 233px; }
.sp_content_title h3.man{ margin-left: 393px; }
.sp_content_title h3.use{ margin-left: 553px; }
.sp_content_title h3.cata{ margin-left: 713px; }
.sp_content_title h3.info{ margin-left: 873px; }

/*メニューが奇数の場合利用*/
.sp_content_title h3.one{ margin-left: 153px; }
.sp_content_title h3.two{ margin-left: 313px; }
.sp_content_title h3.three{ margin-left: 473px; }
.sp_content_title h3.four{ margin-left: 633px; }
.sp_content_title h3.five{ margin-left: 793px; }



ul.sp_button3{
	width:1050px;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
	list-style:none;

}

ul.sp_button3 li.pic{
float:left;
}


ul.sp_button3 li.none{
	-webkit-border-radius: 3px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 3px;   /* Firefox用 */
	border: 1px solid #d2d2d2;
	background-color: #ffffff;
	font-size:123.1%;
	float:left;
	width:160px;
	height:75px;
	margin:12px;
	text-align:center;
	line-height: 75px;
	text-decoration:none;
	font-weight: bold;
	color: #2576bc;

}

ul.sp_button3 li a{
	-webkit-border-radius: 3px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 3px;   /* Firefox用 */
	border: 1px solid #d2d2d2;
	background-color: #ffffff;
	font-size:116%;
	float:left;
	width:160px;
	height:75px;
	margin:12px;
	text-align:center;
	line-height: 75px;
	text-decoration:none;
	font-weight: bold;
	color: #2576bc;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;

}

/*リンク文字　ワイド2倍*/
ul.sp_button3 li a.two_wide{
	-webkit-border-radius: 3px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 3px;   /* Firefox用 */
	border: 1px solid #d2d2d2;
	background-color: #ffffff;
	font-size:116%;
	float:left;
	width:320px;
	height:75px;
	margin:12px;
	text-align:center;
	line-height: 75px;
	text-decoration:none;
	font-weight: bold;
	color: #2576bc;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;

}


/*リンク文字2行事*/
ul.sp_button3 li.two_lines a{
	-webkit-border-radius: 3px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 3px;   /* Firefox用 */
	border: 1px solid #d2d2d2;
	background-color: #ffffff;
	font-size:116%;
	float:left;
	width:160px;
	height:58px;
	margin:12px;
	line-height: 140%;
	text-align:center;
	text-decoration:none;
	font-weight: bold;
	color: #2576bc;
	padding-top:17px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

/*リンク文字2行 ワイド2倍*/
ul.sp_button3 li.two_lines_wide a{
	-webkit-border-radius: 3px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 3px;   /* Firefox用 */
	border: 1px solid #d2d2d2;
	background-color: #ffffff;
	font-size:116%;
	float:left;
	width:320px;
	height:58px;
	margin:12px;
	line-height: 140%;
	text-align:center;
	text-decoration:none;
	font-weight: bold;
	color: #2576bc;
	padding-top:17px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}


ul.sp_button3 li a:hover{
background-color:#edf7ff;
}








ul.sp_button2{
	width:940px;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
	list-style:none;

}



ul.sp_button2 li.none{
	-webkit-border-radius: 3px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 3px;   /* Firefox用 */
	border: 1px solid #d2d2d2;
	background-color: #ffffff;
	font-size:116%;
	float:left;
	width:160px;
	height:75px;
	margin:12px;
	text-align:center;
	line-height: 75px;
	text-decoration:none;
	font-weight: bold;
	color: #2576bc;

}

ul.sp_button2 li a{
	-webkit-border-radius: 3px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 3px;   /* Firefox用 */
	border: 1px solid #d2d2d2;
	background-color: #ffffff;
	font-size:116%;
	float:left;
	width:160px;
	height:75px;
	margin:12px;
	text-align:center;
	line-height: 75px;
	text-decoration:none;
	font-weight: bold;
	color: #2576bc;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;

}

/*リンク文字　ワイド2倍*/
ul.sp_button2 li a.two_wide{
	-webkit-border-radius: 3px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 3px;   /* Firefox用 */
	border: 1px solid #d2d2d2;
	background-color: #ffffff;
	font-size:116%;
	float:left;
	width:320px;
	height:75px;
	margin:12px;
	text-align:center;
	line-height: 75px;
	text-decoration:none;
	font-weight: bold;
	color: #2576bc;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;

}


/*リンク文字2行事*/
ul.sp_button2 li.two_lines a{
	-webkit-border-radius: 3px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 3px;   /* Firefox用 */
	border: 1px solid #d2d2d2;
	background-color: #ffffff;
	font-size:116%;
	float:left;
	width:160px;
	height:58px;
	margin:12px;
	line-height: 140%;
	text-align:center;
	text-decoration:none;
	font-weight: bold;
	color: #2576bc;
	padding-top:17px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

/*リンク文字2行 ワイド2倍*/
ul.sp_button2 li.two_lines_wide a{
	-webkit-border-radius: 3px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 3px;   /* Firefox用 */
	border: 1px solid #d2d2d2;
	background-color: #ffffff;
	font-size:116%;
	float:left;
	width:320px;
	height:58px;
	margin:12px;
	line-height: 140%;
	text-align:center;
	text-decoration:none;
	font-weight: bold;
	color: #2576bc;
	padding-top:17px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}


ul.sp_button2 li a:hover{
background-color:#edf7ff;
}





/*インフォボタン*/
.sp_content h4.info{
	color: #502c2c;
	padding: 0px;
	width: 940px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	font-size:153.9%;
}

ul.sp_button2 li.info a{
	-webkit-border-radius: 3px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 3px;   /* Firefox用 */
	border: 1px solid #d2d2d2;
	background-color: #ffffff;
	font-size:138.5%;
	float:left;
	width:940px;
	height:75px;
	margin:12px;
	text-align:left;
	line-height: 75px;
	text-decoration:none;
	font-weight: bold;
	color: #ae3636;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	padding-left: 30px;
}


ul.sp_button2 li.info a:hover{
background-color:#f5e3dc;
}


/*カタログボタン*/

.sp_content_cata{
	text-align:center;
	margin-right: auto;
	margin-left: auto;
}



/*カタログボタン*/
.sp_content_cata_box{
	position:relative;
	display:inline-block;/*中央回りこみのため*/
	vertical-align:top;
	margin-top: 0px;
	margin-right: 30px;
	margin-bottom: 0px;
	margin-left: 30px;
}
.sp_content_cata_box img{
	margin-bottom:5px;
	margin-left:auto;
	margin-right:auto;
	}


.sp_content_cata_box p{
	padding:0px;
	margin:0px;
	font-size:108%;
	line-height: 150%;
	color:#249bb4;
}

.sp_content_cata_box p.pdf{
	margin:0px;
	padding:0px;
	font-size:77%;
	color: #999999;
}

.sp_content_cata_box a{
	position:absolute; /*外すとボックスリンク解除　作業中とかに*/
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	text-indent: -9999px;
	transition:all 0.3s ease;
	}
	
	
.sp_content_cata_box a:hover{
    background-color:#f9f9f9;
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}





/*ビデオ*/

.sp_video{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
}


.sp_video_one_line{
	width:500px;
	margin-left:auto;
	margin-right:auto;
}


.sp_video_box{
	float:left;
	width:440px;
	margin:30px;
}

.sp_video_box img{
	width:160px;
	float:left;
	margin-right:10px;
	transition:all 0.3s ease;
	background-color:#000000;
	}




a:hover.hover_alpha_video img{
	opacity: 0.7;/*画像を透明に*/
	filter: alpha(opacity=70);/*画像を透明に*/	
	}



.sp_video_box_contents{
	width:270px;
	float:left;
}


.sp_video_box p.name{/*youtubeリンク名が1行の時*/
	text-align:left;
	font-size:123.1%;
	line-height: 160%;
	padding:0px;
	margin-top: 16px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
}

.sp_video_box p.name2{/*youtubeリンク名が2行の時*/
	text-align:left;
	font-size:123.1%;
	line-height: 160%;
	padding:0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
}


.sp_video_box p.text{
	text-align:left;
	font-size:80%;
	margin:0px;
	padding:0px;
}

.sp_video_box p.text2{
	text-align:left;
	font-size:93%;
	clear:both;
	color: #787878;
	line-height: 150%;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}