@charset "UTF-8";

html{overflow-y: scroll;}
body{
  background-color: #fffde4;
  /*font-family: "romp1cl";*/
}
#wrapper{ margin: 0 auto; padding: 0px; height: 100%;overflow-y: scroll;}
#header{
  background-image:url("img/head.png");
  background-repeat:no-repeat;
  background-position:top center;
  height: 285px;
}



.inner-links{color: #0068b7;text-decoration: none; font-size: 14px; letter-spacing: 2px; display: table;line-height: 1.6;}
.inner-link1,.inner-link2,.inner-link3{display: table-cell;}
.inner-link1 a,.inner-link2 a,.inner-link3 a{color: #0068b7;text-decoration: none;}
.inner-link1 a:hover,.inner-link2 a:hover,.inner-link3 a:hover{text-decoration: underline;}
p{font-size: 14px; letter-spacing: 2px; line-height: 1.6;}
.headarea{width: 950px; margin: 0 auto; padding: 0px;}
.topmenu{text-align:center; width: 398px;
  position:relative;left:540px;
  padding: 6px;border-radius: 0px 0px 10px 10px; border-bottom: 1px solid #999; border-left:  1px solid #999; border-right:  1px solid #999; background: #fff; font-size: 10px;}
.topmenu a,  .topmenu alink,.topmenu vlink{color: #000; text-decoration: none;}
.topmenu a:hover{color: #000; text-decoration: underline;}
.rogo{position: relative; top:-10px; left: -10px; width: 425px; height: 150px;overflow: hidden !important;}
.hodugawakudari{position: relative; top:35px; left: 100px; width: 88px; height: 20px;overflow: hidden !important;}
.trucky1{position: relative; top:-170px; left: 890px;width: 32px; height: 45px; overflow: hidden !important;}/*嵯峨駅*/
.trucky2{position: relative; top:-110px; left: 790px;width: 32px; height: 50px; overflow: hidden !important;}/*嵐山駅*/
.trucky3{position: relative; top:-155px; left: 575px;width: 32px; height: 50px; overflow: hidden !important;}/*保津峡駅*/
.trucky4{position: relative; top:20px; left: 235px;width: 32px; height: 44px; overflow: hidden !important;}/*亀岡駅*/
#navmenu{background-image:url(img/menu_bg.png); background-repeat: repeat-x; height: 74px; margin: 0 auto;}
.hov1{background: url(img/head-menu/1.png)no-repeat; height: 74px;width: 177px;}
.hov1:hover{background: url(img/head-menu/11.png) no-repeat; height: 74px;width: 177px;}
.hov2{background: url(img/head-menu/2.png)no-repeat; height: 74px;width: 188px;}
.hov2:hover{background: url(img/head-menu/12.png) no-repeat; height: 74px;width: 188px;}
.hov21{background: url(img/head-menu/201.png)no-repeat; height: 47px;width: 187px;}
.hov21:hover{background: url(img/head-menu/211.png) no-repeat; height: 47px;width: 187px;}
.hov22{background: url(img/head-menu/202.png)no-repeat; height: 47px;width: 187px;}
.hov22:hover{background: url(img/head-menu/212.png) no-repeat; height: 47px;width: 187px;}
.hov23{background: url(img/head-menu/203.png)no-repeat; height: 47px;width: 187px;}
.hov23:hover{background: url(img/head-menu/213.png) no-repeat; height: 47px;width: 187px;}
.hov24{background: url(img/head-menu/204.png)no-repeat; height: 47px;width: 187px;}
.hov24:hover{background: url(img/head-menu/214.png) no-repeat; height: 47px;width: 187px;}
.hov3{background: url(img/head-menu/3.png)no-repeat; height: 74px;width: 188px;}
.hov3:hover{background: url(img/head-menu/13.png) no-repeat; height: 74px;width: 188px;}
.hov31{background: url(img/head-menu/301.png)no-repeat; height: 47px;width: 187px;}
.hov31:hover{background: url(img/head-menu/311.png) no-repeat; height: 47px;width: 187px;}
.hov32{background: url(img/head-menu/302.png)no-repeat; height: 47px;width: 187px;}
.hov32:hover{background: url(img/head-menu/312.png) no-repeat; height: 47px;width: 187px;}
.hov33{background: url(img/head-menu/303.png)no-repeat; height: 47px;width: 187px;}
.hov33:hover{background: url(img/head-menu/313.png) no-repeat; height: 47px;width: 187px;}
.hov34{background: url(img/head-menu/304.png)no-repeat; height: 47px;width: 187px;}
.hov34:hover{background: url(img/head-menu/314.png) no-repeat; height: 47px;width: 187px;}
.hov4{background: url(img/head-menu/4.png)no-repeat; height: 74px;width: 188px;}
.hov4:hover{background: url(img/head-menu/14.png) no-repeat; height: 74px;width: 188px;}
.hov41{background: url(img/head-menu/401.png)no-repeat; height: 47px;width: 187px;}
.hov41:hover{background: url(img/head-menu/411.png) no-repeat; height: 47px;width: 187px;}
.hov42{background: url(img/head-menu/402.png)no-repeat; height: 47px;width: 187px;}
.hov42:hover{background: url(img/head-menu/412.png) no-repeat; height: 47px;width: 187px;}
.hov43{background: url(img/head-menu/403.png)no-repeat; height: 47px;width: 187px;}
.hov43:hover{background: url(img/head-menu/413.png) no-repeat; height: 47px;width: 187px;}
.hov5{background: url(img/head-menu/5.png)no-repeat; height: 74px;width: 188px;}
.hov5:hover{background: url(img/head-menu/15.png) no-repeat; height: 74px;width: 188px;}
nav{width: 950px; margin: 0 auto; padding: 0px;}
/* 親メニュー - Parent nav */
nav > ul > li {  list-style: none;  margin:0;  padding:0; float: left;  position: relative; margin-left: 2px; margin-right: 2px;
  width: 190px;/*親メニューの幅*/
  height: 74px;/*親メニューの高さ*/  text-align:center;  font-weight:bold;}
nav a {display: block;  text-decoration: none;  height: 70%;}
nav ul a:hover{  /*ホバー時の親メニューの背景色#fffde5*/
  color:#E6002D;/*ホバー時の親メニューの文字色#e6002d*/
}
nav ul a:hover .menu-jp,nav ul a:hover .menu-en{color:#E6002D;}
/* 子メニュー - .sub-menu */
nav .sub-menu {  position: absolute;  margin: 0px;  margin-top: 22px;  padding: 0px;  width: 187px;/*サブメニューの幅*/  background:#FFF;/*サブメニューの背景色#fffde5*/ border: 0px;  display: none;}
nav .sub-menu a {display: block; text-decoration: none;  text-align: left;  padding-top:0px;  height: 47px;}
nav .sub-menu a:hover {z-index: 10000;}
/* ホバー＆フォーカスで子メニュー表示 */
/* Display sub menu by hover & focus */
nav .menu-item-has-children:hover ul,
nav .menu-item-has-children ul.focused {
  z-index: 9999;
  display: block;
}
nav li.menu-item-has-children li a:hover,
nav li.menu-item-has-children li a:focus {
}
/*子メニュー選択時の親メニュー背景*/
nav li:hover{ }
/*子メニューボーダー*/
.sub-menu li{border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc;}
/*ul{list-style: none;}
li{float: left; margin-top:8px; margin-right: 8px;}*/
#mainbox{  width: 950px; height: 100%; padding: 0px; margin: 0 auto;overflow: hidden;}
.slide-het{height: 370px;}
#main-left{width: 716px; float: left; margin: 0 auto;}
#main-right{width: 230px; float: left; margin: 0 auto; padding-left: 4px;}
.master-box1{width: 680px; border: 1px solid #ccc;-moz-border-radius: 5px;
-webkit-border-radius: 5px;border-radius: 5px;-moz-box-shadow: 0px 0px 2px #000000;-webkit-box-shadow: 0px 0px 2px #000000;box-shadow: 0px 0px 2px #000000; background: #fff; overflow:hidden; margin-top: 10px; padding-bottom: 10px;}
.master-box2{width: 650px;margin: 0 auto;overflow: hidden;}
.master-box3{width: 620px; margin: 0 auto;overflow: hidden;}
aside ul{list-style: none;}


.side-menu-box{width: 228px; height: 800px;}
.side-menu-box-bg{width: 228px; height: 562px; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-top: 3px solid #E60012; background: #fff; padding-top: 8px; text-align: center;}
.side-menu-box3{width: 228px; height: 900px;}
.side-menu-box-bg3{width: 228px; height: 665px; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-top: 3px solid #E60012; background: #fff; padding-top: 8px; text-align: center;}


.brochure-box{width: 228px ;text-align: center;}
.fixed{position: fixed;top:0;z-index: 1;}
.side-menu-box a:hover img{cursor:pointer; filter: alpha(opacity=60); -ms-filter: "alpha(opacity=60)";    -moz-opacity:0.6; -khtml-opacity: 0.6; opacity:0.6; zoom:1;}
.fb-box{width:100px ; float: left; height: 130px; text-align: center; margin-left: 10px;}
.ta-box{width: 100px; float: left; height: 130px; text-align: center;}
.firstimg{padding-top: 10px;}
.maintit-img{margin-top: 5px; margin-bottom: 25px;}
.pankz{padding: 5px; font-size: 12px; padding-top: 0px;}
.pankz a{color: #9fa0a0; text-decoration: none;}
.pankz a:hover{text-decoration: underline;}
.maintit-img2{margin-top: 0px; margin-bottom: 5px;}
.pankz2{padding: 5px; font-size: 12px;color: #9FA0A0; border-top: 1px solid #ddd;/* border-bottom: 1px solid #ccc;*/ width: 672px;}
.pankz2 a{color: #9fa0a0; text-decoration: none;}
.pankz2 a:hover{text-decoration: underline;}
.tit-img{margin-top: 10px;}
.tit-img-btm{margin-bottom: 10px;}
.gy{color: #9FA0A0;}
.bl{color: #0068B7;}
.fb1{font-size:160%;}
.page-top{width: 641px; margin: 0 auto; text-align: right; padding-top: 8px; color: #898989; font-size: 90%;}
.page-top a{text-decoration: none; color: #898989;}
.page-top a:hover{text-decoration: underline;}
.page-top2{width:100%;margin: 0 auto; text-align: center; padding-top: 8px; color: #898989; font-size: 90%; height: 20px;}
.page-top2 a{text-decoration: none; color: #898989;}
.page-top2 a:hover{text-decoration: underline;}
.l-h13{line-height: 1.3;}
.l-h14{line-height: 1.4;}
.l-h15{line-height: 1.5;}
.l-h16{line-height: 1.6;}
.spcr-5{height: 5px; width: 100%;}
.spcr-7{height: 7px; width: 100%;}
.spcr-10{height: 10px; width: 100%;}
.spcr-15{height: 15px; width: 100%;}
.spcr-fb{height: 19px; width: 100%;}
.spcr-insta{height:5px; width: 100%;}
.spcr-w1{height: 1px; width: 100px;}
.bg-ylw{background:#fffbc7;}
.clr-hol{color: #e60012;}
.clr-sp1{color: #00a73c;}
.clr-sp2{color: #00a0e9;}
.cl-lf{clear: left;}
.cl-rt{clear: right;}
.cl-both{clear: both;}
.ltsp2-fs14{letter-spacing: 2px; font-size: 14px;}
.sml-fnt{font-size: 12px;}
#foottop{
  height: 75px; background-image: url("img/foottop.png"); background-repeat: no-repeat; background-position: center;
}
#footer{background:#8ec31f url("img/foot_bg.png") repeat-x; margin: 0 auto; padding: 0px; height: 240px; color: #fff; font-size: 12px; line-height: 1.6;clear: both;}
#footer a,  #footer alink,#footer vlink{color: #fff; text-decoration: none;}
#footer a:hover{color: #fff; text-decoration: underline;}

.footer_cnt{width: 950px; margin: 0 auto; padding: 0px;}
.footer_left{  float: left; width: 330px; padding-top: 85px;}
.footer_right{  float: left; width: 620px;}
.footer_right_left{width: 424px; float: left; margin-right: 2px;}
.footer_right_right{width: 194px; float:left;}
.frl1{width: 130px; float: left;}
.frl2{width: 142px; float: left;}
.frl3{width: 150px; float: left;}
.footer_cr{margin-top: 85px;}
.hrv{border-bottom: 1px solid #fff; width: 100%; height: 100%; padding: 5px 0px;}
.ul2-menu{padding: 0px; margin: 0px; width:224px; height: 57px;}
.ul2-menu1{padding: 0px; margin: 0px; width:224px; height: 48px;}
.ul2-menu2{padding: 0px; margin: 0px; width:224px; height: 47px;}
.menu-chr{visibility: hidden; font-size: 1px; letter-spacing: 1px; line-height: 1;}
.hov22{background: url(img/head-menu/202.png)no-repeat; height: 47px;width: 187px;}
.hov22:hover{background: url(img/head-menu/212.png)no-repeat; height: 47px;width: 187px;}

#footer20170531{background:#8ec31f url("img/foot_bg.png") repeat-x; margin: 0 auto; padding: 0px; color: #fff; font-size: 12px; line-height: 1.6;clear: both;}
#footer20170531 a,  #footer20170531 alink,#footer20170531 vlink{color: #fff; text-decoration: none;}
#footer20170531 a:hover{color: #fff; text-decoration: underline;}
#footer20170531 span.small1{font-size: 11px;}
#footer20170531 span.small2{font-size: 10px;}
#foot_copyright{text-align: center; width: 950px;margin: 0 auto; padding-bottom: 5px;}

.footer_image{float: left;width: 330px;padding-top: 85px;}
.footr_content{float: left;width: 620px;}
.footer_cnt_left{width: 424px;float: left;margin-right: 2px;}
.footer_cnt_right{width: 194px;float: left;}