@charset "utf-8";

.my-top {width:100%;border-bottom:3px solid #333;color:#000;padding:10px 0;font-weight:bold;font-size:16px;margin-bottom:10px;}

.menu {width:100%;display:inline-block;margin-bottom:10px;font-weight:bold;}
.menu div {display:inline-block;float:left;padding:10px;margin-right:10px;border:1px solid #999;border-radius:5px;}
.menu .topon {background:#999;}
.menu .topon a {color:#fff;}

.my_wrap {margin:0 0 20px}
.my_wrap table {width:100%;border-collapse:collapse;border-spacing:0}
.my_wrap th {width:100px;padding:15px 13px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#f5f8f9;text-align:left}
.my_wrap td {padding:15px 13px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;text-align:left}

.list_title {width:100%;background:#333;color:#fff;padding:15px;font-weight:bold;}

#list {position:relative;margin-bottom:20px}
#list:after {display:block;visibility:hidden;clear:both;content:""}
#list table {width:100%;border-collapse:collapse;border-spacing:0}
#list th {padding:15px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#f5f8f9;text-align:center;}
#list .bo_subjec {width:110px;text-align:center;padding:15px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;}
#list .wr_subject {text-align:left;padding:15px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;}
#list .td_hit {width:60px;text-align:center;padding:15px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;}
#list .td_date {width:130px;text-align:center;padding:15px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;}
#list .cnt_cmt {padding:3px 7px;background:#f5f8f9;margin-right:5px;border-radius:5px;}

#point_list {position:relative;margin-bottom:20px}
#point_list:after {display:block;visibility:hidden;clear:both;content:""}
#point_list table {width:100%;border-collapse:collapse;border-spacing:0}
#point_list th {padding:15px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#f5f8f9;text-align:center;}
#point_list .po_datetime {width:150px;text-align:center;padding:15px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;}
#point_list .po_subject {text-align:left;padding:15px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;}
#point_list .po_dateex {width:80px;text-align:center;padding:15px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;}
#point_list .po_po1 {width:80px;text-align:center;padding:15px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;}
#point_list .po_po2 {width:80px;text-align:center;padding:15px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;}
#point_list .po_po3 {text-align:center;font-weight:bold;padding:15px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#f5f8f9;}
#point_list .po_po4 {text-align:center;font-weight:bold;padding:15px 0;background:#333;color:#fff;}
#point_list .txt_expired {color:red;margin-left:5px}

.memo_title {width:100%;display:inline-block;background:#333;padding:15px;font-weight:bold;}
.memo_title div {display:inline-block;float:left;padding:5px 10px;margin-right:10px;border:1px solid #000;background:#fff;color:#000;border-radius:5px;}
.memo_title .on {color:#ff0000;}

#memo_list {position:relative;margin-bottom:20px}
#memo_list:after {display:block;visibility:hidden;clear:both;content:""}
#memo_list table {width:100%;border-collapse:collapse;border-spacing:0}
#memo_list th {padding:15px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#f5f8f9;text-align:center;}
#memo_list .name {text-align:left;padding:15px 0 15px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;}
#memo_list .datetime {width:120px;text-align:center;padding:15px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;}
#memo_list .del {width:60px;text-align:center;padding:15px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;}
.desc {width:100%;display:inline-block;background:#D62F74;padding:15px;font-weight:bold;color:#fff;}

#scrap_list {position:relative;margin-bottom:20px}
#scrap_list:after {display:block;visibility:hidden;clear:both;content:""}
#scrap_list table {width:100%;border-collapse:collapse;border-spacing:0}
#scrap_list th {padding:15px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#f5f8f9;text-align:center;}
#scrap_list .s_num {width:60px;text-align:center;padding:15px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;}
#scrap_list .s_bod {width:120px;text-align:center;padding:15px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;}
#scrap_list .s_subject {text-align:left;padding:15px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;}
#scrap_list .s_date {width:120px;text-align:center;padding:15px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;}
#scrap_list .s_del {width:60px;text-align:center;padding:15px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;}

.list_btn {width:100%;text-align:center;}
.list_btn div {display:inline-block;}

.memo_view {}
.view_name {display:inline-block;width:100%;}
.view_left {float:left;text-align:left;height:60px;padding:10px 10px 0;}
.view_right {float:right;text-align:right;height:60px;line-height:60px;}
.view_contents {display:inline-block;width:100%;padding:20px 10px;margin-bottom:20px;margin-top:-6px;border-top:1px solid #ececec;border-bottom:1px solid #ececec;}

.memo_btn {display:inline-block;width:100%;background:#F6F6F6;padding:20px}
.memo_btn a {float:left;font-size:1em;color:#888d92;}
.memo_btn .btn_right {float:right;text-align:right;}
.memo_btn a i {font-size:1.2em;color:#acabab;vertical-align:bottom}

.win_btn {display:inline-block;width:100%;margin:10px 0 20px;text-align:center}
.reply_btn {display:inline-block;width:150px;height:45px;line-height:45px;font-weight:bold;background:#3a8afd;color:#fff;border-radius:3px;}