@import"reset.css";
@import"skeleton.css";
@import"superfish.css";
@import"forms.css";
@import url(http://fonts.googleapis.com/css?family=Lato:400,900,400italic);

/*--------------------------------------
              BASE
--------------------------------------*/
body{
	background: #FFF;
	color: #000;
	font:14px/16px Lato,Arial, Helvetica,'HG娵恨集窶-PRO','僸儔僊僲妏僑 Pro W3','Hiragino Kaku Gothic Pro', Osaka,俵俽 俹僑僔僢僋, sans-serif;
	-webkit-text-size-adjust: none;
	min-width:980px;
	position:relative;
}
html,body{
	height:100%;
}
a{
	color:#373737;
	outline:none;
	cursor:pointer;
	text-decoration:none;
}
a:hover{
	text-decoration: none;
	color:#326195;
}
.alignright{text-align:right}
.aligncenter{text-align:center}
.alignmiddle *{vertical-align:middle}
.alignleft{text-align:left}

/*  Header styles */
h1,h2,h3,h4,h5,h6{
	line-height:1.2em;
	color:#373737;
	font-family: 'Lato', sans-serif; 
	font-weight:900;
}
h1{
	font-size:26px; 
	text-transform:uppercase;
}
h2{
	font-size:24px;
	padding-bottom:10px;
}
h3{
	font-size:20px;
	text-transform:uppercase;
} 
h4{
	font-size:18px; 
}  
h5{
	font-size:16px;
	text-transform:uppercase;
}
h5 span{
	font-size:12px;
}

h6{
	font-size:14px;
}
hr {
	border: 0;
	border-bottom: 1px solid #b7b7b7;
	border-top: 1px solid #b7b7b7;
	display: block;
	float: left;
	height: 3px;
	margin: 40px 0;
	width: 100%;
}
.title-1, .title-2{
	font-family: 'HG娵恨集窶-PRO','僸儔僊僲妏僑 Pro W3','Hiragino Kaku Gothic Pro', Osaka,俵俽 俹僑僔僢僋, sans-serif; 
	font-weight:900;}
blockquote{
	font-family: 'HG娵恨集窶-PRO','僸儔僊僲妏僑 Pro W3','Hiragino Kaku Gothic Pro', Osaka,俵俽 俹僑僔僢僋, sans-serif; 
	font-weight:400;
	font-style:italic;
	}
.title{
	padding:10px;
}
.pd10{
	padding-top:10px;
}
.pd20{
	padding-top:20px;
}
.pd30{
	padding-top:30px;
}
.pd40{
	padding-top:40px;
}
.f14{
	font-size:14px;
}

/*--------------------------------------
              BACKGROUND
              仸僗儔僀僪
--------------------------------------*/
HTML {_background: url(/images/trans.gif) no-repeat fixed;}
.bgstretcher-area { text-align: left; }
.bgstretcher, .bgstretcher UL, .bgstretcher UL LI {
	position: absolute;
	top: 0;
	left: 0;
}
.bgstretcher UL, .bgstretcher UL LI {
	margin: 0;
	padding: 0;
	list-style: none;
}
.bgstretcher {
	background: black;
	overflow: hidden;
	width: 100%;
	position: fixed;
	z-index: 1;
	_position: absolute; /*IE6 doesn't support fixed positioning*/
	top: 0;
	left: 0;
}
.wrapbg{
	position: absolute;
	top: 0;
	left: 0;
	min-width:100%;
	min-height:100%;
}
/*--------------------------------------
              BACK TO TOP
--------------------------------------*/
#backtop {
	position: fixed;
	margin-left:20px;
	bottom: 15px;
	z-index: 1000;
}
#backtop span {
	width: 75px;
	height: 75px;
	display: block;
	background: url(../images/logo_navi.png) bottom no-repeat;
}
#backtop a:hover span {
	background:url(../images/logo_navi.png) bottom no-repeat rgba(87,86,81,0.1);
	-webkit-border-radius:40px;
    -moz-border-radius:40px;
    border-radius:40px;

}
/*--------------------------------------
              HEADER
--------------------------------------*/
nav{
	z-index:9999;
}
/*--------------------------------------
              LOGO
--------------------------------------*/
header{
	width:980px;
	padding-top: 20px;
	margin:0px auto; 
}
header h1 {  
	padding-top:15px;
	z-index: 1000;

}  
header h1 a { 
	display:block;  
}
header h3 a:hover { 
	background-position: right top;
}  
/*--------------------------------------
              TITLE BAR
--------------------------------------*/
.title_bar{
	margin:40px 10px 10px 10px;
}
.title{
	font-family: 'HG娵恨集窶-PRO','僸儔僊僲妏僑 Pro W3','Hiragino Kaku Gothic Pro', Osaka,俵俽 俹僑僔僢僋, sans-serif; 
	font-size: 20px;
	font-weight:bold;
	line-height: 2em;
	display: inline;
}
.title_bar .navi {
	display: inline;
	padding-left: 20px;
}
.title_bar .btn{
	color:#FFF;
}

.title_bar a{
	color: #373737;
}

/*--------------------------------------
              CONTENTS
--------------------------------------*/
#main-content{
	margin:50px auto 10px;
	position:relative;
	width:980px;

}
#sub-content{
	margin:10px auto 10px;
	position:relative;
	width:980px;

}
.content{
	position: relative; 
	width: 960px; 
	margin: 0 auto; 
	padding: 0;
}
.bg{
	background: #FFF;
	opacity: 0.7;
	border:#CCC solid 1px;
}
.bg2{
	background: #FFF;
	opacity: 0.8;
	border:#CCC solid 1px;
}
.new{
	padding:20px;
	min-height:360px;
	line-height:1.2em;
}
.new dt{padding-top:5px;}
.inner20{
	padding:20px;
}

.inner10{
	padding:10px;
}
.inner5{
	padding:5px;
}

.message1{
	line-height: 1.5;
	width:300px;

}
/*--------------------------------------
              TEXT BOX
--------------------------------------*/
.textbox900{/*僐儞僥儞僣儊僀儞儃乕僪*/
	overflow:hidden; 
	position:relative; 
	padding:40px;
	width:900px;
	margin:0px auto;
	background:#FFF;
	opacity: 0.8;

}
.textbox700{/*僐儞僥儞僣儊僀儞儃乕僪*/
	overflow:hidden; 
	position:relative; 
	width:700px;
	margin:10px auto 10px auto;
}
.textbox600{/*僐儞僥儞僣儊僀儞儃乕僪*/
	overflow:hidden; 
	position:relative; 
	width:500px;
	margin:0 auto 20px auto;
}

.textbox_brown{/*儊僢僙乕僕榞*/
	display:block;
	background: #59493f;
	width: 250px;
	margin:2px auto;
}
.text_w{
	color:#FFF;
	padding:20px;
}

.text{
	font-family: 'HG娵恨集窶-PRO','僸儔僊僲妏僑 Pro W3','Hiragino Kaku Gothic Pro', Osaka,俵俽 俹僑僔僢僋, sans-serif; 
	padding:5px 30px 5px 30px;
	color:#373737;
}
.textbox1{/*儊僢僙乕僕榞*/
	display:block;  
	background: url(../images/textbox1.png)center no-repeat;
	width:280px;
	height:194px;
	margin:0px auto; 
}
.text1{
	font-family: 'HG娵恨集窶-PRO','僸儔僊僲妏僑 Pro W3','Hiragino Kaku Gothic Pro', Osaka,俵俽 俹僑僔僢僋, sans-serif; 
	padding:45px;
}

.textbox2{/*儊僢僙乕僕榞*/
	display:block;
	border:2px solid #59493f;
	width:200px;
	height:195px;
	margin:5px 10px; 
	float:left;
}
.text2{
	font-family: 'HG娵恨集窶-PRO','僸儔僊僲妏僑 Pro W3','Hiragino Kaku Gothic Pro', Osaka,俵俽 俹僑僔僢僋, sans-serif; 
	padding:20px;
	font-size: 14px;
	line-height: 1.2em;
}
.textbox3{/*儊僢僙乕僕榞*/
	margin: 0 auto; 
	padding: 0;
 	width:600px;
	overflow:hidden; 
	position:relative; 

}
.textbox3-1{/*儊僢僙乕僕榞*/
	display:block;
	background: #f8b62c;
	border:2px solid #59493f;
	width: 180px;
	min-height:320px;
	margin:2px auto;
	float:left;
}
.textbox3-2{/*儊僢僙乕僕榞*/
	display:block;
	background: #FFF;
	border:2px solid #59493f;
	width:400px;
	min-height:320px;
	margin:2px 5px;
	float:left;
	
}
.text3{
	font-family: 'HG娵恨集窶-PRO','僸儔僊僲妏僑 Pro W3','Hiragino Kaku Gothic Pro', Osaka,俵俽 俹僑僔僢僋, sans-serif; 
	padding:20px;
	font-size: 16px;
	line-height: 1.2em;
}


.textbox4{/*儊僢僙乕僕榞*/
	display:block;  
	background: #59493f;
	width:260px;
	margin:5px auto; 
}
.text4{
	font-family: 'HG娵恨集窶-PRO','僸儔僊僲妏僑 Pro W3','Hiragino Kaku Gothic Pro', Osaka,俵俽 俹僑僔僢僋, sans-serif; 
	padding:10px;
	color:#FFF;
}

.req ul{
	list-style-type:decimal;
	margin:0px 0px 0px 10px;
}
.req li li{
	list-style-type:none;
	margin:0px 0px 0px 10px;
	padding: 5px;
}
.req2 ul{
	list-style-type:decimal;
	margin:0px 0px 0px 10px;
	padding: 5px;
}
.req2 li li{
	list-style-type:disc;
	margin:0px 0px 0px 10px;
}
.req3{
	margin:0px 0px 0px 20px;
}
/*--------------------------------------
              BUBBLE LINK
--------------------------------------*/
a img.imgfilter{
	opacity:1;
	filter:alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
	background:none!important;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
   -webkit-transform: scale(0.8,0.8);
   -moz-transform: scale(0.8,0.8);
   -o-transform: scale(0.8,0.8);
   -ms-transform: scale(0.8,0.8);
   transform: scale(0.8,0.8);
}
 
a:hover img.imgfilter{
	opacity:1;
	filter:alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
	background:none!important;
   -webkit-transform: scale(1,1);
   -moz-transform: scale(1,1);
   -o-transform: scale(1,1);
   -ms-transform: scale(1,1);
   transform: scale(1,1);
}
/*--------------------------------------
              BUTTON
--------------------------------------*/
.btn {
	font-size:16px;
	font-family:Arial;
	font-weight:normal;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #eeb44f;
	padding:9px 18px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ffc477), color-stop(100%, #fb9e25) );
	background:-moz-linear-gradient( center top, #ffc477 5%, #fb9e25 100% );
	background:-ms-linear-gradient( top, #ffc477 5%, #fb9e25 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#fb9e25');
	background-color:#ffc477;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #cc9f52;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #fce2c1;
 	-moz-box-shadow:inset 1px 1px 0px 0px #fce2c1;
 	box-shadow:inset 1px 1px 0px 0px #fce2c1;
 	margin-bottom:2px;
}
.btn:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #fb9e25), color-stop(100%, #ffc477) );
	background:-moz-linear-gradient( center top, #fb9e25 5%, #ffc477 100% );
	background:-ms-linear-gradient( top, #fb9e25 5%, #ffc477 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25', endColorstr='#ffc477');
	background-color:#fb9e25;
}
.btn:active {
	position:relative;
	top:1px;
}
/*--------------------------------------
              CONTACT
--------------------------------------*/
#contact-form{
 width:500px;
 margin:20px auto;
}
/*  Buttons */
.button{  
	display:inline-block; 
	background:url(../images/button.jpg) 0 -26px repeat-x #ccc; 
	font:12px/18px Arial, Helvetica, sans-serif;  
	padding:4px 0px 4px 8px; 
	border-radius:2px; 
	-moz-border-radius:2px; 
	-webkit-border-radius:2px; 
	box-shadow:1px 2px 2px rgba(0,0,0,0.5); 
	margin:0 1px 3px 0;color:#161519;
}
	.button span{ 
		display:inline-block; 
		background:url(../images/button-arrow.png) 0 -11px no-repeat; 
		width:13px;
		height:11px; 
		margin:5px 0 0 9px;
	}
	.button:hover{
		background:url(../images/button.jpg) 0 0 repeat-x; 
		text-decoration:none; 
		color:#fff;
	}
		.button:hover span{
			background:url(../images/button-arrow.png) 0 0 no-repeat;
		}


/*--------------------------------------
              FOOTER
	background: #59493f url(../images/footer_bg.png)repeat;
--------------------------------------*/
footer{
	font:18px Lato,Arial, Helvetica,'僸儔僊僲妏僑 Pro W3','Hiragino Kaku Gothic Pro', Osaka,俵俽 俹僑僔僢僋, sans-serif;

}
.copyright{
	padding:10px;
	text-align:center; 
	color:#FFF;

}
@media only screen and (max-width: 995px) {
 .map{ padding:3px 0 0 0;}
	.map iframe{ width:300px; height:329px;}
  #contact-form input, #contact-form textarea{
  width: 220px;
  }
}

@media only screen and (max-width: 767px) {
 .map{float: none !important;margin-bottom: 30px;}
 .map iframe{ width:100%; height:329px;}
 #contact-form input, #contact-form textarea{
 width: 403px;
 }
}

@media only screen and (max-width: 479px) {
body{ 
	min-width:300px;
}
.bgstretcher{
	display:none;
}
nav, nav select {
	left:0;
	margin:-20px auto;
	width:300px;
}
header,section{
	width:300px;
	padding:0px;
}
.wrapbg,.content{
	width:300px;
	height:100%;
}
#main-content,#sub-content{
	width:300px;
	padding:0px;

}
header h3{
	padding:10px;
}
.bg{
	border:#CCC solid 0px;
}
.bg2{
	border:#CCC solid 0px;
}
.new{min-height:100%;}

}