@charset "shift_jis";

/*===========================================
	【例】「x-アプリ バックアップツール」を用いて、新しいパソコン（パソコン買い換え時）へ「 x-アプリ 」のデータを移行する方法（USBメモリー を用いる場合）
=============================================*/
.example {
    background: url("/support/pa_common/x-appli/howto/images/top/bigarrow.jpg") no-repeat scroll right 110px;
    float: left;
    width: 250px;
}
.example_last {
    float: left;
    width: 220px;
}
.example p {
    width: 210px;
}

@media screen and (max-width: 640px) {
	.example {
		float: none;
		background: url("/support/pa_common/x-appli/howto/images/top/bigarrow2.jpg") no-repeat scroll 90px 260px;
		padding-bottom: 60px;
	}
}

/*===========================================
	アンカーリンク
=============================================*/
#contents ul.anchorBtnA, #contents ul.anchorBtnB {
    list-style: outside none none;
    margin: 0 0 30px;
    padding: 0;
}
#contents ul.anchorBtnA li {
    background: url("/support/pa_common/x-appli/backup/images/bg_mod-linkButton.jpg") repeat-x scroll left center;
    border: 1px solid #cccccc;
    border-radius: 5px;
    float: left;
    list-style: outside none none;
    margin: 0 0 5px 15px;
    padding: 0 0 0 15px;
    text-indent: -15px;
	height: 60px;
    width: 335px;
    word-break: break-all;
}
#contents ul.anchorBtnB li {
    background: url("/support/pa_common/x-appli/backup/images/bg_mod-linkButton.jpg") repeat-x scroll left center;
    border: 1px solid #cccccc;
    border-radius: 5px;
    list-style: outside none none;
    margin: 0 0 5px 15px;
    padding: 0 0 0 15px;
    text-indent: -15px;
    width: 705px;
    word-break: break-all;
}
#contents ul.anchorBtnA li a, #contents ul.anchorBtnB li a {
    border-radius: 5px;
    color: #333;
    display: block;
    padding: 10px;
    transition: opacity 0.2s ease-in 0s;
}
#contents ul.anchorBtnA li a.one-line, #contents ul.anchorBtnB li a.one-line {
    padding: 15px 10px;
}
#contents ul.anchorBtnA li span, #contents ul.anchorBtnB li span {
    background: url("/support/pa_common/x-appli/backup/images/arrow_black-b.png") no-repeat scroll 0 0.5em;
    padding: 0 0 0 15px;
}
#contents ul.anchorBtnA li p, #contents ul.anchorBtnB li p {
    margin-left: 15px;
}
#contents ul.anchorBtnA li a:hover, #contents ul.anchorBtnB li a:hover {
    opacity: 0.5;
    text-decoration: none;
}

@media screen and (max-width: 640px) {
	#contents ul.anchorBtnA li {
	    float: none;
	    margin-left: 0;
	    width: auto;
		height: auto;
	}
	#contents ul.anchorBtnB li {
	    margin-left: 0;
	    width: auto;
	}
	#contents ul.anchorBtnA li a.one-line, #contents ul.anchorBtnB li a.one-line {
	    padding: 10px;
	}
}

/*===========================================
	手順リスト
=============================================*/
#contents .section .section.inner ol li {
	margin-bottom: 20px;
}
#contents .section .section.inner ol li p {
	margin-left: 0;
}
#contents .section .section.inner ol li ul li {
	list-style-type: disc;
}
#contents .section .section.inner ol li ul.annotation li {
	list-style-type: none;
}

/*===========================================
	MQ時の画像幅
=============================================*/
@media screen and (max-width: 640px) {
	.img520 {
		max-width: 520px;
	}
	.img388 {
		max-width: 388px;
	}
	.img483 {
		max-width: 483px;
	}
}