@charset "Shift_JIS";

/* 目次
------------------------------------------
・全体構造
・フォーム
・マージン・パディング
・レイアウト
・テキスト・フォントサイズ
・リスト
・リンク
--------------------------
・wrapper
・header
・main
・footer
--------------------------
・コンテンツ
------------------------------------------ */

/* 全体構造
------------------------------------------ */
body {
background: #e6e6e6;
color: #191919;
line-height: 1.2;
font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", HiraKakuPro-W3, Osaka, verdana, arial, sans-serif;
}

html,
body {
height: 100%;
}
html {
margin-bottom: 1px;
}

h1, h2, h3, h4, h5, h6,
form, fieldset, input, textarea,
pre, blockquote, th, td {
margin: 0;
padding: 0;
font-size: 100%;
}

body, div, p,
dl, dt, dd, ul, ol, li {
margin: 0; padding: 0;
}

img {
border: 0;
} 

caption {
text-align: left;
}

table { border-collapse: collapse; border: none; border-spacing: 0; }

fieldset {
border: 0;
}

input {
line-height: 100%;
}

a[name] {
color: #333;
}
a[name]:hover {
color: #333;
text-decoration: none !important;
outline: 0 !important;
}
a img {
color: #000;
}

ul li,
ol li {
list-style-type: none;
}

li li {
font-size: inherit;
}

em {
font-weight: bold;
font-style: normal;
}

label {
cursor: pointer;
margin-left: 5px;
}

.navskip {
height: 0;
width: 0;
overflow: hidden;
font-size: 0;
}

.hide {
height: 0;
width: 0;
overflow: hidden;
font-size: 0;
}

hr {
display: none;
visibility: hidden;
height: 0;
border: 0;
}


/* フォーム
------------------------------------------ */
/* 全角モード */
.imeA {ime-mode: active;}
/* IME=使用不可。ユーザー側で変更不可能 */
.imeD {ime-mode: disabled;}

/*\*/
* input { margin: -1px 0; }
/**/


/* マージン・パディング
------------------------------------------ */
.mgt3 {
margin-top: 3px;
}
.mgt4 {
margin-top: 4px;
}
.mgt5 {
margin-top: 5px;
}
.mgt8 {
margin-top: 8px;
}
.mgt10 {
margin-top: 10px;
}
.mgt20 {
margin-top: 20px;
}
.mgt25 {
margin-top: 25px;
}
.mgt30 {
margin-top: 30px;
}
.mgt35 {
margin-top: 35px;
}

.pdgl3 {
padding-left: 3px;
}
.pdgl4 {
padding-left: 4px;
}
.pdgl5 {
padding-left: 5px;
}
.pdgl8 {
padding-left: 8px;
}
.pdgl10 {
padding-left: 10px;
}
.pdgl10 {
padding-left: 10px;
}
.pdgl25 {
padding-left: 25px;
}

.pdgr3 {
padding-right: 3px;
}
.pdgr4 {
padding-right: 4px;
}
.pdgr5 {
padding-right: 5px;
}
.pdgr8 {
padding-right: 8px;
}
.pdgr10 {
padding-right: 10px;
}


/* レイアウト
------------------------------------------ */
.floatL {
float: left;
}
.floatR {
float: right;
}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-block;
}
/*\*/
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
/**/

.clearboth {
clear: both;
}
br.clear {
clear: both;
margin: 0;
padding: 0;
font-size: 0;
line-height: 0;
}

.alL {
text-align: left !important;
}
.alC {
text-align: center !important;
}
.alR {
text-align: right !important;
}
.vaT {
vertical-align: top !important;
}
.vaM {
vertical-align: middle !important;
}
.vaB {
vertical-align: bottom !important;
}
.imgC {
text-align: center;
}
.imgC img {
display: block;
margin: 0 auto;
}


/* テキスト
------------------------------------------ */
.bold   {
font-weight: bold;
}
.normal {
font-weight: normal;
}

.fRed01 {
color: #f00;
}
.fAsh01 {
color: #666;
}
.fGrn01 {
color: #597506
}
.fExample {
color: #555;
}

.indent01 {
margin-left: 1em;
text-indent: -1em;
}

.fs01 {
font-size: 64%;
}
.fm01 {
font-size: 76%;
}
.fl01 {
font-size: 88%;
}
.fx01 {
font-size: 100%;
}
.fxl01 {
font-size: 112%;
}
.fxx01 {
font-size: 124%;
}


/* リスト
------------------------------------------ */


/* リンク
------------------------------------------ */
a:link,
a:visited,
a:hover,
a:active  {
color: #0000fe;
text-decoration: underline;
background: transparent;
}


/* wrapper
------------------------------------------ */
#wrapper {
position: relative;
width: 600px;
min-height: 100%;
height: auto;
border-right:1px solid #858585;
background: #fff;
}
* html #wrapper {
height: 100%;
}


/* header
------------------------------------------ */
#header {
padding-top: 30px;
border-top:3px solid #690;
text-align: center;
}
#header .titleAndFlow {
width: 540px;
height: 33px;
margin: 0 auto;
text-align: left;
background: url(../../../vp_imgs/newpop/new_images/bg_title_bar_01.gif) no-repeat;
}
#header .ttl {
float: left;
width: 150px;
margin: 7px 0 0 10px;
display: inline;
}
#header .flow {
float: right;
width: 330px;
margin: 5px 5px 0 0;
display: inline;
}
#header .flow li {
float: left;
width: 110px;
text-align: right;
}

#header img {
display: block;
}

/* main
------------------------------------------ */
#main {
margin: 20px 30px 0 30px;
padding-bottom: 100px;
text-align: left;
}

#main .ttl01 {
padding-left: 10px;
min-height: 14px;
background: url(../../../vp_imgs/newpop/new_images/bg_title_01.gif) no-repeat 0 40%;
}
* html #main .ttl01 {
height: 14px;
}


/* footer
------------------------------------------ */
#footer {
position: absolute;
width: 600px;
bottom: 0px;
left: 0px;
}

#close {
margin: 0 30px;
}
#close p {
text-align: right;
}

#copyright {
margin-top: 20px;
min-height: 30px;
text-align: left;
background: #e6e6e6;
padding: 5px 0 0 10px;
}
* html #copyright {
height: 30px;
}


/* コンテンツ
------------------------------------------ */

/* table */
.popupTbl01 {
width: 538px;
border-left: 1px solid #949494;
border-top: 1px solid #949494;
}
.popupTbl01 table {
width: 100%;
}
.popupTbl01 th,
.popupTbl01 td {
border-right: 1px solid #949494;
border-bottom: 1px solid #949494;
}
.popupTbl01 th {
background: #eef5c2;
}
.popupTbl01 .thM,
.popupTbl01 .tdM {
padding: 9px 15px 7px 10px;
}
.popupTbl01 .tdM02 {
padding: 0 15px 7px 10px;
}
.cell li {
margin: 0 3px;
padding: 5px 5px;
background: url(../../../vp_imgs/newpop/new_images/bg_dotline_01.gif) repeat-x;
}
.cell li.first{
background: none;
}
.cellBox {
margin: 0 5px 0 3px;
padding: 5px 5px;
}
.otherBankIpt {
margin-left: 18px;
}

* html .otherBankIpt {
margin-left: 25px;
}
*:first-child+html .otherBankIpt {
margin-left: 25px;
}
* html .cell li,
* html .cellBox {
padding: 5px 3px;
}
*:first-child+html .cell li,
*:first-child+html .cellBox{
padding: 5px 3px;
}


/* table - error */
.popupTbl01 .error th {
background: #ff6460;
}
.popupTbl01 .error td {
background: #ffe2e1;
}
.errorMsg {
padding: 10px 0!important;
text-align: center;
}
.errorMsg .box01 {
width: 351px;
margin: 0 auto;
background: #fff url(../../../vp_imgs/newpop/new_images/bg_error_top_01.gif) no-repeat;
text-align: left;
}
.errorMsg .box01 .boxM {
padding: 1px 8px 0px 8px;;
border-left: 1px solid #e37a77;
border-right: 1px solid #e37a77;
text-align: left;
font-weight: bold;
color: #dc0101;
}
.errorMsg .box01 .boxB {
padding: 6px 0;
background: url(../../../vp_imgs/newpop/new_images/bg_error_bottom_01.gif) left bottom no-repeat;
}
.errorMsg .box01 p {
padding-left: 18px;
background: url(../../../vp_imgs/newform/new_images/ico_attention_01.gif) no-repeat;
}


/* form */
.iptW300 {
width: 300px;
}
.iptW250 {
width: 250px;
padding: 1px;
line-height: 1.2;
border: 1px solid #7F9DB9;
}
.iptBtn {
line-height: 1.2;
}


/* button */
.btnArea01 img {
display: block;
}
.btnArea01 .back {
float: left;
width: 100px;
}
.btnArea01 .return {
float: left;
width: 150px;
}
.btnArea01 .return img {
display: inline;
}
.btnArea01 .next {
margin: 0 150px;
text-align: center;
}
.btnArea01 .next img {
margin: 0 auto;
}


/* return - page top */
.returnTop {
padding-top: 10px;
background: url(../../../vp_imgs/newpop/new_images/bg_dotline_01.gif) left top repeat-x;
}


/* box */
.noteBox {
width: 538px;
border: 1px solid #E2DEC2;
}
.noteBox h2 {
color: #f03;
background: #EFEDDE;
}
.noteBox h2 span {
display:block;
padding: 8px 10px 5px 25px;
background: url(../../../vp_imgs/newform/new_images/ico_attention_02.gif) no-repeat 5px 50%;
}
.noteBox .liNote01 {
padding: 10px 10px 8px 10px;
border-top: 1px solid #E2DEC2;
background: #F9F8F2;
}
.noteBox .liNote01 li{
margin-top: 3px;
margin-left: 1em;
text-indent: -1em;
}
.noteBox .liNote01 li.first{
margin-top: 0;
}
.noteBox .liNote01 li.noIndent{
margin-left: 0;
text-indent: 0;
}


/* 20140808 Add START */
div#main div.bgCream02{
margin-bottom:20px;
padding: 10px;
background:#ffc;
border:solid 1px #FF9900;
}
div#main div.bgCream02 p{
margin-top:5px;
line-height:1.2;
}
div#main div.bgCream02 p.first{
margin-top:0px;
}
div#main div.bgCream02 p.mgt20{
margin-top:20px;
}
/* 20140808 Add END */


/* error box */
.errorBox{
padding: 20px 0;
background: #EEF5C2;
text-align: center;
}
.errorBox dt{
font-weight: bold;
}