@charset "UTF-8";
/* ===============================================================
	1ペイン画面の共通スタイル
=============================================================== */

/* コンテンツ全体の横幅、文字サイズ、フォントを指定。センタリング */
div#content {
	color: #000000;
	max-width: 1000px;
	margin-top: 1px; /*25px;*/
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 25px;
}

/* コンテンツの内側の見えない線 */
div#content-inner {
	width:800px;
	margin-right: auto;
    margin-left: auto; /*10px;*/
	/*padding: 1px 40px 10px 40px;*/
    padding: 1px 20px 10px 20px;
	background-color: #ffffff;
	/* 影をつける */
	/*
    -webkit-box-shadow: 2px 2px 2px #ccccb0;
	-moz-box-shadow: 2px 2px 2px #ccccb0;
	box-shadow: 2px 2px 2px #ccccb0;
    */
	border: 5px #0188D8;
    border-width:5px 0px 5px;
	border-style: solid none double none;
	}

div#message-error li {
    color:#FF0000;
    font-weight: bold;
    font-size: 1.6em;
}

div#message-highlight {
    text-align: center;
}

div#message-highlight li {
    line-height:25px;
    font-size:20px;
    color:#FF0000;
}

body {
    margin: 0;
    padding: 0;
    /*background-image: url("../img/mosic/wallpaper/Background/back_ground.png");*/
    background-color: #FFFFFF;
    color: #000;
}

/* フォーム */
form {
    width: 100%;
}

/* パンくずリスト */
nav#navi_to_here {
	color: #333333;
}

/* セクションごとにマージンを取る */
section.sr-sec {
	padding-top: 4px;
	clear: both;
}

/* 見出し */
h1.sr-header {
	/* 枠 */
	width: 920px;
	border-bottom: 1px dashed #7c7e5f;
	font-size: 14px;
	margin: 57px auto 22px 1px;;
	padding: 0px 0px 3px 0px;
}

/* あらゆる画像に枠線がつかないようにする */
img {
	border: 0px;
}

/* h1見出し */
h1.one-pain-h1 {
    border-bottom: 1px dashed #7C7E5F;
    /* font-family: migmix-1p-regular; */
    font-size: 14px;
    margin: 35px/* ◆ 57px */ auto 22px 1px;
    padding: 0 0 3px;
    /*width: 720px;*/
}

/*h2Ҋ���� */
h1.one-pain-pwd_h1 {
    font-size: 14px;
    margin: 18px/* �� 57px */ auto 22px 1px;
    padding: 0 0 3px;
    /*width: 720px;*/
}

h1.one-pain-pwd_h2 {
    font-size: 14px;
    margin: 0px/* �� 57px */ auto 10px 1px;
    padding: 0 0 3px;
    /*width: 720px;*/
}

h1.one-pain-pwd_h3 {
    font-size: 14px;
    margin: 0px/* �� 57px */ 0px 1px 1px;
    padding: 0 0 3px;
    /*width: 720px;*/
}

/* h2見出し */
h2.one-pain-h2 {
    /* font-family: migmix-1p-regular; */
    background-color:#0188D8;
    color:#FFF;
    font-size: 14px;
    line-height:25px;
    margin: 30px auto 10px 1px;
    /*width: 100%;*/
    padding:5px 0 5px 35px;
}

h2.login-img {
	background:#0188D8;
}

h2.basic-info-img {
	background:#0188D8;
}

h2.contact-info-img {
	background:#0188D8;
}

h2.mai-img {
	background:#0188D8;
    background-size: 28px 28px;
}

h2.mailmag-img {
	background:#0188D8;
    background-size: 32px 28px;
}

/* p {
    line-height: 1em;
    margin-bottom: 2px;
} */

td p {
    margin-top: 3px;
}

p.btn-caption {
    margin-top: 10px;
    text-align: left;
    margin-left: 150px;
}

/* シーケンス */
aside#flow {
    /*width:100%;*/
    padding: 5px 10px 30px 0px;/* ◆ 57px 10px 0 0; */

}
/* お客様作業と金融機関作業の色分け欄*/
aside#colorinfo {
    /*width:100%;*/
    height: 5px;
    margin: 12px 0px 0px 12px;
    padding: 5px 60px 5px 0px;
}

aside#flow:after {
    clear:left;
}

section.step-block {
    margin-bottom: -42px;
}

section.step-block  ol{
/*    height:14px;*/
    height:24px;
 }

aside#flow li,
aside#colorinfo li {
    display:block;
    float:left;
/*    border:1px #c0c0c0 solid;*/
    border:2px #c0c0c0 solid;
/*    line-height:16px;*/
    line-height:20px;
    padding:0 7px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    margin:0;
}

/* 右矢印 */
aside#flow li.flow-right-arrow {
     /* ボーダーリセット*/
    border:0;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-top: 7px solid transparent;
    border-left: 14.6px solid #edc6bf;
    border-bottom: 7px solid transparent;
    margin: 5.5px -9px auto 7px;
}

/* 右矢印 */
aside#flow li.flow-fake-arrow {
     /* ボーダーリセット*/
    border:0;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-top: 7px solid transparent;
    border-left: 14.6px solid transparent;
    border-bottom: 7px solid transparent;
    margin: 5.5px -9px auto 7px;
}

aside#flow li.flow-right-arrow span {
    display:none;
}

/* 色分け説明 */
aside#colorinfo li.info {
    border:0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-top: 4px solid transparent;
    padding-right:20px;
}

/* 現在のフロー */
aside#flow li.present-flow,
aside#colorinfo li.present-flow {
    background-color:#ed8e87;
    color:#fff;
    border:2px #ed8e87 solid;
    /* font-family:migmix-1p-bold; */
}
/* 現在のフロー */
aside#flow li.present-flow-n,
aside#colorinfo li.present-flow-n {
    background-color:#ed8e87;
    color:#fff;
    border:2px #ed8e87 solid;
    padding-right:30px;
    height: 20px;
    /* font-family:migmix-1p-bold; */
}
/* 現在のフロー */
aside#flow li.present-flow1,
aside#colorinfo li.present-flow1 {
    background-color:#ed8e87;
    color:#fff;
    border:2px #ed8e87 solid;
    padding-right:20px
    /* font-family:migmix-1p-bold; */
}
aside#flow li.present-flow11 {
    padding-right:20px
    /* font-family:migmix-1p-bold; */
}

/* 現在のフロー(金融機関作業) */
aside#flow li.present-flow-b,
aside#colorinfo li.present-flow-b {
    background-color:#669900;
    color:#fff;
    border:2px #669900 solid;
    /* font-family:migmix-1p-bold; */
}
/* 現在のフロー(金融機関作業) */
aside#flow li.present-flow-b-n,
aside#colorinfo li.present-flow-b-n {
    background-color:#669900;
    color:#fff;
    border:2px #669900 solid;
    padding-right:30px;
    height: 20px;
    /* font-family:migmix-1p-bold; */
}

/* 現在のフロー(金融機関作業)1 */
aside#flow li.present-flow-b1,
aside#colorinfo li.present-flow-b1 {
    background-color:#669900;
    color:#fff;
    border:2px #669900 solid;
    padding-left: 60px;
    padding-right:60px
    /* font-family:migmix-1p-bold; */
}
/* 現在のフロー(金融機関作業)11 */
aside#flow li.present-flow-b11 {
    padding-left: 60px;
    padding-right:60px
    /* font-family:migmix-1p-bold; */
}
/* 現在のフロー(金融機関作業)2 */
aside#flow li.present-flow-b2,
aside#colorinfo li.present-flow-b1 {
    background-color:#669900;
    color:#fff;
    border:2px #669900 solid;
    padding-left: 70px;
    padding-right:70px
    /* font-family:migmix-1p-bold; */
}
/* 現在のフロー(金融機関作業)22 */
aside#flow li.present-flow-b22 {
    padding-left: 70px;
    padding-right:70px
    /* font-family:migmix-1p-bold; */
}

/* 完了したフロー */
aside#flow li.finished-flow {
    background-color:#bfbfbf;
    color:#fff;
    border:2px #bfbfbf solid;
}

/* メインコンテンツ部分 */
div#main-contents {
    margin-right:auto;
    margin-left:auto;
    width:100%;
}

/* 項目入力欄 */
table
{
	width:800px;
}
table.input {
	margin: 10px 0px 0px 0px;
	background-color: #ffffff;
	border-collapse: separate;
	border-spacing: 22px 11px;
}

td.col1,td.col2,td.col3,td.col4 ,td.col2-pwd,td.col1-pwd,td.col1-pwd1,td.col2-pwd1{
    padding:2px;
    border-bottom: 1px dashed #7c7e5f;
}

td.col1 {
    width:190px;
    text-align:right;
    padding-right:13px;
}

td.col2-pwd{
    margin: 2px;
    padding: 2px;
    /* さらにオーバーライド */
    padding-left: 1px;
    width:380px;
}

td.col2-pwd1{
    margin: 2px;
    padding: 2px;
    /* さらにオーバーライド */
    padding-left: 1px;
    width:380px;
}

td.col1-pwd {
    width:200px;
    text-align:right;
    padding-right:1px;
}

td.col1-pwd1 {
    width:300px;
    text-align:right;
    padding-right:15px;
}

td.col2{
    margin: 2px;
	padding: 2px;
	/* さらにオーバーライド */
	padding-left: 13px;
}

td.col3 {
    width:120px;
    text-align:right;
    padding-right:13px;
}

input.pswd, input.nickname, input.address, input.mail {
    width:350px !important;
}

input.name {
    width: 160px !important;
}

input.KnmNamekana {
	width: 235px !important;
}

input.KnmNamekanji {
	width: 160px !important;
}

input.NyuNamekanji {
    width: 320px !important;
}

input.post-code, input.tel{
   /*  width:80px !important; */
}

ol.notice {
    margin-left: 2em;
    margin-top: 20px;
}

/* フォームの必須項目に必須マークを付与 */
#main-contents .require:before {
    content:"※必須";
    float: left;
	color: #0188D8;
    /* font-family:migmix-1p-bold; */
}

/* テキスト中の必須マーク */
span.require {
    color: #0188D8;
    /* font-family:migmix-1p-bold; */
}

/* ボタン */
div#submit-align,div#submit-align1,div#submit-align2,div#submit-align3 {
	text-align: center;
	margin: 25px 0 20px 0;
}

div#submit-pwd-align {
    text-align: right;
    margin: 100px 110 120px 110;
}

input#main-submit,input#main-submit1,input#main-submit2,input#main-submit3,input#main-submit5,input#main-submit-set {
	width: 226px;
	height: 36px;
	/* font-family: migmix-1p-regular; */
	color: #ffffff;
	font-size: 14px;
	border: 5px solid #edc6bf;
	border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    background: /*url('../img/icon/sankaku_p2.gif') 195px center no-repeat*/ #ed8e87;
    vertical-align: bottom;
	padding-right:20px;
	float: right;
	margin-right: 150px;
}
a#main-submit4 {
	width: 226px;
	height: 19px;
	/* font-family: migmix-1p-regular; */
	color: #ffffff;
	font-size: 14px;
	border: 5px solid #edc6bf;
	border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    background: /*url('../img/icon/sankaku_p2.gif') 195px center no-repeat*/ #ed8e87;
    vertical-align: bottom;
	padding-right:20px;
	float: right;
	margin-right: 150px;
}

input#main-submit.single-button,input#main-submit-set.single-button{
	float:none;
	margin-right:0px;
}

input#main-submit:hover,input#main-submit-set:hover{
	cursor: pointer;
}

input#main-submit3:hover{
    cursor: pointer;
}

input#main-submit:disabled,input#main-submit-set:disabled  { /* add ubu */
	width: 226px;
	height: 36px;
	/* font-family: migmix-1p-regular; */
	color: #808080;
	font-size: 14px;
	border: 5px solid #808080;
	border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    background: /*url('../img/icon/sankaku_p2.gif') 195px center no-repeat*/ #ed8e87;
	background: #D4D0C8;
    vertical-align: bottom;
	padding-right:20px;
}


.main-button {
    margin-left:15px;
    padding:2px 10px 2px 10px;
    height:25px;
	/* font-family: migmix-1p-regular; */
	color: #ffffff !important;
	border: 5px solid #edc6bf;
	border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    background-color: #ed8e87;
    vertical-align: bottom;

	text-decoration: none !important;
}


/* サブボタン */
a.sub-submit {
    margin-left:15px;
    padding:2px 10px 2px 10px;
    height:25px;
    line-height: 25px;
    background-color:#ebecdc;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    text-shadow: 1px 1px 1px #fff;
    -webkit-box-shadow: 0 0 5px #aaa;
	vertical-align:1px;
}

input.sub-submit {
    margin-left:15px;
    padding:2px 10px 2px 10px;
    height:25px;
    line-height: 25px;
    background-color:#ebecdc;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    text-shadow: 1px 1px 1px #fff;
    -webkit-box-shadow: 0 0 5px #aaa;
	vertical-align:1px;
}


/* 戻るボタン 左三角*/
a#back-sub-submit{
    display: inline-block;
    font-size: 12px;
    margin-right:15px;
    padding:2px 10px 2px 30px;
    -webkit-box-shadow: 0 0 2px #aaa;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    line-height: 25px;
    vertical-align: bottom;
    background: /*url('../img/icon/sankaku_g1.gif') 10px center no-repeat*/ #dddec8;
}
a#close-sub-submit{
    display: inline-block;
    width:194px;
    font-size: 14px/*12px;*/;
    margin-right:15px;

    text-align:center;
/*    padding:2px 10px 2px 30px;*/
    padding:6px 10px 6px 30px;

    -webkit-box-shadow: 0 0 2px #aaa;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    line-height: 24px;
    vertical-align: bottom;
    background: url('../../../../images/end-icon.png') 10px center no-repeat #CDCDCD;
}


/* 戻るボタン 右三角*/
a#back-sub-submit-right,a#back-sub-submit-right1,a#back-sub-submit-right2,a#back-sub-submit-left3,a#taimenKirikae {
    display: inline-block;
    width:200px;
    height: 25px;
    font-size: 14px;
    margin-right:15px;

    padding-top:8px;
    padding-bottom:3px;
    padding-left:30px;
    text-align:center;

/*
    padding:2px 10px 2px 30px; org
*/
    padding:8px 2px 3px 30px;
    -webkit-box-shadow: 0 0 2px #aaa;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    line-height: 20px;
    vertical-align: bottom;
    background: url('../../../../images/back-icon.png') 10px center no-repeat #CDCDCD;
    float: left;
	margin-left: 150px;
}

/* 2016/06/01 */
a#close-sub-submit-right,input#close-sub-submit-right {
    display: inline-block;
    width:200px;
    height: 25px;
    font-size: 14px;
    margin-right:15px;

    padding-top:8px;
    padding-bottom:3px;
/*    padding-left:30px;*/
    text-align:center;
/*    padding:2px 10px 2px 30px;*/
    -webkit-box-shadow: 0 0 2px #aaa;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    line-height: 20px;
    vertical-align: bottom;
    background: url('../../../../images/end-icon.png') 10px center no-repeat #CDCDCD;
    float: left;
	margin-left: 150px;
	text-decoration: none !important;
}


a#back-sub-submit-left,input#back-sub-submit-left,input#back-sub-submit-left1,input#back-sub-submit-left2,input#back-sub-submit-left3 {
    display: inline-block;
    font-size: 12px;
    margin-right:15px;
/*
    padding-top:9px;
    padding-bottom:2px;
*/
    padding:2px 10px 2px 30px;
    -webkit-box-shadow: 0 0 2px #aaa;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    line-height: 20px;
    vertical-align: bottom;
    background: url('../../../../images/back-icon.png') 10px center no-repeat #CDCDCD;
    float: left;
    border: 1px solid #DDDEC8;
}


input#back-sub-submit-right,input#back-sub-submit-right1,input#back-sub-submit-right2 {
    display: inline-block;
    font-size: 12px;
    margin-right:15px;
    padding:2px 10px 2px 30px;
    -webkit-box-shadow: 0 0 2px #aaa;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    line-height: 20px;
    vertical-align: bottom;
    background: /*url('../img/icon/sankaku_g1.gif') 10px center no-repeat*/ #dddec8;
    /* font-family: migmix-1p-regular; */
    border: 1px solid #DDDEC8;
}
input#back-sub-submit-right:hover{
	cursor: pointer;
}
input#back-sub-submit-right:disabled {/*add ubu*/
    display: inline-block;
    font-size: 12px;
    margin-right:15px;
    padding:2px 10px 2px 30px;
    -webkit-box-shadow: 0 0 2px #aaa;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    line-height: 20px;
    vertical-align: bottom;
    background: /*url('../img/icon/sankaku_g1.gif') 10px center no-repeat*/ #dddec8;
	background: #D4D0C8;
    /* font-family: migmix-1p-regular; */
    border: 1px solid #808080;

	color: #808080;
}

a.sub-submit:link, a.sub-submit:hover, a.sub-submit:focus, a.sub-submit:visited,
a#back-sub-submit:link, a#back-sub-submit:hover, a#back-sub-submit:focus, a#back-sub-submit:visited,
a#back-sub-submit-left3:link, a#back-sub-submit-left3:hover, a#back-sub-submit-left3:focus, a#back-sub-submit-left3:visited,
a#back-sub-submit-right:link, a#back-sub-submit-right:hover, a#back-sub-submit-right:focus, a#back-sub-submit-right:visited
,a#close-sub-submit:link, a#close-sub-submit:hover, a#close-sub-submit:focus, a#close-sub-submit:visited/* add by ubu */
,a#close-sub-submit-right:link, a#close-sub-submit-right:hover, a#close-sub-submit-right:focus, a#close-sub-submit-right:visited/* add by ubu */
{
    text-decoration: none;
    color:black;
}

/* ピンクボタン */
div.point-info-box div div {
    table-layout: fixed;
    display: table-row;
    vertical-align: middle;
}

.pinkButton {
    display: inline-block !important;
    padding-right: 20px !important;
    vertical-align: middle !important;
	background-color:#f9eae7 !important;
}

.pinkButton-try
{
    display: inline-block !important;
    padding-right: 20px !important;
    vertical-align: middle !important;
    background: /*url('../img/icon/sankaku_deeppink.gif') 38px center no-repeat*/ #f9eae7 !important;
}

.pinkButton-write
{
    display: inline-block !important;
	padding-left: 30px !important;
    padding-right: 15px !important;
    vertical-align: middle !important;
    background: /*url('../img/icon/sankaku_deeppink.gif') 10px center no-repeat*/ #f9eae7 !important;
}

.pinkButton-del {
	display: inline-block !important;
    padding-right: 20px !important;
    vertical-align: middle !important;
    background: /*url('../img/icon/gomi.gif') 36px center no-repeat*/ #f9eae7 !important;
}

/* ボタン風ラジオボタン */
.radio input[type=radio] {
    width:20px;
}

/* ボタン風ラジオボタン */
.like-button-radio input[type=radio] {
    opacity:0;
    height:30px;
    width:70px;
    display:block;
    float:left;
    margin:0;
}

.like-button-radio {
    position:relative;
    height:40px;
}

.like-button-radio input[type=radio] {
    cursor: pointer;
}

.like-button-radio label {
    display:block;
    background: #dddddda; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #dddddd 50%, #cccccc 50%, #bbbbbb 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#dddddd), color-stop(50%,#cccccc), color-stop(100%,#bbbbbb)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#dddddd 50%,#cccccc 50%,#bbbbbb 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#dddddd 50%,#cccccc 50%,#bbbbbb 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#dddddd 50%,#cccccc 50%,#bbbbbb 100%); /* IE10+ */
    background: linear-gradient(top,  #ffffff 0%,#dddddd 50%,#cccccc 50%,#bbbbbb 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bbbbbb',GradientType=0 ); /* IE6-9 */

    border: 1px solid #fff;
    -webkit-box-shadow: 0 0 5px #aaa;
    -moz-box-shadow: 0 0 5px #aaa;
    -ie-box-shadow: 0 0 5px #aaa;
    -o-box-shadow: 0 0 5px #aaa;

    color: #333;
    text-align: center;
    text-shadow: 0 1px #fff;
    color: #555;
    width:70px;
    line-height:30px;
    float:left;
    cursor:pointer;
    margin:0 0 0 -70px;
}

.like-button-radio label:first-of-type {
    border-radius: 10px 0 0 10px;
    -webkit-border-radius: 10px 0 0 10px;
    -moz-border-radius: 10px 0 0 10px;
}

.like-button-radio label:last-of-type {
    border-radius: 0 10px 10px 0;
    -webkit-border-radius: 0 10px 10px 0;
    -moz-border-radius: 0 10px 10px 0;
}

/* ラジオボタンが選択された場合 */
.like-button-radio input[type=radio]:checked+label {
    text-shadow: 0 -1px #fff;
    background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(100,100,100,0.3) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(100,100,100,0.3)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(100,100,100,0.3) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(100,100,100,0.3) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(100,100,100,0.3) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
    background: linear-gradient(top,  rgba(100,100,100,0.3) 0%,rgba(255,255,255,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d646464', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
    color: #111;
}

/* バリデーション */
#sr-visit-form label.error { float: none; color: red; padding-left: .5em; vertical-align: middle; }
#sr-visit-form input.error { background-color: #ffcc66}
#sr-visit-form textarea{ height:4em; }
#sr-visit-form textarea.error { background-color: #ffcc66}
label.error { display: none; }

/* パスワード強度表示 */
#password-strength {
    margin-top: 3px;
    width: 356px;
}

span.password-strength-bar {
    min-width: 3em;
    color: #fff;
}

.not-match {
    display: block;
    color: #ff0000;
    /* font-family:migmix-1p-bold; */
}

span.customerinfo_margin{
	margin-right:7px;
}

p.p-sub1{
    line-height: 1em;
    margin-bottom: 2px;
    padding-left: 1em; 
    text-indent: -1em;   
}

p.p-sub2{
    line-height: 1em;
    margin-bottom: 2px;
    padding-left: 1em;  
}

p.p-sub3{
    line-height: 1em;
    margin-bottom: 2px;
    padding-left: 1em; 
    text-indent: -2em;   
}

p.btn-caption-left-up {
    margin-left:1em;
    margin-top:30px;
}

#agreement_check{
    text-align:left;
    margin-left:25%;
}

/* 年金受給者、専業主婦用注釈 */
table.input_explain {
    width: auto;
    border: solid 1px #000000;
    border-collapse: collapse;
}
table.input_explain th {
    background-color: #0188D8;
    margin: 1px 1px 1px 1px;
    padding: 3px;
    color: #FFFFFF;
}
table.input_explain td.title {
    background-color: rgba(169, 223, 255, 1);
    margin: 1px 1px 1px 1px;
    padding: 3px;
    font-weight: bold;
}
table.input_explain td {
    margin: 1px 1px 1px 1px;
    padding: 3px;
}


/* Media Queries */

@media all and
(min-width : 768px) and
(max-width : 1024px) {
	body {
	overflow: hidden;
	-webkit-transform: scale(1.0);
	-webkit-transform-origin: 0 0;
	}
}

@media print
{
	div#submit-align{
			display:none;
	}
	aside#flow{
			display:none;
	}
	h2.one-pain-h2{
		float:right;
		margin: 0px 10px 0px 0px;
	}
	input#back-sub-submit-right,input#back-sub-submit-left{
		display: none;
	}
}

@media screen
and (max-width : 600px){
	div#content{
		width:94%;
		padding-left:0; /*5%;*/
		padding-right:0; /*5%;*/
        margin-left:3%;
        margin-right:3%;
	}
	div#content-inner{
		width:100%;
		padding-left:0;/*3%;*/
		padding-right:0;/*3%;*/
	}
	aside#flow section.step-block ol{
		height: 100%;
		text-align:left;
		width:103%;
	}
	aside#flow li{
		display:inline-block;
		float:none;
		margin-bottom:1px;
	}
    aside#flow .two-step li{
        padding: 0 5px;
    }
	h1.one-pain-h1{
		width:100%;
	}
	div#main-contents{
		width:95%;
	}
	h2.one-pain-h2{
		width:90%;
	}
	h2.one-pain-h2 input.short-main-submit{
		float:right;
		margin: 0px 10px 0px 0px;
	}
    table{
        border-spacing:0 11px;
    }
	table.input{
		width:100%;
        margin-left: 0;
        margin-right: 0;
        padding-left:0;
        padding-right: 0;
        border-spacing: 0 11px;
	}
	td.col1, td.col2, td.col2-pwd,td.col1-pwd,td.col1-pwd1, td.col2-pwd1{
		display:block;
		text-align:left;
	}
	td.col1,td.col1-pwd{
		width:100%;
		margin-right:13px;
		padding-right:2px;
	}

    td.col1-pwd1{
        width:100%;
        margin-right:13px;
        padding-right:15px;
    }
    
	td.col2, td.col2-pwd{
		border-bottom:none;
	}
	
	td.col2-pwd1{
        border-bottom:none;
    }

	div#submit-align{
		margin-left:-20px;
		margin-right:-20px;
	}

    #password-strength {
        width: 100%;
        margin-top: auto;
    }

    input.pswd, input.nickname, input.address, input.mail, input.name {
        width: 100% !important;
    }
    /* input.post-code, input.tel{
        width:60px !important;
    } */
    span.customerinfo_margin{
        margin-right:0;
        margin-left:5px;
    }

    #agreement_check{
        display: table;
        margin-left:5%;
    }
    #agreement_check span{
        display: inline-block;
        width: 90%;
        vertical-align: text-bottom;
    }
    #agreement_check input{
        display: inline-block;
        vertical-align: top;
    }

    #peps-img {
        width: 100%;
/*        height: 150px;*/
    }

	#footer {
		width: 100%;
		clear: both;
		font-size: 1em;
	}
	
	#footer-nav {
		margin-bottom: 42px;
		padding: 0px;
		text-align: center;
		list-style-type: none;
	}
	
	#footer-nav li {
		margin-bottom: 10px;
		display: inline-block;
		border-right: 1px solid #a1a29a;
	}
	
	#footer-nav li:nth-child(3),
	#footer-nav li:nth-child(5),
	#footer-nav li:nth-child(7){
		border-right: none;
	}
	
	#copyright{
		padding-left: 0px;
		text-align: center;
		width: 100%;
	}
	
	nav#navi_to_here{
		line-height: 18px;
	}
	
	div#submit-align{
		width:227px;
		margin-left:auto;
		margin-right:auto;
	}
	
    div#submit-align-large{
        width:305px;
        margin-left:auto;
        margin-right:auto;
    }
    
	a#back-sub-submit-right,a#back-sub-submit-right1,a#back-sub-submit-right2,a#back-sub-submit-left3{
		float: none;
		margin-left: 0px;
		margin-right: 0px;
	}
	input#back-sub-submit-right{
		float: none;
		margin-left: 0px;
		margin-right: 0px;
	}
	
	input#main-submit,input#main-submit1,input#main-submit2,input#main-submit-set{
		float: none;
		margin-right: 0px;
		margin-bottom: 35px;
	}
	
	input.new-shipping-button{
		position: relative!important;
		top: 0px!important;
		left: 0px!important;
	}
    a.sub-submit.auto-add {
         display: inline-block;
         width: auto;
         padding: 0 10px;
    }
	
	#main-contents .require::before{
		padding-right: 15px;
	}

	aside#colorinfo {
	    width: 100%;
	    height: 28px;
	    margin: 12px 0px 0px 12px;
	    padding: 5px 60px 5px 0px;
	}
	
    p.btn-caption {
        margin-top: 10px;
        margin-left:0px;
        text-align: left;
        width:270px;
    }
	
}
.label-color-red{
   color:red;
}
.color-red{
   color:red;
}
    
.update-submit {
    width: 226px;
    height: 36px;
    /* font-family: migmix-1p-regular; */
    color: #ffffff;
    font-size: 14px;
    border: 5px solid #edc6bf;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    background: /*url('../img/icon/sankaku_p2.gif') 195px center no-repeat*/ #ed8e87;
    vertical-align: bottom;
    padding-right:20px;
}