/* ---- CSS RESET ---- */

body, div, p, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, textarea { margin: 0; padding: 0; }

body { font-size: 13px; line-height: 1.5; font-family: Verdana, Arial, sans-serif; }
* html body, *:first-child+html body { font-size: small; }

/* em, strong { font-style: normal; font-weight: normal; } */
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }

table { border-collapse: collapse; border-spacing: 0; font-size: inherit; }
input, textarea { font-size: 100%; font-family: Verdana, Arial, sans-serif; }
pre { font-size: 100%; line-height: 1.5; font-family: monospace; }

img { border: 0; }

li { list-style-type: none; }

/* ----- CSS SET ----- */

body { color: #333; background-color: #def; background-image: url(./common/base.gif); }
p { margin: 10px; padding: 0; }

.head { margin: 0; padding: 0; }
.foot { margin: 0; padding: 0; clear: both; }

#pkg1 { margin: 0 auto; width: 900px; background-image: url(./common/back.gif); }
#pkg2 { margin: 0 auto; width: 890px; }

#main { width: 660px; float: left; overflow: hidden; text-align: left; }
#side { width: 230px; float: left; overflow: hidden; text-align: center; }

.entry { margin: 10px; background-image: url(./common/eback.gif); }
.entry p { margin: 10px 15px; padding: 0; }

#main .ehead { margin: 0; padding: 0; }
#main .efoot { margin: 0; padding: 0; }

.mk1 { color: #d15; font-weight: bold; }
.mk2 { color: #076; font-weight: bold; }

#main .cap { padding-left: 10px; color: #07f; font-weight: bold; border-bottom: 2px solid #8cf; }
#main .pic { margin: 10px 0; text-align: center; }
#main .pos { text-align: right; border-top: 2px solid #8cf; }
#main .nav { text-align: center; }

.cmt { margin: 15px; border: 2px solid #8cf; }

.pic img { margin: 5px; border: 2px solid #8cf; }
.pic img:hover { border-color: #f92; }

h2 { margin: 0 15px; color: #d15; font-size: 131%; font-weight: bold; }

#main .line { margin: 0 15px; padding: 0; }

#main h3 { margin: 30px 15px 0 15px; color: #d15; font-size: 116%; font-weight: bold; }
#side h3 { margin: 10px 0; }

#main .entry ul { margin: 10px 15px; }

#side p { margin: 10px 0; }

#side .cont li { margin: 20px 0; }

#side .list { margin: 10px; text-align: left; }
#side .list p { margin-bottom: 0; }
#side .list ul { margin-left: 10px; }

a { color: #037; text-decoration: none; }
a:visited { color: #037; }
a:hover { color: #f92; text-decoration: underline; border: 0; }

#main .entry a { text-decoration: underline; }
#main .entry a:visited { color: #927; }
#main .entry a:hover { text-decoration: none; }

#main .entry h2 a { color: #d15; text-decoration: none; }
#main .entry h2 a:visited { color: #d15; }
#main .entry h2 a:hover { color: #d15; text-decoration:underline; }

input { width: 200px; height: 20px; line-height: 20px; border: 1px solid #8cf; }
textarea { width: 400px; height: 160px; line-height: 20px; border: 1px solid #8cf; }

.btn { width: 80px; background-color: #def; }

.head img { width: 900px; height: 100px; }
.foot img { width: 900px; height: 10px; }
.ehead img { width: 640px; height: 10px; }
.efoot img { width: 640px; height: 10px; }
.line img { width: 610px; height: 4px; }

.entry pre { margin: 10px 15px; padding: 5px 10px; overflow: auto; color: #037; border: 1px solid #8cf; }