/********** MainCont **********/


/* index.php */

#IndexContents #Index {
    background-color: #f9f4f8;
}

#IndexContents #Index img {
    width: 100%;
}

.PC #IndexContents #Index img {
    width: 800px;
    height: 433px;
}

#IndexContents #IndexTabArea input[type="radio"] {
    display: none;
}

#IndexContents #IndexTabArea #IndexMenu {
    display: table;
    width: 100%;
    border-top: solid 2px #ffffff;
}

#IndexContents #IndexTabArea #IndexMenu div {
    display: table-row;
    width: 100%;
}

#IndexContents #IndexTabArea #IndexMenu div label {
    display: table-cell;
    width: 50%;
    height: 40px;
    vertical-align: middle;
    border-bottom: solid 2px #ffffff;
    color: #FFFFFF;
    background: #D80000;
    cursor: pointer;
}

#IndexContents #IndexTabArea #IndexMenu div label a {
    color: #FFFFFF;
}

#IndexContents #IndexTabArea div label:nth-child(odd) {
    border-right: solid 1px #ffffff;
}

#IndexContents #IndexTabArea div label:nth-child(even) {
    border-left: solid 1px #ffffff;
}

#IndexContents #IndexTabArea #Tab1:checked~#TabContent #Whats {
    display: block;
}

#IndexContents #IndexTabArea #Tab2:checked~#TabContent #Howto {
    display: block;
}

#IndexContents #IndexTabArea #Tab3:checked~#TabContent #Apps {
    display: block;
}

#IndexContents #IndexTabArea #Tab4:checked~#TabContent #Faq {
    display: block;
}

#IndexContents #IndexTabArea #Tab5:checked~#TabContent #Ejoica {
    display: block;
}

#IndexContents #IndexTabArea #Tab6:checked~#TabContent #Emoney {
    display: block;
}

#IndexContents #IndexTabArea .TabPanel {
    display: none;
}

#IndexContents #Whats {
    margin: 0px 0px 20px;
}

#IndexContents #Whats .Index {
    padding: 10px 20px;
    font-size: 16px;
    line-height: 1.8em;
    font-weight: bold;
}


/*
.PC #MainContents #Whats .Index {
    font-size: 24px;
}
*/

#IndexContents #Whats .Frames {
    margin-bottom: 10px;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    color: #BBBBBB;
}


/*
.PC #MainContents #Whats .Frames {
    font-size: 32px;
}
*/

#IndexContents #Whats .Frames span {
    display: inline-block;
    width: 300px;
    margin: 10px 0px;
    padding: 2px 10px 0px;
    font-size: 18px;
    font-weight: bold;
    line-height: 48px;
    text-align: left;
    color: #333333;
    border: solid 2px #BBBBBB;
}


/*
.PC #IndexContents #Whats .Frames span {
    width: 400px;
    font-size: 24px;
    line-height: 60px;
}
*/

#IndexContents #Whats .Caution {
    font-size: 12px;
    padding: 10px 10px 0px;
    text-align: left;
}

#IndexContents #Whats .Caution span {
    display: block;
    padding-top: 6px;
    line-height: 1.2em;
}

#IndexContents #Howto {
    margin: 0px 0px 20px;
}

#IndexContents #Howto .Index {
    margin-bottom: 10px;
    padding: 10px 10px 0px;
    font-size: 16px;
    text-align: left;
}

#IndexContents #Howto .Frames {
    margin: 10px 0px;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    color: #BBBBBB;
}

#IndexContents #Howto .Frames .Descript {
    display: inline-block;
    width: 300px;
    margin: 10px 0px;
    padding: 10px;
    font-size: 16px;
    text-align: left;
    color: #333333;
    border: solid 2px #BBBBBB;
}

#IndexContents #Howto .Frames .Descript div {
    text-align: center;
}

#IndexContents #Howto .Frames .Descript div img {
    margin: 10px 0px;
}

#IndexContents #Howto .Frames .Descript span {
    font-size: 14px;
    font-weight: normal;
    line-height: 0em;
}

#IndexContents #Faq, #IndexContents #Ejoica {
    margin: 0px 0px 20px;
}

#IndexContents #Faq .Index, #IndexContents #Ejoica .Index {
    display: block;
    font-size: 16px;
    padding: 20px 10px 0px;
    text-align: left;
    font-weight: bold;
    color: #D80000;
}

#IndexContents #Faq .Text.First, #IndexContents #Ejoica .Text.First {
    padding-top: 10px;
}

#IndexContents #Faq .Text, #IndexContents #Ejoica .Text {
    display: block;
    padding: 0px 10px 0px;
    font-size: 14px;
    text-align: left;
    line-height: 1.5em;
}

#IndexContents #Emoney {
    margin: 0px 0px 20px;
}

#IndexContents #Emoney .Index {
    margin-bottom: 10px;
    padding: 0px 10px;
    font-size: 16px;
    text-align: left;
}

#IndexContents #Emoney .Index div {
    margin: 10px 0px;
    text-align: center;
}

#IndexContents #Emoney .Index div img {
    max-height: 60px;
}

#IndexContents #Emoney .TableContents {
    padding: 0px 10px;
}

#IndexContents #Emoney .TableContents .Table {
    display: table;
    width: 100%;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    border-top: solid 1px #BBBBBB;
    border-left: solid 1px #BBBBBB;
}

#IndexContents #Emoney .TableContents .Table ul {
    display: table-row;
}

#IndexContents #Emoney .TableContents .Table ul li {
    display: table-cell;
    width: 50%;
    height: 100px;
    padding: 10px 10px 0px;
    font-size: 16px;
    border-right: solid 1px #BBBBBB;
    border-bottom: solid 1px #BBBBBB;
}

#IndexContents #Emoney .TableContents .Table ul li p {
    text-align: center;
}

#IndexContents #Emoney .TableContents .Table ul li p img {
    margin: 10px 0px;
    max-height: 90px;
    max-width: 120px;
}

#IndexContents #Emoney .TableContents .Table ul li span {
    display: inline-block;
    width: 100%;
    font-size: 10px;
    font-weight: normal;
    text-align: left;
}

/* login.php */

#LoginContents {
    padding-top: 20px;
}

#LoginContents .AppName {
    font-weight: bold;
}

#LoginContents #LoginWithAmazon {
    display: block;
    margin: 30px 0px;
}

#LoginContents #LoginWithAmazon:hover {
    cursor: pointer;
}

#LoginContents #About {
    display: table;
    width: 100%;
    padding: 10px 0px;
    border-top: solid 1px #cccccc;
}

#LoginContents #About .Title {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 10px;
}

#LoginContents #About .Discription {
    padding-bottom: 30px;
    font-size: 14px;
    text-align: center;
}

#LoginContents #About .Discription a {
    padding: 14px 20px;
    background: #efefef;
    border: solid 2px #cccccc;
}

#LoginContents #About .Discription a img {
    width: 12px;
    padding-left: 4px;
    padding-bottom: 4px;
}

#LoginContents .Caution {
    display: block;
    font-size: 12px;
    padding: 0px 10px 20px;
    text-align: left;
}

#LoginContents .Caution span {
    display: block;
    padding-top: 6px;
    line-height: 1.2em;
}


/* signin.php */

#SigninContents {
    padding-top: 20px;
}

#SigninContents .AppName {
    font-weight: bold;
}

#SigninContents .ContentsIndex {
    display: block;
    text-align: left;
    padding-left: 4px;
    margin: 0px 10px 0px;
    border-left: solid 4px #000000;
    border-bottom: solid 1px #000000;
    line-height: 24px;
}

#SigninContents form {
    width: 240px;
    margin: auto;
    text-align: left;
}

#SigninContents form .formIndex {
    display: block;
    margin: 20px 0px 4px;
}

#SigninContents form input {
    width: 234px;
    margin: auto;
    line-height: 28px;
    box-sizing: border-box;
    border: solid 1px #CCCCCC;
    border-radius: 0px;
}

#SigninContents form a.Forget {
    display: block;
    text-align: right;
    margin-top: 4px;
}

#SigninContents a.Button {
    display: block;
    width: 180px;
    margin: 20px auto 20px;
    padding-top: 4px;
    line-height: 40px;
    border: solid 1px #cccccc;
    background: #EEEEEE;
    color: #555555;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

#SigninContents a.Button:hover {
    cursor: pointer;
}

#SigninContents .Error {
    display: none;
    font-size: 14px;
    text-align: left;
    white-space: nowrap;
    color: #D80000;
    margin-top: 4px;
}

#SigninContents .AmazonCaution {
    display: block;
    font-size: 12px;
    padding: 10px;
    text-align: left;
}

#SigninContents .AmazonCaution span {
    display: block;
    padding-top: 6px;
    line-height: 1.2em;
}

#SigninContents #SigninError {
    display: block;
    font-size: 14px;
    color: #D80000;
    margin-bottom: 4px;
}

#SigninContents #SigninWithAmazon:hover {
    cursor: pointer;
}

#SigninContents #About {
    display: table;
    width: 100%;
    padding: 20px 0px 0px;
    border-top: solid 1px #cccccc;
}

#SigninContents #About .Title {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 10px;
}

#SigninContents #About .Discription {
    padding-bottom: 30px;
    font-size: 14px;
    text-align: center;
}

#SigninContents #About .Discription a {
    padding: 14px 20px;
    background: #efefef;
    border: solid 2px #cccccc;
}

#SigninContents #About .Discription a img {
    width: 12px;
    padding-left: 4px;
    padding-bottom: 4px;
}

#SigninContents .Caution {
    display: block;
    font-size: 12px;
    padding: 0px 10px 20px;
    text-align: left;
}

#SigninContents .Caution span {
    display: block;
    padding-top: 6px;
    line-height: 1.2em;
}


/* signup.php */

#MainContents #SubContents .SignupCaution {
    display: block;
    font-size: 12px;
    padding-bottom: 20px;
    text-align: left;
}

#MainContents #SubContents .SignupCaution span {
    display: block;
    padding-top: 6px;
    line-height: 1.5em;
}


/* signin.php, member/user.php */

#SigninWithAmazon {
    display: block;
    margin: 10px 0px;
}

#SigninWithAmazon:hover {
    cursor: pointer;
}


/* mission.php */

#Information {
    font-size: 14px;
    text-align: center;
    line-height: 40px;
    text-decoration: underline;
}

#NotYetButton {
    width: 100%;
    height: 60px;
    position: relative;
}

#NotYetButton label {
    display: block;
    width: 98%;
    height: 50px;
    line-height: 50px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: #D80000;
    color: #ffffff;
    font-size: 18px;
    cursor: pointer;
}

#TabArea {}

#TabArea input[type="radio"] {
    display: none;
}

#TabArea #TabMenu {
    display: table;
    width: 100%;
    height: 40px;
    color: #D80000;
    border-top: solid 1px #D80000;
    border-bottom: solid 1px #D80000;
}

#TabArea #TabMenu label {
    display: table-cell;
    width: 50%;
    height: 100%;
    vertical-align: middle;
    text-decoration: none;
    cursor: pointer;
}

#TabArea #Tab1:checked~#TabMenu .TabLabel1 {
    display: table-cell;
    width: 50%;
    height: 100%;
    vertical-align: middle;
    color: #ffffff;
    background-color: #D80000;
    cursor: pointer;
}

#TabArea #Tab1:checked~#TabContent #Whats {
    display: block;
}

#TabArea #Tab1:checked~#TabContent #MissionList {
    display: block;
}

#TabArea #Tab1:checked~#TabContent #Exchange {
    display: block;
}

#TabArea #Tab2:checked~#TabMenu .TabLabel2 {
    display: table-cell;
    width: 50%;
    height: 100%;
    vertical-align: middle;
    color: #ffffff;
    background-color: #D80000;
    cursor: pointer;
}

#TabArea #Tab2:checked~#TabContent #Howto {
    display: block;
}

#TabArea #Tab2:checked~#TabContent #YetPointList {
    display: block;
}

#TabArea #Tab2:checked~#TabContent #ChangeList {
    display: block;
}

#TabArea .TabPanel {
    display: none;
}

#YetPointList .Caution {
    line-height: 40px;
}


/* リストコンテンツ */

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

.ListDetail.Expired {
    background: #F3F3F3;
}

.ListDetail.NotYet {
    position: relative;
}

.ListDetail.NotYet a {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
}

.ListDetail div {}

.ListDetail .Icon {
    display: table-cell;
    vertical-align: top;
    width: 60px;
    padding: 10px 4px;
}

.ListDetail .Icon img {
    width: 54px;
    height: 54px;
}

.ListDetail .Detail {
    display: table-cell;
    vertical-align: top;
    padding: 14px 0px 2px;
    padding-right: 5px;
    text-align: left;
}

.ListDetail .Detail .Title {
    font-size: 16px;
    font-weight: bold;
    color: #333333;
    text-decoration: none;
}

.ListDetail .Detail .Descript {
    display: block;
    padding: 10px 0px;
    font-size: 14px;
    line-height: 1.3em;
    color: #333333;
}

.ListDetail .Detail .Descript.Date {
    color: #666666;
}

.ListDetail .Detail .Data {
    display: table;
    width: 100%;
}

.ListDetail .Detail .Data .Require {
    display: table-cell;
    font-size: 12px;
    color: #888888;
}

.ListDetail .Detail .Data .Require img {
    display: inline;
    height: 16px;
    padding-bottom: 3px;
}

.ListDetail .Detail .Data .Count {
    display: table-cell;
    text-align: right;
    font-size: 12px;
    color: #888888;
}

.ListDetail .Detail .Data .Count span {
    color: #D80000;
}

.ListDetail .Detail .Data .Count img {
    display: inline;
    height: 14px;
    padding-bottom: 4px;
}

.ListDetail .Detail .Status {
    display: block;
    color: #888888;
    text-align: right;
    font-size: 12px;
}

.ListDetail .Detail .Status span {
    color: #D80000;
}

.ListDetail .Point {
    display: table-cell;
    vertical-align: middle;
    width: 68px;
    border-left: solid 1px #cccccc;
    font-size: 24px;
    font-weight: bold;
    color: #333333;
    text-decoration: none;
    line-height: 1.0em;
}

.ListDetail .Point div {
    display: block;
    padding-bottom: 10px;
    font-size: 16px;
}

.ListDetail .Point span {
    font-size: 12px;
}

.ListDetail .Get {
    display: table-cell;
    vertical-align: middle;
    width: 68px;
    height: 100%;
    border-left: solid 1px #cccccc;
    font-size: 20px;
    text-decoration: underline;
}


/* index.php, appli.php */

.ListDetail.AppList .Table {
    display: table;
    width: 100%;
}

.ListDetail.AppList .Table .TableRow {
    display: table-row;
    width: 100%;
}

.ListDetail.AppList .Table .TableRow .Detail {
    display: table-cell;
    vertical-align: top;
    padding: 10px 10px 0px 0px;
    text-align: left;
}

.ListDetail.AppList .Table .TableRow .Detail .Descript {
    padding: 4px 0px 10px;
}

.ListDetail.AppList .Badge {
    display: block;
    text-align: right;
    width: 100%;
    padding-bottom: 10px;
}

.ListDetail.AppList .Badge img {
    display: inline-block;
    width: 109px;
    height: 32px;
    padding-right: 10px;
}

.PC .ListDetail.AppList .Badge img {
    width: 136px;
    height: 40px;
}


/* mission_get.php */

#MainContents #PointGet #PointGetFrame {
    margin: 20px;
    border: solid 1px #cccccc;
    font-size: 18px;
}

#MainContents #PointGet #PointGetFrame span {
    font-size: 28px;
    font-weight: bold;
    line-height: 2.4em;
}

#MainContents #PointGet form a {
    display: inline-block;
    width: 100px;
    margin: 10px 20px 20px;
    padding-top: 4px;
    line-height: 46px;
    border: solid 1px #cccccc;
    background: #EEEEEE;
    color: #555555;
    font-size: 18px;
    font-weight: bold;
}

#MainContents #PointGet .DoubleResult {
    margin-top: 20px;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.5em;
}

#MainContents #PointGet .DoubleResult.Congrats {
    color: #D80000;
}

#MainContents #PointGet .DoubleResult.Regret {}

#MainContents #PointGet.Caution {
    padding: 20px 0px;
}


/* appli.php */

.ListDetail .Detail .Badge {
    display: block;
    text-align: right;
}

.ListDetail .Detail .Badge img {
    width: 50%;
    height: 50%;
}


/* user.php */

#TabContent #Exchange {
    padding: 10px;
}

#TabContent #Exchange #SelectTbl {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin: 10px 0px;
}

#TabContent #Exchange #SelectTbl .SelectRow {
    display: table-row;
}

#TabContent #Exchange #SelectTbl .SelectRow .SelectCell {
    display: table-cell;
    width: 50%;
    height: 140px;
}

#TabContent #Exchange #SelectTbl .SelectRow .SelectCell div {
    display: block;
    margin: 5px 5px;
    height: 120px;
    border: solid 2px #CCCCCC;
    position: relative;
}

#TabContent #Exchange #SelectTbl .SelectRow .SelectCell div a {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
}

#TabContent #Exchange #SelectTbl .SelectRow .SelectCell div .Cover {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000000;
    -moz-opacity: 0.5;
    opacity: 0.5;
}

#TabContent #Exchange #SelectTbl .SelectRow .SelectCell div .Index {
    display: block;
    background: #78C000;
    line-height: 30px;
    color: #FFFFFF;
}

#TabContent #Exchange #SelectTbl .SelectRow .SelectCell div .Index span {
    color: #ff993e;
}

#TabContent #Exchange #SelectTbl .SelectRow .SelectCell div .Price {
    display: block;
    line-height: 64px;
    padding-top: 2px;
    font-size: 22px;
    font-weight: bold;
}

#TabContent #Exchange #SelectTbl .SelectRow .SelectCell div .Point {
    display: block;
    background: #E6E600;
    line-height: 22px;
    padding-top: 2px;
    font-size: 12px;
    color: #000000;
}

#TabContent #Exchange #Description {
    width: 100%;
    text-align: left;
    font-size: 10px;
    line-height: 1.8em;
}

#TabContent #Exchange .Caution {
    margin: 20px 0px 30px;
}

#TabContent #ChangeList .ChangeDetailTbl {
    display: table;
    width: 100%;
}

#TabContent #ChangeList .ChangeDetailTbl .ChangeDetailRow {
    display: table-row;
}

#TabContent #ChangeList .ChangeDetailTbl .ChangeDetailRow div {
    display: table-cell;
    padding-top: 2px;
    line-height: 48px;
    border-bottom: solid 1px #CCCCCC;
}

#TabContent #ChangeList .ChangeDetailTbl .ChangeDetailRow:first-child div {
    background: #efefef;
    line-height: 38px;
    font-weight: bold;
}

#TabContent #ChangeList .ChangeDetailTbl .ChangeDetailRow div:nth-child(2) {
    border-left: solid 1px #CCCCCC;
    border-right: solid 1px #CCCCCC;
}

#TabContent #ChangeList .Caution {
    line-height: 40px;
}

#TabContent #ChangeList #Description {
    padding: 10px;
    text-align: left;
    font-size: 10px;
    line-height: 1.8em;
}


/* user_check.php */

#TabContent #Exchange #SelectTbl .SelectRow .SelectCell div .Check {
    font-size: 18px;
    line-height: 90px;
}

#TabContent #Exchange #SelectTbl .SelectRow .SelectCell div .Check span {
    font-size: 28px;
    font-weight: bold;
}

#TabContent #Exchange #ExChangeCheck {
    margin-bottom: 40px;
}
#TabContent #Exchange #ExChangeCheck.Fail{
    margin-top: 40px;
}

#TabContent #Exchange #ExChangeCheck form {
    margin-top: 10px;
}

#TabContent #Exchange #ExChangeCheck form a {
    display: inline-block;
    width: 100px;
    margin: 0px 20px;
    padding-top: 4px;
    line-height: 46px;
    border: solid 1px #cccccc;
    background: #EEEEEE;
    color: #555555;
    font-size: 18px;
    font-weight: bold;
}

#TabContent #Exchange #ExChangeCheck span {
    display: block;
    text-align: left;
    padding-top: 10px;
    font-size: 12px;
}

/* user_app.php */

#AppExchange .index {
    padding: 10px 0px;
    border-bottom: solid 1px #cccccc;
}

#AppExchange .ListDetail .Point {
    width: 90px;
}

#AppExchange #About {
    display: table;
    width: 100%;
    padding: 20px 0px 30px;
    border-bottom: solid 1px #cccccc;
}

#AppExchange #About .Discription {
    text-align: center;
}

#AppExchange #About .Discription a {
    padding: 14px 20px;
    background: #efefef;
    border: solid 2px #cccccc;
}

#AppExchange #About .Discription a img {
    width: 12px;
    padding-left: 4px;
    padding-bottom: 4px;
}


/* submenu.php */

#MainContents #SubMenu a {
    display: table;
    width: 100%;
    line-height: 50px;
}

#MainContents #SubMenu a .Text {
    display: table-cell;
    text-align: left;
    padding-left: 10px;
    color: #333333;
}

#MainContents #SubMenu a .Arrow {
    display: table-cell;
    text-align: right;
    padding-right: 10px;
    color: #999999;
}


/* caution.php */

#MainContents #Caution {
    padding: 40px 0px;
    line-height: 1.8em;
}


/* term.php, privacy.php, support.php */

#MainContents #SubContents {
    padding: 10px;
}

#MainContents #SubContents .Title {
    display: block;
    padding-top: 10px;
    font-size: 18px;
    font-weight: bold;
}

#MainContents #SubContents .Index {
    display: block;
    font-size: 16px;
    padding-top: 20px;
    text-align: left;
}

#MainContents #SubContents .Text {
    display: block;
    font-size: 12px;
    padding-left: 20px;
    padding-top: 10px;
    text-align: left;
    line-height: 1.5em;
}

#MainContents #SubContents .TextSub {
    display: block;
    font-size: 12px;
    padding-left: 0px;
    padding-top: 10px;
    text-align: left;
    line-height: 1.5em;
}

#MainContents #SubContents .Text li {
    display: list-item;
}


/* faq.php */

#MainContents #SubContents .Title {
    padding: 10px 0px;
}

#MainContents #SubContents.FAQ .Index {
    font-weight: bold;
    color: #D80000;
}

#MainContents #SubContents.FAQ .TextSub {
    padding-top: 0px;
    font-size: 14px;
}


/* support.php */

#MainContents #SubContents form {
    padding-bottom: 20px;
}

#MainContents #SubContents form span {
    display: block;
    width: 100%;
    text-align: left;
}

#MainContents #SubContents form .formIndex {
    padding-left: 4px;
    margin-top: 20px;
    border-left: solid 4px #000000;
    border-bottom: solid 1px #000000;
    line-height: 24px;
    box-sizing: border-box;
}

#MainContents #SubContents form .formText {
    padding: 5px 10px;
}

#MainContents #SubContents form .formIndex span {
    display: inline;
    font-size: 12px;
    font-weight: bold;
    color: #D80000;
}

#MainContents #SubContents form .Caution {
    display: none;
    font-size: 12px;
    color: #D80000;
}

#MainContents #SubContents form input[type="text"] {
    width: 100%;
    margin: 10px 0px;
    padding: 0px 4px;
    font-size: 16px;
    line-height: 28px;
    box-sizing: border-box;
    border: solid 1px #CCCCCC;
    border-radius: 0px;
}

#MainContents #SubContents form textarea {
    width: 100%;
    height: 200px;
    margin: 10px 0px;
    padding: 0px 4px;
    font-size: 14px;
    line-height: 1.5em;
    box-sizing: border-box;
    border: solid 1px #CCCCCC;
    border-radius: 0px;
}

#MainContents #SubContents form a {
    display: inline-block;
    margin: 10px 20px 0px;
    padding: 4px 24px 0px;
    line-height: 46px;
    border: solid 1px #cccccc;
    background: #EEEEEE;
    color: #555555;
    font-size: 18px;
    font-weight: bold;
}


/* member */

#MemberMenu {
    display: table;
    width: 100%;
}

#MemberMenu p {
    display: table-cell;
    border-right: solid 1px #cccccc;
}

#MemberMenu p:last-child {
    border-right: none;
}

#MemberMenu p img {
    height: 50px;
}

#MemberMenu p a {
    display: block;
    width: 100%;
    background: #f3f3f3;
    padding: 5px 0px;
}

#MemberMenu p a:hover {
    background: #e9e9e9;
}

#MemberMenu p.selected a {
    background: #ffffff;
}


/* member/exchange.php */

#TabContent #ChangeList .ExchangeDetailTbl {
    display: table;
    width: 100%;
}

#TabContent #ChangeList .ExchangeDetailTbl .ExchangeDetailRow {
    display: table-row;
}

#TabContent #ChangeList .ExchangeDetailTbl .ExchangeDetailRow div {
    display: table-cell;
    padding-top: 2px;
    line-height: 48px;
    border-bottom: solid 1px #CCCCCC;
}

#TabContent #ChangeList .ExchangeDetailTbl .ExchangeDetailRow div a {
    text-decoration: underline;
}

#TabContent #ChangeList .ExchangeDetailTbl .ExchangeDetailRow:first-child div {
    background: #efefef;
    line-height: 38px;
    font-weight: bold;
}

#TabContent #ChangeList .ExchangeDetailTbl .ExchangeDetailRow div:first-child {
    padding: 0px 10px;
    white-space: nowrap;
}

#TabContent #ChangeList .ExchangeDetailTbl .ExchangeDetailRow div:nth-child(2) {
    white-space: nowrap;
    width: 100%;
    border-left: solid 1px #CCCCCC;
}

#TabContent #ChangeList .ExchangeDetailTbl .ExchangeDetailRow div:nth-child(2) img {
    width: 38px;
    vertical-align: middle;
}


/* member/user.php */

#MainContents #SubContents form input[type="password"] {
    width: 100%;
    margin: 10px 0px;
    padding: 0px 4px;
    font-size: 16px;
    line-height: 28px;
    box-sizing: border-box;
    border: solid 1px #CCCCCC;
    border-radius: 0px;
}

#MainContents #SubContents form a.fullsize {
    width: auto;
    padding-left: 14px;
    padding-right: 14px;
}

#MainContents #SubContents form .AmazonCaution {
    padding-top: 6px;
    font-size: 12px;
    line-height: 1.2em;
}