@charset "utf-8";

a {
	color: #3c4d81;
}
small {
	font-size: 85%;
}

.txt-centered,
.text-centered {
	text-align: center;
}

.season_spring a {color: #588C80;}
.season_summer a {color: #4A769F;}
.season_autumn a {color: #B86360;}
.season_winter a {color: #BF9C5C;}

/*==========================================
= header
===========================================*/
.header .inn {
	background-color: #fff;
}
.header .inner {
	border-bottom: 3px solid #cb921f;
	background: url(/images/common/bgHeader.png) no-repeat center bottom;
}
.header .tools {
	clear: both;
	overflow: hidden;
	margin: 0 auto;
	width: 1200px;
}
.header .logo {
	float: left;
	margin: 22px 0 10px 0;
	width: 193px;
	height: 97px;
}
.header .logo a {
	display: block;
	width: 193px;
	height: 97px;
	text-decoration: none;
	background: url(/images/common/logo.png) no-repeat;
}
.header .logo a span {
	display: block;
	visibility: hidden;
	width: 0;
	height: 0;
}
.header .right {
	position: relative;
	float: right;
	width: 400px;
	height: 129px;
}
.header .gnavi1 {
	height: 40px;
	background: url(/images/common/bgGnavi.png) repeat-x;
}
.header .gnavi1 ul {
	clear: both;
	margin: 0 auto;
	padding: 0;
	width: 1200px;
	list-style: none;
}
.header .gnavi1 ul li{
	float: left;
}
.header .gnavi1 ul li:first-child {
}
.header .gnavi1 ul li a{
}
.header .gnavi2 {
	margin: 0 auto;
	height:	93px;
	background: url(/images/common/bgSubnavi.png) repeat-x;
	padding-bottom: 20px;
}
.header .gnavi2 ul {
	clear: both;
	margin: 0 auto;
	padding: 0;
	width: 1200px;
	list-style: none;
}
.header .gnavi2 ul li{
	float: left;
}
.header .gnavi2 ul li a{
	display:block;
}
.header .gnavi2 .gnavi2Content {
	margin: 0 auto;
	width: 1350px;
	height: 80px;
}
.header .gnavi2 .temp {
	display: block;
	margin: 0 auto;
	width: 1250px;
}

.header .gnavi2 li ul {
	display: none;
	position: absolute;
	top: 50px;
	left: 0px;
	padding: 0px;
	width: 300px;
	background: #fff;
	border: solid 1px #748F32;
	z-index:10000;
}
.header .gnavi2 li ul li {
	display:block;
	margin: 0;
	padding: 0;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #748F32;
	border-top: none;
	text-align:left;
}
.header .gnavi2 li ul li a {
	display: block;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 5px;
	color: #333333;
	text-decoration: none;
}
.header .gnavi2 li ul li a:hover {
	background-color: #E9E0D5;
	color: #333333;
}







.language{
	width: 275px;
	position:absolute;
	right:0;
	top: 10px;
}
.language img{
	vertical-align:text-bottom;
	margin-bottom:1px;

}
.language a{
	font-size: 12px;
	color: #1D1D1D;
}
.search{
	position:absolute;
	right:0;
	top: 35px;
	overflow:visible;
}
.search form {
	float:right;
}
.search form ul {
	clear: both;
	margin: 0;
	padding: 0;
	list-style: none;
}
.search form ul li {
	float: left;
	height: 30px;
}
.search form ul li.text {
	border: 1px solid #ccc;
	border-right: 0;
}
.search form ul li.text input {
	padding: 0 5px;
	width: 200px;
	line-height: 23px;
	border: 0;
}
.search .submit {
	width: 30px;
	height: 30px;
	border: 0;
	background: url(/images/common/bgSearch.png) no-repeat;
}
.search .submit {
	width: 30px;
	height: 30px;
	border: 0;
	background: url(/images/common/bgSearch.png) no-repeat;
}
.photo_download{
	position: absolute;
	left: 80px;
	bottom: 8px;
	margin-bottom: 0px;
}
.top_tab {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 337px;
	height: 57px;
}
.top_tab .inn {
	position: relative;
	width: 337px;
	height: 57px;
	background: url(/images/common/bgTab.png) no-repeat;
}
.top_tab .inn a {
	position: absolute;
	display: block;
	bottom: 0;
	width: 118px;
	height: 57px;
	text-indent: -999em;
	background-repeat: no-repeat;
}
.top_tab .inn a.syugaku {
	left: 0;
}
.top_tab .inn a.syugaku:hover, .top_tab .inn a.syugaku.active {
	background-image: url(/images/common/bgTabSyugaku.png);
}
.top_tab .inn a.nitca {
	left: 109px;
}
.top_tab .inn a.nitca:hover, .top_tab .inn a.nitca.active {
	background-image: url(/images/common/bgTabNitca.png);
}
.top_tab .inn a.kanko {
	left: 217px;
	width: 122px;
}
.top_tab .inn a.kanko:hover, .top_tab .inn a.kanko.active {
	background-image: url(/images/common/bgTabKanko.png);
}
/*==========================================
= bread
===========================================*/
.breadlist {
	margin: 0 auto 20px;
}
.breadlist ul {
	clear: both;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}
.breadlist ul li {
	float: left;
	margin: 0 1em 0 0;
}
.breadlist ul li:before {
	font-family: "FontAwesome";
	margin-right: 0.6em;
	content: "\f105";
}
.breadlist ul li:first-child:before {
	content: none;
}
.breadlist ul li:last-child a {
	color: inherit;
	text-decoration: none;
	cursor: default;
}

/*==========================================
= footer
===========================================*/
.footer {
	background: url(/images/common/bgFooter.png) repeat-x;
}
.footer .footerContent {
	/*background: url(/images/common/bgFooter2.png) repeat-x center 49px;*/
}
.footer .link {
	padding: 15px 0;
	text-align: center;
	/*background: url(/images/common/bgFooter1.png) repeat-x;*/
}
.footer .link a {
	padding: 0 30px;
	color: #fff;
	border-right: 1px solid #fff;
}
.footer .link a:last-child {
	border-right: 0;
}
.footer .device {
	padding: 20px 0 0;
	color: #f8f8f8;
	text-align: center;
}
.footer .copyright {
	margin: 0 auto;
	padding: 20px 0;
	width: 1170px;
	color: #fff;
	text-align: center;
}

/*==========================================
= contentWrap
===========================================*/
.contentWrap {
	padding: 20px 0 40px;
	background-color: #fff;
}

.contBox {
	/*overflow: hidden;*/
	position:relative;
	padding: 20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1), -2px 2px 5px rgba(0, 0, 0, 0.1), 2px -2px 5px rgba(0, 0, 0, 0.1), -2px -2px 5px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1), -2px 2px 5px rgba(0, 0, 0, 0.1), 2px -2px 5px rgba(0, 0, 0, 0.1), -2px -2px 5px rgba(0, 0, 0, 0.1);
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1), -2px 2px 5px rgba(0, 0, 0, 0.1), 2px -2px 5px rgba(0, 0, 0, 0.1), -2px -2px 5px rgba(0, 0, 0, 0.1);
}
.container{
	width:1200px !important;
}

/*==========================================
= side_clip
===========================================*/
#side_clip{
	position:absolute;
	right:-80px;
}

#side_clip a {
	display:block;
	width:115px;
	height:201px;
	background-repeat:no-repeat;
	background-position: left top;
}
.season_spring #side_clip a {background-image: url(/images/common/side_clip_btn_spring.png);}
.season_summer #side_clip a {background-image: url(/images/common/side_clip_btn_summer.png);}
.season_autumn #side_clip a {background-image: url(/images/common/side_clip_btn_autumn.png);}
.season_winter #side_clip a {background-image: url(/images/common/side_clip_btn_winter.png);}

/*==========================================
= commonPageup
===========================================*/
#commonPageup.pageup {
	display: none;
	position: fixed;
	bottom: 0;
	right: 0;
	width: 100%;
	z-index: 900;
}
#commonPageup.pageup .btn {
	color: #fff;
	background-color: #aaa;
	border-color: #999;
	border-bottom: 0;
	text-shadow: 1px 1px 5px #000;
	-webkit-border-radius: 6px 6px 0 0;
	-moz-border-radius: 6px 6px 0 0;
	-ms-border-radius: 6px 6px 0 0;
	-o-border-radius: 6px 6px 0 0;
	border-radius: 6px 6px 0 0;
}
#commonPageup.pageup .btn:hover, #commonPageup.pageup .btn:focus, #commonPageup.pageup .btn:active, #commonPageup.pageup .btn.active {
	color: #fff;
	background-color: #999;
	border-color: #999;
}
#commonPageup.pageup .btn:active, #commonPageup.pageup .btn.active {
	background-color: black;
	background-image: none;
}

/*==========================================
= Google Map Dialog
===========================================*/
.googleDialog {
  width: 230px;
}
.googleDialog h4.dialog-title {
  margin: 0 0 5px;
  font-size: 14px;
}
.googleDialog .dialog-photo {
  margin: 0 0 3px;
}
.googleDialog .dialog-photo img {
  margin: 0 auto;
  max-width: 200px;
  max-height: 150px;
}
.googleDialog .dialog-copy {
  margin: 0 0 5px;
  width: 230px;
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.googleDialog .btn-dialog.btn-route {
  color: #fff;
  background-color: #e66139;
  border-color: #d2451a;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
.googleDialog .btn-dialog.btn-route:hover,
.googleDialog .btn-dialog.btn-route:focus,
.googleDialog .btn-dialog.btn-route:active,
.googleDialog .btn-dialog.btn-route.active {
  color: #fff;
  background-color: #d2451a;
  border-color: #d2451a;
}
.googleDialog .btn-dialog.btn-route:active,
.googleDialog .btn-dialog.btn-route.active {
  background-color: #a43615;
  background-image: none;
}
.googleDialog .btn-dialog.btn-detail {
  color: #fff;
  background-color: #47bfb5;
  border-color: #369d94;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
.googleDialog .btn-dialog.btn-detail:hover,
.googleDialog .btn-dialog.btn-detail:focus,
.googleDialog .btn-dialog.btn-detail:active,
.googleDialog .btn-dialog.btn-detail.active {
  color: #fff;
  background-color: #369d94;
  border-color: #369d94;
}
.googleDialog .btn-dialog.btn-detail:active,
.googleDialog .btn-dialog.btn-detail.active {
  background-color: #297770;
  background-image: none;
}

/*==========================================
= Table base
===========================================*/
.table_base {
  width: 100%;
  margin: 0 0 30px;
}
.table_base th,
.table_base td {
  padding: 10px;
}
.table_base th {
	width: 30%;
  border: #dcd7d3 1px solid;
  border-bottom-color: #fff;
  border-right: none;
  /*background-color: #d8c5c1;*/
  background-color: #d8d8d8;
}
.table_base td {
	width: 70%;
  border: #dcd7d3 1px solid;
  border-left: none;
  background-color: #fff;
}
.table_base tr:nth-child(odd) td {
  background-color: #f8f8f8;
}
.table_base tr:last-child th {
  border-bottom-color: #dcd7d3;
}

/*==========================================
= clearfix
===========================================*/
.clearfix:after {
 content:".";
 display:block;
 clear:both;
 height:0;
 visibility:hidden;
}


.clearfix {
 display:inline-block;
}
/* exlude MacIE5 \*/
* html .clearfix {
 height:1%;
}
.clearfix {
 display:block;
}
/* end MacIE5 */

.clearfix + *{
		clear: both;
}
.clearfix {
	overflow:hidden;
}

/*==========================================
= 季節共通
===========================================*/
/* 文字色 */
.season_spring .seasonFontColor {color: #588C80;}
.season_summer .seasonFontColor{color: #4A769F;}
.season_autumn .seasonFontColor{color: #B86360;}
.season_winter .seasonFontColor{color: #BF9C5C;}

/* 背景色 */
.season_spring .seasonBgColor {background-color: #588C80;}
.season_summer .seasonBgColor{background-color: #4A769F;}
.season_autumn .seasonBgColor{background-color: #B86360;}
.season_winter .seasonBgColor{background-color: #BF9C5C;}

/*==========================================
= エリア共通
===========================================*/
/* 文字色 */
.area_shigaichi .areaFontColor {color: #49A1A5;}
.area_sasebokou .areaFontColor {color: #577735;}
.area_nanbu_99 .areaFontColor {color: #64963F;}
.area_hokubu_99 .areaFontColor {color: #509F7D;}
.area_kuroshima .areaFontColor {color: #94574A;}
.area_emukae .areaFontColor {color: #DCB445;}
.area_satoyama .areaFontColor {color: #C9737E;}
.area_mikawachi .areaFontColor {color: #D07859;}
.area_haikimiyahtb .areaFontColor {color: #8578A0;}
.area_uku .areaFontColor {color: #9D6183;}
.area_ojika .areaFontColor {color: #0D578F;}

/* 背景色 */
.area_shigaichi .areaBgColor {background-color: #49A1A5;}
.area_sasebokou .areaBgColor {background-color: #577735;}
.area_nanbu_99 .areaBgColor {background-color: #64963F;}
.area_hokubu_99 .areaBgColor {background-color: #509F7D;}
.area_kuroshima .areaBgColor {background-color: #94574A;}
.area_emukae .areaBgColor {background-color: #DCB445;}
.area_satoyama .areaBgColor {background-color: #C9737E;}
.area_mikawachi .areaBgColor {background-color: #D07859;}
.area_haikimiyahtb .areaBgColor {background-color: #8578A0;}
.area_uku .areaBgColor {background-color: #9D6183;}
.area_ojika .areaBgColor {background-color: #0D578F;}

/*==========================================
= 検索系ページ「.container」内の共通スタイル
===========================================*/
.page_search .msgNoData {
	margin: 30px 0 60px;
	font-size: 18px;
	font-weight: bold;
}
.page_search .msgNoData .fa {
	font-size: 18px !important;
}

.page_search ul {
	list-style: none;
	margin:0;
	padding:0;
}

.page_search dl {
	margin:0;
}

.page_search p {
	list-style: none;
	margin:0;
	padding:0;
	border:0;
	line-height:1;
}

.page_search .button {
	cursor:pointer;
}

/*==========================================
= 検索系ページ：タイトル
===========================================*/

.page_search h2 {
	font-size : 15px;
	font-weight:bold;
	color : #FFFFFF;
	margin:0;
	padding:10px 0 9px 32px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	line-height:1;
	background-image: url(/images/common/cont_t_flag.png);
	background-repeat: no-repeat;
	background-position: left top;
}

/*==========================================
= 検索系ページ：メインビジュアル
===========================================*/

.page_search .mainVisual {
	position:relative;
	margin:14px auto 0 auto;
}

.page_search .mainVisual .bgMainTitle {
	position:absolute;
	left:0px;
	top:115px;
	width:250px;
	height:56px;
	opacity:0.7;
	z-index:2;
}

.page_search .mainVisual p {
	position:absolute;
	left:0px;
	top:115px;
	z-index:3;
}

/*==========================================
= 検索系ページ：contBox
===========================================*/

.page_search .contBox {
	margin-top:14px;
}

/*==========================================
= Youtube Responsive
===========================================*/

.yt-responsive .yt-wrapper {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 69px 0 50%;
}
.yt-responsive .yt-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}