@charset "utf-8";

/*----------------------------------------------------
creation date 2012.6
http://www.sevenbank.co.jp/soukin/
Copyright (C) Seven Bank,Ltd. All Rights Reserved.
----------------------------------------------------*/

/*------------------------------------
   sendmoney_order
====================================*/
/* list_flow
------------------------------------*/
ul.list_flow li > div .img {
width:80px;
height:120px;
}
ul.list_flow li>div .img img.step1 {
top:0;
}
ul.list_flow li>div .img img.step2 {
top:-130px;
}
ul.list_flow li.finish>div .img img {
top:-260px;
}
ul.list_flow li > div .txt {
margin-left:100px;
}
ul.list_flow dl dd.demo {
margin-bottom:1em;
}


/* info
------------------------------------*/
.info .innerBox {
float:left;
width:49%;
margin-right:2%;
}
.info .innerBox dl {
padding:1px;
border:1px solid #AAA;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box; 
*width:338px;
*margin-right:14px;
}
.info .innerBox:last-child {
float:right;
margin-right:0;
}
@media screen and (max-width: 519px) {
.info .innerBox {
float:none;
width:auto;
border-top:1px solid #AAA;
border-right:none;
border-bottom:none;
border-left:none;
margin-right:0;
margin-bottom:15px;
}
.info .innerBox:last-child {
margin-bottom:0;
}
}
.info .innerBox dt {
padding:10px 5px 10px 10px;
font-size:134%;
font-weight:bold;
border-bottom:1px dotted #666;
background: #f4f4f4; /* Old browsers */
background: -moz-linear-gradient(top,  #f4f4f4 21%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(21%,#f4f4f4), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f4f4f4 21%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f4f4f4 21%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f4f4f4 21%,#ffffff 100%); /* IE10+ */
background: linear-gradi    ent(top,  #f4f4f4 21%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
@media screen and (max-width: 519px) {
.info dl dt {
border:none;
background:none;
}
}
.info dl dt span {
padding:3px 10px;
border-left:3px solid #009749;
}
.info dl dd:after {
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}
.info dl dd {
padding:10px;
}
.info dl dd ul {
display:inline-block;
vertical-align:top;
*display:inline;
*zoom:1;
}
@media screen and (max-width: 519px) {
.info dl dd ul {
width:100%;
}
}
.info dl dd ul.list_square li {
padding:0 20px 0 10px;
width:100%;
}
@media screen and (max-width: 519px) {
.info dl dd ul.list_square li {
padding:0 0 0 10px;
}
}
.info .innerBox:last-child ul:last-child li {
padding:0 0 0 10px;
}
@media (max-width: 959px) {
ul.list_flow>li>div .img img {
width: 60px
}
ul.list_flow li > div .img {
width: 60px;
height: 93px;
float: left;
margin-bottom: 10px;
}
ul.list_flow li>div .img img.step1 {
top:0;
}
ul.list_flow li>div .img img.step2 {
top: -96px;
}
ul.list_flow li>div .img img.step3 {
top: -193px;
}
ul.list_flow li.finish>div .img img {
top: -291px;
}

ul.list_flow li > div .txt {
margin-left: 0;
}
ul.list_flow>li .txt > dt {
margin-left: 80px;
}
ul.list_flow>li .txt dd {
clear: both;
}
ul.list_flow li.finish > div .img img {
top: -195px;

}