@charset "euc-jp";

/* ==================== css import ==================== */

@import url("style.css");
@import url("flex.css");
/* ==================================================== */

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
div,
dl,
dt,
dd,
form,
img,
hr,
table,
tr,
td {
  margin: 0px;
  padding: 0px;
  border: none;
}


/* 全体構造
---------------------------------------------------- */

body {
  margin: 0 auto;
  padding: 0;
  line-height: 1.6;
  font-size: 12px;
  color: #412D23;
  font-family: Verdana, Arial, Helvetica, sans-serif, "Hiragino Kaku Gothic Pro", "Osaka", "lroSVbN";
  background: url(../img/body_bg.jpg) #76110F repeat-x left top;
}


/* ・E鵐穐---------------------------------------------------- */

a:link {
  color: #A1201C;
  text-decoration: none;
}

a:visited {
  color: #A1201C;
  text-decoration: none;
}

a:hover {
  color: #FD6D17;
  text-decoration: none;
}


/* フ・充トク・E・---------------------------------------------------- */

.cl {
  clear: both;
  line-height: 1.0;
}

.cl_line {
  clear: both;
  width: 5px;
  height: 1px;
  line-height: 1.0;
}


/* 強調指・E
---------------------------------------------------- */

strong,
em {
  font-style: normal;
  font-weight: normal;
}


/*　トップ見出し
---------------------------------------------------- */

#t_top {
  height: 5px;
  text-indent: -9999px;
  overflow: hidden;
  font-size: 8px;
}

#top {
  text-align: center;
  font-size: 10px;
  padding: 5px 0 0 0;
  margin: 0 auto;
  font-weight: normal;
  width: 852px;
  height: 24px;
  color: #FFFFFF;
  line-height: 1.6;
}

/*　コンテンツBG
---------------------------------------------------- */

#wrapper {
  margin: 0px auto;
  width: 852px;
  background: url(../img/co_bg.jpg) repeat-y left top;
  text-align: center;
  overflow: hidden;
}

#wrapper2 {
  margin: 0px auto;
  width: 852px;
  overflow: hidden;
}

#t_contents {
  width: 852px;
  border-bottom: 1px #85673E solid;
  text-align: left;
}

#contents {
  width: 852px;
  border-top: 1px #85673E solid;
  border-bottom: 1px #85673E solid;
  text-align: left;
}

#pri_img {
  display: none;
}


/*　トップ・全
---------------------------------------------------- */

#t_rogobg {
  width: 161px;
  height: 167px;
  background: url(../img/t_rogobg.jpg) no-repeat left top;
  position: relative;
  overflow: hidden;
}

#t_rogo {
  width: 138px;
  height: 65px;
  position: absolute;
  top: 53px;
  left: 23px;
}


/*　各ページヘッダー
---------------------------------------------------- */

#head {
  width: 852px;
  height: 142px;
  background: url(../img/head_bg.jpg) no-repeat left top;
  position: relative;
  overflow: hidden;
}

#rogo {
  width: 150px;
  height: 65px;
  position: absolute;
  top: 28px;
  left: 23px;
}

#h_img {
  width: 670px;
  height: 142px;
  position: absolute;
  top: 0px;
  left: 182px;
}


/*　トップページ　文字ザイズ
---------------------------------------------------- */

#t_fbox {
  width: 390px;
  height: 21px;
  background: url(../img/font_bg.jpg) no-repeat left top;
  position: relative;
  overflow: hidden;
}

#t_s_size {
  width: 18px;
  height: 18px;
  position: absolute;
  top: 1px;
  left: 326px;
}

#t_m_size {
  width: 18px;
  height: 18px;
  position: absolute;
  top: 1px;
  left: 348px;
}

#t_l_size {
  width: 18px;
  height: 18px;
  position: absolute;
  top: 1px;
  left: 370px;
}


/*　各ページ　文字ザイズ
---------------------------------------------------- */

#fbox {
  width: 661px;
  height: 22px;
  background: url(../img/font_bg02.jpg) no-repeat left top;
  position: relative;
  overflow: hidden;
}

#s_size {
  width: 18px;
  height: 18px;
  position: absolute;
  top: 2px;
  left: 596px;
}

#m_size {
  width: 18px;
  height: 18px;
  position: absolute;
  top: 2px;
  left: 618px;
}

#l_size {
  width: 18px;
  height: 18px;
  position: absolute;
  top: 2px;
  left: 640px;
}

#guest_name {
  width: 500px;
  height: 18px;
  position: absolute;
  top: 4px;
  left: 10px;
  line-height: 1.3;
}

#guest_name span {
  font-weight: bold;
  color: #A1201C;
}


/*　トップページ　コンテンツ
---------------------------------------------------- */

#top_l {
  float: left;
  width: 161px;
  padding: 0 0 25px 0;
}

#top_r {
  float: right;
  width: 691px;
  padding: 0 0 25px 0;
}


/*　各ページ　コンテンツ
---------------------------------------------------- */

#co_l {
  float: left;
  width: 191px;
  padding: 0 0 25px 0;
}

#co_r {
  float: right;
  width: 661px;
  padding: 0 0 25px 0;
}

#co_r2 {
  width: 661px;
  margin: auto;
  padding: 0 0 0 0;
}

#co_sp {
  width: 612px;
  padding: 15px 24px 0 25px;
}

#line_bg {
  width: 612px;
  background: url(../img/sub_cobg.jpg) repeat-y left top;
}


/*　パンくず
---------------------------------------------------- */

#pan_box {
  width: 661px;
  background: url(../img/pan_bg.jpg) repeat-y left top;
}

#pan {
  font-size: 0.8em;
  padding: 3px 10px 3px 10px;
}


/*　ナビ
---------------------------------------------------- */

#t_navi {
  list-style: none;
  overflow: hidden;
  line-height: 1.0;
  width: 146px;
  padding: 0 0 0 15px;
}

#navi {
  list-style: none;
  overflow: hidden;
  line-height: 1.0;
  width: 176px;
  padding: 0 0 0 15px;
}

/*Foreign Language　多言語翻訳サービス
---------------------------- */

#navi00 {
  width: 140px;
  height: 14px;
  text-indent: -9999px;
  overflow: hidden;
}

#navi00 a {
  width: 140px;
  height: 14px;
  display: block;
  background: url(../img/navi00.png) no-repeat left top;
}

#navi00 a:hover {
  width: 140px;
  height: 14px;
  display: block;
  background: url(../img/navi00on.png) no-repeat left top;
}

/*　・Eぅ淵蝓湿匆・
---------------------------- */

#navi01 {
  width: 115px;
  height: 19px;
  text-indent: -9999px;
  overflow: hidden;
  margin: 10px 0 0 0;
}

#navi01 a {
  width: 115px;
  height: 19px;
  display: block;
  background: url(../img/navi01.jpg) no-repeat left top;
}

#navi01 a:hover {
  width: 115px;
  height: 19px;
  display: block;
  background: url(../img/navi01on.jpg) no-repeat left top;
}

/*　・Eぅ淵蝓湿霾・
---------------------------- */

#navi02 {
  width: 123px;
  height: 19px;
  text-indent: -9999px;
  overflow: hidden;
  margin: 10px 0 0 0;
}

#navi02 a {
  width: 123px;
  height: 19px;
  display: block;
  background: url(../img/navi02.jpg) no-repeat left top;
}

#navi02 a:hover {
  width: 123px;
  height: 19px;
  display: block;
  background: url(../img/navi02on.jpg) no-repeat left top;
}

/*　ショップ紹・E
---------------------------- */

#navi03 {
  width: 100px;
  height: 19px;
  text-indent: -9999px;
  overflow: hidden;
  margin: 10px 0 0 0;
}

#navi03 a {
  width: 100px;
  height: 19px;
  display: block;
  background: url(../img/navi03.jpg) no-repeat left top;
}

#navi03 a:hover {
  width: 100px;
  height: 19px;
  display: block;
  background: url(../img/navi03on.jpg) no-repeat left top;
}

/*　・Eぅ・
---------------------------- */

#navi04 {
  width: 60px;
  height: 19px;
  text-indent: -9999px;
  overflow: hidden;
  margin: 10px 0 0 0;
}

#navi04 a {
  width: 60px;
  height: 19px;
  display: block;
  background: url(../img/navi04.jpg) no-repeat left top;
}

#navi04 a:hover {
  width: 60px;
  height: 19px;
  display: block;
  background: url(../img/navi04on.jpg) no-repeat left top;
}

/*　ヴィネガー
---------------------------- */

#navi05 {
  width: 90px;
  height: 19px;
  text-indent: -9999px;
  overflow: hidden;
  margin: 10px 0 0 0;
}

#navi05 a {
  width: 90px;
  height: 19px;
  display: block;
  background: url(../img/navi05.jpg) no-repeat left top;
}

#navi05 a:hover {
  width: 90px;
  height: 19px;
  display: block;
  background: url(../img/navi05on.jpg) no-repeat left top;
}

/*　特産品
---------------------------- */

#navi06 {
  width: 65px;
  height: 19px;
  text-indent: -9999px;
  overflow: hidden;
  margin: 10px 0 0 0;
}

#navi06 a {
  width: 65px;
  height: 19px;
  display: block;
  background: url(../img/navi06.jpg) no-repeat left top;
}

#navi06 a:hover {
  width: 65px;
  height: 19px;
  display: block;
  background: url(../img/navi06on.jpg) no-repeat left top;
}

/*　輸入商品
---------------------------- */

#navi07 {
  width: 80px;
  height: 19px;
  text-indent: -9999px;
  overflow: hidden;
  margin: 10px 0 0 0;
}

#navi07 a {
  width: 80px;
  height: 19px;
  display: block;
  background: url(../img/navi07.jpg) no-repeat left top;
}

#navi07 a:hover {
  width: 80px;
  height: 19px;
  display: block;
  background: url(../img/navi07on.jpg) no-repeat left top;
}

/*　ショッピング
---------------------------- */

#navi08 {
  width: 95px;
  height: 19px;
  text-indent: -9999px;
  overflow: hidden;
  margin: 10px 0 0 0;
}

#navi08 a {
  width: 95px;
  height: 19px;
  display: block;
  background: url(../img/navi08.jpg) no-repeat left top;
}

#navi08 a:hover {
  width: 95px;
  height: 19px;
  display: block;
  background: url(../img/navi08on.jpg) no-repeat left top;
}

/*　プライベートラベ・E
---------------------------- */

#navi09 {
  width: 135px;
  height: 19px;
  text-indent: -9999px;
  overflow: hidden;
  margin: 10px 0 0 0;
}

#navi09 a {
  width: 135px;
  height: 19px;
  display: block;
  background: url(../img/navi09.jpg) no-repeat left top;
}

#navi09 a:hover {
  width: 135px;
  height: 19px;
  display: block;
  background: url(../img/navi09on.jpg) no-repeat left top;
}


/*　会員登録
---------------------------- */

#navi10 {
  width: 80px;
  height: 19px;
  text-indent: -9999px;
  overflow: hidden;
  margin: 10px 0 0 0;
}

#navi10 a {
  width: 80px;
  height: 19px;
  display: block;
  background: url(../img/navi010.jpg) no-repeat left top;
}

#navi10 a:hover {
  width: 80px;
  height: 19px;
  display: block;
  background: url(../img/navi010on.jpg) no-repeat left top;
}

/*　会社概要
---------------------------- */

#navi11 {
  width: 80px;
  height: 19px;
  text-indent: -9999px;
  overflow: hidden;
  margin: 10px 0 0 0;
}

#navi11 a {
  width: 80px;
  height: 19px;
  display: block;
  background: url(../img/navi011.jpg) no-repeat left top;
}

#navi11 a:hover {
  width: 80px;
  height: 19px;
  display: block;
  background: url(../img/navi011on.jpg) no-repeat left top;
}

/*　アクセスマップ
---------------------------- */

#navi12 {
  width: 110px;
  height: 19px;
  text-indent: -9999px;
  overflow: hidden;
  margin: 10px 0 0 0;
}

#navi12 a {
  width: 110px;
  height: 19px;
  display: block;
  background: url(../img/navi012.jpg) no-repeat left top;
}

#navi12 a:hover {
  width: 110px;
  height: 19px;
  display: block;
  background: url(../img/navi012on.jpg) no-repeat left top;
}

/*　採用情・E
---------------------------- */

#navi13 {
  width: 80px;
  height: 19px;
  text-indent: -9999px;
  overflow: hidden;
  margin: 10px 0 0 0;
}

#navi13 a {
  width: 80px;
  height: 19px;
  display: block;
  background: url(../img/navi013.jpg) no-repeat left top;
}

#navi13 a:hover {
  width: 80px;
  height: 19px;
  display: block;
  background: url(../img/navi013on.jpg) no-repeat left top;
}

/*　English
---------------------------- */

#navi14 {
  width: 117px;
  height: 19px;
  text-indent: -9999px;
  overflow: hidden;
  margin: 10px 0 0 0;
}

#navi14 a {
  width: 117px;
  height: 19px;
  display: block;
  background: url(../img/navi0144.jpg) no-repeat left top;
}

#navi14 a:hover {
  width: 117px;
  height: 19px;
  display: block;
  background: url(../img/navi0144on.jpg) no-repeat left top;
}

/*　中文
---------------------------- */

#navi18 {
  width: 117px;
  height: 19px;
  text-indent: -9999px;
  overflow: hidden;
  margin: 10px 0 0 0;
}

#navi18 a {
  width: 117px;
  height: 19px;
  display: block;
  background: url(../img/navi018.jpg) no-repeat left top;
}

#navi18 a:hover {
  width: 117px;
  height: 19px;
  display: block;
  background: url(../img/navi018on.jpg) no-repeat left top;
}

/*　English
---------------------------- */

#navi17 {
  width: 80px;
  height: 19px;
  text-indent: -9999px;
  overflow: hidden;
  margin: 10px 0 0 0;
}

#navi17 a {
  width: 80px;
  height: 19px;
  display: block;
  background: url(../img/navi017.jpg) no-repeat left top;
}

#navi17 a:hover {
  width: 80px;
  height: 19px;
  display: block;
  background: url(../img/navi017on.jpg) no-repeat left top;
}

/*　・E好肇薀・
---------------------------- */

#navi15 {
  width: 150px;
  height: 19px;
  text-indent: -9999px;
  overflow: hidden;
  margin: 10px 0 0 0;
}

#navi15 a {
  width: 150px;
  height: 19px;
  display: block;
  background: url(../img/navi015.jpg) no-repeat left top;
}

#navi15 a:hover {
  width: 150px;
  height: 19px;
  display: block;
  background: url(../img/navi015on.jpg) no-repeat left top;
}

/*　FB
---------------------------------------------------- */

#navi16 {
  width: 150px;
  height: 19px;
  text-indent: -9999px;
  overflow: hidden;
  margin: 10px 0 0 0;
}

#navi16 a {
  width: 150px;
  height: 19px;
  display: block;
  background: url(../img/fb_icon.png) no-repeat left top;
}

#navi16 a:hover {
  width: 150px;
  height: 19px;
  display: block;
  background: url(../img/fb_icon_on.png) no-repeat left top;
}

/*　翻訳
---------------------------- */
#navi19{
	width:150px;
	height:22px;
	text-indent:-9999px;
	overflow:hidden;
	margin:10px 0 0 0;
}

#navi19 a{
	width:150px;
	height:22px;
	display:block;
	background:url(../img/foreigners-btn.png) no-repeat left top;
}

#navi19 a:hover{ 
	width:150px;
	height:22px;
	display:block;
	background:url(../img/foreigners-btnon.png) no-repeat left top;
}

/*　検索機能
---------------------------------------------------- */

#search {
  width: 146px;
  padding: 15px 0 0 15px;
}

#sea_tit {
  padding: 0 0 2px 0;
}

.s_box {
  width: 140px;
}

#sea_btn {
  padding: 8px 0 0 46px;
}


/* フッター
---------------------------------------------------- */

#b_line {
  clear: both;
  width: 852px;
  height: 5px;
}

#footer {
  margin: 0 auto;
  width: 852px;
  text-align: center;
  color: #FFFFFF;
}

#footer a:link {
  color: #FFFFFF;
  text-decoration: none;
}

#footer a:visited {
  color: #FFFFFF;
  text-decoration: none;
}

#footer a:hover {
  color: #E3E1CC;
  text-decoration: none;
}

#qrl {
  float: left;
  width: 190px;
  height: 120px;
  padding: 20px 0 10px 0;
}

#fr_box {
  float: right;
  width: 662px;
}

#footerP {
  margin: 0 auto;
  padding: 20px 0 20px 0;
  text-align: center;
}

#notation {
  margin: 0 auto;
  padding: 0 0 18px 0;
  text-align: center;
  color: #E3E1CC;
}

#notation span {
  margin: 0 auto;
  padding: 0 0 18px 0;
  font-size: 1.3em;
}

#copy {
  text-align: center;
  padding: 0 0 20px 0;
  color: #E3E1CC;
}

/* ゼルコバ介垢用
---------------------------------------------------- */

#z_contents {
  width: 852px;
  border-top: 1px #85673E solid;
  border-bottom: 1px #85673E solid;
  text-align: left;
  position: relative;
}

#z_co_l {
  width: 191px;
  padding: 0 0 25px 0;
  position: absolute;
  top: 142px;
  left: 15px
}

#z_head {
  width: 852px;
  background: url(../img/zel-head_bg.jpg) no-repeat left top;
  position: relative;
  overflow: hidden;
}

#z_co_r {
  float: right;
  width: 661px;
  padding: 0;
}

#z_co_sp {
  width: 612px;
  padding: 15px 24px 0 15px;
}

.z_staff {
  width: 612px;
}

#z_frame1 {
  width: 400px;
  height: 150px;
  border: solid 1px #50552A;
  overflow: scroll;
  padding: 10px;
  margin: 0;
}

.z_navi {
  list-style: none;
  overflow: hidden;
  line-height: 1.0;
  width: 176px;
}

#z_search {
  width: 146px;
  padding: 15px 0 0 0;
}

#z_head2 {
  width: 852px;
  height: 142px;
  background: url(../img/zel-menu_bg.jpg) no-repeat left top;
  position: relative;
  overflow: hidden;
}

#chartout {
  width: 590px;
  margin: 20px auto;
  border: solid #781849 1px;
  padding: 12px 0px;
}

#chart {
  width: 567px;
  margin: auto;
}

.chartp {
  background: #781849;
  padding: 5px 0px 5px 12px;
  color: #fff;
  width: 118px;
  margin-left: 10px;
}

.chartp:first-child {
  width: 158px;
}

.chartp a {
  color: #fff;
}

.gt #google_translate_element {
  /*
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
*/
}

.gt {
  width: 852px;
  height: 26px;
  margin: auto;
}

.gt #google_translate_element {
  text-align: right;
}

.gtsub {
  position: relative;
  width: 852px;
  height: 2px;
  margin: auto;
}

.gtsub #google_translate_element {
  position: absolute;
  top: -26px;
  right: 0;
}


.title-dobble-line {
  border-bottom: 3px double #A1201C;
  font-size: 18px;
  color: #380700;
  font-weight: normal;
  margin-bottom: 10px;
}

.btn01 {
  background-color: #A1201C;
  border: 2px solid #fff;
  box-shadow: 0 0 0 2px #A1201C;
  color: #fff;
  margin: 10px 0 0 0;
  padding: 1em;
  display: inline-block;
}


.google_translate_element {
  width: 852px;
}