@charset "utf-8";

#attend_nav {margin:0 0 20px 0;font-size:24px;text-align:center;font-weight:700;text-align:center;line-height:30px;}
#attend_nav a {display:inline-block;width:30px;height:30px;overflow:hidden;line-height:999px;border-radius:50%;}
#attend_nav a.btn_prev {background:url(./img/btn_prev.gif) no-repeat 50% 50% #444;}
#attend_nav a.btn_next {background:url(./img/btn_next.gif) no-repeat 50% 50% #444;}
#attend_nav img,
#attend_nav a {vertical-align:middle}

#attend_calendar {margin:0 0 20px 0;}
#attend_calendar table {width:100%;border-collapse:collapse;border-spacing:0;} 
#attend_calendar th {width:14.2%;padding:16px 0;text-align:center;background:#f6f6f6;border:solid 1px #999;}
#attend_calendar td {width:14.2%;height:110px;padding:5px 5px 10px 5px;vertical-align:top;text-align:center;background:#fff;border:solid 1px #ccc;}
#attend_calendar td a.date {display:block;height:30px;margin:0 0 5px 0;line-height:30px;border-bottom:solid 1px #ddd;}
#attend_calendar td img {width:90%;max-width:82px;height:auto;}

#attend_calendar .sun1 {color:#f75665; font-size:12px; float:left;}
#attend_calendar .sat1 {color:#569ffd; font-size:12px; float:left;}
#attend_calendar .day1 {color:#444; font-size:12px; float:left;}

#attend_calendar .sun2 {font-weight:bold; line-height:20px; color:#f75665; font-size:12px; float:left;}
#attend_calendar .sat2 {font-weight:bold; line-height:20px; color:#569ffd; font-size:12px; float:left;}
#attend_calendar .day2 {font-weight:bold; line-height:20px; color:#15aacf; font-size:12px; float:left;}

#attend_calendar .sun3 {color:#f75665; font-size:12px;}
#attend_calendar .sat3 {color:#aa7bc1; font-size:12px;}
#attend_calendar .day3 {color:#999999; font-size:12px;}

#attend_calendar .check {color:#5cb85c; font-size:12px;}
#attend_calendar .check2 {color:#999999; font-size:12px;}



#attend_input {position:relative;margin:0 0 20px 0;padding:10px;border-bottom:solid 1px #ddd;}
#attend_input h2 {display:block;margin:0 0 14px 0;font-size:16px;font-weight:700;}
#attend_input .benefit {margin:0 0 6px 0;font-weight:700}
#attend_input strong {color:#ff7700;font-weight:700}
#attend_input .input {display:block;width:100%;height:40px;line-height:38px;text-indent:10px;background:#f6f6f6;border:solid 1px #ccc;}
#attend_input .btn_submit {position:absolute;right:10px;bottom:10px}



#attend_point {margin:0 0 20px 0;padding:20px 30px;line-height:24px;background:#f5f5f5;border:solid 1px #ddd;}
#attend_point h2 {display:block;margin:0 0 14px 0;font-size:16px;font-weight:700;}
#attend_point ul {}
#attend_point ul:after {display:block;visibility:hidden;clear:both;content:""}
#attend_point ul li {display:block;float:left;width:33.3%;line-height:30px;}
#attend_point ul li label {display:inline-block;width:80px;font-weight:700;vertical-align:middle}
#attend_point strong {color:#f00001;font-weight:700}


#attend_talk {}
#attend_talk ul {}
#attend_talk ul li {display:block;margin:0 0 10px 0;padding:20px;border:solid 1px #ddd;border-radius:5px;}
#attend_talk ul li .info {margin:0 0 4px 0;}
#attend_talk ul li .info:after {display:block;visibility:hidden;clear:both;content:""}
#attend_talk ul li .info_side {float:right}
#attend_talk ul li .info_side strong {color:#15aacf;font-weight:700}
#attend_talk ul li .content {}
#attend_talk ul li .profile_img img {width:18px;height:auto;border-radius:50%;}
#attend_talk ul li .date {color:#999;font-size:12px;}






@media screen and (max-width:768px) {
#attend_nav {font-size:18px;line-height:20px;}
#attend_nav a {width:20px;height:20px;}

#attend_calendar th {padding:8px 0;}
#attend_calendar td {height:80px;}
#attend_calendar td a.date {height:20px;line-height:20px;}

#attend_point {margin:0 10px 20px 10px;padding:10px;}

#attend_talk {margin:0 10px;}
#attend_talk ul li {padding:10px;
}






@media screen and (max-width:480px) {
#attend_calendar td {height:70px;}
}














/* list */
#list_layer .input {width:600px; height:22px; background-color:#f3f3f3; border:0px; padding:5px 2px 2px 2px; font-weight:bold; color:#333333;  font-size:12px;}

#list_layer .msg {padding:6px 0 0 3px; float:left;}
#list_layer .sub {padding:5px 0 0 3px; float:left;}
#list_layer .submit {padding:3px 0 0 5px; float:left;}

#list_layer #info li {line-height:18px; color:#898989;  font-size:11px;}

#list_layer .title {font-weight:bold; color:#333333;  font-size:12px;}
#list_layer .list {line-height:20px; color:#898989;  font-size:11px;}

#list_layer .no {line-height:25px; font-size:12px; color:#898989;}

#list_layer .bgcolor0 {background-color:#ffffff;}
#list_layer .bgcolor1 {background-color:#f1f1f1;}
#list_layer .bgcolor2 {background-color:#ffffff;}