@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0;	border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}body {line-height: 1;}ol, ul {list-style: none;}blockquote, q {quotes: none;}blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;} :focus {outline: 0;} ins {text-decoration: none;}del {text-decoration: line-through;}table {border-collapse: collapse;	border-spacing: 0;}.clear:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}.clear {display: inline-block;}html[xmlns] .clear {display: block;}* html .clear {height: 1%;}
/* remember to highlight inserts somehow! */
/* remember to define focus styles! */
html{height:101%;}
body{height:100%;color:#636363; font-family:Arial, Helvetica, sans-serif; font-size:15px;}
strong, b{color:#9d1f5e;}
h1, h2, h3, h4, h5, h6{color:#1a5d74;padding:0 0 10px;}
h2, h3{padding:10px 0 10px;}
h1{font-size:130%;}
h2{font-size:120%;}
h3{font-size:110%;}

/* tables still need 'cellspacing="0"' in the markup */
td{vertical-align:top;padding:0 5px 0 0;}
div#wrap{min-height: 100%; height: auto !important;	height: 100%;margin: 0 auto -119px; /* the bottom margin is the negative value of the footer's height */padding:0 ;}
#footer, #push {height: 119px; /* .push must be the same height as .footer */}
#header{margin:0 auto; background:#000103 url(../img/header_bg.jpg) no-repeat 50% 0; height:177px;}
#header div{width:960px; margin:0 auto;}
#header img{margin:10px 0 0 10px;}
#header #mainnav{padding:0; margin:9px 0 0 75px;}
#mainnav ul{height:50px;}
#mainnav ul li{float:left; background:url(../img/navi_div.png) no-repeat right center;}
#mainnav a{display:block;color:#636363;text-decoration:none;padding:20px 10px 15px 10px;}
#mainnav a:hover{text-decoration:underline;}
#content{width:1000px; margin:0 auto; background:url(../img/swirl.jpg) no-repeat right top;padding:20px 0 20px 15px;}
#content p{padding:10px 0;}
#leftcol{float:left;width:555px;min-height:600px;}
#leftcol2{width:500px;float:left;margin:0 auto;min-height:600px;}
#rightcol{float:left;width:280px; text-align:center;}
#rightcol img{margin:0 0 20px 0;}
#footer{background:#000103 url(../img/footer_bg.jpg) no-repeat 50% 0; height:119px;}
#footer div{background:url(../img/varjo.jpg) no-repeat 15px 5px;margin:0 auto;width:860px;height:50px;padding:0 0 0 100px;}
#footer div p{float:left;width:220px;font-size:12px;padding:14px 0 0;}
#footer div p#keski{width:400px;}
#footer div p#keski em{font-size:11px;}
#submenu{float:left; width:200px;padding:0 20px 0 0;}
#submenu li{margin:0 0 10px;}
#submenu a{color:#9d1f5e; text-decoration:none;}
#submenu a:hover{text-decoration:underline;}
#submenu a.activeA{color:#1a5d74;cursor:default;}
#leftcol2 ul{padding:0 0 10px 15px;}
#leftcol2 li{margin:0 0 5px 0; list-style:outside disc;}