@charset "Shift_JIS";

/*=========================================================================

 ご利用ガイド｜初めての方へ

=========================================================================*/

#guideMain .pageTitle .sub {
	font-size: 12px;
	line-height: 1;
	color: #404040;
	margin: 0 0 8px;
	padding: 0;
}
#guideMain .pageTitle .main {
	font-size: 24px;
	line-height: 1;
	color: #373737;
	margin: 0;
	padding: 0;
}

/* ご利用について
-------------------------------------------------------------------------*/
.onlineshop #guideMain .pageTitle {
	height: 44px;
	padding: 0 0 0 50px;
	background: url(/guide/images/guidance/onlineshop/pagetitle_icon_pc.gif) no-repeat left top;
}
.onlineshop #guideMain .privacyMarkBox {
	width: 100%;
	overflow: hidden;
	margin-bottom: 15px;
	padding: 15px 20px;
	border: 1px solid #D9D9D9;
	-moz-box-sizing: border-box;
	-o-	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.onlineshop #guideMain .privacyMarkBox .txtL {
	width: 86%;
}
.onlineshop #guideMain .privacyMarkBox .txtL p {
	margin: 0;
}
.onlineshop #guideMain .privacyMarkBox .imgR img {
	width: 75px;
}
.onlineshop #guideMain ol.figureList li {
	margin: 0 0 20px;
}
.onlineshop #guideMain ol.figureList li p.annotation {
	margin: -20px 0 0;
}
.onlineshop #guideMain ol.figureList li ol.parentheses li {
	margin: 0;
	list-style-type: none;
}
.onlineshop #guideMain ol.figureList li ol.parentheses li ul {
	margin: 0;
}
.onlineshop #guideMain ol.figureList li ol.parentheses li ul li {
	text-indent: -1em;
}
.onlineshop #guideMain .sslArea ,
.onlineshop #guideMain .jadmaArea {
	overflow: hidden;
}
.onlineshop #guideMain .sslArea .txtL {
	width: 82%;
}
.onlineshop #guideMain .sslArea .imgR .norton {
	margin-bottom: 10px;
}
.onlineshop #guideMain .jadmaArea .txtL {
	width: 76%;
}
.onlineshop #guideMain .jadmaArea .imgR {
	width: 140px;
}
.onlineshop #guideMain .jadmaArea .imgR p.caption {
	margin: 5px 0 0;
	font-size: 86%;
}
.onlineshop #guideMain .cookieBox {
	width: 100%;
	overflow: hidden;
	margin: 15px 0;
	padding: 15px 20px 0;
	border: 1px solid #D9D9D9;
	-moz-box-sizing: border-box;
	-o-	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.onlineshop #guideMain .cookieBox dl dd {
	margin: 0 0 12px;
}
.onlineshop #guideMain .cookieBox dl dd p {
	margin: 0;
}
.onlineshop #guideMain .cookieBox dl dd p:first-child {
	margin: 0 0 12px;
}

/* ご利用環境の設定について
-------------------------------------------------------------------------*/
.onlineshop #guideMain .netAccessArea dl dd {
	margin: 0 0 20px;
}
.onlineshop #guideMain .netAccessArea dl dd ul li {
	padding: 0;
	background: none;
}
.onlineshop #guideMain .privacySettingsArea dl dt {
	padding: 0 0 0 20px;
	background: url(/guide/images/common/icon_list.gif) no-repeat 2px .4em;
}
.onlineshop #guideMain .privacySettingsArea dl dd ol.figureList li {
	margin: 10px 0 0;
}

/* 特定商取引法に基づく表示
-------------------------------------------------------------------------*/
.onlineshop #guideMain div.helpDeskBox.hc dl dd {
	margin-bottom: 15px;
	margin-left: 1em;
	text-indent: -1em;
}
.onlineshop #guideMain div.helpDeskBox.hc p {
	margin-bottom: 15px;
}

/* 個人情報開示等の手続きのご案内
-------------------------------------------------------------------------*/
.onlineshop #guideMain .attorneyArea dl dt {
	padding: 0 0 0 20px;
	background: url(/guide/images/common/icon_list.gif) no-repeat 2px .4em;
	font-weight: bold;
}
.onlineshop #guideMain .attorneyArea dl dd table {
	margin: 10px 0 20px;
}
.onlineshop #guideMain .attorneyArea dl dd table th {
	width: 20%;
}
.onlineshop #guideMain .attorneyArea dl dd table td {
	width: 60%;
}
.onlineshop #guideMain .kaijiArea p ,
.onlineshop #guideMain .ininArea p {
	margin: 0 0 5px;
}

/* スマートフォン用
-------------------------------------------------------------------------*/
@media(max-width:767px){
	
	#guideMain .pageTitle .sub {
		font-size: 12px;
		line-height: 1;
		color: #404040;
		margin: 0 0 3px;
		padding: 0;
	}
	#guideMain .pageTitle .main {
		font-size: 19px;
		line-height: 1;
		color: #373737;
		margin: 0;
		padding: 0;
	}

	/* ご利用について */
	.onlineshop #guideMain .pageTitle {
		height: auto;
		margin: 15px 10px;
		padding: 0 0 0 40px;
		background: url(/guide/images/guidance/onlineshop/pagetitle_icon_sp.png) no-repeat left top;
		-moz-background-size: 32px;
		-o-background-size: 32px;
		-webkit-background-size: 32px;
		background-size: 32px;
	}
	.onlineshop #guideMain .privacyMarkBox {
		padding: 15px;
	}
	.onlineshop #guideMain .privacyMarkBox .txtL p {
		margin: 0 0 10px;
	}
	.onlineshop #guideMain .privacyMarkBox .imgR {
		text-align: center;
	}
	.onlineshop #guideMain ol.figureList li p.annotation {
		margin: -15px 0 0;
	}
	.onlineshop #guideMain .sslArea .imgR .norton ,
	.onlineshop #guideMain .sslArea .imgR .beyondsecurity {
		float: left;
	}
	.onlineshop #guideMain .sslArea .imgR .beyondsecurity {
		margin: 10px 0 0 20px;
	}
	.onlineshop #guideMain .cookieBox {
		padding: 15px;
	}
	.onlineshop #guideMain .jadmaArea .imgR {
		margin-top: 15px;
		width: 100%;
	}

}