#page div.page-mid { padding: 10px 0 0 0; }
#page div.page-mid h1, #page div.page-mid h2, #page div.page-mid ul, #page div.page-mid p, #page div.page-mid a.link  { margin-left: 330px; }
#page div.page-mid div.image  { margin-left: 330px; width: 590px; }
#page div.page-mid ul li a.link { margin-left: 0; }
#page div.page-mid h1, #page div.page-max h1 { font-size: 30px; }
#page div.page-mid h1 span.max { font-size: 40px; color: #09c; }

#page div.page-max { width: 710px; }

#page div.hold { margin: 20px 0 0 0; overflow: hidden; width: 100%; }
#page div.hold:first-child { margin-top: 0; }

#page div.col-min, #page div.col-mid, #page div.col-max { background: #09c url(../graphic/page/div.png) no-repeat 100% 100%; color: #fff; float: left; margin: 0 10px 0 0; padding: 0 10px 10px 10px; position: relative; }
#page div.col-min { height: 320px; padding-bottom: 40px; width: 150px; }
#page div.col-mid { width: 290px; }
#page div.col-mid img.max { margin: 0 -10px; }
#page div.col-max { width: 330px; }
#page div.col-min a, #page div.col-mid a, #page div.col-max a { color: #fff; }
#page div.col-min h1, #page div.col-mid h1, #page div.col-max h1 { color: #fff; margin: 0 -10px; padding: 20px 10px 0 10px; }
#page div.col-min h2, #page div.col-mid h2, #page div.col-max h2 { color: #fff; margin-top: 10px; }
#page div.hold:first-child div.col-min h1:first-child, #page div.hold:first-child div.col-mid h1:first-child, #page div.hold:first-child div.col-max h1:first-child { background: transparent url(../graphic/page/col-first.png) repeat-x 0 0; }
#page div.col-mid h1 { padding: 20px 20px 0 20px; text-align: right; }
#page div.col-max h1 { padding: 20px 40px 0 40px; }

#page div.col-min h1 span.min, #page div.col-mid h1 span.min, #page div.col-max h1 span.min { color: #b3e5f3; display: block; width: 100%; }
#page div.col-min h1 span.mid, #page div.col-mid h1 span.mid, #page div.col-max h1 span.mid { display: block; font-size: 30px; width: 100%; }
#page div.col-min h1 span.max, #page div.col-mid h1 span.mid, #page div.col-max h1 span.max { display: block; font-size: 40px; width: 100%; }

#page div.col-mid h1 span.min { color: #b3e5f3; font-size: 30px; display: block; margin: 0; }
#page div.col-mid h1 span.mid { color: #b3e5f3; display: block; font-size: 40px; }
#page div.col-mid h1 span.max { display: block; font-size: 50px; width: 100%; }
#page div.col-mid h1 span.max span.min, #page div.col-mid h1 span.max span.mid { display: inline; }

#page div.col-max h1 span.min { color: #b3e5f3; font-size: 30px; display: block; margin: 0; }
#page div.col-max h1 span.mid { color: #b3e5f3; display: block; font-size: 50px; }
#page div.col-max h1 span.max { display: block; font-size: 60px; width: 100%; }

#page div.col-min p.place { left: 10px; margin: 0; position: absolute; top: 200px; width: 150px; }
#page div.col-min a.more { bottom: 10px; float: left; font-size: 11px; left: 10px; position: absolute; }

#page div.frame { border: 1px solid #fff; height: 292px; margin: 10px 0 0 0; overflow-y: scroll; width: 288px; }
#page div.frame div.item {  border-top: 1px solid #fff; margin: 0 0 0 10px; overflow: hidden; padding: 0 0 10px 0; width: 250px; }
#page div.frame div.item:first-child { border-top: none; }
#page div.frame div.item img { border: 5px solid #fff; float: left; margin: 10px 10px 0 0; width: 50px; }
#page div.frame div.item p { text-align: right; }

#page div.video { margin: 0; overflow: hidden; text-align: center; width: 100%; }
#page div.video div.item { border: 5px solid #fff; margin: 10px 10px 0 10px; }
#page div.video p { font-size: 11px; margin: 5px 0 0 0; }

#page div#col-alt-1 { background-color: #005aa6; }
#page div.hold:first-child div#col-alt-1 h1 { background: transparent url(../graphic/page/col-alt-1-first.png) repeat-x 0 0; }

#page div#col-alt-2 { background-color: #999; }
#page div#col-alt-2 img { float: left; margin: 10px 10px 0 0; }
#page div#col-alt-2 div.hold { bottom: 10px; margin: 0; position: absolute; right: 20px; width: 150px; }
#page div#col-alt-2 div.hold h1 { padding: 0 10px; }
#page div#col-alt-2 div.hold p { font-size: 11px; }

#page div#col-alt-3 { background-color: #66b34d; height: 210px; margin-right: 0; width: 180px; }
#page div#col-alt-3 h1 { padding: 10px 10px 0 10px; }
#page div#col-alt-3 h1 span.min, #page div#col-alt-3 h1 span.mid { color: #fff; }
#page div#col-alt-3 a.more { float: right; font-size: 11px; }

#page div#col-alt-4 { background-color: #f33; }
#page div.hold:first-child div#col-alt-4 h1 { background: transparent url(../graphic/page/col-alt-4-first.png) repeat-x 0 0; }
#page div.hold:first-child div#col-alt-4 h1 span.min { color: #fff; display: inline; font-family: arial, helvetica, sans-serif; font-size: 13px; font-style: normal; font-weight: normal; }

#page div#map { margin: 20px 0 0 330px; position: relative; width: 590px; }
#page div#map img { border: 1px solid #ccc; margin: 0; padding: 2px; }
#page div#map div.map { height: 50px; position: absolute; width: 40px; }
#page div#map div.mapkey { background: transparent url(../graphic/page/mapkey.png) no-repeat 0 100%; height: 50px; width: 40px; }
#page div#map div.mapvalue { background: transparent url(../graphic/page/mapvalue.png) no-repeat 0 100%; bottom: 70px; display: none; overflow: hidden; padding: 0 0 30px 0; position: absolute; right: -15px; width: 150px; z-index: 2; }
#page div#map div.mapvalue p { display: block; margin: 5px 0 0 0; padding: 0 10px; }