body { font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;}

.clearfix:before,
.clearfix:after{
	content:"";
	display:block;
	overflow:hidden;
}
.clearfix:after{ clear:both;}
.clearfix{ zoom:1;}

.margin-b10 {
    margin-bottom: 10px!important;
}
a:hover .ro, a.ro:hover {
	opacity: 0.7;
	filter: alpha(opacity=70)
}

/* ナビゲーション */


#gnaviArea {
	width: 100%;
	background: url(../img/bg_nav.png) repeat-x left top;
	overflow: hidden;
}


#gnavi {
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
}

#gnavi li {
	float: left;
	font-weight:bold;
	font-size:120%;
	color:#FFFFFF;
	text-decoration:none;
	text-align:center;
	line-height:1.2em;
	border-width:0 1px 0 0;
	border-color:#FFFFFF;
	border-style:solid;
}

#gnavi li a {
	display: block;
	padding:10px 45px 10px 45px;
	background: url(../img/bg_nav.png) repeat-x left center;
	color:#FFFFFF;
	text-decoration:none;
}

#gnavi li a visit {
	display: block;
	background: url(../img/bg_nav.png) repeat-x left center;
	color:#FFFFFF;
	text-decoration:none;
}


#gnavi li a:hover {
	opacity: 0.5;
}

#outlineArea {
	background:#FFF3E1;
}

#outlineArea .inner02 {
	width:960px;
	position:relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
}
#outlineArea .textBox {
	width:330px;
	position:absolute;
	top:43px;
	left:17px;
	z-index:10;
}

#outlineArea .textBox2 {
	width:330px;
	position:absolute;
	top:426px;
	left:12px;
	z-index:10;
}

#outlineArea h2 {
	font-size:24px;
	line-height:1.4;
	font-weight:bold;
	text-align:left;
	margin-bottom:5px;
	color:#990000;
}


#outlineArea h3 {
	font-size:18px;
	line-height:1.4;
	font-weight:bold;
	text-align:left;
}

#outlineArea p {
	font-size:13px;
	line-height:1.6;
}

#cityArea {
	background:url("../img/index_bg_city.gif") repeat;
}

#cityArea .inner02 {
	width:960px;
	padding-bottom:20px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#cityArea h2 {
	width:960px;
	margin:0 auto;
	position:relative;
	top: 0px;
}
#cityArea h2 span {
	font-size:15px;
	position:absolute;
	top: 107px;
    left: 120px;
}

#cityArea ul li {
	width:300px;
	float:left;
	margin-right:28px;
}
#cityArea ul li.last {
	margin-right:0;
}

#cityArea h3 {
	text-align:center;
	}

#cityArea ul li h3 {
	color:#330000;
	font-size:150%;
	line-height:1.4;
	font-weight:bold;
	padding:20px 0 10px;
}
#cityArea ul li .text01 {
	font-size:120%;
	line-height:1.4;
	font-weight:bold;
	padding:8px 0 5px;
}
#cityArea ul li img {
	padding-bottom:15px;
}
#cityArea ul li .text02 span {
	font-size:100%;
	line-height:1.4;
/*	background: linear-gradient(transparent 60%, #FFDE79 0%); */
}
#cityArea ul li a {
	display:block;
	font-size:130%;
	line-height:1.4;
	font-weight:bold;
	background:#50A8B6;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	color:#ffffff;
	margin-top:20px;
	padding:12px;
}
#cityArea ul li a:link {
	text-decoration:none;
}
#cityArea ul li a:visited {
	text-decoration:none;
}
#cityArea ul li a:hover {
	text-decoration:none;
	background:#8FCFB9;
}


#cityArea2 {
	background-color:#FFFFFF;
}

#cityArea2 .inner02 {
	width:960px;
	margin:0 auto;
	padding-bottom:20px;
}
#cityArea2 h2 {
	width:960px;
	margin:0 auto;
	position:relative;
	top: 0px;
}
#cityArea2 h2 span {
	font-size:15px;
	position:absolute;
	top: 107px;
    left: 120px;
}


#cityArea2 .photo_main img {
	height:255px;	
	overflow:hidden;
}

#cityArea2 ul li {
	width:460px;
	float:left;
	margin-right:25px;
}
#cityArea2 ul li.last {
	margin-right:0;
}


#cityArea2 h3 {
	text-align:center;
	}

#cityArea2 ul li h3 {
	color:#330000;
	font-size:150%;
	line-height:1.4;
	font-weight:bold;
	padding:20px 0 10px;
}
#cityArea2 ul li .text01 {
	font-size:120%;
	line-height:1.4;
	font-weight:bold;
	padding:8px 0 5px;
}
#cityArea2 ul li img {
	padding-bottom:15px;
}
#cityArea2 ul li .text02 span {
	font-size:100%;
	line-height:1.4;
/*	background: linear-gradient(transparent 60%, #FFDE79 0%); */
}

#cityArea3 {
	background:url(../img/index_bg_city3.png) repeat;
}


#cityArea3 .inner02 {
	width:960px;
	margin:0 auto;
	padding-bottom:20px;
}
#cityArea3 h2 {
	width:960px;
	margin:0 auto;
	position:relative;
	top: 0px;
}
#cityArea3 h2 span {
	font-size:15px;
	position:absolute;
	top: 107px;
    left: 120px;
}

#cityArea3 ul li {
	width:460px;
	float:left;
	margin-right:25px;
}
#cityArea3 ul li.last {
	margin-right:0;
}

#cityArea2 h3 {
	text-align:center;
	}

#cityArea3 ul li h3 {
	color:#330000;
	font-size:150%;
	line-height:1.4;
	font-weight:bold;
	padding:20px 0 10px;
}
#cityArea3 ul li .text01 {
	font-size:120%;
	line-height:1.4;
	font-weight:bold;
	padding:8px 0 5px;
}
#cityArea3 ul li img {
	padding-bottom:5px;
}
#cityArea3 ul li .text02 span {
	font-size:100%;
	line-height:1.4;
/*	background: linear-gradient(transparent 60%, #FFDE79 0%); */
}



#tourItemArea {
	background-color: #ffffff;
}
#tourItemArea .inner01 {
	width:960px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}
#tourItemArea h2 {
	width:960px;
	margin:0 auto;
	position:relative;
	top: 0px;
}
#tourItemArea h2 span {
	font-size:15px;
	position:absolute;
	top: 107px;
    left: 120px;
}
#tourItemArea .tourItemList {
	margin-top:-60px;
}
#tourItemArea .tourItemList li {
	width:450px;
	background:#eeeeee;
	float:left;
	margin-top:30px;
	margin-right:30px;
	position:relative;
}
#tourItemArea .tourItemList li.last {
	margin-right:0;
}
#tourItemArea .tourItemList li .des {
	width:420px;
	font-size:140%;
	font-weight:bold;
	line-height:1.4;
	color:#ffffff;
	background:#6B5734;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	text-align:center;
	position:absolute;
	top: 211px;
	left: 14px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 4px;
	padding-right: 0;
	padding-bottom: 4px;
	padding-left: 0;
}
#tourItemArea .tourItemList li .des.mini {
	width:260px;
	font-size:95%;
	padding:7px 0;
    left: 7%;
}
#tourItemArea .tourItemList li .itemInfoArea {
	width:400px;
	margin:5px auto 15px;
	padding:15px;
	background:#ffffff;
}
#tourItemArea .tourItemList li .itemInfoArea .title {
	color:#4a74d3;
	font-size:110%;
	line-height:1.4;
}
#tourItemArea .tourItemList li .itemInfoArea .price {
	color:#ff0000;
	font-size:145%;
	line-height:1.4;
	font-weight:bold;
	text-align:right;
	padding-top:10px;
}
#tourItemArea .tourItemList li .itemInfoArea .notes {
	color:#000000;
	font-size:85%;
	line-height:1.4;
	text-align:right;
	padding-top:5px;
}
#tourItemArea .tourItemList li a:link {
	text-decoration:none;
}
#tourItemArea .tourItemList li a:visited {
	text-decoration:none;
}
#tourItemArea .tourItemList li a:hover {
	display:block;
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)"; /* IE 8 */
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
  ::i-block-chrome, #tourItemArea .tourItemList li:hover {
    opacity: 0.6; /* win safari */
  }
}
#tourItemArea .tourItemList li a:hover > .des {
	background-color: #846300;
}
#tourItemArea .otherTour {
	font-size:110%;
	line-height:1.4;
	margin-top:20px;
	text-align:right;
	clear:both;
}
#tourItemArea .otherTour a:link {
	color:#4a74d3;
	text-decoration:underline;
}
#tourItemArea .otherTour a:visited {
	color:#4a74d3;
	text-decoration:underline;
}
#tourItemArea .otherTour a:hover {
	color:#4a74d3;
	text-decoration:none;
}



#hotelItemArea {
	background-color:#FCE6D6
}
#hotelItemArea .inner01 {
	width:960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	padding-bottom: 10px;
}

#hotelItemArea h2 {
	width:960px;
	margin:0 auto;
	position:relative;
	top: 0px;
}

#hotelItemArea .otherTour {
	font-size:110%;
	line-height:1.4;
	margin-top:20px;
	text-align:right;
	clear:both;
}
#hotelItemArea .otherTour a:link {
	color:#4a74d3;
	text-decoration:underline;
}
#hotelItemArea .otherTour a:visited {
	color:#4a74d3;
	text-decoration:underline;
}
#hotelItemArea .otherTour a:hover {
	color:#4a74d3;
	text-decoration:none;
}

/* hotelTtl01 */
.hotelTtl01 {
	background-color:#FFF;
	width:945px;
	font-size: 170%; /* 22px */
	font-weight: bold;
	zoom: 1;
	margin-top: 20px;
	margin-right: 10px;
	padding-top: 15px;
	padding-right: 0;
	padding-left:15px;
	padding-bottom: 0;
}
.hotelTtl01 .icn01 {
	margin-left: 12px;
	vertical-align: -2px;
}

h4.hotelTtl01 a:visited {
    color: #4F2E17;
    text-decoration: none;
}

h4.hotelTtl01 a {
    color: #4F2E17;
    text-decoration: none;
}


/* hotelMod01 */

.hotel_bg {
	background-color:#FFFFFF;
	width:960px;
	padding-bottom:10px;
}

.hotelMod01 {
	margin: 0 10px 0 10px;
	padding-top:10px;
}


.hotelMod01 .photoMain {
	float: left;
	margin-right: 10px;
	width: 345px;
	overflow:hidden;
}
.hotelMod01 .text {
	float: left;
	width: 375px;
}
.hotelMod01 .photoSide {
	float: right;
	width: 200px;
}
.hotelMod01 .grade01 {
	margin-top: 7px;
	font-size: 76.92%; /* 10px */
}
.hotelMod01 .grade01 img {
	vertical-align: -2px;
}
.hotelMod01 .grade01 .btn {
	margin-left: 2px;
}
.hotelMod01 .grade01 .com {
	margin-left: 10px;
	text-decoration: underline;
}
.hotelMod01 .grade01 .com:hover {
	text-decoration: none;
}
.hotelMod01 .lead {
	margin-top: 12px;
	font-weight: bold;
}
.hotelMod01 .text01 {
	margin-top: 3px;
}
.hotelMod01 .box {
	padding: 0 9px 8px 9px;
	background: #F5EFE5 url(../img/hotel_bg_box02_01.gif) no-repeat left bottom;
	zoom: 1;
}





.fm01 {
	font-size: 120% !important;
}

.fs01 {
	font-size: 100% !important;
	margin-top:10px;
	margin-bottom:10px;
}

.iLink01 {
	padding-left: 17px;
	background: url(../img/icn_link_01.png) no-repeat 0 0.25em;
	zoom: 1;
	clear: both;
	line-height: 1.5em;
}

.mgt15t {
    margin-top: 13px !important;
}



.bnr {
	text-align:center;
    padding: 30px 0;
}

#title_bg {
	background-image: url(../img/index_title.jpg);
	background-repeat: no-repeat;
	background-position: center top;
/*	overflow:hidden; */
	width: 100%;
	height:400px;
/*	margin-bottom:20px; */
}




/* pageTop */
#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 77%;
}
#page-top a {
	text-decoration: none;
	color: #fff;
	/*width: 80px;*/
	padding: 20px;
	text-align: center;
	display: block;
	/*border-radius: 5px;*/
	/*border-top-left-radius: 3px;
	border-top-right-radius: 2px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 2px;*/
	border-radius: 4px;
	background-color:#333438;
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}
#page-top a:hover {
	text-decoration: none;
	background: #999;
}