@charset "utf-8";
/* CSS Document */

/* -----------------------------------------------------------
CSS Information

 File name:     basic.css
 Author:        Ryo Yoneda
 date:          2010/02/04
 last update    2013/07/18
----------------------------------------------------------- */

#content_head .inner {
  position: relative;
  height: 90px;
}
#content_head .inner .logo {
  position: absolute;
  left: 0px;
  top: 22px;
}
#content_head .inner .customer {
  position: absolute;
  left: 536px;
  top: 11px;
}
#content_head .inner .language {
  position: absolute;
  left: 677px;
  top: 57px;
}

#navi_menu {
  float: left;
  height: 31px;
  width: 950px; /* IE5Xwin sees this (standards width plus padding and border on left and right)*/
  voice-family: "\"}\"";
  height: 31px; /* standards height */
  voice-family: inherit;
  width: 870px;
  border-right-width: 40px;
  border-left-width: 40px;
  border-right-style: solid;
  border-left-style: solid;
  border-right-color: #fff;
  border-left-color: #fff;
  background-color: #FFF;
  margin: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 10px;
  padding-left: 0px;
}
html>body #navi_menu {
  heigth: 31px; /* standards height reinforcement */
  width: 870px;
}

/** プルダウン **/

#jsddm li	{	float: left;}
#jsddm li a {	display: block;}
#jsddm li ul {
  padding: 0;
  position: absolute;
  visibility: hidden;
  z-index: 10;
}
#jsddm li ul li {
  float: none;
  display: inline
}
#jsddm li ul li a {
  width: auto;
}

/** メインイメージ **/

#main_image {
  height: 280px;
  width: 950px; /* IE5Xwin sees this (standards width plus padding and border on left and right)*/
  width: 630px;
  border-left-width: 40px;
  border-left-style: solid;
  border-left-color: #fff;
  background-color: #FFF;
  padding: 0 0 10px 0;
}
#main_image .left {
  float: left;
  width: 630px;
  z-index: -99;
}
#main_image .left .MainBanner {
	height: 280px;
	width: 630px;
}
#main_image .right {
  width: 240px;
  float: right;
}
#main_image .right .gallery {
  z-index: 99;
}
#content_right .hop_visa {
  margin-bottom: 5px;
}
#content_right .panfu {
  margin-bottom: 5px;
}

html>body #main_image {
  heigth: 280px; /* standards height reinforcement */
  width: 630px;
}
#content_left dl.com {
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-right-color: #C9C9C9;
  border-bottom-color: #C9C9C9;
  border-left-color: #C9C9C9;
  vertical-align: top;
  padding: 5px;
  margin-bottom: 5px;
}
  dl.com dt {margin:5px 0;}
  dl.com dd {margin:3px 0;}

  dl.com dd.end {
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #C9C9C9;
    padding-bottom: 5px;
    margin-bottom: 5px;
  }
  dl.com a:link,dl.com a:visited {
  color: #666666;
  text-decoration:none;
  font-size: 12px;
}
  dl.com a:hover {color: #666666; text-decoration: underline;}

#content_left img.left_bana {
  margin-bottom: 10px;
}

#content_center p.inner ul.tab_content {
  list-style-position: outside;
}
	ul.tab_content li {
  width : 450px;/*for IE*/
  line-height : 1.2em;
  padding : 0 0 0 15px;
  margin-bottom : 10px;
  background-image : url("../image/icon/01.gif");
  background-repeat : no-repeat;
  background-position : 0 0.3em;
  }
  ul.tab_content li.more {
    background-image: none;
    text-align: right;
    padding: 0;
  }
  ul.tab_content li a:link,ul.tab_content li a:visited {
    color:#BF191F;
  	text-decoration: none;
  }
  ul.tab_content li a:hover {
    color:#BF191F;
  	text-decoration: underline;
  }
#content_center .recipe_box {
  height: 138px;
  border: 1px solid #C9C9C9;
  padding: 5px;
  width: 458px;
  margin: 10px 0;
}
#content_right .service_top {
  margin-top: 7px;
  margin-bottom: 20px;
}
  .service_top p {
    background-color: #F0F6E8;
    margin-top: 3px;
    text-align: center;
    font-size: 12px;
    color: #666;
  } 
  .bana_area_top {text-align: center;}
  .bana_area_top img {
    margin: 0 0 15px 0;
  }
#mark_area dl {
  margin-top: 5px;
}

#mark_area img {
	margin-left: 13px;
}

#mark_area dl dt {
  float: left;
  width: 50px;
  margin: 5px 5px 5px 0;
}


#mark_area dl dd {
  float: left;
  width: 120px;
  margin: 3px 16px 10px 13px;
}
#mark_area dl dd p {
  font-size: 11px;
  color: #666;
  padding-top: 7px;
  line-height: 1.2em;
}

/**　タブ　**/

ul.tabNavigation {
  list-style: none;
  margin: 0;
  padding: 0;
	height:25px;
}

UL.tabNavigation LI {
  width:122px;
  float:left;
  margin-right: 5px;
}

UL.tabNavigation LI.first  A{
  display:block;
  background-image: url(../image/top/tab_topics.gif);
  background-repeat: no-repeat;
  height: 25px;
  width: 122px;
}
UL.tabNavigation LI.second  A{
  display:block;
  background-image: url(../image/top/tab_ivent.gif);
  background-repeat: no-repeat;
  height: 25px;
  width: 122px;
}
UL.tabNavigation LI.third A{
  display:block;
  background-image: url(../image/top/tab_notice.gif);
  background-repeat: no-repeat;
  height: 25px;
  width: 122px;
}

UL.tabNavigation LI.first A.selected,
UL.tabNavigation LI.first A:hover {
  display:block;
  background-image: url(../image/top/tab_topics_over.gif);
  background-repeat: no-repeat;
  height: 27px;
  width: 122px;
}
UL.tabNavigation LI.second A.selected,
UL.tabNavigation LI.second A:hover {
  display:block;
  background-image: url(../image/top/tab_ivent_over.gif);
  background-repeat: no-repeat;
  height: 27px;
  width: 122px;
}
UL.tabNavigation LI.third A.selected,
UL.tabNavigation LI.third A:hover {
  display:block;
  background-image: url(../image/top/tab_notice_over.gif);
  background-repeat: no-repeat;
  height: 27px;
  width: 122px;
}

UL.tabNavigation LI A:focus {
	outline: 0;
}

div.tabs div {
  border-top-width: 2px;
  border-top-style: solid;
  border-top-color: #25702B;
  padding-top: 10px;
  padding-bottom: 5px;
}

#first,#second,#third {
  height: 600px;
}
#content_center .tabs .inner .iframe {
	height: 600px;
	width: 470px;
  border:0;
}

.waste {
      min-height: 1000px;
}
#content_maintenance {
  background-image: url(../img/foot_border.gif);
  background-repeat: no-repeat;
  background-position: center top;
  width: 870px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 50px;
  padding-bottom: 50px;
  text-align: center;
}
#content_maintenance h2 {
  font-size: 16px;
  font-weight: bold;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #327F00;
  width: 800px;
  margin-right: auto;
  margin-left: auto;
  padding-bottom: 5px;
  color: #107424;
}
#content_maintenance p {
  width: 600px;
  margin-right: auto;
  margin-left: auto;
  margin-top: 20px;
  text-align: left;
}

/** 美味食彩 **/

#content_right .bimi_box {
  width: 228px;
  border: 1px solid #CCC;
  text-align: center;
  margin-bottom: 10px;
	margin-top: 10px;
  padding: 5px;
  height: 340px;
}
.bimi_box .left {
  float: left;
}
.bimi_box .right {
  float: right;
}

.bimi_box .center {
	text-align:center;
}

.bimi_box p a {
  font-size: 10px;
  line-height: 1.5;
  font-family: 'ＭＳ Ｐゴシック', sans-serif;
}
.bimi_box img.food {
  border: 1px solid #CCC;
  padding: 5px;
  margin-top: 10px;
  margin-right: 0;
  margin-bottom: 3px;
  margin-left: 0;
}
.bimi_box .btn {
  width: 200px;
  margin-right: auto;
  margin-left: auto;
  margin-top: 10px;
}

/** 店舗案内 **/
#tempo_box {
  width: 870px;
  margin: 0 auto;
  text-align: center;
}
#tempo_box .PrefShiga {
	height: 1350px;
	width: 870px;
}
#tempo_box .PrefKyoto {
	height: 1350px;
	width: 870px;
}
#tempo_box .PrefOsaka {
	height: 1350px;
	width: 870px;
}
#tempo_box .PrefHyogo {
	height: 1350px;
	width: 870px;
}
#tempo_box .PrefFukui {
	height: 1350px;
	width: 870px;
}
#tempo_box .PrefIshikawa {
	height: 1350px;
	width: 870px;
}
#tempo_box .PrefToyama {
	height: 1350px;
	width: 870px;
}
#tempo_box .PrefGifu {
	height: 1350px;
	width: 870px;
}
#tempo_box .PrefAichi {
	height: 1350px;
	width: 870px;
}
#tempo_box .pref_map {
  margin-top: 30px;
}
#tempo_box .dominant {
  text-align: left;
  width: 870px;
  margin-right: auto;
  margin-left: auto;
  margin-top: 30px;
  margin-bottom: 15px;
}
#tempo_box .dominant img {
  margin-bottom: 10px;
}
#tempo_box p.about {
  width: 870px;
  margin-right: auto;
  margin-left: auto;
  background-color: #F0F6E8;
  padding: 5px;
  margin-top: 10px;
  margin-bottom: 10px;
}

#tempo_box dl.pref {

}
#tempo_box dl.pref dd {
  background-color: #FCFCFC;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
#tempo_box dl.pref dd ul li {
  float: left;
  margin-bottom: 5px;
}
#tempo_box dl.pref dd ul li a {
  width: 70px;
  background-image: url(../profile/image/tempo/icon01.gif);
  background-repeat: no-repeat;
  background-position: 5px;
  text-align: left;
  padding-left: 20px;
  display: block;
}
#tempo_box p.attention {
	font-size:15px;
  text-align: left;
  color: #F00;
  margin: 15px 0 5px 0;
}
#tempo_box ul.notes {
  text-align: left;
  color: #333;
  margin-bottom: 20px;
}
#tempo_box ul.notes li {

}
#tempo_box ul.notes li.pl25 {
  padding-left: 25px;
}
#tempo_box .notes li img.icon {
  margin-right: 14px;
}
#tempo_box .left {
  float: left;
  width: 620px;
	overflow: auto;
  height: 1010px;
}
#tempo_box .left p.pref_title {
  height: 26px;
  width: 580px;
  border-top-width: 1px;
  border-right-width: 5px;
  border-bottom-width: 1px;
  border-left-width: 5px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #368419;
  border-right-color: #368419;
  border-bottom-color: #368419;
  border-left-color: #368419;
  line-height: 26px;
  text-align: left;
  font-size: 16px;
  font-weight: bold;
  padding-left: 10px;
  color: #333;
  margin: 10px 0 0 0;
}
#tempo_box .left .pref_tempo_box {
  text-align: left;
  width: 570px;
  background-color: #FCFCFC;
  padding: 15px;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: #999;
}
#tempo_box .left .pref_tempo_box p.new {
  color: #F00;
  margin-bottom: 5px;
}
#tempo_box .left .pref_tempo_box .rb {
 	font-size: 10px;
  padding-left: 120px;
}
#tempo_box .left .pref_tempo_box h2 {
  font-size: 16px;
  font-weight: bold;
  float: left;
  background-image: url(../profile/image/tempo/icon06.gif);
  background-repeat: no-repeat;
  padding-left: 20px;
  background-position: left;
  margin-right: 10px;
  margin-bottom: 10px;
}
#tempo_box .left .pref_tempo_box .icon {
  margin-right: 10px;
}
#tempo_box .left .pref_tempo_box p.detail {
  width: 400px;
  float: left;
  color: #333;
}
#tempo_box .left .pref_tempo_box p.btn {
  width: 150px;
  float: right;
  text-align: right;
  padding-top: 30px;
}
#tempo_box .left .page_top {
  text-align: right;
  width: 590px;
  margin: 10px 0;
  font-size: 10px;
}
#tempo_box .left .page_top a {
  color: #F90;
}
#tempo_box .left .page_top a:hover {
  text-decoration: underline;
}

#tempo_box .right {
  float: right;
  width: 240px;
}
#tempo_box .right dl.oher_area {
  background-color: #FCFCFC;
  padding: 10px;
  width: 220px;
  text-align: left;
  height: 950px;
}
#tempo_box .right dl.oher_area dt {
  background-color: #EDFFDF;
  line-height: 20px;
  text-align: left;
  height: 20px;
  margin-bottom: 15px;
  clear: both;
}
#tempo_box .right dl.oher_area dt a {
  background-color: #EDFFDF;
  color: #2B7B00;
  text-decoration: underline;
}
#tempo_box .right dl.oher_area dd ul li {
  text-align: left;
  float: left;
}
#tempo_box .right dl.oher_area dd ul li a {
  font-size: 12px;
  text-align: left;
  color: #666;
  text-decoration: underline;
  margin-bottom: 5px;
  display: block;
  width: 70px;
}

/** メインイメージ **/

ul.filmstrip {width:630px;}

.bana-web01 {
	margin-left: 10px;
	margin-bottom: 12px;
}
.bana-web02 {
	margin-left: 10px;
}

.bana-visa {
	margin-left: 10px;
}
#content_right .eco_bana {
  background-image: url(../image/top/main_bana/eco.gif);
  background-repeat: no-repeat;
  height: 140px;
  width: 240px;
  position: relative;
  margin-bottom: 10px;
}
.eco_bana a.kaden {
  position: absolute;
  width: 240px;
  height: 70px;
  left: 0;
  top: 70px;
}
.eco_bana a.house {
  position: absolute;
  width: 240px;
  height: 70px;
  left: 0;
  top: 0;
}

/* メインエリア調整 */
#main_box_content {
	width:920px; }

#left_main_box {
	float:left;
	width:670px; }

#right_main_box {
	float:right;
	width:250px; }


/* 131211_イメージキャラクターポップアップ */
#character_start {
	display:none;
	width:870px;
	height:400px;
	text-align:center;
	padding:30px 0;
	margin:20px 0 0 -435px;
	background:#FFF;
	border:1px solid #DDD;
	position:absolute;
	left:50%;
	z-index:99999;
	box-shadow:0px 10px 20px #333; }