img {
	vertical-align:bottom;
}


.st-title {
    border-bottom: 1px solid #d0d0d0;
    color: #000;
    font-size: 18px !important;
    font-weight: bold;
    margin-bottom: 15px;
    padding: 0 0 5px 13px;
    clear: both;
}

/* トップへ戻る */
.top {
	text-align:right;
	margin-right:20px;
}
.top span {
	background: url("/support/share/images/arrow_black.png") no-repeat left 0.4em;
	padding-left:10px;
}

/*===========================================
	pregArea_01
=============================================*/
div.pregArea_01 {
	/*width:950px;*/
	width:760px;
	margin:15px auto 0 auto;
	padding:0;
}
div.pregArea_01 div.pregBox {
	/*width:910px;*/
	width:720px;
	margin:15px auto 0 auto;
	padding:0;
}

/* miniBox */
div.pregArea_01 div.pregBox div.miniBox {
	/*width:870px;*/
	width:680px;
	margin:20px auto 0 auto;
	padding:0;
	list-style:none;
}
/* IE6用 */
div.pregArea_01 div.pregBox div.miniBox div.closeArea,
div.pregArea_01 div.pregBox div.miniBox div.closeArea-off,
div.pregArea_01 div.pregBox div.miniBox div#messageArea {
	display:none;
	clear:both;
}


 
.st-Gray {
	background:#666666;
	color:#FFFFFF;
	font-size:16px !important;
	font-weight:bold;
	padding:5px 10px;
	clear:both;
}
.st-Gray-2 {
	margin-top:20px;
	margin-bottom:15px;
	background:#E0E0E0;
	font-size:16px !important;
	font-weight:bold;
	padding:5px 10px;
	clear:both;
}


/* wakuArea */
ul.wakuArea {
	margin:10px 0 0 0;
	padding:0;
	list-style:none;
}
ul.wakuArea li {
	height:100px;
	border:#999 1px solid;
	border-radius:5px;
	margin-bottom:20px;
	float:left;
}
ul.wakuArea li.auto {
	height: auto;
}
ul.wakuArea li a {
	width:100%;
	height:100%;
	display:block;
	border-radius:5px;
	cursor:pointer;
}
ul.wakuArea li a:hover {
	background:#F1F1F1;
	text-decoration:none !important;
}
ul.wakuArea li a.on {
	background:#F1F1F1;
}
ul.wakuArea li div.outer {
	display: table;  
    width: 100%;
	height:100%;
}
ul.wakuArea li div.vertical_middle {
	display:block;
	padding:15px;
    display: table-cell;
    vertical-align: middle;
}
ul.wakuArea li div.vertical_middle div {
	text-align:center;
	margin-bottom:10px;
}
ul.wakuArea li div.vertical_middle div.bottom {
	text-align:center;
	margin-top:5px;
	margin-bottom:0px;
}
ul.wakuArea li div.vertical_middle span {
	background: url("/support/share/images/arrow_black.png") no-repeat left 0.4em;
	padding-left:10px;
	display:block;
}


/* 機器選択import01 IE6.7表示のため背景処理 */
ul.wakuArea div.handycam {
	background: url("../import/images/img_handycam.png") no-repeat center;
	height:70px;
}
ul.wakuArea div.cyber-shot {
	background: url("../import/images/img_cyber-shot.png") no-repeat center;
	height:70px;
}
ul.wakuArea div.alpha {
	background: url("../import/images/img_alpha.png") no-repeat center;
	height:70px;
}


/* 接続タイプimport01 IE6.7表示のため背景処理 */
ul.wakuArea div.usb {
	background: url("../import/images/img_usb.png") no-repeat center;
	height:70px;
}
ul.wakuArea div.wifi {
	background: url("../import/images/img_wifi.png") no-repeat center;
	height:70px;
}
ul.wakuArea div.tape {
	background: url("../import/images/img_tape.png") no-repeat center;
	height:70px;
}
ul.wakuArea div.dvd-cam {
	background: url("../import/images/img_dvd-handycam.png") no-repeat center;
	height:70px;
}


/* エラー表示画面disc02 IE6.7表示のため背景処理 */
ul.wakuArea li a#message-1 div.bg-img,
ul.wakuArea li a#step3-1 div.bg-img {
	background: url("../disc/images/disc02_cut_01.png") no-repeat center 5px;
	height:185px;
	margin-bottom:0 !important;
}
ul.wakuArea li a#message-2 div.bg-img {
	background: url("../disc/images/disc02_cut_02.png") no-repeat center 5px;
	height:185px;
	margin-bottom:0 !important;
}

ul.wakuArea div.bg-1 {
	background: url("../disc/images/disc02_cut_03.png") no-repeat center 10px;
	height:160px;
	margin-bottom:0 !important;
}
ul.wakuArea div.bg-2 {
	background: url("../disc/images/disc02_cut_04.png") no-repeat center 10px;
	height:160px;
	margin-bottom:0 !important;
}
ul.wakuArea div.bg-3 {
	background: url("../disc/images/disc02_cut_05.png") no-repeat center 10px;
	height:160px;
	margin-bottom:0 !important;
}


/* ステップ用画像 disc02 */
div.imgArea {
	width:270px;
	float:left;
	margin-right:30px;
}


li.cel-3 {
	/*width:268px;*/
	width:204px;
	margin-right:30px;
}
li.cel-4 {
	width:199px;
	margin-right:22px;
}
li.cel-5 {
	width:160px;
	margin-right:15px;
}
li.last {
	margin-right:0 !important;
}


/* arrow */
div.cel-3_2 {
	/*padding-left:300px;*/
	padding-left:234px;
}
div.cel-3_3 {
	padding-left:600px;
}
div.cel-4_2 {
	padding-left:223px;
}
div.cel-4_3 {
	padding-left:446px;
}
div.cel-4_4 {
	padding-left:669px;
}
div.cel-5_2 {
	padding-left:177px;
}
div.cel-5_3 {
	padding-left:354px;
}
div.cel-5_4 {
	padding-left:531px;
}
div.cel-5_5 {
	padding-left:708px;
}


/* GrayTbl */
table.GrayTbl {
	width:100%;
	margin-top:10px;
	border-left:#999 1px solid;
	border-bottom:#999999 1px solid;
}
table.GrayTbl th {
	padding:5px 10px;
	background:#EEEEEE;
	text-align:center;
	border-right:#999 1px solid;
	border-top:#999999 1px solid;
}
table.GrayTbl td {
	padding:10px;
	border-right:#999 1px solid;
	border-top:#999999 1px solid;
}
.txtlink {
	padding-left:10px !important;
}

/* num */
.num_01 {
	background: url("../images/num_01.png") no-repeat;
	margin-top:15px;
	padding:5px 0 3px 35px;
	font-size:15px;
	font-weight:bold;
}
.num_02 {
	background: url("../images/num_02.png") no-repeat 0 15px;
	border-top:#999 1px dotted;
	margin-top:10px;
	padding:20px 0 3px 35px;
	font-size:15px;
	font-weight:bold;
}
.num_03 {
	background: url("../images/num_03.png") no-repeat 0 15px;
	border-top:#999 1px dotted;
	margin-top:10px;
	padding:20px 0 3px 35px;
	font-size:15px;
	font-weight:bold;
}
.num_04 {
	background: url("../images/num_04.png") no-repeat 0 15px;
	border-top:#999 1px dotted;
	margin-top:10px;
	padding:20px 0 3px 35px;
	font-size:15px;
	font-weight:bold;
}
.num_A-01 {
	background: url("../images/num_a_01.png") no-repeat;
	margin-top:10px;
	padding:4px 0 3px 35px;
}
.num_A-02 {
	background: url("../images/num_a_02.png") no-repeat;
	margin-top:10px;
	padding:4px 0 3px 35px;
}


/* check */
.check {
	background: url("../images/ico_check.png") no-repeat;
	padding:5px 0 5px 40px;
	font-size:18px !important;
	font-weight:bold;
}

/* answerArea */
.answerArea {
	border:#64C8AF 2px solid;
	margin:7px 0 0 0;
	padding:20px;
	font-size:14px;
}
.answerArea .img {
	margin-top:15px;
	text-align:center;
}
.answerArea .img-top {
	margin-bottom:15px;
	text-align:center;
}
.answerArea .code {
	margin-top:10px;
}
.top_boder {
	border-top:#999 1px dotted;
	margin-top:20px;
	padding-top:20px;
}

.komme-indent {
	text-indent:-1em;
	padding-left:1em;
}

/*===========================================
	SMSアンケート
=============================================*/
#shortmessage {
	display:none;
}

@media (max-width: 640px) {
	
	div.pregArea_01 {
		width: auto;
	}
	div.pregArea_01 div.pregBox {
		width: auto;
	}
	
	
	/* トップへ戻る */
	.top {
		text-align:left;
		margin-right:0px;
	}
	
	/* miniBox */
	div.pregArea_01 div.pregBox div.miniBox {
		width: auto;
	}	
	
	/* wakuArea */
	ul.wakuArea {
		width: auto;
	}
	ul.wakuArea li {
		height:auto;
		float: none;
		margin:0 0 10px 0;
	}
	
	/* ステップ用画像 disc02 */
	div.imgArea {
		width: auto;
		float: none;
		margin-top:10px;
		margin-right:0px;
		text-align:center;
	}
	
	li.cel-3,
	li.cel-4,
	li.cel-5 {
		width: auto;
		margin-right:0px;
	}
	
	/* arrow */
	div.cel-3_2,
	div.cel-3_3,
	div.cel-4_2,
	div.cel-4_3,
	div.cel-4_4,
	div.cel-5_2,
	div.cel-5_3,
	div.cel-5_4,
	div.cel-5_5 {
		padding-left:0px;
	}
		
	/* answerArea */
	.answerArea .img img,
	.answerArea .img-top {
		width:100%;
		height:auto;
	}
	.answerArea .code {
		margin-top:0;
	}
	.answerArea .code span {
		margin-top:5px;
		display:block;
	}
	
}