a:link { text-decoration: none; COLOR:603913 }
 a:visited { text-decoration: none; COLOR:#603913 }
 a:hover { text-decoration: underline; COLOR:#ff3300 }
 a:active { text-decoration: underline; color:#ff3300 }

.f1118 {  font-size: 11px; line-height:18px;  }

.f1220 {  font-size: 12px; line-height:20px; }

body, th, td { font-size: 16px; line-height:1.6em; COLOR: #603913;}

.f1216 {  font-size: 12px; line-height:1.6em;}

.f1416 {  font-size: 14px; line-height:1.6em; }

.f1516 {  font-size: 15px; line-height:1.6em; }

.f1815 {  font-size: 18px; line-height:1.5em; }

.f110 {  font-size: 110%; }

.f120 {  font-size: 120%; }

body {
font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic'  
}

#header h1 { font-size: 10px; line-height:18px;  COLOR: #60453C;}

.gn{
	float:right;
	margin: 0;
	padding: 10px 7px 5px 0;
}

.gn img{
	opacity: 1.0; 
	filter: alpha(opacity=100);
	-ms-filter:"alpha(opacity=100)";

}

.gn:hover img{
	opacity: 0.5; 
	filter: alpha(opacity=50); 
	-ms-filter:"alpha(opacity=50)";
}

.gn p{
	font-size: 12px;
	line-height: 14px;
}


*{
  margin:0;
  padding:0;
}


/* Fixed Navbar styles
-------------------------------------------------- */
.navbar-fixed-top {
  position: fixed;
  top: 0;
  right:0;
  left: 0;
  z-index: 1030;
  margin-bottom: 0;
  /*background-color: #d5d5d5;*/
  background-image: url("./img/bg_header_cbp02.jpg");  
}

/* footer styles
-------------------------------------------------- */
html,
body {
  height: 100%;
  /* The html and body elements cannot have any padding or margin. */
}
/* Wrapper for page content to push down footer */
#wrap {
  min-height: 100%;
  height: auto !important;
  padding-top: 100px;
  height: 100%;
  /* Negative indent footer by it's height */
  margin: 0 auto -60px;
}
 
/* Set the fixed height of the footer here */
#push,
#footer {
  height: 52px;
  background-color: #FDF1DE;
  /*background-image: url("./img/bg_header_cbp02.jpg");*/
}
/* Lastly, apply responsive CSS fixes as necessary */
@media (max-width: 767px) {
  #footer {
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* 改行
-------------------------------------------------- */
.mb1{
   margin-bottom: 1em;
}
.mb2{
   margin-bottom: 2em;
}
.mb3{
   margin-bottom: 3em;
}


/*画像に白い半透明のマウスオーバー
-------------------------------------------------- */
.alpha a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}


/*ページ内リンクのずれを調整
-------------------------------------------------- */
#enkaku  {
  margin-top:-115px;
  padding-top:115px;
}

#gaiyou {
  margin-top:-115px;
  padding-top:115px;
}

#csr_torikumi {
  margin-top:-115px;
  padding-top:115px;
}

#nagare  {
  margin-top:-115px;
  padding-top:115px;
}

#bosyuyoukou {
  margin-top:-115px;
  padding-top:115px;
}


/* ページのTOPに戻るボタン
-------------------------------------------------- */
#pageTop {
  position: fixed;
  bottom: 65px;
  right: 20px;
}
 
#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}

/*画像をウインドウの横幅に合わせて自動縮小するが、拡大はしない
-------------------------------------------------- */
p img {
   max-width: 100%;
}


/*文字に背景色をつけて、文字の色も変える
-------------------------------------------------- */
.orange {background-color:#ffcc99;}
.violet {background-color:#6633cc; color:#ffffff;}

/*画像の上に文字をのせる(ご予約はお電話にて）
-------------------------------------------------- */
.tel_yoyaku {
  position: relative;
  }

.tel_yoyaku p {
  position: absolute;
  color: white;
  top: 5;
  left: 25;
  }

.tel_yoyaku img {
  width: 100%;
  }