a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, div, dt, em, embed, fieldset, figcaption, figure, font, footer, form,  h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav, object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup, table, tbody, tfoot, thead, th, tr, tdvideo, tt, u, ul, var {background:transparent;border:0 none;margin:0;padding:0;border:0;outline:0;vertical-align:top}


article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block}
mark, rp, rt, ruby, summary, time {display:inline }


body {background:#999;border:0;font:14px Arial, Helvetica;color:#666;line-height:20px}



.wrap {width:100%;overflow:hidden}

.left {float:left}
.right {float:right}


a {color:#333;text-decoration:none;outline:none}
a:hover {text-decoration:underline}
h1 {font-size:28px;color:#000;font-weight:bold;margin:20px 8px;line-height:24px}
h2 {font-size:20px;color:#000;font-weight:bold;margin:20px 8px;line-height:24px}
h3 {font-size:16px;color:#666;font-weight:bold;margin:16px 8px; line-height: 22px}
h4 {font-size:14px;color:#666;font-weight:bold;margin:8px; line-height: 20px}
h5 {font-size:14px;color:#666;font-weight:normal;margin:8px; line-height: 15px}
h6 {font-size:28px;color:#000;font-weight:normal;margin:8px;float:left}
p {margin:8px}
img{vertical-align:top;max-width:100%;height: auto;width: auto\9; /* ie8 */}
figure{margin: 4px;max-width:100%}
figure p {margin: 0px 2px;font-size:10px}


ol, ul {margin:0px}
li {}

.bold {font-weight:bold}

blockquote, q {quotes:none}
table, table td {padding:0;border:none;border-collapse:collapse}
embed {vertical-align:top}
* {border:none}


header {padding:10px}




.logo {float:left; display:inline-block;width:30%}
.navi {float:right; display:inline-block;width:70%}

.content {margin:10px}

.path {width:100%;float:left; display: inline-block;margin-top:4px; font-size: 13px}
.path a {color:#555;outline:none}


.cont {width:66.6%;float:left; display: inline-block;margin-bottom:20px}
.cont ul {margin:0px 0px 20px 0px}
.cont li {margin:0px 0px 8px 24px;padding-left:8px}
.cont figure {margin: 4px 16px 4px 8px;max-width:160px;float:left; display: inline-block}


.bar {width:33.3%;float:left; display: inline-block;min-width:180px;font-size:13px;margin-bottom:20px}
.bar h3 {color:#fff;margin:8px;line-height:15px;display:block;font-size:14px;color:#555}

.bar_cont {width:99%;float:left; display: inline-block;margin:1%}
.bar_cont .teaser img {width:100px}




.teaser {width:99%;display:block;padding-bottom:12px;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px}
.teaser img {width:136px;float:left;margin:8px;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px}
.teaser p {padding:0px 4px 0px 4px;margin-top:6px}
.teaser h3 {padding:8px 4px 4px 8px;margin:0px}
.teaser a {color:#666;display:block; text-decoration:none;min-height: 116px}
.teaser a:hover h3 {color:#fff;display:block; text-decoration:none}
.teaser a:hover {background:#999;color:#fff;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px}


.search {width:58%;height:30px;margin:8px 8px 0px 8px;float:left;padding-left:8px;border:1px solid #666;font:15px Arial, Helvetica;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px}
.submit {width:28%;height:34px;margin:8px 8px 0px 0px;float:left;padding:0px 16px 0px 16px;background:#666;color:#fff;font-weight:bold;font:15px Arial, Helvetica;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px}
.submit:active {background:#333}

.main{ width: 1000px; position: relative; margin:0px auto; padding: 0px;background: #fff;height: auto;width: auto\9; /* ie8 */}
.main:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden}
.main .row{}
.main .row:before,.row:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.main .row:after{clear: both; }
.main .row{zoom: 1;}


nav {margin:10px}
nav ul {list-style:none;float:right;width:100%}
nav ul li {line-height:36px}
nav ul li a {color:#fff;display:block;font-weight:bold;float:left;background:#000;text-align:center;width:32.33%;margin:0.5%;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px}
nav ul li a:hover {color:#fff;display:block;font-weight:bold;float:left;background:#666;text-align:center;width:32.33%;margin:0.5%;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;text-decoration:none}


footer {width:100%;height:36px;margin-left:20px}



@xmedia only screen and (min-width: 1000px) and (max-width: 2000px) {
	.main{width:100%;max-width:1000px}
}


@media only screen and (min-width: 800px) and (max-width: 999px) {
	.main{width:100%}
}


@media only screen and (min-width: 719px) and (max-width: 799px) {
	.main, .logo, .navi {width:100%;font-size:13px}
	.cont, .bar {min-width:100%;}
	.bar_cont {width:99%}
}


@media only screen and (min-width: 100px) and (max-width: 719px) {
	.main, .logo, .navi {width:100%;font-size:13px}
	.main h2, h3 {font-size:15px}
	.cont, .bar {width:100%}
	.cont50, .cont100, cont100 figure img, .text figure, .path, .logo, .bar_cont {width:100%}
	.cont50 p, .hide {display: none}
	.cont100 figure{max-width:100%;display:none}
}