@charset "utf-8";

/* **************************************************

Safety Service POP UP用CSS

Copyright (c) Dospara Co., Ltd. All rights reserved. 

***************************************************** */


/* Base Setting（Baseなので基本変更しない）
=========================================================================================== */
#facebox .popup .content {
	padding-top: 25px;
}

#sspop,
#sspop .sspBox {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

#sspop ul {
	margin: 0px;
	padding: 0em 0em 0.8em 0em;
}

#sspop li {
	margin: 0em 0em 0.5em 0em;
	list-style: none;
	line-height: 120%;
}

#sspop em {
	font-style: normal;
}

#sspop p {
	margin: 0em 0em 1.3em 0em;
	line-height: 130%;
}

#sspop h3 + p {
	padding: 0px;
	font-size: 18px;
}

#sspop .center {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

#sspop .floatL {
	float: left;
}

#sspop .floatR {
	float: right;
}


/* === for SmartPhone === */
.sspSMP {
	margin: 0px;
	padding: 0px;
}

.sspSMP #sspop {
	width: 100%;
	font-size: 1.0em !important;
}

.sspSMP #sspop p {
	margin-bottom: 1.0em;
	line-height: 140%;
}

.sspSMP #sspop .floatL img,
.sspSMP #sspop .floatR img {
	width: 100%;
}

.sspSMP #sspop .photo img {
	width: 100%;
}


/* Text Setting（カスタマイズはそれぞれのページのClass下で行うこと）
=========================================================================================== */
#sspop h3 {
	margin: 0px 0px 15px 0px;
	padding: 0px;
	background-color: transparent;
	color: #4185be;
	font-size: 1.85em;
	text-align: center;
}

#sspop h3 strong {
	display: block;
	margin-top: 10px;
	color: #f78822;
	font-size: 1.71em;
}

#sspop h4 {
	clear: both;
	margin: 0px 0px 15px 0px;
	padding: 9px 4px 6px 4px;
	background-color: #4185be;
	color: #ffffff;
	font-size: 1.56em;
	font-weight: bold;
	text-align: center;
}

#sspop h5 {
	margin: 0px 0px 7px 0px;
	font-size: 1.33em;
	font-weight: bold;
}

#sspop h6 {
	margin: 0px 0px 7px 0px;
	padding: 6px;
	font-size: 1.11em;
	font-weight: bold;
}

#sspop em {
	border-bottom: 3px double;
}

#sspop .alignL {
	text-align: left;
}

#sspop .alignR {
	text-align: right;
}

#sspop .green {
	background-color: #6dc067;
}

#sspop .sspCaution {
	color: #ff0000;
	font-size: 1.33em;
	font-weight: bold;
	text-align: center;
}

#sspop .red {
	color: #ff0000;
}

#sspop .mb0 {
	margin-bottom: 0px !important;
}

#sspop .mt0 {
	margin-top: 0px !important;
}


/* === for SmartPhone === */
.sspSMP #sspop h3 {
	font-size: 1.5em;
}

.sspSMP #sspop h3 strong {
	margin-top: 10px;
	font-size: 1.5em;
}

.sspSMP #sspop h3 br {
	display: none;
}

.sspSMP #sspop h5 {
	font-size: 1.20em;
	line-height: 120%;
}





/* Layout Setting（カスタマイズはそれぞれのページのClass下で行うこと）
=========================================================================================== */
#sspop {
	width: 750px;
	padding: 2px;
	font-size: 18px;
}

/* 枠箱 */
#sspop .sspBox {
	margin: 0em 0em 1.3em 0em;
	padding: 11px 7px 0px 7px;
	border: 2px solid #6dc067;
}

#sspop .sspBox p:not(.center) {
	padding-left: 1.8em;
}

#sspop .sspBox ul {
	padding-left: 1.6em;
}

#sspop .sspBox li {
	margin-left: 1.0em;
	text-indent: -0.6em;
}

/* グリーン地 */
#sspop .greenBox {
	clear: both;
	padding: 1.0em 0.5em;
	background-color: #b7deb4;
	font-size: 1.25em;
	font-weight: bold;
	text-align: center;
	line-height: 150%;
}

#sspop .greenBox strong {
	color: #eb6100;
}

/* 四角付きリスト */
#sspop .sspCheck li {
	margin-left: 1.35em;
	text-indent: -1.35em;
	font-size: 0.89em;
}

#sspop .sspCheck li:before {
	content: "□ ";
}

/* チャート */
#sspop .sspChart li {
	margin-bottom: 56px;
	padding: 12px 12px 18px 12px;
	border: 3px solid #4185be;
}

#sspop .sspChart li:after {
	display: block;
	content: url(/5support/templates/contents/ss_popup/img/00arrow01.png);
	margin-top: 24px;
	margin-bottom: -67px;
	text-align: center;
}

#sspop .sspChart li:last-of-type {
	margin-bottom: 0px;
}

#sspop .sspChart li:last-of-type:after {
	content: normal;
}

#sspop .sspChart li h5 {
	margin-bottom: 0px;
	padding: 0px 0px 0px 20px;
	font-size: 1.0em;
	text-indent: -1.35em;
	line-height: 140%;
}

#sspop .sspChart li h5.ex {
	font-weight: normal;
}

#sspop .sspChart li p {
	margin: 12px 0px 0px 18px;
	font-size: 0.78em;
	line-height: 140%;
}



/* マンガ風コマ */
#sspop .comicBox {
	clear: both;
	padding-top: 0.89em; 
	border-bottom: 2px dotted #d7dee1;
}
#sspop .comicBox:after {
	content: " ";
    display: block;
    clear: both;
}

#sspop .comicBox p {
	margin-bottom: 0.89em !important;
}

#sspop .comicBox .chara {
	float: right;
	width: 260px;
}

#sspop .comicBox .speech {
	position: relative;
	float: left;
	width: 414px;
	padding: 18px;
	background-color: #d7dee1;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-o-border-radius: 8px;
	-ms-border-radius: 8px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
#sspop .comicBox .speech:after {
	display: block;
	content: "";
	position: absolute;
	top: 40%;
	right: -24px;
	border: 12px solid transparent;
	border-left: 12px solid #d7dee1;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
}

#sspop .comicBox div.speech p:last-of-type {
	margin-bottom: 0em !important;
}

#sspop .comicBox .speech.wide {
	float: none;
	width: auto;
}
#sspop .comicBox .speech.wide:after {
	top: auto;
	right: auto;
	bottom: -24px;
	left: 50%;
	border-top-color: #d7dee1;
	border-left-color: transparent;
	border-width: 12px;
}


/* 注釈 */
#sspop .notes li {
	margin-left: 1.3em;
	text-indent: -1.3em;
	color: #605b5a;
	font-size: 0.67em;
}

#sspop p.notes {
	padding-left: 1.3em;
	color: #605b5a;
	text-indent: -1.3em;
}

#sspop .att {
	margin-left: 1.3em;
	text-indent: -1.3em;
}

/* 下部閉じるボタン */
#sspop .sspClose {
	margin: 18px 0px 0px 0px;
	text-align: center;
	cursor: pointer;
}

#sspop .sspClose img {
	opacity: 0.3;
 	filter: alpha(opacity=30);
 	-ms-filter: "alpha(opacity=30)";
}

#sspop .sspClose:hover img {
	opacity: 1.0;
 	filter: alpha(opacity=100);
 	-ms-filter: "alpha(opacity=100)";
}


/* === for SmartPhone === */
.sspSMP #sspop {
	padding: 12px;
}

.sspSMP #sspop .sspBox li {
	margin-left: 0.6em;
	text-indent: -0.6em;
}

.sspSMP #sspop .sspBox p,
.sspSMP #sspop .sspBox ul {
	padding-left: 0px;
}

.sspSMP #sspop .greenBox {
	text-align: left;
}

.sspSMP #sspop .notes li {
	font-size: 0.85em;
}

.sspSMP #sspop .sspClose img {
	vertical-align: text-bottom;
}

.sspSMP #sspop .sspChart li p {
	font-size: 1.0em;
}

.sspSMP #sspop .comicBox .chara {
	float: none;
	width: auto;
	text-align: center;
}

.sspSMP #sspop .comicBox .speech {
	float: none;
	width: auto;
}
.sspSMP #sspop .comicBox .speech:after {
	top: auto;
	right: auto;
	bottom: -24px;
	left: 44%;
	border-top-color: #d7dee1;
	border-left-color: transparent;
	border-width: 12px;
}

.sspSMP #sspop .brNone {
    display: none;
}



/* 問い合わせ
=========================================================================================== */
#sspop .includeContact {
	padding: 23px 12px 1px 12px;
	background-color: #bccff1;
	text-align: center;
}

#sspop .includeContact h4 {
	margin: 0px 0px 15px 0px;
	padding: 0px;
	background-color: transparent;
	color: #605b5a;
	font-size: 1.0em;
}

#sspop .includeContact h4 br {
	display: none;
}

#sspop .includeContact strong {
	font-size: 1.67em;
}

#sspop .includeContact em {
	font-size: 1.11em;
	border-bottom: none;
    display: block;
}

#sspop .includeContact span {
    font-size: 0.7em;
    line-height: 2;
}

#sspop .includeContact a:before {
	content: url(/5support/templates/contents/ss_popup/img/00arrow02.png);
	padding-right: 3px;
}

/* === for SmartPhone === */
.sspSMP #sspop .includeContact {
	line-height: 140%;
}

.sspSMP #sspop .includeContact h4 {
	color: #000000;
}

.sspSMP #sspop .includeContact h4 br {
	display: inline;
}

.sspSMP #sspop .includeContact p {
	text-align: left;
}

.sspSMP #sspop .includeContact strong {
	display: block;
	text-align: center;
	line-height: 120%;
}

.sspSMP #sspop .includeContact em {
	display: block;
	color: #000000;
	font-weight: bold;
	text-align: center;
}
.sspSMP #sspop .includeContact span {
    font-size: 0.7em;
    line-height: 2;
}



/* パソコン保険
=========================================================================================== */




/* === for SmartPhone === */
.sspSMP #sspop.ins .sspBox .center img {
	width: 100%;
}

.sspSMP #sspop img {
    max-width: 100%;
    height: auto;
}



/* ワンコイン診断
=========================================================================================== */
#sspop.oneCoin h3 + p {
	font-size: 20px;
	font-weight: bold;
}

#sspop.oneCoin .case {
	clear: both;
	position: relative;
}

#sspop.oneCoin .case:after {
	content: " ";
    display: block;
    clear: both;
}

#sspop.oneCoin .case .balloon {
	position: absolute;
	width: 264px;
	height: 91px;
	margin-left: 1.0em;
	padding: 1.0em 0em 0em 0em;
	top: 0px;
	left: 0px;
	background-image: url(/5support/templates/contents/ss_popup/img/02one_img01balloon.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: contain;
	font-size: 0.89em;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

#sspop.oneCoin .case .balloon.right {
	top: 67px;
	right: 0px;
	left: auto;
	margin-left: 0.0em;
}

#sspop.oneCoin .case .pic {
	text-align: center;
}

#sspop.oneCoin .greenBox span {
	color: #eb6100;
}

#sspop.oneCoin .greenBox span em {
	display: inline-block;
	padding-top: 6px;
	line-height: 110%;
}

#sspop.oneCoin .greenBox span strong {
	padding: 0px 6px;
	color: #ff0000;
	font-size: 1.8em;
	line-height: 120%;
}

#sspop.oneCoin .sspChart li h5 {
	font-weight: normal;
}


/* === for SmartPhone === */
.sspSMP #sspop.oneCoin .case {
	width: 100%;
	max-width: 452px;
	margin-left: auto;
	margin-right: auto;
}

.sspSMP #sspop.oneCoin .case .balloon {
	position: relative;
	float: right;
	width: 70%;
	max-width: 264px;
	min-height: 84px;
	top: auto;
	left: auto;
	right: auto;
	margin: 0em 0em 0.5em 0em;
	padding: 4% 0% 0% 4%;

}

.sspSMP #sspop.oneCoin .case .pic {
	float: right;
	width: 30%;
	max-width: 188px;
	margin-top: 10%;
	text-align: right;
}

.sspSMP #sspop.oneCoin .case .pic img {
	width: 100%;
	height: auto;
}

.sspSMP #sspop.oneCoin .greenBox span em {
	display: inline;
	line-height: 150%;
}


/* リモートサポート
=========================================================================================== */
#sspop.remo .sspBox p,
#sspop.remo .sspBox ul {
	padding-left: 1.0em;
}

#sspop.remo .sspBox div {
	margin: 0px -7px 0px -7px;
	padding: 0px 10px 16px 0px;
	background-color: #fef2e7;
}

#sspop.remo .sspBox div h6 {
	margin: 0px -10px 1.0em 0px;
	background-color: #fde4bd;
	text-align: center;
}

#sspop.remo .sspBox div li {
	font-weight: bold;
}

#sspop.remo .staff {
	float: right;
	margin-top: -40px;
}

#sspop.remo .cautionBox {
	margin-top: 1.0em;
}

#sspop.remo .cautionBox h5 {
	margin-bottom: 0.6em;
	color: #1c67a5;
	text-align: center;
}


/* === for SmartPhone === */
.sspSMP #sspop.remo .floatL p:last-of-type {
	width: 80%;
}

.sspSMP #sspop.remo .floatL strong br {
	display: none;
}

.sspSMP #sspop.remo .staff {
	width: 20%;
	margin-top: -3.0em;
}

.sspSMP #sspop.remo .staff img {
	width: 100%;
}

.sspSMP #sspop.remo .sspBox div > * {
	padding-left: 10px;
}

.sspSMP #sspop.remo .sspBox div li {
	margin-left: 1.4em;
	text-indent: -1.5em;
}

.sspSMP #sspop.remo .cautionBox h5 {
	text-align: left;
}

.sspSMP #sspop.remo .cautionBox h5 br {
	display: none;
}


/* 店頭復旧サービス
=========================================================================================== */
#sspop.rest .floatL li {
	margin-left: 0.9em;
	font-weight: bold;
	text-indent: -0.9em;
}

#sspop.rest .sspChart li {
	text-align: center;
}

#sspop.rest .sspChart h5 span {
	color: #ff0000;
}



/* === for SmartPhone === */
.sspSMP #sspop.rest h4.green {
	text-align: left;
}

.sspSMP #sspop.rest .floatL {
	float: none;
}

.sspSMP #sspop.rest .floatR {
	float: none;
	text-align: center;
}

.sspSMP #sspop.rest .floatR img {
	width: 50%;
}

.sspSMP #sspop.rest .sspChart li {
	text-align: left;
}


/* セルフ修理
=========================================================================================== */
#sspop.self .comicBox div.speech {
	margin-bottom: 0.89em;
}

#sspop.self .comicBox .speech.wide {
	margin-bottom: 0em;
	background-color: #b2deaf;
	color: #000000;
	text-align: center;
}
#sspop.self .comicBox .speech.wide:after {
	left: 68%;
	border-top-color: #b2deaf !important;
	border-left-color: #b2deaf;
}

#sspop.self .comicBox .speech.wide p:not(:first-of-type) {
	display: inline-block;
	text-align: left;
}

#sspop.self .comicBox .speech.wide p strong {
	font-size: 130%;
}

#sspop.self .comicBox .speech.wide p em {
	color: #ff0000;
}

#sspop.self .comicBox .center img {
	margin-top: -14px;
}

#sspop.self .comicBox .wide + .center img {
	position: relative;
	z-index: 999;
}

#sspop.self .comicBox:nth-of-type(3) {
	border-bottom: none;
}

#sspop.self .sspChart h5.ex {
	font-size: 90%;
}


/* === for SmartPhone === */
.sspSMP #sspop.self .comicBox div.speech .alignR {
	text-align: center;
}

.sspSMP #sspop.self .comicBox .speech.wide:after {
	left: 72%;
}

.sspSMP #sspop.self .comicBox .speech.wide p {
	display: block;
}

.sspSMP #sspop.self .comicBox .center img {
	width: 100%;
	margin-top: 0px;
}

.sspSMP #sspop.self .comicBox:nth-of-type(3) .center {
	display: none;
}

.sspSMP #sspop.self .sspChart h5.ex {
	font-size: 100%;
}


/* 修理時送料無料
=========================================================================================== */
#sspop.deli .floatL {
	width: 583px;
	padding-top: 50px;
	line-height: 180%;
	text-align: center;
}

#sspop.deli .floatL strong {
	display: block;
	font-size: 1.4em;
}

#sspop.deli .sspBox {
	clear: both;
	padding: 1.0em;
	line-height: 160%;
	text-align: center;
}

#sspop.deli .sspBox strong {
	display: block;
	color: #f78822;
	font-size: 1.4em;
}


/* === for SmartPhone === */
.sspSMP #sspop.deli .floatL,
.sspSMP #sspop.deli .floatR {
	float: none;
	width: auto;
	padding: 0px;
	text-align: center;
}

.sspSMP #sspop.deli .floatR img {
	width: auto;
}

.sspSMP #sspop.deli .sspBox {
	text-align: left;
}

.sspSMP #sspop.deli .sspBox strong br {
	display: none;
}

.sspSMP #sspop.deli .sspChart h5 br {
	display: none;
}



/* 代替機貸し出しサービス
=========================================================================================== */
#sspop.sub .comicBox em {
	color: #ff0000;
}

#sspop.sub .comicBox .speech.wide {
	margin-bottom: 7px;
}

#sspop.sub .comicBox .speech.wide:after {
	left: 80%;
	border-left-color: #d7dee1;
}

#sspop.sub .comicBox.lady .speech {
	background-color: #b2deaf;
}

#sspop.sub .comicBox.lady .speech.wide:after {
	left: 20%;
	border-right-color: #b2deaf;
	border-top-color: #b2deaf;
	border-left-color: transparent;
}

#sspop.sub .comicBox .speech p {
	line-height: 160%;
}

#sspop.sub div.center {
	padding: 0.89em 0em;
}

#sspop.sub div.center h5 {
	margin-bottom: 0.50em;
	font-size: 1.5em;
}

#sspop.sub div.center strong {
	display: block;
	padding-bottom: 4px;
	color: #ff0000;
}

#sspop.sub div.center li {
	text-align: left;
}


/* === for SmartPhone === */
.sspSMP #sspop.sub div img {
	width: 100%;
}

.sspSMP #sspop.sub .comicBox .speech.wide:after {
	left: 70%;
	border-right-color: #d7dee1;
	border-left-color: transparent;
}

.sspSMP #sspop.sub .comicBox.lady .speech.wide:after {
	left: 26%;
	border-left-color: #b2deaf;
	border-top-color: #b2deaf;
	border-right-color: transparent;
}

.sspSMP #sspop.sub div.center {
	text-align: left;
}

.sspSMP #sspop.sub div.center p br {
	display: none;
}



/* 代替機貸し出しサービス
=========================================================================================== */
#sspop.ini .comicBox {
	border-bottom: none;
}

#sspop.ini .comicBox .chara img {
	margin-top: -30px;
}

#sspop.ini .sspChart li {
	position: relative;
	float: left;
	width: 346px;
	height: 326px;
	margin: 0px 0px 18px 0px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

#sspop.ini .sspChart li:last-of-type {
	float: right;
}

#sspop.ini .sspChart li:after {
	margin: -460px -404px 0px 0px;
	transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	text-align: left;
}

#sspop.ini .sspChart li h5 {
	font-weight: normal;
}

#sspop.ini .sspChart li .center {
	margin-bottom: 0px;
}

#sspop.ini .notes {
	clear: both;
}


/* === for SmartPhone === */
.sspSMP #sspop.ini .comicBox .chara img {
	margin-top: 0px;
}

.sspSMP #sspop.ini .sspChart li {
	float: none !important;
	width: auto;
	height: auto;
}

.sspSMP #sspop.ini .sspChart li:after {
	margin: 24px 0px -67px 0px;
	transform: none;
	text-align: center;
}

.sspSMP #sspop.ini .sspChart li:first-of-type {
	margin-bottom: 56px;
}



/* オンサイトサービス
=========================================================================================== */
#sspop.onsite h3 br {
	display: none;
}

#sspop.onsite div.floatL {
	width: 500px;
	padding-top: 16px;
	text-align: center;
}

#sspop.onsite .greenBox strong {
	display: block;
	color: #ff0000;
}

#sspop.onsite .sspChart li h5,
#sspop.onsite .sspChart li p:not(.mt0) {
	float: left;
	width: 464px;
}

#sspop.onsite .sspChart li .mt0 {
	text-align: right;
}


/* === for SmartPhone === */
.sspSMP #sspop.onsite h3 br {
	display: block;
}

.sspSMP #sspop.onsite div.floatL {
	float: none;
	width: auto;
	text-align: left;
}

.sspSMP #sspop.onsite .floatR {
	float: none;
	width: 70%;
	max-width: 211px;
	margin-left: auto;
	margin-right: auto;
}

.sspSMP #sspop.onsite .greenBox strong {
	text-align: center;
}

.sspSMP #sspop.onsite .sspChart li h5,
.sspSMP #sspop.onsite .sspChart li p:not(.mt0) {
	float: none;
	width: auto;
}

.sspSMP #sspop.onsite .sspChart li .mt0 {
	text-align: center;
}




/* パソコンを長くお使いいただく　及び　パソコンを楽しく使っていただく　CSS //start//
=========================================================================================== */

#sspop .stxt {
	margin: 0px 4px 7px;
	font-size: 0.98em;
	font-weight: bold;
}
#sspop .lead {
	margin: 0px 4px 7px;
	font-size: 0.98em;
	font-weight: bold;
}
#sspop .slead {
	margin: 0px 4px 7px;
	font-size: 0.98em;
}
#sspop .cmtxt {
	margin: 0px 4px 7px;
	font-size: 0.75em;
}
#sspop .item {
	margin: 0px 4px 7px;
	font-size: 0.87em;
	text-indent: -1.4em;
}

#sspop .blue {
	background-color: #004ea2;
}

#sspop .blue_t {
	color: #004ea2;
}

#sspop .sspBox_b h5 {
	margin: 0px 4px 7px;
	font-size: 1.33em;
	font-weight: bold;
}

.magin_t30 {
	margin-top:20px;
}
.magin_t20 {
	margin-top:20px;
}
.magin_t10 {
	margin-top:10px;
}
.magin_t14 {
	margin-top:14px;
}
.magin_b10 {
	margin-bottom:10px;
}
.magin_b20 {
	margin-bottom:20px;
}
.magin_b30 {
	margin-bottom:30px;
}

.padding_t30 {
	padding-top:30px;
}
.padding_t20 {
	padding-top:20px;
}
.padding_t10 {
	padding-top:10px;
}
.padding_b30 {
	padding-bottom:30px;
}
.padding_b20 {
	padding-bottom:20px;
}
.padding_b10 {
	padding-bottom:10px;
}


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

#sspop .sspBox_b {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
/* 枠箱 */
#sspop .sspBox_b {
	margin: 0em 0em 1.3em 0em;
	padding: 11px 7px 0px 7px;
	border: 2px solid #004ea2;
}

#sspop .sspBox_b ul {
	padding-left: 1.6em;
}

#sspop .sspBox_b li {
	text-indent: -1.4em;
}
.sspSMP #sspop .sspBox_b li {
	margin-left: 0.6em;
	text-indent: -0.6em;
}

.sspSMP #sspop .sspBox_b p,
.sspSMP #sspop .sspBox_b ul {
	padding-left: 0px;
}

#sspop.remo .sspBox_b p,
#sspop.remo .sspBox_b ul {
	padding-left: 1.0em;
}

#sspop.remo .sspBox_b div {
	margin: 0px -7px 0px -7px;
	padding: 0px 10px 16px 0px;
	background-color: #fef2e7;
}

#sspop.remo .sspBox_b div h6 {
	margin: 0px -10px 1.0em 0px;
	background-color: #fde4bd;
	text-align: center;
}

#sspop.remo .sspBox_b div li {
	font-weight: bold;
}
.sspSMP #sspop.remo .sspBox_b div > * {
	padding-left: 10px;
}

.sspSMP #sspop.remo .sspBox_b div li {
	margin-left: 1.4em;
	text-indent: -1.5em;
}
#sspop.deli .sspBox_b {
	clear: both;
	padding: 1.0em;
	line-height: 160%;
	text-align: center;
}

#sspop.deli .sspBox_b strong {
	display: block;
	color: #f78822;
	font-size: 1.4em;
}
.sspSMP #sspop.deli .sspBox_b {
	text-align: left;
}

.sspSMP #sspop.deli .sspBox_b strong br {
	display: none;
}

.stxt_c {
	font-size: 0.9em;
}

#mainbox{
	width: 720px;
	margin: 0 auto;
}
#left{
	width: 532px;
	float: left;
}  
#right{
	width: 164px;
	float: right;
}  
#clear{ clear: both; } 
.clear{ clear: both; } 


#redbox{
	width: 700px;
	margin: 0 auto;
	background-color:#fde4bd;
	padding: 1.2em;
	margin-bottom: 20px;
}
#r_left{
	width: 70%;
	float: left;
}  
#r_right{
	width: 30%;
	float: left;
	text-align: center;
}

#sspop .url {
	font-size: 0.87em;
}
#sspop .u_txt {
	padding: 4px;
	background-color: #000;
	text-align: center;
	color: #FFF;
	width:100%;
}
#sspop .u_txt a {
	color: #FFF;
}

#sspop .u_txt.sp {
	display:none;
}

.sspSMP #sspop .u_txt.sp {
	display: block;
}

.sspSMP #sspop .u_txt.pc {
	display: none;
}

.sspSMP #sspop #redbox {
    width: 100%;
    box-sizing: border-box;
}

.sspSMP #sspop #redbox .mm {
    font-size: 1.3em;
}


/* セーフティサービスWEBページ
=========================================================================================== */
#sspop .info_s {
	padding: 23px 12px 1px 12px;
	background-color: #C7E0F6;
	text-align: center;
}

#sspop .info_s h4 {
	margin: 0px 0px 15px 0px;
	padding: 0px;
	background-color: transparent;
	color: #605b5a;
	font-size: 1.0em;
}

#sspop .info_s h4 br {
	display: none;
}

#sspop .info_s em {
	font-size: 1.11em;
	border-bottom: none;
}

#sspop .info_s a:before {
	content: url(/5support/templates/contents/ss_popup/img/00arrow02.png);
	padding-right: 3px;
}

/* === for SmartPhone(セーフティサービスWEBページ) === */
.sspSMP #sspop .info_s {
	line-height: 140%;
}

.sspSMP #sspop .info_s h4 {
	color: #000000;
}

.sspSMP #sspop .info_s h4 br {
	display: inline;
}

.sspSMP #sspop .info_s p {
	text-align: left;
}

.sspSMP #sspop .info_s strong {
	display: block;
	text-align: center;
	line-height: 120%;
}

.sspSMP #sspop .info_s em {
	display: block;
	color: #000000;
	font-weight: bold;
	text-align: center;
}

.sspSMP #sspop .info_s span {
    font-size: 0.7em;
    line-height: 2;
}

/*毎月ドスパラポイントプレゼント*/

/*共通css*/

#sspop .jq h6 {
	margin: 0px 0 1.0em 0;
	background-color: #fde4bd;
	text-align: center;
	padding: 0.8em 0;
}
#sspop .jq .bd {
border-bottom: 3px double;
}

#sspop .jq .item_s {
    margin: 0px 24px 7px;
    font-size: 0.87em;
    text-indent: -1.4em;
}
#sspop .jq .block {
	padding: 20px 0 0 0;
	background: #fff;
	border: 2px #004ea2 solid;
	margin: 0;
}

/*テーブル*/
#sspop .jq table.type11 {
	border-collapse: separate;
	text-align: center;
	line-height: 1.5;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
}
#sspop .jq table.type11 th {
	width: 50%;
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	color: #fff;
	background: #c00;
	/*border-right: 1px solid #fff;*/
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
#sspop .jq table.type11 td {
	width: 50%;
	padding: 10px;
	vertical-align: top;
	background: #fff;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

/*吹き出し*/
/*左向き*/
div#balloon7 p{
    /*padding: 20px;*/
}
div#balloon7{
	background: #d7dee1;
	dispay: inline-block;
	position: relative;
	width: 85%;
	height: auto;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	margin-left: 10px;
	padding: 20px;
	text-align: left;
}
div#balloon7:before {
    content: "";
    display: inline-block;
    border: 10px solid transparent;
    border-right-color: #d7dee1;
    position: absolute;
    left: -20px;
    top: 50%;
    margin-top: -9px;
}

.sspSMP div#balloon7:before {
    display: none;
}



/*右向き*/
div#balloon5 p{
    padding: 20px;
}
div#balloon5{
	background: #d7dee1;
	dispay: inline-block;
	position: relative;
	width: 100%;
	height: auto;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}
div#balloon5:before {
    content: "";
    display: inline-block;
    border: 20px solid transparent;
    border-left-color: #d7dee1;
    position: absolute;
    right: -30px;
    top: 50%;
    margin-top: -9px;
}

.sspSMP div#balloon5:before {
    display: none;
}

/*下向き*/
div#balloon6 p{
    text-align:center;
    padding: 10px 0;
}
div#balloon6{
	background: #b2deaf;
    dispay: inline-block;
    position: relative;
	width: 100%;
	height: auto;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
}
div#balloon6:before {
    content: "";
    display: inline-block;
    border: 10px solid transparent;
    border-top-color: #b2deaf;
    position: absolute;
    left: 43px;
    bottom: -20px;
}
/*上向き*/
div#balloon8 p{
    text-align:center;
    padding: 10px 0;
}
div#balloon8{
	background: #b2deaf;
	dispay: inline-block;
	position: relative;
	width: 100%;
	height: auto;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	margin: 10px 0 20px;
}
div#balloon8:before {
    content: "";
    display: inline-block;
    border: 10px solid transparent;
    border-bottom-color: #b2deaf;
    position: absolute;
    left: 140px;
    top: -20px;
}

#sspop #mainbox{
	width: 100%;
}

#sspop #mainbox{
	width: 100%;
}
#sspop .qrCode {
	display:none;
}


/*吹き出し内　ul li*/
div#balloon5 ul {
	padding: 1.2em;
	padding-left: 1.500em;
}

div#balloon5 li {
	text-indent: -0.4em;
}

/*緑色枠　フォントサイズ*/
.small {
	font-size: 0.78em;
	line-height: 140%;
}
/*フォントサイズ*/
.sm {
	font-size:0.9em;
}
.mm {
	font-size:1.7em;
	line-height: 140%;
}

/*アンダーバー（1本ライン）*/
.bd1 {text-decoration: underline;}

/*枠内の背景色*/
.bg {background-color:#6dc067;}
.bg_red {background-color:#fde4bd;}


/*下向き矢印*/
.d_arrow{
  position: relative;
  width:0;
  height:0;
  border-right: 50px solid transparent;
  border-left: 50px solid transparent;
  border-top: 30px solid #6dc067;
  margin-bottom:20px;
}


/*レスポンシブ*/
section table	{ width: 100%; }

/*----------------------------------------------------
	.demo01
----------------------------------------------------*/
.demo01 th	{
	width: 50%;
	text-align: left;
	font-weight: normal;
}

@media only screen and (max-width:480px){
    .demo01	{ margin: 0 -10px; }
    .demo01 th,
    .demo01 td{
		width: 100%;
		display: block;
		border-top: none;
    }
}

/* パソコンを長くお使いいただく　及び　パソコンを楽しく使っていただく　CSS //end//
=========================================================================================== */