/**
 * DEFAULT
 * -----------------------------------------------------------------------------
 */
 
/*------------------------------------------IE8 and older IE*/


body {
	background: #FFF;
	color:#00425f;
	font-size:16px;
	margin:0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color:#00425f;
}
a {
	color: #00425f;
    outline:none;
	/*
	-moz-transition: all 0.15s linear;
	-webkit-transition: all 0.15s linear;
	-ms-transition: all 0.15s linear;
	-o-transition: all 0.15s linear;
	transition: all 0.15s linear;
	*/
}
a:active,
a:hover {
	color: #666;
	}

img{
	
}

a:focus, *:focus { outline:none; }


 /** Frequently used elements
 * ----------------------------------------------------------------------------- 
 */
 .clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }



/*put a ">" icon next to text (default 12px:text line-height:18px)*/
/*<span> should be used*/
.icon-inline-link{
	display:inline-block;
	text-indent:-9999px;
	width:7px;
	line-height:18px;
	margin-left:6px;
	background-image:url(../img/icon-link-inline.png);
	background-size:7px 12px;
	background-position:0 50%;
	background-repeat:no-repeat;

}





/**
 * Contents
 * -----------------------------------------------------------------------------
 */
 
 
/*header*/

#header{
}




.article{
}



/*Footer*/


#footer {
	width:100%;
	height:100px;
	clear:both;
	color:#FFF;
	background-color:#00425f;
	position:relative;
	padding-top:24px;
}



#footer .logo{
	position:absolute;
	bottom:12px;
	left:10px;
	width:18.4%;
	max-width: 139px;
	min-width:75px;
}
#footer .logo img{
	width:100%;
	height:auto;
}
#footer .copyright{
	display:block;
	width:75%;
	text-align:right;
	position:absolute;
	bottom:10px;
	right:10px;
	font-size:0.6em;
	word-wrap: normal;
}






/**
 * 11.0 Media Queries
 * -----------------------------------------------------------------------------
 */

/* Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See http://core.trac.wordpress.org/ticket/25888.
 */
@-ms-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}

@media screen and (max-width: 768px) and (orientation : portrait) {
	
	
/*
	#footer {}
	#footer .inner{
		width:95%;
		max-width:980px;
		margin:0 auto;
		position:relative;
		padding:20px 0 60px 0;
	}
		
	#footer .btn-inquiry{
		width:80%;
		display:block;
		margin:0 auto 10px auto;
	}
	#footer p.copyright{
		width:50%;
		display:block;
		margin:0 auto;
	}
*/
		

	
}

@media only screen
    and (min-device-width:320px)
    and (max-device-width:480px)
    and (orientation:landscape) {
			
			.article{
				/*width:95%;*/
			}
			
}

@media screen and (min-width: 401px) {
	
}
@media screen and (max-width: 594px) {
	
	}

@media screen and (max-width: 783px) {
	
	

	
}
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */
}


/* *iPhone4*/
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) 
and (orientation : portrait) {
	
}

/*iPhone6*/
@media only screen 
    and (min-device-width : 375px) 
    and (max-device-width : 667px) 
    and (orientation : portrait) 
    and (-webkit-min-device-pixel-ratio : 2)
{
	
}
@media only screen 
    and (min-device-width : 375px) 
    and (max-device-width : 667px) 
    and (orientation : landscape) 
    and (-webkit-min-device-pixel-ratio : 2)
{ }

@media screen and (min-width: 673px) {}
@media screen and (min-width: 783px) {
	
	
}
@media screen and (min-width: 810px) {}
@media screen and (min-width: 846px) {}
@media screen and (min-width: 1008px) {}
@media screen and (min-width: 1040px) {}
@media screen and (min-width: 1080px) {}
@media screen and (min-width: 1110px) {}
@media screen and (min-width: 1218px) {}
@media screen and (min-width: 1260px) {}


/**
 * 12.0 Print
 * -----------------------------------------------------------------------------
 */

@media print {
	body {
		background: none !important; /* Brute force since user agents all print differently. */
		color: #333;
		font-size: 12pt;
	}
}