@charset "utf-8";
* { margin: 0; padding: 0; }

.container {/* overflow: hidden; */ float:none;}
html {  height:100%; }
body{ height:100%;font:12px Tahoma; width:100%;}
.cl{ clear:left;}

a { color:#000000; text-decoration:none;}
a:visited { color:#000000; text-decoration:none;}
a:hover { color:#000000; text-decoration:none; border-bottom:none;}
a:active { color:#000000; text-decoration:none;}

.f-left { float: left; }
.f-right { float: right; }

table { border-collapse: collapse; width: 100%; }
table th, table td { vertical-align: top; }

ul{ list-style:none;}

h1, h2, h3, h4, h5{ font-weight:normal;}
h1{ font-size:40px; color:#48217e;}
h2{ font-size:20px;}
h3{ font-size:16px;}
h4{ font-size:14px;}

.grey{ color:#848484!important;}
.w-100 { float: left; /*overflow: hidden;*/ }

.w-100 { width: 100%; }

input { vertical-align: middle }

#site { min-width:995px; max-width:1280px; margin:0 auto; background:#ffffff; min-height:100%; height:auto!important; height:100%; position:relative;}

#header { clear:both; width:100%; height:116px;}

#logo{ float:left; margin:11px 0 0 52px; display:inline;}
#logo img{ }

#content { clear:both; padding-left:30px; position:relative; overflow:hidden; padding-bottom:205px;}
#footer { clear: both; padding:0 0 28px 0; width:100%; height:101px; margin:0 auto; position:relative; margin-top:-145px;}
#footer .line{ margin:0 32px 31px 30px; border-top:1px solid #969696;}
.left-footer{ float:left; margin:0 0 0 30px; width:50%; display:inline}
.left-footer img{ float:left; margin-right:20px;}
.left-footer p{ margin-left:55px; line-height:16px; margin-bottom:4px;}
.left-footer span{ font-size:11px;}
.left-footer a{ font-size:11px;}
.right-footer{ float:right; width:312px; padding-left:50px;}
.right-footer img{ margin:-4px 0 -5px 0; position:relative;}

.left{ /*margin-right:362px;*/ clear:left;}
.left h1{ margin-top:36px; clear:left;}
.rss{ background:url(../images/sprite.png) 0 -95px no-repeat; height:20px; width:19px; float:right; margin-top:-28px;}

.right{display:none; }

.article{ margin:28px 0 40px 0;}
.article h3.date{ float:left; margin:0 0 12px 0;}
.article .cat{ font-size:11px; padding:5px 0 0 0; text-align:left; font-style:normal;}
.article .cat img{ background:url(../images/sprite.png) no-repeat -18px -74px; margin:0 5px 0 15px;}
.article p{ clear:left; line-height:20px; margin-bottom:20px;}
.article h2{ margin-bottom:11px;}
.article h2 span{ font-size:12px; font-style:italic; font-family:Arial, Helvetica, sans-serif;}
.article h3{ color:#444444; margin-bottom:2px;}
.article ul, .article ol{ font-size:14px; padding:1px 0 23px 20px;}
.article ul.kplus{ padding-left:0;}
.article ul li{ background:url(../images/bk_dash.gif) 0 9px no-repeat; padding:0 0 13px 18px;}
.article ol{ list-style-type:decimal; list-style-position:inside; color:#48217e; font-size:16px; font-weight:bold;}
.article ol span{ color:#000000; font-size:14px; font-weight:normal;}
.article ol li{ padding:0 0 13px 0;}
.article ol ol, .article ol ul{ font-size:12px; padding:0 0 0 20px;}
.article ol ol{ list-style-type:lower-alpha;}
.article ol ol li, .article ol ul li{ padding:10px 0 0 0;}
.article ol ol li span{ font-size:12px;}
.article div{ text-align:center; font-style:italic; font-family:Arial, Helvetica, sans-serif; font-size:14px; margin-bottom:32px;}
.article div img{ margin:14px 0;}
.article table{ margin-top:3px;}
.article th{ text-align:left; padding:10px 20px;}
.article tr{ }
.article tr.dark{ background-color:#e1daeb;}
.article td{ padding:15px 20px;}

.left h2.cl{ padding-top:12px; margin-bottom:-14px;}
ul.news-list{ float:left; clear:left; margin:31px 0 20px 0; width:100%;}
ul.news-list li{ background:none;float:left; clear:left; margin:0; width:100%;}
ul.news-list .date{ font-size:10px; height:14px; width:75px; float:left; padding-left:5px; margin-top:4px; overflow:hidden;}
ul.news-list .lite{ color:#848484;}
ul.news-list .dark{ color:#FFFFFF; background-color:#969696;}
ul.news-list .dark div{ width:0; height:0; font-size:0; border:solid 7px; border-color:#FFFFFF #FFFFFF #FFFFFF #969696; float:right;}
ul.news-list p{ margin-left:85px; line-height:18px;}
ul.news-list span{ background-color:#f2efda; padding:3px 0;}
ul.news-list .cat{ margin:0 0 0 85px; font-size:10px; padding:0 0 20px 0;}
ul.news-list .cat img{ background:url(../images/sprite.png) no-repeat -18px -74px; margin-right:5px;}

ul.seminar-list{ float:left; clear:left; margin:31px 0 20px 0; width:100%;}
ul.seminar-list li{ background:none;float:left; clear:left; margin:0 0 43px 0; width:100%;}
ul.seminar-list .date{ font-size:11px; width:75px; float:left; padding-left:5px; margin-top:4px; color:#646464;}
ul.seminar-list a{ font-size:14px;}
ul.seminar-list p{ margin-left:85px; line-height:18px;}
ul.seminar-list span{ background-color:#f2efda; padding:3px 0;}

.arch{ position:relative; width:100%; float:left; background-color:#f1f1f1;}
.arch .lt, .arch .rt, .arch .lb, .arch .rb{ background:url(../images/corners_arch.gif) no-repeat; position:absolute; height:4px; width:4px; margin:0;}
.arch .lt{ background-position:0 0; top:0px; left:0px;}
.arch .rt{ background-position:0 -5px; top:0px; margin-left:100%; left:-4px;}
.arch .lb{ background-position:0 -11px; left:0; bottom:0;}
.arch .rb{ background-position:0 -16px; margin-left:100%; left:-4px; bottom:0;}
.arch h2{ margin:5px 0 0 20px;}
.arch .year{ border-bottom:#6f6f6f 1px solid; width:100%; float:left;}
.arch .year .f-left{ margin:13px 0 0 9px; display:inline}
.arch .year a{ margin-bottom:4px; float:left; margin:0 11px;}
.arch .year span{ float:left; margin:0 11px; background:#6f6f6f; padding:1px 7px 2px; color:#FFFFFF;}
.arch .month{ padding:3px 0 15px 20px; float:left; display:inline; line-height:25px;}
.arch .month .f-left{ margin:0 27px 0 0; white-space:nowrap;}
.arch .month span{ float:left; margin:1px 0 0 5px; color:#6f6f6f; font-size:11px;}
.arch .month a{ float:left;}
.orange .year{ border-bottom:#fe8c2f 1px solid; width:100%; float:left;}
.orange .year span{ float:left; margin:0 11px; background:#fe8c2f; padding:1px 7px 2px; color:#FFFFFF;}
.violet .year{ border-bottom:#704da1 1px solid; width:100%; float:left;}
.violet .year span{ float:left; margin:0 11px; background:#704da1; padding:1px 7px 2px; color:#FFFFFF;}
.aqua .year{ border-bottom:#0072de 1px solid; width:100%; float:left;}
.aqua .year span{ float:left; margin:0 11px; background:#0072de; padding:1px 7px 2px; color:#FFFFFF;}
.article .arch{ text-align:left; font-style:normal; font-family:Tahoma;}
.article .arch h3{ margin:10px 22px 14px 22px;}
.article .arch h3 span{ font-size:30px;}
.article .arch h2{margin:17px 0 6px 20px;}
.article .arch ol{ padding-bottom:13px;}
.article .arch ol ol{ padding-bottom:0;}