@charset "UTF-8";

/*
	eHistory
	Popup CSS
*/

/* popup */
#popup {position:relative;}
#popup h1 {overflow:hidden; width:245px; height:14px; float:left; margin:20px 0 0 25px; color:#fff; font-weight:bold; font-size:110%; letter-spacing:-1px;}

/* boardinfo */
#popupinfo {display:inline; float:right; margin:20px 25px 0 0; line-height:140%;}
#popupinfo li {display:inline; padding:0 1px 0 5px; color:#fff; font-size:85%; letter-spacing:-2px; background:url("/image/popup/bg_popupinfo.gif") no-repeat left 40%;}
#popupinfo span {letter-spacing:0;}
#popupinfo .first {background:none;}

/* popupbg */
.lowmovie {width:682px; height:592px; background:url("/image/popup/bg_lowmovie.gif") no-repeat left top;}
.himovie {width:850px; height:592px; background:url("/image/popup/bg_himovie.gif") no-repeat left top;}
.voice {width:680px; height:493px; background:url("/image/popup/bg_voice.gif") no-repeat left top;}
.imgpopup {width:850px; height:592px; background:url("/image/popup/bg_photo.gif") no-repeat left top;}
.small {width:335px; height:400px; padding-top:5px; background:url("/image/popup/bg_movie_small.gif") no-repeat left top;}
.big {width:515px; height:450px; padding-top:5px; background:url("/image/popup/bg_movie_big.gif") no-repeat left top;}

/* object */
.objarea object {margin:11px 0 0 12px; background:#000;}
.objarea object object {margin-left:0;}
.movieonly object {margin-left:6px;}
.bigimg {margin:25px 0 -3px 25px;}

/* detail */
.detail {overflow:hidden; width:330px; margin:20px 0 0 10px; line-height:140%;}
.detail h3 {float:left; margin:5px;}

.detailbtn {overflow:hidden; float:right; height:27px; margin-bottom:7px; text-align:right;}
.detailbtn * {float:left; vertical-align:middle;}
.detailbtn a img {margin-top:2px;}
.detailbtn object {margin:0; background:#d8d8d8;}

.detail a img {vertical-align:bottom;}
.detail p {overflow:auto; clear:both; width:310px; height:170px; margin-left:10px; font-size:90%; text-align:left;}

.himovie .detail {width:490px; margin-top:13px;}
.himovie .detail p {width:480px; height:135px;}

.imgpopup .detail {width:490px;}
.imgpopup .detail p {width:480px; height:110px;}

/* tabarea */
.tabarea {position:absolute; right:17px; top:50px; width:293px; height:445px; padding:40px 10px;}
.tabarea h2 {position:absolute; right:0; top:0;}
.tabarea .movietab {right:220px;}
.tabarea .scraptab {right:141px;}
.tabarea .scraptab2 {right:220px;}
.tabarea .impression_content {right:62px;}
.tabarea .impression_content2 {right:141px;}

.voice .tabarea {top:35px;}

/* voiceinfo */
.voiceinfo {padding:20px 30px; height:302px;}
.voiceinfo p {width:280px; padding:10px 0; text-align:justify;}

.voicescrap img {margin:8px 0 0 135px;}

/* movietab */
#movietab h3 {display:inline; padding-left:5px;}
#movietab form {padding-bottom:10px; background:url("/image/popup/bg_line.gif") no-repeat left bottom;}
#movietab .keyword {width:100px; height:16px; margin:0 20px 0 41px; border:1px solid #7d9db9;}

#movietab table {width:280px; margin-top:15px;}
#movietab th {padding:5px;}
#movietab th img {padding:3px; border:1px solid #eee;}
#movietab td {padding:8px 5px; vertical-align:top;}
#movietab td a {display:block; color:#0953ba; font-weight:bold; text-decoration:underline;}

.imgpopup #movietab ul {overflow:hidden;}
.imgpopup #movietab li {float:left; margin:3px;}
.imgpopup #movietab li img {padding:3px; border:1px solid #eee;}

.photolist {overflow:auto; height:468px;}

/* scraptab */
#scraptab h3 {padding-bottom:10px; background:url("/image/popup/bg_line_black.gif") no-repeat left bottom;}
#scraptab p {padding:10px 0; text-align:center; line-height:130%;}
#scraptab ul {padding:10px 5px;}
#scraptab li {width:199px; height:22px; margin:3px 0 0 0px; padding:6px 10px 0 30px; background:url("/image/popup/bg_datalist.gif") no-repeat left top;}
#scraptab .on {background:url("/image/popup/bg_datalist_on.gif") no-repeat;}
#scraptab a img {margin-left:110px;}

/* impression_content */
#impression_content h3 {padding-bottom:10px; background:url("/image/popup/bg_line.gif") no-repeat left bottom;}
#impression_content p {padding:10px 0; text-align:center; line-height:130%;}
#impression_content strong {font-weight:bold;}

#impression_content ul {margin:15px 5px -5px 5px;}
#impression_content li p {padding:2px 0px 8px 0; text-align:left;}
#impression_content li a img {padding-left:5px; vertical-align:middle;}

#impression_content table {width:280px; margin-top:20px; border-bottom:2px solid #eee;}
#impression_content th {padding:4px; background:#eee; border-top:1px solid #eee;}
#impression_content td {padding:4px; border-top:1px solid #eee;}
#impression_content .memo {background:#fff;}

#impression_content #vote {margin-left:0px;}

/* privacy, email */
.privacy {width:623px; background:url("/image/popup/bg_person_mid.gif") repeat-y left center;}

.privacy h1 {padding-bottom:27px; background:url("/image/popup/bg_person_top.gif") no-repeat left bottom;}
.email h1 {margin-bottom:30px;}

.privacy h2 {margin:25px 0 15px 45px; padding-left:15px; color:#5863b0; font-size:110%; font-weight:bold; background:url("/image/popup/bu_point_big.gif") no-repeat left center;}
.privacy strong {display:block; width:510px; margin:30px 0 30px 60px; font-weight:bold; text-align:justify;}

.privacy p {width:500px; margin-left:60px; padding-left:10px; text-align:justify; line-height:130%; background:url("/image/popup/bu_arrow_blue.gif") no-repeat left 5px;}
.email p,
.privacy .bgnone {width:510px; padding-left:0; background:none;}

.privacy ul {width:510px; margin:15px 10px 15px 60px;}
.privacy li {padding-left:10px; background:url("/image/popup/bu_point_small.gif") no-repeat left center; line-height:140%;}

.contact {width:487px; margin:30px auto; padding:30px 20px 15px 20px; border:1px solid #ccc; background:#f8f8f8;}
.contact h2,
.contact ul,
.contact li {margin:0; padding:0; background:none;}
.contact ul {width:450px; margin:10px;}

.btnarea {margin-top:0; padding:40px 10px 10px 10px; background:#000 url("/image/popup/bg_person_bottom.gif") no-repeat -2px top;}

/* sendmail */
.sendmail {padding:10px;}
.sendmail h1 {font-size:120%; font-weight:bold;}
.sendmail h2 {width:414px; height:20px; margin:30px 0 15px -40px; padding-top:3px; color:#000; font-size:120%; font-weight:bold; text-indent:30px; background:url("/image/popup/bg_sendmail.gif") no-repeat left top;}
.login h2 {text-indent:5px;}
.sendmail form {width:389px; height:165px; margin-top:10px; padding-left:55px; border:3px solid #e6e6e6;}
.sendmail label {display:block; margin-bottom:5px; font-size:110%;}
.sendmail label input {width:213px; height:20px; border:1px solid #a5acb2; line-height:120%;}
.sendmail .title {width:228px;}
.sendmail a img {vertical-align:middle; padding-top:1px;}

/* btn */
.small a img {float:right; margin:30px 14px 0 0;}
.big a img {float:right; margin:20px 14px 0 0;}