@charset "utf-8";


/****************************************************************************************************/
/*    ステータス表示用css
/****************************************************************************************************/



/* ---[U4-3] トップページ > お客様情報--- */
div.UserInfo {
    margin-top: 25px;
    margin-bottom: 25px;
    padding: 15px;
    border: 1px solid #999999;
    background: url("../img/ContentsArea_Status/top_user_info.png") repeat-x;
}
div.UserInfo p.Today {
    font-weight: bold;
    font-size: 92%;
}
div.UserInfo p.Username {
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 100%;
}
div.UserInfo p.OneToOne {
    font-size: 83%;
}
div.UserInfo div.LastLogon {
    margin: 15px 0;
    padding: 10px;
    background: url("../img/ContentsArea_Status/top_user_logon_history.png") repeat;
}
div.UserInfo div.LastLogon ul li {
    font-size: 83%;
}
div.UserInfo div.LastLogon p.Operate {
    float: right;
    font-size: 83%;
}
div.UserInfo div.LastLogon p.Operate a {
    padding-left: 15px;
    background: url("../img/ContentsArea_Status/top_icon_link.png") 0 1px no-repeat;
}

div.UserInfo table.Additionalinfo {
    width: 100%;
    border: 2px solid #999999;
    border-collapse: collapse;
    empty-cells: show;
}

div.UserInfo table.Additionalinfo caption {
    display: none;
}

div.UserInfo table.Additionalinfo th {
    width: 300px;
    padding: 10px;
    border-bottom: 1px dotted #999999;
    background-color: #FFFFFF;
    font-weight: normal;
    font-size: 92%;
}
div.UserInfo table.Additionalinfo td {
    width: 80%;
    padding: 10px;
    border-bottom: 1px dotted #999999;
    background-color: #FFFFFF;
    font-weight: normal;
    font-size: 92%;
    text-align: right;
}
div.UserInfo table.Additionalinfo th.NoBorder {
    border: none;
}

/* ---[U4-5] トップページ > 残高・明細情報--- */
a.SectionTitleArrow {
    padding-left: 15px;
    background: url("../img/ContentsArea_Status/top_icon_link.png") 0 1px no-repeat;
}
div.Account {
    margin-bottom: 25px;
    padding: 10px 20px;
    border: 1px solid #999999;
    background-color: #E2A292;
}
div.Account div.AccountHeader p.Nickname {
    float: left;
    font-weight: bold;
    font-size: 100%;
}
div.Account div.AccountHeader p.Link {
    padding: 2px 5px;
    background-color: #FFFFFF;
    float: right;
    font-size: 83%;
}
div.Account div.AccountHeader p.Link a {
    padding-left: 15px;
    background: url("../img/ContentsArea_Status/top_icon_link.png") 0 1px no-repeat;
}
div.Account p.AccountInfo {
    margin-bottom: 3px;
    font-size: 92%;
}
div.Account table {
    width: 100%;
    border-collapse: collapse;
    empty-cells: show;
}
div.Account table th {
    padding: 5px 20px;
    border-bottom: 3px solid #E2A292;
    background-color: #FFFFFF;
    font-weight: normal;
    font-size: 92%;
}
div.Account table td {
    padding: 5px 20px;
    border-bottom: 3px solid #E2A292;
    background-color: #FFFFFF;
    font-size: 92%;
}
div.Account p.TimeStamp {
    font-weight: bold;
    font-size: 83%;
}

p.infolink {
    font-size: 83%;
}

p.infolink a {
    padding-left: 15px;
    background: url("../img/ContentsArea_Status/top_icon_link.png") 0 1px no-repeat;
}

div.SectionTitleStyle1 span.Link {
    padding: 2px 5px;
    background-color: #FFFFFF;
    float: right;
    font-size: 83%;
}

div.SectionTitleStyle1 span.Link a {
    padding-left: 15px;
    background: url("../img/ContentsArea_Status/top_icon_link.png") 0 1px no-repeat;
}


/* ---[U4-7] トップページ > 外部リンク--- */
div.RecommendStyle1,
div.RecommendStyle2 {
    margin-bottom: 25px;
    padding-bottom: 10px;
    border: 1px solid #999999;
    background-color: #E1EEF0;
}
div.RecommendStyle1 div.Title {
    margin: 1px;
    padding: 10px;
    height: 20px;
    background-color: #BCD8DE;
}

div.RecommendStyle1 div.Title span.Name {
    font-weight: bold;
    float: left;
}

div.RecommendStyle1 div.Title span.Link {
    padding-left: 15px;
    float: right;
    font-size: 83%;
}

div.RecommendStyle1 div.Title span.Link a {
    padding-left: 15px;
    background: url("../img/ContentsArea_Status/top_icon_link.png") 0 1px no-repeat;
}

div.RecommendStyle1 ul.List {
    padding: 15px;
    font-size: 92%;
}
div.RecommendStyle1 ul.List li {
    vertical-align: middle;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 20px;
    background: url("../img/ContentsArea_Status/top_icon_stress.gif") 0 4px no-repeat;
}
div.RecommendStyle1 ul.List li.attention {
    padding-top: 0px;
    pafont-size: 80%;
    font-weight: bold;
    background: url("") 0 4px no-repeat;
}
div.RecommendStyle2 ul.List li {
    float: left;
    width: 135px;
}
div.RecommendStyle1 ul.List li a {
    margin-top: 10px;
}

div.RecommendStyle1 ul.List div.OutputTableStyle1 {
    padding-top: 15px;
}

div.RecommendStyle1 div.OutputTableStyle1 {
    padding: 0px 35px;
    font-size: 92%;
}


/***********************************************
****** 追加 リンク
************************************************/


div.infoInput span.Operate {
    float: right;
    font-size: 83%;
    padding-right: 10px;
}
div.infoInput span.Operate a {
    padding-left: 15px;
    background: url("../img/ContentsArea_Status/top_icon_link.png") 0 1px no-repeat;
}



/**********************************************
******** topメニュー
**********************************************/

div.TopMenu {
    clear: both;
}

div.TopMenu ul li {
    display: inline;
    width: 50%;
    vertical-align: top;
}

div.TopMenu ul li h2 {
    height: 18px;
    margin-bottom: 10px;
    padding-top: 1px;
    padding-left: 15px;
    background: url("../img/ContentsArea_Status/top_link_sectiontitle.png") no-repeat;
    font-weight: bold;
}

div.TopMenu ul li dl {
    padding-left: 30px;
}

div.TopMenu ul li dl dd {
    padding: 5px 0px;
}

div.TopMenu ul li dl dd.First {
}

div.TopMenu ul li dl dd.Second {
    padding-left: 30px;
}

div.TopMenu ul li dl dt {
    padding: 5px 0px;
    font-weight: bold;
}