/*!
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
 *
 *   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;
    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 only screen and (max-width: 280px){#copyright{zoom:80%}}
@media print {
div#header-area #header-center{width:940px;}
body{zoom:75%;}
}


@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;
    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;}

/*--------------------------------------------*/


@media only screen and (max-width:979px) {
    .sitemenu {
        display:block;
        clear:both;
    }
}
.sitemenu-responsive {
    display:none !important;
}
.sitemenu-responsive .left {
    position: relative;
    background: #2d3538;
    overflow: hidden;
    width:100%;
    bottom:0;
    top:0;
    border-color: #999;
    border-width: 2px 0 0 0;
    opacity: 0.95;
}
.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;}
div#header-area #header-center{width/***/:940px9;}

/*----------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: 15.5px;
}

.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;
}

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;}

.site-header .nav a {
    padding: 4px 6px 4px 10px !important;
    text-align: center;
    margin: 0;
}

@media(min-width:1010px){
    /**/.site-header .nav a,.site-header-ghost .nav a,.site-footer .nav a{font-size:100%;}
.collapse-trigger:hover {background:#fff4f6}
}
@media(min-width:1124px){
    /**/.site-header .nav a,.site-header-ghost .nav a,.site-footer .nav a{font-size:120%;}
}
@media(max-width:1009px){
.site-header .nav a, .site-footer .nav a {padding: 4px 0 10px 8px !important;}
}




@media only screen and  (max-width: 600px) {
.cell2 .icon {margin:0 !important;display:inline-block !important;}
.collapse-trigger .icon{margin:0 !important;}
}
@media (max-width:425px)/*410px*/ {
.site-body {font-size: 13px;} 
}


.icon-collapse{float:left !important;}
table.border2{}
table.border2 td{border-width:1px 0 0 0}

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