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


/* ----- style.css ----- */

/* アクセサリー対応情報ページ用 css */


/****************************************************
 00. reset
****************************************************/

/* 初期値 リセット */
*,
::before,
::after{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, u, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main{
	display:block;
	}


/****************************************************
 01. base
****************************************************/

body{
	/*max-width:1000px;*/		/*ページの最大幅*/
	max-width:960px;		/*ページの最大幅*/
	padding:0 auto;		/*  */
	margin:0 auto;		/*コンテンツの表示をページのセンターにする*/
	background-color:white;		/*ページの背景色*/
	font-family:"Avenir","Helvetica Neue","Helvetica","Arial", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", "Meiryo", "游ゴシック", "Yu Gothic", "ＭＳ Ｐゴシック", sans-serif;		/*フォントタイプの設定*/
	font-size:1.0em;		/*文字サイズの設定*/
	}


/* ########## 768px 以上 ########## */
@media screen and (min-width:768px){
	
	
	}


/* ########## 768px 未満 ########## */
@media screen and (max-width:767px){
	
	
	}


/* ########## 600px 以上 768px 未満 ########## */
@media screen and (min-width:600px) and (max-width:767px){
	
	
	}


/* ########## 600px 未満 ########## */
@media screen and (max-width:599px){
	
	
	}


/****************************************************
 02. header
****************************************************/

header{
	margin:0 auto;		/*  */
	color:#fff;		/*  */
	}


/* ============================== blue bar ============================== */

header .blue_bar{
	background-color:#0d2ea0;		/*  */
	height:60px;		/*  */
	position:relative;		/*  */
	}


header .blue_bar:after{
	content:"";			/*  */
	display:block;			/*  */
	clear:both;			/*  */
	}


/* ============================== Logo ============================== */

header .blue_bar .bro_logo{
	display:inline-block;
	width:104px;		/*  */
	height:40px;		/*  */
	position:absolute;		/*  */
	top:10px;		/*  */
	bottom:10px;		/*  */
	left:16px;		/*  */
	}


/****************************************************
 03. contents (main)
****************************************************/

/* ============================== メイン ============================== */

main .contents{
	margin:0 auto;
	padding:0.5em 0.25em;		/*文字の上下 左右の余白*/
	font-size:0.9em;
	}


/* ============================== 見出し ============================== */

/* [h1] 左に線＋背景色＋下線 立体感 */
main .contents h1{
	margin-bottom:0.5em;		/*行の余白*/
	padding:0.5em 0.5em;		/*文字の上下 左右の余白*/
	color:#000000;		/*文字色*/
	background-color:#eee;		/*背景色*/
	border-left:solid 5px #7fa308;		/*左線*/
	border-bottom:solid 3px #dedede;		/*下線*/
	font-weight:bold;		/*文字の太さ*/
	font-size:1.25em;	/*文字のサイズ*/
	}


/* [h2] */
/* ============================== 製品名の確認方法 見出し [h2] ============================== */

main .contents h2.index_identification{
	position:relative;		/*相対位置*/
	line-height:1.0em;		/*行の高さ*/
	border-top:solid 3px #dbe9f8;
	border-bottom:solid 3px #dbe9f8;
	background-color:#f8fbfe;
	background-image:url(../img/common/bg_search.png);
	background-repeat:no-repeat;
	background-size:2.0rem auto;
	background-position:0.5rem center;
	padding-left:2.4em;		/*左方向の余白*/
	padding-top:0.25em;		/*行の上方向の余白*/
	padding-bottom:0.25em;		/*行の下方向の余白*/
	margin-top:1.0em;		/*行の余白*/
	margin-bottom:0.25em;		/*行の下方向の余白*/
	vertical-align:middle;		/*縦方向の配置*/
	}


main .contents h2.index_identification ul{
	display:inline-block;
	padding:0.2rem 0.2em;
	font-size:0.9em;		/*文字のサイズ*/
	}


main .contents h2.index_identification li{
	list-style:none;
	float:left;
	padding-left:1.0em;
	padding-right:1.0em;
	border-right:solid 1px #999999;
	line-height:1.0em;
	margin-bottom:0.25em;		/*行の下方向の余白*/
	}


main .contents h2.index_identification li:last-child{
	padding-right:0;
	border-right:none;
	}


/* ============================== キット内容物 見出し [h2] ============================== */

main .contents h2.index_inclusion{
	position:relative;		/*相対位置*/
	line-height:1.0em;		/*行の高さ*/
	border-top:solid 3px #dbe9f8;
	border-bottom:solid 3px #dbe9f8;
	background-color:#f8fbfe;
	background-image:url(../img/common/bg_prframe.png);
	background-repeat:no-repeat;
	background-size:2.0rem auto;
	background-position:0.5rem center;
	padding-left:2.4em;		/*左方向の余白*/
	padding-top:0.25em;		/*行の上方向の余白*/
	padding-bottom:0.25em;		/*行の下方向の余白*/
	margin-top:1.0em;		/*行の余白*/
	margin-bottom:0.25em;		/*行の下方向の余白*/
	vertical-align:middle;		/*縦方向の配置*/
	}


main .contents h2.index_inclusion ul{
	display:inline-block;
	padding:0.2rem 0.2em;
	font-size:0.9em;		/*文字のサイズ*/
	}


main .contents h2.index_inclusion li{
	list-style:none;
	float:left;
	padding-left:1.0em;
	padding-right:1.0em;
	border-right:solid 1px #999999;
	line-height:1.0em;
	margin-bottom:0.25em;		/*行の下方向の余白*/
	}


main .contents h2.index_inclusion li:last-child{
	padding-right:0;
	border-right:none;
	}


/* ============================== マニュアル 見出し [h2] ============================== */

main .contents h2.index_manual{
	position:relative;		/*相対位置*/
	line-height:1.0em;		/*行の高さ*/
	border-top:solid 3px #dbe9f8;
	border-bottom:solid 3px #dbe9f8;
	background-color:#f8fbfe;
	background-image:url(../img/common/bg_manual.png);
	background-repeat:no-repeat;
	background-size:2.0rem auto;
	background-position:0.5rem center;
	padding-left:2.4em;		/*左方向の余白*/
	padding-top:0.25em;		/*行の上方向の余白*/
	padding-bottom:0.25em;		/*行の下方向の余白*/
	margin-top:1.0em;		/*行の余白*/
	margin-bottom:0.25em;		/*行の下方向の余白*/
	vertical-align:middle;		/*縦方向の配置*/
	}


main .contents h2.index_manual ul{
	display:inline-block;
	padding:0.2rem 0.2em;
	font-size:0.9em;		/*文字のサイズ*/
	}


main .contents h2.index_manual li{
	list-style:none;
	float:left;
	padding-left:1.0em;
	padding-right:1.0em;
	border-right:solid 1px #999999;
	line-height:1.0em;
	margin-bottom:0.25em;		/*行の下方向の余白*/
	}


main .contents h2.index_manual li:last-child{
	padding-right:0;
	border-right:none;
	}


/* ============================== 使い方動画 見出し [h2] ============================== */

main .contents h2.index_video{
	position:relative;		/*相対位置*/
	line-height:1.0em;		/*行の高さ*/
	border-top:solid 3px #dbe9f8;
	border-bottom:solid 3px #dbe9f8;
	background-color:#f8fbfe;
	background-image:url(../img/common/bg_video.png);
	background-repeat:no-repeat;
	background-size:2.0rem auto;
	background-position:0.5rem center;
	padding-left:2.4em;		/*左方向の余白*/
	padding-top:0.25em;		/*行の上方向の余白*/
	padding-bottom:0.25em;		/*行の下方向の余白*/
	margin-top:1.0em;		/*行の余白*/
	margin-bottom:0.25em;		/*行の下方向の余白*/
	vertical-align:middle;		/*縦方向の配置*/
	}


main .contents h2.index_video ul{
	display:inline-block;
	padding:0.2rem 0.2em;
	font-size:0.9em;		/*文字のサイズ*/
	}


main .contents h2.index_video li{
	list-style:none;
	float:left;
	padding-left:1.0em;
	padding-right:1.0em;
	border-right:solid 1px #999999;
	line-height:1.0em;
	margin-bottom:0.25em;		/*行の下方向の余白*/
	}


main .contents h2.index_video li:last-child{
	padding-right:0;
	border-right:none;
	}


/* ============================== 対象機種 見出し [h2] ============================== */

main .contents h2.index_model{
	position:relative;		/*相対位置*/
	line-height:1.0em;		/*行の高さ*/
	border-top:solid 3px #dbe9f8;
	border-bottom:solid 3px #dbe9f8;
	background-color:#f8fbfe;
	background-image:url(../img/common/bg_information.png);
	background-repeat:no-repeat;
	background-size:1.6rem auto;
	background-position:0.5rem center;
	padding-left:2.4em;		/*左方向の余白*/
	padding-top:0.25em;		/*行の上方向の余白*/
	padding-bottom:0.25em;		/*行の下方向の余白*/
	margin-top:1.0em;		/*行の余白*/
	margin-bottom:0.25em;		/*行の下方向の余白*/
	vertical-align:middle;		/*縦方向の配置*/
	}



main .contents h2.index_model ul{
	display:inline-block;
	padding:0.2rem 0.2em;
	font-size:0.9em;		/*文字のサイズ*/
	}


main .contents h2.index_model li{
	list-style:none;
	float:left;
	padding-left:1.0em;
	padding-right:1.0em;
	border-right:solid 1px #999999;
	line-height:1.0em;
	margin-bottom:0.25em;		/*行の下方向の余白*/
	}


main .contents h2.index_model li:last-child{
	padding-right:0;
	border-right:none;
	}




/* [h3] 途中で下線の色を変える */
main .contents h3{
	margin-top:1.0em;		/*行の余白*/
	margin-bottom:1.0em;		/*行の余白*/
	padding-bottom:0.25em;		/*行の下方向の余白*/
	border-bottom:solid 2px #dedede;		/*下線1*/
	position:relative;		/**/
	font-weight:bold;		/*文字の太さ*/
	font-size:1.0em;		/*文字のサイズ*/
	}

main .contents h3:after{
	position:absolute;		/**/
	content:" ";		/**/
	display:block;		/**/
	border-bottom:solid 2px #7fa308;		/*下線2*/
	bottom:-2px;		/**/
	width:1.0em;		/*下線2の長さ*/
	}


/* [h4] 全体を線で囲む, 下線は太くする 背景色に下線のみつけたもの*/
main .contents h4{
	margin-bottom:0.5em;		/*行の余白*/
	color:#000000;		/*文字色*/
	padding-left:1.0em;		/*左方向の余白*/
	padding-right:1.0em;		/*右方向の余白*/
	padding-top:0.5em;		/*行の上方向の余白*/
	padding-bottom:0.25em;		/*行の下方向の余白*/
	border-bottom:solid 2px #7fa308;		/*下線*/
	font-weight:normal;		/*文字の太さ*/
	font-size:0.95em;		/*文字のサイズ*/
	background:#f2f2f2;/*背景色*/
	}


/* ============================== アクセサリ 写真と名称 ============================== */

main .contents .box_acc_nophoto-name{
	border:solid 0px #dedede;		/*枠線なし*/
	}


main .contents .box_acc_photo-name{
	border:solid 0px #dedede;		/*枠線なし*/
	display:flex;
	flex-flow:column;
	}


main .contents .box_acc_photo{
	border:solid 0px #dedede;		/*枠線なし*/
	}


main .contents .box_acc_name{
	font-weight:bold;		/*文字の太さ*/
	font-size:1.1em;		/*文字のサイズ*/
	border:solid 0px #dedede;		/*枠線*/
	}


/* ////////// アクセサリ 写真 ////////// */
main .contents .box_acc_photo img{
	display:block;
	max-width:100%;
	height:auto;
	}


/* ////////// アクセサリ 名称 ////////// */
main .contents .box_acc_name ul{
	display:inline-block;
	padding-left:1.0em;		/*左方向の余白*/
	padding-right:0.25em;		/*右方向の余白*/
	padding-top:1.0em;		/*行の上方向の余白*/
	padding-bottom:0.5em;		/*行の下方向の余白*/
	}


main .contents .box_acc_name li{
	list-style-type:none;
	padding-bottom:0.5em;		/*行の下方向の余白*/
	line-height:1.0em;
	}

/* ########## 768px 以上 ########## */

/* PC view では、写真と名称を横並びにする */
@media screen and (min-width:768px){
	main .contents .box_acc_photo-name{
		flex-flow:row;
		margin-bottom:5px;		/*行の余白*/
	}

	main .contents .box_acc_photo{
		flex:1 1 35%;
		}
		
	main .contents .box_acc_name{
		flex:1 1 65%;
		}

	}
/* ##########  ########## */



/* ============================== 製品名の確認方法 イラストと説明テキスト ============================== */

main .contents .box_id_illust-comment{
	border:solid 0px #7fa308;		/*枠線なし*/
	display:flex;
	flex-flow:column;
	}

/* ########## 768px 以上 ########## */

/* PC view では、イラストと説明テキストを横並びにする */
@media screen and (min-width:768px){
	main .contents .box_id_illust-comment{
		flex-flow:row;
		margin-bottom:5px;		/*行の余白*/
	}

	main .contents .box_id_illust{
		flex:1 1 35%;
		}
		
	main .contents .box_id_comment{
		flex:1 1 65%;
		}

	}
/* ##########  ########## */


/* ////////// 製品名の確認方法 イラスト ////////// */
main .contents .box_id_illust img{
	display:block;
	max-width:100%;
	height:auto;
	}


/* ////////// 製品名の確認方法 説明テキスト ////////// */
main .contents .box_id_comment{
	margin-left:1.0em;		/*左方向の余白*/
	}

main .contents .box_id_comment ul{
	display:inline-block;
	padding-left:1.0em;		/*左方向の余白*/
	padding-right:0.25em;		/*右方向の余白*/
	padding-top:1.0em;		/*行の上方向の余白*/
	padding-bottom:0.5em;		/*行の下方向の余白*/
	}


main .contents .box_id_comment li{
	list-style-type:disc;
	padding-bottom:0.5em;		/*行の下方向の余白*/
	line-height:1.0em;
	}


/* ============================== 製品名の確認方法 ============================== */

main .contents .box_identification_model-name{
	margin-bottom:2.0em;		/*行の余白*/
	}


/* ============================== アクセサリ キット内容物 ============================== */

main .contents .box_acc_inclusion{
	margin-bottom:2.0em;		/*行の余白*/
	}


/* ============================== アクセサリ マニュアル ============================== */

main .contents .box_acc_manuals{
	margin-bottom:2.0em;		/*行の余白*/
	}


/* ============================== アクセサリ 使い方動画 ============================== */

main .contents .box_acc_videos{
	margin-bottom:2.0em;		/*行の余白*/
	}


/* ============================== アクセサリ 対象機種 ============================== */

main .contents .box_acc_models{
	margin-bottom:2.0em;		/*行の余白*/
	}


/* ============================== 地域 ナビゲーション ============================== */

main .contents .box_nav_region{
	padding-bottom:0.5em;		/*行の余白*/
	}


main .contents .box_nav_region ul{
	display:inline-block;
	padding:0.2rem 0.2em;
	font-size:0.8em;		/*文字のサイズ*/
	line-height:1.0em;
	}


main .contents .box_nav_region li{
	list-style:none;
	float:left;
	padding-right:1.0em;
	padding-bottom:0.3em;
	padding-left:1.0em;
	padding-top:0.3em;
	}


main .contents .box_nav_region li:last-child{
	padding-right:0;
	}


main .contents .box_nav_region a{
	background-image:url(../img/common/arrow_gw_right.png);
	background-repeat:no-repeat;
	background-position:left center;
	background-size:0.75rem auto;
	padding-left:1.25em;
	font-weight:normal;
	color:#039;
	text-decoration:none;
	}


main .contents .box_nav_region a:hover{
	text-decoration:underline;
	}


/* ============================== アクセサリ キット内容物 写真と名称 リスト ============================== */

main .contents .box_list_inclusion{
	margin-bottom:5px;		/*行の余白*/
	}

main .contents .box_inclusion_photo-name{
	border:solid 1px #dedede;		/*枠線*/
	padding-right:1.0em;		/*右方向の余白*/
	margin-top:1.0em;		/*行の余白*/
	margin-bottom:1.0em;		/*行の余白*/
	display:flex;
	flex-flow:row;
	}

main .contents .box_inclusion_photo{
	padding-left:1.0em;		/*左方向の余白*/
	padding-right:0.25em;		/*右方向の余白*/
	padding-top:0.5em;		/*行の上方向の余白*/
	padding-bottom:0.5em;		/*行の下方向の余白*/
	}
		
main .contents .box_inclusion_name{
	padding-right:0.25em;		/*右方向の余白*/
		}

/* ////////// アクセサリ キット内容物 写真 ////////// */
main .contents .box_inclusion_photo img{
	display:block;
	width:150px;
	height:100px;
	}


/* ////////// アクセサリ キット内容物 名称 ////////// */
main .contents .box_inclusion_name{
	margin-left:1.0em;		/*左方向の余白*/
	}

main .contents .box_inclusion_name ul{
	display:inline-block;
	margin-top:1.0em;		/*行の上方向の余白*/
	margin-bottom:0;		/*行の下方向の余白*/
	margin-left:0.5em;		/*左方向の余白*/
	margin-right:0.5em;		/*右方向の余白*/
	}


main .contents .box_inclusion_name li{
	list-style:none;
	float:left;
	margin-bottom:0.25em;		/*行の下方向の余白*/
	}


main .contents .box_inclusion_name li:after{
	content:' / ';
	padding-left:0.5em;
	padding-right:0.5em;
}

main .contents .box_inclusion_name li:last-child::after{
	content:'';		/* ? */
	padding-right:0;
	}



/* ============================== マニュアル リスト ============================== */
/* ////////// マニュアル リスト ////////// */

main .contents .box_list_manual{
	margin-top:1.0em;		/*行の上方向の余白*/
	margin-bottom:0.5em;		/*行の下方向の余白*/
	margin-left:1.0em;		/*左方向の余白*/
	margin-right:1.0em;		/*右方向の余白*/
	border-top:solid 2px #dedede;		/*枠線あり (2px)*/
	border-bottom:solid 2px #dedede;		/*枠線あり (2px)*/
	border-left:solid 2px #dedede;		/*枠線あり (2px)*/
	border-right:solid 2px #dedede;		/*枠線あり (2px)*/
	background-color:#ffffff;
	display:flex;
	flex-flow:column;
	}


main .contents .list_manual_title{
	border:none 0px #dedede;		/*枠線なし*/
	background-color:#ffffff;
	vertical-align:middle;		/*縦方向の配置*/
	}


main .contents .list_manual_info{
	border:none 0px #dedede;		/*枠線なし*/
	background-color:#ffffff;
	vertical-align:middle;		/*縦方向の配置*/
	}


main .contents .list_manual_link{
	border:none 0px #dedede;		/*枠線なし*/
	background-color:#ffffff;
	vertical-align:middle;		/*縦方向の配置*/
	}


/* ########## 768px 以上 ########## */

/* PC view では、マニュアルリストを横並びにする */
@media screen and (min-width:768px){
	main .contents .box_list_manual{
		flex-flow:row;
		border-top:solid 2px #dedede;		/*枠線あり (2px)*/
		border-bottom:solid 2px #dedede;		/*枠線あり (2px)*/
		border-left:none 0px #dedede;		/*枠線なし*/
		border-right:none 0px #dedede;		/*枠線なし*/
	}

	main .contents .list_manual_title{
		flex:1 1 60%;
		}
		
	main .contents .list_manual_info{
		flex:1 1 20%;
		}
	
	main .contents .list_manual_link{
		flex:1 1 20%;
		}

	}
/* ##########  ########## */


/* ////////// マニュアル 名称 ////////// */
main .contents .list_manual_title ul{
	display:inline-block;
	margin-top:0.25em;		/*行の上方向の余白*/
	margin-bottom:0;		/*行の下方向の余白*/
	margin-left:1.0em;		/*左方向の余白*/
	margin-right:0.5em;		/*右方向の余白*/
	}


main .contents .list_manual_title li{
	list-style:none;
	float:left;
	margin-bottom:0.25em;		/*行の下方向の余白*/
	}


main .contents .list_manual_title li:after{
	content:' / ';
	padding-left:0.5em;
	padding-right:0.5em;
}

main .contents .list_manual_title li:last-child::after{
	content:'';		/* ? */
	padding-right:0;
	}


/* ////////// マニュアル タイプと情報 ////////// */
main .contents .list_manual_info p{
	text-align:center;
	margin:0.5rem 1.0em;
	}


/* ////////// マニュアル リンク（ダウンロード） ////////// */
main .contents .list_manual_link p{
	text-align:center;
	margin:0.5rem 1.0em;
	}

main .contents .list_manual_link a{
	display:block;
	margin:0.5rem 1.0em;
	padding:0.3rem 0.5rem 0.3rem 0.5em;
	color:#5262cc;
	font-weight:bold;
	text-decoration:none;
	line-height:1.6em;		/*行の高さ*/
	border-radius:4px;
	border:1px solid #5262cc;
	background-color:#dee2fe;
	background-image:url(../img/common/arrow_bl_r_1.png);
	background-repeat:no-repeat;
	background-size:auto 1.0em;
	background-position:center center;
	position:relative;		/*相対位置*/
	}


main .contents .list_manual_link a:hover, 
main .contents .list_manual_link a:focus, 
main .contents .list_manual_link a:active{
	color:#ffffff;
	background-color:#5262cc;
	background-image:url(../img/common/arrow_wh_r_1.png);
	}


/* ============================== マニュアル テーブルタイプ ============================== */
/* ////////// マニュアル テーブルタイプ ////////// */

main .contents .tbl-manual-list table{
	table-layout:fixed;
	width:100%;		/**/
	font-size:0.9em;		/*文字のサイズ*/
	margin-bottom:0.5em;		/*  */
	margin-top:1.0em;			/*  */
	margin-left:0;			/*  */
	margin-right:0;			/*  */
}

main .contents .tbl-manual-list table{
	border-collapse:collapse;		/**/
}

main .contents .tbl-manual-list thead th{
	border:1px solid #dedede;		/**/
	vertical-align:middle;		/**/
	padding:0.5em 0.5em;		/*要素の内側の余白（上下、左右）*/
	font-weight:bold;		/**/
	font-size:1.0em;		/*文字のサイズ*/
	line-height:1.0em;		/**/
	text-align:center;		/**/
	background:#8f8f8f;		/**/
	color:#ffffff;		/**/
}

main .contents .tbl-manual-list thead th.thc01{
	width:25%;		/**/
}

main .contents .tbl-manual-list thead th.thc02{
	width:25%;		/**/
}

main .contents .tbl-manual-list thead th.thc03{
	width:25%;		/**/
}

main .contents .tbl-manual-list thead th.thc04{
	width:10%;		/**/
}

main .contents .tbl-manual-list thead th.thc05{
	width:15%;		/**/
}

/* ########## 768px 以上 ########## */
@media screen and (min-width:768px){
	main .contents .tbl-manual-list tbody tr:nth-child(even){
	background:#eee;		/**/
	}
}/* ########## 768px 以上 ########## */

main .contents .tbl-manual-list tbody th, 
main .contents .tbl-manual-list tbody td{
	border:1px solid #dedede;		/**/
	vertical-align:middle;		/**/
	line-height:1.0em;		/**/
	font-weight:normal;		/**/
}

main .contents .tbl-manual-list tbody th{
	padding:0.2em 0.5em;		/*要素の内側の余白（上下、左右）*/
}

main .contents .tbl-manual-list tbody td{
	padding:0.2em 0.5em;		/*要素の内側の余白（上下、左右）*/
}

main .contents .tbl-manual-list tbody th.tbc01{
	text-align:left;		/**/
	font-weight:bold;		/**/
}

main .contents .tbl-manual-list tbody td.tbc02{
	text-align:left;		/**/
}

main .contents .tbl-manual-list tbody td.tbc03{
	text-align:left;		/**/
}

main .contents .tbl-manual-list tbody td.tbc04{
	text-align:center;		/**/
}

main .contents .tbl-manual-list tbody td.tbc05{
	text-align:center;		/**/
}

/* ////////// Model Name (アクセサリ 名称) ////////// */
main .contents .tbl-manual-list tbody th.tbc01 p, 
main .contents .tbl-manual-list tbody td.tbc02 p, 
main .contents .tbl-manual-list tbody td.tbc03 p, 
main .contents .tbl-manual-list tbody td.tbc04 p{
	line-height:1.2em;
	}


/* ////////// マニュアル リンクボタン （ダウンロード） ////////// */
main .contents .tbl-manual-list td.tbc05 a{
	display:block;		/**/
	margin:0.2em 0.2em;		/*要素の外側の余白（上下、左右）*/
	padding:0.25em 0.25em;		/*要素の内側の余白（上下、左右）*/
	color:#0039ae;		/**/
	font-weight:bold;		/*太字にする*/
	text-decoration:none;		/*下線消す*/
	line-height:1.6em;		/*行の高さ*/
	border-radius:4px;			/*角を丸くする*/
	border:1px solid #0039ae;		/**/
	background-color:#dee2fe;		/**/
	}

main .contents .tbl-manual-list td.tbc05 a:hover, 
main .contents .tbl-manual-list td.tbc05 a:focus, 
main .contents .tbl-manual-list td.tbc05 a:active{
	color:#ffffff;		/**/
	background-color:#0039ae;		/**/
	}

/* ########## 768px 未満 ########## */
@media screen and (max-width:767px){
	main .contents .tbl-manual-list thead{
	display :none;		/*テーブル（表）のヘッダ行を非表示にする*/
	}
	main .contents .tbl-manual-list tbody tr, 
	main .contents .tbl-manual-list tbody th , 
	main .contents .tbl-manual-list tbody td{
		display :block;		/**/
		width:auto;		/**/
	}
	main .contents .tbl-manual-list tbody tr{
		border:1px solid  #dedede;		/**/
		box-shadow:2px 2px rgba(0, 0, 0, .1);
		margin-bottom:1.5em;		/**/
		padding:0;		/**/
		border-radius:1px;		/**/
		border-spacing:0px;		/**/
	}
	main .contents .tbl-manual-list tbody th{
		padding:0.5em 0.5em;		/*要素の内側の余白（上下、左右）*/
	}
	main .contents .tbl-manual-list tbody td{
		padding:0.5em 0.5em;		/*要素の内側の余白（上下、左右）*/
	}
	main .contents .tbl-manual-list tbody th.tbc01{
		font-weight:normal;		/**/
		text-align:left;		/**/
		background:#dedede;		/**/
	}
	main .contents .tbl-manual-list tbody td.tbc02 p{
		text-align:left;		/**/
		margin-left:8.0em;		/**/
	}
	main .contents .tbl-manual-list tbody td.tbc03 p{
		text-align:left;		/**/
		margin-left:8.0em;		/**/
	}
	main .contents .tbl-manual-list tbody td.tbc04 p{
		text-align:left;		/**/
		margin-left:8.0em;		/**/
	}
	main .contents .tbl-manual-list tbody td.tbc05 a{
		display:block;		/**/
		margin:0.2em 0.2em 0.2em 8.0em;		/*要素の外側の余白（上、右、下、左）*/
		padding:0.25em 0.25em;		/*要素の内側の余白（上下、左右）*/
		color:#0039ae;		/**/
		font-weight:bold;		/*太字にする*/
		text-decoration:none;		/*下線消す*/
		line-height:1.6em;		/*行の高さ*/
		border-radius:4px;			/*角を丸くする*/
		border:1px solid #0039ae;		/**/
		background-color:#dee2fe;		/**/
	}
	main .contents .tbl-manual-list tbody td:last-child{
		border-bottom:none;		/**/
	}
	main .contents .tbl-manual-list tbody td:before{
		content:attr(data-label);		/**/
		display:inline-block;		/**/
		/*font-weight:normal;*/		/**/
		float:left;		/**/
		text-align:left;		/**/
		padding-right:0.25em;		/**/
		white-space:nowrap;		/**/
	}
} /* ########## 768px 未満 ########## */


/* ============================== 使い方動画 リスト ============================== */

main .contents .box_list_video{
	margin-top:1.0em;		/*行の上方向の余白*/
	margin-bottom:0.5em;		/*行の下方向の余白*/
	margin-left:1.0em;		/*左方向の余白*/
	margin-right:1.0em;		/*右方向の余白*/
	border-top:solid 2px #dedede;		/*枠線あり (2px)*/
	border-bottom:solid 2px #dedede;		/*枠線あり (2px)*/
	border-left:solid 2px #dedede;		/*枠線あり (2px)*/
	border-right:solid 2px #dedede;		/*枠線あり (2px)*/
	background-color:#ffffff;
	display:flex;
	flex-flow:column;
	}


main .contents .list_video_title{
	border:none 0px #dedede;		/*枠線なし*/
	background-color:#ffffff;
	vertical-align:middle;		/*縦方向の配置*/
	}



main .contents .list_video_link{
	border:none 0px #dedede;		/*枠線なし*/
	background-color:#ffffff;
	vertical-align:middle;		/*縦方向の配置*/
	}


/* ########## 768px 以上 ########## */

/* PC view では、動画リストを横並びにする */
@media screen and (min-width:768px){
	main .contents .box_list_video{
		flex-flow:row;
		border-top:solid 2px #dedede;		/*枠線あり (2px)*/
		border-bottom:solid 2px #dedede;		/*枠線あり (2px)*/
		border-left:none 0px #dedede;		/*枠線なし*/
		border-right:none 0px #dedede;		/*枠線なし*/
	}

	main .contents .list_video_title{
		flex:1 1 80%;
		}
		
	main .contents .list_video_link{
		flex:1 1 20%;
		}

	}
/* ##########  ########## */



/* ////////// 動画 名称 ////////// */
main .contents .list_video_title ul{
	display:inline-block;
	margin-top:0.25em;		/*行の上方向の余白*/
	margin-bottom:0;		/*行の下方向の余白*/
	margin-left:1.0em;		/*左方向の余白*/
	margin-right:0.5em;		/*右方向の余白*/
	}


main .contents .list_video_title li{
	list-style:none;
	float:left;
	margin-bottom:0.25em;		/*行の下方向の余白*/
	}


main .contents .list_video_title li:after{
	content:' / ';
	padding-left:0.5em;
	padding-right:0.5em;
}

main .contents .list_video_title li:last-child::after{
	content:'';		/* ? */
	padding-right:0;
	}


/* ////////// 動画 FAQ リンク（ビュー） ////////// */
main .contents .list_video_link p{
	text-align:center;
	margin:0.5rem 1.0em;
	}


main .contents .list_video_link a{
	display:block;
	margin:0.5rem 1.0em;
	padding:0.3rem 0.5rem 0.3rem 0.5em;
	color:#5262cc;
	font-weight:bold;
	text-decoration:none;
	line-height:1.6em;		/*行の高さ*/
	border-radius:4px;
	border:1px solid #5262cc;
	background-color:#dee2fe;
	background-image:url(../img/common/arrow_bl_r_1.png);
	background-repeat:no-repeat;
	background-size:auto 1.0em;
	background-position:center center;
	position:relative;		/*相対位置*/
	}


main .contents .list_video_link a:hover, 
main .contents .list_video_link a:focus, 
main .contents .list_video_link a:active{
	color:#ffffff;
	background-color:#5262cc;
	background-image:url(../img/common/arrow_wh_r_1.png);
	}


/* ============================== 対応モデル リスト ============================== */
/* ////////// 対応モデル リスト ////////// */
main .contents .box_model_comment{
	padding-bottom:1.0em;		/*行の余白*/
	}


main .contents .box_list_model{
	padding-bottom:1.0em;		/*行の余白*/
	}


main .contents .box_region_model{
	padding-bottom:1.5em;		/*行の余白*/
	}


main .contents .box_model_text{
	padding:0 0.5em;		/*文字の上下 左右の余白*/
	font-size:0.9em;		/*文字のサイズ*/
	}

/* ////////// 対応モデル コメント ////////// */
main .contents .box_model_comment{
	padding-bottom:1.0em;		/*行の余白*/
	}

main .contents .box_model_comment ul{
	padding-left:2.0em;		/*左方向の余白*/
	padding-right:1.0em;		/*右方向の余白*/
	padding-top:1.0em;		/*行の上方向の余白*/
	padding-bottom:0.5em;		/*行の下方向の余白*/
	}


main .contents .box_model_comment li{
	list-style-type:square;
	padding-bottom:0.5em;		/*行の下方向の余白*/
	line-height:1.0em;
	/*font-size:1.0em;		/*文字のサイズ*/
	}

/* ////////// 対応モデル コメント 前説明1 (縦並び) ////////// */
main .contents .box_before_comment1{
	margin-top:1.0em;		/*行の上方向の余白*/
	margin-bottom:1.0em;		/*行の下方向の余白*/
	margin-left:2.0em;		/*左方向の余白*/
	margin-right:2.0em;		/*右方向の余白*/
	}

main .contents .box_before_comment1 ul{
	padding-left:0.5em;		/*左方向の余白*/
	padding-right:0.5em;		/*右方向の余白*/
	}

main .contents .box_before_comment1 li{
	list-style-type:square;
	font-size:0.9em;		/*文字のサイズ*/
	padding-bottom:0.5em;		/*行の下方向の余白*/
	line-height:1.1em;
	}


/* ////////// 対応モデル コメント 前説明2 (横並び) ////////// */
main .contents .box_before_comment2{
	margin-top:1.0em;		/*行の上方向の余白*/
	margin-bottom:1.0em;		/*行の下方向の余白*/
	margin-left:0;		/*左方向の余白*/
	margin-right:0;		/*右方向の余白*/
	}

main .contents .box_before_comment2 ul{
	display:inline-block;
	margin-top:0.25em;		/*行の上方向の余白*/
	margin-bottom:0;		/*行の下方向の余白*/
	margin-left:1.0em;		/*左方向の余白*/
	margin-right:0.5em;		/*右方向の余白*/
	}

main .contents .box_before_comment2 li{
	list-style-type:none;
	float:left;
	font-size:0.9em;		/*文字のサイズ*/
	padding-bottom:0.5em;		/*行の下方向の余白*/
	line-height:1.0em;
	}

main .contents .box_before_comment2 li:after{
	content:' / ';
	padding-left:0.5em;
	padding-right:0.5em;
}

main .contents .box_before_comment2 li:last-child::after{
	content:'';		/*  */
	padding-right:0;
	}


/* ////////// 対応モデル コメント 後説明1 ////////// */
main .contents .box_after_comment1{
	margin-top:0.5em;		/*行の上方向の余白*/
	margin-bottom:0.5em;		/*行の下方向の余白*/
	margin-left:1.0em;		/*左方向の余白*/
	margin-right:1.0em;		/*右方向の余白*/
	}

main .contents .box_after_comment1 ul{
	padding-left:0.5em;		/*左方向の余白*/
	padding-right:0.5em;		/*右方向の余白*/
	}

main .contents .box_after_comment1 li{
	list-style-type:square;
	font-size:0.9em;		/*文字のサイズ*/
	padding-bottom:0.5em;		/*行の下方向の余白*/
	line-height:1.1em;
	}


/* ////////// 対応モデル コメント 上付き ////////// */
main .contents span.sup_text{
	font-size:0.8em;
	vertical-align:top;
	position:relative;
	top:-0.1em;
	}

/* ////////// 対応モデル コメント 下付き ////////// */
main .contents span.sub_text{
	font-size:0.8em;
	vertical-align:bottom;
	position:relative;
	bottom:-0.1em;
	}



/* ------------------------------ 対応モデル 補足説明 ------------------------------ */
main .contents .acc-supplemental-info ol{
	counter-reset:list;
	list-style-type:none;
	font-size:0.9em;
	font-weight:normal;
	margin-bottom:0.1em;		/*  */
	margin-top:0.5em;			/*  */
	margin-left:1.0em;			/*  */
	margin-right:1.0em;			/*  */
	padding:0;			/**/
	}

main .contents .acc-supplemental-info ol li{
	line-height:1.5em;
	position:relative;
	padding-left: 2.0em;
	}

main .contents .acc-supplemental-info ol li:before{
	counter-increment:list;
	content:"*"counter(list)" : ";
	display:inline-block;		/**/
	vertical-align:middle;		/**/
	text-decoration:none;		/**/
	margin-top:-0.25em;		/**/
	margin-right:0.5em;		/**/
	margin-left:-3px;		/**/
	position: absolute;
	left: 0.20em;
	top: 0.20em;
	}

main .contents .acc-supplemental-info ul{
	padding-left: 2.0em;
	}

main .contents .acc-supplemental-info ul li{
	line-height:1.5em;
	padding-left: 0.2em;
	}


/* ============================== 対応モデル テーブルタイプ ============================== */
/* ////////// 対応モデル テーブルタイプ ////////// */

main .contents .tbl-model-list table{
	table-layout:fixed;
	width:100%;		/**/
	/*font-size:0.9em;*/		/*文字のサイズ*/
	margin-bottom:0.5em;		/*  */
	margin-top:0.75em;			/*  */
	margin-left:0;			/*  */
	margin-right:0;			/*  */
}

main .contents .tbl-model-list table{
	border-collapse:collapse;		/**/
}

main .contents .tbl-model-list thead th{
	border:1px solid #dedede;		/**/
	vertical-align:middle;		/**/
	padding:0.5em 0.5em;		/*要素の内側の余白（上下、左右）*/
	font-weight:bold;		/**/
	font-size:1.0em;		/*文字のサイズ*/
	line-height:1.0em;		/**/
	text-align:center;		/**/
	background:#8f8f8f;		/**/
	color:#ffffff;		/**/
}

main .contents .tbl-model-list .col01{
	width:64%;		/**/
}

main .contents .tbl-model-list .col02{
	width:12%;		/**/
}

main .contents .tbl-model-list .col03{
	width:24%;		/**/
}

main .contents .tbl-model-list thead th.thc01{
			/**/
}

main .contents .tbl-model-list thead th.thc02{
			/**/
}

main .contents .tbl-model-list thead th.thc03{
			/**/
}

main .contents .tbl-model-list thead th.thc11{
			/**/
}

main .contents .tbl-model-list thead th.thc12{
			/**/
}

main .contents .tbl-model-list thead th.thc13{
			/**/
}

/* ########## 768px 以上 ########## */
@media screen and (min-width:768px){
	main .contents .tbl-model-list tbody tr:nth-child(even){
	background:#eee;		/**/
	}
}/* ########## 768px 以上 ########## */


main .contents .tbl-model-list tbody th, 
main .contents .tbl-model-list tbody td{
	border:1px solid #dedede;		/**/
	vertical-align:middle;		/**/
	line-height:1.0em;		/**/
	font-size:0.90em;		/*文字のサイズ*/
	font-weight:normal;		/**/
}

main .contents .tbl-model-list tbody th{
	padding:0.5em 1.0em;		/*要素の内側の余白（上下、左右）*/
}

main .contents .tbl-model-list tbody td{
	padding:0.5em 0.5em;		/*要素の内側の余白（上下、左右）*/
}

main .contents .tbl-model-list tbody th.tbc01{
	text-align:left;		/**/
}

main .contents .tbl-model-list tbody td.tbc02{
	text-align:center;		/**/
}

main .contents .tbl-model-list tbody td.tbc03{
	text-align:center;		/**/
}


/* ////////// 対応情報 リンク ////////// */
/* ########## 960px 以上 ########## */
@media screen and (min-width:960px){
	main .contents .tbl-model-list p.dlfh_link{
		display:block;		/**/
	}
	main .contents .tbl-model-list p.dlfh_link{
		margin:0.5em 0 0 0;		/*要素の外側の余白（上、右、下、左）*/
	}
	main .contents .tbl-model-list .dlfh_link a{
		color:#1a74ba;		/**/
		text-decoration:none;		/**/
	}
	main .contents .tbl-model-list .dlfh_link a:before{
		content:"";		/**/
		display:inline-block;		/**/
		vertical-align:middle;		/**/
		text-decoration:none;		/**/
		width:6px;		/**/
		height:6px;		/**/
		border-top:2px solid #333;		/**/
		border-right:2px solid #333;		/**/
		-webkit-transform:rotate(45deg);
		transform:rotate(45deg);		/**/
		margin-top:-.25em;		/**/
		margin-right:11px;		/**/
		margin-left:-3px;		/**/
	}
	main .contents .tbl-model-list .dlfh_link a:hover, 
	main .contents .tbl-model-list .dlfh_link a:focus{
		opacity:0.6;		/**/
	}
	main .contents .tbl-model-list .dlfh_link a:hover, 
	main .contents .tbl-model-list .dlfh_link a:focus, 
	main .contents .tbl-model-list .dlfh_link a:active{
		color:#ba1a31;		/**/
		text-decoration:underline;		/**/
	}
}

/* ########## 960px 未満 ########## */
@media screen and (max-width:959px){
	main .contents .tbl-model-list p.dlfh_link{
		display:none;		/**/
	}
}



/* ============================== ページ内のリンク (アンカー指定) ============================== */

main .contents .anchorList1{
	font-size:0.9em;		/*文字のサイズ*/
	line-height:1.0em;		/**/
	margin:1.0em 1.0em;		/*要素の外側の余白（上下、左右）*/
}

main .contents .anchorList1 ul{
	display:inline-block;		/**/
	list-style:none;		/**/
	margin:0;		/**/
	padding:0;		/**/
	margin-left:-10px;		/**/
	margin-bottom:-15px;		/**/
}

main .contents .anchorList1 li{
	float:left;		/**/
	padding-right:15px;		/**/
	border-right:solid 1px #656565;		/**/
	margin:0 0 15px 10px;		/**/
}

/**/ 
main .contents .anchorList1 li:last-child{
	border-right:none;
}
 /**/

main .contents .anchorList1 a{
	color:#1a74ba;		/**/
	text-decoration:none;		/**/
}

main .contents .anchorList1 a:after{
	content:"";		/**/
	display:inline-block;		/**/
	vertical-align:middle;		/**/
	text-decoration:none;		/**/
	width:6px;		/**/
	height:6px;		/**/
	border-top:2px solid #333;		/**/
	border-right:2px solid #333;		/**/
	-webkit-transform:rotate(-225deg);
	transform:rotate(-225deg);		/**/
	margin-top:-.45em;		/**/
	margin-left:10px;		/**/
}

main .contents .anchorList1 a:active,
main .contents .anchorList1 a:hover{
	outline-width:0;		/**/
}
main .contents .anchorList1 a:hover, 
main .contents .anchorList1 a:focus{
	opacity:0.6;		/**/
}

main .contents .anchorList1 a:hover, 
main .contents .anchorList1 a:focus, 
main .contents .anchorList1 a:active{
	color:#ba1a31;		/**/
	text-decoration:underline;		/**/
	}


/* ============================== ページ外のリンク (サイト内は相対パスで指定) ============================== */

main .contents .linkList1{
	margin:2em 0 2em 0;		/*要素の外側の余白（上、右、下、左）*/
}

main .contents .linkList1 ul{
	list-style:none;		/**/
	margin:0 1.0em;		/*要素の外側の余白（上下、左右）*/
	padding:0;		/**/
}

main .contents .linkList1 li{
	padding-left:1em;		/**/
	text-indent:-1em;		/**/
	margin-bottom:7px;		/**/
}

main .contents .linkList1 a{
	color:#1a74ba;		/**/
	text-decoration:none;		/**/
}

main .contents .linkList1 a:before{
	content:"";		/**/
	display:inline-block;		/**/
	vertical-align:middle;		/**/
	text-decoration:none;		/**/
	width:6px;		/**/
	height:6px;		/**/
	border-top:2px solid #333;		/**/
	border-right:2px solid #333;		/**/
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);		/**/
	margin-top:-.25em;		/**/
	margin-right:11px;		/**/
	margin-left:-3px;		/**/
}

main .contents .linkList1 a:hover, 
main .contents .linkList1 a:focus{
	opacity:0.6;		/**/
}

main .contents .linkList1 a:hover, 
main .contents .linkList1 a:focus, 
main .contents .linkList1 a:active{
	color:#ba1a31;		/**/
	text-decoration:underline;		/**/
	}

/* ============================== 行間 ============================== */
.mod-mb10em{
	margin-bottom:1.0em;		/**/
}
.mod-mb15em{
	margin-bottom:1.5em;		/**/
}
.mod-mb20em{
	margin-bottom:2.0em;		/**/
}
.mod-mb25em{
	margin-bottom:2.5em;		/**/
}
.mod-mb30em{
	margin-bottom:3.0em;		/**/
}


/****************************************************
 04. Back to the top on this page （ボタン）
****************************************************/

.backToTop{
	display:none;		/**/
	}

.backToTop.showButton{
	display:block;		/**/
	}

.button-backToTop{
	box-sizing:border-box;		/**/
	width:50px;		/**/
	height:50px;		/**/
	position:fixed;		/**/
	right:20px;		/**/
	bottom:20px;		/**/
	background:#fff;		/**/
	border:solid 1px #ccc;		/**/
	}

.button-backToTop:hover, 
.button-backToTop:focus{
	opacity:0.6;
	}
.button-backToTop:active, 
.button-backToTop:hover{
	outline-width:0;
	}

.button-backToTop:before{
	content:"";		/**/
	display:inline-block;		/**/
	vertical-align:middle;		/**/
	text-decoration:none;		/**/
	width:6px;		/**/
	height:6px;		/**/
	border-top:2px solid #333;		/**/
	border-right:2px solid #333;		/**/
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);		/**/
	border-color:#333;		/**/
	position:absolute;		/**/
	top:2px;		/**/
	right:0;		/**/
	bottom:0;		/**/
	left:0;		/**/
	margin:auto;		/**/
	}


/****************************************************
 04. To the top on this page (Text link)
****************************************************/

.pagetop{
	clear:both;
	text-align:right;
	padding:1.0rem 0.5rem 0.5rem 0.5em;
	}


.pagetop p{
	font-size:0.75em;
	padding:0.2rem 0.5em;
	}


.pagetop a{
	background-image:url(../img/common/arrow_start.png);
	background-repeat:no-repeat;
	background-position:left center;
	background-size:0.5rem auto;
	padding-left:1.0em;
	font-weight:normal;
	color:#039;
	text-decoration:none;
	}


.pagetop a:hover{
	text-decoration:underline;
	}


/****************************************************
05. hooter
****************************************************/

footer{
	border-top:1px solid #999999;
	font-size:0.8em;
	background:#eeeeee;
	margin-top:1.0em;
	margin-bottom:1.0em;
	padding:0.5rem 0.1em;
	}


footer ul{
	display:inline-block;
	margin:0.1rem 2em;
	}


footer li{
	list-style:none;
	float:left;
	margin-right:1.0em;
	padding-right:1.0em;
	border-right:solid 1px #999999;
	}


footer li:last-child{
	padding-right:0;
	border-right:none;
	}


footer .txt-copyright{
	color:#808080;
	text-align:center;
	margin:0.5em;
	}


footer a{
	color:#1a74ba;
	text-decoration:none;
	}


footer a:hover, footer a:focus, footer a:active{
	color:#ba1a31;
	text-decoration:underline;
	}


/****************************************************
99. template
****************************************************/

/* ########## 768px 以上 ########## */
/*@media screen and (min-width:768px){
	
	
	}*/


/* ########## 768px 未満 ########## */
/*@media screen and (max-width:767px){
	
	
	}*/


/* ########## 600px 以上 768px 未満 ########## */
/*@media screen and (min-width:600px) and (max-width:767px){
	
	
	}*/


/* ########## 600px 未満 ########## */
/*@media screen and (max-width:599px){
	
	
	}*/