@charset "UTF-8";
/* ===================================================================
CSS information

 file name  :common.css
 author     :Ability Consultant
 style info :基本・共通設定
=================================================================== */
/* -----------------------------------------------------------
	基本設定、リンクカラーなど
----------------------------------------------------------- */
body {
  color: #2a2a2a;
  font-size: small;
  font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","MS Ｐゴシック","MS PGothic",sans-serif;
  line-height: 1.5;
  background: url(../images/common/bg_body.jpg) 0 0 repeat #f7ecda;
  min-width: 1000px;
}
body a {
  color: #2a2a2a;
}
body a:link {
  text-decoration: none;
}
body a:visited {
  text-decoration: none;
}
body a:hover {
  text-decoration: none;
}
body a:active {
  text-decoration: none;
}

/* jquery.fittedのホバー設定 */
.hovered {
  cursor: pointer;
  background-color: #fff;
}

/* -----------------------------------------------------------
	汎用class
----------------------------------------------------------- */
/* -----------------------------------------------------------
	#page

----------------------------------------------------------- */
#page {
  width: 100%;
  text-align: left;
}

/* -----------------------------------------------------------
	#header
		ヘッダ
----------------------------------------------------------- */
#header {
  margin: 0 auto;
  width: 100%;
  overflow: hidden;
}
#header h1 {
  width: 100%;
  background: url(../images/header/bg_title.jpg) center 0 no-repeat #f9f0e4;
  border: 1px solid #f9f0e4;
  text-align: center;
}

/* #gnav 	グローバルナビ
----------------------------------------------------------- */
.con_gnav {
  background: url(../images/header/bg_gnav.jpg) center 0 repeat-x;
}
.con_gnav #gnav {
  width: 1000px;
  margin: 0 auto;
  overflow: hidden;
  *zoom: 1;
}
.con_gnav #gnav li {
  float: left;
  height: 68px;
}
.con_gnav #gnav li a {
  height: 0;
  padding: 68px 0 0 0;
  display: block;
  overflow: hidden;
  background: left top no-repeat;
}
.con_gnav #gnav li a:hover {
  background-position: left -68px;
}

#gnav li.gnav_hom a {
  background-image: url(../images/header/gnav_hom.jpg);
  width: 142px;
}

#gnav li.gnav_att a {
  background-image: url(../images/header/gnav_att.jpg);
  width: 143px;
}

#gnav li.gnav_exa a {
  background-image: url(../images/header/gnav_exa.jpg);
  width: 143px;
}

#gnav li.gnav_fac a {
  background-image: url(../images/header/gnav_fac.jpg);
  width: 142px;
}

#gnav li.gnav_bir a {
  background-image: url(../images/header/gnav_bir.jpg);
  width: 143px;
}

#gnav li.gnav_sup a {
  background-image: url(../images/header/gnav_sup.jpg);
  width: 143px;
}

#gnav li.gnav_acc a {
  background-image: url(../images/header/gnav_acc.jpg);
  width: 144px;
}

/* #hnav
----------------------------------------------------------- */
.con_hnav {
  width: 100%;
  background: url(../images/header/bg_hnav.png) 0 center repeat-x;
}
.con_hnav #hnav {
  width: 1000px;
  margin: 0 auto;
  text-align: right;
  letter-spacing: -.40em;
}
.con_hnav #hnav li {
  margin-left: 15px;
  padding: 11px 0 12px;
  height: 13px;
  letter-spacing: normal;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}

/* .con_tel
----------------------------------------------------------- */
.con_tel {
  width: 100%;
  background: url(../images/header/bg_header_tel.png) center top repeat-x;
}
.con_tel p {
  width: 1000px;
  margin: 0 auto;
  text-align: right;
  padding: 8px 0 11px;
}

/* -----------------------------------------------------------
	#contents
		コンテンツ
----------------------------------------------------------- */
#contents {
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  background: url(../images/header/bg_heder_bottom.png) center top repeat-x;
  padding: 15px 0 40px 0;
}
#contents a {
  color: #764d17;
  text-decoration: underline;
}
#contents a:hover {
  text-decoration: none;
}

/* -----------------------------------------------------------
	#main	メインコンテンツ
----------------------------------------------------------- */
/*	.topicpath		パンクズ
----------------------------------------------------------- */
#topicpath {
  margin-bottom: 20px;
}
#topicpath ul {
  width: 1000px;
  margin: 0 auto;
  padding: 0 0 5px 0;
  border-bottom: 1px solid #d0ba98;
}
#topicpath ul li {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
#topicpath ul li a {
  padding-right: 10px;
  background: url(../images/common/ic_topicpath.png) right 7px no-repeat;
}

/* -----------------------------------------------------------
	#contents-inner  内部２階層用レイアウト
----------------------------------------------------------- */
#contents-inner {
  width: 1000px;
  margin: 0 auto;
  overflow: hidden;
}
#contents-inner #main {
  float: left;
  width: 710px;
  padding: 0 35px 0 0;
}
#contents-inner #side {
  float: left;
  width: 255px;
  padding: 16px 0 0 0;
}
#contents-inner #side h3 {
  padding: 0 0 5px 0;
}
#contents-inner #side ul li {
  border-bottom: 1px dotted #c3a43c;
}
#contents-inner #side ul li a {
  padding: 12px 0 12px 20px;
  background: url(../images/side/ic_side.png) 0 12px no-repeat;
  display: block;
  font-weight: bold;
}
#contents-inner #side ul li a:hover {
  background: url(../images/side/ic_side.png) 0 12px no-repeat #e5d6be;
}

/* -----------------------------------------------------------
	#side	サイド
----------------------------------------------------------- */
/* -----------------------------------------------------------
	.con_btn
----------------------------------------------------------- */
.con_btnfix {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 4;
}
.con_btnfix .btnfix {
  height: 149px;
}
.con_btnfix .btnfix.reserve {
  margin-top: 189px;
}
.con_btnfix .btnfix.consu {
  height: 119px;
}

.con_pagetop {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 2;
}

/* -----------------------------------------------------------
	#footer
		フッタ
----------------------------------------------------------- */
#footer {
  margin: 0 auto;
  width: 100%;
  clear: both;
  background: url(../images/footer/bg_footer.jpg) 0 0 repeat;
}
#footer .con_office {
  background: url(../images/footer/bg_office_bottom.png) center bottom repeat-x;
  padding-bottom: 1px;
}
#footer .con_office h4 {
  background: url(../images/footer/bg_group.jpg) center top repeat-x;
  text-align: center;
  padding: 17px 0;
}
#footer .con_office .bg_office {
  background: url(../images/footer/bg_line_triple.png) center top repeat-x;
}
#footer .con_office ul {
  width: 1000px;
  margin: 0 auto;
  overflow: hidden;
}
#footer .con_office ul li {
  float: left;
  width: 189px;
  padding: 0 5px;
  border-right: 1px dotted #c3a43c;
}
#footer .con_office ul li.hovered {
  background: none;
}
#footer .con_office ul li:first-child {
  width: 188px;
  border-left: 1px dotted #c3a43c;
}
#footer .con_office ul li .name {
  padding: 20px 0 5px;
  text-align: center;
}
#footer .con_office ul li .img {
  padding-bottom: 20px;
  text-align: center;
}
#footer .con_office ul li .lnk {
  padding: 5px 5px;
  border-top: 1px dotted #c3a43c;
  border-bottom: 1px dotted #c3a43c;
}
#footer .con_fnav {
  margin-top: 30px;
  background: url(../images/footer/bg_fnav.jpg) center 0 repeat-x;
}
#footer .con_fnav #fnav {
  width: 1000px;
  margin: 0 auto;
  overflow: hidden;
}
#footer .con_fnav #fnav li {
  margin-left: 15px;
  padding: 12px 0;
  float: left;
}
#footer .con_fnav #fnav li:first-child {
  margin-left: 0;
}
#footer .con_footerinfo {
  width: 1000px;
  margin: 0 auto;
  padding: 20px 0;
  overflow: hidden;
}
#footer .con_footerinfo .con_add {
  overflow: hidden;
  width: 450px;
  float: left;
}
#footer .con_footerinfo .con_add p {
  padding: 0 0 10px 0;
}
#footer .con_footerinfo .con_sitemap {
  font-size: 12px;
  letter-spacing: 0.2ex;
  overflow: hidden;
  width: 550px;
  float: right;
}
#footer .con_footerinfo .con_sitemap ul {
  line-height: 1.6;
  margin-left: 40px;
  float: left;
}
#footer .con_footerinfo .con_sitemap ul:first-child {
  margin-left: 0;
}
#footer .con_footerinfo .con_sitemap ul li {
  padding-left: 10px;
  background: url(../images/common/ic_arrow.png) 0 5px no-repeat;
}
#footer .con_copyright {
  width: 100%;
  background: #1f1f1f;
  padding: 10px 0;
}
#footer .con_copyright p {
  width: 1000px;
  margin: 0 auto;
  color: #fff;
  font-size: 11px;
}

/*----------------------------------------------------
	テーブル BASIC
----------------------------------------------------*/
table.tbl_basic {
  border: 0;
  border-collapse: separate;
  background-color: #d6cd9d;
}

table.tbl_basic th {
  padding: 12px 6px;
  border: 1px solid #fff;
  background-color: #f1e9d3;
  text-align: center;
  color: #1e2219;
}

table.tbl_basic td {
  padding: 12px 6px;
  background: #f8f3e5;
}

table.tbl_basic th .mast {
  color: #C00;
}

/*----------------------------------------------------
	テーブル BASIC
----------------------------------------------------*/
table.tbl_basic_schedule {
  border: 0;
  border-collapse: separate;
  background-color: #d6cd9d;
}

table.tbl_basic_schedule th {
  padding: 6px;
  border: 1px solid #fff;
  background-color: #f1e9d3;
  text-align: center;
  color: #1e2219;
  font-size: 85%;
}

table.tbl_basic_schedule td {
  padding: 6px;
  background: #f8f3e5;
  text-align: center;
  font-size: 85%;
  line-height: 1.3;
}

/*----------------------------------------------------
	テーブル BASIC
----------------------------------------------------*/
table.tbl_basic_calendar {
  border: 0;
  border-collapse: separate;
  background-color: #d6cd9d;
}

table.tbl_basic_calendar th {
  padding: 6px;
  border: 1px solid #fff;
  background-color: #f1e9d3;
  text-align: center;
  color: #1e2219;
  font-size: 85%;
}

table.tbl_basic_calendar td {
  padding: 12px 6px;
  background: #f8f3e5;
  text-align: center;
  font-size: 85%;
  line-height: 1.3;
}

table.tbl_basic_calendar td a {
  font-size: 110%;
  color: #966e33;
}

table td.bg_brown {
  background: #e8dfcb;
}

/*----------------------------------------------------
	テーブル BASIC
----------------------------------------------------*/
table.tbl_basic_rounded {
  border-collapse: separate;
  border: 2px solid #ffc0cb;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background-color: #fdecef;
}

table.tbl_basic_rounded td {
  border-top: 2px dotted #ffc0cb;
  padding: 12px 12px;
  background: #f8f3e5;
}

table.tbl_basic_rounded02 {
  border-collapse: separate;
  border: 2px solid #bed7af;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background-color: #d6e9ca;
}

table.tbl_basic_rounded02 td {
  border-top: 2px dotted #bed7af;
  padding: 12px 12px;
  background: #f8f3e5;
}

/*----------------------------------------------------
	CMS用装飾リンク
----------------------------------------------------*/
#contents .btn_details_timetable {
  margin: 0 0 0 30px;
}
#contents .btn_details_timetable a {
  padding: 10px;
  color: #fff;
  text-align: center;
  background: #7a5314;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdhNTMxNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2ODQ0MTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #7a5314 0%, #684411 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7a5314), color-stop(100%, #684411));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #7a5314 0%, #684411 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #7a5314 0%, #684411 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #7a5314 0%, #684411 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #7a5314 0%, #684411 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7a5314', endColorstr='#684411',GradientType=0 );
  /* IE6-8 */
  box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.2) inset;
  border: 1px solid #333;
  color: #fff;
  text-decoration: none;
  display: inline-block;
}
