@charset "Shift_JIS";
/*------------------------------------------------------------------------------
  reset
------------------------------------------------------------------------------*/
/*--- reset typo ---*/
body{font:13px/1 "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,verdana,arial,clean,sans-serif;}
/*--- reset element ---*/
body,div,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ul,ol,li,table,th,td,
form,fieldset,legend,label,input,textarea,embed,object{margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
th,td {text-align:left;vertical-align:top;font-weight:normal;}
fieldset{border:0;}
ul,li{list-style:none;}
img{border:0;line-height:0;vertical-align:bottom;}
sub,sup{font-size: 75%;/font-size:100%;line-height:0;}
sup{vertical-align:0.333em;}
sub{vertical-align:baseline;}
input,textarea,select {font-family:inherit;font-size:inherit;/font-size:100%;font-weight:inherit;}
embed,object{outline: none;}
/*ClearFix-*/
/*--- clearfix ---*/
.clearfix:after{content:'';display:block;clear:both;height:0;}
.clearfix{/zoom:1;}
/*--- text color ---*/
body{color:#000000;}
a:link{color:#ffc200;text-decoration:none;}
a:visited{color:#ffc200;text-decoration:none;}
a:hover{color:#ffc200;text-decoration:underline;}
a:active{color:#ffc200;text-decoration:underline;outline:none;}
a:focus{color:#ffc200;text-decoration:underline;outline:none;}
html{
	overflow-y:scroll;
	-webkit-text-size-adjust: none;
}
body{
	background: url(../shared/bg_white.png);
}
#purchase #headercontainer{
	width: 100%;
	height: 158px;
	background: url(../shared/bg_header.png) center top repeat-x;
}
#purchase #headercontainer #header{
	width: 680px;
	height: 158px;
	position: relative;
	margin: 0 auto;
}
#purchase #headercontainer #header #siteid{
	position: absolute;
	left: 0;
	top: 5px;
}
#purchase #headercontainer #header #closebtn{
	position: absolute;
	right: 0;
	top: 62px;
}
#purchase #headercontainer #primary{
	width: 680px;
	height: 156px;
	position: relative;
	margin: 0 auto;
}
#purchase #headercontainer #primary h1{
	position: absolute;
	left: 0px;
	top: 0px;
}
#purchase #headercontainer #primary .txt01{
	position: absolute;
	left: 400px;
	top: 12px;
	line-height: 0.01%;
	font-size: 0.01%;
}
#purchase #headercontainer #primary .txt02{
	position: absolute;
	left: 0px;
	top: 73px;
}
#purchase #headercontainer #primary .btn01{
	position: absolute;
	left: 337px;
    top: 79px;
}
#purchase #headercontainer #secondary{
	width: 684px;
	margin: 0 auto;
	background: url(../dlc/img/bg_secondary.png) center top no-repeat;
}
#purchase #headercontainer #secondary #step1{
	width: 680px;
	height: 337px;
	position: relative;
	margin: 0 auto;
}
#purchase #headercontainer #secondary #step1 dt{
	position: absolute;
	left: 302px;
	top: 52px;
	line-height: 0.01%;
	font-size: 0.01%;
}
#purchase #headercontainer #secondary #step1 .txt01{
	position: absolute;
	left: 302px;
    top: 88px;
    line-height: 0.01%;
	font-size: 0.01%;
}
#purchase #headercontainer #secondary #step1 .img01{
	position: absolute;
	left: 46px;
    top: 48px;
}
#purchase #headercontainer #secondary #step2{
	width: 680px;
	height: 290px;
	position: relative;
	margin: 0 auto;
}
#purchase #headercontainer #secondary #step2 dt{
	position: absolute;
	left: 302px;
	top: 4px;
	line-height: 0.01%;
	font-size: 0.01%;
}
#purchase #headercontainer #secondary #step2 .txt01{
	position: absolute;
	left: 302px;
    top: 40px;
    line-height: 0.01%;
	font-size: 0.01%;
}
#purchase #headercontainer #secondary #step2 .btn01{
	position: absolute;
	left: 302px;
    top: 86px;
}
#purchase #headercontainer #secondary #step2 .stxt01{
	position: absolute;
	left: 264px;
    top: 227px;
    line-height: 0.01%;
	font-size: 0.01%;
}
#purchase #headercontainer #secondary #step2 .img01{
	position: absolute;
	left: 46px;
	top: 2px;
}
#purchase #headercontainer #secondary #step3{
	width: 680px;
	height: 278px;
	position: relative;
	margin: 0 auto;
}
#purchase #headercontainer #secondary #step3 dt{
	position: absolute;
	left: 302px;
	top: 4px;
	line-height: 0.01%;
	font-size: 0.01%;
}
#purchase #headercontainer #secondary #step3 .txt01{
	position: absolute;
	left: 302px;
    top: 40px;
    line-height: 0.01%;
	font-size: 0.01%;
}
#purchase #headercontainer #secondary #step3 .btn01{
	position: absolute;
	left: 302px;
    top: 86px;
}
#purchase #headercontainer #secondary #step3 .img01{
	position: absolute;
	left: 46px;
	top: 0;
}
#purchase #headercontainer #secondary #caution{
	width: 680px;
	height: 340px;
	position: relative;
	margin: 0 auto;
}
#purchase #headercontainer #secondary #caution dt{
	position: absolute;
	left: 68px;
	top: 22px;
	line-height: 0.01%;
	font-size: 0.01%;
}
#purchase #headercontainer #secondary #caution .txt01{
	position: absolute;
	left: 68px;
	top: 65px;
}
#purchase #headercontainer #secondary #caution .btn01{
	position: absolute;
	left: 230px;
	top: 113px;
	line-height: 0.01%;
	font-size: 0.01%;
}
#purchase #headercontainer #secondary #caution .txt02{
	left: 68px;
    position: absolute;
    top: 157px;
}