@charset "UTF-8";

/*
	eHistory
	Board CSS
*/

/* pagination */
.pagination {clear:both; margin-top:20px; text-align:center;}
.pagination li {display:inline;}
.pagination li a {padding:7px;}
.pagination li a:hover {background:#eee;}
.pagination li img {vertical-align:middle;}
.pagination .selected a {font-weight:bold;}

/* btnarea */
.btnarea {height:22px; margin-top:15px; text-align:right;}
.btnarea * {vertical-align:middle;}
.btnarea form {display:inline;}
.btnarea .cancelwrite {display:inline-block;}

/* boardsearch */
.bbssearch {position:relative; padding:15px 0 0 120px; background:#dcdcdc;}
.bbssearch .txt {width:80px; height:16px; border:1px solid #a5acb2;}
.bbssearch .keyword {width:140px;}
.bbssearch input {margin-bottom:3px;}
.bbssearch select {height:20px; margin-bottom:3px; border:1px solid #a5acb2;}
.bbssearch strong {margin-bottom:3px; font-weight:bold;}
.bbssearch .submit {position:absolute; right:305px; top:14px;}
.bbssearch label {font-weight:bold; padding-bottom:2px;}
.bbssearch label input {vertical-align:middle;}
.bbssearch .hot {position:absolute; right:10px; top:50px; padding-left:35px; background:url("/image/layout/bu_hot.gif") no-repeat left center;}
.bbssearch .ticker {overflow:hidden; position:absolute; right:10px; top:65px; height:15px; padding-left:35px; line-height:120%;}
.bbssearch .ticker a {text-decoration:underline;}

/* sortlist */
.sortlist {overflow:hidden; margin:10px 0 10px -120px; padding-top:10px; background:#fff; width:735px;}
.sortlist p {float:left; padding-top:5px;}
.sortlist strong {font-weight:bold;}
.sortlist label {float:right;}
.sortlist select {height:20px;}
.sortlist button {display:none;}

.sortlist .select {float:left; margin-right:10px;}

/* board */
.board {clear:both; width:735px; border-top:2px solid #5864b0;}
.board th {padding:8px 0; border-bottom:1px solid #eee; color:#236196; font-weight:bold; text-align:center; background:#f7f7f7;}
.board td {padding:10px 0; border-bottom:1px solid #eee; text-align:center; vertical-align:middle;}
.board .title {padding-left:10px; text-align:left;}
.board .reply .title {padding-left:55px; background:url("/image/board/bg_reply.gif") no-repeat 20px 35%;}

.board .img {border-right:0; vertical-align:top;}
.board .img img {margin-top:10px; padding:4px; border:1px solid #ccc;}

.board .rcount,
.board .time {border-right:0;}

.board .memo {vertical-align:top; text-align:left;}
.board dl {overflow:hidden; height:100px; margin-bottom:10px; line-height:130%;}
.board dt {margin:10px 0 5px 0;}
.board dt a {color:#0953ba; font-weight:bold; text-decoration:underline;}
.board dd {padding:0 10px;}

/* view (class="board view") */
.view {background:url("/image/board/bg_morelist.gif") repeat-x left top;}
.view th {padding:5px 0; background:none; vertical-align:middle;}
.view td {padding-left:5px; text-align:left;}
.view .memo {padding:10px;}
.view .first th {padding-top:13px;}
.view .first td {padding-top:18px;}

/* write (class="board view write") */
.write input {border:1px solid #ccc; width:80%; height:17px;}
.write textarea {border:1px solid #ccc; width:92%; height:198px;}
.write .last td {overflow:hidden; padding:30px; line-height:200%;}
.write .last td img {float:left; margin:10px 20px 0 0;}

.write label input {width:20%;}
.write #title {width:92%;}
.write #password {width:20%;}

/* modify */
.modify #memo {margin-top:10px;}
.modify .last td {padding:10px 0;}
.modify strong {padding-left:5px; font-weight:bold;}

/* morelist */
.morelist {width:735px; margin-top:20px; border:1px solid #e7e7e7; border-bottom:0;}
.morelist th {padding:10px 10px 10px 33px; border-bottom:1px solid #e7e7e7; background:#f7f6f4 url("/image/board/bu_prev.gif") no-repeat 7px center;}
.morelist td {padding-left:20px; border-bottom:1px solid #e7e7e7;}
.morelist .last th {background-image:url("/image/board/bu_next.gif");}

/* newsboard (class="board newsboard") */
.newsboard th {border:1px solid #eee; border-width:0 1px 1px 0; font-weight:normal;}
.newsboard td {padding:0; height:145px; border:1px solid #eee; border-width:0 1px 1px 0;}
.newsboard .memo p {float:left; padding:2px 10px 0 10px;}

/* numberlist (class="board newsboard numberlist") */
.numberlist td {height:auto;}
.numberlist .memo {overflow:hidden; padding:10px 5px 10px 10px;}
.numberlist li {padding-left:10px; line-height:130%; background:url("/image/board/bu_square_blue.gif") no-repeat left center;}
.numberlist .more {float:right; margin-bottom:-7px; background:none;}

/* movie (class="board history") */
.movie th {padding:5px 0; font-weight:normal}
.movie td {padding:10px 0;}
.movie dl {height:65px;}
.movie dl img {margin-right:5px;}
.movie dd {padding:0 17px;}
.movie .img img {margin:0;}
.movie .memo {border-right:1px solid #eee;}

/* list */
.list {overflow:hidden; height:105px; padding:20px 10px 10px 10px; background:url("/image/board/bg_line_dot.gif") repeat-x left bottom;}
.list a img {float:left; margin-right:20px; padding:3px; border:1px solid #ccc;}

.list ul {overflow:hidden; float:left; width:477px; height:50px; padding-left:8px; background:url("/image/layout/bg_roundbox.gif") no-repeat left top;}
.list li {float:left; padding:6px 4px;}
.list li img {border:1px solid #fff;}

.list p {float:right; margin-top:18px;}

.list dl {overflow:hidden; float:left; width:565px; height:54px; line-height:110%;}
.list dt {margin:5px 0;}
.list dt a {color:#0953ba; font-weight:bold; text-decoration:underline;}

/* record (class="board newsboard record") */
.record td {height:auto; padding-bottom:10px;}
.record dl {height:auto; padding-left:10px;}
.record dd {padding:0 17px;}
.record .memo p {padding-left:17px;}
.record dt img {margin-right:5px;}
.record .rtime {padding:3px; background:url("/image/movie/bu_voice.gif") no-repeat 7px center;}

/* thumblist */
.thumblist {overflow:hidden; clear:both; height:100%; padding:0 10px 40px 10px; border-top:2px solid #5864b0; border-bottom:1px solid #eee;}
.thumblist li {display:inline; float:left; width:158px; height:160px; margin:20px 10px;}
.thumblist li img {padding:4px; border:1px solid #ccc;}
.thumblist dt,
.thumblist dd {margin:5px; text-align:center;}
.thumblist strong {display:block; overflow:hidden; height:29px; line-height:110%; text-align:center;}
.thumblist a {color:#0953ba; text-decoration:underline;}

/* imglist (class="board imglist")  */
.imglist th {background:none;}
.imglist th img {padding:3px; border:1px solid #ccc;}
.imglist td {text-align:left;}
.imglist dl {height:auto;}
.imglist dt a {color:#666; font-size:120%; text-decoration:none;}
.imglist dt a:hover {text-decoration:underline;}
.imglist .btn {margin-left:10px;}

/* govlist (class="board govlist") */
.govlist {border-top:0;}
.govlist th {border:0; background:none; vertical-align:top;}
.govlist th img {padding:3px; border:1px solid #ccc;}
.govlist td {height:99px; border:0; vertical-align:top;}
.govlist dl {height:75px; margin-bottom:0; padding-right:10px;}
.govlist dt {margin-top:0;}
.govlist dd {padding:0;}

.govlist .bgarea th {background:url("/image/government/bg_round.gif") no-repeat left top;}
.govlist .bgarea td {background:url("/image/government/bg_round.gif") no-repeat right top;}

/* happen (class="board happen" */
.happen {margin-top:30px;}
.happen th {font-weight:normal; border-right:1px solid #eee;}
.happen td {padding:0;}
.happen td img {padding:4px; border:1px solid #ccc;}
.happen dl {margin-bottom:0;}
.happen .rcount {border-left:1px solid #eee;}

/* todays */
.todays th,
.todays td {border-left:1px solid #eee;}
.todays th {font-weight:normal;}
.todays thead .month {text-indent:-999em;}
.todays .month {border-left:0; background:#f7f7f7;}
.todays .event {text-align:left; padding-left:10px;}

.todays a {padding-left:10px; text-align:left; background:url("/image/board/bu_square_blue.gif") no-repeat left center;}

/* years */
.years th {font-weight:normal;}
.years td {padding:5px 0;}
.years td strong {display:block; font-weight:bold; text-align:center;}
.years .year {border-right:1px solid #eee;}
.years ul {padding:0 10px; line-height:130%;}
.years a {padding-left:3px;}

/* todaylist */
.todaylist td {padding:5px 0;}
.todaylist .memo {border-right:0;}

/* mymovie */
.mymovie th {font-weight:normal;}
.mymovie th input {position:absolute; right:10px; top:30px;}
.mymovie td a img {padding:3px; border:1px solid #eee;}
.mymovie dl {height:auto;}

/* myphoto (class="thumblist myphoto") */
.myphoto li {margin-bottom:0; text-align:center;}