@charset "UTF-8";
/** reset */
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; font-style: normal; font-weight: normal; vertical-align: baseline; background: transparent; }



li { list-style: none; }

blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

ins { text-decoration: none; }

del { text-decoration: line-through; }

table { border-collapse: collapse; border-spacing: 0; }

img { vertical-align: bottom; }

:focus { outline: 0; }

.root .child-1 { padding-left: 1em; }
.root .child-1 li:before { content: "├ "; }
.root .child-1 li:last-child:before { content: "└ "; }

/** base */
body { background-color: #fff; }

#wrapper { background-color: #fff; }

#header { height: 40px; background-color: #efefef;text-align: center; }
#header h1 { padding: 20px; color: #fff; font-size: 30px; line-height: 1em; }

#container { height: 1500px; width: 900px; magin:0 auto;}
#container p { padding: 20px 10px; color: #268; font-size: 18px; line-height: 1em; }

#footer  { height: 40px; background-color: #efefef;text-align: center; }
#footer p { padding: 12px; color: #aaa; font-size: 20px; line-height: 1em; text-align: center; }

/** Navigation  */
#wrapper { position: relative; }


#nav-1, #nav-2, #nav-3, #nav-4 { right: 100px; padding: 5px 15px; width: 130px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color: #3e4bb6; color: #fff; }

#nav-1 li, #nav-2 li, #nav-3 li, #nav-4 li { padding: 4px 10px; font-size: 15px; line-height: 1.5em; }

#nav-1 li:first-child, #nav-2 li:first-child, #nav-3 li:first-child, #nav-4 li:first-child { margin-bottom: 5px; padding-left: 0; border-bottom: 2px dotted #a4c1f9; }

#nav-2 { right: 300px; background-color: #1e8a4c; }
#nav-2 li:first-child { border-bottom-color: #d6a646; }

#nav-3 { right: 500px; background-color: #176a6e; }
#nav-3 li:first-child { border-bottom-color: #cbf9a4; }

#nav-4 { left: 110px; background-color: #555; }
#nav-4 li:first-child { border-bottom-color: #eee; }