@charset "utf-8";

.toolbarBtn {
	display: inline-block;
	margin-left:20px;
	cursor: pointer;
}


.jsgrid input[type="text"] {
	border: 1px solid #888;
	padding:3px 5px;
}

.CustomBtn {
	display:inline-block;
	font-size:16px;
	border: 1px solid #999999;
	color: #011664;
	text-align: center;
	padding: 3px 20px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-transition: width 0;
	-moz-transition: width 0;
	transition: width 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color: #F3F3F3;
	background-repeat: no-repeat;
	cursor: pointer;
}

.CustomBtn:hover {
	background-color: #EBEBEB;
	border: 1px solid #011664;
}


.btn-icon {
	font-size:18px !important;
	padding-right:5px;
}

.bold {
	font-weight:bold;
}

input[type="text"] { 
	-moz-appearance:textfield;
	/*
	padding:4px 5px;
	font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	*/
} 


#dtbl  {
	display: inline-block;
	vertical-align: top;
}

#dtbl td {
	border: 1px solid #999999;
	padding:3px 5px;
	min-width:150px;
}
#dtbl th {
	background-color: #EBEBEB;
	border: 1px solid #999999;
	padding:3px 5px;
}


/*--------------------------------------------------------------------
	General
--------------------------------------------------------------------*/

body {
-webkit-text-size-adjust: 100%;
letter-spacing: 0;
font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
color: #222;
height: 100%;
}

@media screen and (min-width: 1025px) {

html { height: 100%; }

}

@media screen and (max-width: 1024px) {

body {
-webkit-text-size-adjust: 100%;
letter-spacing: 0;
}

}

h1,h2,h3,h4,h5,h6 { font-weight: normal;}
ul { list-style: none; }

a         {text-decoration: none; color: #003296; }
a:link    {text-decoration: none; color: #003296; }
a:visited {text-decoration: none; color: #003296; }
a:hover   {text-decoration: underline; color: #003296; }
a:active  {text-decoration: underline; color: #003296; }

.Mla { margin-left: auto !important; }
.Mra { margin-right: auto !important; }
.Blk { display:block !important; }
.Fl { float: left !important; }
img.Fr { float: right !important; display:block !important; }
img.Fl { float: left !important; display:block !important; }
img.Ct { display:block !important; margin-left:auto !important; margin-right:auto !important; }
.Fr { float: right !important; }
.Tl { text-align:left !important; }
.Tr { text-align:right !important; }
.Tc { text-align:center !important; }
.Vt { vertical-align:top !important; }
.Vm { vertical-align:middle !important; }
.Vb { vertical-align:bottom !important; }
.Ls0 { letter-spacing: 0px !important; }
.Ls-1 { letter-spacing: -1px !important; }
.Lh10 { line-height: 1.0em !important; }
.Lh11 { line-height: 1.1em !important; }
.Lh12 { line-height: 1.2em !important; }
.Lh13 { line-height: 1.3em !important; }
.Lh14 { line-height: 1.4em !important; }
.Lh15 { line-height: 1.5em !important; }
.Ofh { overflow: hidden; }

@media screen and (max-width: 1024px) {

.MlaS { margin-left: auto !important; }
.MraS { margin-right: auto !important; }
.BlkS { display:block !important; }
.FlS { float: left !important; }
img.FrS { float: right !important; display:block !important; }
img.FlS { float: left !important; display:block !important; }
img.CtS { display:block !important; margin-left:auto !important; margin-right:auto !important; }
.FrS { float: right !important; }
.TlS { text-align:left !important; }
.TrS { text-align:right !important; }
.TcS { text-align:center !important; }
.VtS { vertical-align:top !important; }
.VmS { vertical-align:middle !important; }
.VbS { vertical-align:bottom !important; }
.Ls0S { letter-spacing: 0px !important; }
.Ls-1S { letter-spacing: -1px !important; }
.Lh10S { line-height: 1.0em !important; }
.Lh11S { line-height: 1.1em !important; }
.Lh12S { line-height: 1.2em !important; }
.Lh13S { line-height: 1.3em !important; }
.Lh14S { line-height: 1.4em !important; }
.Lh15S { line-height: 1.5em !important; }
.OfhS { overflow: hidden; }

}

@media screen and (min-width: 1025px) {

.MlaP { margin-left: auto !important; }
.MraP { margin-right: auto !important; }
.BlkP { display:block !important; }
.FlP { float: left !important; }
img.FrP { float: right !important; display:block !important; }
img.FlP { float: left !important; display:block !important; }
img.CtP { display:block !important; margin-left:auto !important; margin-right:auto !important; }
.FrP { float: right !important; }
.TlP { text-align:left !important; }
.TrP { text-align:right !important; }
.TcP { text-align:center !important; }
.VtP { vertical-align:top !important; }
.VmP { vertical-align:middle !important; }
.VbP { vertical-align:bottom !important; }
.Ls0P { letter-spacing: 0px !important; }
.Ls-1P { letter-spacing: -1px !important; }
.Lh10P { line-height: 1.0em !important; }
.Lh11P { line-height: 1.1em !important; }
.Lh12P { line-height: 1.2em !important; }
.Lh13P { line-height: 1.3em !important; }
.Lh14P { line-height: 1.4em !important; }
.Lh15P { line-height: 1.5em !important; }
.OfhP { overflow: hidden; }

}

.BstGray { border-top: 1px solid #aaa; }
.BsrGray { border-right: 1px solid #aaa; }
.BsbGray { border-bottom: 1px solid #aaa; }
.BslGray { border-left: 1px solid #aaa; }
.BsGray { border: 1px solid #aaa; }

.BstLightGray { border-top: 1px solid #D9D9D9; }
.BsrLightGray { border-right: 1px solid #D9D9D9; }
.BsbLightGray { border-bottom: 1px solid #D9D9D9; }
.BslLightGray { border-left: 1px solid #D9D9D9; }
.BsLightGray { border: 1px solid #D9D9D9; }

.Mb1em { margin-bottom: 1.2em !important; }
.Mb2em { margin-bottom: 2.2em !important; }
.Mb3em { margin-bottom: 3.2em !important; }
.Mb4em { margin-bottom: 4.2em !important; }

.FcDeepRed { color: #8C0000 !important; }
.FcDeepRed a         {text-decoration: none; color: #8C0000; }
.FcDeepRed a:link    {text-decoration: none; color: #8C0000; }
.FcDeepRed a:visited {text-decoration: none; color: #8C0000; }
.FcDeepRed a:hover   {text-decoration: underline; color: #8C0000; }
.FcDeepRed a:active  {text-decoration: underline; color: #8C0000; }

.FcRed { color: #D80000 !important; }
.FcRed a         {text-decoration: none; color: #D80000; }
.FcRed a:link    {text-decoration: none; color: #D80000; }
.FcRed a:visited {text-decoration: none; color: #D80000; }
.FcRed a:hover   {text-decoration: underline; color: #D80000; }
.FcRed a:active  {text-decoration: underline; color: #D80000; }

.FcRed2 { color: #B20000 !important; }
.FcRed2 a         {text-decoration: none; color: #B20000; }
.FcRed2 a:link    {text-decoration: none; color: #B20000; }
.FcRed2 a:visited {text-decoration: none; color: #B20000; }
.FcRed2 a:hover   {text-decoration: underline; color: #B20000; }
.FcRed2 a:active  {text-decoration: underline; color: #B20000; }

.FcOrange { color: #FF9226 !important; }
.FcOrange a         {text-decoration: none; color: #FF9226; }
.FcOrange a:link    {text-decoration: none; color: #FF9226; }
.FcOrange a:visited {text-decoration: none; color: #FF9226; }
.FcOrange a:hover   {text-decoration: underline; color: #FF9226; }
.FcOrange a:active  {text-decoration: underline; color: #FF9226; }

.FcPurple { color: #522678 !important; }
.FcPurple a         {text-decoration: none; color: #522678; }
.FcPurple a:link    {text-decoration: none; color: #522678; }
.FcPurple a:visited {text-decoration: none; color: #522678; }
.FcPurple a:hover   {text-decoration: underline; color: #522678; }
.FcPurple a:active  {text-decoration: underline; color: #522678; }

.FcGreen { color: #438372 !important; }
.FcGreen a         {text-decoration: none; color: #438372; }
.FcGreen a:link    {text-decoration: none; color: #438372; }
.FcGreen a:visited {text-decoration: none; color: #438372; }
.FcGreen a:hover   {text-decoration: underline; color: #438372; }
.FcGreen a:active  {text-decoration: underline; color: #438372; }

.FcWhite { color: #FFF !important; }
.FcWhite a         {text-decoration: none; color: #FFF; }
.FcWhite a:link    {text-decoration: none; color: #FFF; }
.FcWhite a:visited {text-decoration: none; color: #FFF; }
.FcWhite a:hover   {text-decoration: underline; color: #FFF; }
.FcWhite a:active  {text-decoration: underline; color: #FFF; }

.FcLightPurple { color: #E1D6EB !important; }
.FcLightPurple a         {text-decoration: none; color: #E1D6EB; }
.FcLightPurple a:link    {text-decoration: none; color: #E1D6EB; }
.FcLightPurple a:visited {text-decoration: none; color: #E1D6EB; }
.FcLightPurple a:hover   {text-decoration: underline; color: #E1D6EB; }
.FcLightPurple a:active  {text-decoration: underline; color: #E1D6EB; }

.FcDarkGray { color: #444 !important; }
.FcDarkGray a         {text-decoration: none; color: #444; }
.FcDarkGray a:link    {text-decoration: none; color: #444; }
.FcDarkGray a:visited {text-decoration: none; color: #444; }
.FcDarkGray a:hover   {text-decoration: underline; color: #444; }
.FcDarkGray a:active  {text-decoration: underline; color: #444; }

.FcLightGray { color: #777777 !important; }
.FcLightGray a         {text-decoration: none; color: #777777; }
.FcLightGray a:link    {text-decoration: none; color: #777777; }
.FcLightGray a:visited {text-decoration: none; color: #777777; }
.FcLightGray a:hover   {text-decoration: underline; color: #777777; }
.FcLightGray a:active  {text-decoration: underline; color: #777777; }

.FcLightGray02 { color: #A0A0A0 !important; }
.FcLightGray02 a         {text-decoration: none; color: #A0A0A0; }
.FcLightGray02 a:link    {text-decoration: none; color: #A0A0A0; }
.FcLightGray02 a:visited {text-decoration: none; color: #A0A0A0; }
.FcLightGray02 a:hover   {text-decoration: underline; color: #A0A0A0; }
.FcLightGray02 a:active  {text-decoration: underline; color: #A0A0A0; }

.FcBlue { color: #003296 !important; }
.FcBlue a         {text-decoration: none; color: #003296; }
.FcBlue a:link    {text-decoration: none; color: #003296; }
.FcBlue a:visited {text-decoration: none; color: #003296; }
.FcBlue a:hover   {text-decoration: underline; color: #003296; }
.FcBlue a:active  {text-decoration: underline; color: #003296; }

.FcActive01 { color: #008C00 !important; }
.FcActive01 a         {text-decoration: none; color: #008C00; }
.FcActive01 a:link    {text-decoration: none; color: #008C00; }
.FcActive01 a:visited {text-decoration: none; color: #008C00; }
.FcActive01 a:hover   {text-decoration: underline; color: #008C00; }
.FcActive01 a:active  {text-decoration: underline; color: #008C00; }

.BgLightPurple { background-color: #E9E9EF; }
.BgLightGray { background-color: #CBCBDA; }

.BgGray01 { background-color: #ECECEC; }
.BgGray02 { background-color: #FBFBFB; }

.BgGreen01 { background-color: #E3F2E3; }

.BgBlue01 { background-color: #E9FAFE; }
.BgBlue02 { background-color: #F4F8FF; }
.BgBlue03 { background-color: #E6EEFF; }

.BgOrange01 { background-color: #FFDDBB; }

.OnFade {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}

.OnFade:hover {
opacity: 0.7;
filter: alpha(opacity=70);
}

img {
vertical-align: middle;
}

.Hidden { display: none; }

.clear {
clear: both;
height: 0;
visibility: hidden;
font-size: 1px;
line-height: 0px;
}

.Cp { cursor: pointer; }

.Wb { word-break: break-all; }

.DispTable {
display: table;
}

.DispTable > p,.DispTable > div,.DispTable > li,.DispTable > span {
display: table-cell;
}

@media screen and (max-width: 1024px) {

.DispTableS {
display: table;
}

.DispTableS > p,.DispTableS > div,.DispTableS > li,.DispTableS > span {
display: table-cell;
vertical-align: middle;
}

.transferListb{
	display:none;
}

}

@media screen and (min-width: 1025px) {

.DispTableP {
display: table;
}

.DispTableP > p,.DispTableP > div,.DispTableP > li,.DispTableP > span {
display: table-cell;
vertical-align: middle;
}

.transferLista{
	display:none;
}

.LinkHover01:hover {
text-decoration: underline !important;
}

}

@media screen and (min-width: 1025px) {

.DispNoneP { display: none; }

}

@media screen and (max-width: 1024px) {

img {
max-width: 100%;
height: auto;
}

.DispNoneS { display: none !important; }

.Link01 {
display: block;
padding: 8px 5px;
border: 1px solid #CCC;
background-color: #EFEFEF;
text-align: center;
}

.Link02 {
display: block;
padding: 5px;
border: 1px solid #CCC;
background-color: #FFF;
text-align: left;
font-size: 0.9em;
}

.Link03 {
display: block;
padding: 8px 5px;
border: 1px solid #D9D9D9;
background-color: #FFF;
text-align: center;
}

.Link04 {
display: block;
padding: 5px;
border: 1px solid #CCC;
background-color: #EFEFEF;
text-align: center;
}

}

.Catch01 {
font-size: 1.8em;
}

@media screen and (max-width: 1024px) {

.Catch01 {
font-size: 1.3em;
}

}

/*--------------------------------------------------------------------
	Hr
--------------------------------------------------------------------*/

.HrCommon01 {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #D9D9D9;
	margin: 0;
	padding: 0;
}

/*--------------------------------------------------------------------
	Table
--------------------------------------------------------------------*/

.TableCommon01Width01 { max-width: 614px; }

.TableCommon01 {
border-collapse: collapse;
}

.TableCommon01 th,
.TableCommon01 td {
border-collapse: collapse;
padding: 10px;
border: 1px solid #D9D9D9;
font-weight: normal;
text-align: left;
vertical-align: middle;
}

.TableCommon01.styleA th,
.TableCommon01.styleA td {
padding: 5px;
}

.TableCommon02 td,
.TableCommon02 th {
font-weight: normal;
text-align: left;
padding: 5px;
}

.TableCommon01.typeA th,
.TableCommon01.typeA td {
text-align: center;
}

@media screen and (max-width: 767px) {

.TableScroll01 { overflow: auto; white-space: nowrap; padding-bottom: 5px; -webkit-overflow-scrolling: touch; }
.TableScroll01::-webkit-scrollbar { height: 5px; }
.TableScroll01::-webkit-scrollbar-track { background: #F6F6F6; }
.TableScroll01::-webkit-scrollbar-thumb { background: #C2C2C2; }
.TableScroll01 table { width: 100%; }

}

/*--------------------------------------------------------------------
	Icon
--------------------------------------------------------------------*/

.IconRequired01 {
display: block;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background-color: #8FCC8F;
text-align: center;
color: #FFF;
padding: 3px;
font-size: 0.9em;
box-sizing: border-box;
}

.IconOption01 {
display: block;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background-color: #BBBBBB;
text-align: center;
color: #FFF;
padding: 3px;
font-size: 0.9em;
box-sizing: border-box;
}

.IconCheck01 {
display: block;
background-color: #003296;
text-align: center;
color: #FFF;
padding: 5px;
box-sizing: border-box;
}

.IconCheck02 {
display: block;
background-color: #FF9999;
text-align: center;
color: #FFF;
padding: 5px;
box-sizing: border-box;
}

.IconCheck03 {
display: block;
background-color: #DDE8FF;
text-align: center;
color: #525252;
padding: 5px;
box-sizing: border-box;
}

.IconMessage01 {
display: block;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background-color: #8FCC8F;
text-align: center;
color: #FFF;
padding: 3px;
font-size: 0.9em;
box-sizing: border-box;
}

.IconMessage02 {
display: block;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background-color: #FF9999;
text-align: center;
color: #FFF;
padding: 3px;
font-size: 0.9em;
box-sizing: border-box;
}

.IconMessage03 {
display: block;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background-color: #003296;
text-align: center;
color: #FFF;
padding: 3px;
font-size: 0.9em;
box-sizing: border-box;
}

.IconMessage04 {
display: block;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background-color: #003296;
text-align: center;
color: #FFF;
padding: 3px;
font-size: 0.9em;
box-sizing: border-box;
}

.IconStatus01 {
display: block;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
text-align: center;
padding: 0 3px;
font-size: 0.9em;
height: 23px;
line-height: 23px;
box-sizing: border-box;
}

.IconStatus01.Trial01 {
color: #525252;
background-color: #F4F4F4;
}

.IconStatus01.Basic01 {
color: #FFF;
background-color: #13BAEE;
}

.IconStatus01.Pro01 {
color: #FFF;
background-color: #004097;
}

.IconStatus01.Unlimited01 {
color: #FFF;
background-color: #15305B;
}

.IconSmall01 {
display: block;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
text-align: center;
padding: 0 3px;
font-size: 0.8em;
height: 23px;
line-height: 23px;
box-sizing: border-box;
box-sizing: border-box;
}

.IconSmall01.Service01 {
color: #525252;
background-color: #FFF;
border: 1px solid #BBCBDE;
}

.IconSmall01.Importance01 {
color: #525252;
background-color: #FFBFBF;
border: 1px solid #BBCBDE;
}

.IconSmall01.Maintenance01 {
color: #FFF;
background-color: #002851;
border: 1px solid #BBCBDE;
}

.IconSmall01.Press01 {
color: #FFF;
background-color: #527AAA;
border: 1px solid #BBCBDE;
}


/*--------------------------------------------------------------------
	Container
--------------------------------------------------------------------*/

#Container {
width: 100%;
font-size: 0.86em;
line-height: 1.4em;
position: relative;
min-height: 100%;
}

.ContainerInner {
}

#Container.styleA {
background-color: #F5F5F5;
}

@media screen and (max-width: 1024px) {

#Container {
min-height: 0;
}

.ContainerInner {
padding-bottom: 0;
padding-top: 40px;
}

.ContainerInner.RefisterContainer {
padding-bottom: 60px;
}

}

/*--------------------------------------------------------------------
	Wrapper
--------------------------------------------------------------------*/

#Wrapper {
padding: 0 0 20px;
position: relative;
color: #525252;
}

@media screen and (max-width: 1024px) {

#Wrapper {
padding: 0;
}

}

/*--------------------------------------------------------------------
	Contents
--------------------------------------------------------------------*/

#Contents {
  width: 90%;
  max-width:1150px;
margin: 10px auto 0;
position: relative;
}

@media screen and (max-width: 1024px) {

#Contents {
width: auto;
padding: 10px;
margin: 10px auto 0;
position: relative;
}

}


/*--------------------------------------------------------------------
	Header
--------------------------------------------------------------------*/

#Header {
height: 65px;
border-bottom: 5px solid #003296;
position: relative;
background-color: #FFF;
}

#Header a         {text-decoration: none; color: #222; }
#Header a:link    {text-decoration: none; color: #222; }
#Header a:visited {text-decoration: none; color: #222; }
#Header a:hover   {text-decoration: underline; color: #222; }
#Header a:active  {text-decoration: underline; color: #222; }

.HeaderInner {
width: 1100px;
height: 65px;
margin: 0 auto;
position: relative;
}

.HeaderLogo {
position: absolute;
top: 10px;
}

.HeaderMenu {
position: absolute;
top: 22px;
right: 20px;
}

.HeaderMenu .DispTable > div {
padding: 0 13px;
}

.HeaderMenu .DispTable > #Help {
padding: 0 0 0 10px;
border-left: 1px solid #003296;
}

.HeaderLogout {
width: 130px;
height: 30px;
line-height: 30px;
border: 1px solid #999999;
color: #011664;
text-align: center;
padding: 0 0 0 20px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
-webkit-transition: width 0;
-moz-transition: width 0;
transition: width 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background-color: #F3F3F3;
background-image: url("../images/common/icon_logout01.png");
background-position: center left 14px;
background-repeat: no-repeat;
cursor: pointer;
}

.HeaderLogout:hover {
background-color: #EBEBEB;
border: 1px solid #011664;
}

.HeaderBell {
position: relative;
}

.HeaderBell span {
width: 18px;
height: 18px;
line-height: 20px;
position: absolute;
-moz-border-radius: 100px;
-webkit-border-radius: 100px;
border-radius: 100px;
background-color: #D90000;
color: #FFF;
text-align: center;
border: 2px solid #FFF;
font-size: 0.8em;
top: -3px;
right: -3px;
}

@media screen and (max-width: 1024px) {

#Header {
width: 100%;
height: 40px;
border-bottom: 2px solid #003296;
position: fixed;
top: 0;
z-index: 1000;
background-color: #FFF;
}

.HeaderInner {
width: auto;
height: auto;
}

.HeaderMenu {
display: none;
}

.HeaderLogo {
position: absolute;
top: 6px;
left: 10px;
}

.HeaderLogo img {
width: 130px;
height: 30px;
}

.HeaderSpMenu {
width: 80px;
height: 40px;
line-height: 40px;
position: absolute;
top: 0;
right: 0;
padding-right: 8px;
font-size: 1.0em;
}

.HeaderSpMenu a {
width: 80px;
height: 40px;
display: table-cell;
vertical-align: middle;
text-align: right;
color: #FFF;
}

.HeaderSpMenu a         { color: #FFF !important; text-decoration: none !important; }
.HeaderSpMenu a:link    { color: #FFF !important; text-decoration: none !important; }
.HeaderSpMenu a:visited { color: #FFF !important; text-decoration: none !important; }
.HeaderSpMenu a:hover   { color: #FFF !important; text-decoration: none !important; }
.HeaderSpMenu a:active  { color: #FFF !important; text-decoration: none !important; }

.HeaderSpMenu a > span {
background: #003296;
padding: 5px 8px;
}

}

@media screen and (min-width: 1025px) {

.HeaderSpMenu {
display: none;
}

}


/*--------------------------------------------------------------------
	Language
--------------------------------------------------------------------*/

.Language,.Menu {
position: relative;
padding-left: 20px;
cursor: pointer;
}

.Language:after,.Menu:after {
content: "";
position: absolute;
bottom: 3px;
left: 0;
border: 5px solid transparent;
border-top: 5px solid #666666;
}

.Language .FlagFirst {
padding: 0 10px 0 0;
}

#Header .SubLanguage {
position: absolute;
display: none;
text-align: left;
z-index: 1000000;
color: #222;
margin-top: 12px;
right: 120px;
}

.LoginHeader .SubLanguage,
.OuthoHeader .SubLanguage {
position: absolute;
display: none;
text-align: left;
z-index: 1000000;
color: #222;
margin-top: 175px;
left: 260px;
}

#Header .SubMenu {
position: absolute;
display: none;
text-align: left;
z-index: 1000000;
color: #222;
margin-top: 15px;
right: -50px;
}

.SubLanguage a,.SubMenu a       			 {text-decoration: none; color: #FFF; }
.SubLanguage a:link,.SubMenu a:link  		 {text-decoration: none; color: #FFF; }
.SubLanguage a:visited,.SubMenu a:visited 	 {text-decoration: none; color: #FFF; }
.SubLanguage a:hover,.SubMenu a:hover 		 {text-decoration: underline; color: #FFF; }
.SubLanguage a:active,.SubMenu a:active      {text-decoration: underline; color: #FFF; }

.SubLanguage ul,.SubMenu ul {
list-style: none;
background: #EBEBEB;
text-align: left;
font-size: 0.86em;
margin-top: 5px;
border: 1px solid #ADADAD;
z-index: 1000000;
line-height: 1.6em;
}

.SubLanguage ul > li > a,.SubMenu ul > li > a {
min-width: 123px;
padding: 8px 12px;
border-bottom: 1px dotted #999;
display: block;
overflow: hidden;
}

.SubLanguage ul > li .DispTable > span,.SubMenu ul > li .DispTable > span {
vertical-align: middle;
}

.SubLanguage ul > li .DispTable > span:first-child,.SubMenu ul > li .DispTable > span:first-child {
padding-right: 7px;
}

.SubLanguage ul > li:last-child > a,.SubMenu ul > li:last-child > a {
border-bottom: none;
}

.SubLanguage ul > li > a:hover,.SubMenu ul > li > a:hover {
background-color: #003296;
color: #FFF !important;
text-decoration: none !important;
}

@media screen and (max-width: 1024px) {

.LoginHeader .SubLanguage,
.OuthoHeader .SubLanguage {
margin-top: 50px;
right: 10px;
left: auto;
}

}


/*--------------------------------------------------------------------
	Crumb
--------------------------------------------------------------------*/

#Crumb {
display: table;
font-size: 0.9em;
}

#Crumb li {
display: table-cell;
padding-right: 10px;
}

@media screen and (max-width: 1024px) {

#Crumb {
display: none;
}

}

/*--------------------------------------------------------------------
	Layout
--------------------------------------------------------------------*/

#LayoutBasic {
width: auto;
margin-top: 10px;
}

@media screen and (max-width: 1024px) {

#LayoutBasic {
width: auto;
margin-top: 0;
}

}

/*--------------------------------------------------------------------
	PageTitle
--------------------------------------------------------------------*/

#PageTitle {
width: 100%;
height: 54px;
margin-bottom: 15px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background-color: #DDE8FF;
display: table;
overflow: hidden;
}

#PageTitle > div {
height: 54px;
vertical-align: middle;
display: table-cell;
}

#PageTitle > div:first-child {
width: 250px;
padding: 0 15px;
background-color: #003296;
background-image: url("../images/common/pagetitle_bg.png");
background-position: center right -1px;
background-repeat: no-repeat;
}

#PageTitle.styleA > div:first-child {
background-image: url("../images/common/pagetitle_bg02.png");
}

#PageTitle > div:first-child .DispTable > p {
height: 50px;
vertical-align: middle;
color: #FFF;
font-size: 1.16em;
}

#PageTitle > div:first-child .DispTable > p:last-child {
height: 47px;
padding: 3px 0 0 15px;
}

#PageTitle > div.pageSecond {
width: 200px;
padding: 0 15px;
background-color: #527AAA;
color: #FFF;
font-size: 1.16em;
background-image: url("../images/common/pagetitle_bg03.png");
background-position: center right -1px;
background-repeat: no-repeat;
}

#PageTitle > div:last-child {
width: auto;
color: #003296;
padding-left: 20px;
}

@media screen and (max-width: 1024px) {

#PageTitle {
width: 100%;
height: auto;
margin-bottom: 10px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
background-color: #FFF;
display: block;
overflow: hidden;
}

#PageTitle > div {
height: auto;
vertical-align: middle;
display: block;
}

#PageTitle > div:first-child {
width: auto;
height: auto;
padding: 8px;
background-image: none;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
overflow: hidden;
}

#PageTitle.styleA > div:first-child {
background-image: none;
}

#PageTitle > div:first-child .DispTable > p {
height: auto;
font-size: 1.1em;
}

#PageTitle > div:first-child .DispTable > p:first-child img {
width: 25px;
}

#PageTitle > div:first-child .DispTable > p:last-child {
height: auto;
padding: 5px 5px 5px 10px;
}

#PageTitle > div.pageSecond {
width: auto;
padding: 5px;
background-color: #527AAA;
color: #FFF;
font-size: 1.0em;
border-radius: 5px;
background-image: none;
margin-top: 5px;
text-align: center;
}

#PageTitle > div:last-child {
padding: 8px 0 0;
color: #222;
}

}

/*--------------------------------------------------------------------
	Main
--------------------------------------------------------------------*/

#Main {
width: 780px;
box-sizing: border-box;
float: right;
}

.MainWrap {
border: 1px solid #D9D9D9;
position: relative;
}

.MainWrap.styleA {
border: none;
}

.MainTitle {
padding: 10px 20px;
color: #FFF;
font-size: 1.4em;
background-color: #003296;
}

.MainWrapList01 {
width: 440px;
height: 33px;
background-color: #FFF;
position: absolute;
top: 6px;
right: 0;
box-sizing: border-box;
padding: 1px;
display: flex;
flex-wrap: wrap;
}

.MainWrapList01 > li {
width: 50%;
height: 31px;
}

.MainWrapList01 > li > span,
.MainWrapList01 > li > a {
width: 100%;
height: 31px;
line-height: 31px;
text-align: center;
display: block;
color: #003296;
}

.MainWrapList01 > li > a {
background-color: #ECECEC;
}

.MainInner {
padding: 30px 50px;
position: relative;
}

.MainInner2 {
padding: 20px 50px;
}

.MainInner3 {
padding: 20px;
}

.MainInnerTitle01 {
border-left: 1px solid #D9D9D9;
border-right: 1px solid #D9D9D9;
border-top: 1px solid #D9D9D9;
display: table;
width: 100%;
box-sizing: border-box;
background-color: #FFF;
}

.MainInnerTitle01 > div {
display: table-cell;
padding: 5px 10px;
vertical-align: middle;
}

.MainInnerTitle01 > div:first-child {
width: 190px;
text-align: center;
border-right: 1px solid #D9D9D9;
}

.MainInnerTitle01 > div:last-child {
width: auto;
}

.NoRegest { background-color: #FFF8F4; }
.NoRegest .MainInnerTitle01 .Status { background-color: #FF5B5B; color: #FFF; }
.NoRegest .MainInnerTitle01 .StatusTxt { color: #FF0000; }
.Active { background-color: #F8FCF8; }
.Active .MainInnerTitle01 .Status { background-color: #008C46; color: #FFF; }
.Active .MainInnerTitle01 .StatusTxt { color: #006D37; }

.ActiveTxt01 { color: #008C46; }
.NonActiveTxt01 { color: #FF0000; }

.MainInnerList {
padding: 3px 15px;
border-top: 1px solid #D9D9D9;
border-left: 1px solid #D9D9D9;
border-right: 1px solid #D9D9D9;
background-color: #EEEEEE;
}

.MainInnerBox {
padding: 15px;
border: 1px solid #D9D9D9;
}

.MainInnerBoxMemo {
padding: 15px;
border: 1px solid #D9D9D9;
background-color: #FFF;
}

.MainInnerBoxMemoToggle {
border-bottom: 1px solid #D9D9D9;
padding-bottom: 15px;
margin-bottom: 15px;
}

.MainInnerBoxMemoToggleName {
padding-left: 18px;
cursor: pointer;
position: relative;
}

.MainInnerBoxMemoToggleName.OpenToggle:after {
display: block;
content: "";
width: 5px;
height: 5px;
position: absolute;
top: 50%;
left: 0;
margin-top: -5px;
border-top: solid 3px #666;
border-right: solid 3px #666;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-webkit-transition: 0.2s ease-in-out;
}


.MainInnerBoxMemoToggleName.CloseToggle:after {
margin-top: -7px;
transform: rotate(135deg);
-webkit-transform: rotate(135deg);
}

.SideCliantMenuToggleName {
padding-left: 18px;
cursor: pointer;
position: relative;
}

.SideCliantMenuToggleTxt1 p{
padding-left:50px !important;
}

.SideCliantMenuToggleName.OpenToggle:after {
display: block;
content: "";
width: 5px;
height: 5px;
position: absolute;
top: 50%;
right: 0;
margin-top: -5px;
border-top: solid 3px #666;
border-right: solid 3px #666;
transform: rotate(135deg);
-webkit-transform: rotate(135deg);
-webkit-transition: 0.2s ease-in-out;
}

.SideCliantMenuToggleName.CloseToggle:after {
margin-top: -7px;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}

.accordion1.OpenToggle:after {
display: block;
content: "";
width: 5px;
height: 5px;
position: absolute;
top: 50%;
right: 15px;
margin-top: -5px;
border-top: solid 3px #FFF;
border-right: solid 3px #FFF;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-webkit-transition: 0.2s ease-in-out;
}

.accordion1.CloseToggle:after {
margin-top: -7px;
transform: rotate(135deg);
-webkit-transform: rotate(135deg);
}

.accordion2.OpenToggle:after {
display: block;
content: "";
width: 5px;
height: 5px;
position: absolute;
top: 50%;
right: 15px;
margin-top: -5px;
border-top: solid 3px #FFF;
border-right: solid 3px #FFF;
transform: rotate(135deg);
-webkit-transform: rotate(135deg);
-webkit-transition: 0.2s ease-in-out;
}

.accordion2.CloseToggle:after {
margin-top: -7px;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}

.Pre{
position:relative;
}

.MainInneraPack li {
padding: 15px 0;
border-bottom: 1px solid #D9D9D9;
}

.MainInneraPack li:first-child {
padding: 0 0 15px;
}

.MainInneraPack li .DispTableP > div,.MainInnerList .DispTable > p  {
padding: 0 2px;
}

.MainTop01 {
width: 100%;
display: table;
}

.MainTop01 > div {
display: table-cell;
vertical-align: middle;
}

.MainTop01 > div:first-child {
width: 180px;
padding-right: 20px;
border-right: 1px solid #D9D9D9;
}

.MainTop01 > div:last-child {
width: auto;
padding-left: 20px;
}

.MainIconBox01 {
width: 180px;
height: 46px;
line-height: 44px;
box-sizing: border-box;
border: 1px solid #D9D9D9;
text-align: center;
font-size: 1.1em;
background: url(../images/common/bg_common01.png) center top repeat-x;
}

.AlertBox01 {
padding: 10px;
background-color: #FFD9D9;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
box-sizing: border-box;
border: 1px solid #D9D9D9;
text-align: center;
margin: 0 auto;
}

.AlertBox02 {
padding: 10px;
background-color: #DDE8FF;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
box-sizing: border-box;
border: 1px solid #D9D9D9;
text-align: center;
margin: 0 auto;
}

.SecurityBox {
width: auto;
box-sizing: border-box;
border: 1px solid #D9D9D9;
}

.SecurityBoxName {
word-break: break-all;
color: #003296;
font-weight: bold;
padding-top: 3px;
font-size: 1.8em;
}

.SecurityBoxInner01 {
padding: 20px;
border-bottom: 5px solid #003296;
position: relative;
}

.SecurityBoxToggleBtn01 {
width: 170px;
height: 40px;
line-height: 45px;
box-sizing: border-box;
padding-right: 20px;
background-color: #003296;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
color: #FFF;
cursor: pointer;
text-align: center;
position: absolute;
bottom: 0;
right: 20px;
}

.SecurityBoxToggleBtn01:after {
display: block;
content: "";
width: 5px;
height: 5px;
position: absolute;
top: 50%;
right: 15px;
margin-top: -3px;
border-top: solid 3px #FFF;
border-right: solid 3px #FFF;
}

.SecurityBoxToggleBtn01.OpenToggle:after {
transform: rotate(135deg);
-webkit-transform: rotate(135deg);
-webkit-transition: 0.2s ease-in-out;
}

.SecurityBoxToggleBtn01.CloseToggle:after {
margin-top: 0px;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}

.SecurityBoxDetail01 {
display: none;
}

.SecurityBoxDetailInner01 {
padding: 20px;
}

.SecurityBoxTable01 > li {
padding: 0 15px;
}

.SecurityBoxTable01 > li:nth-child(n+2) {
border-left: 1px solid #D9D9D9;
}

@media screen and (max-width: 1024px) {

#Main {
width: auto;
box-sizing: border-box;
border: none;
float: none;
}

.MainWrap {
border: none;
}

.MainWrapList01 {
	display: none;
/*	複数は非表示
	display: contents;
	width:100%;
*/
}
/*
.MainWrapList01 li {
	display:block;
	width:100%;
}
*/

.MainTitle {
padding: 8px;
font-size: 1.1em;
}

.MainInner {
padding: 10px 0 0;
}

.MainInner2 {
padding: 10px 0 0;
}

.MainInner3 {
padding: 10px;
border-left: 1px solid #D9D9D9;
border-right: 1px solid #D9D9D9;
border-bottom: 1px solid #D9D9D9;
}

.MainInnerTitle01 {
border: 1px solid #D9D9D9;
display: block;
width: auto;
}

.MainInnerTitle01 > div {
display: block;
}

.MainInnerTitle01 > div:first-child {
width: auto;
text-align: center;
border-right: none;
border-bottom: 1px solid #D9D9D9;
}

.MainInnerTitle01 > div:last-child {
width: auto;
}

.NoRegest { background-color: inherit; }
.Active { background-color: inherit; }

.MainInnerBox {
padding:0;
border: none;
}

.MainInnerBoxMemo {
padding:0;
border: none;
}

.MainInnerBoxMemoTable td {
vertical-align: top;
}

.MainInnerBoxMemoToggleName {
padding: 7px 7px 7px 25px;
border: 1px solid #CCC;
}

.MainInnerBoxMemoToggleName.OpenToggle:after {
left: 10px;
}

.MainInneraPack li {
padding: 5px;
border: 1px solid #D9D9D9;
margin-bottom: 10px;
}

.MainInneraPack li:first-child {
padding: 5px;
}

.MainInneraPack li .DispTableP > div,.MainInnerList .DispTable > p  {
padding: 0;
}

.MainInneraPack li .ListChapter {
padding: 5px;
background-color: #EEEEEE;
margin-bottom: 5px;
text-align: center;
font-size: 0.9em;
}

.MainTop01 {
display: block;
}

.MainTop01 > div {
display: block;
}

.MainTop01 > div:first-child {
width: auto;
padding-right: 0;
padding-bottom: 10px;
border-right: none;
border-bottom: 1px dotted #D9D9D9;
}

.MainTop01 > div:last-child {
width: auto;
padding-left: 0;
padding-top: 10px;
padding-bottom: 10px;
}

.MainIconBox01 {
width: auto;
}

.SecurityBox {
display: none;
}

.SecurityBoxToggleBtn01 {
width: auto;
line-height: 40px;
border-radius: 0;
bottom: auto;
right: auto;
position: relative;
}

.SecurityBoxToggleBtn01:after {
margin-top: -5px;
}

.SecurityBoxToggleBtn01.CloseToggle:after {
margin-top: -3px;
}

.SecurityBoxDetail01 {
border-left: 1px solid #003296;
border-right: 1px solid #003296;
border-bottom: 1px solid #003296;
}

.SecurityBoxDetailInner01 {
padding: 10px;
}

.SecurityBoxDetailList01 {
width: auto;
}

.SecurityBoxDetailList01 > div {
padding: 10px 0;
}

.SecurityBoxDetailList01 > div:first-child {
padding-top: 5px;
}

.SecurityBoxDetailList01 > div:last-child {
padding-bottom: 0;
}

.SecurityBoxDetailList01 > div:nth-child(n+2) {
border-top: 1px solid #D9D9D9;
}

}

@media screen and (max-width: 1024px) and (min-width: 768px)  {

.MainWrap.styleB {
border: 1px solid #D9D9D9;
}

.MainInner.styleA {
padding: 20px;
position: relative;
}

}

@media screen and (max-width: 767px) {

.MainWrap.styleB {
border: none;
}

}

.MainChapter01 {
padding: 5px 0;
background-color: #ECECEC;
border-top: 1px solid #D9D9D9;
border-bottom: 1px solid #D9D9D9;
}

.MainTableList01 > li {
border-left: 1px solid #D9D9D9;
border-right: 1px solid #D9D9D9;
border-bottom: 1px solid #D9D9D9;
}

.MainTableList01 > li:first-child {
border-top: 1px solid #D9D9D9;
}

.MainTable01 > div {
padding: 10px;
border-left: 1px solid #D9D9D9;
border-top: 1px solid #D9D9D9;
border-bottom: 1px solid #D9D9D9;
}

.MainTable01.styleA > div {
border: none;
}

.MainTable01 > div.PaddingNone {
padding: 0;
}

.MainTable01a > div {
padding: 10px;
border-left: 1px solid #D9D9D9;
}

.PaddingNone > div {
border-top: 1px solid #D9D9D9;
border-bottom: 1px solid #D9D9D9;
margin-top: 3px;
}

.PaddingNone > div:first-child {
border-top: none;
margin-top: 0;
}

.PaddingNone > div:last-child {
border-bottom: none;
}

.MainTable01 > div:first-child,.MainTable01a > div:first-child {
border-left: none;
}

.MainTable02 {
padding: 10px;
border-top: 1px solid #D9D9D9;
border-bottom: 1px solid #D9D9D9;
}

.MainTableCellFixed01 {
background-color: #F4F8FF;
}

.MainPack01 {
padding: 10px;
border-top: 1px solid #D9D9D9;
border-bottom: 1px solid #D9D9D9;
box-sizing: border-box;
}

.MainPack01.styleA {
border: none;
}

@media screen and (max-width: 1024px) {

.MainChapter01 {
border: 1px solid #D9D9D9;
}

.MainTableList01 > li {
border: none;
}

.MainTableList01 > li:first-child {
border: none;
}

.MainTable01 > div.PaddingNone {
padding: 0;
border: none;
}

.MainTable01 > div.MainTableBtnSp {
padding: 10px 0;
border: none !important;
}

.MainTable01 > div,
.MainTable01.styleA > div {
padding: 7px;
border: 1px solid #D9D9D9;
}

.MainTable01a > div {
padding: 7px;
border: 1px solid #D9D9D9 !important;
}

.PaddingNone > div {
border-top: none;
border-bottom: none;
margin-top: 0;
}

.MainTable01 > div:first-child {
border-left: 1px solid #D9D9D9;
}

.MainTable01SpListTitle01 {
background-color: #ECECEC;
padding: 5px;
text-align: center;
display: block;
}

.MainTable01SpListText01 {
padding: 5px 0 0;
}

.MainTable02 {
padding: 7px;
border: 1px solid #D9D9D9;
}

.MainPack01,
.MainPack01.styleA {
padding: 7px;
border: 1px solid #D9D9D9;
}

}

.MainTransferBox01 {
background-color: #FFF;
border: 1px solid #D9D9D9;
box-sizing: border-box;
}

.MainTransferBox02 {
background-color: #FFF;
padding-bottom: 9px;
background: url(../images/common/border_shadow01.png) center bottom repeat-x;
box-sizing: border-box;
}

.MainTransferBoxInner01 {
height: 170px;
padding: 12px;
}

.MainTransferBoxInner01.styleA {
height: 170px;
padding: 12px;
}

.MainTransferBoxInner01.styleB {
height: auto;
padding: 12px;
}

.MainTransferBoxInner01.styleC {
height: auto;
padding: 15px 15px 25px;
}

.MainTransferBoxInnerCheck01 {
padding: 12px;
}

.MainTransferBoxInnerCheck01.styleA {
padding: 20px;
}

.MainTransferTitle01 {
background-color: #ECECEC;
border-bottom: 1px solid #D9D9D9;
box-sizing: border-box;
padding: 5px;
text-align: center;
}

.MainTransferArrow01,
.MainTransferArrow01.styleA {
background: url(../images/common/icon_arrow01.png) center center no-repeat;
}

.MainTransferArrow02 {
height: 40px;
background: url(../images/common/icon_arrow02.png) center center no-repeat;
}

.bitwalletTab{
margin-top:10px;
}

.bitwalletTab ul li{
display: block;
width: 250px;
box-sizing: border-box;
height: 40px;
line-height: 20px;
margin-right: 10px;
float: left;
text-align: center;
}

.bitwalletTab ul li:not(.On){
background-color: #FFFFFF;
border:1px solid #D9D9D9;
}

.bitwalletTab ul li a{
color: #FFF;
}

.bitwalletTab ul li:not(.On) a{
color: #003296;
}

@media screen and (max-width: 1024px) {

.MainTransferBoxInner01 {
height: auto;
padding: 7px;
}

.MainTransferBoxInnerCheck01 {
padding: 7px;
}

.MainTransferArrow01 {
background: url(../images/common/icon_arrow02.png) center center no-repeat;
background-size: 20px 10px;
height: 25px;
}

.bitwalletTab{
border-bottom: 1px solid #D9D9D9;
}

.bitwalletTab ul li{
width: 190px;
height: 35px;
}

}

@media screen and (max-width: 767px) {

.MainTransferBoxInner01.styleA,
.MainTransferBoxInner01.styleB {
height: auto;
padding: 7px;
}

.MainTransferBoxInner01.styleC {
height: auto;
padding: 15px 7px;
}

.MainTransferArrow01.styleA,
.MainTransferArrow02 {
background: url(../images/common/icon_arrow02.png) center center no-repeat;
background-size: 20px 10px;
height: 25px;
}

.MainTransferBoxInnerCheck01.styleA {
padding: 10px;
}

}

.MainSecurityTable01 {
border-collapse: collapse;
}

.MainSecurityTable01 td {
padding: 5px;
border: 1px solid #D9D9D9;
background-color: #FFF;
}

.MainSecurityValid {
background-color: #E4F3E4 !important;
}

.MainSecurityInvalid {
background-color: #FFD9D9 !important;
}

.MainSecurityBox01 {
border: 1px solid #D9D9D9;
}

.MainSecurityBoxInner01 {
padding: 5px;
font-size: 0.9em;
}

.MainSecurityBoxTitle01 {
border-bottom: 1px solid #D9D9D9;
padding: 5px;
color: #FFF;
text-align: center;
}

.MainSecurityBoxTitle01.P25 { background-color: #7DA8FF; }
.MainSecurityBoxTitle01.P50 { background-color: #1E67FF; }
.MainSecurityBoxTitle01.P75 { background-color: #0047DB; }
.MainSecurityBoxTitle01.P100 { background-color: #003296; }

.MainHistoryWrap {
font-size: 0.9em;
}

.MainHistoryThead {
border: 1px solid #D9D9D9;
background-color: #EEEEEE;
display: table;
width: 100%;
box-sizing: border-box;
}

.MainHistoryThead > li {
padding: 5px 0;
text-align: center;
border-right: 1px solid #D9D9D9;
display: table-cell;
}

.MainHistoryThead > li:last-child {
border-right: none;
}

.MainHistoryThead > li:nth-child(1) { width: 24%; }
.MainHistoryThead > li:nth-child(2) { width: 12%; }
.MainHistoryThead > li:nth-child(3) { width: 14%; }
.MainHistoryThead > li:nth-child(4) { width: 13%; }
.MainHistoryThead > li:nth-child(5) { width: 22%; }
.MainHistoryThead > li:nth-child(6) { width: auto; }

.MainHistoryTbodyWrap > div {
background-color: #FFF;
}

.MainHistoryTbodyWrap > div:nth-child(even) {
background-color: #F7FAFF;
}

.MainHistoryTbodyWrap > div:hover{
background-color: #FFFFBF !important;
}

.MainHistoryTbody {
border-left: 1px solid #D9D9D9;
border-right: 1px solid #D9D9D9;
border-bottom: 1px solid #D9D9D9;
box-sizing: border-box;
}

.MainHistoryTr {
display: table;
width: 100%;
box-sizing: border-box;
}

.MainHistoryTr > li {
padding: 10px 0;
text-align: center;
display: table-cell;
}

.MainHistoryTr > li:nth-child(1) { width: 24%; }
.MainHistoryTr > li:nth-child(2) { width: 12%; }
.MainHistoryTr > li:nth-child(3) { width: 14%; }
.MainHistoryTr > li:nth-child(4) { width: 13%; }
.MainHistoryTr > li:nth-child(5) { width: 22%; text-align: right; }
.MainHistoryTr > li:nth-child(6) { width: auto; }

.MainHistoryMemo {
padding: 5px 30px 10px;
}

.MainHistoryMemoTable td {
vertical-align: top;
padding: 0 3px;
}

.MainHistoryPrice {
padding: 0 5px;
}

.MainHistoryPrice .PricePositive {
color: #008C46;
font-weight: bold;
}

.MainHistoryPrice .PriceNegative {
color: #B20000;
font-weight: bold;
}

.MainHistoryPrice .PriceCurrency {
padding-left: 5px;
}

.MainHistoryTrChapter {
background-color: #EBEBEB;
padding: 5px;
text-align: center;
margin-bottom: 7px;
}

.MainHistoryTrDate {
padding-left: 15px;
cursor: pointer;
position: relative;
}

.MainHistoryTrDate.OpenToggle:after {
display: block;
content: "";
width: 5px;
height: 5px;
position: absolute;
top: 50%;
left: 12px;
margin-top: -5px;
border-top: solid 3px #666;
border-right: solid 3px #666;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-webkit-transition: 0.2s ease-in-out;
}

.MainHistoryTrDate.CloseToggle:after {
margin-top: -7px;
transform: rotate(135deg);
-webkit-transform: rotate(135deg);
}

.MainHistoryTfoot {
border: 1px solid #D9D9D9;
background-color: #EEEEEE;
display: table;
width: 100%;
box-sizing: border-box;
}

.MainHistoryTfoot p {
display: table-cell;
padding: 7px 10px;
}

.MainAccountBtn {
cursor: pointer;
position: relative;
padding-left: 20px;
}

.MainAccountBtn.OpenToggle:after {
display: block;
content: "";
width: 5px;
height: 5px;
position: absolute;
top: 50%;
left: 0;
margin-top: -8px;
border-top: solid 3px #666;
border-right: solid 3px #666;
transform: rotate(135deg);
-webkit-transform: rotate(135deg);
-webkit-transition: 0.2s ease-in-out;
}

.MainAccountBtn.CloseToggle:after {
margin-top: -5px;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}

.MainAccountTxt {
padding: 15px 0 0;
}

@media screen and (max-width: 1024px) {

.MainHistoryWrap {
font-size: 1.0em;
}

.MainHistoryThead {
display: none;
}

.MainHistoryTbodyWrap > div {
margin-top: 10px;
}

.MainHistoryTbodyWrap > div:first-child {
margin-top: 0;
}

.MainHistoryTbodyWrap > div:nth-child(even) {
background-color: #FFF;
}

.MainHistoryTbodyWrap > div:hover {
background-color: #FFF !important;
}

.MainHistoryTbody {
border: 1px solid #D9D9D9;
padding: 7px;
}

.MainHistoryTr {
display: block;
width: 100%;
box-sizing: border-box;
}

.MainHistoryTrDateSp {
background: #999;
color: #FFF;
margin-bottom: 7px;
text-align: center;
padding: 5px;
}

.MainHistoryTrDate {
padding: 7px 7px 7px 25px;
border: 1px solid #CCC;
}

.MainHistoryTr > li {
padding: 5px 0;
text-align: center;
display: block;
}

.MainHistoryTr > li:first-child {
display: none;
}

.MainHistoryTr > li:nth-child(2) {
padding: 0 0 5px;
}

.MainHistoryTr > li:last-child {
padding: 5px 0 0;
}

.MainHistoryTr > li:nth-child(1) { width: auto; }
.MainHistoryTr > li:nth-child(2) { width: auto; }
.MainHistoryTr > li:nth-child(3) { width: auto; }
.MainHistoryTr > li:nth-child(4) { width: auto; }
.MainHistoryTr > li:nth-child(5) { width: auto; text-align: center; }
.MainHistoryTr > li:nth-child(6) { width: auto; text-align: center; }

.MainHistoryMemo {
padding: 10px 0 0;
}

.MainHistoryMemoTable,.MainHistoryMemoTable tbody,.MainHistoryMemoTable tr,.MainHistoryMemoTable td {
display: block;
}

.MainHistoryMemoTable tr td:first-child {
background-color: #EBEBEB;
padding: 5px;
text-align: center;
margin-bottom: 7px;
}

.MainHistoryMemoTable tr td:last-child {
padding-bottom: 7px;
}

.MainAccountBtn.OpenToggle:after {
left: 3px;
margin-top: -6px;
}

.MainAccountBtn.CloseToggle:after {
margin-top: -3px;
}

}

@media screen and (min-width: 1025px) {

.MainHistoryTrChapter {
display: none;
}

.MainHistoryTrDateSp {
display: none;
}

}


/*--------------------------------------------------------------------
	News
--------------------------------------------------------------------*/

.NewsList {
list-style: none;
}

.NewsList li {
height: 45px;
padding: 0 10px;
box-sizing: border-box;
background-color: #FFF;
border: 1px solid #D9D9D9;
margin-top: 3px;
}

.NewsList li .DispTable {
width: 100%;
height: 43px;
}

.NewsList li .DispTable p {
height: 43px;
vertical-align: middle;
}

.NewsList li .DispTable p:nth-child(1) {
width: 10%;
}

.NewsList li .DispTable p:nth-child(2) {
width: 10%;
text-align: center;
}

.NewsList li .DispTable p span{
max-width:40px;
}

.NewsList li .DispTable .important{
color:#F00;
}

.NewsList li .DispTable .update{
color:#008c46;
}

.NewsList li .DispTable .maintenance{
color:#003296;
}

.NewsList li .DispTable p:nth-child(3) {
width: 50%;
padding-left: 10px;
}



/*--------------------------------------------------------------------
	Payin
--------------------------------------------------------------------*/

.PayinCVV {
position: relative;
}

.PayinCVV img {
margin-left: 200px;
}

.PayinDeleteBox {
border: 1px solid #D9D9D9;
background-color: #FFD9D9;
padding: 15px;
}

.PayinBaseBox {
border: 1px solid #D9D9D9;
background-color: #FFF;
padding: 15px;
}

.PayinTable01 thead tr td {
border-top: 1px solid #D9D9D9;
border-bottom: 1px solid #D9D9D9;
background-color: #EBEBEB;
padding: 3px;
text-align: center;
vertical-align: middle;
}

.PayinTable01 tbody tr td {
border-top: 1px solid #D9D9D9;
border-bottom: 1px solid #D9D9D9;
background-color: #FFF;
padding: 10px 3px;
text-align: center;
vertical-align: middle;
}

.PayinTable01 thead tr td:first-child,.PayinTable01 tbody tr td:first-child {
border-left: 1px solid #D9D9D9;
}

.PayinTable01 thead tr td:last-child,.PayinTable01 tbody tr td:last-child {
border-right: 1px solid #D9D9D9;
}

@media screen and (max-width: 1024px) {

.PayinCVV {
text-align: center;
}

.PayinCVV img {
margin-left: 0;
}

.PayinDeleteBox {
padding: 7px;
}

.PayinBaseBox {
padding: 7px;
}

}

@media screen and (min-width: 768px) {

.PayinBaseBox.TypeA {
margin-left: 40px;
margin-right: 40px;
}

}

/*--------------------------------------------------------------------
	Side
--------------------------------------------------------------------*/

#Side {
width: 300px;
float: left;
font-size: 1.1em;
}

.SideAccountTitle {
padding: 0 10px;
height: 40px;
line-height: 40px;
box-sizing: border-box;
text-align: center;
color: #FFF;
background-color: #FF9326;
border: 1px solid #D9D9D9;
}

.SideAccountCategory {
padding: 0 10px;
height: 32px;
line-height: 32px;
box-sizing: border-box;
text-align: center;
background-color: #DDE8FF;
border: 1px solid #D9D9D9;
cursor: pointer;
position: relative;
}

.SideAccountCategory:after {
display: block;
content: "";
width: 5px;
height: 5px;
position: absolute;
top: 50%;
right: 10px;
margin-top: -6px;
border-top: solid 3px #919191;
border-right: solid 3px #919191;
}

.SideAccountCategory.CloseToggle:after {
margin-top: -4px;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-webkit-transition: 0.2s ease-in-out;
}

.SideAccountCategory.OpenToggle:after {
transform: rotate(135deg);
-webkit-transform: rotate(135deg);
}

.SideAccount {
list-style: none;
}

.SideAccount li {
height: 45px;
padding: 0 10px;
box-sizing: border-box;
background-color: #FFF;
border: 1px solid #D9D9D9;
margin-top: 3px;
}

.SideAccount li .DispTable {
width: 100%;
height: 43px;
}

.SideAccount li .DispTable p {
height: 43px;
vertical-align: middle;
}

.SideAccount li .DispTable p:first-child {
width: 45%;
}

.SideAccount li .DispTable p:last-child {
width: 60%;
padding-left: 10px;
font-weight: bold;
}

.SideAccount.styleA li .DispTable p:last-child {
font-weight: normal;
text-align: right;
}

.SideClientTitle {
padding: 0 10px;
height: 40px;
line-height: 38px;
box-sizing: border-box;
text-align: center;
color: #FFF;
background-color: #003296;
border: 1px solid #D9D9D9;
}

.SideClient {
list-style: none;
}

.SideClient a         {text-decoration: none; color: #222; }
.SideClient a:link    {text-decoration: none; color: #222; }
.SideClient a:visited {text-decoration: none; color: #222; }
.SideClient a:hover   {text-decoration: none; color: #222; }
.SideClient a:active  {text-decoration: none; color: #222; }

.SideClient > li {
background-color: #FFF;
margin-top: 3px;
}

.SideClient > li > a,
.SideClient > li > .SideSlideTrigger {
height: 45px;
box-sizing: border-box;
border: 1px solid #D9D9D9;
padding: 0 10px;
display: block;
background-color: #ECECEC;
cursor: pointer;
color: #222;
}

.SideClient > li.childA > a,
.SideClient > li.childA > .SideSlideTrigger {
background-color: #F8F8F8;
padding: 0 10px 0 30px;
}

.SideClient > li > a:hover,.SideClient > li.Current > a,
.SideClient > li > .SideSlideTrigger:hover,.SideClient > li.Current > .SideSlideTrigger {
background-color: #DDE8FF;
}

.SideClient > li .DispTable {
width: 100%;
height: 43px;
}

.SideClient > li .DispTable p {
height: 43px;
vertical-align: middle;
}

.SideClient > li .DispTable p:first-child {
width: 24px;
text-align: center;
}

.SideClient.styleA > li .DispTable p:first-child {
width: 44px;
}

.SideClient.styleA > li.childA .DispTable p:first-child {
width: 24px;
}

.SideClient > li .DispTable p:last-child {
width: auto;
padding-left: 20px;
text-align: left;
}

.SideClient .SideCliantMenuToggleTxt1 a {
background-color:#f9f9f9;
}

.SideClient .SideSlideContents {
display: none;
}

@media screen and (max-width: 1024px) {

#Side {
display: none;
}

}

/*--------------------------------------------------------------------
	Connection
--------------------------------------------------------------------*/

.ConnectionDealFXHeader01 {
background-color: #4E5665;
padding: 12px 10px;
color: #FFF;
text-align: center;
}

/*--------------------------------------------------------------------
	ContentsRegister
--------------------------------------------------------------------*/

#ContentsRegister {
width: 800px;
margin: 40px auto 0;
position: relative;
}

#ContentsRegister.ListWrap {
word-break: break-all;
}

.RegisterTitle {
color: #003296;
text-align: center;
font-size: 2.1em;
}

.RegisterBox,
.RegisterBox.styleA {
border: 1px solid #D9D9D9;
padding: 30px;
background-color: #FFF;
}

.RegisterBox.styleB {
border-bottom: none;
}

.RegisterBox.styleC {
border-top: none;
padding-top: 0 !important;
}

.RegisterBox.styleD {
border: none;
}

.RegisterBox > li,
.RegisterBox.styleA > li {
border-bottom: 1px solid #D9D9D9;
padding: 20px 0;
}

.RegisterBox > li:first-child,
.RegisterBox.styleA > li:first-child {
border-bottom: 1px solid #D9D9D9;
padding: 0 0 20px;
}

.RegisterBox > li:last-child,
.RegisterBox.styleA > li:last-child {
border-bottom: none;
padding: 20px 0 0;
}

.RegisterBox > li.Solo,
.RegisterBox.styleA > li.Solo {
border-bottom: none;
padding: 0;
}

.RegisterBox.styleB > li:last-child {
border-bottom: 1px solid #D9D9D9;
padding: 20px 0;
}

@media screen and (max-width: 1024px) {

#ContentsRegister {
width: auto;
padding: 10px;
margin: 10px auto 0;
position: relative;
}

.RegisterTitle {
font-size: 1.3em;
}

.RegisterBox {
border: none;
border-top: 1px solid #D9D9D9;
padding: 10px 0 0;
}

.RegisterBox > li {
padding: 10px 0;
}

.RegisterBox > li:first-child {
padding: 0 0 10px;
}

.RegisterBox > li:last-child {
padding: 10px 0;
border-bottom: 1px solid #D9D9D9;
}

.RegisterBox > li.Solo {
padding: 0 0 10px;
border-bottom: 1px solid #D9D9D9;
}

}

@media screen and (max-width: 1024px) and (min-width: 768px)  {

.RegisterBox.styleA {
padding: 15px;
}

.RegisterBox.styleA > li {
padding: 15px 0;
}

.RegisterBox.styleA > li:first-child {
padding: 0 0 15px;
}

.RegisterBox.styleA > li:last-child {
padding: 15px 0 0;
}

.RegisterBox.styleB > li:last-child {
padding: 15px 0;
}

.RegisterBox.styleA > li.Solo {
padding: 0;
}

}

@media screen and (max-width: 767px) {

.RegisterBox.styleA {
padding: 10px;
}

.RegisterBox.styleA > li {
padding: 10px 0;
}

.RegisterBox.styleA > li:first-child {
padding: 0 0 10px;
}

.RegisterBox.styleA > li:last-child {
padding: 10px 0 0;
}

.RegisterBox.styleB > li:last-child {
padding: 10px 0;
}

.RegisterBox.styleA > li.Solo {
padding: 0;
}

}

.RegisterBox02,
.RegisterBox02.styleA {
border: 1px solid #D9D9D9;
padding: 15px;
}

@media screen and (max-width: 1024px) {

.RegisterBox02 {
border: 1px solid #D9D9D9;
padding: 7px;
}

}

@media screen and (max-width: 767px) {

.RegisterBox02.styleA {
border: 1px solid #D9D9D9;
padding: 7px;
}

}

.RegisterBox03 {
width: 100%;
}

.RegisterBox03 > li {
border-top: 1px solid #003296;
}

.RegisterBox03 > li .ListName {
background-color: #003296;
color: #FFF;
width: 150px;
padding: 5px;
text-align: center;
box-sizing: border-box;
}

.RegisterBox03 > li .ListBox {
font-size: 1.2em;
padding: 10px 0 20px;
}

@media screen and (max-width: 1024px) {

.RegisterBox03 > li .ListBox {
font-size: 1.0em;
padding: 10px 0 10px;
}

}

/*--------------------------------------------------------------------
	Count
--------------------------------------------------------------------*/

#CountBox {
position: fixed;
width: 140px;
top: 105px;
right: 50%;
margin-right: -550px;
background-color: #FFF;
border: 3px solid #FF9326;
box-sizing: border-box;
}

.CountBoxTitle {
padding: 5px;
background-color: #FF9326;
text-align: center;
color: #FFF;
}

.CountBoxInner {
padding: 15px 12px;
}

#CountBox .CountNumber {
background-color: #FEE9E9;
padding: 10px 10px;
text-align: center;
margin-top: 10px;
font-weight: bold;
}

#CountBox .CountNumber #remains {
padding: 0 5px;
font-size: 2.0em;
line-height: 1.0em;
color: #FF0000;
padding-top: 3px;
}

@media screen and (min-width: 1025px) {

#CountBox.typeA {
top: 135px;
}

}

@media screen and (max-width: 1024px) {

#CountBox {
position: fixed;
width: 100%;
left: 0px;
top: auto;
bottom: 0;
right: auto;
margin-right: 0;
background-color: #FFF;
border: none;
border-top: 3px solid #FF9326;
box-sizing: border-box;
z-index: 10000;
}

.CountBoxTitle {
display: none;
}

.CountBoxInner {
padding: 5px;
}

#CountBox .dispTableP {
display: none;
}

#CountBox .countContact {
display: none;
}

#CountBox .CountNumber {
padding: 3px;
text-align: center;
margin-top: 0;
font-weight: bold;
box-sizing: border-box;
width: 49%;
height: 35px;
float: left;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

#CountBox .CountNumber #remains {
padding: 0 5px;
font-size: 1.6em;
line-height: 1.5em;
padding-top: 3px;
}

#CountBox .CountCheck {
padding: 0;
margin-top: 0;
border-top: none;
font-size: 0.86em;
width: 49%;
box-sizing: border-box;
float: right;
}

#CountBox .CountCheck .DispTableS > p {
height: 35px;
width: 100%;
text-align: center;
}

#CountBox .CountCheck input {
height: 35px;
}

}

/*--------------------------------------------------------------------
	Footer
--------------------------------------------------------------------*/

#Footer {
position: absolute;
bottom: 0;
box-sizing: border-box;
font-size: 0.9em;
width: 100%;
}

#Footer a:hover {
opacity: 0.7;
filter: alpha(opacity=80);
-ms-filter: "alpha(opacity=80)";
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
-webkit-transition: width 0;
-moz-transition: width 0;
transition: width 0;
}

.FooterTop {
background-color: rgba( 0, 0, 0, 0.55 );
color: #FFF;
padding: 12px;
box-sizing: border-box;
}

.FooterTop a         {text-decoration: none; color: #FFF; }
.FooterTop a:link    {text-decoration: none; color: #FFF; }
.FooterTop a:visited {text-decoration: none; color: #FFF; }
.FooterTop a:hover   {text-decoration: underline; color: #FFF; }
.FooterTop a:active  {text-decoration: underline; color: #FFF; }

.FooterBottom {
padding: 12px;
box-sizing: border-box;
}

.FooterInner {
width: 1100px;
margin: 0 auto;
}

.cCaution,.cN01 {
margin: 5px 0 5px;
padding: 7px 5px 5px;
line-height: 1em;
text-align: center;
border: 1px solid #CCC;
background: #FFF;
color: #222;
}

.cCaution.cCLogin {
background: #999;
}

.cCaution.cOutho {
background: #999;
margin: 0 20px 10px;
}

.cN01 {
background: #999 !important;
}

.cCaution,.cN01 {
display: none;
}

#Credit li {
padding: 0 10px 0 0;
}

#Social li {
padding: 0 0 0 10px;
}

@media screen and (min-width: 1025px) {

.TapTxt {
display: block !important;
}

.TapTxt li {
padding: 0 10px;
border-right: 1px solid #FFF;
}

.TapTxt li:first-child {
padding: 0 10px 0 0;
}

.TapTxt li:last-child {
padding: 0 0 0 10px;
border-right: none;
}

.Copyright {
text-align: right;
}

.TapTxtBasic {
display: block !important;
}

}

@media screen and (max-width: 1024px) {

#Footer {
position: relative;
bottom: auto;
margin-top: 20px;
}

.FooterTop {
padding: 8px;
}

.FooterBottom {
padding: 8px;
}

.FooterInner {
width: auto;
margin: 0;
}

.FooterInner .TapAccordionFooter {
padding: 0 5px;
}

.cCaution,.cN01 {
display: block;
margin-bottom: 5px;
}

.TapTxt {
padding: 0 0 5px;
}

.TapTxt li {
padding: 3px 0;
}

.TapTxt li a {
display: block;
padding: 5px;
border: 1px solid #CCC;
background-color: #FFF;
text-align: center;
}

.TapTxt li a         {text-decoration: none; color: #333; }
.TapTxt li a:link    {text-decoration: none; color: #333; }
.TapTxt li a:visited {text-decoration: none; color: #333; }
.TapTxt li a:hover   {text-decoration: none; color: #333; }
.TapTxt li a:active  {text-decoration: none; color: #333; }

.Copyright {
text-align: center;
font-size: 0.8em;
padding-top: 5px;
}

#Social li {
padding: 0 5px 0;
}

#Social li img {
width: 25px;
}

.TapTxtBasic {
padding: 0;
}

}

/*--------------------------------------------------------------------
	Button
--------------------------------------------------------------------*/
/*
input[type="text"], input[type="password"], input[type="submit"] ,input[type="button"], input[type="reset"], input[type="button"], textarea {
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
*/

select {
	padding:5px;
}
/*--------------------------------------------------------------------
	Button
--------------------------------------------------------------------*/

.buttonCommon01 {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
-webkit-transition: width 0;
-moz-transition: width 0;
transition: width 0;
cursor: pointer;
text-decoration: none;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
display: inline-block;
font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
font-size: 1.1em;
line-height: 1.0em;
padding: 13px 10px;
border: none;
}

.buttonCommon01:active {
position: relative;
top: 1px;
}

.buttonCommon02 {
height: 65px;
line-height: 61px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
-webkit-transition: width 0;
-moz-transition: width 0;
transition: width 0;
cursor: pointer;
text-decoration: none;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
display: inline-block;
box-sizing: border-box;
font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
font-size: 1.8em;
line-height: 1.0em;
padding: 0 10px;
border: none;
border: 2px solid #8B8B8B;
}

.buttonCommon02:active {
position: relative;
top: 1px;
}

.buttonCommon03 {
height: 55px;
line-height: 53px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
-webkit-transition: width 0;
-moz-transition: width 0;
transition: width 0;
cursor: pointer;
text-decoration: none;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
display: inline-block;
box-sizing: border-box;
font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
font-size: 1.4em;
line-height: 1.0em;
padding: 0 10px;
border: none;
border: 1px solid #8B8B8B;
}

.buttonCommon03:active {
position: relative;
top: 1px;
}

.buttonCommon04 {
height: 45px;
line-height: 43px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
-webkit-transition: width 0;
-moz-transition: width 0;
transition: width 0;
cursor: pointer;
text-decoration: none;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
display: inline-block;
box-sizing: border-box;
font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
font-size: 1.1em;
line-height: 1.0em;
padding: 0 10px;
border: none;
border: 1px solid #8B8B8B;
}

.buttonCommon04:active {
position: relative;
top: 1px;
}

.buttonCommon05 {
height: 35px;
line-height: 33px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
-webkit-transition: width 0;
-moz-transition: width 0;
transition: width 0;
cursor: pointer;
text-decoration: none;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
display: inline-block;
box-sizing: border-box;
font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
font-size: 1.0em;
line-height: 1.0em;
padding: 0 10px;
border: none;
border: 1px solid #8B8B8B;
}

.buttonCommon05:active {
position: relative;
top: 1px;
}

.buttonCommon06 {
height: 30px;
line-height: 28px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
-webkit-transition: width 0;
-moz-transition: width 0;
transition: width 0;
cursor: pointer;
text-decoration: none;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
display: inline-block;
box-sizing: border-box;
font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
font-size: 1.0em;
line-height: 1.0em;
padding: 0 10px;
border: none;
border: 1px solid #8B8B8B;
}

.buttonCommon06:active {
position: relative;
top: 1px;
}

.buttonCommon07 {
height: 25px;
line-height: 23px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
-webkit-transition: width 0;
-moz-transition: width 0;
transition: width 0;
cursor: pointer;
text-decoration: none;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
display: inline-block;
box-sizing: border-box;
font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
font-size: 1.0em;
line-height: 1.0em;
padding: 0 5px;
border: none;
border: 1px solid #BEC2C9;
}

.buttonCommon07:active {
position: relative;
top: 1px;
}

.buttonCommon08 {
width: 33px;
height: 33px;
line-height: 31px;
text-align: center;
display: inline-block;
border-radius: 5px;
text-align: center;
box-sizing: border-box;
transition-property: background-color,color;
transition: 0.3s ease-in;
letter-spacing: 0.5px;
cursor: pointer;
}

.buttonCommon09 {
height: 45px;
line-height: 41px;
box-sizing: border-box;
position: relative;
overflow: hidden;
display: inline-block;
background-color: #ffffff;
background-repeat: no-repeat;
border: 2px solid #D9D9D9;
color: #222;
padding: 0 10px;
font-size: 1.16em;
cursor: pointer;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
-webkit-transition: width 0;
-moz-transition: width 0;
transition: width 0;
}

@media screen and (max-width: 1024px) {

.buttonCommon01 {
font-size: 1.0em;
}

.buttonCommon02 {
height: 45px;
line-height: 41px;
font-size: 1.0em;
}

.buttonCommon03 {
height: 45px;
line-height: 41px;
font-size: 1.0em;
}

.buttonCommon04 {
font-size: 1.0em;
}

.buttonCommon06 {
height: 35px;
line-height: 33px;
font-size: 1.0em;
}

.buttonCommon09 {
font-size: 1.0em;
}

}

.buttonGreen01 {
background-color: #135B2A;
border: 2px solid #AAD443;
color: #ffffff;
text-align: center;
}

.buttonBlue01 {
background-color: #003296;
color: #ffffff;
text-align: center;
}

.buttonBlue02 {
background-color: #DDE8FF;
text-align: center;
}

.buttonBlue03 {
background-color: #527AAA;
color: #ffffff;
text-align: center;
}

.buttonBlue04 {
background-color: #15305B;
color: #ffffff;
text-align: center;
}

.buttonOrange01 {
background-color: #FF9326;
color: #ffffff;
text-align: center;
}

.buttonYellow01 {
background-color: #EFBC50;
text-align: center;
}

.buttonPink01 {
background-color: #FFAAAA;
text-align: center;
}

.buttonGray01 {
background-color: #BBBBBB;
color: #ffffff;
text-align: center;
}

.buttonGray02 {
background-color: #F6F7F9;
text-align: center;
}

.buttonGray03 {
background-color: #888888;
color: #ffffff;
text-align: center;
}

.buttonWhite01 {
border: 1px solid #BBCBDE;
background-color: #FFF;
}

.buttonInvalid01 {
background-color: #BBBBBB;
color: #ffffff;
cursor: default;
text-align: center;
}

.buttonInvalid01:active {
top: 0;
}

.buttonInvalid02 {
background-color: #FFDDBB;
cursor: default;
text-align: center;
}

.buttonInvalid02:active {
top: 0;
}

.buttonInvalid03 {
background-color: #ECECEC;
cursor: default;
text-align: center;
}

.buttonInvalid03:active {
top: 0;
}

.buttonDisabled01 {
background-color: #DEDEDE;
border-color: #C5C5C5;
color: #ffffff;
cursor: default;
text-align: center;
}

.buttonDisabled02 {
background-color: #999;
border-color: #D9D9D9;
color: #ffffff;
cursor: default;
text-align: center;
}

@media screen and (min-width: 1025px) {

.buttonGreen01:hover {
background-color: #1E8C42;
}

.buttonBlue01:hover {
background-color: #0043CE;
}

.buttonBlue02:hover {
background-color: #F2F7FF;
}

.buttonBlue03:hover {
background-color: #839FC2;
}

.buttonBlue04:hover {
background-color: #2655A4;
}

.buttonOrange01:hover {
background-color: #FFAF60;
}

.buttonYellow01:hover {
background-color: #F4D188;
}

.buttonPink01:hover {
background-color: #FFC1C1;
}

.buttonGray01:hover {
background-color: #D1D1D1;
}

.buttonGray02:hover {
background-color: #EFEFEF;
}

.buttonGray03:hover {
background-color: #BBB;
}

.buttonWhite01:hover {
background-color: #F0F3F9;
}

}

/*--------------------------------------------------------------------
	Textbox
--------------------------------------------------------------------*/

.TextboxBase01 {
box-sizing: border-box;
position: relative;
overflow: hidden;
display: inline-block;
background-color: #ffffff;
background-repeat: no-repeat;
border: 1px solid #D9D9D9;
color: #222;
padding: 15px 15px 15px 50px;
font-size: 1.06em;
cursor: text;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
-webkit-transition: width 0;
-moz-transition: width 0;
transition: width 0;
}

.TextboxCheck01 {
box-sizing: border-box;
position: relative;
overflow: hidden;
display: block;
background-color: #ffffff;
background-repeat: no-repeat;
border: 1px solid #D9D9D9;
color: #222;
padding: 15px 15px 15px 50px;
font-size: 1.06em;
cursor: text;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
-webkit-transition: width 0;
-moz-transition: width 0;
transition: width 0;
}

.TextboxMail01 {
background-color: #ffffff;
background-image: url("../images/common/icon_mail01_off.png");
background-position: center left 14px;
background-repeat: no-repeat;
border: 1px solid #D9D9D9;
}

.TextboxMail01:focus {
background-image: url("../images/common/icon_mail01_on.png");
border: 1px solid #003296;
}

.TextboxMobile01 {
background-color: #ffffff;
background-image: url("../images/common/icon_mobile01_off.png");
background-position: center left 14px;
background-repeat: no-repeat;
border: 1px solid #D9D9D9;
}

.TextboxMobile01:focus {
background-image: url("../images/common/icon_mobile01_on.png");
border: 1px solid #003296;
}

.TextboxPass01 {
background-color: #ffffff;
background-image: url("../images/common/icon_pass01_off.png");
background-position: center left 14px;
background-repeat: no-repeat;
border: 1px solid #D9D9D9;
}

.TextboxPass01:focus {
background-image: url("../images/common/icon_pass01_on.png");
border: 1px solid #003296;
}

.TextboxPass02 {
background-color: #ffffff;
background-image: url("../images/common/icon_pass02_off.png");
background-position: center left 14px;
background-repeat: no-repeat;
border: 1px solid #D9D9D9;
}

.TextboxPass02:focus {
background-image: url("../images/common/icon_pass02_on.png");
border: 1px solid #003296;
}

.TextboxPass03 {
box-sizing: border-box;
position: relative;
overflow: hidden;
display: inline-block;
background-color: #ffffff;
background-repeat: no-repeat;
border: none;
color: #222;
padding: 0;
font-size: 1.06em;
cursor: text;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
-webkit-transition: width 0;
-moz-transition: width 0;
transition: width 0;
}

.TextboxCountry01 {
background-color: #ffffff;
background-image: url("../images/common/icon_country01_off.png");
background-position: center left 12px;
background-repeat: no-repeat;
border: 1px solid #D9D9D9;
}

.TextboxCountry01:focus {
background-image: url("../images/common/icon_country01_on.png");
border: 1px solid #003296;
}

.TextboxAuth01 {
background-color: #ffffff;
background-image: url("../images/common/icon_auth01_off.png");
background-position: center left 14px;
background-repeat: no-repeat;
border: 1px solid #D9D9D9;
}

.TextboxAuth01:focus {
background-image: url("../images/common/icon_auth01_on.png");
border: 1px solid #003296;
}

.TextboxBase02 {
min-height: 45px;
line-height: 41px;
box-sizing: border-box;
position: relative;
overflow: hidden;
display: inline-block;
background-color: #ffffff;
background-repeat: no-repeat;
border: 2px solid #D9D9D9;
color: #222;
padding: 0 10px;
font-size: 1.16em;
cursor: text;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
-webkit-transition: width 0;
-moz-transition: width 0;
transition: width 0;
}

.TextboxBase02:focus {
border: 2px solid #003296;
background-color: #ffffff;
}

.TextboxBase03 {
appearance: none !important;
-webkit-appearance: none !important;
-moz-appearance: none !important;
box-sizing: border-box;
outline: none;
position: relative;
overflow: hidden;
display: inline-block;
background-color: transparent;
border: none;
color: #222;
font-size: 1.06em;
cursor: text;
}

.TextboxBase04 {
box-sizing: border-box;
position: relative;
overflow: hidden;
display: inline-block;
background-color: #ffffff;
background-repeat: no-repeat;
border: 1px solid #D9D9D9;
color: #222;
padding: 15px 15px 15px 15px;
font-size: 1.06em;
cursor: text;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
-webkit-transition: width 0;
-moz-transition: width 0;
transition: width 0;
}

.TextboxBase05 {
height: 45px;
line-height: 41px;
box-sizing: border-box;
position: relative;
overflow: hidden;
display: inline-block;
background-color: #ffffff;
background-repeat: no-repeat;
border: 2px solid #D9D9D9;
color: #222;
padding: 0 10px;
font-size: 1.00em;
cursor: text;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
-webkit-transition: width 0;
-moz-transition: width 0;
transition: width 0;
}

.TextboxBase05:focus {
border: 2px solid #003296;
background-color: #ffffff;
}

.TextboxBase06 {
overflow: hidden;
width: 100%;
height: 41px;
line-height: 39px;
color: #222;
background-color: #ffffff;
border: 1px solid #BBCBDE;
padding: 0 12px;
font-size: 1.0em;
cursor: text;
transition-property: border-color;
transition: 0.1s ease-in;
border-radius: 5px;
vertical-align: bottom;
box-sizing: border-box;
}

@media screen and (max-width: 1024px) {

.TextboxBase01 {
font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif !important;
color: #222;
font-size: 1.0em;
font-weight: normal;
padding: 10px 10px 10px 30px;
}

.TextboxMail01 {
background-position: center left 10px;
background-size: 12px 11px;
}

.TextboxPass01 {
background-position: center left 10px;
background-size: 12px 11px;
}

.TextboxPass02 {
background-position: center left 10px;
background-size: 11px 12px;
}

.TextboxAuth01 {
background-position: center left 10px;
background-size: 12px 11px;
}

.TextboxCountry01 {
background-position: center left 10px;
background-size: 12px 12px;
}

::-webkit-input-placeholder {
font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif !important;
}

.TextboxBase04 {
font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif !important;
color: #222;
font-size: 1.0em;
font-weight: normal;
padding: 5px;
}

}

/*--------------------------------------------------------------------
	Checkbox
--------------------------------------------------------------------*/

.Checkbox01 [type="checkbox"]:checked,
.Checkbox01 [type="checkbox"]:not(:checked) {
position: absolute;
left: -9999px;
}

.Checkbox01 [type="checkbox"]:checked + label,
.Checkbox01 [type="checkbox"]:not(:checked) + label {
position: relative;
padding-left: 26px;
cursor: pointer;
line-height: 20px;
display: inline-block;
}

.Checkbox01 [type="checkbox"]:checked + label:before,
.Checkbox01 [type="checkbox"]:not(:checked) + label:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 16px;
height: 16px;
border: 1px solid #D9D9D9;
background-color: #DDDDDD;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.Checkbox01 [type="checkbox"]:checked + label:after,
.Checkbox01 [type="checkbox"]:not(:checked) + label:after {
position: absolute;
top: -2px;
left: 4px;
display: block;
width: 6px;
height: 12px;
border-right: 4px solid #003296;
border-bottom: 4px solid #003296;
content: '';
opacity: 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}

.Checkbox01 [type="checkbox"]:not(:checked) + label:after {
opacity: 0;
-webkit-transform: rotate(45deg) scale(0);
-ms-transform: rotate(45deg) scale(0);
transform: rotate(45deg) scale(0);
}

.Checkbox01 [type="checkbox"]:checked + label:after {
opacity: 1;
-webkit-transform: rotate(45deg) scale(1);
-ms-transform: rotate(45deg) scale(1);
transform: rotate(45deg) scale(1);
}

.Checkbox02 input {
display: none;
}

.Checkbox02 label {
display: block;
height: 45px;
line-height: 41px;
box-sizing: border-box;
cursor: pointer;
margin: 0;
padding: 0 10px;
font-size: 1.2em;
transition: .2s;
border: 2px solid #D9D9D9;
background-color: #FFF;
}

.Checkbox02 label:hover {
color: #444;
border: 2px solid #003296 !important;
background-color: #ffffff !important;
}

.Checkbox02 label.Invalid02 {
background-color: #FFE8E8;
border: 2px solid #FF9326;
}

.Checkbox02 input[type="checkbox"]:checked + label,.Checkbox02 input[type="checkbox"]:checked + label.Invalid02 {
background-color: #E3F2E3;
border: 2px solid #D9D9D9;
}

.Checkbox02 .CheckFirstOff label {
border-right: none !important;
}

.Checkbox02 .CheckLastOff label {
border-left: none !important;
}

.Checkbox03 {
position: relative;
}

.Checkbox03 [type="checkbox"]:checked,
.Checkbox03 [type="checkbox"]:not(:checked) {
position: absolute;
left: -9999px;
}

.Checkbox03 [type="checkbox"]:checked + label,
.Checkbox03 [type="checkbox"]:not(:checked) + label {
position: relative;
padding-left: 26px;
cursor: pointer;
line-height: 20px;
display: inline-block;
}

.Checkbox03 [type="checkbox"]:checked + label:before,
.Checkbox03 [type="checkbox"]:not(:checked) + label:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 20px;
height: 20px;
border: 2px solid #D9D9D9;
background-color: #DDDDDD;
}

.Checkbox03 [type="checkbox"]:checked + label:before {
border: 2px solid #D9D9D9;
background-color: #E3F2E3;
}

.Checkbox03 [type="checkbox"]:not(:checked) + label:before {
border: 2px solid #D9D9D9;
background-color: #FFF;
}

.Checkbox03.Option02Check [type="checkbox"]:not(:checked) + label:before {
border: 2px solid #FFDAB5;
background-color: #FFFFFF;
}

.Checkbox03.Invalid02Check [type="checkbox"]:not(:checked) + label:before {
border: 2px solid #FF9326;
background-color: #FFE8E8;
}

.Checkbox03 [type="checkbox"]:checked + label:after,
.Checkbox03 [type="checkbox"]:not(:checked) + label:after {
position: absolute;
top: -2px;
left: 5px;
display: block;
width: 8px;
height: 16px;
border-right: 5px solid #003296;
border-bottom: 5px solid #003296;
content: '';
opacity: 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}

.Checkbox03 [type="checkbox"]:not(:checked) + label:after {
opacity: 0;
-webkit-transform: rotate(45deg) scale(0);
-ms-transform: rotate(45deg) scale(0);
transform: rotate(45deg) scale(0);
}

.Checkbox03 [type="checkbox"]:checked + label:after {
opacity: 1;
-webkit-transform: rotate(45deg) scale(1);
-ms-transform: rotate(45deg) scale(1);
transform: rotate(45deg) scale(1);
}

@media screen and (max-width: 1024px) {

.Checkbox02 label{
box-sizing: border-box;
}

}

/*--------------------------------------------------------------------
	Radio
--------------------------------------------------------------------*/

.Radio01 [type="radio"]:checked,
.Radio01 [type="radio"]:not(:checked) {
position: absolute;
left: -9999px;
}

.Radio01 [type="radio"]:checked + label,
.Radio01 [type="radio"]:not(:checked) + label {
position: relative;
padding-left: 26px;
cursor: pointer;
line-height: 20px;
display: inline-block;
}

.Radio01 [type="radio"]:checked + label:before,
.Radio01 [type="radio"]:not(:checked) + label:before {
content: '';
position: absolute;
left: 0;
top: -12px;
width: 18px;
height: 18px;
border: 1px solid #D9D9D9;
background-color: #DDDDDD;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.Radio01 [type="radio"]:checked + label:after,
.Radio01 [type="radio"]:not(:checked) + label:after {
position: absolute;
top: 10px;
left: 4px;
display: block;
margin-top: -18px;
width: 12px;
height: 12px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background-color: #003296;
content: '';
opacity: 0;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}

.Radio01 [type="radio"]:not(:checked) + label:after {
opacity: 0;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
}

.Radio01 [type="radio"]:checked + label:after {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}

.Radio02 input {
display: none;
}

.Radio02 label {
display: block;
height: 45px;
line-height: 41px;
box-sizing: border-box;
float: left;
cursor: pointer;
margin: 0;
padding: 0 10px;
font-size: 1.2em;
text-align: center;
transition: .2s;
border: 2px solid #D9D9D9;
background-color: #FFF;
}

.Radio02 label.InvalidRadio02 {
background-color: #FFE8E8;
border: 2px solid #FF9326;
}

.Radio02 label.ValidRadio02 {
background-color: #E3F2E3;
}

.Radio02 label:last-of-type {
border-left: none;
}

.Radio02 input[type="radio"]:checked + .switch01 {
background-color: #E3F2E3;
}

.Radio03 input {
display: none;
}

.Radio03 label {
display: block;
height: 45px;
line-height: 41px;
box-sizing: border-box;
cursor: pointer;
margin: 0;
padding: 0 10px;
font-size: 1.1em;
transition: .2s;
border: 2px solid #D9D9D9;
background-color: #FFF;
}

/*

.Radio03 label:hover {
border: 2px solid #003296 !important;
background-color: #ffffff !important;
}

*/

.Radio03 label.Invalid02 {
background-color: #FFE8E8;
border: 2px solid #FF9326;
}

.Radio03 input[type="radio"]:checked + label,.Radio03 input[type="radio"]:checked + label.Invalid02 {
background-color: #E3F2E3;
border: 2px solid #D9D9D9;
}

.Radio04 input {
display: none;
}

.Radio04 label {
display: block;
float: left;
cursor: pointer;
width: 100px;
margin: 0;
padding: 7px;
line-height: 1.2em;
text-align: center;
transition: .2s;
border: 1px solid #003296;
}

.Radio04 label:last-of-type {
border-left: none;
}

.Radio04 input[type="radio"]:checked + .switch01 {
background-color: #003296;
color: #fff;
}

.Radio05 input {
display: none;
}

.Radio05 label {
display: block;
height: 25px;
line-height: 25px;
box-sizing: border-box;
cursor: pointer;
margin: 0;
padding: 0 10px;
font-size: 0.9em;
transition: .2s;
background-color: #FFF;
}

.Radio05 label:hover {
background-color: #E9EBEE !important;
color: #222 !important;
}

.Radio05 input[type="radio"]:checked + label {
background-color: #365899;
color: #FFF;
}

.Radio06 [type="radio"]:checked,
.Radio06 [type="radio"]:not(:checked) {
position: absolute;
left: -9999px;
}

.Radio06 [type="radio"]:checked + label,
.Radio06 [type="radio"]:not(:checked) + label {
position: relative;
padding-left: 26px;
cursor: pointer;
line-height: 20px;
display: inline-block;
}

.Radio06 [type="radio"]:checked + label:before,
.Radio06 [type="radio"]:not(:checked) + label:before {
content: '';
position: absolute;
left: 0;
top: -16px;
width: 22px;
height: 22px;
border: 2px solid #D9D9D9;
background-color: #FFF;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
box-sizing: border-box;
}

.Radio06 [type="radio"]:checked + label.styleA:before,
.Radio06 [type="radio"]:not(:checked) + label.styleA:before {
background-color: #D9D9D9;
}

.Radio06 [type="radio"]:not(:checked) + label.InvalidRadio06:before {
background-color: #FFE8E8;
border: 2px solid #FF9326;
}

.Radio06 [type="radio"]:checked + label:after,
.Radio06 [type="radio"]:not(:checked) + label:after {
position: absolute;
top: 9px;
left: 5px;
display: block;
margin-top: -20px;
width: 12px;
height: 12px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
border: 1px solid #D9D9D9;
box-sizing: border-box;
content: '';
opacity: 0;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}

.Radio06 [type="radio"]:checked + label:after {
background-color: #248D49;
}

.Radio06 [type="radio"]:checked + label.Option01:after {
background-color: #003296;
}

.Radio06 [type="radio"]:checked + label.Enable01:after {
background-color: #438372;
}

.Radio06 [type="radio"]:checked + label.Disable01:after {
background-color: #D90101;
}

.Radio06 [type="radio"]:not(:checked) + label:after {
background-color: #FFF;
}

.Radio06 [type="radio"]:not(:checked) + label:after {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}

.Radio06 [type="radio"]:checked + label:after {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}

.Radio07 input {
display: none;
}

.Radio07 label {
display: block;
float: left;
cursor: pointer;
margin: 0;
height: 30px;
line-height: 28px;
padding: 0 7px;
text-align: center;
transition: .2s;
background-color: #EEEEEE;
border: 1px solid #003296;
box-sizing: border-box;
}

.Radio07 input[type="radio"]:checked + .switch01 {
background-color: #003296;
color: #fff;
}

.Radio07.typeA label:first-of-type {
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}

.Radio07.typeA label:last-of-type {
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-left: none;
}

.Radio07.typeA  label:last-of-type {
border-top: 1px solid #003296;
}

.Radio08 {
position: relative;
}

.Radio08 [type="radio"]:checked,
.Radio08 [type="radio"]:not(:checked) {
position: absolute;
left: -9999px;
}

.Radio08 [type="radio"]:checked + label,
.Radio08 [type="radio"]:not(:checked) + label {
position: relative;
padding-left: 26px;
cursor: pointer;
line-height: 20px;
display: inline-block;
}

.Radio08 [type="radio"]:checked + label:before,
.Radio08 [type="radio"]:not(:checked) + label:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 20px;
height: 20px;
border: 2px solid #D9D9D9;
background-color: #DDDDDD;
}

.Radio08 [type="radio"]:checked + label:before {
border: 2px solid #D9D9D9;
background-color: #E3F2E3;
}

.Radio08 [type="radio"]:not(:checked) + label:before {
border: 2px solid #D9D9D9;
background-color: #FFF;
}

.Radio08 [type="radio"]:checked + label:after,
.Radio08 [type="radio"]:not(:checked) + label:after {
position: absolute;
top: -2px;
left: 5px;
display: block;
width: 8px;
height: 16px;
border-right: 5px solid #003296;
border-bottom: 5px solid #003296;
content: '';
opacity: 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}

.Radio08 [type="radio"]:not(:checked) + label:after {
opacity: 0;
-webkit-transform: rotate(45deg) scale(0);
-ms-transform: rotate(45deg) scale(0);
transform: rotate(45deg) scale(0);
}

.Radio08 [type="radio"]:checked + label:after {
opacity: 1;
-webkit-transform: rotate(45deg) scale(1);
-ms-transform: rotate(45deg) scale(1);
transform: rotate(45deg) scale(1);
}

@media screen and (min-width: 1025px) {

.Radio02 label:hover {
opacity: 0.7;
}

.Radio03 label:hover {
opacity: 0.7;
}

}

@media screen and (max-width: 1024px) {

.Radio02 label {
width: 50%;
box-sizing: border-box;
}

.Radio02.styleA label:last-of-type {
border-left: 2px solid #D9D9D9;
border-top: none;
}

.Radio02.styleA label:last-of-type.InvalidRadio02 {
border-left: 2px solid #FF9326;
}

.Radio04 label{
width: 50%;
box-sizing: border-box;
}

}

@media screen and (min-width: 768px) {

.Radio07 label:first-of-type {
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}

.Radio07 label:last-of-type {
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border-left: none;
}

}

@media screen and (max-width: 767px) {

.Radio02.styleB label {
width: 100%;
box-sizing: border-box;
}

.Radio02.styleB label:last-of-type {
border-left: 2px solid #D9D9D9;
border-top: none;
}

.Radio02.styleB label:last-of-type.InvalidRadio02 {
border-left: 2px solid #FF9326;
}

.Radio07 label:first-of-type {
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}

.Radio07 label:last-of-type {
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}

.Radio07 label:last-of-type {
border-top: none;
}

}

/*--------------------------------------------------------------------
	File
--------------------------------------------------------------------*/

.SecurityBox .File,
.SecurityBox02 .File {
display: inline-block;
overflow: hidden;
position: relative;
text-align: center;
font-size: 1.0em;
padding-top: 10px;
color: #003296;
}

#Menu .File {
display: inline-block;
overflow: hidden;
position: relative;
text-align: center;
font-size: 0.8em;
padding-top: 10px;
color: #003296;
}

.File01 .File {
height: 45px;
line-height: 41px;
box-sizing: border-box;
position: relative;
overflow: hidden;
display: inline-block;
background-color: #ffffff;
background-repeat: no-repeat;
border: 2px solid #D9D9D9;
color: #222;
padding: 0 10px;
font-size: 1.16em;
cursor: text;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
-webkit-transition: width 0;
-moz-transition: width 0;
transition: width 0;
}

.File01 .File:hover {
border: 2px solid #003296 !important;
background-color: #ffffff !important;
}

.File01 .File.Invalid02 {
background-color: #FFE8E8;
border: 2px solid #FF9326;
}

.File01 .File.Valid02 {
background-color: #E3F2E3;
border: 2px solid #D9D9D9;
}

.File input[type="file"] {
opacity: 0;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
position: absolute;
right: 0;
top: 0;
margin: 0;
font-size: 100px;
cursor: pointer;
}

/*--------------------------------------------------------------------
	Select
--------------------------------------------------------------------*/

select::-ms-expand {
display: none;
}

.SelectBase01 {
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif !important;
color: #222;
padding: 15px 15px 15px 50px;
font-size: 1.06em;
width: 100%;
box-sizing: border-box;
outline: none;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
-webkit-transition: width 0;
-moz-transition: width 0;
transition: width 0;
position: relative;
cursor: pointer;
}

.SelectCountry01 {
border: 1px solid #D9D9D9;
background-image: url("../images/common/icon_country01_off.png"),url("../images/common/icon_select01_off.png");
background-position: center left 12px, center right 10px;
background-size: 20px 20px, 16px 10px;
background-repeat: no-repeat, no-repeat;
}

.SelectCountry01:focus {
border: 1px solid #003296;
background-image: url("../images/common/icon_country01_on.png"),url("../images/common/icon_select01_on.png");
background-position: center left 12px, center right 10px;
background-size: 20px 20px, 16px 10px;
background-repeat: no-repeat, no-repeat;
}

.SelectBase02 {
-webkit-appearance:none;
-moz-appearance:none;
appearance: none;
height: 45px;
line-height: 45px;
font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif !important;
color: #222;
padding: 0 10px;
font-size: 1.16em;
box-sizing: border-box;
padding-right: 30px;
outline: none;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
-webkit-transition: width 0;
-moz-transition: width 0;
transition: width 0;
position: relative;
cursor: pointer;
border: 2px solid #D9D9D9;
background-color: #FFF;
background-image: url("../images/common/icon_select01_off.png");
background-position: center right 10px;
background-size: 16px 10px;
background-repeat: no-repeat;
}

.SelectBase02:focus {
border: 2px solid #003296;
background-color: #FFF;
background-image: url("../images/common/icon_select01_on.png");
background-position: center right 10px;
background-size: 16px 10px;
background-repeat: no-repeat;
}

.SelectBase03 {
-webkit-appearance:none;
-moz-appearance:none;
appearance: none;
height: 35px;
line-height: 35px;
font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif !important;
color: #222;
padding: 0 10px;
font-size: 1em;
box-sizing: border-box;
padding-right: 30px;
outline: none;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
-webkit-transition: width 0;
-moz-transition: width 0;
transition: width 0;
position: relative;
cursor: pointer;
border: 1px solid #D9D9D9;
background-color: #FFF;
background-image: url("../images/common/icon_select01_off.png");
background-position: center right 10px;
background-size: 16px 10px;
background-repeat: no-repeat;
}

.SelectBase03:focus {
border: 1px solid #003296;
background-color: #FFF;
background-image: url("../images/common/icon_select01_on.png");
background-position: center right 10px;
background-size: 16px 10px;
background-repeat: no-repeat;
}


@media screen and (max-width: 1024px) {

.SelectBase01 {
font-size: 1.0em;
padding: 10px 10px 10px 30px;
}

.SelectCountry01 {
background-position: center left 10px, center right 8px;
background-size: 12px 12px, 12px 8px;
}

.SelectCountry01:focus {
background-position: center left 10px, center right 8px;
background-size: 12px 12px, 12px 8px;
}

.SelectBase02 {
background-position: center right 8px;
background-size: 12px 8px;
}

.SelectBase02:focus {
background-position: center right 8px;
background-size: 12px 8px;
}

}

/*--------------------------------------------------------------------
	ul
--------------------------------------------------------------------*/

.Ul01 > li {
padding-left: 1em;
text-indent: -1em;
}

.Ul02 > li {
padding-left: 1em;
position: relative;
}

.Ul02 > li:before {
content: "・";
position: absolute;
left: 0;
}

/*--------------------------------------------------------------------
	login
--------------------------------------------------------------------*/

#LoginBg {
background-image: url("../images/common/bg_visual.jpg");
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
}

#LoginContainer {
width: 100%;
font-size: 0.86em;
line-height: 1.4em;
position: relative;
min-height: 100%;
}

.LoginContainerInner {
padding-bottom: 70px;
}

.LoginHeader {
height: 180px;
position: relative;
}

.LoginHeader a         {text-decoration: none; color: #222; }
.LoginHeader a:link    {text-decoration: none; color: #222; }
.LoginHeader a:visited {text-decoration: none; color: #222; }
.LoginHeader a:hover   {text-decoration: underline; color: #222; }
.LoginHeader a:active  {text-decoration: underline; color: #222; }

.LoginHeaderInner {
width: 1100px;
height: 230px;
margin: 0 auto;
position: relative;
}

.LoginLogo {
position: absolute;
top: 140px;
left: 50px;
}

.LoginLanguage {
position: absolute;
top: 144px;
left: 290px;
}

.LoginAlert {
height: 50px;
position: relative;
padding: 5px;
box-sizing: border-box;
}

.LoginAlertBox {
width: 1100px;
height: 40px;
line-height: 40px;
background-color: #FFD9D9;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
box-sizing: border-box;
border: 1px solid #D9D9D9;
text-align: center;
margin: 0 auto;
}

.LoginAlertBox02 {
padding: 10px 15px;
background-color: #FFD9D9;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
box-sizing: border-box;
border: 1px solid #D9D9D9;
text-align: center;
margin: 0 auto;
}

.LoginCompBox {
width: 1100px;
height: 40px;
line-height: 40px;
background-color: #E1FFE9;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
box-sizing: border-box;
border: 1px solid #D9D9D9;
text-align: center;
margin: 0 auto;
}

.LoginWrapper {
width: 100%;
height: 100%;
box-sizing: border-box;
padding: 125px 0;
position: relative;
background-color: #DFE8F2;
}

.LoginBox {
width: 420px;
box-sizing: border-box;
padding: 40px 20px 30px;
margin: 0 auto;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
background-color: rgba( 255, 255, 255, 0.9);
border: 1px solid #D9D9D9;
}

.LoginBox.BoxMerchant {
padding: 20px;
}

.LoginTitle {
text-align: center;
font-size: 2.4em;
color: #003296;
}

.LoginTitle02 {
text-align: center;
font-size: 1.6em;
color: #003296;
}

.LoginFooter {
background-color: rgba( 0, 0, 0, 0.55 );
position: absolute;
bottom: 0;
color: #FFF;
padding: 12px;
box-sizing: border-box;
font-size: 0.9em;
width: 100%;
}

.LoginFooterInner {
width: 1100px;
margin: 0 auto;
}

.LoginFooter a         {text-decoration: none; color: #FFF; }
.LoginFooter a:link    {text-decoration: none; color: #FFF; }
.LoginFooter a:visited {text-decoration: none; color: #FFF; }
.LoginFooter a:hover   {text-decoration: underline; color: #FFF; }
.LoginFooter a:active  {text-decoration: underline; color: #FFF; }


@media screen and (max-width: 1024px) {

#LoginBg {
background-image: none;
}

#LoginContainer {
background-image: url("../images/common/bg_visual.jpg");
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
min-height: auto;
}

.LoginContainerInner {
padding-bottom: 0;
}

.LoginHeader {
height: 40px;
position: relative;
}

.LoginHeaderInner {
width: auto;
margin: 0 auto;
position: relative;
}

.LoginLogo {
position: absolute;
top: 20px;
left: 10px;
}

.LoginLogo img {
width: 130px;
/*height: 19px;*/
}

.LoginLanguage {
position: absolute;
top: 20px;
left: auto;
right: 15px;
}

.LoginAlert {
height: auto;
padding: 10px 5px 5px;
}

.LoginAlertBox,.LoginAlertBox02,.LoginCompBox {
width: auto;
height: auto;
padding: 10px;
font-size: 0.9em;
line-height: 1.3em;
}

.LoginWrapper {
padding: 15px 0;
}

.LoginBox {
width: auto;
padding: 20px 10px 10px;
margin: 0 15px;
}

.LoginBox.BoxMerchant {
padding: 10px;
margin: 0;
}

.LoginTitle {
font-size: 1.5em;
}

.LoginTitle02 {
font-size: 1.2em;
}

.LoginSub01 {
font-size: 0.9em;
}

.LoginSub01 > p:last-child {
padding-top: 5px;
}

.LoginSub01 a {
display: block;
padding: 5px;
border: 1px solid #003296;
background-color: #FFF;
text-align: center;
}

.LoginFooter {
position: relative;
bottom: auto;
padding: 8px;
margin-top: 20px;
}

.LoginFooterInner {
width: auto;
margin: 0;
}

}

@media screen and (max-width: 1024px) and (min-width: 768px)  {

.LoginBox {
width: 420px;
padding: 20px;
margin: 0 auto;
}

.LoginBox.BoxMerchant {
padding: 20px;
margin: 0 auto;
}

}


/*--------------------------------------------------------------------
	outho
--------------------------------------------------------------------*/

#OuthoBg {
background-image: url("../images/common/bg_common02.png");
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
}

#OuthoContainer {
width: 100%;
font-size: 0.86em;
line-height: 1.4em;
position: relative;
min-height: 100%;
}

.OuthoContainerInner {
padding-bottom: 70px;
}

.OuthoHeader {
height: 180px;
position: relative;
}

.OuthoHeader a         {text-decoration: none; color: #222; }
.OuthoHeader a:link    {text-decoration: none; color: #222; }
.OuthoHeader a:visited {text-decoration: none; color: #222; }
.OuthoHeader a:hover   {text-decoration: underline; color: #222; }
.OuthoHeader a:active  {text-decoration: underline; color: #222; }

.OuthoHeaderInner {
width: 420px;
height: 230px;
margin: 0 auto;
position: relative;
}

.OuthoLogo {
position: absolute;
top: 140px;
left: 30px;
}

.OuthoLogoBroker {
text-align: center;
}

.OuthoLanguage {
position: absolute;
top: 144px;
right: 20px;
}

.OuthoAlert {
width: 420px;
height: 50px;
margin: 10px auto 0;
position: relative;
padding: 5px;
box-sizing: border-box;
}

.OuthoWrapper {
box-sizing: border-box;
padding: 15px 0 25px;
position: relative;
}

.OuthoBox {
width: 420px;
box-sizing: border-box;
padding: 40px 20px 30px;
margin: 0 auto;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
background-color: rgba( 255, 255, 255, 0.9);
border: 1px solid #D9D9D9;
}

.OuthoTitle {
text-align: center;
font-size: 2.4em;
color: #003296;
}

.OuthoFooter {
text-align: center;
margin-top: 20px;
padding-bottom: 20px;
font-size: 0.9em;
}

.OuthoFooterMenu {
display: table;
margin: 0 auto 20px;
}

.OuthoFooterMenu li {
display: table-cell;
padding: 0 10px;
position: relative;
border: none;
}

.OuthoFooterMenu li:before {
content:"│";
position: absolute;
right: 5px;
width: 1px;
height: 30px;
color: #222;
}

.OuthoFooterMenu li:last-child:before {
content:"";
}

.OuthoFooterCopyright {
font-size: 1.0em;
}

@media screen and (max-width: 1024px) {

#OuthoContainer {
min-height: auto;
}

.OuthoContainerInner {
padding-bottom: 0;
}

.OuthoHeader {
height: 40px;
position: relative;
}

.OuthoHeaderInner {
width: auto;
margin: 0 auto;
position: relative;
}

.OuthoLogo {
position: absolute;
top: 20px;
left: 10px;
}

.OuthoLogo img {
width: 130px;
height: 19px;
}

.OuthoLogoBrokerDFX {
width: 150px;
}

.OuthoLanguage {
position: absolute;
top: 20px;
left: auto;
right: 15px;
}

.OuthoAlert {
width: auto;
padding: 10px 15px 5px;
}

.OuthoWrapper {
padding: 15px 0;
}

.OuthoBox {
width: auto;
padding: 20px 10px 10px;
margin: 0 15px;
}

.OuthoTitle {
font-size: 1.5em;
}

.OuthoSub01 {
font-size: 0.9em;
}

.OuthoSub01 > p:last-child {
padding-top: 5px;
}

.OuthoSub01 a,
.OuthoFooterMenu li a {
display: block;
padding: 5px;
border: 1px solid #003296;
background-color: #FFF;
text-align: center;
}

.OuthoFooterMenu {
display: block;
padding: 0 20px;
}

.OuthoFooterMenu li {
display: block;
padding: 0;
position: relative;
margin-bottom: 5px;
}

.OuthoFooterMenu li:last-child{
margin-bottom: 0;
}

.OuthoFooterMenu li:before {
content:"";
}

.OuthoFooterCopyright {
font-size: 1.0em;
}

.OuthoFooterCopyright {
font-size: 0.86em;
}

}

@media screen and (max-width: 1024px) and (min-width: 768px)  {

.OuthoAlert {
width: 420px;
padding: 5px;
}

.OuthoBox {
width: 420px;
padding: 20px;
margin: 0 auto;
}

}

/*--------------------------------------------------------------------
	History
--------------------------------------------------------------------*/

.HistoryItem01 {
overflow-: hidden;
max-height: 500px;
transition-property: all;
transition-duration: .5s;
transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}

.HistoryItem01.Closed {
max-height: 0;
padding: 0;
border: 0;
}

.HistoryItemWrap {
width: 792px;
height: 600px;
overflow-y: auto;
}

.MainHistoryWrap ::-webkit-scrollbar { width: 12px; }
.MainHistoryWrap ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); -webkit-border-radius: 10px; border-radius: 10px; }
.MainHistoryWrap ::-webkit-scrollbar-thumb { -webkit-border-radius: 10px; border-radius: 10px; background: rgba(0,50,150,0.8); -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); }
.MainHistoryWrap ::-webkit-scrollbar-thumb:window-inactive { background: rgba(0,50,150,0.4); }

@media screen and (max-width: 1024px) {

.HistoryItemWrap {
width: auto;
height: auto;
overflow-y: auto;
}

}

/*--------------------------------------------------------------------
	Crypto
--------------------------------------------------------------------*/

.CryptoWrap {
width: 100%;
box-sizing: border-box;
}

.CryptoWrapThead,
.CryptoWrapTbody {
border: 1px solid #D9D9D9;
background-color: #FFF;
width: 100%;
box-sizing: border-box;
}

.CryptoWrapThead > li:nth-child(2) { background-color: #FF9326; color: #FFF; }

.CryptoWrapTmemo {
background-color: #F7FAFF;
box-sizing: border-box;
padding: 8px 10px;
border-left: 1px solid #D9D9D9;
border-right: 1px solid #D9D9D9;
border-bottom: 1px solid #D9D9D9;
word-break: break-all;
display: none;
}

.CryptoImg01 { height: 19px; }
.CryptoImg02 { height: 24px; }

.cryptoAccordion {
position: relative;
cursor: pointer;
padding-right: 20px;
}

.cryptoAccordion:after {
display: block;
content: "";
width: 5px;
height: 5px;
position: absolute;
top: 50%;
right: 0;
margin-top: -6px;
border-top: solid 3px #919191;
border-right: solid 3px #919191;
}

.cryptoAccordion.OpenToggle:after {
transform: rotate(135deg);
-webkit-transform: rotate(135deg);
-webkit-transition: 0.2s ease-in-out;
}

.cryptoAccordion.CloseToggle:after {
margin-top: -4px;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}

@media screen and (min-width: 1025px) {

.CryptoWrapThead,
.CryptoWrapTbody {
display: table;
}

.CryptoWrapThead > li,
.CryptoWrapTbody > li {
padding: 10px 20px;
display: table-cell;
border-right: 1px solid #D9D9D9;
}

.CryptoWrapThead > li {
text-align: center;
}

.CryptoWrapThead > li:last-child,
.CryptoWrapTbody > li:last-child {
border-right: none;
}

.CryptoWrapTbody {
border-top: none;
}

.CryptoWrapThead > li:nth-child(1) { width: 55%; }
.CryptoWrapThead > li:nth-child(2) { width: 45%; }

.CryptoWrapTbody > li:nth-child(1) { width: 55%; }
.CryptoWrapTbody > li:nth-child(2) { width: 45%; text-align: right; }

.CryptoWrapTmemo {
text-align: right;
}

}

@media screen and (max-width: 1024px) {

.CryptoWrap {
border: 1px solid #D9D9D9;
padding: 7px;
}

.CryptoWrapThead > li,
.CryptoWrapTbody > li {
padding: 10px;
text-align: center;
}

.CryptoWrapThead > li:nth-child(1) { display: none; }
.CryptoWrapThead > li:nth-child(2) { width: auto; }

.CryptoWrapTbody {
margin-top: 7px;
}

.CryptoWrapTbody > li:nth-child(1) { border-bottom: 1px solid #D9D9D9; }

.CryptoWrapTmemo {
text-align: center;
}

}

/*--------------------------------------------------------------------
	Merchant
--------------------------------------------------------------------*/

.MerchantCardList li {
	padding: 0 5px;
}

.MerchantBox01 {
	padding: 10px;
	background-color: #FFF2E6;
}

.MerchantBoxTerms01 {
	width: 100%;
	height: 350px;
	overflow-y: auto;
	box-sizing: border-box;
	border: 1px solid #D9D9D9;
	padding: 10px;
}

.MerchantBoxTerms01 li {
	margin-top: 20px;
}

/*--------------------------------------------------------------------
	Animation
--------------------------------------------------------------------*/

.FadeIn01 {
animation: fadeIn 1s ease 0s 1 normal;
-webkit-animation: fadeIn 1s ease 0s 1 normal;
}

@keyframes fadeIn {
0% {opacity: 0}
100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
0% {opacity: 0}
100% {opacity: 1}
}

.Invalid01 {
background-color: #FFD9D9 ;
}

.Disabled01 {
background-color: #EEEEEE;
}

.Invalid02 {
background-color: #FFE8E8;
border: 2px solid #FF9326;
}

.Valid02 {
background-color: #E3F2E3;
border: 2px solid #D9D9D9;
}

.Disabled02 {
background-color: #EEEEEE !important;
border: 2px solid #D9D9D9;
pointer-events: none;
}

.Option02 {
background-color: #FFFFFF;
border: 2px solid #FFDAB5;
}

.InputLink02 {
background-color: #FF9326 !important;
color: #FFF;
border: 2px solid #D9D9D9;
}

.Invalid03 {
background-color: #FF5B5B;
color: #FFF;
}

.Valid03 {
background-color: #008C46;
color: #FFF;
}

.Check03 {
background-color: #003296;
color: #FFF;
}

.SendInfo04 {
background-color: #FF9326;
color: #FFF;
}

.SendInfo05 {
background-color: #003296;
color: #FFF;
}

.SecurityBar {
width: auto;
height: 8px;
background-color: #BBBBBB;
}

[class*=SecurityPercent] {
height: 8px;
background: #003296;
-webkit-animation: anime1 1s 1 ease;
-moz-animation: anime1 1s 1 ease;
animation: anime1 1s 1 ease;
@include animation( anime1 1s 1 ease);
}

@-webkit-keyframes anime1 {
0% {width: 0px;}
}

@-moz-keyframes anime1 {
0% {width: 0px;}
}

@keyframes anime1 {
0% {width: 0px;}
}

/*--------------------------------------------------------------------
	Fukidashi
--------------------------------------------------------------------*/

.Fukidashi {
display: none;
position: absolute;
top: 2.5em;
left: 1.0em;
z-index: 1000;
text-align: left;
}

.Fukidashi.styleA {
top: auto;
bottom: 2.5em;
}

.FukidashiWrap:hover {
position: relative;
text-decoration: none;
}

.FukidashiWrap:hover .Fukidashi {
display: block;
padding: 10px;
border-radius: 5px;
background-color: #003296;
font-size: 0.9em;
color: #FFF;
}

.FukidashiWrap:hover .Fukidashi:after {
position: absolute;
content: " ";
height: 0;
width: 0;
bottom: 100%;
left: 5%;
border-bottom: 10px solid #003296;
border-right: 10px solid transparent;
}

.FukidashiWrap:hover .Fukidashi.styleA:after {
top: 100%;
bottom: auto;
border-bottom: 10px solid transparent;
border-top: 10px solid #003296;
border-right: 10px solid transparent;
}

/*--------------------------------------------------------------------
	Calender
--------------------------------------------------------------------*/

.Calender {
position: relative;
cursor: pointer;
}

.SubCalender {
position: absolute;
display: none;
text-align: left;
z-index: 1000000;
color: #222;
margin-top: 15px;
right: -50px;
}

.CalenderBox {
width: 660px;
border: 1px solid #D9D9D9;
-webkit-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.15);
-moz-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.15);
box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.15);
background-color: #FFF;
}

.CalenderBoxInner {
width: 100%;
display: table;
border-bottom: 1px solid #D9D9D9;
}

.CalenderBoxInner > div {
display: table-cell;
vertical-align: top;
}

.CalenderBoxInner .TermList {
width: 150px;
padding: 10px 0;
border-right: 1px solid #D9D9D9;
}

.CalenderBoxInner .CalenderList {
width: auto;
padding: 10px;
font-size: 0.9em;
}

.CalenderListMonth {
position: relative;
}

.CalenderListMonthBtn {
position: absolute;
cursor: pointer;
font-size: 1.4em;
}

.CalenderListMonthBtnLeft {
left: 10px;
top: 0;
}

.CalenderListMonthBtnRight {
right: 10px;
top: 0;
}

.CalenderListTable01 {
width: 100%;
}

.CalenderListTable01 td {
width: auto;
padding: 4px 0;
text-align: center;
}

.CalenderListTable01 td span {
display: block;
cursor: pointer;
padding: 6px 0;
line-height: 1.0em;
}

.CalenderListTable01 thead td {
border-bottom: 1px solid #D9D9D9;
font-size: 0.9em;
color: #999;
}

.CalenderListTable01 td span.TermPoint {
background-color: #4080FF;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #FFF;
}

.CalenderListTable01 td span.TermOn {
background-color: #E9EBEE;
}

.CalenderListTable01 td span.TermOnStart {
background-color: #E9EBEE;
-webkit-border-top-left-radius: 3px;
-moz-border-radius-topleft: 3px;
border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-left-radius: 3px;
}

.CalenderListTable01 td span.TermOnEnd {
background-color: #E9EBEE;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topright: 3px;
border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-bottomright: 3px;
border-bottom-right-radius: 3px;
}

.CalenderBoxBottom {
padding: 10px;
font-size: 0.9em;
}

.CalenderBoxDate {
height: 35px;
line-height: 35px;
color: #222;
padding: 0 10px;
box-sizing: border-box;
border: 1px solid #D9D9D9;
}

.CalenderBoxDateBtn {
height: 37px;
line-height: 34px;
box-sizing: border-box;
text-align: center;
border-top: 1px solid #D9D9D9;
border-bottom: 1px solid #D9D9D9;
border-right: 1px solid #D9D9D9;
}

@media screen and (max-width: 1024px) {

.CalenderBox {
display: none;
}

}

/*--------------------------------------------------------------------
	Colorbox
--------------------------------------------------------------------*/

.ShadowboxWrapInner { overflow-y: hidden !important; }

.ShawdowHidden {
display: none;
}

.ShadowboxWrap {
height: 100%;
border: 1px solid #D9D9D9;
background-color: #EBEBEB;
overflow: hidden;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}

.ShadowboxWrap.styleA {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}

.ShadowboxWrapLoading {
height: 100%;
overflow: hidden;
}

.ShadowboxWrap select::-ms-expand {
display:none;
}

.ShadowboxWrapContainer {
position: relative;
}

.ShadowboxWrapInner {
position: relative;
}

.ShadowboxWrapContent {
padding: 35px 20px 20px;
font-size: 0.86em;
line-height: 1.4em;
position: relative;
}

.ShadowboxWrapContent02 {
font-size: 0.86em;
line-height: 1.4em;
position: relative;
}

.ShadowboxClose {
position: absolute;
top: 6px;
right: 7px;
cursor: pointer;
}

.ShadowboxTitle {
text-align: center;
font-size: 2.0em;
line-height: 1.4em;
color: #003296;
}

.ShadowboxWrapAccountFirst {
height: 100%;
border: 1px solid #D9D9D9;
background-color: #FFFFFF;
overflow: hidden;
}

.ShadowboxWrapAccountFirst select::-ms-expand {
display:none;
}

.ShadowboxWrapContainerAccountFirst {
position: relative;
padding: 2px;
}

.ShadowboxWrapInnerAccountFirst {
position: relative;
border: 1px solid #003296;
}

.ShadowboxWrapContentAccountFirst {
font-size: 0.96em;
line-height: 1.4em;
position: relative;
min-height: 242px;
box-sizing: border-box;
padding: 30px 0 0 345px;
background-image: url("../images/common/bg_account_welcome.png");
background-position: left top;
background-repeat: no-repeat;
}

.ShadowboxTitleAccountFirst {
font-size: 2.0em;
color: #003296;
}

@media screen and (max-width: 1024px) {

.ShadowboxWrapContent {
padding: 25px 10px 10px;
font-size: 0.86em;
line-height: 1.4em;
position: relative;
}

.ShadowboxClose img {
width: 15px;
}

.ShadowboxTitle {
text-align: center;
font-size: 1.2em;
line-height: 1.2em;
color: #003296;
}

.ShadowboxWrapContentAccountFirst {
font-size: 0.86em;
line-height: 1.4em;
position: relative;
min-height: 0;
box-sizing: border-box;
padding: 15px 10px 10px;
background-image: none;
}

.ShadowboxTitleAccountFirst {
font-size: 1.7em;
color: #003296;
}

}

/*--------------------------------------------------------------------
	Menu
--------------------------------------------------------------------*/

#Menu {
font-size: 0.9em;
}

#Menu a         {text-decoration: none; color: #000; }
#Menu a:link    {text-decoration: none; color: #000; }
#Menu a:visited {text-decoration: none; color: #000; }
#Menu a:hover   {text-decoration: none; color: #000; }
#Menu a:active  {text-decoration: none; color: #000; }


#Menu .MenuHeader {
height: 40px;
box-sizing: border-box;
border-bottom: 2px solid #003296;
}

#Menu .MenuHeader a         {text-decoration: none; color: #003296; }
#Menu .MenuHeader a:link    {text-decoration: none; color: #003296; }
#Menu .MenuHeader a:visited {text-decoration: none; color: #003296; }
#Menu .MenuHeader a:hover   {text-decoration: none; color: #003296; }
#Menu .MenuHeader a:active  {text-decoration: none; color: #003296; }

#Menu .MenuHeader .MenuTitle {
box-sizing: border-box;
width: auto;
height: 40px;
line-height: 40px;
text-align: center;
background: #003296;
color: #FFF;
}

#Menu .MenuHeader .Home {
box-sizing: border-box;
height: 40px;
vertical-align: middle;
text-align: center;
border-right: 1px solid #DDD;
font-size: 1.4em;
}

#Menu .MenuHeader .Close {
box-sizing: border-box;
height: 40px;
vertical-align: middle;
text-align: center;
border-left: 1px solid #DDD;
font-size: 1.4em;
}

#Menu .MenuHeader span.Home a,#Menu .MenuHeader span.Close a {
display: block;
width: 40px;
height: 40px;
}

#Menu .MenuLanguage {
padding: 10px;
}

.MenuProfile {
border: 1px solid #D9D9D9;
margin: 0 10px 10px;
padding: 7px;
}

.MenuProfileName {
word-break: break-all;
color: #003296;
font-weight: bold;
padding-top: 3px;
}

.MenuLogout {
height: 40px;
}

.MenuAccountTitle {
padding: 0 10px;
height: 40px;
line-height: 40px;
box-sizing: border-box;
text-align: center;
color: #FFF;
background-color: #FF9326;
}

.MenuAccount {
list-style: none;
padding: 0 5px;
font-size: 0.86em;
}

.MenuAccount > div {
height: 45px;
padding: 0 10px;
box-sizing: border-box;
background-color: #FFF;
border: 1px solid #D9D9D9;
margin-top: 5px;
}

.MenuAccount > div .DispTable {
width: 100%;
height: 43px;
}

.MenuAccount > div .DispTable p {
width: 100%;
height: 43px;
vertical-align: middle;
}

.MenuAccount > div .DispTable p:first-child {
width: 90px;
}

.MenuAccount > div .DispTable p:last-child {
width: auto;
padding-left: 10px;
font-weight: bold;
}

.MenuAccount.styleA > div .DispTable p:last-child {
text-align: right;
font-weight: normal;
}

.MenuClientTitle {
padding: 0 10px;
height: 40px;
line-height: 38px;
box-sizing: border-box;
text-align: center;
color: #FFF;
background-color: #003296;
}

.MenuClient {
padding: 0 5px 5px;
font-size: 0.96em;
}

.MenuClient.styleA {
font-size: 0.90em;
}

.MenuClient.styleB {
padding: 0;
font-size: 1.0em;
}

.MenuClient a         {text-decoration: none; color: #222; }
.MenuClient a:link    {text-decoration: none; color: #222; }
.MenuClient a:visited {text-decoration: none; color: #222; }
.MenuClient a:hover   {text-decoration: none; color: #222; }
.MenuClient a:active  {text-decoration: none; color: #222; }

.MenuClient > div {
background-color: #FFF;
margin-top: 5px;
}

.MenuClient > div > a,
.MenuClient > div > .SideSlideTrigger {
height: 45px;
box-sizing: border-box;
border: 1px solid #D9D9D9;
padding: 0 10px;
display: block;
background-color: #ECECEC;
}

.MenuClient > div.childA a,
.MenuClient > div.childA .SideSlideTrigger {
background-color: #F8F8F8;
padding: 0 10px 0 20px;
}

.MenuClient > div.Current > a,
.MenuClient > div.Current > .SideSlideTrigger {
background-color: #DDE8FF;
}

.MenuClient > div .DispTable {
width: 100%;
height: 43px;
}

.MenuClient > div .DispTable p {
height: 43px;
vertical-align: middle;
}

.MenuClient > div .DispTable p:first-child {
width: 24px;
text-align: center;
}

.MenuClient.styleA > div .DispTable p:first-child {
width: 44px;
}

.MenuClient.styleB > div.childA .DispTable p:first-child {
width: 24px;
}

.MenuClient > div .DispTable p:last-child {
width: auto;
padding-left: 20px;
text-align: left;
}

.MenuClient.styleA > div .DispTable p:last-child {
padding-left: 15px;
}

.MenuClient .SideSlideContents {
display: none;
}

.MenuHelpTitle {
padding: 0 10px;
height: 40px;
line-height: 38px;
box-sizing: border-box;
text-align: center;
color: #FFF;
background-color: #999;
}

.MenuHelp {
padding: 0 5px 5px;
font-size: 0.96em;
}

.MenuHelp.styleA {
font-size: 0.9em;
}

.MenuHelp a         {text-decoration: none; color: #222; }
.MenuHelp a:link    {text-decoration: none; color: #222; }
.MenuHelp a:visited {text-decoration: none; color: #222; }
.MenuHelp a:hover   {text-decoration: none; color: #222; }
.MenuHelp a:active  {text-decoration: none; color: #222; }

.MenuHelp > div {
height: 40px;
box-sizing: border-box;
background-color: #FFF;
border: 1px solid #D9D9D9;
margin-top: 5px;
}

.MenuHelp > div a {
height: 38px;
padding: 0 10px;
display: block;
background-color: #EFEFEF;
}

.MenuHelp > div .DispTable {
width: 100%;
height: 38px;
}

.MenuHelp > div .DispTable p {
height: 38px;
vertical-align: middle;
}

.MenuHelp > div .DispTable p:first-child {
width: 14px;
text-align: center;
}

.MenuHelp > div .DispTable p:last-child {
width: auto;
padding-left: 10px;
text-align: left;
}

.MessageWrapTxt {
padding: 0 10px 10px;
}

.MessageWrapTxtDetail {
margin-top: 10px;
}

.MessageWrapTxtDetail > div.MessageWrapTxtDetailPack {
padding: 7px 0;
border-bottom: 1px dotted #CCC;
line-height: 1.4em;
font-size: 0.9em;
}

}

@media screen and (min-width: 1025px) {

#Menu {
display: none;
}

}

/*--------------------------------------------------------------------
	Message
--------------------------------------------------------------------*/

#MenuMessage {
color: #FFF !important;
font-size: 0.86em;
}

#MenuMessage a         {text-decoration: none; color: #FFF; }
#MenuMessage a:link    {text-decoration: none; color: #FFF; }
#MenuMessage a:visited {text-decoration: none; color: #FFF; }
#MenuMessage a:hover   {text-decoration: underline; color: #FFF; }
#MenuMessage a:active  {text-decoration: underline; color: #FFF; }

#MenuMessage > div {
background: none !important;
position: relative;
}

.MessageBtnClose {
position: fixed;
top: 50%;
left: 10px;
margin-top: -20px;
}

.MessageWrap {
padding: 50px;
background: none !important;
}

.MessageWrapTitle {
text-align: center;
color: #FFF;
font-size: 1.8em;
}

.MessageWrapName {
color: #FFF;
font-size: 1.4em;
margin-top: 30px;
word-break: break-all;
}

.MessageWrapDeleteAll {
text-align: right;
margin-top: 30px;
padding-bottom: 15px;
border-bottom: 1px solid #BBBBBB;
}

.MessageWrapBox {
color: #FFF;
}

.MessageWrapPack {
border-bottom: 1px solid #BBBBBB;
padding: 15px 0;
position: relative;
}

.MessageWrapPack span {
display: block;
}

.MessageWrapPack p {
line-height: 1.4em;
}

.MessageWrapPackClose {
position: absolute;
top: 13px;
right: 5px;
}

/*--------------------------------------------------------------------
	Accordion
--------------------------------------------------------------------*/

@media screen and (max-width: 1024px) {

.MenuLanguage .TapAccordion {
width: 100%;
overflow: hidden;
}

.MenuLanguage .TapAccordion.tapBroker {
background: #FFF;
}

.TapAccordion .categoryName {
display: block;
position: relative;
padding: 10px 25px 10px 10px !important;
text-decoration: none;
background: #999;
color: #FFF;
cursor: pointer;
-webkit-transition: 0.2s ease-in-out;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.TapAccordion.tapBroker .categoryName {
background: #86A701;
}

.TapAccordion .categoryName:after {
display: block;
content: "";
width: 5px;
height: 5px;
position: absolute;
top: 50%;
right: 10px;
margin-top: -5px;
border-top: solid 3px #FFF;
border-right: solid 3px #FFF;
transform: rotate(135deg);
-webkit-transform: rotate(135deg);
-webkit-transition: 0.2s ease-in-out;
}

.TapAccordion .categoryName.currentTitle:after {
margin-top: -3px;
transform: rotate(315deg);
-webkit-transform: rotate(315deg);
}

.MenuLanguage .TapAccordion .categoryName + div {
display: none;
}

.MenuLanguage .TapAccordion .categoryName + div.currentDetail {
display: block !important;
}

.MenuLanguage .TapAccordion .categoryName + div p {
display: block !important;
margin: 0 !important;
padding: 0 !important;
}

.MenuLanguage .TapAccordion .categoryName + div p a {
padding: 10px 25px 10px 10px !important;
display: block;
position: relative;
border-bottom: 1px dotted #999;
cursor: pointer;
-webkit-transition: 0.2s ease-in-out;
text-decoration: none;
background-color: #EBEBEB;
}

.MenuLanguage .TapAccordion .categoryName + div p a:after {
display: block;
content: "";
width: 5px;
height: 5px;
position: absolute;
top: 50%;
right: 11px;
margin-top: -5px;
border-top: solid 3px #333333;
border-right: solid 3px #333333;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-webkit-transition: 0.2s ease-in-out;
}

.MenuLanguage .TapAccordion .categoryName + div ul li:last-child a {
border-bottom: none;
}

}