.sample_html_bookend {
  margin-bottom: 30px;
}
.sample_html_float_left{
  float: left;
  width: 310px;
}
.sample_html_float_right{
  float: right;
  width: 310px;
}

.box_bottom {
	margin-bottom:25px;
}

.info_box1_01{
  background: url(../img/info_01_top.gif) no-repeat left top;
  padding:7px 10px;
  border-bottom: 1px #dfdfdf solid;
  font-weight: normal;
  font-size: 90%;
  line-height: 1.4em;
  color: #3c3c3c;
}
.info_box1_01_bottom{
  background: url(../img/info_01_bottom.gif) no-repeat left bottom;
  padding:10px;
  font-size: 75%;
  line-height: 1.4em;
  color: #3c3c3c;
}
.info_box2_01{
  background: url(../img/info_02_top.gif) no-repeat left top;
  padding:7px 10px;
  border-bottom: 1px #dfdfdf solid;
  font-weight: normal;
  font-size: 90%;
  line-height: 1.4em;
  color: #3c3c3c;
}
.info_box2_01_bottom{
  background: url(../img/info_02_bottom.gif) no-repeat left bottom;
  padding:10px;
  font-size: 75%;
  line-height: 1.4em;
  color: #3c3c3c;
}

.icon_01 {
  background: url(../img/left_navi_menu_mkr1_01.gif) no-repeat 0 7px;
  margin: 3px 0;
  padding-left: 12px;
  color: #3c3c3c;
}
.icon_01 a {
  color: #0050a3;
  text-decoration: none;
}
.icon_01 a:hover {
  text-decoration: underline;
}

.point_image {
	text-align:center;
}

.txt_area{
	padding-bottom:20px;
	font-size: 75%;
	line-height: 1.4em;
	color: #3c3c3c;
/*	width:420px;
	float:left;*/
}

.text_red {
	color:#ff0101;
}

div#qr_area {
	background:#F2F2F2;
}

div#step0,
div#step1 {
	clear:both;
	background:url(../img/sj039_flow_bg.gif) left bottom no-repeat;
}
div#step01_main {
	width:400px;
	float:left;
}

p.step0_title {
	padding-bottom:10px;
}

div#step1 {padding:10px 0 0 0;}
div#step2 {padding:10px 0 0 0;}

div#step0_image,
div#step1_image,
div#step2_image {
	float:left;
}

p.step_text {
	padding:3px 0 0 10px;
	float:left;
}

div.net_ans {
	width:200px;
	float:right;
}

div#step0,
div#step1 {
	padding-bottom:30px;
}
/* QR code */
p#qr_text {
	padding:6px 0 0 6px;
	width:410px;
	float:left;
	margin-top:6%;
}

div#qe_image {
	padding:10px;
	width:90px;
	float:right;
}


/* foot navi */
#footer_navi ul li {
border-right:1px solid #3c3c3c;
display:inline;
list-style-position:inside;
padding:0 7px;
}

#footer_navi {
  font-size: 75%;
  line-height: 1.4em;
  color: #3c3c3c;
  padding-top:10px;
}

#footer_navi ul {
text-align:center;
}

#footer_navi a {
  color: #0050a3;
  text-decoration: none;
}

#footer_navi a:hover {
  text-decoration: underline;
}

div#footer_navi ul li.end {
	border-right: none;
}