* { margin:0; padding:0; }
body, div, span, p, a, img, ul, ol, li, table, th, tr, td, form, fieldset, legend, dl, dt, dd, blockquote, applet, object { border:0; }
ul, ol {list-style-type:none}
html {background: #fff;}
body { padding: 0; font: normal 12px Arial,sans-serif; color: #000; width: 100%;}
p {line-height: 2.1em;padding: 0 0 15px 0;}

/* LINKS ---------------------------------------------------------------------------------------------------------- */
a {color: #1382b7;text-decoration: underline;}
a:link {color: #1382b7;}
a:focus {color: #1382b7; outline: 0}
a:visited {color: #003e5b}
a:hover {color: #003e5b;text-decoration: none;}
a.more {padding-right: 12px; background: url('../img/arrow.gif') no-repeat 100% 55%;}


/* H1 - H5 -------------------------------------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 { margin:15px 0 15px 0; }
h1 { font-size: 1.6em;  margin: 0; color: #000;}
h2 { font-size: 1.6em; margin: 0 0 15px; color: #000;font-weight: normal;padding: 0}
h3 { font-size:1.2em; margin: 15px 0;color: #000;  padding: 0 0 5px; }
h4 { font-size:1.0em; color: #000 }
h5 { font-size:1.0em; }

/* LAYOUT --------------------------------------------------------------------------------------------------------- */

    /* HEADER ----------------------------------------------------------------------------------------------------- */
    #header {}

        /* logo */
        #header h1 a { display: block; color: #000;margin-bottom: 20px;text-decoration: none;}
        #header h1 a:hover {color: #000}
            #header h1 a span {display: none}

        /* navigation */
        #header ul#nav {display: none;}


        /* header text and star */
        #header p {color: #000;}
        #header .star {display: none;}
            #header .star a {color: #fff;display: block;}

    /* COLS ------------------------------------------------------------------------------------------------------- */
    ul.cols {padding: 30px 0 30px;}
        ul.cols li {width: 100%;}
        ul.cols li.center {margin:0;padding: 5px 0;text-align: left;}
            ul.cols li h2 {font-size: 1.2em;font-weight: bold;color: #000}
                ul.cols li h2 span {color: #e53f8e;padding-right: 10px;}
            ul.cols li a.more {display: none;}

    /* CONTENT ---------------------------------------------------------------------------------------------------- */
    .content {background: #fff;padding: 20px 0;}
        .content .side.flt-l {width: 100%;clear: both; float: none;}
        .content .side.flt-r {width: 100%;clear: both; float: none;}
            .content .side.flt-r h3 {padding: 10px 0 0;}
            .content .side.flt-r span.tel {display: block;}
            .content .side.flt-r a.mail {display: block;}


        /* ul list */
        .content ul {padding: 20px;margin: 0;}




  	/* FOOTER ----------------------------------------------------------------------------------------------------- */
  	.footer { clear:both; color: #000;}
        .footer p {padding: 10px 0 20px;color: #000;font-size: 0.9em;}
        .footer a {color: #000;}



/* OTHER ----------------------------------------------------------------------------------------------------- */
hr { display:block; height:1px; margin:10px 0; padding:0; border:0 solid #CCC; background:#CCC; color:#CCC;}
.clear { clear:both; display: block; height:0;line-height:0;font-size:0; width: 100%;}
.noscreen { display:none; }
.noprint {display: none}
.flt-l {float: left;}
.flt-r {float: right;}
.bold {font-weight: bold;}
.center {text-align: center;}
.noborder {border: 0;}
/* clearfix */
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden}
.clearfix {display: inline-block;}
/* hidden for ie mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}