@charset "utf-8";
/* CSS Document */
/*----------------------------------
SupportTop.css
------------------------------------*/
.SupportTop{
	margin:0;
	padding:0;
}
.SupportTop h2{
	margin:2em 5px 10px 5px;
	border-left: 8px solid #8D9399;
}
.SupportTop h2 + .strongstrong{
	background:#FFF;
	margin:0 0 10px 0;
}

.SupportTop img{
	display:block;
}

/*box横いっぱい*/
.SupportTop dl{
	margin:0 0 7px 0;
	padding:0 0 15px 0;
	background: #FFF;
	border:1px solid #CCC;
}

/*box見出し logo + text*/
.SupportTop dt{
	margin:0;
	padding:12px 12px 10px 12px;
	color:#656565;
	font-size:110%;
	font-weight:normal;
	background:#DED8D0;
	border-bottom:3px solid #8D9399;
}
.SupportTop dt img{
	max-width:100%;
	width:auto;
	padding-bottom:7px;
}

/*enページ*/
.SupportTop_en{
	width:1040px;
	margin:0 auto;
}
.SupportTop_en div{
	float:none;
	width:100%;
}
.SupportTop_en div dl{
	float:left;
	width:calc(50% - 8px) ;
	margin:0 3px 7px 3px;
}
.SupportTop_en div dl.SE,
.SupportTop_en div dl.RF{
}


.SupportTop_en dd li{
	width:100%;
	text-align:center;
}
.SupportTop_en dd li img{
	display:inline;
	vertical-align:bottom;
}
.SupportTop_en div dd.SEPS4{
	float:none;
	width:100%;
}

/*box横2つ並び*/
.SupportToptable{
	display:table;
	width:calc(100% + 14px);
	/*border-collapse:collapse;*/
	
	border-collapse:separate;
	border-spacing: 7px 0;
	margin:0 -7px 10px -7px;
}
.SupportToptable dl{
	display:table-cell;
	width:50%;
	vertical-align:top;
}

/*機種別の中*/
.SupportTop dd{
	margin:0;
}
.SupportTop dd ul{
	margin:0 0 0 15px;
	padding:0;
	list-style:none;
}
.SupportTop dd li{
	margin:0;
	padding:0;
	float:left;
}
.SupportTop-width dd li{
	width:100%;
	text-align:center;
}
.SupportTop-width dd li img{
	display:inline;
	vertical-align:bottom;
}

.SupportTop dd li img{
	margin:0 5px 0 0;
}

/*retorofreak*/
.SupportTop dd.RFmain{
	float:none;
	width:100%;
}


/*suppot seのみ top*/
dl.SE dd{
	float:left;
	width:50%;
}

/*suppot top div.SupportToptable内*/
.SupportToptable dl.SE dd.SE3DS,
.SupportToptable dl.SE dd.SEPS4{
	float:none;
	width:100%;
}
.SupportToptable dl.SE dd.SEWP,
.SupportToptable dl.SE dd.SEPS3{
	float:left;
	width:50%;
}


/*suppot CFのみ top*/
dl.CF dd{
	float:left;
	width:50%;
}

/*suppot top div.SupportToptable内*/
/*.CF3DS .CFPSP.CFWiiU*/
.SupportToptable dl.CF dd{
	float:left;
	width:33.33%;
	margin-bottom:30px;
}
.SupportToptable dl.CF dt{
	clear:both;
}
.SupportToptable dl.CF dd:last-of-type {
	float:none;
	width:100%;
	margin-bottom:10px;
}

/*SFVF*/
dl.SFVF dd{
	float:left;
	width:50%;
}

/*その他の製品*/
dl.other dt{
	font-weight:800;
	font-size:1.2em;
}
dl.other dd{
	
}
dl.other dd ul{
	margin-top:15px;
	position:relative;
}
dl.other dd li a{
	}
dl.other dd img{
	width:100px;margin-right:15px;

}
dl.other dd li:last-child{
	display:block;
	width:7em;
	position:absolute;
	right:15px;
	bottom:0;
	margin:0;
}
dl.other dd li:last-child a{
	display:block;
	text-align:center;
	padding:3px;
	background:#999;
	color:#FFF;
}
dl.other dd li:last-child a:hover{
	background:#174E9D;
}


/*960以下box横並び解除*/
@media(max-width:960px){
	.SupportToptable{
		display:block;
		width:100%;
		margin:0 0 10px 0;
	}
	.SupportToptable dl{
		display:block;
		width:100%;
	}
	dl.SE dd{
		float:none;
		width:100%;
	}
	.SupportToptable dl.SE dd.SE3DS,
	.SupportToptable dl.SE dd.SEPS4,
	.SupportToptable dl.SE dd.SEWP,
	.SupportToptable dl.SE dd.SEPS3{
		float:none;
		width:100%;
	}
	dl.CF dd{
		float:none;
		width:100%;
	}
	.SupportToptable dl.CF dd{
		float:none;
		width:100%;
	}
	dl.SFVF dd{
		float:none;
		width:100%;
	}
	.SupportTop_en div{
		width:100%;
	}
	.SupportTop_en div dl.RF{
		margin-right:0;
		margin-left:0;
	}
	.SupportTop_en div dd.SEPS4{
		float:none;
		width:100%
	}
}


/*機種見出し 下線の色*/
.SupportTop h3{
	color:#333;
	margin:15px 15px 4px 15px;
	padding:0;
	border-width:0 0 2px 0;
	border-style:solid;
}
.SupportTop .RFmain h3{
	border-color:#69F;
}
.SupportTop .CF3DS h3{
	border-color:#FF92A3;
}

.SupportTop .SE3DS h3,
.SupportTop .SB h3{
	border-color:#ED0000;
}

.SupportTop .SEPS4 h3{
	border-color:#004E9E;
}

.SupportTop .CFDS h3{
	border-color:#FF9900;
}
.SupportTop .SEPS3 h3,
.SupportTop .SEWP h3,
.SupportTop .CFPS3 h3{
	border-color:#EEB7BA;
}
.SupportTop .CFWiiU h3{
	border-color:#68D4E7;
}
.SupportTop .CFWii h3{
	border-color:#82BF4A;
}
.SupportTop .CFPSP h3,
.SupportTop .SF h3,
.SupportTop .VF h3{
	border-color:#86A3CC;
}

/*-----------------------------------------*/
/*サポートトップメニュー bottom ul 4つボタン*/
.SupportOther{
	margin:0 -2px 0 0;
	padding:0;
	list-style:none;
}
.SupportOther li{
	float:left;
	/*width:217px;*/
	width:25%;
	min-width:210px;
	margin:0;
	padding:0;
}
	
.SupportTop .SupportOther div{
	float:none;
	/*height:60px;
	width:210px;*/
	margin:0 2px 2px 0;
	padding:0;
	border:1px solid #CCC;
}
.SupportOther li a{
	display:block;
	margin:1px;
	padding:0;
	border:1px solid #FFF;
	/*outline:2px solid #DDD;*/
	background-position:right top;
	background-repeat:no-repeat;
	background-color:transparent;
}
.SupportOther li a img{
	display:block;
}
@media(max-width:960px){
	.SupportOther{
		margin:0 2px 0 0;
	}
	.SupportOther li{
		width:50%;
	}
	.SupportTop .SupportOther div{
		margin:0;
	}
}
@media(max-width:640px){
	.SupportOther li{
		width:100%;
	}
}

.SupportOther li div{
	background-image: -webkit-linear-gradient(top, #FFF 0%, #E8E8E8 100%);
	background-image: linear-gradient(to bottom, #FFF 0%, #E8E8E8 100%);
}

.SupportOther li div:hover{
	background-image: -webkit-linear-gradient(top, #FFF 0%, #D5DFED 100%);
	background-image: linear-gradient(to bottom, #FFF 0%, #D5DFED 100%);
}

.SupportTop ul.SupportOther li a:hover{
	background-position:right bottom;
	background-repeat:no-repeat;
}

/*4つボタン 画像*/
.SupportOther li.support_faq a{
	background-image:url(support/support_faq_bg.png);
}
.SupportOther li.support_other a{
	background-image:url(support/support_other_bg.png);
}
.SupportOther li.support_ripair a{
	background-image:url(support/support_ripair_bg.png);
}
.SupportOther li.support_contact a{
	background-image:url(support/support_contact_bg.png);
}


/*old ハード別サポート一覧用*/
.CFsupport_list{
	list-style:none;
	margin:0 10px;
}
.CFsupport_list li{
	border-bottom:1px solid #DDD;
	margin:0;
	padding:5px 0;
}
.CFsupport_list li:last-child{
	border-bottom:none;
}
.CFsupport_list img{
	display:block;
	max-width:100%;
	width:auto;
}

/*-------------------------*/
/*サポート標準*/
/*-------------------------*/
.supportmain{
	position:relative;
	margin:0;
	background:#FFF;
	padding:25px;
	border:1px solid #CCC;
}
@media(max-width:640px){
	.supportmain{
		padding:15px;
	}
}

/*----------------------------------
SupportBox.css
------------------------------------*/
#SupportBox h2{
	position/*\**/: relative\9;/*ieハック　IE7,IE8のみ適応　背景消え対策*/
	font-weight:bold;
	font-size:125%;
	line-height:135%;
	margin:0 0 15px 0;
	border-left:8px solid #8BA6CE;
	padding:5px 0 5px 15px;
	background:#EFEFEF;
}
#SupportBox a{
	text-decoration:underline;
}

#SupportBox .main_photo{
	text-align:center;
	margin-bottom:0.5em;
	width:100%;
}
#SupportBox .main_photo img{
	padding-bottom:10px;
	width:auto;
	max-width:100%;
}
/*パケ画像　アルファ*/
.SupportTop a:hover img,
#SupportBox a:hover img {
    opacity: 0.7; 
    filter: alpha(opacity=70); 
}


/*SE CFサポートのトップ画像用*/
.main_photo250 img{
	height:250px;
}
.main_photo150 img{
	height:150px;
}

/*olの数字変更*/
#SupportBox ol{
	/*font-family:"Arial Black" ,"Helvetica" , sans-serif;*/
	font-family: "Arial Black" ,"SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	font-weight:700;
	/*color:#174E9D;*/
}
#SupportBox ol li *,
#SupportBox ol.beginner{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:normal;
	font-size: small;

}
#SupportBox ol li em{
	color:#F00;
}

/*サポート　機種別のトップ*/
/*サポートメインメニュー2*/
dl.Supportmainmenu{
	margin:0 auto;
}
dl.Supportmainmenu dt{
	width:150px;
	float:left;
	margin:0px 0;
	padding:10px 0 0 0;
}

dl.Supportmainmenu dd{
	position/*\**/: relative\9;/*ieハック　IE7,IE8のみ適応　背景消え対策*/
	width:auto;
	margin:0 0 15px 150px;
	padding:25px;
	border:5px solid #E9E9E9;
	border-radius:8px;
}
@media(max-width:640px){
	dl.Supportmainmenu dt{
		width:100%;
		float:none;
		margin:0 0 5px 0;
		padding:0;
		background:#E6E6E6;
		border-radius:8px;
	}
	dl.Supportmainmenu dt img{
		display:block;
	}
	dl.Supportmainmenu dd{
		position:relative;
		margin:0 0 15px 0;
		padding:15px;
	}
}

.Supportmainmenu ul{
	/*list-style:url(list_yazirusi.gif);*/
	list-style:none;
	margin:0 0 -10px 0;
	padding:0;
}
.Supportmainmenu li{
	margin:0 0 15px 0;
	padding:0 10px 0 18px;
	border-bottom:1px dashed #999;
	background:url(list_yazirusi3.png) no-repeat left top;
}
.Supportmainmenu li.last{
	margin:0 0 0 0;
	border-bottom:none;
}
.Supportmainmenu li a{
	display:block;
	margin:0;
	padding:0 0 5px 0;
	font-weight:bold;
}

.Supportmainmenu li p{
	margin:0;
	padding:0 0 5px 0;
}



div.Supportmainmenu {
	position/*\**/: relative\9;/*ieハック　IE7,IE8のみ適応　背景消え対策*/
	margin:0 2px 2em 2px;
	padding:25px;
	border:2px solid #CCC;
	border-radius:8px;
}

.Supportmainmenu + .link_b{
	margin-top:10px;
}
.Supportmainmenu + h3{
	margin-top:50px;
}

/*PS4SE top*/
.Support_top_content{
	position/*\**/: relative\9;/*ieハック　IE7,IE8のみ適応　背景消え対策*/
	margin:0 2px 2em 2px;
	padding:25px;
	border:2px solid #CCC;
	border-radius:8px;
}





/*リンクボタン*/
.link_b{
	margin:0 0 10px 0;
	padding:0;
	clear:both;
	text-align:center;
}

.link_b a{
	margin:5px auto 5px auto;
	padding:15px;
	display:block;
	box-sizing:border-box;
	text-align:center;
	font-size:110%;
	font-weight:bold;
	color:#333;
	background:#EFEFEF;
	border:1px solid #CCC;
	border-radius:8px;
}
#SupportBox .link_b a{
	text-decoration:none;
}
.link_b a:hover{
	background:#174E9D;
	color:#FFF;
}



/*サポート内部ページ*/
.introtextOuter{
	float:left;
	width:55%;
}
.howtoindex{
	background:#F3F3F3;
	width:40%;
	margin-bottom:20px;
	float:right;
}
@media(max-width:960px){
	.introtextOuter{
		float:none;
		width:auto;
	}
	.howtoindex{
		float:none;
		width:auto;
	}
}
.howtoindex h4{
	background:#BBB;
	margin:0;
	padding:1px 3px;
	color:#FFF;
}
.howtoindex ul{
	margin:10px .5em;
	list-style:circle;
}

@media(max-width:960px){
	.howtoindex ul{
		margin:10px .5em 10px 2em;
	}
}


/*ソフトのインストール方法など、子ドキュメントを
親にdittoで表示するときの枠*/
.howtocontent{
	position/*\**/: relative\9;/*ieハック　IE7,IE8のみ適応　背景消え対策*/
	margin:10px 0 30px 0;
	clear:both;
	padding:10px 20px 0 20px;
	border:1px solid #CCC;
}
.howtocontent p img{
	width:auto;
	max-width:100%;
}

.howtocontent h3{
	font-weight:bold;
	font-size:110%;
	margin:0 -28px 15px -28px;
	padding:3px 5px 3px 8px;
	color:#FFF;
	border-bottom:none;
	border-left:8px solid #174E9D;
	border-right:8px solid #174E9D;
	background:#8BA6CE;
}
.howtocontent h4{
	font-weight:bold;
	font-size:100%;
	background:#FFF;
	color:#174E9D;
	border-bottom:1px solid #174E9D;
	margin:5px 0 1em 0;
	padding:2px 0;
}
.howtocontent h5{
	font-weight:bold;
	font-size:100%;
	margin:5px 0 1em 0;
	border-left:5px solid #CCC;
	color:#666;
	padding:0 0 0 3px;
}
.howtocontent dl{
	margin:5px 0 2em 0;
}
.howtocontent dt{
	background:#EEE;
	padding:0px 2px;
}
.howtocontent dd{
	margin:0 0 1.5em 0;
}

.howtocontent dt img{
	vertical-align:middle;
	padding:3px;
}

.SupporContent{
	padding:25px;
	border:1px solid #CCC;
}

.SupporContent + .SupporContent,
.SupporContent + h3{
	margin-top:2em;
}
.main_photo + h3{
	margin-top:1em;
}

/*-----------------------------------
バージョンアップ情報 dl
------------------------------------*/
.upgreadInfo{
	margin:0 0;
	border:5px solid #DDD;
}
.upgreadInfo dt{
	float:left;
	width:30%;
	background:#BBB;
	margin:0;
	padding:0;
	font-weight:bold;
	color:#FFF;
	border:none;

}
.upgreadInfo p{
	margin:10px;
	padding:0;
}
.upgreadInfo dd{
	float:right;
	width:70%;
	margin:0;
	padding:0;
}
.upgreadInfo dt.alt{
	background:#AAA;
}
.upgreadInfo dd.alt{
	background:#EFEFEF;
}
.upgreadInfo ul,
.upgreadInfo ol{
	margin:10px 10px 10px 1em;
}
.upgreadInfo ul ul.note{
	margin:0 0 0 0;
}
.upgreadInfo ul ul.note ul{
	list-style:disc;
}
.upgreadInfo h4{
	background:#DDD;
}
.upgreadInfo h4,
.upgreadInfo h3{
	margin:10px;
}

@media(max-width:960px){
	.upgreadInfo dt,
	.upgreadInfo dd{
		float:none;
		width:auto;
		padding:10px;
	}
	.upgreadInfo dt p{
		margin:0;
	}
	.upgreadInfo ul,
	.upgreadInfo ol{
		margin:0 0 10px 1em;
	}
	.upgreadInfo p{
	margin:0 0 10px 0;
	padding:0;
	}
	.upgreadInfo h4,
	.upgreadInfo h3{
	margin:0 0 10px 0;
	}
}


/*サポートボックス内テーブル*/
div.otherbox{
	position/*\**/: relative\9;/*ieハック　IE7,IE8のみ適応　背景消え対策*/
	margin:0 0 10px 0;
	padding:25px;
	border:1px solid #CCC;
	background:#FFF;
}
#SupportBox table{
	margin:10px 0;
	border-collapse:collapse;
	border:1px solid #999999;
	}
#SupportBox table a{
	text-decoration:none;
}
#SupportBox table caption{
	font-weight:bold;
	background:#999999;
	color:#FFFFFF;
	padding:1px 3px 0 5px;
	}
#SupportBox th,
#SupportBox td{
	border:1px solid #999999;
	padding:5px 8px;
	}

#SupportBox th{
	background:#EFEFEF;
	text-align:center;
	font-weight:normal;
	}
#SupportBox thead th,
#SupportBox tr.thead th,
div.faq table thead th{
	background:#CCCCFF;
	text-align:center;
	}
#SupportBox td{
	text-align:center;
	}
/*その他製品のサポートテーブル*/
#SupportBox table.other{
	width:100%;
}
#SupportBox table.other td{
	text-align:left;
}
#SupportBox table.other tbody th{
	width:15%;
}
/*tr でしましま 偶数番目の指定*/
.zebra tr:nth-child(even){
	background:#EAEAEA;
}


	
/*問い合わせ、電話メール案内の画像*/
.support_inq{
	position/*\**/: relative\9;/*ieハック　IE7,IE8のみ適応　背景消え対策*/
	text-align:center;
	padding:10px;
	border:2px solid #DDD;
	margin:5px 0 2em 0;
	border-radius:8px;
}
.support_inq:hover{
	border:2px solid #0083D6;
	background-image: -webkit-linear-gradient(top, #FFF 0%, #F0F9FF 100%);
	background-image: linear-gradient(to bottom, #FFF 0%, #F0F9FF 100%);
}
.support_inq + .support_inq{
	margin-top:-1em;
}
.support_inq + h3{
	margin-top:3em;
}
.support_inq img{
	vertical-align:bottom;
	max-width:100%;
	width:auto;
}
.support_inq p{
	margin:0;
	padding:0;
}



/*ダウンロード div*/
/*----------------------------------
ソフトのダウンロードなど liアイコン部分

1アイテムの場合
<ul class="DownloadBox"><li><a>

見出しが必要な場合
<div class="DownloadBox"><ul><li><a> の構造
---------------------------------*/
.DownloadBox{
	margin:10px 0;
	padding:20px 20px 5px 20px;
	background:url(support/DownlodBox_bg2.png) #FFF no-repeat right bottom;
	position:relative; /*ieで背景が消えるバグ用ハック*/
	border:3px solid #DDD;
	border-radius:10px;
	line-height:130%;
}
.Support_top_content .DownloadBox,
.Support_top_content .readerKokuti{
	margin-left:2em;
	margin-right:2em;
}
.Support_top_content ol .DownloadBox{
	margin-left:0;
	margin-right:0;
}

@media(max-width:960px){
	.DownloadBox{
		background-size:50%;
	}
	.Support_top_content .DownloadBox,
	.Support_top_content .readerKokuti{
		margin-left:0;
		margin-right:0;
	}
}
	
.DownloadBox p{
	margin-bottom:1em;
}
.DownloadBox ul{
	list-style:none;
	margin:0;
	padding:0;
}
.DownloadBox li{
	list-style:none;
	margin:0;
	padding:0 0 1.5em 0;
}
#SupportBox ol li a{
	font-weight:bold;
}
#SupportBox .DownloadBox li a{
	text-decoration:none;
}
#SupportBox .DownloadBox li a:hover{
	text-decoration:underline;
}
.DownloadBox li a{
	display:block;
	font-weight:bold;
	text-decoration:none;
	color:#FFF;
	padding:13px 10px 13px 45px;
	margin:0 0 10px 0;
	border-radius:10px;
	box-shadow: #CCC 0px 2px 2px;
	
	background-image: url(support/icon_download2.png),
		-webkit-linear-gradient(top, #fff 0%, #000 100%);
	background-image: url(support/icon_download2.png),
        linear-gradient(to bottom, #C2E8FF 0%, #2584F4 100%);
	background-repeat:no-repeat;
	background-position:0 50%;
}
.DownloadBox li a:hover{
	background: url(support/icon_download2.png) #174E9D;
	background-repeat:no-repeat;
	background-position:0% 50%;
}

.DownloadBox h5{
	margin-top:0;
	margin-bottom:0.8em;
}
.DownloadBox + h4{
	margin-top:2em;
}

/*イレギュラー　ソフト別に色違いの場合 div.DownloadBox */
.bcolorBlue{
	border:3px solid #CCE7FF;/*うす水色*/
}
.bcolorYellow{
	border:3px solid #FFEDB8;/*うすい黄*/
}
.bcolorPink{
	border:3px solid #FFDBED;/*うすいピンク*/
}
.bcolorGreen{
	border:3px solid #CCE599;/*きみどり*/
}
.bcolorYellow h5{
	border-left:5px solid #FC3;/*黄*/
}
.bcolorPink h5{
	border-left:5px solid #F9C;/*ピンク*/
}
.bcolorGreen h5{
	border-left:5px solid #99CC33;/*きみどり*/
}

/*typeII（PSP用）シリアル番号入力フォーム div.DownloadBox*/
.bodernone{
	border-width:0;
	padding:0;
}

/*シリアル入力ダウンロードボタン*/
.DownloadBox form{
	border:2px solid #DDD;
}

.DownloadBox form p{
	text-align:center;
}
.DownloadBox form h4{
	text-align:center;
	background:#009BDB;
	border:none;
	color:#FFF;
	margin:3px;
	padding:2px 0;
}


/*ライセンス表記*/
.Licence{
	background:#DDD;
	font-size:90%;
	line-height:110%;
	margin:0px 0 10px 0;
	padding:20px 25px;
}
.Licence p{
	margin:0;
	padding:0;
}

/*コードフリークを使ったインストール*/
.beginner{
	list-style:none;
}
.beginner li{
	margin-bottom:2em;
	margin-left:0;
	padding-left:34px;
	text-indent:-34px;
}
.beginner ul.note{
	margin-left:0;
}
.beginner li li{
	margin-bottom:5px;
	padding-left:0;
	text-indent:0;
}
.beginner li img{
	vertical-align:top;
	padding:2px;
}


/*wii　Wii本体のバージョン確認方法　table*/
#SupportBox .cfWiiSettinginfo_howto,
#SupportBox .cfWiiSettinginfo_howto td,
#SupportBox .cfWiiSettinginfo_howto th{
	border-top:none;
	border-right:none;
	border-bottom:none;
	border-left:none;
}
#SupportBox .cfWiiSettinginfo_howto td,
#SupportBox .cfWiiSettinginfo_howto th{
	text-align:left;
	padding:5px;
}

/*計算式用のbox div*/
.mathbox{
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	line-height:150%;
	padding:15px;
	margin:0 0 1.5em 0;
	border-color:#CCC;
	border-style:solid;
	border-width:1px 1px 1px 8px;
}
.mathbox p{
	margin:0;
	padding:0;
}

/*----------------------------------
よくある質問リスト リスト一覧ページ
-----------------------------------*/
/*一覧外ボックス*/
.faqOuter{
	position:relative;
	margin:0;
	background:#FFF;
	padding:25px;
	border:1px solid #CCC;
}
.faqOuter h3{
	margin-bottom:0;
}

.faqOuter + .faqOuter{
	margin-top:10px;
}

/*パケ画像*/
.faqListProdacts{
	list-style:none;
	margin:0 10px;
	padding:0;
}
.faqListProdacts li{
	float:left;
	margin:0;
	padding:0;
}

/*質問リスト ul*/
.faqList{
	list-style:none;
	margin:0;
	padding:0;
}
.faqList li{
	margin:0 0 5px 0;
	padding:20px;
	border:1px solid #CCC;
	border-radius:8px;
	line-height:1.5rem;
}
.faqList li:hover{
	background-color:#EEE;
}

.faqList li ul{
	list-style:none;
}

.faqList li li{
	border:none;
	margin: 0 0 0.5em 1.5em;
	padding:0;
	line-height:130%;
}

/*各サポートトップの質問リスト ul　li横並び*/
.faqListflex{
	display: -webkit-flex; /* Safari */
	display:flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap: wrap;
	flex-flow: row wrap;
	align-items:stretch;
	list-style:none;
	margin:0 -5px;
	padding:0;
	clear:both;
}

.faqListflex li{
	width: calc(50% - 10px);
	box-sizing:border-box;
	margin:5px;
}

@media(max-width:960px){
	.faqListflex{
		display:block;
		margin:0 0;
	}
	.faqListflex li{
		width:100%;
		margin:5px 0;
		padding:15px;
	}
}

/*質問*/
#SupportBox .faqList a{
	font-weight:bold;
	text-decoration:none;
	font-size:1rem;
}


/*-------------------------------------
よくある質問 答えのページ dl
---------------------------------------*/
dl.faq{
	margin:0;
	padding:0;

	}
dl.faq img{
	padding:0 0 10px 0;
}
.faq dt{
	margin:0 0 2em 0;
	color:#000;
	font-size:1.2rem;
	line-height:1.5rem;
	}
.faq dt:first-letter,
.faq dd:first-letter,
.faqList li:first-letter{
	font-size:3rem;
	font-weight:900;
	font-family:"Arial Black", Arial;
}
.faqList li:first-letter{
	font-size:2rem;
}
.faq dt:first-letter,
.faqList li:first-letter{
	color:#069;
}
.faq dd:first-letter{
	color:#C30;
}

dl.faq dt div.faqHead,
ul.faqList li div.faqHead{
	display: flex;
	border:none;
	border-top:1px dashed #999;
	padding:10px 0;
	font-size:1rem;
	line-height:1.5rem;
	font-weight:normal;
	}
ul.faqList li div.faqHead{
	font-size:small;
}
/*FAQ対象商品　tag faqHead内*/
dl.faq div p.FAQProdacts,
ul.faqList li div p.FAQProdacts{
	display:block;
	width:3em;
	margin:0;
}

.FAQProdacts span{
	display:block;
	background:#999999;
	border-radius:5px;
	color:#FFF;
	text-align:center;
	padding:0.2em;
	line-height:1em;
}
.FAQProdacts + ul{
	margin: 0;
	flex: 1 0 auto;
}
.FAQProdacts + ul li{
	margin: 0 0 0.5em 0.5em;
	line-height:120%;
}
.faqList .FAQProdacts + ul li{

}
.faq .FAQProdacts + ul{
	list-style:none;
}
.faq .FAQProdacts + ul li::after,
.faq .FAQProdacts + ul li::before {
  content:none;
}




ul.FAQtag{
	margin:0;
	
}
dl.faq ul.FAQtag li::after,
dl.faq ul.FAQtag li::before {
  content:none;
}
ul.FAQtag li{
	display:inline-block;
	border:1px solid #999;
	border-radius:5px;
	margin:0 3px 0 0;
	padding:0 5px;
}


.faq dd{
	margin:0 0 2em 0
}


dl.faq dd dl{
	margin:5px 1.5em 2em 0;
	padding:0 0 0 0;
}
.faq dd dt:first-letter,
.faq dd dd:first-letter,
.faqList li li:first-letter{
	font-size: small;
	font-weight:bold;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Verdana, "ＭＳ Ｐゴシック", sans-serif;/*もどす*/
	color:#000;
}
.faq dd dd:first-letter,
.faqList li li:first-letter{
	font-weight:normal;
}
.faq dd dt{
	font-size: small;
	line-height: 130%;
	padding:5px;
	background-image:none;
	background-color:#EEE;
	border-radius:5px;
}
dl.faq dd dd{
	padding:5px;
	background-image:none;
}

dl.faq dd p{
	margin:0 0 1.5em 0;

}
dl.faq dd h4{
	margin:0.5em 0 0.5em 0;

}
#SupportBox ol li h4{
	font-weight:bold;
}
dl.faq li p{
}

dl.faq li p.main_photo img{
	max-width:100%;
		width:auto;
		height:auto;
}


dl.faq div{
	border:1px solid #DDD;
	padding:5px 5px 0 5px;
	margin:10px 0;
	border-radius:5px;
}
dl.faq div h5{
	border-bottom:1px dashed #AAA;
	margin:0 10px;
}
dl.faq div p{
	margin:0 10px 10px 10px;
}
dl.faq p.main_photo{
	margin:1.5em 0;
}

/*faq内のリスト　青丸＞*/
dl.faq ul{
	list-style:none;
}
dl.faq ul li{
  position: relative;
}
dl.faq ul li::after,
dl.faq ul li::before {
  display: block;
  content: '';
  position: absolute;
}
dl.faq ul li::after{
  top: .2em;
  left: -1em;
  width: .8em;
  height: .8em;
  background-color: #0058A1;
  border-radius: 100%;
}
dl.faq ul li::before{
  z-index: 2;
  top: .4em;
  left: -.8em;
  width: .2em;
  height: .2em;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}


/*note リストマーククリア*/
dl.faq ul.note{
	list-style:none;
	margin:0.5em 0 2em 0;
}
dl.faq ul.note li::after,
dl.faq ul.note li::before {
  content:none;
}

@media(max-width:640px){
	dl.faq dt div.faqHead,
	ul.faqList li div.faqHead{
		display:block;
	}
	dl.faq div p.FAQProdacts,
	ul.faqList li div p.FAQProdacts{
		margin-bottom:5px;
	}
}




/*関連した質問*/
.RelationPage{
	margin-top:10px;
	border:1px dashed #CCC;
	padding:5px;
}
.RelationPage h4{
	margin:0 0 10px 0;
	padding:2px;
}
.RelationPage ul{
	list-style:none;
	margin-bottom:8px;
	padding:0;
}
/*関連項目リストマーク　グレー■＞*/
.RelationPage ul li {
  position: relative;
}
.RelationPage ul li::after,
.RelationPage ul li::before {
  display: block;
  content: '';
  position: absolute;
}
.RelationPage ul li::after {
  top: .2em;
  left: -1em;
  width: .8em;
  height: .8em;
  background-color: #999;
  border-radius: 10%;
}
.RelationPage ul li::before {
  z-index: 2;
  top: .4em;
  left: -.8em;
  width: .2em;
  height: .2em;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.RelationPage + p{
	margin-top:20px;
}


/*------------------*/
/*その他の製品サポート*/
/*ダウンロード使用許諾　div.DLkyodaku ul*/
/*対応状況リスト div.Taiou_lists ul*/
.Taiou_lists{
	margin:10px 0 40px 0;
	
}
.Taiou_lists ul{
	list-style:none;
	margin:0;
}
	
.Taiou_lists li{
	margin:0;
	border-bottom:1px solid #CCC;
	padding:10px;
}
/*.Taiou_lists li:nth-child(2n+1){
	background:#FFF;
}
.Taiou_lists li:nth-child(2n+0){
	background:#EEE;
}*/
.Taiou_lists p{
	margin:0;
}
.Taiou_lists img{
	margin-right:3px;
}
.Taiou_lists small{
}
.Taiou_lists h4{
	margin:10px 0 0 0;
	padding:3px;
}
.Taiou_lists ul ul li{
	padding-left:2em;
}

.Taiou_lists ul ul li:last-child{
	padding-bottom:0;
	border-bottom:none;
}
.DLkyodaku {
	margin:10px 0 40px 0;
	padding:0;
	border:1px solid #CCC;
	border-bottom:none;
}

.DLkyodaku ul{
	margin:0;
	padding:0;
	list-style:none;
}

.DLkyodaku li{
	margin:0;
	padding:8px 20px;
	border-bottom:1px solid #CCC;
}
.DLkyodaku li{
	padding:20px 30px;
}

#SupportBox .DLkyodaku a{
	display:block;
	margin:0;
	padding:0 0 0 18px;
	color:#333;
	text-decoration:none;
}

#SupportBox .DLkyodaku a{
	background:url(list_yazirusi2.png) no-repeat left center;
}


.DLkyodaku li:hover{
	background:#B8D4F1;
}
@media(max-width:960px){
	.Taiou_lists li,
	.DLkyodaku li{
		padding:8px;
	}
}


/*その他サポート　機種ごとの各項目　重要なお知らせ　ダウンロード*/		
.otherlists{
	list-style:none;
	margin:0 -8px 0 0;
	padding:0;
	line-height:130%;
}
.otherlists li{
	width:calc(33.33% - 40px);
	background-color:#FFF;
	background-repeat:no-repeat;
	background-position:right top;
	border:1px solid #CCC;
	margin:0 8px 8px 0;
	padding:25px 15px 15px 15px;
	float:left;
}

@media(max-width:960px){
	.otherlists li{
		width:calc(50% - 40px);
	}
}
@media(max-width:640px){
	.otherlists li{
		width:calc(100% - 40px);
		margin:0 0 8px 0;
	}
}

.otherlists .supporttpopics_important{
	background-image:url(supporttpopics_important.png);
}
.otherlists .supporttpopics_download{
	background-image:url(supporttpopics_download.png);
}

.otherlists li{
	position:relative;
}
.otherlists div.supporttpopics{
	position:absolute;
	top:0;
	right:0;
	text-align:right;
}
.otherlists div.supporttpopics span{
	font-size:12px;
	line-height:110%;
	padding:1px 5px;
	color:#FFF;
}
.otherlists span.imp{
	background:#CC3300;
}
.otherlists span.dl{
	background:#063;
}
.otherlists span.sup{
	background:#00458A;
}
.otherlists span.che{
	background:#73A8B9;
}
.otherlists span.upd{
	background:#699256;
}

.otherlists li:hover{
	background-color:#CCC;
}

.otherlists h4{
	background-color:transparent;
}
.otherlists h4 img{
	width:100px;
	border:1px solid #CCC;
	margin:0 5px 0 0;
	padding:0;
	vertical-align:bottom;
	float:left;
}
.otherlists a:link{
	text-decoration:none;
}
.otherlists .filesize{
	margin:-10px 0 5px 0;
	padding:0;
}
.otherlists + h3{
	margin-top:3em;
}



/*-----------------------------------
support_pickup
-------------------------------------*/
/*support*/
/*集配サービスの流れ*/
div.support_pickup_s1,
div.support_pickup_s2,
div.support_pickup_s3{
	width:640px;
	height:auto !important;
	min-height:230px;
	margin:20px auto;
	padding:0;
	position:relative;/*ieでボックス内が透けるバグ用ハック*/

	text-align:left;
	border:2px solid #DDD;
	border-radius:5px;
	}
span.arrowline{
	background:url(SupportPickUp/support_pickup_aroowline.gif) no-repeat center center;
	display:block;
	margin:0 0;
	padding:0 0;
	}
div.support_pickup_s1{
	background:url(SupportPickUp/01pict.gif) #FFF no-repeat 15px 55px;
	}
div.support_pickup_s2{
	background:url(SupportPickUp/02pict.gif) #FFF no-repeat 15px 55px;
	}
div.support_pickup_s3{
	background:url(SupportPickUp/03pict.gif) #FFF no-repeat 15px 55px;
	}

small{
	font-size:80%;
	}
/*集配サービスの流れ-各項目の中身*/
span.arrowline div h4{
	width:610px;
	height:23px;
	border:none;
	background:#E2E2E2;
	margin:15px;
	padding:0;
	border-radius:5px;
	}
span.arrowline div h5{
	border-bottom:1px #999999 dashed;
	color:#666666;
	font-size:100%;
	margin:0 15px 0.5em 185px;
	}
span.arrowline div p{
	padding:0 0 0 185px;
	margin:0 15px 1em 0;
	line-height:120%;
	}
span.arrowline ul{
	margin:0 15px 2em 20px;
	line-height:120%;
	list-style:circle;
	padding-left:1em;
	}
span.arrowline li{
	margin:0 0 5px 0;
	}
span.arrowline div ul{
	margin:0 15px 2em 185px;
	}
span.arrowline div p.point{
	padding:0 0 0 185px;
	margin:-0.5em 15px 0.5em 0;
	color: #005CA5;
	font-weight:bold;
	display:none;
	}