@charset "UTF-8";

@media (max-width: 667px) {
	body {
  font-size: 1em;
  letter-spacing: 0.05em;
  -webkit-text-size-adjust: 100%;
}

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

#header {
  width: 100%;
  height: auto;
  line-height: 1.2;
}

#header h1 {
  display: none;
}

#header #header_inner {
  margin: 0;
  padding: 2px;
  background-color: #fff;
}

#logo {
  width: 100%;
  padding: 2px;
	/*padding: 10px 10px 0px;
  border-bottom: solid 4px #019c96;*/
}


#h_info {
	display:block;
	text-align:center;
	margin:0 0 12px;
}

#h_info img {
	display:none;
}

#h_info a {
  color: #c9171e !important;
  text-decoration: none;
}

#h_info .tel {
  font-size: 1.3em;
  line-height: 1.8;
  white-space: nowrap;
  background-color:#eee;
  padding:5px;
  border-radius:5px;
}
#h_info span{
	 white-space: nowrap;
	font-size: 0.7em;
	font-weight:700;
	color:#c9171e;
}
#h_info span.head_bt a{
	color:#fff !important;
	padding:6px 8px;	
}

#bxslider{
	display:none;
	}


/* smpmenu
------------------------------------------------------------*/

 #mainnav .mainnav_inner {
	width: 80%;
}
a#smpmenu{
  	display: inline-block;
  	position: relative;
  	width: 40px;
  	height: 40px;
  	margin: 10px;
	}

	#smpmenuBtn{
  	display: block;
  	position: absolute;
  	top: 60%;
  	left: 50%;
  	width: 18px;
  	height: 2px;
  	margin: -1px 0 0 -7px;
  	background: #000;
  	transition: .2s;
	}

	#smpmenuBtn:before, #smpmenuBtn:after{
  	display: block;
  	content: "";
  	position: absolute;
  	top: 50%;
  	left: 0;
  	width: 18px;
  	height: 2px;
  	background: #000;
  	transition: .3s;
	}

	#smpmenuBtn:before{
  	margin-top: -7px;
	}

	#smpmenuBtn:after{
  	margin-top: 5px;
	}

	a#smpmenu .close{
  	background: transparent;
	}

	a#smpmenu .close:before, a#smpmenu .close:after{
  	margin-top: 0;
	}

	a#smpmenu .close:before{
  	transform: rotate(-45deg);
  	-webkit-transform: rotate(-45deg);
	}

	a#smpmenu .close:after{
  	transform: rotate(-135deg);
  	-webkit-transform: rotate(-135deg);
	}

/*mainnav
------------------------------------------------------------*/

.panel{
		width: 100%;
		display: none;
		overflow: hidden;
		position: relative;
		left: 0;
		top: 0;
		z-index: 100;
	}

	#mainnav{
		position: absolute;
		top: 0;
		width: 100%;
		text-align: right;
	}

	#mainnav ul{
		text-align: left;
		background-color:#f2cf01;
		border-radius:10px;
		box-shadow:0px 0px 11px -2px #a6a6a6;
-moz-box-shadow:0px 0px 11px -2px #a6a6a6;
-webkit-box-shadow:0px 0px 11px -2px #a6a6a6;
	}

	#mainnav li{	
		border:none;
		text-align:left;
		}
		
	#mainnav li a{
		position: relative;
		display:block;
		padding:0px 25px;
		color: #000;
		font-weight: 400;	
		text-decoration:none;
		white-space:nowrap;
	}
	#mainnav li a:hover{
		padding:0px 25px;
		color:#fff;
	}

	#mainnav li a:before{
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		left: 5px;
		width: 6px;
		height: 6px;
		margin: -4px 0 0 0;
		border-top: solid 2px #000;
		border-right: solid 2px #000;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}

/*container
------------------------------------------------------------*/

#container {
  padding: 20px 10px;
}

/*contents
------------------------------------------------------------*/

#contents {
  padding: 10px 6px;
  font-size: 1em;
}

#contents h2 {
  font-size: 1.6em;
  margin-top:15px;
}

#contents h3 {
 font-size: 1.11em;
  margin-top:15px;
}

#contents h3.bk{
   padding: 14px 12px;
}


/* SEC01 
------------------------------------------------------------*/

.flexslider img{
	width:100%;
	}
  
  /* SEC02 
------------------------------------------------------------*/

.col3 li{
		width: 100%;
		margin-bottom:20px;
	}

.col3 img{
	width:100%;
	}
	
/* SEC03 
------------------------------------------------------------*/
#sec03 img{
	width:100%;
	padding-bottom:20px;
	}
	
/* tabAccordion
------------------------------------------------------------*/
#tabAccordion {
		width: 90%;
		height: auto;
		border: none;
	}

	#tabAccordion dl {
		top: auto;
		left: auto;
		width: 100%;
		position: relative;
	}

	#tabAccordion dl dt {
		top: auto;
		left: auto;
		width: 100%;
		position: relative;
		border-right: none;
		border-radius:3px;
	}

	
	#tabAccordion dl:nth-child(2) dt,
	#tabAccordion dl:nth-child(3) dt{
		left: auto;
	}

	#tabAccordion dl dt a {
		padding: 14px;
		height: auto;
		line-height: 1em;
		text-align: left;
	}

	#tabAccordion dl dt a:after {
		content: '';
		margin-top: -4px;
		top: 50%;
		right: 15px;
		width: 8px;
		height: 8px;
		font-size: 1em;
		font-weight: bold;
		line-height: 1.2em;
		display: block;
		position: absolute;
	}

	#tabAccordion dl dt.btnAcv {
		background: #aed1d0;
	}

	#tabAccordion dl dt.btnAcv a:after {
		content: none;
	}

	#tabAccordion dl dd {
		top: auto;
		left: auto;
		padding: 20px;
		width: 100%;
		position: relative;
		background-color:#fff;
		box-shadow:0px 0px 3px 0px #ccc;
-moz-box-shadow:0px 0px 3px 0px #ccc;
-webkit-box-shadow:0px 0px 3px 0px #ccc;
	}
	
/* news
------------------------------------------------------------*/

#news {
	font-size:84%;
}

/*side
------------------------------------------------------------*/

#side {
  margin:20px 0;
}

.sidelist {
  width: 100%;
  text-decoration: none;
  margin: 0 0 25px 0;
}

.menulist h2 {
  padding: 10px 0 6px 14px;
  font-size: 1.18em;
  color: #fffffc;
  border-bottom: solid 1px;
  border-bottom-color: #583822;
  background: url(../img/h_bg_gray.gif) center repeat-x;
}

.menulist h3 {
  padding: 10px 0 6px 14px;
  font-size: 1.18em;
  color: #fffffc;
  border-bottom: solid 1px;
  border-bottom-color: #583822;
  background: url(../img/h_bg_gray.gif) center repeat-x;
}

.menulist ul {
  width: 100%;
  border-top: solid 1px;
  border-top-color: #cccccc;
}

.menulist li {
  width: 100%;
  list-style: none;
  text-align: center;
}

.menulist li a {
  position: relative;
  padding: 13px 10px 8px 10px;
  display: block;
  color: #54351f !important;
  text-decoration: none;
  border-bottom: solid 1px;
  border-bottom-color: #cccccc;
  background: url(../img/nav_bg.gif) repeat-x;
}

.menulist li a:hover {
  color: #745a45 !important;
  display: block;
  text-decoration: none;
  border-bottom: solid 1px;
  border-bottom-color: #cccccc;
  background: url(../img/nav_bg_hover.gif) repeat-x;
}

.menulist li a:after {
  content: url(../img/flow_icon.png);
  position: absolute;
  right: 10px;
}



#side {
	width:100%;
	display:block;
	clear: both;
}

.menu_btn img{
  width:100%;
}

div.tooltip1{
	padding:16px 19px 16px 28px;
	font-size:5vw;
	}

.area02{
	position:absolute;
	top:140px;
	left:230px;
	}

.area05{
	position:absolute;
	top:200px;
	left:230px;
	}

.btn{
	width:100%;
	}
.btn-floating {
  width: 27px;
  height: 27px;
  line-height: 27px;
}

/* breadcrumb
------------------------------------------------------------*/
ul.breadcrumb {
    margin: 0px;
}
 .breadcrumb li{
    line-height: 20px;
    width: 15%;
	padding:0 10px;
	font-size:84%;
}
 .breadcrumb li a{
    padding: 0 0%;
  }
  .breadcrumb li span.last{
    padding: 0 0%;
  }
  .breadcrumb li a:before{
    height: 10px;
}
.breadcrumb li a:after{
    height: 10px;
}

/* form
------------------------------------------------------------*/
.form-group ul{
	text-align:left;
}

.modal-content {
	width: 90% ;
	}
	
.form-element.Lil{
  width: auto;
}
.form-element.Mid{
  width: auto;
}


/* button
------------------------------------------------------------*/
.button{
		  font-size:117%;
		  }
.lilbutton{
	font-size:0.6em;
	padding:0 6px;
	float:right;
	border-radius:10px;
	line-height:2.0em;
	}
	
	
	/* footer
------------------------------------------------------------*/

#footer {
  width: auto;
  padding: 15px 0px 0px ; 
  line-height: 1.6;
  font-size: 0.5em; 
}

#footer p {
  padding: 10px; 
}

#footer a {
  color: #fff !important;
}

#footer a:hover {
  color: #f2cf01 !important;
}

#footer .copyright{
  color: #fff;
  padding:20px 0; 
}
	
		/* price
------------------------------------------------------------*/
#price .mainContents{
	margin: 0 0 0 0 ;
	}
#price .priceTable {
    margin: 0 0 0 0;
}
#price   table.price  th.className {
    height: 25px;
    padding: 32px 0 30px 0;
}
#price table.price th.priceList{
    height: 10px;
    padding: 9px 0 30px 0;
}
	
#price table.price td.priceList{
    height: 10px;
    padding: 9px 0 30px 0;
	}
	
#price table.price td {
    height: auto;
    width:auto;
		padding: 0 0 0 0;
    text-align: center;
}	
	
#price .cansellTable table{
		width: 100%;
		vertical-align: middle;
	}
#price table.cansellTable td { 
	display: block; 
	padding: 0 0 0 0;
	width: 100%;	
	text-align: center;
	vertical-align:middle;
	}
	
#price .list{ 
	background-color: #dde5e8;	
	}

#price table.cansellTable td, table.cansellTable th{
	height: 25px;
	padding: 15px 0 10px 0;
	}
#price table.cansellTable th{
		height: 50px;
	}
	
		table.price th.noc
	{
		width: 180px;
		height: 50px ;
	  vector-effect: middle;
		
	}
	
			table.price td.noc
	{
		width: 250px;
		height: 50px ;		
	}

/*-----------text-----------*/
	
#price .attentionText{
	margin: 10px 0 10px 0  ;
	text-align: right;
	}
#price .priceText{
	margin: 0  0 30px 0  ;
	}

/*-----------sitemap-----------*/
	#sitemap .middleBanner {
	height: 30px;
}

	#sitemap .listBox{
	width: 100%;
}
	
	#sitemap .flL{
		margin: 0 0 30px 0;
	}
	
	
	
	
/*-----------about-----------*/
	#about h3.bk {
    font-size: 13px;
    height: 31px;
}
.about_box img {
    width: 100%;
    vertical-align: top;
    padding-right: 0;
}	
/*-----------corpo-----------*/
	table.com tbody th.gray {
    padding: 5px 0px 4px 0;
}
	

  
	/*
.col3 li {
    margin: 0 0 5px 2px;
    height: 180px;
}
*/
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	

}