@charset "utf-8";

/*
/lite/guide/purchase/
*/
#guide p {
	margin: 0;
	padding: 5px 0 0 0;
}

#guide h2 {
	margin-top: 10px;
}



#guide .section-box {
	background: #FFFFFF;
}

#shoplist h2{
	margin: 0;
	border-bottom:1px solid #9da2a8;
	font-size:14px;
	color:#333;
	display:block;
	padding:10px 26px 10px 10px;
	font-weight:bold;
	-webkit-box-shadow: #BFBFBF 0 1px 3px;
	background: #F3F3F3;
}
#onlinepurchase h2{
	border-top:1px solid #9da2a8;
}
#guide li h2.subtitle {
	margin: 0;
	border-bottom:1px solid #9da2a8;
	font-size:14px;
	color:#333;
	display:block;
	padding:10px 26px 10px 10px;
	font-weight:bold;
	background: #F3F3F3;
	-webkit-background-size: 24px 15px;
	-moz-background-size: 24px 15px;
}



#guide .second-bar {
	background: -webkit-gradient(linear, left top, left bottom, from(#8C8C8C), to(#A8A8A8));
	border-top: solid 1px #969696;
	border-bottom: solid 1px #969696;
	height: 24px;
	margin: 10px 0 0 0;
}
#guide .second-bar h3 {
	border-top: solid 1px #B9B9B9;
	font-size: 12px;
	line-height: 24px;
	font-size: 14px;
	color: #FFFFFF;
	padding-left: 10px;
	text-shadow: 0 -1px 0 #000;
}
#guide h4 {
	color: #5391CA;
	border-bottom: solid 2px #639CD1;
	padding: 10px 0 0 0;
}
#guide h5 {
	color: #4E8ECC;
	padding: 0;
	margin: 10px 0 0 0;
	font-size: 12px;
	line-height: 1;
}

#guide .notice {
	font-size: 12px;
	text-indent: -1em;
	padding: 0 0 0 1em;
	margin: 3px 0 0 0;
	color: #FF6633;
}
#guide .button {
	margin-top: 1em;
}
#guide .button a{
	background: -webkit-gradient(linear, left top, left bottom, from(#FEBD3B), color-stop(50%, #FFA722), color-stop(51%, #FF8911), to(#FE7409));
	border:1px solid #DA5A00;
	-webkit-border-radius:3px;
	color:#FFFFFF;
	display:block;
	font-weight:bold;
	padding:4px;
	text-align:center;
	text-shadow:0 -1px 0 #000000;
}

#shoplist #shoppurchase li,
#shoplist #onlinepurchase li {
	background-color: #FFFFFF;
	padding: 5px 0;
}
/* オンラインで買う */
#onlinepurchase li{
	border-bottom: none;
}

/* お店で買う */
#shoppurchase li {
	background-position: left center;
	background-repeat: no-repeat;
	text-align:right;
	background-image: url(/static/docs/PC/old/images/lite/index/logo_cvs.20110818.png);
	-webkit-background-size: 114px 515px;
	-moz-background-size: 114px 515px;
}
#shoppurchase li:last-child {
	border-bottom: none;
}
#shoppurchase #cvs-sej {
	background-position: left 18px;
}
#shoppurchase #cvs-familymart {
	background-position: left -48px;
}
#shoppurchase #cvs-lawson {
	background-position: left -103px;
}
#shoppurchase #cvs-circleksunkus {
	background-position: left -165px;
}
#shoppurchase #cvs-ministop {
	background-position: left -228px;
}
#shoppurchase #cvs-seicomart {
	background-position: left -288px;
}
#shoppurchase #cvs-spar {
	background-image: url(/static/docs/SMART/images/content/purchase/logo/logo_spar.png);
	-webkit-background-size: 97px 24px;
	-moz-background-size: 97px 24px;
	background-position: 10px center;
}
#shoppurchase #cvs-hamanasu {
	background-image: url(/static/docs/SMART/images/content/purchase/logo/logo-hamanasu.png);
	-webkit-background-size: 130px 18px;
	-moz-background-size: 130px 18px;
	background-position: 10px center;
}
#shoppurchase #cvs-daily {
	background-position: left -351px;
}
#shoppurchase #cvs-netcafe {
	background-position: left -413px;
}
#shoppurchase #cvs-wondergoo{
	background-position: left -468px;
}
#shoppurchase #online-jppost {
	background-image: url(/static/docs/SMART/images/content/purchase/logo/logo_jppost.png);
	-webkit-background-size: 97px 24px;
	-moz-background-size: 97px 24px;
	background-position: 10px center;
}
#shoppurchase #online-jibun {
	background-image: url(/static/docs/SMART/images/content/purchase/logo/logo_jibun.png);
	-webkit-background-size: 72px 24px;
	-moz-background-size: 72px 24px;
	background-position: 10px center;
}
#shoppurchase #online-flatflat {
	background-image: url(/static/docs/PC/old/images/lite/index/logo_online_2.png);
	-webkit-background-size: 175px 405px;
	-moz-background-size: 175px 405px;
	background-position: left -362px;
}
#shoppurchase #online-chocom {
	background-image: url(/static/docs/SMART/images/content/purchase/logo/logo_chocom.png);
	-webkit-background-size: 56px 29px;
	-moz-background-size: 56px 29px;
	background-position: 10px center;
}
#shoppurchase #paynetcafe {
	background-image: url(/static/docs/SMART/images/content/purchase/logo/logo-paynetcafe.png);
	-webkit-background-size: 65px 32px;
	-moz-background-size: 65px 32px;
	background-position: 10px center;
}
#shoppurchase #carrier {
	background-image:none;
}
#shoppurchase #mrmax {
	background-image: url(/static/docs/SMART/images/content/purchase/logo/logo_mrmax.png);
	-webkit-background-size: 102px 26px;
	-moz-background-size: 102px 26px;
	background-position: 10px center;
}
#shoppurchase #itemgarage {
	background-image: url(/static/docs/SMART/images/content/purchase/logo/logo_itemgarage.png);
	-webkit-background-size: 104px 18px;
	-moz-background-size: 104px 18px;
	background-position: 10px center;
}
#shoppurchase #daiei {
	background-image: url(/static/docs/SMART/images/content/purchase/logo/logo_daiei.png);
	-webkit-background-size: 59px 37px;
	-moz-background-size: 59px 37px;
	background-position: 10px center;
}
#shoppurchase #saveon {
	background-image: url(/static/docs/SMART/images/content/purchase/logo/logo_saveon.png);
	-webkit-background-size: 81px 22px;
	-moz-background-size: 81px 22px;
	background-position: 10px center;
}
#shoppurchase #newdays {
	background-image: url(/static/docs/SMART/images/content/purchase/logo/logo_newdays.png);
	-webkit-background-size: 100px 25px;
	-moz-background-size: 100px 25px;
	background-position: 10px center;
}
#shoppurchase #cocostore {
	background-image: url(/static/docs/SMART/images/content/purchase/logo/logo-cocostore.png);
	-webkit-background-size: 46px 41px;
	-moz-background-size: 46px 41px;
	background-position: 10px center;
}
#shoppurchase #everyone {
	background-image: url(/static/docs/SMART/images/content/purchase/logo/logo-everyone.png);
	-webkit-background-size: 101px 22px;
	-moz-background-size: 101px 22px;
	background-position: 10px center;
}
#shoppurchase #ricmart {
	background-image: url(/static/docs/SMART/images/content/purchase/logo/logo-ricmart.png);
	-webkit-background-size: 78px 22px;
	-moz-background-size: 78px 22px;
	background-position: 10px center;
}
#shoppurchase #communitystore {
	background-image: url(/static/docs/SMART/images/content/purchase/logo/logo_communitystore.png);
	-webkit-background-size: 130px 22px;
	-moz-background-size: 130px 22px;
	background-position: 10px center;
}
#shoppurchase #poplar {
	background-image: url(/static/docs/SMART/images/content/purchase/logo/logo_poplar.png);
	-webkit-background-size: 89px 22px;
	-moz-background-size: 89px 22px;
	background-position: 10px center;
}
#shoppurchase #threef {
	background-image: url(/static/docs/SMART/images/content/purchase/logo/logo-threef.png);
	-webkit-background-size: 40px 40px;
	-moz-background-size: 40px 40px;
	background-position: 10px center;
}
#shoppurchase #spike {
	background-image: url(/static/docs/SMART/images/content/purchase/logo/logo-spike.png);
	-webkit-background-size: 80px 31px;
	-moz-background-size: 80px 31px;
	background-position: 10px center;
}
#shoppurchase #yorkbeni {
	background-image: url(/static/docs/SMART/images/content/purchase/logo/logo-yorkbeni.png);
	-webkit-background-size: 125px 22px;
	-moz-background-size: 125px 22px;
	background-position: 10px center;
}
#shoppurchase #cocokarafine {
	background-image: url(/static/docs/SMART/images/content/purchase/logo/logo-cocokarafine.png);
	-webkit-background-size: 132px 22px;
	-moz-background-size: 132px 22px;
	background-position: 10px center;
}
#shoppurchase #heiwado {
	background-image: url(/static/docs/SMART/images/content/purchase/logo/logo-heiwado.png);
	-webkit-background-size: 40px 40px;
	-moz-background-size: 40px 40px;
	background-position: 10px center;
}
#shoppurchase #itoyokado {
	background-image: url(/static/docs/SMART/images/content/purchase/logo/logo-itoyokado.png);
	-webkit-background-size: 114px 22px;
	-moz-background-size: 114px 22px;
	background-position: 10px center;
}
#shoppurchase #sapporo {
	background-image: url(/static/docs/SMART/images/content/purchase/logo/logo-sapporo.png);
	-webkit-background-size: 100px 40px;
	-moz-background-size: 100px 40px;
	background-position: 10px center;
}
#shoppurchase #kiosk {
	background-image: url(/static/docs/SMART/images/content/purchase/logo/logo-kiosk.png);
	-webkit-background-size: 101px 30px;
	-moz-background-size: 101px 30px;
	background-position: 10px center;
}
#shoppurchase #fujiyakuhin {
	background-image: url(/static/docs/SMART/images/content/purchase/logo/logo-fujiyakuhin.png);
	-webkit-background-size: 70px 40px;
	-moz-background-size: 70px 40px;
	background-position: 10px center;
}
#shoppurchase #yorkmart {
	background-image: url(/static/docs/SMART/images/content/purchase/logo/logo-yorkmart.png);
	-webkit-background-size: 102px 23px;
	-moz-background-size: 102px 23px;
	background-position: 10px center;
}
#shoppurchase #tsuruha {
	background-image: url(/static/docs/SMART/images/content/purchase/logo/logo-tsuruha.png);
	-webkit-background-size: 40px 40px;
	-moz-background-size: 40px 40px;
	background-position: 10px center;
}
#shoppurchase #mybasket {
	background-image: url(/static/docs/SMART/images/content/purchase/logo/logo-mybasket.png);
	-webkit-background-size: 125px 35px;
	-moz-background-size: 125px 35px;
	background-position: 10px center;
}
#shoppurchase #shinseido {
	background-image: url(/static/docs/SMART/images/content/purchase/logo/logo-shinseido.png);
	-webkit-background-size: 40px 40px;
	-moz-background-size: 40px 40px;
	background-position: 10px center;
}
#shoppurchase #smalabo {
	background-image: url(/static/docs/SMART/images/content/purchase/logo/logo-smalabo.png);
	-webkit-background-size: 130px 35px;
	-moz-background-size: 130px 35px;
	background-position: 10px center;
}
#shoppurchase #kaikatsu {
	background-image: url(/static/docs/SMART/images/content/purchase/logo/logo-kaikatsu.png);
	-webkit-background-size: 40px 40px;
	-moz-background-size: 40px 40px;
	background-position: 10px center;
}
#shoppurchase #bizagent {
	background-image: url(/static/docs/SMART/images/content/purchase/logo/logo-bizagent.png);
	-webkit-background-size: 120px 30px;
	-moz-background-size:120px 30px;
	background-position: 10px center;
}
#shoppurchase #geo {
	background-image: url(/static/docs/SMART/images/content/purchase/logo/logo-geo.png);
	-webkit-background-size: 90px 39px;
	-moz-background-size: 90px 39px;
	background-position: 10px center;
}
#shoppurchase #matsukiyo {
	background-image: url(/static/docs/SMART/images/content/purchase/logo/logo-matsukiyo.png);
	-webkit-background-size: 115px 26px;
	-moz-background-size: 115px 26px;
	background-position: 10px center;
}
#shoppurchase #animate {
	background-image: url(/static/docs/SMART/images/content/purchase/logo/logo-animate.png);
	-webkit-background-size: 110px 25px;
	-moz-background-size: 110px 25px;
	background-position: 10px center;
}
#shoppurchase #san-a {
	background-image: url(/static/docs/SMART/images/content/purchase/logo/logo-san-a.png);
	-webkit-background-size: 35px 43px;
	-moz-background-size: 35px 43px;
	background-position: 10px center;
}
#shoppurchase #futababooks {
	background-image: url(/static/docs/SMART/images/content/purchase/logo/logo-futababooks.png);
	-webkit-background-size: 115px 19px;
	-moz-background-size: 115px 19px;
	background-position: 10px center;
}
#shoppurchase #welcia {
	background-image: url(/static/docs/SMART/images/content/purchase/logo/logo-welcia.png);
	-webkit-background-size: 80px 40px;
	-moz-background-size: 80px 40px;
	background-position: 10px center;
}
#purchase dl {
	margin-top: 10px;
}

#purchase dt {
	border: solid 1px #C6C6C6;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	background: -webkit-gradient(linear, left top, left bottom, from(#FAFAFA), to(#F1F1F1));
	text-align: center;
	padding: 10px;
}
#purchase dd {
	border-left: solid 1px #C6C6C6;
	border-right: solid 1px #C6C6C6;
	border-bottom: solid 1px #C6C6C6;
	padding: 10px;
}
#purchase dd:last-child {
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}

#purchase dd h3 {
	border-top: none;
	border-left: solid 3px #5893CD;
	color: #363636;
	padding: 0 0 0 5px;
	line-height: 1;
}
#purchase dd p {
	font-size: 12px;
}

#purchase dd h4 {
	width: 74px;
	height: 15px;
	-webkit-background-size: 74px 15px;
	-moz-background-size: 74px 15px;
	overflow: hidden;
	text-indent: -9999px;
	border: none;
	margin-top: 8px;
	background-repeat: no-repeat;
}
#purchase dd li:last-child {
	color: #5793CF;
	font-weight: bold;
}
#purchase dd li:last-child h4 {
	background-image: url(/static/docs/PC/old/images/lite/guide/purchase/logo_ex.png);
}
#purchase dd li:first-child {
	color: #EC6A2E;
	font-weight: bold;
}
#purchase dd li:first-child h4 {
	background-image: url(/static/docs/PC/old/images/lite/guide/purchase/logo_st.png);
}
.attention {
	padding: 20px 10px;
}
.submit-button {
	margin-top: 1em;
	background: -webkit-gradient(linear, left top, left bottom, from(#FEBD3B), color-stop(50%, #FFA722), color-stop(51%, #FF8911), to(#FE7409));
	border:1px solid #DA5A00;
	-webkit-border-radius:3px;
	color:#FFFFFF;
	display:block;
	font-weight:bold;
	padding:4px;
	text-align:center;
	text-shadow:0 -1px 0 #000000;
	width: 100%;
}

/*
/lite/guide/purchase/jppost/
*/

.atm-notice {
	color: #EE7E4E;
}
.step {
	margin: 10px;
	background: #4D8DCB;
	color: #FFFFFF;
	border:solid 1px #4D8DCB;
	border-radius: 5px;
	line-height: 14px;
	padding: 0 5px 3px 5px;
}
.step p {
	margin: 0;
}

#kind{
	width:300px;
	margin:10px auto 0;
}

#kind ul{
	/*width:310px;
	margin:10px auto 0;
	text-align:center;*/
}

#kind li{
	float:left;
	margin:0 10px 10px 0;
	text-align:center;
}

#kind li:nth-child(2n) {
	margin-right:0;
}

#kind li:last-child {
	margin-right:0;
}

#kind li a{
	display:block;
	width:145px;
	/*height:45px;*/
	color:#fff;
	/*text-shadow: 0 -1px 0 #000;*/
	font-size:12px;
}

#kind .kind_btn {
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4), 0 1px 1px rgba(255, 255, 255, 0.5);
	box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.9), inset 0 1px 0 rgba(255, 255, 255, 0.4);
	border-radius: 6px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #70b6f2), color-stop(0.50, #54a3ee), color-stop(0.50, #3690f0), color-stop(1.00, #1a62db));
	background: -webkit-linear-gradient(top, #70b6f2 0%, #54a3ee 50%, #3690f0 50%, #1a62db 100%);
	background: -moz-linear-gradient(top, #70b6f2 0%, #54a3ee 50%, #3690f0 50%, #1a62db 100%);
	background: linear-gradient(to bottom, #70b6f2 0%, #54a3ee 50%, #3690f0 50%, #1a62db 100%);
}

#purchase .next {
	border-bottom: solid 1px #C7C7C7;
	padding-bottom:30px;
	margin: 0;
	text-align: center;
	color: #4E8ECB;
	font-weight: bold;
	background: url(/static/docs/PC/old/images/lite/guide/index/image_arrow_blue_1.png) no-repeat center 52px;
	-webkit-background-size: 26px 14px;
	-moz-background-size: 26px 14px;
}

#qr {
	border: solid 1px #619AD1;
	background: #EDF4FA;
	padding: 0;
}

#qr dl,
#qr dt,
#qr dd {
	border: none;
	background: none;
}
#qr a {
	color: #4488C9;
}
#qr dl {
	margin:0;
	padding: 0;
}

#qr dt {
	float: left;
	margin: 0;
	paddin: 0;
}
#qr dd {
	margin: 0;
	padding: 20px 0 0 0;
}
#qr dl:after {
	content: "";
	display: block;
	clear: both;
}