.contact_inner textarea {
	width: 95%;
	max-width: 600px;
}
.contact_inner input {
	width: 95%;
	max-width: 200px;
}
.groupbox { }
.groupbox div { float: left; }
.thirdbox, halfbox { min-width: 300px; }
.thirdbox { width: 33%; }
.halfbox { width: 50%; }
#hzmenu { }
#hzmenu ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
#hzmenu li {
  padding: 1px 5px;
  border-left: 2px solid #AAA;
}
#first { border-left: none !important; }
.submenu li { border-color: #AAAAAA !important; }
#headmenu li { border-color: #CC6600 !important; }
#header {
 	max-height: 140px;
	height: 100% !important;
	background-size: cover !important;
	max-width:790px; /*resp 790px; */
}

#footmenu li { border-color: #CC6600 !important; }

@media all and ( max-width: 900px ) {
	.thirdbox { width: 50% !important; }
}
@media all and ( max-width: 600px ) {
	.thirdbox, halfbox { width: 100% !important; }
	.groupbox { float: none !important; }
}
@media all and ( max-width: 1020px ) {
    img, map, #hdr-img {
        max-width: 100% !important;
        height: auto;
    }
    #rap {
        margin: 0 !important;
        width: 100% !important;
        border: none !important;
        padding: 0 !important;
    }
    td.cal_title {
        font-size: 1.0em !important;
        white-space: pre-line !important;
    }
    #content {
        padding: 0 !important;
        width: 100% !important;
    }   
    #cnt, #hdr, #mnu, #bdy, #ftr {
        position: relative !important;
        display: block !important;
        width: auto !important;
        height: auto !important;
        margin: 0 !important;
        float: none !important;
    }   

    #hdr { 
        padding: 10px 0 0;
	background-position: 50% !important;
	background-size: cover !important;
    }
    #hdr-img,
    #slideshow-area {
        display: none !important;
    }
    #hdr #logo {
        clear: both;
        float: none;
        position: relative;
        z-index: 9999;
        display: block;
        margin: 0 0 20px;
        padding: 0;
    }
    #hdr #logo img {
        display: block;
        margin: 0 auto;
        height: 120px;
        width: auto;
    }
	.ww2ddmenu ul li, .ww2ddmenu ul li a {
		border-radius: 0.5em !important;
	}
	.ww2ddmenu {
		max-width: 100% !important;
	}


    #bdy {
        padding: 20px;
	border: none !important;
    }    

    #mnu {
        background-color: #aa0000;
    }
    #mnu ul {
        text-align: center;
    }
    #mnu ul li {
        display: inline-block;
        padding: 5px;
    }

    .half-lt, .h-half-lt, 
    .half-rt, .h-half-rt {
        width: 44%;
        padding: 0;
        margin: 0 3% 3%;
    }

    .h-half-lt { width: 34%; }       
    .h-half-rt { width: 54%; }

    .h-half-rt img {   
        display: block;
        margin: 0 auto;
    }

    .product {        
        width: 29%;
        padding: 0 2% 2%;
        margin: 0;
    }

    .post.has-thumb {
        
        padding-right: 0 !important;
    }
    .post.has-thumb img.post-thumb {
        position: static !important;
    }
}

@media all and ( max-width: 800px ) {
    .col {
        float: none !important;
        width: auto !important;
        padding: 0 !important;
        margin: 0 0 20px !important;
    }
    .col.last {
        width: auto !important;
        margin: 0 !important;
    }
    #hzmenu li { float: left !important; }
}

@media all and ( max-width: 640px ) {
    .half-lt, .h-half-lt,
    .half-rt, .h-half-rt {
        float: none;
        width: auto !important;
        padding: 0;
        margin: 0 0 20px;
    }
    #hdr #logo {
        margin-left: auto;
        margin-right: auto;
    }
}

