@charset "utf-8";

body { background-color:#ffffff; min-height:100%; color:#000000; }

#contents { margin-top:20px; min-height:100%; }

#leftUnit { width:220px; float:left; }
#topImage { margin-bottom:20px; text-align:center; }
#topImage img { max-width:220px; height:auto; }

.url { background-color:#000000; color:#fb9f32; border-radius:5px; padding:0 5px; }

/* profile */
#profile { padding:10px 10px 20px; background-color:#fb9f32; border-radius:10px; }
#name { border-bottom:solid 1px #aaccff; background-color:#fb9f32; padding-bottom:3px; margin-bottom:10px; }
#comment { font-size:13px; }

/* adultCheck */
#adultCheck { padding:20px 10px; background-color:#fb9f32; border-radius:10px; margin-top:20px; font-size:13px; }
#adultCheck a { display:block; width:160px; padding:5px 0; background-color:#f00; border:solid 1px #000000; color:#fff; border-radius:5px; text-align:center; margin:10px auto; }

/* history */
#history { padding:10px 10px 20px; background-color:#fb9f32; margin:20px 0; border-radius:10px; max-height:500px; overflow-y:auto; }
#history p { text-align:center; }
#history dt { background-color:#000000; color:#fb9f32; text-align:center; border-radius:10px; margin-top:10px; }
#history dd { margin-top:8px; font-size:13px; line-height:1em; }
#history a,
#history span { display:block; margin-left:10px; color:#000000; }

/* lightbox */
.title,
.text { display:none; }
.title { padding:5px 0; width:100%; }
.text { text-align:left; padding:5px 10px 10px; border-top:solid 1px #ddd; }
.lb-caption { min-width:100%; position:absolute; bottom:0; left:0; background-color:#fb9f32; opacity:0.8; z-index:9999; }
.lb-container:hover .lb-caption .text,
.lb-container:hover .lb-caption .title,
.lb-container:hover+.lb-caption .text,
.lb-container:hover+.lb-caption .title { display:block; }


/* gallery */
#rightUnit { width:700px; padding:20px 9px 30px; margin-left:20px; margin-bottom:20px; float:left; background-color:#fb9f32; border-radius:10px; }
#rightUnit dt { font-size:20px; border-left:solid 10px #aaccff; border-bottom:solid 1px #aaccff; margin-bottom:10px; padding:5px 0 2px 8px; clear:both; }
#rightUnit dd { width:220px; margin:0 0 10px 10px; float:left; background-color:#000000; overflow:hidden; }
#rightUnit dd a { display:block; width:200px; height:130px; padding:10px; text-align:right; background-color:#000000; color:#ffffff; text-shadow:1px 1px 0px #000, -1px 1px 0px #000, -1px -1px 0px #000, 1px -1px 0px #000; background-position-y:bottom; opacity:0.5; transition: all 0.5s; }
#rightUnit dd a:hover { opacity:1.0; background-position-y:top; }

/* header */
#yourPage { background-color:#000; text-align:center; padding:8px 0; color:#fff; margin-top:31px; border-bottom:solid 1px #aaa; min-width:100%; }
#yourPage a { color:#fff; }
#yourPage input { width:300px; margin-left:9px; border:solid 1px #000; padding:5px 8px; color:#000; }

#footer { background-color:#fb9f32; }

/* ##### view ##### */
.imageView { text-align:center; }
.imageView img { max-width:900px; max-height:700px; width:auto; height:auto; }
.imageView #title { background-color:#fb9f32; margin:20px 0 1px; padding:0 20px; }
.imageView p#comment { background-color:#000000; color:#fb9f32; text-align:left; padding:20px 50px; }