@charset "utf-8";

/*
=Color Pallete========

	bg-grey: #f5f5f5;
	font-grey: #3a3a3a;
	line-grey: #bfbfbf;


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

/*
=Index========

1. Common
2. Contents
3. AboveTheFold
 3-1. aboveTheFold
 3-2. srchWrapper
4. funcWrapper
5. footerContents
 5-1. infoWrapper
 5-2. topServiceTop
6. footer
7. CSS Animation
8. modalWindow

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


/*==============================================================
	1. Common
==============================================================*/

body { 
	color: #3a3a3a;
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	background-color: #fff;
}

#header dl.errorText{
padding:10px;
margin:10px auto 0;
text-align:center;
border:2px solid #ff0000;
}

#header dl.errorText dt{
margin-bottom:5px;
color:#ff0000;
font-weight:bold;
}

#header dl.errorText dd{
font-size:85%;
}

#wrapper {
	position: relative;
	height: 100%;
	width: 100%;
	min-width: 950px;
	overflow: hidden;
	line-height: 1.56;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix { *zoom: 1; }

#floatingNav {
	display: none;
	width: 7px;
	position: fixed;
	top: 50%;
	right: 65px;
	margin-top: -110px;
	z-index: 100;
}

.js #floatingNav {
	display: block;
}

#floatingNav li {
	margin-top: 25px;
}

#floatingNav li:first-child {
	margin-top: 0;
}

#floatingNav a {
	display: block;
	width: 16px;
	height: 16px;
	border-radius: 8px;
	background: url(https://s.yimg.jp/images/geo/promotion/2013_mystore/v1/pc/images/nav_float_01.png) 0 0 no-repeat;
	text-indent: -9999em;
}

#floatingNav .active a,
#floatingNav a:hover {
	background: url(https://s.yimg.jp/images/geo/promotion/2013_mystore/v1/pc/images/nav_float_01.png) -17px 0 no-repeat;
}

/*==============================================================
	2. Contents
==============================================================*/

#header {
	margin: 0 auto;
	background-color: #fff;
	box-shadow: 1px 4px 9px -6px;
	-moz-box-shadow: 1px 4px 9px -6px;
	-webkit-box-shadow: 1px 4px 9px -6px;
	*border-bottom: 1px solid #bfbfbf;
}

#hdrInner {
	width: 950px;
	margin: 0 auto;
	padding: 0 0 10px;
}

#header #msthd {
	margin: 0 auto !important;
}

#contents {
	width: 100%;
	margin: 0 auto;
	display: block;
	position: relative;
	background: url(https://s.yimg.jp/images/geo/promotion/2013_mystore/v1/images/bg_gray.jpg);
}

.box1 {
	position: relative;
	overflow: hidden;
}

.js .box1 {
	/*min-height: 0;*/
}

.stepFrame {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	z-index: 5;
}

#scene2 .stepFrame {
	height: 370px;
	margin-top: -215px;
}

#scene3 {
	width: 100%;
}

#scene3 .stepFrame {
	height: 520px;
	margin-top: -280px;
}

.box2 {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 0;
}

#bg1 {
	background:  url(https://s.yimg.jp/images/geo/mystore/v1/template/images/pattern/001.png);
	z-index: 0;
}

#bg2 {
	background:  url(https://s.yimg.jp/images/geo/mystore/v1/template/images/pattern/003.png);
	z-index: 0;
}

#bg3 {
	background:  url(https://s.yimg.jp/images/geo/mystore/v1/template/images/pattern/002.png);
	z-index: 0;
}

#scene4 .stepFrame {
	height: 404px;
	margin-top: -232px;
}

#scene5 .stepFrame {
	height: 466px;
	margin-top: -253px;
}

#scene6 .stepLastFrame {
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	height: 850px;
	margin-top: -475px;
}

/*==============================================================
	3. AboveTheFold
==============================================================*/

/* 3-1. #headWrapper */

#headWrapper {
	border-collapse: separate;
	padding-top: 30px;
}

#headInner {
	position: relative;
	width: 950px;
	height: 402px;
	margin: 0 auto;
	padding-top: 20px;
	background: url(https://s.yimg.jp/images/geo/promotion/2013_mystore/v1/pc/images/img_top.png) -50px 70px no-repeat;
}

.socialButton{
	position:absolute;
	width:400px;
	right:15px;
	top:15px;
}

	.socialButton ul{
		width:400px;
		margin:0 auto;
	}

	.socialButton ul li{
		float:right;
		margin-left: 10px;
		line-height:1;
		*display: inline;
		*zoom: 1;
		text-align:right!important;
	}

iframe.twitter-share-button {
	width: 105px!important;
}


#leftInner,
#rightInner { width: 497px; }

.logoCatche {
	width: 319px;
	height: 165px;
	text-indent: -9999px;
	background: url(https://s.yimg.jp/images/geo/promotion/2013_mystore/v1/images/logo_02.png) no-repeat;
}

#leftInner .logoCatche {
	margin: -10px auto 10px;
}

.msTryBtn .freeTry {
	margin: 0 auto;
	background: url(https://s.yimg.jp/images/geo/promotion/2013_mystore/v1/images/balloon_info.gif) no-repeat;
	width: 110px;
	height: 120px;
	text-indent: -9999px;
	overflow: hidden;
}

.msTryBtn a {
	font-weight: bold;
	display: block;
	margin: 15px auto 0;
	background: url(https://s.yimg.jp/images/geo/promotion/2013_mystore/v1/images/btn_blue.jpg) no-repeat;
	width: 350px;
	height: 60px;
	text-align: center;
	line-height: 60px;
	text-decoration: none;
	color: #fff;
	font-size: 1.4em;
}

#rightInner { position: relative;}

#rightInner .logoCatche {
	position: absolute;
	overflow: hidden;
	top: -10px;
	left: 89px;
}

.js #rightInner .logoCatche {
	margin-top:20px;
	top: -40px;
	-ms-filter: "alpha( opacity=0 )";
	filter: alpha( opacity=0 );
	opacity: 0;
}

#rightInner .msTryBtn {
	padding-top: 195px;
}

/* 3-2. #srchWrapper */

#srchWrapper { 
	width: 950px;
	background: url(https://s.yimg.jp/images/geo/promotion/2013_mystore/v1/images/bg_bottom.gif) 0 bottom no-repeat;
	padding-bottom:10px;
	margin: -25px auto 0;
	text-align: center; }

#srchInner { 
	width: 950px;
	padding-top: 55px;
	background: url(https://s.yimg.jp/images/geo/promotion/2013_mystore/v1/images/bg_arrow.gif) 0 top no-repeat;
 }

	#srchWrapper h2 { 
		font-weight: bold;
		font-size: 1.4em;
		padding: 5px 0 0;
		margin: 0 25px;
	}

	#srchWrapper p { 
		font-size: .9em;
		margin-top: 10px;
	}

	#srchWrapper p.leadTxt { 
		text-align:left;
		padding:0 30px;
	}

	#srchWrapper  p.leadTxt span { 
		font-size: .6em;
		vertical-align: top;
}

.formWrapper {
	background: url(https://s.yimg.jp/images/geo/promotion/2013_mystore/v1/images/bg_dots_gray.gif);
	width: 810px;
	margin: 15px auto 20px;
	padding: 10px 45px;
}

	#lpSrchForm p { 
		float: left;
		font-size: .8em;
		font-weight: bold;
		margin-right: 10px;
		margin-top: 12px;
}

	#lpSrchForm #srchBox { 
		float: left;
		width: 360px;
		padding:10px 0 10px 10px;
		margin-right: 10px;
}

	#lpSrchForm #lpCreate {
		float: left;
		padding: 0;
		color: #fff;
		font-weight: bold;
		font-size: 1.2em;
		width: 150px;
		height: 40px;
		background: url(https://s.yimg.jp/images/geo/promotion/2013_mystore/v1/images/btn_blue_small.jpg) no-repeat;
		border: none;
		cursor: pointer;
		box-sizing: content-box;
}

	#lpSrchForm #lpCreateOff {
		float: left;
		padding: 0;
		background-color: #ccc;
		color: #fff;
		border: 1px solid #b2b2b2;
		font-weight: bold;
		font-size: 1.2em;
		width: 150px;
		height: 40px;
		line-height:42px;
		cursor: default;
		box-sizing: content-box; }

	#srchWrapper .formWrapper p.formNotice {
	clear:both;
	float: none;
	margin-top: 8px;
	color: #ff0000;
	text-align: center;
	font-weight: bold;
	}

	#lpLogin {
}

	#lpLogin .loginInfoTxt {
margin-bottom:10px;
text-align:center;
font-size:100%;
font-weight:bold;
}

	#lpLogin .yidLogin {
		 }
	#lpLogin .yidLogin a {
display: block;
height: 25px;
width: 200px;
text-decoration:none;
padding-top: 10px;
margin:0 auto 10px;
border: 1px solid #FFBD30;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #FFE587;
background: -moz-linear-gradient(top,#FFFAE5,#FFDA50);
background: -webkit-gradient(linear,left top,left bottom,from(#FFFAE5),to(#FFDA50));
color: #333;
font-weight: bold;
line-height: 1;
text-align: center;

}

.toNextScene{
margin-top: 50px;
text-align: center;
}

.toNextScene a{
display:block;
margin:0 auto;
width:50px;
height:50px;
text-indent:-9999px;
background: url(https://s.yimg.jp/images/geo/promotion/2013_mystore/v1/pc/images/arrowToNext.png) 0 0 no-repeat;
}


/*==============================================================
	4. funcWrapper
==============================================================*/

.funcWrapper {
	width: 950px;
	margin: 0 auto;
}

	.funcWrapper dl { margin-bottom: 50px; }

	.funcWrapper dt {
		font-size: 2em;
		padding-bottom: 20px;
		font-weight: bold;
		color: #313131;
	}

	.funcWrapper dd { 
		padding-top: 20px;
		font-size: 1.3em;
		line-height: 1.5;
	}

	#editInfo li,
	#designInfo li,
	#mapInfo li,
	#deviceInfo li,
	#costInfo li,
	#costArrow {
		text-indent: -9999px;
		overflow: hidden;
	}

	.funcWrapper .info {
		text-align: center;
		margin: 0 auto;
		padding-bottom: 40px;
	}

.infoLeft { padding: 80px 0 0 20px; }

.infoRight { padding: 80px 0 0 500px; }

/* #editFlow */

#editFlow { 
	width: 484px;
	margin: 30px auto 0;
}

#editFlow li {
	height: 140px;
	float: left;
}

.js #editFlow li {
	display: none;
}

#flow1 {
	width: 172px;
	background: url(https://s.yimg.jp/images/geo/promotion/2013_mystore/v1/pc/images/flow1.png) no-repeat;
}

#flow2 {
	width: 172px;
	background: url(https://s.yimg.jp/images/geo/promotion/2013_mystore/v1/pc/images/flow2.png) no-repeat;
}

#flow3 {
	width: 140px;
	background: url(https://s.yimg.jp/images/geo/promotion/2013_mystore/v1/pc/images/flow3.png) no-repeat;
}

/* #editScreen */

#designInfo .info {
	padding-bottom: 20px;
}

#designInfo dt,
#designInfo dd {
	text-shadow: 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff;
}

#editScreen {
	position: relative;
	width: 484px;
	margin: 0 auto;
}

#editScreen li { float: left; }

#editFeature {
	margin-top: 70px;
	width: 411px;
	height: 241px;
	z-index: -1;
	text-indent: 0 !important;
}

#editZoom {
	position: absolute;
	width: 263px;
	height: 258px;
	top: 0;
	left: 221px;
	overflow: visible !important;
	text-indent: 0 !important;
	z-index: 2;
}

.js #editZoom img {
	position: absolute;
	width: 0;
	height: 0;
	top: 258px;
	left: 0;
}

/*　#mapInfo */

	#mapInfo span { font-size: .585em; }

	#mapInfo .infoLeft { padding-top: 50px; }

	#mapInfo .infoLeft dt { padding-bottom: 30px; }

	#mapInfo #passMrktBtn {
		display: block;
		margin: 15px auto 0;
		width: 223px;
		height: 30px;
		background: url(https://s.yimg.jp/images/geo/promotion/2013_mystore/v1/pc/images/passmarket.jpg) no-repeat;
		text-indent: -9999px;
		overflow: hidden;
	}

#couponImg { 
	width: 474px;
	margin: 40px auto 0;
}

#couponImg li { float: left; }

#couponModel {
	position: relative;
	margin-top: 30px;
	width: 220px;
	height: 282px;
	background: url(https://s.yimg.jp/images/geo/promotion/2013_mystore/v1/pc/images/coupon_model.png);
}

#pickup1 {
	width: 102px;
	height: 103px;
	background: url(https://s.yimg.jp/images/geo/promotion/2013_mystore/v1/pc/images/pickup1.png) no-repeat;
	position: relative;
}

#pickup2 {
	width: 102px;
	height: 103px;
	background: url(https://s.yimg.jp/images/geo/promotion/2013_mystore/v1/pc/images/pickup2.png) no-repeat;
	position: relative;
	margin-left: 50px;
}

#pickup3 {
	width: 200px;
	height: 183px;
	background: url(https://s.yimg.jp/images/geo/promotion/2013_mystore/v1/pc/images/pickup3.png) no-repeat;
	position: relative;
	margin-top: 120px;
	margin-left: -240px;
}

/* #deviceInfo*/

#scene4 .info {
	padding-bottom: 50px;
}

#deviceInfo {
	position: relative;
	width: 522px;
	height: 197px;
	margin: 0 auto;
}

#deviceInfo li {
	position: absolute;
	left: 0;
}

.js #deviceInfo li {
	margin-top: 100px;
	-ms-filter: "alpha( opacity=0 )";
	filter: alpha( opacity=0 );
	opacity: 0;
}

#deviceInfo #mobile {
	width: 91px;
	height: 158px;
	top: 36px;
	background: url(https://s.yimg.jp/images/geo/promotion/2013_mystore/v1/pc/images/device_phone.png) no-repeat;
}

#deviceInfo #tablet {
	width: 135px;
	height: 197px;
	top: 0;
	left: 115px;
	background: url(https://s.yimg.jp/images/geo/promotion/2013_mystore/v1/pc/images/device_tablet.png) no-repeat;
}

#deviceInfo #pc {
	width: 296px;
	height: 174px;
	top: 22px;
	left: 255px;
	background: url(https://s.yimg.jp/images/geo/promotion/2013_mystore/v1/pc/images/device_pc.png) no-repeat;
}

/* #costInfo */

#costInfo {
	position: absolute;
	text-align: center;
}

	#costInfo h2 {
		font-size: 2em;
		font-weight: bold;
		line-height: 1.5;
}

	#costInfo #geoPlusBtn {
		position: absolute;
		top: 381px;
		left: 50%;
		display: block;
		background: url(https://s.yimg.jp/images/geo/promotion/2013_mystore/v1/images/btn_green.jpg) no-repeat;
		width: 350px;
		height: 60px;
		margin: 25px 0 0 -175px;
		color: #fff;
		font-size: 1.4em;
		font-weight: bold;
		line-height: 60px;
		text-decoration: none;
	}

	#costInfo span { font-size: .585em; }

#costInfoImg {
	position: relative;
	width: 460px;
	height: 140px;
	margin: 25px auto;
}

#costInfo1,
#costInfo2,
#costInfo3 {
	position: absolute;
	top: 0;
	left: 0;
	width: 140px;
	height: 140px;
	text-indent: 0 !important;
	overflow: visible !important;
}

#costInfo1 {
	left: 0;
}

#costInfo2 { 
	left: 160px;
}

#costInfo3 {
	left: 320px;
}

#costArrow {
	position: absolute;
	top: 334px;
	left: 50%;
	width: 17px;
	height: 47px;
	margin-left: -8px;
	background: url(https://s.yimg.jp/images/geo/promotion/2013_mystore/v1/pc/images/CiArrow.png) repeat-y;
}

.js #costArrow {
	height: 0;
}

.js #costInfo #geoPlusBtn {
	margin-top: 40px;
	-ms-filter: "alpha( opacity=0 )";
	filter: alpha( opacity=0 );
	opacity: 0;
}

.js #costInfoImg img {
	position: absolute;
	width: 0;
	height: 0;
	-ms-filter: "alpha( opacity=0 )";
	filter: alpha( opacity=0 );
	opacity: 0;
	top: 50%;
	left: 50%;
}

.js #costInfo #geoPlusBtn {
	margin-top: 0px;
}

/* #footerMv */

#footerMv {
	position: relative;
	margin-top: 150px;
	width: 950px;
	height: 440px;
	overflow: hidden;
}

.ftrMV {
	position: absolute;
	bottom: 0;
	line-height:0;
}

#ftrMV1 {
	left: 0;
	z-index: 1;
}

#ftrMV2 {
	left: 102px;
}

.js .ftrMV {
	-ms-filter: "alpha( opacity=0 )";
	filter: alpha( opacity=0 );
	opacity: 0;
}

.js #ftrMV1 {
	bottom: -150px;
}

.js #ftrMV2 {
	bottom: -150px;
}

#rightInner { margin-left: 495px; }

#socialBtnFooter { 
	position: relative;
	margin: 0 0 0 495px;
}

.backToTop{
margin-top:10px;
text-align:center;
}

.backToTop a{
color:#0000ff;
}

/*==============================================================
	5. footerContents
==============================================================*/

#footerContents {
	z-index:2;
	width: 100%;
	margin: 0 auto;
	display: block;
	position: relative;
	padding: 20px 0 10px;
	box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.2);
	*border-top: 1px solid #bfbfbf;
	background-color: #fff;
}

/* 5-1. #infoWrapper */

#infoWrapper {
	width: 950px;
	margin: 0 auto;
	background-color: #f5f5f5;
	border: 1px solid #bfbfbf;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

	#infoWrapper ul { 
		margin: 5px;
		padding-left: 5px;
		font-size: 13px;
	}

/* 5-2. #toServiceTop */

#toServiceTop {
	width: 950px;
	text-align: center;
	margin: 0 auto;
}

#scrollBar{
	position: fixed;
	top: 0;
	right: 0;
	height:100%;
	width:5px;
	background:#ccc;
	z-index: 2;
}

#scrollBar .nowPos{
	position:absolute;
	top:0;
	left:0;
	width:5px;
	background: #382f2c;
}

/*==============================================================
	6. footer
==============================================================*/

#footerWrap {
	padding-bottom: 800px;
	background-color: #fff;
}

#footer{
	width:950px;
	margin:0 auto;
	text-align: center;
}

	#footer address {
		padding: 10px 0;
		border-top: 1px solid #ccc;
		font-size: small;
		line-height: 1.4;
}

.yjChviewWrap {
	text-align: center;
	margin-bottom:10px;
}

.yjChview{
	display: inline-block;
	padding: 10px 30px;
	border: 1px solid #e7e7e7;
	background: #f9f9f9;
	text-align: center;
}

	.yjChview dl, 
	.yjChview dd, 
	.yjChview p { margin: 0; }

		.yjChview dl dt, 
		.yjChview dl dd {
			display: inline;
			font-size: 14px;
			line-height: 1.2em;
}

		.yjChview dl dt{ padding-right: 0.2em; }
		.yjChview dl dd span { font-weight: bold; }
		.yjChview dl dd:after { content: "\ff5c"; }
		.yjChview dl dd.end:after { content: ""; }

#uft {
	padding:15px 0;
	border-top:1px solid #ccc;
	text-align:center;
}

/*==============================================================
	7. CSS Animation
==============================================================*/


.floating {
		-webkit-animation-name: Floatingx;
		-webkit-animation-duration: 3s;
		-webkit-animation-iteration-count: infinite;
		-webkit-animation-timing-function: ease-in-out;
		-moz-animation-name: Floating;
		-moz-animation-duration: 3s;
		-moz-animation-iteration-count: infinite;
		-moz-animation-timing-function: ease-in-out;
}
@-webkit-keyframes Floatingx {
		from {
				-webkit-transform:translate(0, 0px);
		}
		65% {
				-webkit-transform:translate(0, 15px);
		}
		to {
				-webkit-transform: translate(0, -0px);
		}
}
@-moz-keyframes Floating {
		from {
				-moz-transform:translate(0, 0px);
		}
		65% {
				-moz-transform:translate(0, 15px);
		}
		to {
				-moz-transform: translate(0, -0px);
		}
}

/*==============================================================
	8. modalWindow
==============================================================*/

.modal{
display: none;
position: absolute;
background:url(https://s.yimg.jp/images/geo/mystore/v1/edit/images/info_bg_modalBg.png) 0 0 ;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1000;
}

.modal.show {
display: block;
}

.modal.show dl {
position:fixed;
width:300px;
padding:10px;
margin:0 auto;
background:url(https://s.yimg.jp/images/geo/mystore/v1/edit/images/info_bg_modal.png) 0 0 ;
border:3px solid #fff;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}

.modal.show dl dd{
text-align:center;
}

.modal dl.htmlPushConfirm,
.modal dl.createStoreData,
.modal dl.easyStep01,
.modal dl.easyStep02,
.modal dl.easyStep03,
.modal dl.easyStep04,
.modal dl.createStoreDataEnd{
width:500px;
}

.modal dl.easyStep01,
.modal dl.easyStep02,
.modal dl.easyStep03,
.modal dl.easyStep04,
.modal dl.createStoreDataEnd{
width:500px;
height:480px;
}

.modal dl.easyStep01 dt span,
.modal dl.easyStep02 dt span,
.modal dl.easyStep03 dt span,
.modal dl.easyStep04 dt span{
font-size:70%;
font-weight:normal;
}

.modal dd p.infoTxt{
text-align:center;
}
.modal dd p.infoTxt .noticeTxt{
font-size:75%;
}

.modal dt{
font-size:130%;
font-weight:bold;
text-align:center;
margin:10px 0 20px 0 ;
padding-bottom:90px;
}

.modal dl.easyStep01 dt,
.modal dl.easyStep02 dt,
.modal dl.easyStep03 dt,
.modal dl.easyStep04 dt,
.modal dl.createStoreDataEnd dt{
padding-bottom:220px;
}

.modal dl.createStoreDataEnd dt{
margin-top:30px;
}

.modal .easyStep01 dt{
background:url(https://s.yimg.jp/images/geo/mystore/v1/edit/images/info_img_easyStep01_01.png) center bottom no-repeat;
}

.modal .easyStep02 dt{
background:url(https://s.yimg.jp/images/geo/mystore/v1/edit/images/info_img_easyStep02_01.png) center bottom no-repeat;
}

.modal .easyStep03 dt{
background:url(https://s.yimg.jp/images/geo/mystore/v1/edit/images/info_img_easyStep03_01.png) center bottom no-repeat;
}

.modal .easyStep04 dt{
background:url(https://s.yimg.jp/images/geo/mystore/v1/edit/images/info_img_easyStep04_01.png) center bottom no-repeat;
}

.modal .easyStep04 dt{
background:url(https://s.yimg.jp/images/geo/mystore/v1/edit/images/info_img_easyStep04_01.png) center bottom no-repeat;
}

.modal dl.createStoreDataEnd dt{
background:url(https://s.yimg.jp/images/geo/mystore/v1/edit/images/info_img_createStoreDataEnd_01.png) center bottom no-repeat;
}

.modal.delete dt{
background:url(https://s.yimg.jp/images/geo/mystore/v1/edit/images/info_img_deleteModal_01.png) center bottom no-repeat;
}


.modal.imgUploadForIe dt{
background:url(https://s.yimg.jp/images/geo/mystore/v1/edit/images/info_img_imgUpModal_01.png) center bottom no-repeat;
padding-bottom: 55px;
}

.modal .htmlPushConfirm dt{
background:url(https://s.yimg.jp/images/geo/mystore/v1/edit/images/info_img_htmlPushModal_01.png) center bottom no-repeat;
}

.modal.error dt{
background:url(https://s.yimg.jp/images/geo/mystore/v1/edit/images/info_img_errorModal_01.png) center bottom no-repeat;
}

.modal.info dt{
background:url(https://s.yimg.jp/images/geo/mystore/v1/edit/images/info_img_infoModal_01.png) center bottom no-repeat;
}

.modal.progress dt{
background:url(https://s.yimg.jp/images/geo/mystore/v1/edit/images/info_img_progressModal_01.gif) center bottom no-repeat;
}

.modal.done dt{
background:url(https://s.yimg.jp/images/geo/mystore/v1/edit/images/info_img_doneModal_01.png) center bottom no-repeat;
}

.modal .htmlPushConfirm dd{

}

.modal dd p.infoTxt{
margin-bottom:10px;
}

.modal .htmlPushConfirm dd .htmlPushFolder{
text-align:center;
margin:0 0 30px;
}

.modal .htmlPushConfirm dd .publishedUrl{
text-align:center;
margin:-10px 0 20px;
}

.modal input[type="text"]{
width:130px;
border:1px solid #a6a6a6;
padding:8px 5px 5px;
margin-left:5px;
background:#fff;
border-radius:2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset;
}

.modal.formError input[type="text"] {
background-color: #ffeded;
}

.modal input[type="text"]:focus {
background-color: #fffdeb;
}

.modal .confirmBtnWrapper{
display:inline-block;
text-align:center;
margin:0 auto 10px;
*display:inline;
*zoom:1;
}
.modal dl.easyStep01 .confirmBtnWrapper,
.modal dl.easyStep02 .confirmBtnWrapper,
.modal dl.easyStep03 .confirmBtnWrapper,
.modal dl.easyStep04 .confirmBtnWrapper,
.modal dl.createStoreDataEnd .confirmBtnWrapper{
position:absolute;
width:500px;
display:block;
text-align:center;
bottom:20px;
}

.modal .htmlPushConfirm .formErrorTxt{
color:#ff0000;
margin:-25px 0 40px 0;
text-align:center;
line-height:1.2;
font-size:85%;
font-weight:bold;
}

.imgUploadForIe .funcBtn {
display:block;
overflow: hidden;
position: relative;
width: 160px;
height: 50px;
font-size:100%;
line-height:48px;
text-align:center;
margin: 0 auto;
}

.imgUploadForIe input[type="file"] {
-moz-opacity:0 ;
filter:alpha(opacity: 0);
opacity: 0;
position: absolute;
right: 0;
top: 0;
margin: 0;
font-size: 40px;
cursor: pointer;
}

.imgUploadForIe .cancelBtn {
display:block;
width: 100px;
height: 35px;
font-size:100%;
line-height:35px;
text-align:center;
padding:0;
margin: 15px auto 5px;
}

.confirmBtnWrapper .reflectBtn,
.confirmBtnWrapper .funcBtn{
float:none;
width:auto;
min-width:90px;
margin:0 10px;
padding:10px;
font-size:100%;
}

.confirmBtnWrapper .cancelBtn{
float:none;
width:auto;
min-width:90px;
margin:0 10px;
padding:10px;
font-size:100%;
}