*{margin:0; padding:0;}
body{width:100%;text-align: center;
	background-image: url("back.jpg");
	background-repeat: repeat;
	background-attachment: scroll;
	color:#fffffe ;
}
img {border:0 none}
@media print {
.imgnone {display:none;}
#menutabs {display:none;}
}
table {font-size:100%;}

#container{width:880px;margin: 0 auto;border:0px;text-align: left;background-color:#6b3f31;}
#header{position:relative;margin:0px 10px;line-height:12px;color:#ffffff;}
#logo{float: right;margin-left: 1em;font-size:10px;color:#fffffe;}
#title{margin:6px 0 6px 0;font-size:80%;text-align:left;color:#f39800;}
#welcome{margin:6px 0 6px 0;font-size:70%;text-align:left;color:#fffffe;}
#wrapper{float:left;width:880px;}
#content{margin: 0px 0px 0px 185px;padding:5px;font-size:12px;background-color:#6b3f31;}
#navigation {float:left;padding:20px 0px;width:170px;margin-left:-875px;}
#navigation p {padding:10px 0px; font-size:80%;}
#footer{width:880px;clear:both;background-color:#a97d6f;border-top:2px solid #a97d6f;text-align:center; margin: 0 auto;font-size:63%;background-color:#6b3f31;color:#f39800;}
#navigation .plan_tate_dark{
text-align:center;margin-left:auto;margin-right:auto;
padding:0px;
font-size:90%;
background-color: #351f19;
background-repeat:repeat-no;
width:160px;
height:220px;
color:#f39800;
}

#container a:link{text-decoration:none;color:#ffb07c;font-weight:bold;}
#container a:visited{text-decoration:none;color:#ffb07c;font-weight:bold;}
#container a:hover{text-decoration:none;color:#fffffe;}
#container a:active{text-decoration:none;color:#ffb07c;font-weight:bold;}

.contents p{margin:1em 0;}
li {list-style:none;}
h1{text-align:right;float:left;margin-bottom:10px;}
h2.BoxHeading {
text-align:left;margin:10px 0px 0px 0px;letter-spacing:0px;padding:5px;font-size:110%;color:#f39800;
}
h3.BoxHeading {
padding:5px;background-color:#873620;color:#ffffff;font-weight:bold;font-size:100%;text-align:center;
}
h3.TopHeading {
width : 380px;
padding:5px;background-color:#66CCFF;color:#0000ff;font-weight:bold;font-size:100%;
}
h3.LeftHeading {
text-align:center;background-color:#873620;color:#ffffff;font-weight:bold;font-size:90%;
}
h3.BoxHeading2 {
padding:5px;background-color:#ff6611;color:#ffffff;font-weight:bold;font-size:100%;text-align:center;
}
h3.LeftHeading2 {
text-align:center;background-color:#ff6611;color:#ffffff;font-weight:bold;font-size:90%;
}

.color-yellow {color:#f39800;}
.color-yellow-b {color:#f39800;font-weight:bold;}
.color-blue {color:#828e9d;}
.color-blue-b {color:#828e9d;font-weight:bold;}
.color-white {color:#ffffff;}
.color-white-b {color:#ffffff;font-weight:bold;}
.color-red {color:#ff0000;}
.color-red-b {color:#ff0000;font-weight:bold;}

.f60 {font-size:60%;}
.f70 {font-size:70%;}
.f90 {font-size:90%;}
.f120 {font-size:120%;}
.f140 {font-size:140%;}

.text-center {text-align:center;margin-left:auto;margin-right:auto;}
.text-right {text-align:right;margin-left:auto;margin-right:0px;}
.text-left {text-align:left;margin-left:0px;margin-right:auto;}
.ver-top {vertical-align:top;}
.ver-middle {vertical-align:middle;}
.ver-bottom {vertical-align:bottom;}
.imgleft{float: left;margin-right: 1em;}
.imgright{float: right;margin-left: 1em;}
.imgcenter{align:center;text-align:center;}
.imgclear{clear: both;}

#menutabs {
  float:center;
  width:100%;
  height:51px;
  font-size:63%;
  font-weight:bold;
  line-height:normal;
  text-align:center;
  color:#fffffe ;
  }
#menutabs ul {
    margin:0;
    padding:10px 10px 0 40px;
    list-style:none;
  }
#menutabs li {
  display:inline;
  margin:0;
  padding:0;
  }
#menutabs a {
  float:left;
  background:url("../img/tableft.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 4px;
  text-decoration:none;
  }
#menutabs a span {
  float:left;
  display:block;
  background:url("../img/tabright.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  color:#a97d6f;
  }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menutabs a span {float:none;}
/* End IE5-Mac hack */
#menutabs a:hover span {
  color:#0099FF;
  }
#menutabs a:hover {
  background-position:0% -42px;
  }
#menutabs a:hover span {
  background-position:100% -42px;
  }

    #menutabs #current a {
            background-position:0% -42px;
    }
    #menutabs #current a span {
            background-position:100% -42px;
    }

#maptabs {
  float:right;
  width:100%;
  background:#6b3f31;
  font-size:50%;
  line-height:normal;
  text-align:center;
  }
#maptabs ul {
    margin:0;
    padding:10px 10px 0 50px;
    list-style:none;
  }
#maptabs li {
  display:inline;
  margin:0;
  padding:0;
  }
#maptabs a {
  float:right;
  background:url("../img/maptableft.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 4px;
  text-decoration:none;
  }
#maptabs a span {
  float:right;
  display:block;
  background:url("../img/maptabright.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  color:#a97d6f;
  }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#maptabs a span {float:none;}
/* End IE5-Mac hack */
#maptabs a:hover span {
  color:#FF3300;
  background:#ffccff;
  }
#maptabs a:hover {
  background-position:0% -42px;
  }
#maptabs a:hover span {
  background-position:100% -42px;
  }

    #maptabs #current a {
            background-position:0% -42px;
    }
    #maptabs #current a span {
            background-position:100% -42px;
    }

#navBreadCrumb {
font-size:10px;border-bottom:1px solid #bfbfbf;padding: 0px 0 5px 0;margin:3px 25px 0 25px;}

//角丸見出し
.headline {
    width:100%;
}
@media print {
.headline .rtop, .headline .rbottom {display:none;}
.headline2 .rtop, .headline2 .rbottom {display:none;}
}
.headline .rtop, .headline .rbottom{
    background:#873620;background-color:#6b3f31;
}
.headline .rtop span, .headline .rbottom span{
    display:block;
    height:1px;
    overflow:hidden;
    background-color:#873620;
}
.headline2 {
    width:100%;
}
.headline2 .rtop, .headline2 .rbottom{
    background:#ff6611;background-color:#6b3f31;
}
.headline2 .rtop span, .headline2 .rbottom span{
    display:block;
    height:1px;
    overflow:hidden;
    background-color:#ff6611;
}
.r1{margin: 0px 5px;}
.r2{margin: 0px 3px;}
.r3{margin: 0px 2px;}
.r4{margin: 0px 1px; height: 2px;}

/* トッププラン */
#top_plan table {width:670px;border:0px;}
#top_plan tr {vertical-align:top;}
#top_plan td {margin-left:auto;margin-right:auto;}
#top_plan img {float: left;padding:2px;width:166px;height:128px;}
#top_plan .plan_yoko_dark{
margin:1px 0px 0px 0px;
padding:5px;
background-color: #351f19;
background-repeat:repeat-no;
width:450px;
height:140px;
color:#f39800;
}
#top_plan .plan_yoko_light{
margin:1px 0px 0px 0px;
padding:5px;
background-color: #a97d6f;
background-repeat:repeat-no;
width:450px;
height:140px;
color:#f39800;
}
#top_plan .plan_tate_dark{
margin:1px 0px 0px 0px;
padding:2px;
background-color: #351f19;
background-repeat:repeat-no;
width:180px;
height:270px;
color:#f39800;
}
.plan_title {
font-size:14px;
color:#f39800;
font-weight:bold;
line-height:14px;
}
#top_plan .box {height:350px;padding:10px 5px;overflow:auto;text-align:justify;text-justify:inter-ideograph;}
#top_plan .box dt {font-size:100%;font-weight:bold;color:#bc611e;}
#top_plan .box dd {margin-bottom:10px;}
#top_plan .blog {height:130px;padding:10px 5px;overflow:auto;text-align:justify;text-justify:inter-ideograph;}
#top_plan .blog dt {font-size:100%;font-weight:bold;}
#top_plan .blog dd {margin-bottom:10px;}
.whatsnew {height:300px;padding:10px 5px;overflow:auto;text-align:justify;text-justify:inter-ideograph;font-size:90%;}
.whatsnew dt {font-size:120%;font-weight:bold;color:#bc611e;}
.whatsnew em {font-size:100%;font-weight:bold;color:#bc611e;}
.whatsnew dd {margin-bottom:10px;}

/* プラン一覧 */
#planstable table {border:0px;}
#planstable th {padding:5px;text-align:center;}
#planstable td {padding:5px;}
#planstable img {float: left;padding:0px 15px 0px 0px;width:166px;height:128px;}
#planstable .plan_osusume_dark{background-color: #351f19;}
#planstable .plan_osusume_light{background-color: #a97d6f;}

/* 目的別プラン */
#plans table {border:ridge 1px;width:675px;background-color: #a97d6f;}
#plans th {padding:5px;text-align:center;background:#291510;color:#ffffff;border:groove 1px;}
#plans td {padding:5px;border:groove 1px;color:#ffffff;}
#plans img {float: left;padding:0px 15px 0px 0px;width:166px;height:128px;}
.planbox .pic1 {width:300px;height:225px;float:left;margin:5px;}
.planbox .pic2 {width:75px;height:57px;}
.planbox .title {margin:20px 0;color:#f39800;font-weight:bold;font-size:120%;}

/* アクセス */
#access {margin:20px 0;}
#access .exp {margin:40px 0 25px 0;font-size:120%;color:#f39800;font-weight:bold;}
#access h3 {margin-bottom:5px;color:#f39800;font-weight:bold;font-size:120%;}
#access p {margin:20px 0;font-size:85%;}
#access img.route {margin:0px 20px 50px 20px;}
#access img.map {float:center;margin:0 0 0 0}

/* 料理 */
.cook_title {color:#bc611e;font-weight:bold;font-size:140%;}

/* インフォメーション */
#information .exp {padding:30px 0;font-size:110%;margin:0 10px;}
#information .caution {padding:0 0 30px 0;color:#f39800;font-size:100%;margin:0 30px;text-align:;}
#information .tickets {width:550px;margin:0px auto;border:solid #351f19;border-width:0;}
#information h3 {margin:20px 10px 0px 10px;padding:5px 15px;font-size:140%;font-weight:bold;color:#f39800;border:solid #351f19;border-width:1px 0 1px 10px;}
#information p {margin:2px 10px 10px 10px;padding:5px 15px;text-align:center;font-size:130%;font-weight:bold;background-color:#351f19;color:#ffffff;}

/* その他紹介リンク */
.otherplan {margin:10px 0 10px 10px;text-align:right;font-size:90%;}

/* 施設紹介ページ */
#facilities {margin:40px 0;text-align:justify;text-justify:inter-ideograph;}
#facilities h3 {margin:10px 0;padding:4px;font-weight:bold;font-size:140%;color:#FFCC00;}
#facilities h4 {margin:10px 0;padding:4px;font-weight:bold;font-size:140%;color:#351f19;background-color:#291510;}
#facilities p {font-weight:bold;font-size:140%;color:#fffffe;margin:0;}
#facilities span {font-size:120%;color:#fffffe;margin:0;}
#facilities .photo {float:right;margin:0 5px;}

/* デルフィーナ */
#delfina {text-align:justify;text-justify:inter-ideograph;}
#delfina h2 {margin:10px 0 40px 0;}
#delfina h3 {margin:0 0 10px 0;padding:4px;background-color:#351f19;font-weight:bolder;color:#ffffff;}

/* おすすめ観光 */
#linkcollect p {margin:20px 0;}
#linkcollect th {height:70px;text-align:center;}
#linkcollect td {height:70px;text-align:left;}

/* 観光 */
/* Hides from IE-mac \*/
* html #mikaku {height: 1%;}
/* End hide from IE-mac */

#bousou {margin-top:20px;margin-bottom:20px;position:relative;text-align:center;}
	#bousou .lm {width:128px;border:1px solid #351f19;background:#a97d6f;position:absolute;}
	#bousou .lm h3 {background:#351f19;color:#ffffff;padding:3px;font-size:12px;font-weight:normal;}
		#bousou .lm img {margin:3px 0px 2px 0px;}
		#bousou .lm p {margin:0px;padding:2px 5px 2px 5px;font-size:10px;text-align:justify;text-justify:inter-ideograph;line-height:11px;color:#ffffff;}

#mikaku {border:1px solid #351f19;text-align:left;}
	#mikaku:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
	#mikaku h3 {background:#351f19;color:#ffffff;padding:5px 20px;font-size:12px;font-weight:normal;}
	#mikaku img {float:right;margin:20px 30px 20px 30px;}
	#mikaku ul {margin-left:2em;margin-bottom:10em;}
	#mikaku ul li {font-size:90%;}

.eventinfo {padding:15px;}
.eventinfo .title {color:#ffcc00;}
.eventinfo .info {color:#ffb07c;}

.plan_detail_title {margin-top:1em;color:#3e3731;font-weight:bold;}
.plan_detail{
margin:0em;
padding:10px 5px 0px 5px;
background-image:url('../img/plan_detail_bg.gif');
background-repeat:repeat-no;
width:230px;
height:140px;
color:#a97d6f;
font-weight:bold;
}

.framework {
padding:2px;background:#AFCBD2;height:186px;width:600px;border-color:#358BA0;border-width:1px;border-style:solid;
}
.framework2 {
padding:5px;background:#D1E3E7;height:180px;width:600px;border-color:#358BA0;border-width:1px;border-style:solid;
}