@charset "SJIS";

/* =========================================================
共通パーツ
========================================================= */
.ttlStyle01 { margin-bottom: 29px; position: relative; }
.ttlStyle01 .helpBlock { width: 94px; position: absolute; right: 0; top: 0;}
.ttlStyle01 .helpBlock a {}
.ttlStyle02 { font-size: 26px; font-weight: bold; line-height: 1.2; color: #140079; margin-bottom: 18px; position: relative; }
.ttlStyle02 .totalAsset { font-size: 20px; margin-top: -10px; position: absolute; top: 50%; right: 0; }
.ttlStyle02 .totalAsset01 { font-size: 13px; margin-top: -10px; position: absolute; top: 50%; right: 0; }
.ttlStyle03 { font-size: 26px; font-weight: bold; line-height: 1.2; color: #140079; margin-bottom: 20px; position: relative; }
.ttlStyle03 .secDate { font-size: 14px; font-weight: normal; color: #333333; margin-top: -7px; position: absolute; right: 88px; top: 50%; }
.ttlStyle03 .btnReloadS { width: 68px; margin-top: -17px; position: absolute; right: 0; top: 50%; }
.ttlStyle04 { font-size: 30px; font-weight: bold; line-height: 1.2; color: #140079; margin-bottom: 20px; position: relative; background-color:#DFEAF8;}
.ttlStyle05 { font-size: 20px; font-weight: bold; line-height: 0; color: #140079; margin-bottom: 10px; position: relative; }
.ttlStyle06 { font-size: 10px;}
.ttlStyle07 { font-size: 16px; font-weight: bold; line-height: 1.2; color: #140079; margin-bottom: 20px; position: relative; }
.ttlStyle07 .secDate { font-size: 14px; font-weight: normal; color: #333333; margin-top: -7px; position: absolute; right: 88px; top: 50%; }
.ttlStyle07 .btnReloadS { width: 68px; margin-top: -17px; position: absolute; right: 0; top: 50%; }
.ttlStyle08 { font-size: 12px; font-weight: bold; text-align:center; }
.ttlStyle09 { font-size: 12px; font-weight: normal; text-align:center; }
.ttlStyle10 { font-size: 18px; line-height: 1.3; }

button { background: none; border: none; outline: none; cursor: pointer; }
button:active,
button:active > span { position: relative; }
.btnStyle01 > div {cursor: pointer;}
.btnStyle01 > div { height: 34px; line-height: 34px; font-size: 14px; font-weight: bold; color: #140079;}
.btnStyle01 > button,
.btnStyle01 > button { height: 34px; line-height: 34px; font-size: 14px; font-weight: bold; color: #140079;}
.btnStyle02 > button { display: block; width: 100%; font-weight: bold; color: #140079;}
.btnStyle02 > button { height: 34px; line-height: 34px; font-size: 14px;}
.btnDetailS:hover { -ms-filter: "alpha( opacity=70 )"; filter: alpha( opacity=70 ); opacity: 0.7; }

.btnStyle {font-size: 16px; font-weight: bold; color: #140079;}
.clear { vlear:both; }

/* =========================================================
　◆Mainvis
========================================================= */
#mainvis { width: 960px; margin: 0 auto; clear: both; margin-bottom: 12px; }

/* =========================================================
#mainInner
========================================================= */
#mainInner { padding: 24px 0 10px; }
.txtArea01 { clear: both; margin-bottom: 50px; }
.txtArea01 p { font-size: 16px; font-weight: bold; line-height: 1.4; letter-spacing: -0.75px; *letter-spacing: -1px; }
body.macSafari .txtArea01 p { letter-spacing: -1.25px; }
.headArea { display: table; table-layout: fixed; width: 100%; margin-bottom: 20px; }
.headArea h2.ttlStyle01,
.headArea .serviceDate { display: table-cell; vertical-align: middle; }
.headArea h2.ttlStyle01 {}
.headArea .serviceDate { font-size: 14px; text-align: right; }



/* =========================================================
#service
========================================================= */
.serviceMessage { font-size: 16px; font-weight: bold; margin-bottom: 21px; }
.serviceMessage p { margin-bottom: 13px; }
.serviceMessage span.txtDate { margin-right: 25px; }
#service .serviceTabArea { margin-bottom: 12px;}
#service .serviceTabArea ul li { float: left; margin-right: 12px; width: 312px; padding-bottom: 11px; text-align: center; }
#service .serviceTabArea ul li:hover { -ms-filter: "alpha( opacity=70 )"; filter: alpha( opacity=70 ); opacity: 0.7; }
#service .serviceTabArea ul li.last { margin-right: 0; }
#service .serviceTabArea ul li > span,
#service .serviceTabArea ul li > a { display: block; font-size: 16px; font-weight: bold; color: #FFF; padding: 14px 10px 13px; }
#service .serviceTabArea ul li > a { text-decoration: none; background:url(../images/tab_bg02.png) no-repeat right top; }
#service .serviceTabArea ul li.active { background: url(../images/tab_bg01.png) no-repeat left top; }
#service .serviceTabArea ul li.active:hover { -ms-filter: "alpha( opacity=100 )"; filter: alpha( opacity=100 ); opacity: 1; }
#service .serviceTabArea ul li.active > span { color: #140079; }
#service .serviceBox { margin-bottom: 35px; }
#service form .serviceBox .serviceBoxInner { padding: 14px 28px; background-color: #fff; }
#service form .serviceBox .serviceBoxInner .serviceBoxLeft { width: 370px; display: inline; float: left; }
#service form .serviceBox .serviceBoxInner .serviceBoxLeft .serviceTableArea { border-top: 1px solid #bbc3e3; }
#service form .serviceBox .serviceBoxInner .serviceBoxLeft .serviceTable { border-bottom: 1px solid #bbc3e3; }
#service form .serviceBox .serviceBoxInner .serviceBoxLeft .serviceTable dl dt { font-size: 15px; color: #283296; font-weight: bold; padding: 5px 0 0; }
#service form .serviceBox .serviceBoxInner .serviceBoxLeft .serviceTable dl .last { position: relative; color: #6978b4; padding-bottom: 5px; }
#service form .serviceBox .serviceBoxInner .serviceBoxLeft .serviceTable dl .totalPrice { font-size: 22px; font-weight: bold; line-height: 1.2; color: #283296; text-align: right; }
#service form .serviceBox .serviceBoxInner .serviceBoxLeft .serviceTable dl .totalPrice1 { font-size: 22px; font-weight: bold; line-height: 1.2; color: #283296; text-align: right; }
#service form .serviceBox .serviceBoxInner .serviceBoxLeft .serviceTable dl .totalPrice:after,
#service form .serviceBox .serviceBoxInner .serviceBoxLeft .serviceTable dl .totalPrice1:after { content: '‰~'; font-size: 75%; }
#service form .serviceBox .serviceBoxInner .serviceBoxLeft .serviceTable dl #prevDiff,
#service form .serviceBox .serviceBoxInner .serviceBoxLeft .serviceTable dl #grpPrevDiff { position: absolute; right: 0; top: 0; white-space: nowrap; }
#service form .serviceBox .serviceBoxInner .serviceBoxLeft .timeTable { color: #6978b4; line-height: 20px; margin: 10px 0 20px; }
#service form .serviceBox .serviceBoxInner .serviceBoxLeft .timeTable dl dd { white-space: nowrap; }
#service form .serviceBox .serviceBoxInner .serviceBoxLeft .btnAreaRight { width: 81px; float: right; margin-top: 20px; padding: 0; }
#service form .serviceBox .serviceBoxInner .serviceBoxLeft .btnAreaRight > button { display: block; background: url('../images/btn_reload_l_on.png') no-repeat; }
#service form .serviceBox .serviceBoxInner .serviceBoxLeft .btnAreaRight > button span { display: block; width: 81px; height: 71px; color: transparent; background: url('../images/btn_reload_l_off.png') no-repeat; transition: all 0.3s; opacity: 1; }
#service form .serviceBox .serviceBoxInner .serviceBoxLeft .btnAreaRight > button span:hover { opacity: 0; }
/*#service .serviceBox .serviceBoxInner .serviceBoxLeft .serviceBoxLeftInner { padding: 0px 20px 0 0; margin-top: 0px; background: url(../images/balloon_arrow_2.png) no-repeat right; background-position:100% 20%;}
#service .serviceBox .serviceBoxInner .serviceBoxLeft .serviceBoxLeftInner .serviceTableArea { padding: 10px; background-color: #cddefe; }
#service .serviceBox .serviceBoxInner .serviceBoxLeft .serviceTable { width: 390px; }
#service .serviceBox .serviceBoxInner .serviceBoxLeft .serviceTable table { width: 100%; table-layout: fixed; letter-spacing: -0.05em; }
#service .serviceBox .serviceBoxInner .serviceBoxLeft .serviceTable table tbody tr th { width: 180px; padding: 0 0 0 5px; font-size: 18px; color: #14007b; }
#service .serviceBox .serviceBoxInner .serviceBoxLeft .serviceTable table tbody tr td { text-align: right; padding: 8px 5px 8px 0px; color: #14007b;}
#service .serviceBox .serviceBoxInner .serviceBoxLeft .serviceTable table tbody tr td .totalPrice { font-size: 26px; font-weight: bold; line-height: 1.2; }
#service .serviceBox .serviceBoxInner .serviceBoxLeft .serviceTable table tbody tr td .totalPrice1 { font-size: 23px; font-weight: bold; line-height: 1.2; }
#service .serviceBox .serviceBoxInner .serviceBoxLeft .serviceTable table tbody tr td .totalPrice .yen { font-size: 16px; font-weight: normal; }
#service .serviceBox .serviceBoxInner .serviceBoxLeft .serviceTable table tbody tr td .totalPrice1 .yen { font-size: 14px; font-weight: normal; }
#service .serviceBox .serviceBoxInner .serviceBoxLeft .serviceTable table tbody tr td .prevDiff { color: #666666; font-size: 12px; }
#service .serviceBox .serviceBoxInner .serviceBoxLeft .serviceTable table tbody tr th .name { font-weight: bold; font-size: 18px; color:#14007b; }
#service .serviceBox .serviceBoxInner .serviceBoxLeft .serviceTable table tbody tr th .name1 { font-weight: bold; font-size: 14px; color:#14007b; }
#service .serviceBox .serviceBoxInner .serviceBoxLeft .serviceTable.tableColorA { margin-bottom: 2px; }
#service .serviceBox .serviceBoxInner .serviceBoxLeft .serviceTable.tableColorA table { background: #cddefe; }
#service .serviceBox .serviceBoxInner .serviceBoxLeft .serviceTable.tableColorB {}
#service .serviceBox .serviceBoxInner .serviceBoxLeft .serviceTable.tableColorB table { background: #e0f7ff; }
#service .serviceBox .serviceBoxInner .serviceBoxLeft .timeTable table { width: 200px !improtant; }
#service .serviceBox .serviceBoxInner .serviceBoxLeft .timeTable table tbody tr td { padding: 0px 0px 0px 30px; }
#service .serviceBox .serviceBoxInner .serviceBoxLeft .btnAreaRight { width: 138px; float: right; padding: 10px 20px 0 10px;}
#service .serviceBox .serviceBoxInner .serviceBoxLeft .btnAreaRight:hover { -ms-filter: "alpha( opacity=70 )"; filter: alpha( opacity=70 ); opacity: 0.7; }
#service .serviceBox .serviceBoxInner .serviceBoxLeft .btnAreaRight > button { display: block; width: 100%; height: 54px; line-height: 54px; text-align: center; font-weight: bold; color: #140079;}
#service .serviceBox .serviceBoxInner .serviceBoxLeft .btnAreaRight > button span { font-size: 16px; font-weight: bold; color: #140079; padding-left: 18px; background: url(../images/icon_reload.png) no-repeat left; }*/
#service .serviceBox .serviceBoxInner .serviceBoxRight { display: inline; width: 530px; float:right; position: relative; }
#service .serviceBox .serviceBoxInner .serviceBoxRight .BoxA { display: inline; width: 300px; height: 300px; float:left; position: relative; }
#service .serviceBox .serviceBoxInner .serviceBoxRight .BoxB { display: inline; width: 230px; float:right; position: relative; }
#service .serviceBox .serviceBoxInner .serviceBoxRight .serviceDate { font-size: 14px; text-align: right; padding: 10px 20px 0; }
#service .serviceBox #statement,
#service .serviceBox #transaction { display: none; padding: 100px; }


/* =========================================================
service1
========================================================= */
#service1.section { margin-bottom: 60px; }
#service1 {}
#service1 .serviceTabArea {}
#service1 .serviceTabArea ul li { float: left; margin-right: 10px; width: 130px; padding-left: 10px; text-align: center; background: url(../images/tab_bg.png) no-repeat left top; }
#service1 .serviceTabArea ul li.last { margin-right: 0; }
#service1 .serviceTabArea ul li > span,
#service1 .serviceTabArea ul li > a { display: block; font-size: 16px; font-weight: bold; color: #140079; padding: 14px 10px 11px 0; background:url(../images/tab_bg.png) no-repeat right top; }
#service1 .serviceTabArea ul li > a:hover { text-decoration: none; }
#service1 .serviceTabArea ul li.active,
#service1 .serviceTabArea ul li.active > span { background: #cddefe; }
#service1 .serviceBox { margin-bottom: 10px; }
#service1 .serviceBox .serviceBoxInner { padding: 0 0; background-color: #fff; }
#service1 .serviceBox .serviceBoxInner .serviceBoxRight { width: 210px;  display: inline; float: right; }
#service1 .serviceBox .serviceBoxInner .serviceBoxRight .serviceBoxRightInner { padding: 10px 0px 10px 14px; margin-bottom: 0px; background: url(../images/balloon_arrow_1.png) no-repeat left;background-position:0% 20%; }
#service1 .serviceBox .serviceBoxInner .serviceBoxRight .serviceBoxRightInner .serviceTableArea { padding: 10px 10px 10px 8px; background-color: #cddefe; }
#service1 .serviceBox .serviceBoxInner .serviceBoxRight .serviceTable { width: 180px; }
#service1 .serviceBox .serviceBoxInner .serviceBoxRight .serviceTable table { width:100%; table-layout: fixed; letter-spacing: -0.05em; }
#service1 .serviceBox .serviceBoxInner .serviceBoxRight .serviceTable table tbody tr th { padding-left: 10px; padding-right: 10px; font-size: 18px; color: #14007b; }
#service1 .serviceBox .serviceBoxInner .serviceBoxRight .serviceTable table tbody tr th .totalPrice { font-size: 20px; font-weight: bold; line-height: 1.2; text-align: right;}
#service1 .serviceBox .serviceBoxInner .serviceBoxRight .serviceTable table tbody tr th .totalPrice1 { font-size: 18px; font-weight: bold; line-height: 1.2; text-align: right;}
#service1 .serviceBox .serviceBoxInner .serviceBoxRight .serviceTable table tbody tr th .totalPrice .yen { font-weight: bold; font-size: 22px; font-weight: normal; }
#service1 .serviceBox .serviceBoxInner .serviceBoxRight .serviceTable table tbody tr th .totalPrice1 .yen { font-weight: bold; font-size: 20px; font-weight: normal; }
#service1 .serviceBox .serviceBoxInner .serviceBoxRight .serviceTable table tbody tr th .name { font-weight: bold; font-size: 15px; color:#14007b; }
#service1 .serviceBox .serviceBoxInner .serviceBoxRight .serviceTable table tbody tr th .name1 { font-weight: bold; font-size: 13px; color:#14007b; }
#service1 .serviceBox .serviceBoxInner .serviceBoxRight .serviceTable table tbody tr th .prevDiff { color: #666666; font-size: 12px; }
#service1 .serviceBox .serviceBoxInner .serviceBoxRight .serviceTable table tbody tr th .prevDiffPrice { color: #666666; font-size: 12px; text-align: right; }
#service1 .serviceBox .serviceBoxInner .serviceBoxRight .serviceTable.tableColorA { margin-bottom: 2px; }
#service1 .serviceBox .serviceBoxInner .serviceBoxRight .serviceTable.tableColorA table { background: #cddefe; }
#service1 .serviceBox .serviceBoxInner .serviceBoxRight .serviceTable.tableColorB { margin-bottom: 2px; }
#service1 .serviceBox .serviceBoxInner .serviceBoxRight .serviceTable.tableColorB table { background: #e0f7ff; }
#service1 .serviceBox .serviceBoxInner .serviceBoxRight .btnLoginBlock { clear: both; text-align: right; margin-bottom: 8px; }
#service1 .serviceBox .serviceBoxInner .serviceBoxRight .btnLoginBlock .btnPageLogin { width: 145px; margin-right: 10px; }
#service1 .serviceBox .serviceBoxInner .serviceBoxRight .btnLoginBlock .btnAutoLogin { width: 135px; }
#service1 .serviceBox .serviceBoxInner .serviceBoxLeft { width: 250px; display: inline; float: left; position: relative; }
#service1 .serviceBox .serviceBoxInner .serviceBoxLeft .pctArea{ padding-top:50px; padding-left:10px; }
#service1 .serviceBox .serviceBoxInner .serviceBoxLeft .centerArea{ padding-left:30px; }
#service1 .serviceBox .serviceBoxInner .serviceBoxLeft button { width: 114px; height: 54px; position: absolute; background: none; border: none; outline: none; right: 17px; top: 60px; cursor: pointer; }



/* =========================================================
#contents
========================================================= */
#contents { width: 720px; float: right; }

/* =========================================================
#contents1
========================================================= */
#contents1 { width:960px; }

.serviceControlPanel { margin-bottom: 30px; }
.serviceControlPanel p { font-size: 14px; color: #666; margin-bottom: 14px; }
.serviceControlPanel ul li { width: 233px; height: 54px; line-height: 54px; text-align: center; float: left; margin-right: 10px; background: #FFF url(../images/btn_bg01.png) no-repeat left top; cursor: pointer; }
.serviceControlPanel ul li.last { margin-right: 0; }
.serviceControlPanel ul li span { font-size: 16px; font-weight: bold; color: #140079; }
.serviceControlPanel ul li:hover { -ms-filter: "alpha( opacity=70 )"; filter: alpha( opacity=70 ); opacity: 0.7; }
.serviceControlPanel ul li.allOpen span { padding-left: 19px; background: url(../images/icon_open.png) no-repeat left; }
.serviceControlPanel ul li.allClose span { padding-left: 20px; background: url(../images/icon_close.png) no-repeat left; }
.serviceControlPanel ul li.btnSort span { padding-left: 20px; background: url(../images/icon_sort.png) no-repeat left; }

/* =========================================================
contents2
========================================================= */
#contents2 { width: 632px; float: left; }
#contents2 .mvArea { margin-bottom: 49px;}
#contents2 .mvArea .mvBlock { margin-bottom: 5px; overflow: hidden; }
#contents2 .mvArea .mvInfo { margin-bottom: 20px;}
#contents2 .mvArea .mvInfo dt { font-size: 20px; }
#contents2 .mvArea .mvInfo dd {}
#contents2 .mvArea .mvInfo dd p { font-size: 14px; line-height: 1.5; }
#contents2 .mvArea .mvInfo dd p .newText { color: #ff0808; }
#contents2 .secBlock { border-top: 4px solid #140079; padding-top: 10px; }
#contents2 .secBlock .ttlStyle02 { margin-bottom: 35px;}
#contents2 .secBlock .recommendList {}
#contents2 .secBlock .recommendList ul {}
#contents2 .secBlock .recommendList ul li { margin-bottom: 10px;}
#contents2 .secBlock .recommendList ul li.last { margin-bottom: 0; }

/* =========================================================
contents3
========================================================= */
#contents3 {}
#contents3 .section { margin-bottom: 40px; }
#contents3 .table { width: 100%; border-bottom: 1px solid #d3eaf9; }
#contents3 .table thead tr th { text-align: center; padding: 5px 8px; }
#contents3 .table thead tr th { height: 40px; font-size: 16px; line-height: 1.2; color: #FFFFFF; padding: 6px 5px; background-color: #423FA8; border: 1px solid #7876da; }
#contents3 .table tbody tr td { font-size: 14px; line-height: 1.4; text-align: center; padding: 12px 8px 10px; border-left: 1px solid #d3eaf9; border-right: 1px solid #d3eaf9; }
#contents3 .table tbody tr.trRowEven { background-color: #eaf7fe; }
#contents3 .table tbody tr.trRowOdd { background-color: #f8fcff; }
#contents3 .table tbody tr.trTotal { background-color: #c1e4ff; }
#contents3 .table tbody tr.trTotal td { font-weight: bold; color: #14007b; padding: 19px 8px; border-right: 1px solid #a5ccea; }
#contents3 .table tbody tr.trTotal td:first-child { border-left: 1px solid #c1e4ff; }
#contents3 .table tbody tr.trTotal td:last-child { border-right: 1px solid #c1e4ff; }
.sectionTitle { margin-bottom: 15px; }

/* =========================================================
news
========================================================= */
#news.section { margin-bottom: 29px; }
#news .newsList { font-weight: bold; }
#news .newsList dt { clear: both; font-size: 16px; width: 148px; display: inline; float: left; }
#news .newsList dd { font-size: 16px; width: 460px; display: inline; float: left; margin-bottom: 3px; }
#news .newsList dd a {}
#news .btnHelp { position: absolute; right: 0; top: 12px; }
#news .btnHelp a { display: block; }


/* =========================================================
message
========================================================= */
#message.section { margin-bottom: 29px; }
#message {}
#message .messageBox {}
#message .messageBox .messageBoxInner {}
#message .messageBox .messageBoxInner .messageBoxLeft { width: 400px; float: left; position: relative; }
#message .messageBox .messageBoxInner .messageBoxRight { width: 550px; display: inline; float: right; position: relative; }
#message .messageBox .messageBoxInner .messageBoxRigh dd { font-size: 16px; width: 812px; display: inline; float: left; margin-bottom: 3px; }
#message .messageBox .messageBoxInner .messageBoxRigh dd a {}

/* =========================================================
campaign
========================================================= */
#campaign.section {}
#campaign .bnrList {}
#campaign .bnrList .bnrLeft { width: 475px; display: inline; float: left;}
#campaign .bnrList .bnrLeft a { display: block;}
#campaign .bnrList .bnrRight { width: 475px; display: inline; float: right;}
#campaign .bnrList .bnrRight a {}

#contents3 .clmSection { clear: both; margin-bottom: 40px; }

/* =========================================================
ranking
========================================================= */
#ranking.section {}
#ranking.section.clmLeft { width: 460px; display: inline; float: left; clear: none; margin-bottom: 0; }
#ranking .movieRank {}
#ranking .movieRank .movieRankItem { margin-bottom: 24px; }
#ranking .movieRank .movieRankItem .movieThumb { width: 230px; display: inline; float: left; }
#ranking .movieRank .movieRankItem .movieThumb a { display: block; }
#ranking .movieRank .movieRankItem .movieInfo { width: 212px; display: inline; float: right; }
#ranking .movieRank .movieRankItem .movieInfo a { display: block; font-size: 16px; line-height: 1.3; }
#ranking .movieRank .movieRankItem .movieInfo .rankFirst a  { background: url(../images/icon_num_first.png) left center no-repeat; }
#ranking .movieRank .movieRankItem .movieInfo .rankSecond a { background: url(../images/icon_num_second.png) left center no-repeat; }
#ranking .movieRank .movieRankItem .movieInfo .rankThird a  { background: url(../images/icon_num_third.png) left center no-repeat; }
#ranking .movieRank .movieRankItem .movieInfo dt { margin-bottom: 4px;}
#ranking .movieRank .movieRankItem .movieInfo dd {}
#ranking .movieRank .movieRankItem .movieInfo dd p { font-size: 14px; line-height: 1.5;}
#ranking .movieRank .movieRankItem .movieInfo dd p .newText { color: #ff0808;}


#ranking .rankingBtn { display: block; width: 120px; margin:0px auto; padding-left: 1px; background: #cddefe url(../images/btn_bg02.png) no-repeat left top; }
#ranking .rankingBtn > button { display: block; width: 120px; height: 34px; line-height: 34px; text-align: center; font-weight: bold; color: #140079; padding-right: 10px; background: #cddefe url(../images/btn_bg02.png) no-repeat right top; }
#ranking .rankingBtn > button span { font-size: 16px; font-weight: bold; color: #140079; padding-left: 18px; }

/* =========================================================
recommend
========================================================= */
#recommend.section { }
#recommend.section.clmRight { width: 460px; display: inline; float: right; clear: none; margin-bottom: 0; }
#recommend .recommendItem { margin-bottom: 30px; }
#recommend .recommendItem a { display: block; }


/* =========================================================
#secBlock
========================================================= */
.secBlock { border-top: 4px solid #140079; padding-top: 15px; margin-bottom: 60px; }

.secBlock .accountBlock .accountControlPanel { margin-bottom: 24px; position: relative; }
.secBlock .accountBlock .accountControlPanel .accountDate { font-size: 14px; padding-top: 5px; position: absolute; left: 0; }

.secBlock .accountBlock .btnList { margin-bottom: 10px; }
.secBlock .accountBlock .btnList ul { float: right; margin-bottom: 18px; clear: both; }
.secBlock .accountBlock .btnList ul:last-child { margin-bottom: 0; }
.secBlock .accountBlock .btnList ul li { float: left; margin-right: 10px; }
.secBlock .accountBlock .btnList ul li.last { margin-right: 0;}
.secBlock .accountBlock .btnList ul li:hover { -ms-filter: "alpha( opacity=70 )"; filter: alpha( opacity=70 ); opacity: 0.7; }
.secBlock .accountBlock .btnList ul li.btnReload { width: 120px; margin-right: 10px; background: url(../images/icon_120Btn.png) no-repeat right; text-align:center; }
.secBlock .accountBlock .btnList ul li.btnReload span { padding-left: 20px; background: url(../images/icon_reload.png) no-repeat left;}
.secBlock .accountBlock .btnList ul li.btnPageLogin { width: 135px; text-align:center;  background: #FFF url(../images/icon_135Btn_b.png) no-repeat right top; }
.secBlock .accountBlock .btnList ul li.btnLogin { width: 135px; text-align:center; background: #FFF url(../images/icon_135Btn_b.png) no-repeat right top;}
.secBlock .accountBlock .btnList ul li.btnLogin span { padding-left: 0px; letter-spacing: -0.1em; }
.secBlock .accountBlock .btnList ul li.btnAutoLogin { width: 135px; text-align:center;  background: #FFF url(../images/icon_135Btn_b.png) no-repeat right top;  }
.secBlock .accountBlock .btnList ul li.btnAutoLogin span { padding-left: 17px; letter-spacing: -0.1em; background: url(../images/icon_login.png) no-repeat left; }
.secBlock .accountBlock .btnList ul li.btnAcc { width: 40px; background: #FFF url(../images/icon_40Btn.png) no-repeat right top;  text-align: center; cursor: pointer;}
.secBlock .accountBlock .btnList ul li.btnAcc > span { display: block; height: 34px; line-height: 34px; font-size: 14px; font-weight: bold; color: #140079;}

.systemBlock { padding: 20px 12px; border: 1px solid #d3eaf9;  background-color: #f8fcff; }
.systemBlock p { font-size: 14px; }
.systemBlock.systemLoading { padding: 38px 0; background: #f8fcff url(../images/bg_system_loading.gif) no-repeat center; }

.secBlock .accountBlock .tblAccount { margin-bottom: 20px; }
.secBlock .accountBlock .tblAccount > table { width: 100%; border-bottom: 1px solid #d3eaf9; }
.secBlock .accountBlock .tblAccount > table thead tr th { text-align: center; padding: 5px 8px; }
.secBlock .accountBlock .tblAccount > table thead tr th { height: 40px; font-size: 16px; line-height: 1.2; color: #FFFFFF; padding: 6px 5px; background-color: #423FA8; border: 1px solid #7876da; }
.secBlock .accountBlock .tblAccount > table thead tr th.thBranchName { width: 80px; }
.secBlock .accountBlock .tblAccount > table thead tr th.thType { width: 75px; }
.secBlock .accountBlock .tblAccount > table thead tr th.thNumber { width: 80px; }
.secBlock .accountBlock .tblAccount > table thead tr th.thBalance { width: 163px; }
.secBlock .accountBlock .tblAccount > table thead tr th.thForeign { width: 163px; }
.secBlock .accountBlock .tblAccount > table thead tr th.thForeign span { font-size: 14px; display: block; }
.secBlock .accountBlock .tblAccount > table thead tr th.thBtnArea > button.btnDetailS { width: 68px;}
.secBlock .accountBlock .tblAccount > table thead tr.trLottery th { width: 118px; border-top: 1px solid #7876da; background-color: #5f5cb5; }
.secBlock .accountBlock .tblAccount > table thead tr th.thCardName { width: 165px; }
.secBlock .accountBlock .tblAccount > table thead tr th.thPayment { width: auto; }
.secBlock .accountBlock .tblAccount > table thead tr th.thPrice { width: 120px; }
.secBlock .accountBlock .tblAccount > table thead tr th.thNote { width: 120px; }
.secBlock .accountBlock .tblAccount > table tbody tr td { font-size: 14px; line-height: 1.4; text-align: center; padding: 12px 8px 10px; border-left: 1px solid #d3eaf9; border-right: 1px solid #d3eaf9; }
.secBlock .accountBlock .tblAccount > table tbody tr.trRowEven { background-color: #eaf7fe; }
.secBlock .accountBlock .tblAccount > table tbody tr.trRowOdd { background-color: #f8fcff; }
.secBlock .accountBlock .tblAccount > table tbody tr.trTotal { background-color: #c1e4ff; }
.secBlock .accountBlock .tblAccount > table tbody tr.trTotal td { font-weight: bold; color: #14007b; padding: 19px 8px; border-right: 1px solid #a5ccea; }
.secBlock .accountBlock .tblAccount > table tbody tr.trTotal td:first-child { border-left: 1px solid #c1e4ff; }
.secBlock .accountBlock .tblAccount > table tbody tr.trTotal td:last-child { border-right: 1px solid #c1e4ff; }
.secBlock .accountBlock .tblAccount > table tbody tr.trDate {}
.secBlock .accountBlock .tblAccount > table tbody tr.trDate td,
.secBlock .accountBlock .tblAccount > table tbody tr td.tdItem { text-align: left; padding-left: 20px; }

.secBlock .accountBlock .tblAccount > .accounEditPanel { margin-top: 24px; }
.secBlock .accountBlock .tblAccount > .accounEditPanel ul li { float: left; margin-right: 12px; }
.secBlock .accountBlock .tblAccount > .accounEditPanel ul li:hover { -ms-filter: "alpha( opacity=70 )"; filter: alpha( opacity=70 ); opacity: 0.7; }
.secBlock .accountBlock .tblAccount > .accounEditPanel ul li.btnEdit { width: 135px; background: url(../images/icon_135Btn_b.png) no-repeat left; text-align:center; }
.secBlock .accountBlock .tblAccount > .accounEditPanel ul li.btnEdit span { padding-left: 16px; background: url(../images/icon_edit.png) no-repeat left; }
.secBlock .accountBlock .tblAccount > .accounEditPanel ul li.btnDelete { width: 110px; background: url(../images/icon_110Btn_b.png) no-repeat left; text-align:center; }
.secBlock .accountBlock .tblAccount > .accounEditPanel ul li.btnDelete span { padding-left: 18px; background: url(../images/icon_delete.png) no-repeat left; }
.secBlock .accountBlock .tblAccount > .accounEditPanel ul li.btnDetail { width: 110px; float: right; margin-right: 0; background: url(../images/icon_110Btn_b.png) no-repeat ; text-align:center; }
.secBlock .accountBlock .tblAccount > .accounEditPanel ul li.btnDetail span { padding-left:5px }

.secBlock .accountBlock .systemBlock { padding: 20px 12px; border: 1px solid #d3eaf9;  background-color: #f8fcff; }
.secBlock .accountBlock .systemBlock p { font-size: 14px; }
.secBlock .accountBlock .systemBlock.systemLoading { padding: 38px 0; background: #f8fcff url(../images/bg_system_loading.gif) no-repeat center; }


/* =========================================================
#Lside
========================================================= */
#Lside { width: 200px; float: left; padding-top: 5px; }
.assetList { padding: 10px 12px; background-color: #f0faff; }
.assetList ul li { padding: 11px 13px 11px 0; background: url(../images/asset_list_border.png) repeat-x left bottom; }
.assetList ul li.last { background: none; }
.assetList ul li.btnRegist { padding-right: 0; }
.assetList ul li.btnRegist > button { width: 100%; display: block; height: 34px; line-height: 34px; padding-left: 10px; background: #f0faff url(../images/btn_bg03.png) no-repeat left top; }
.assetList ul li.btnRegist > button:hover { -ms-filter: "alpha( opacity=70 )"; filter: alpha( opacity=70 ); opacity: 0.7; }
.assetList ul li.btnRegist > button > span { display: block; height: 34px; line-height: 34px; font-size: 14px; font-weight: bold; color: #140079; padding-right: 10px; background: #f0faff url(../images/btn_bg03.png) no-repeat right top; }
.assetList ul li a { font-size: 14px; font-weight: bold; line-height: 1.4; padding-right: 12px; display: inline-block; position: relative; letter-spacing: -0.75px; letter-spacing: -0.75px; }
.assetList ul li a:hover { text-decoration: none; }

/* =========================================================
Rside
========================================================= */
#Rside { width: 288px; float: right; padding-top: 15px; border-top: 4px solid #140079; }
#Rside .ttlStyle02 { margin-bottom: 20px; }
#tabMenu { margin-bottom: 11px; }
#tabMenu ul li { height: 51px; float: left; cursor: pointer; text-indent: 100%; white-space: nowrap; overflow: hidden; }
#tabMenu ul li.tabBtn01 { width: 96px; background: url(../images/btn_tab_01.gif) no-repeat left top; }
#tabMenu ul li.tabBtn02 { width: 100px; background: url(../images/btn_tab_02.gif) no-repeat left top; }
#tabMenu ul li.tabBtn03 { width: 92px; background: url(../images/btn_tab_03.gif) no-repeat left top; }
#tabMenu ul li:hover,
#tabMenu ul li.active { background-position: left bottom; }
#tabArea {}
#tabArea .movieList {}
#tabArea .movieList .movieItem { padding-top: 10px; padding-bottom: 10px; overflow: hidden; position: relative; }
#tabArea .movieList .movieItem:hover { background-color: #fff3f3; }
#tabArea .movieList .movieItem .movieThumb { width: 130px; display: inline; float: left; }
#tabArea .movieList .movieItem .movieInfo { width: 150px; display: inline; float: right; }
#tabArea .movieList .movieItem .movieInfo dt { font-size: 11px; line-height: 1.3; font-weight: bold; color: #140079; margin-bottom: 4px; }
#tabArea .movieList .movieItem .movieInfo dd { }
#tabArea .movieList .movieItem .movieInfo dd p { font-size: 11px; line-height: 1.3; }
#tabArea .movieList .movieItem .movieInfo dd p .newText { color: #ff0808; }
#tabArea .movieList .movieItem a { width: 100%; height: 100%; text-align: left; text-indent: 150%; white-space: nowrap; overflow: hidden; display: block;background-color: #fff; opacity: 0; filter: alpha( opacity=0 ); -ms-filter: "alpha( opacity=0 )"; position: absolute; top: 0; left: 0; z-index: 10; }
#tabArea #tabRanking,
#tabArea #tabList { display: none; }

.errArea {
  background-color: #ffffff;
  border: 2px solid #ffffff;
  border-radius:10px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
  margin-bottom: 10px;
}

.warn { 
	padding-left: 22px;
	padding-top: 0px; 
	background-image: url(../images/co_icon_attention.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	line-height: 1.5em;
	font-weight: bold;
}

.line {
	border-bottom:1px solid #cccccc;
}

.otherLink { float: right; margin-bottom: 12px; }
.otherLink li { margin-top: 10px; }
.otherLink li a { display: block; }


.disInline { display:inline; }
.clmLeft { width: 460px; display: inline; float: left; clear: none; margin-bottom: 0; }
.clmRight { width: 460px; display: inline; float: right; clear: none; margin-bottom: 0; }

.pdTop10 {padding-top:10px;}
.pdTop5 {padding-top:5px;}
#msgDiv > table { width: 100%; border-bottom: 1px solid #d3eaf9; border-top:1px solid #d3eaf9; }
#msgDiv > table tbody tr td { font-size: 14px; line-height: 1.4; text-align: center; padding: 12px 8px 10px; border-left: 1px solid #d3eaf9; border-right: 1px solid #d3eaf9; }
.secBlock form .accountBlock .tblAccount > table tbody tr td.tdtitle { text-align: center; padding: 5px 8px;height: 40px; font-size: 16px; line-height: 1.2; color: #FFFFFF; padding: 6px 5px; background-color: #423FA8; border: 1px solid #7876da; }
.ttlBreakAll {word-break: break-all;}