@charset "utf-8";

/**************************************
	アースケア様ご利用ガイド編集用
**************************************/

/* 定期注文 */
#changeBox01{
	margin:20px 0;
	position:relative;
	width:556px;
	height:1047px;
	background: transparent url(../img/earthcare/58/regular_change_03.jpg) left bottom no-repeat;
}

#gotoChangeExp{
	position:relative;
	top:0;
	left:0;
}

/* =gotoChangeExp
----------------------------------------------------*/
#gotoChangeExp{
	position:relative;
	left:330px;
	top:0;
}

#gotoChangeExp li a{
	display: block;
	overflow:hidden;
}

#gotoChangeExp li{
	text-indent:-9999px;
}

/* position
----------------------------------------------------*/
#gotoChangeExp li#gotoChangeExp01 { position:absolute; top: 55px; left: 0;}
#gotoChangeExp li#gotoChangeExp02 { position:absolute; top: 131px; left: 0;}
#gotoChangeExp li#gotoChangeExp03 { position:absolute; top: 222px; left: 0;}
#gotoChangeExp li#gotoChangeExp04 { position:absolute; top: 508px; left: 0;}
#gotoChangeExp li#gotoChangeExp05 { position:absolute; top: 595px; left: 0;}
#gotoChangeExp li#gotoChangeExp06 { position:absolute; top: 764px; left: 0;}

/* button
----------------------------------------------------*/
#gotoChangeExp li#gotoChangeExp01 a { width: 220px; height: 20px; background: transparent url(../img/earthcare/58/goto_58explain.gif) no-repeat 0 0;}
#gotoChangeExp li#gotoChangeExp02 a { width: 120px; height: 20px; background: transparent url(../img/earthcare/58/goto_58explain.gif) no-repeat 0 -20px;}
#gotoChangeExp li#gotoChangeExp03 a { width: 130px; height: 20px; background: transparent url(../img/earthcare/58/goto_58explain.gif) no-repeat 0 -40px;}
#gotoChangeExp li#gotoChangeExp04 a { width: 160px; height: 20px; background: transparent url(../img/earthcare/58/goto_58explain.gif) no-repeat 0 -60px;}
#gotoChangeExp li#gotoChangeExp05 a { width: 130px; height: 20px; background: transparent url(../img/earthcare/58/goto_58explain.gif) no-repeat 0 -80px;}
#gotoChangeExp li#gotoChangeExp06 a { width: 200px; height: 20px; background: transparent url(../img/earthcare/58/goto_58explain.gif) no-repeat 0 -100px;}

/* overstates
----------------------------------------------------*/
#gotoChangeExp li#gotoChangeExp01 a:hover { background: transparent url(../img/earthcare/58/goto_58explain.gif) no-repeat -220px 0;}
#gotoChangeExp li#gotoChangeExp02 a:hover { background: transparent url(../img/earthcare/58/goto_58explain.gif) no-repeat -220px -20px;}
#gotoChangeExp li#gotoChangeExp03 a:hover { background: transparent url(../img/earthcare/58/goto_58explain.gif) no-repeat -220px -40px;}
#gotoChangeExp li#gotoChangeExp04 a:hover { background: transparent url(../img/earthcare/58/goto_58explain.gif) no-repeat -220px -60px;}
#gotoChangeExp li#gotoChangeExp05 a:hover { background: transparent url(../img/earthcare/58/goto_58explain.gif) no-repeat -220px -80px;}
#gotoChangeExp li#gotoChangeExp06 a:hover { background: transparent url(../img/earthcare/58/goto_58explain.gif) no-repeat -220px -100px;}
	


/* お届けについて */

.txtTitlePink {
	font-weight: bold;
	color:#E35184;
}

.guideContentsSec{
	width				: 600px;
	padding				: 0px 10px 15px 10px;
}

ul.infoAddDeliver{
	margin:15px;
}

div.faqDeliverBox{
	width				: 530px;
	padding:15px;
	margin:0 auto;
	border:#FEE9E9 solid 1px;
	background-color:#FEF5F5;
}

ul.faqDeliverLst li a {
	line-height:2;
	padding-left:10px;
	background-image: url(../img/earthcare/common/arrow_goto_products.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

div.deliFeeSec{
	margin:0 auto;
	width:560px;
}

table.deliFeeTbl{
	width:560px;
	margin:10px auto;
}

table.deliFeeTbl tr th{
	text-align:center!important;
	background:white;
	color:#666;
}

table.deliFeeTbl tr td.ukiukiFeeSpn{
	text-align:center;
}


.deliverTimeBox{
	width: 530px;
	padding:15px;
	margin:0 auto 40px;
	border:#CCCCCC solid 1px;
}

.deliverTimeBox ul li{
	display:inline;
}

dl.feeMajourLst {  
	border:1px solid #999;  
	width:400px;  
}

dl.feeMajourLst dt{  
	float:left;  
	width:150px;  
	padding:5px 0 5px 10px;  
	clear:both;  
}  

dl.feeMajourLst dd{  
	width:260px;  
	margin-left:150px;  
	padding:5px 5px 5px 10px;  
} 

/* typeA テンプレート用 */
.ecTemplateSec h2.ttlCopy{
	line-height:1;
	padding-left:13px;
	background-image: url(../img/earthcare/common/arrow_goto_products.gif);
	margin-bottom:20px;
	background-repeat:no-repeat;
	color:#060;
	font-weight:bold;
}

div.ecInfoBox{
	width: 590px;
	padding:15px;
	margin:0 auto 25px;
	border:#FEE9E9 solid 1px;
	background-color:#FEF5F5;
}

.prettyprint{
	margin-bottom:100px;
}

.ecInfoBox ul li{
	margin-left:10px;
	list-style-type:circle;
	margin-bottom:13px;
}

/* その都度注文について */

div.soonBlueBox{
	width				: 530px;
	padding:15px;
	margin:0 auto;
	border:#E6FFFF solid 1px;
	background-color:#E6FFFF;
}


/* その他 */

.otherNomalBox{
	width: 530px;
	padding:10px;
	margin:0 auto 30px;
	border:solid 0px;
}


.infobox {
   height: 200px;
   width: 550px;
   overflow: auto;
   border: 1px solid;
   padding: 5px;
}