/*!
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
 *
 *   CASCADE FRAMEWORK 1.0
 *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
 *
 *
 * Copyright 2013, John Slegers
 * Released under the MIT license
 * http://jslegers.github.com/cascadeframework/license.html
 *
 *
 * This means you can use Cascade Framework for any project,
 * whether commercial or not.
 *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
 *
 * 
 * Cascade Framework also contains the following goodies,
 * which all have the same or similar 'permissive licenses :
 *
 *
 * Includes polyfills by Joshua Bell
 * http://www.calormen.com/polyfill/
 * Released in public domain
 *
 *
 * Includes Google ExplorerCanvas
 * https://code.google.com/p/explorercanvas/
 * Released under the Apache 2.0 license
 *
 *
 * Includes Google Prettify
 * https://code.google.com/p/google-code-prettify/
 * Released under the Apache 2.0 license
 *
 *
 * Includes Yepnope
 * http://yepnopejs.com/
 * Released under the WTFPL license
 *
 *
 * Includes Modernizr
 * http://modernizr.com/
 * Released under the MIT license
 *
 *
 * Includes lodash
 * http://lodash.com/
 * Released under the MIT license
 *
 *
 * Includes jQuery
 * http://jquery.com/
 * Released under the MIT license
 *
 *
 * Includes jQuery Easing plugin
 * http://gsgd.co.uk/sandbox/jquery/easing/
 * Released under the BSD license
 *
 *
 * Includes jQuery Flot plugin
 * http://www.flotcharts.org/
 * Released under the MIT license
 *
 *
 * Includes the Font Awesome webfont
 * http://fortawesome.github.com/Font-Awesome/
 * Released under the SIL Open Font License
 *
 *
 *
 *
 *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
 *
 * Cascade Framework was inspired by many articles and projects
 * 
 * Especially these authors are worth mentioning :
 * 
 * Nicolle Sullivan
 * Jonathan Snook
 * Chris Coyier
 * Eric Meyer
 * Nicolas Gallagher
 * Paul Irish
 * Mark Otto
 * Jacob Thornton
 *
 *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
 * Date: 2013-03-15
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
*/
div#header-area{
    background:#fff;
   height:53px;
 }
div#header-area #header-center{
    position:relative;
    margin:0 auto;
}
/* --------- brand logo --------- */
#brand{
    padding-left:28px;
    padding-top:9px;
    width:250px;
    height:44px;
/*    font-size:0px;
    padding-bottom:4px;*/
    float:left;
}
@media (max-width: 767px){#brand{padding-top:0px;height:28px}}
#brand img{
width:193px;height:35px;
}
/* --------- sanyohomes --------- */
/*#header-area h1{
    margin:10px 29px 0 0;
    width:140px;
    	float:right !important;
    	line-height:1em;
    	margin-bottom:0 !important;
}
#sanyo img{
	float:right !important;
	width:123px;height:13px;
}
.site-footer{background-color:#adadad;/*margin-top:40px;}*/
#copyright{
    background: #adadad url('/common_n/images/footer/copyright.gif');
    width:290px;
    height:10px;
    margin:10px auto 10px;border:none;
    background-size: 100%;
}

@media print {
div#header-area #header-center{width:940px;}
body{zoom:75%;}
}

@media(min-width:980px){div#header-area #header-center{max-width:100%;width:100%/*1280px*/;box-sizing: border-box;padding-right: 100px;}}
/*@media(min-width:979px){div#header-area #header-center{width:940px;}}
@media(min-width:1200px){div#header-area #header-center{width:1100px;}}*/
@media only screen and (max-width:979px){div#header-area #header-center{/*width:768px;*/}}
@media only screen and (max-width:767px){
div#header-area #header-center{width:100%;}
#brand {width:140px;padding:6px 0 4px 6px}
#brand img{width:140px;height:26px;}
#sanyo img{width:100px;height:11px;}
#header-area h1{width:100px;margin:6px 4px 0 0 !important;}
div#header-area{
   height:38px !important;
 }
}
@media only screen and (min-width:481px) and (max-width:767px){
div#header-area{
   height:38px !important;
 }
div#header-area #header-center{width:100%;}}
/*--------------------------------------------*/
#header-bottom{
    position:absolute;
    top:53px;
    width:960px;
    height:2px;
    background-color:#b2b900;
    /*background:url(../images/header/dot-line.gif) repeat-x;*/
    margin:0px;
    font-size:0px;
}

#f-head{
width:100%;
background:#dadada;
text-align:center;
}

#f-head .panel .cell,#f-head .cell panel{margin:0;padding:2px;}
#f-head .panel,#f-head .panel div{border: none !important;}



/*--------------------------------------------*/
.leuven {
    width:48%;
    max-width: 400px !important;
    float: right;
}

.narrow .site-header,.narrow .site-body {
    -webkit-border-top-left-radius:8px;
    -moz-border-radius-topleft:8px;
    border-top-left-radius:8px;
    -webkit-border-top-right-radius:8px;
    -moz-border-radius-topright:8px;
    border-top-right-radius:8px;
}

.narrow .site-center .site-body {
    -webkit-border-bottom-left-radius:8px;
    -moz-border-radius-bottomleft:8px;
    border-bottom-left-radius:8px;
    -webkit-border-bottom-right-radius:8px;
    -moz-border-radius-bottomright:8px;
    border-bottom-right-radius:8px;
}

.template-header h2 {
    display: inline-block;
    margin-bottom: 10px;
}

#sociallogos {
    float:right;
    width:130px;
}

#sociallogos a:hover {
    text-decoration: none;
}

.sitemenutags {
    float:right;
    _width:145px;
}

.sitemenutags .nav li {
    border:0;
    margin:0;
}

.sitemenutags .nav a:hover {
    color:#536d86;
    background:#abbfcb;
}

.centered-content .content {
    width:75%;
}

.centered-content input {
    width:95%;
    _width:55px;
}

.centered-content label {
    float: right;
}

@media only screen and (max-width:979px) {
    .leuven {
        margin: 0 auto;
        float: none !important;
        width: 100%;
    }

    .template-header {
        text-align: center;
    }

    .template-header h2 {
        display: inline-block;
    }

    .sitemenutags {
        float:left;
    }

    .sitemenu {
        display:block;
        clear:both;
    }

    .centered-content .content {
        width: 100%;
    }

    .centered-content label {
        float: left;
    }
}

.sitemenu-responsive {
    display:none !important;
}

.sitemenu-responsive .left {
    position: relative;
    background: #2d3538;
    overflow: hidden;
    width:100%;
    bottom:0;
    top:0;
    /*margin-top: 55px;*/
    border-color: #999;
    border-width: 2px 0 0 0;
    opacity: 0.95;
}

.sitemenu-responsive .icon-align-justify {
    margin:0 !important;
}

.site-header,.sitemenu-responsive,.sitemenu-responsive .left {
    z-index:900;	
}

@media only screen and (max-width:767px) {/*580*/
    .col.sitemenu {
        display:none !important;
    }

    .sitemenu-responsive {
        display:block !important;
    }

    .sitemenu-responsive .collapse-trigger a {
        padding: 4px 6px 0;
    }

    .sitemenutags {
        position: absolute;
        right: 0;
    }
    /**/div#header-area #header-center{
    width:100%;
    }
}


html*#copyright{background: #adadad url('/common_n/images/footer/copyright2.gif') no-repeat;}
#copyright{background/***/: #adadad url('/common_n/images/footer/copyright2.gif') no-repeat;}


div#header-area{
    background:#fff;
}
html*div#header-area #header-center{width:940px;}


/*----------site css------------*/
a:hover h2{
filter:alpha(opacity=80);opacity:0.8;
@media only screen and (max-width: 640px){
opacity:1.0;
}
}
.nav a:hover h2{filter:none(opacity=50)\9}/*ie8*/
.nav li.right a:hover h2{filter:alpha(opacity=80)\9}/*ie8*/


.clearBoth {
clear: both;
}


.site-body {
    color:#333;
    font-size:18px/*15.5px*/;
}

.logo-masthead {
    background: #fff url('images/top.jpg');
    width:700px;
    height:260px;
    margin:10px auto 0;border:none;
    background-size: 100%;
}
.site-center h1{padding:10px;font-size:180%;}
h2,a h2 {
    color:#5a5a5a;
    font-weight: bold; 
    margin-bottom: 5px;
    padding-top: 5px;
}
h2 span{font-size:90%}
.cell a,.cell a:hover{text-decoration:none;}
.highlights {
    margin: 10px auto 0;
    text-align: center;
}

.masthead .slogan {
    margin-top:75px;
    font-size: 40px;
    line-height: 100%;
    font-weight: 700;
    width:440px;
    text-shadow: #2a5267 1px 2px 2px;
}

.masthead .slogan .sub {
    font-size: 20px;
    font-weight: normal;
    text-shadow: #2a5267 0px 1px 1px;
}

.files th, .files td {
    text-align: right;
}

.files tr :nth-child(2) {
    text-align: left;
}

.files .name {
    width:25%;
}

.files .content {
    width:50%;
}

.files .minified {
    width:13%;
}

.gallery .nav {
    width: 100%;
}

.gallery li {
    width: 25%;
    *width:24.8%;
    min-height: 1px;
}

.gallery a {
    height: 0;
    padding-bottom: 70.16%;
    margin: 5px;
    position: relative;
    float: none;
    *padding:0;
    *height: 149px;
}

.gallery img {
    float: none;
    border-width:2px;
    border-color:#999;
    position: absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
}

.gallery img:hover {
    border-color:#3981a7;
}
ul.info{font-size:80%;text-align:left;}
#under_{border-bottom:1px solid #ccc ;text-align:left;}

#inquiry th{border-top:0;border-bottom:1px solid #ccc ;text-align:left;min-width:55px !important;vertical-align:middle;padding:8px 4px 8px 0}
#inquiry td{border-bottom:1px solid #ccc ;text-align:left;vertical-align:middle;padding:8px 8px 8px 0}
#inquiry td#seimei{width:38% !important;}
#inquiry td input{width:100% !important;height:auto !important;}
#inquiry input{border: 1px solid #AAA;padding:4px;}
#inquiry td p{padding:0;margin:0 0 3px;line-height:1em}
#soshin{width:100%;border-bottom:none !important;text-align:center}
#soshin button{}


#inquiry2{margin:0 0 0;height:204px;}
#inquiry2 th{border-top:0;border-bottom:1px solid #ccc ;text-align:left;min-width:100px !important;vertical-align:middle;padding:8px 6px 8px 6px}
#inquiry2 td{border-bottom:1px solid #ccc ;text-align:left;vertical-align:middle;padding:8px 16px 8px 4px}
#inquiry2 td{width:70% !important;}
#inquiry2 td input{max-width:120px;font-size:120%;}
#inquiry2 input{border: 1px solid #AAA;padding:4px;height:auto !important;}
#inquiry2 th p{padding:0;margin:6px 0 3px;line-height:1.4em;font-weight:normal;font-size:90%;}
#inquiry2 td#soshin{text-align:center !important;}
#inquiry2 .button {padding: 6px 30px;font-size:100% !important;font-weight:bold;min-width:150px;float:none !important;margin:0 auto !important}
#inquiry2 .button:hover{filter:alpha(opacity=80);opacity:0.8;}
*html #inquiry2 td input{width:100px;}

#jsbox{display:none !important;font-size:0 !important;position: fixed !important;
    bottom: -1000px !important;overflow: hedden;}







@media(min-width:980px){
    /**/.site-header .nav a,.site-header-ghost .nav a,.site-footer .nav a{font-size:120%;}
.collapse-trigger:hover {background:#fff4f6}
}
@media only screen and (max-width:979px) {
 .logo-masthead {
    width:500px;
    height:200px;
 }
   .files .name {
        width:50%;
    }

    .files .minified {
        width:25%;
    }

    .masthead .slogan {
        margin:0 auto;
        text-align: center;
    }

    .masthead .logo-masthead {
        margin:10px auto 0;
    }

    .masthead .width-fit {
        width:100%;
    }

    .highlights .col {
/**        width:50%!important;*/
    }
    .highlights .col2 {
    /*    width:50%!important;*/
    }
}
@media only screen and  (max-width: 686px){
.masthead .logo-masthead {
        margin:10px auto 0;
    }
}


@media only screen and  (max-width: 600px) {
    .highlights h2,.highlights p {
/*        text-align: left;*/
    }
    .cell2 .icon {
        margin:0 !important;
        display:inline-block !important;
    }
    /*h2 .icon {
        margin:4px 10px !important;
        display:inline-block !important;
    }*/
/*     .icon {
        margin:0 !important;
        float:none !important;
        display:inline-block !important;
    }*//*201801*/
	.collapse-trigger .icon{
    margin:0 !important;
	}
    .highlights .col {
/**        width:100%!important;*/
    }
.masthead .logo-masthead {
        margin:10px auto 0;
    }

}


           @media (max-width: 600px) {
.gallery li {
    width: 50%;
}
           @media (max-width:500px)/*410px*/ {
    .masthead .logo-masthead {
    border:none;
        width:430px;
        height:160px;
        background-size: 100%;
    }
			}
           @media (max-width:425px)/*410px*/ {
    .masthead .logo-masthead {
    border:none;
        width:360px;
        height:144px;
        background-size: 100%;
    }
    .masthead .slogan {
        font-size: 30px;
        width:100%;
    }

/*    td,th {
        width:auto !important;
        word-break:break-all;
    }
*/
    .name {
        width: 45%!important;
    }

    .site-body {
        font-size: 13px;
    } 
}


@media (max-width: 320px){
    .masthead .logo-masthead {
    border:none;
        width:270px;
        height:120px;
        background-size: 100%;
    }
}
@media (max-width:280px) {
    .masthead .logo-masthead {
        width:230px;
        height:100px;
        background-size: 100%;
    }
}

@media (max-width:210px) {
    .masthead .logo-masthead {
        width:180px;
        height:80px;
    }
}

.icon-collapse{/**/float:left !important;}





table.border2{}
table.border2 td{border-width:1px 0 0 0}

*html .site-footer{margin-bottom:0}