@charset "utf-8";

/* --------------------------------------------
ﾆ竪ﾆ但ﾆ坦ﾆ停€愴誰ﾆ椎ﾂーﾆ男ﾆ停€愴丹
-------------------------------------------- */
#popupArea ul li{
	list-style: none;
}
#popupArea{
}
#popupArea .contents{
	width:956px;
}
#popupArea .inner{
	padding:30px;
}
#popupArea .main{
	margin-bottom:30px;
}
#popupArea .mainTtl_sp{
	display:none;
}
#popupArea .main .textArea{
	float:right;
	width:565px;
}
#popupArea .main .popImg{
	float:left;
}
#popupArea .main .mainTtl_pc{
	border-left:#990000 solid 4px;
	font-size:20px;
	font-weight:bold;
	margin-bottom:30px;
	padding-left:10px;
}
#popupArea .main .text{
	font-size:14px;
	line-height:2.2;
}

#popupArea .option{
	border:1px #dcdcdc solid;
	margin-bottom:15px;
}
#popupArea .option h2{
	background:#990000;
	padding:7px 0 7px 20px;
	border-bottom:1px #dcdcdc solid;
	color:#fff;
}
#popupArea .option .inner{
	padding:30px 40px;
}
#popupArea .option h3{
	font-size:18px;
	margin-bottom:15px;
	font-weight:normal;
}
#popupArea .detail{
	text-align:right;
}
#popupArea .detail a{
	background:url(/servicemaster/simulation/images/arrow1.gif) no-repeat left center;
	padding-left:15px;
	color:#000;
	font-size:13px;
	margin-top:5px;
}
#popupArea .btn{
	text-align:center
}

#popupArea .spBtn{
	display:none;
}
#popupArea .sp_only{
	display:none;
}
/* --------------------------------------------
sp
-------------------------------------------- */

.sp_device{
	width:100%;
}
.sp_device#popupArea .wrap{
	padding:0;	
}
#popupArea.sp_device .btn{
	display:none;
}
#popupArea.sp_device .spBtn{
	display:block;
}

/* --------------------------------------------
ﾂ坂€｡ﾅ致ﾅﾃ版津ｻ窶堙固致ﾅｽZ窶｢ﾃｻ窶邸
-------------------------------------------- */
#popupArea .main .mainTtl2{
	background:#9a0000;
	color:#fff;
	font-size:18px;
	padding:15px;
}
#popupArea .popImg2{
	text-align:center;
	margin-bottom:30px;
}
#popupArea .note1{
	margin-bottom:30px;
	text-align:right;
}
#popupArea .note1 li{
	display:inline;
}

/* --------------------------------------------
General
-------------------------------------------- */
#popupArea .text-right {
	text-align: right;
}

/* --------------------------------------------
Procedure
-------------------------------------------- */
#popupArea .procedure {
	border: 1px #dcdcdc solid;
	margin-bottom: 15px;
}
#popupArea .procedure h2 {
	background: #990000;
	padding: 7px 0 7px 20px;
	border-bottom: 1px #dcdcdc solid;
	color: #fff;
}
#popupArea .procedure .inner {
	padding: 20px 0;
}
#popupArea .procedure h3{
	font-size: 18px;
	margin-bottom: 15px;
	font-weight: normal;
}
#popupArea .procedure .procedure-item {
	float: left;
	width: 33.333%;
}
#popupArea .procedure .procedure-item .procedure-img {
	margin-bottom: 15px;
}
#popupArea .procedure .procedure-item .item-content {
	padding: 0 20px;
}
#popupArea .procedure .procedure-item.item-02 .item-content {
	border: 1px dotted #aaa;
	border-top: none;
	border-bottom: none;
}

/* --------------------------------------------
Inline List
-------------------------------------------- */

#popupArea .option .inner.clean-place {
	padding: 20px 40px;
}
#popupArea .inline-list li {
	list-style: disc inside;
	float: left;
	margin-right: 35px;
	padding: 7px 0;
	font-size: 14px;
}

/* --------------------------------------------
Option with Style
-------------------------------------------- */
#popupArea .option .space-bottom {
	margin-bottom: 20px;
}
#popupArea .option .popImg,
#popupArea .option .textArea .col {
	float: left;
}
#popupArea .option .textArea {
	float: right;
	width: 530px;
}
#popupArea .option .textArea > div.clearfix {
	margin-bottom: 10px;
}
#popupArea .option .textArea .col {
	width: 50%;
}
#popupArea .option .textArea .col dl {
	padding: 0 10px;
}
#popupArea .option .textArea .col dt {
	position: relative;
	color: #2fadb7;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
	padding-left: 20px;
}
#popupArea .option .textArea .col dd {
	padding-left: 20px;
	position: relative;
}
#popupArea .option .textArea .col dd.list-mark {
	padding-left: 40px;
}
#popupArea .option .textArea .col dd.list-mark span,
#popupArea .option .textArea .col dt span {
	position: absolute;
	top: 0;
	left: 0;
}
#popupArea .option .textArea .col dd.list-mark span {
	left: 20px;
}
#popupArea .option .textArea .col dd.figure {
	text-align: center;
	margin: 10px 0;
}
#popupArea .option .textArea .col dd.strong {
	font-size: 18px;
	color: #9a0308;
	font-weight: bold;
	margin-bottom: 10px;
}

/* --------------------------------------------
蜈ｨ閾ｪ蜍墓ｴ玲ｿｯ讖溷ｰら畑縺ｮ繧ｵ繝ｼ繝薙せ縺ｧ縺吶€・
-------------------------------------------- */
#popupArea .washing-machine {
	margin-top: 15px;
}
#popupArea .washing-machine h3 {
	margin-bottom: 10px;
	font-size: 15px;
}
#popupArea .service-allowed,
#popupArea .service-notAllowed {
	float: left;
}
#popupArea .service-notAllowed {
	margin-left: 15px;
}

/* --------------------------------------------
遯鍋畑繝輔ぅ繝ｫ繝譁ｽ蟾･繧ｵ繝ｼ繝薙せ
-------------------------------------------- */
#popupArea .services ul {
	margin: 0 -9px;
}
#popupArea .services li {
	float: left;
	width: 33.333%;
	margin-bottom: 20px;
}
#popupArea .services li .box {
	padding: 0 9px;
}
#popupArea .services li dl {
	padding: 15px 10px;
	border: 1px solid #c7c7c7;
	min-height: 115px;
}
#popupArea .services dt {
	color: #2fadb7;
	font-size: 18px;
	font-weight: bold;
	min-height: 50px;
	margin-bottom: 5px;
}
#popupArea .services dd {
	font-size: 14px;
}
#popupArea .services dd.strong {
	font-weight: bold;
}

/* --------------------------------------------
Cleaning
-------------------------------------------- */
#popupArea .cleaning,
#popupArea .cleaning li h3 {
	margin-bottom: 20px;
}
#popupArea .cleaning li {
	float: left;
	max-width: 270px;
}
#popupArea .cleaning li.item-02 {
	margin: 0 40px;
}

/* --------------------------------------------
譁咎≡繧ｷ繝溘Η繝ｬ繝ｼ繧ｷ繝ｧ繝ｳ縺ｮ菴ｿ縺・婿
-------------------------------------------- */
#popupArea .order-simulation li {
	margin-bottom: 40px;
	position: relative;
}
#popupArea .order-simulation li::after {
	display: block;
	position: absolute;
	content: '';
	width: 0;
	height: 0;
	border-left: 35px solid transparent;
	border-right: 35px solid transparent;
	border-top: 20px solid #fce0df;
	left: 50%;
	margin-left: -35px;
	bottom: -30px;
}
#popupArea .order-simulation li:last-child::after {
	display: none;
}
#popupArea .order-simulation .order-step {
	padding: 30px;
	border: 1px solid #e3e3e3;
	background: #f8f8f8;
	display: table;
}
#popupArea .order-simulation .step-img,
#popupArea .order-simulation .step-text {
	display: table-cell;
	vertical-align: top;
}
#popupArea .order-simulation .step-img {
	padding-right: 40px;
}
#popupArea .order-simulation .step-text {
	width: 100%;
}
#popupArea .order-simulation .step-title {
	margin-bottom: 15px;
}
#popupArea .order-simulation .step-title h3 {
	color: #9a0000;
	font-size: 26px;
	font-weight: bold;
}
#popupArea .order-simulation .step-title h3 img,
#popupArea .order-simulation .step-title h3 span {
	display: inline-block;
	vertical-align: middle;
}
#popupArea .order-simulation .step-title h3 span {
	margin-left: 10px;
}
#popupArea .order-simulation .step-description p {
	font-size: 16px;
}

/* --------------------------------------------
遯鍋畑繝輔ぅ繝ｫ繝縺ｮ遞ｮ鬘槭↓縺､縺・※
-------------------------------------------- */
#popupArea .type-film p.text {
	font-size: 14px;
	line-height: 1.8;
}
#popupArea .type-list > li {
	margin-top: 30px;
}
#popupArea .type-title {
	border: 2px solid #23c3d6;
	margin-bottom: 25px;
}
#popupArea .type-title h2 {
	color: #23c3d6;
	font-size: 17px;
	font-weight: bold;
	float: left;
}
#popupArea .type-title h2.icon-type::before {
	content: '';
	background: #23c3d6 url(/servicemaster/simulation/images/popup/type_film_icons.gif) no-repeat 0 0;
	width: 33px;
	height: 31px;
	display: table-cell;
	vertical-align: middle;
}
#popupArea .type-title h2.icon-type.-a::before {
	background-position: left;
}
#popupArea .type-title h2.icon-type.-b::before {
	background-position: -33px 0;
}
#popupArea .type-title h2.icon-type.-c::before {
	background-position: -67px 0;
}
#popupArea .type-title h2.icon-type.-d::before {
	background-position: right;
}
#popupArea .type-title h2 span {
	display: table-cell;
	vertical-align: middle;
	padding: 0 10px;
}
#popupArea .type-title .type-labels {
	float: right;
}
#popupArea .type-title .type-labels li {
	float: left;
	padding: 4px 2px;
}
#popupArea .type-title .type-labels .label {
	display: block;
	font-size: 0;
	background: url(/servicemaster/simulation/images/popup/type_film_labels.gif) no-repeat 0 0;
	width: 66px;
	height: 23px;
}
#popupArea .type-title .type-labels .label.solar {
	background-position: 0 0;
}
#popupArea .type-title .type-labels .label.uv {
	background-position: 0 -23px;
}
#popupArea .type-title .type-labels .label.shatter {
	background-position: 0 -46px;
}
#popupArea .type-title .type-labels .label.insect {
	background-position: 0 -69px
}
#popupArea .type-title .type-labels .label.crime {
	background-position: 0 -92px
}
#popupArea .type-title .type-labels .label.blindfold {
	background-position: 0 -115px
}
#popupArea .type-body .explanation {
	text-align: center;
	padding: 20px 0;
}
#popupArea .type-body .explanation-row {
	display: inline-block;
	background: url(/servicemaster/simulation/images/popup/type_film_arrow_right.gif) no-repeat center 45px;
}
#popupArea .type-body .explanation-content {
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px dotted #b2b2b2;
}
#popupArea .type-body .explanation .figure {
	float: left;
	max-width: 250px;
	padding: 0 50px;
	text-align: left;
}
#popupArea .type-body .explanation .figure-img {
	margin-bottom: 20px;
}
#popupArea .type-body .explanation .security {
	display: table;
	text-align: left;
	margin-top: 15px;
}
#popupArea .type-body .explanation .security-img,
#popupArea .type-body .explanation .security-text {
	display: table-cell;
	vertical-align: top;
}
#popupArea .type-body .explanation .security-text {
	width: 100%;
	padding-left: 20px;
}
#popupArea .type-body .explanation .security-text h4 {
	font-size: 16px;
	margin-bottom: 10px;
}

#popupArea .option .header_blue {
	background-color: #1c9ead;
}