@charset "utf-8";

@import url("common.css");

/* -------------------------------------------------------------------
 /index.html
------------------------------------------------------------------- */

/* information -------------------- */

dl.information {
   width: 440px;
   margin: 11px 0px 0px 9px;

}

dl.information dt {
   margin-bottom: 3px;
   color: #0f5c4a;
   font-weight: bold;
   font-family: Verdana, Arial, sans-serif
}


/* pickup -------------------- */

div.pickup-box01 {
   width: 289px;
   margin: 0px 0px 15px 11px;
   padding: 10px 0px;
   background: #e3e8c9;

}

div.pickup-box01-in {
   width: 279px;
	 background: url(../images/bg_pickup01.gif) repeat-y left top;
}


div.pickup-box01-in p {
   float: left;
	 display: inline;
   width: 150px;
	 margin-left: 17px;
	 line-height: 1.3em;
}

div.pickup-box01-in p em {
   display: block;
	 margin-bottom: 6px;
}

div.pickup-box01-in p.image {
   float: right;
   width: 95px;
	 margin: 0px;
}

div.pickup-box01-in:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.pickup-box01-in { display:inline-block; }
/*\*/
* html div.pickup-box01-in { height:1%; }
div.pickup-box01-in { display:block; }
/**/

div.pickup-box02 {
   width: 289px;
	 margin: 0px 0px 3px 11px;
   padding: 10px 0px;
   background: #DDEBE4;
}

div.pickup-box02-in {
   width: 279px;
	 background: url(../images/bg_pickup02.gif) repeat-y left top;
}

div.pickup-box02-in dl {
   margin-left: 17px;
}

div.pickup-box02-in dl dt {
   margin-bottom: 8px;
   font-size: 0px;
   line-height: 0px;
}

div.pickup-box02-in dl dd {
   width: 262px;
}

div.pickup-box02-in dl dd p.txt {
   float: left;
   width: 150px;
   line-height: 1.3em;
}



div.pickup-box02-in dl dd p.img {
   float: right;
   width: 95px;
   padding-top: 3px;
}


div.pickup-box02-in dl dd:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.pickup-box02-in dl dd { display:inline-block; }
/*\*/
* html div.pickup-box02-in dl dd { height:1%; }
div.pickup-box02-in dl dd { display:block; }



/* weather box --------------- */

div.pickup-box03 {
   width: 289px;
   margin: 0px 0px 15px 11px;
   padding: 10px 0px;
   background: #d8ecff;

}

div.pickup-box03-in {
   width: 279px;
	 background: url(../images/bg_pickup03.gif) repeat-y left top;
}


div.pickup-box03-in p {
   float: left;
	 display: inline;
   width: 140px;
	 margin-left: 17px;
	 line-height: 1.3em;
}

div.pickup-box03-in p em {
   display: block;
	 margin-bottom: 6px;
}

div.pickup-box03-in p.txt {
   float: left;
   width: 140px;
   line-height: 1.3em;
   padding-top: 10px;
}

div.pickup-box03-in p.txt_indent {
   float: left;
   width: 140px;
   line-height: 1.3em;
   padding-left: 5px;
   text-indent: -5px;

}

div.pickup-box03-in span.image {
   float: right;
  	 margin: 0px;
  	 /*padding-top: 3px*/
}

div.pickup-box03-in:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.pickup-box03-in { display:inline-block; }
/*\*/
* html div.pickup-box03-in { height:1%; }
div.pickup-box03-in { display:block; }
/**/


/**/


/* -------------------------------------------------------------------
 /lower-page
------------------------------------------------------------------- */

/* snavi -------------------- */

div#ct-left ul.snavi img {
   vertical-align: bottom;
}

div#ct-left ul.snavi li {
   width: 236px;
   border-bottom: 1px solid #FFFFFF;
}

div#ct-left ul.snavi li a {
   display: block;
   width: 100%;
   padding: 5px 0px;
   background: #E3E8C9;
   text-decoration: none;
}

div#ct-left ul.snavi li a span {
   display: block;
   padding: 0px 10px 0px 24px;
   background: url(../images/common/icon_circle.gif) no-repeat 10px 0.5em;
}

div#ct-left ul.snavi li a.on {
   background: #C2CA97;
}

div#ct-left ul.snavi li a:hover {
   background: #C2CA97;
}


/* banner -------------------- */

div#ct-left p.bnr {
   width: 236px;
   padding: 16px 0px;
   background: #FFFFFF;
}


/* pankuzu -------------------- */

div#ct-right p.pan {
   color: #000000;
   font-size: 86%;
   margin-bottom: 17px;
}

div#ct-right p.pan span {
   margin: 0px 8px 0px 10px;
}


/* pankuzu type2 -------------------- */

div#ct-area p.pan2 {
   color: #000000;
   font-size: 86%;
   margin: 10px 0px 17px;
}

div#ct-area p.pan2 span {
   margin: 0px 8px 0px 10px;
}

/* comment -------------------- */

div#ct-right p.comment {
   margin: 13px 0px 16px;
   padding-right: 15px;
}

div#ct-right p.comment02 {
   margin: 13px 0px 36px;
   padding-right: 15px;
}

div#ct-right p.comment03 {
   margin: 13px 0px 26px;
   padding-right: 15px;
}

div#ct-right p.comment-bold {
   margin: 13px 0px 10px;
   padding-right: 15px;
   color: #0F5C4A;
   font-size: 117%;
   font-weight: bold;
}


/* -------------------------------------------------------------------
 /about
------------------------------------------------------------------- */

/* left contents -------------------- */

div.love {
   width: 236px;
   padding: 16px 0px;
   background: #FFFFFF;
}

div.love-box {
   width: 236px;
   padding: 10px 0px;
   background: #E3E8C9;
}

div.love-box-in {
   width: 226px;
	 background: url(../images/bg_pickup01.gif) repeat-y left top;
}

div.love-box-in p {
   float: left;
	 display: inline;
   width: 123px;
	 margin-left: 17px;
	 line-height: 1.3em;
}

div.love-box-in p em {
   display: block;
	 margin-bottom: 6px;
}

div.love-box-in p.image {
   float: right;
   width: 68px;
	 margin: 0px;
}

div.love-box-in:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.love-box-in { display:inline-block; }
/*\*/
* html div.love-box-in { height:1%; }
div.love-box-in { display:block; }
/**/


/* less is more -------------------- */

div.txt-wrap {
   width: 515px;
   margin: 16px 0px 39px;
}

div.txt-wrap p {
   padding-bottom: 18px;
}

div.txt-wrap img {
   float: right;
   margin-left: 10px;
}


/* four seasons -------------------- */

dl.season {
   width: 514px;
   padding-top: 14px;
}

dl.season dt {
   margin-bottom: 7px;
   font-size: 133%;
   font-weight: bold;
}

dl.season dd {
   width: 514px;
   margin-bottom: 12px;
}

dl.season dd:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
dl.season dd { display:inline-block; }
/*\*/
* html dl.season dd { height:1%; }
dl.season dd { display:block; }
/**/

dl.season dd.end {
   width: 514px;
   margin-bottom: 60px;
}

dl.season dd.end:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
dl.season dd.end { display:inline-block; }
/*\*/
* html dl.season dd.end { height:1%; }
dl.season dd.end { display:block; }
/**/

dl.season dd p.img01,
dl.season dd.end p.img01 {
   float: left;
   width: 249px;
}

dl.season dd p.img02,
dl.season dd.end p.img02 {
   float: right;
   width: 249px;
}

dl.season dd.txt {
   margin-bottom: 18px;
}


/* i love myoko -------------------- */

div.letter {
   width: 512px;
   margin: 16px 0px 60px;
   background: #F5F5F5;
   border: 1px solid #E2E2E2;
}

div.letter p {
   padding: 0px 17px 18px;
}

div.letter p.img {
   float: right;
   padding-top: 18px;
   padding-bottom: 0px;
}

div.letter p.hello {
   padding-top: 16px;
   font-size: 133%;
   font-weight: bold;
}

div.letter p.txt,
div.letter p.txt-top {
   padding-right: 15px;
}

div.letter p.txt-top {
   padding-top: 14px;
}

div.letter p.name {
   font-weight: bold;
   text-align: right;
}

div.letter p.name02 {
   text-align: right;
   padding-bottom: 25px;
}

div.letter p.name02 span {
   font-weight: bold;
}

div.letter p.center {
   text-align: center;
   padding-bottom: 25px;
}


/* -------------------------------------------------------------------
 /onsen
------------------------------------------------------------------- */

/* left contents -------------------- */

div.seven {
   width: 236px;
   padding-top: 15px;
   background: #FFFFFF;
}

div.seven-box {
   width: 236px;
   padding: 10px 0px;
   background: #DDEBE4;
}

div.seven-box-in {
   width: 226px;
	 background: url(../images/bg_pickup02.gif) repeat-y left top;
}

div.seven-box-in dl {
	margin-left: 17px;
}

div.seven-box-in dl dt {
	margin-bottom: 8px;
	font-size: 0px;
	line-height: 0px;
}

div.seven-box-in dl dd {
	width: 209px;
}

div.seven-box-in dl dd p.txt {
	float: left;
	width: 135px;
	line-height: 1.3em;
}

div.seven-box-in dl dd p.img {
	float: right;
	width: 68px;
	padding-top: 3px;
}

div.seven-box-in dl dd:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.seven-box-in dl dd { display:inline-block; }
/*\*/
* html div.seven-box-in dl dd { height:1%; }
div.seven-box-in dl dd { display:block; }
/**/


/* hot springs -------------------- */

div.onsen {
	width: 514px;
	margin-bottom: 25px;
}

div.onsen:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.onsen { display:inline-block; }
/*\*/
* html div.onsen { height:1%; }
div.onsen { display:block; }
/**/

div.onsen p.img {
	float: left;
	width: 160px;
}

div.onsen dl {
	float: right;
	width: 343px;
}

div.onsen dl dt {
	margin-bottom: 7px;
	color: #0F5C4A;
	font-size: 133%;
	font-weight: bold;
}

div.onsen dl dd.last {
	padding-bottom: 31px;
}


/* -------------------------------------------------------------------
 /winter
------------------------------------------------------------------- */

/* winter fun -------------------- */

div#ct-right dl.fun-list {
	margin-bottom: 21px;
}

div#ct-right dl.fun-list dt {
	margin-bottom: 7px;
	color: #0F5C4A;
	font-size: 117%;
	font-weight: bold;
}

div#ct-right dl.fun-list dt.first {
	padding-top: 10px;
}

div#ct-right dl.fun-list dd {
	padding-right: 13px;
}

div#ct-right dl.fun-list dd.end {
	padding-bottom: 36px;
}


/* akakura -------------------- */

/* map */

div#ct-right p.map {
	margin-bottom: 60px;
}

div.map-box {
	position: relative;
	width: 514px;
}

div.map-box p.zoom {
	position: absolute;
	left: 470px;
	top: 10px;
	width: 34px;
}

div.map-box p.zoom02 {
	position: absolute;
	left: 470px;
	top: 228px;
	width: 34px;
}


/* snowshoeing -------------------- */

div.img-wrap {
	width: 514px;
}

div.img-wrap:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.img-wrap { display:inline-block; }
/*\*/
* html div.img-wrap { height:1%; }
div.img-wrap { display:block; }
/**/

div.img-wrap p {
	float: left;
	width: 160px;
	margin-right: 17px;
	padding-bottom: 16px;
}

div.img-wrap p.end {
	margin-right: 0px;
}

/* table */

table.tb,
table.tb02 {
	width: 514px;
	margin-bottom: 16px;
}

table.tb {
	background: #F5F5F5;
}

table.tb02 {
	background: #FFFFFF;
}

table {
	border-top: 1px solid #E2E2E2;
	border-left: 1px solid #E2E2E2;
}

table th,
table td {
	border-right: 1px solid #E2E2E2;
	border-bottom: 1px solid #E2E2E2;
}

table.tb02 tr.first td {
	padding: 0px;
}

table.tb th.w190,
table.tb th.w179 {
	padding-left: 10px;
	text-align: left;
}

table.tb th.w190 {
	width: 190px;
}
/*\*/
table.tb th.w190 {
	width: 180px;
}
/**/

table.tb th.w179 {
	width: 179px;
	color: #0F5C4A;
}
/*\*/
table.tb th.w179 {
	width: 169px;
}
/**/

table.tb02 th {
	width: 89px;
	color: #0F5C4A;
	text-align: center;
}

table.tb td,
table.tb02 td {
	padding: 10px 8px;
	line-height: 1.2em;
}

table.tb tr td dl dt {
	font-weight: bold;
}

table.tb tr td dl dd.first {
	margin-bottom: 10px;
}

div#ct-right p.big-img {
 margin-bottom: 30px;
}

div#ct-right dl.fee {
	padding-bottom: 20px;
}

div#ct-right dl.fee dt {
	margin-bottom: 7px;
	color: #0F5C4A;
	font-size: 133%;
	font-weight: bold;
}

div#ct-right dl.fee dd {
	margin-bottom: 7px;
	padding: 0px 6px 0px 12px;
	background: url(../images/winter/list_mark.gif) no-repeat 0px 7px;
}

div#ct-right dl.office {
	margin-bottom: 59px;
	padding: 12px 0px 20px 14px;
	border: 1px solid #E2E2E2;
}

div#ct-right dl.office dt {
	margin-bottom: 7px;
	font-size: 133%;
	font-weight: bold;
}

div#ct-right dl.office dd span {
	color: #0F5C4A;
}


/* winter events -------------------- */

div#ct-right p.date {
	padding-bottom: 2px;
	font-weight: bold;
}

div#ct-right h3 {
	color: #0F5C4A;
	font-size: 133%;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

div.events-wrap {
	width: 514px;
	padding: 11px 0px 21px;
}

div.events-wrap:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.events-wrap { display:inline-block; }
/*\*/
* html div.events-wrap { height:1%; }
div.events-wrap { display:block; }
/**/

div.events-wrap p.text,
div.text {
	float: left;
	width: 343px;
}

div.events-wrap p.img,
div.img {
	float: right;
	width: 160px;
}

div.text p {
	margin-bottom: 25px;
}

div.img p {
	margin-bottom: 10px;
}

/* -------------------------------------------------------------------
 /summer
------------------------------------------------------------------- */

/* summer fun -------------------- */

div.mt-box {
	margin: 0px 0px 30px 0px;
	padding: 13px 15px 22px 15px;
	background: #F4F4F4;
}

dl.mt-top {
	margin-bottom: 25px;
}

dl.mt-top dt {
	margin-bottom: 5px;
	color: #0F5C4A;
	font-size: 133%;
	font-weight: bold;
}

dl.mt-list02 {
	padding-top: 20px;
}

dl.mt-list dt,
dl.mt-list02 dt {
	margin-bottom: 10px;
	color: #0F5C4A;
	font-size: 117%;
	font-weight: bold;
}

dl.mt-list dt img,
dl.mt-list02 dt img {
  vertical-align:middle;
	margin: 0px 17px 0px 0px;
}

dl.mt-list dd,
dl.mt-list02 dd {
	padding-bottom: 9px;
}

dl.mt-list dd.wrap {
	width: 484px;
}

dl.mt-list dd.wrap:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
dl.mt-list dd.wrap { display:inline-block; }
/*\*/
* html dl.mt-list dd.wrap { height:1%; }
dl.mt-list dd.wrap { display:block; }
/**/

dl.mt-list dd.wrap p.txt {
	float: left;
	width: 315px;
}

dl.mt-list dd.wrap p.img {
	float: right;
	width: 160px;
}

div.mt-wrap {
	width: 484px;
}

div.mt-wrap:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.mt-wrap { display:inline-block; }
/*\*/
* html div.mt-wrap { height:1%; }
div.mt-wrap { display:block; }
/**/

div.mt-wrap p.txt {
	float: left;
	width: 315px;
}

div.mt-wrap div.img {
	float: right;
	width: 160px;
}

div.mt-wrap div.img p.first {
	margin-bottom: 10px;
}


/* guide -------------------- */

table.flower,
table.flower th,
table.flower td {
	border: none;
}

table.flower {
	width: 514px;
}

table.flower td {
	background: url(../images/summer/bg_td.gif) repeat-y top right;
}

table.flower td.p74 {
	padding-left: 74px;
}

table.flower td.p100 {
	padding-left: 100px;
}

table.flower td.p145 {
	padding-left: 145px;
}

table.flower td.p146 {
	padding-left: 146px;
}

table.flower td.p160 {
	padding-left: 160px;
}

table.flower td.p172 {
	padding-left: 172px;
}

table.flower td.p175 {
	padding-left: 175px;
}

table.flower td.p181 {
	padding-left: 181px;
}

table.flower td.p264 {
	padding-left: 217px;
}

table.flower td.p284 {
   padding-left: 284px;
}

div#ct-right p.translate {
   margin-bottom: 59px;
   text-align: right;
}


/* -------------------------------------------------------------------
 accomodations
------------------------------------------------------------------- */

div#acc {
   padding-bottom: 58px;
}

div#acc h3 {
   margin: 15px 0px 7px;
}

div#acc div.acc-box {
   margin-top: 28px;
}

div#acc div.img-box {
   margin-bottom: 11px;
   padding: 1px;
   border: 1px solid #CDCDCD;
}

div#acc div.img-box-in {
   width: 511px;
   background: #F7F7F7;
}

div#acc div.img-box-in:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div#acc div.img-box-in { display:inline-block; }
/*\*/
* html div#acc div.img-box-in { height:1%; }
div#acc div.img-box-in { display:block; }
/**/

div#acc div.img-box p {
   float: left;
   width: 166px;
   margin: 0px;
}

div#acc div.img-box dl {
   float: right;
   width: 345px;
   padding-top: 11px;
}

div#acc div.img-box dt {
   margin-left: 0px;
   margin-bottom: 2px;
}

div#acc div.img-box dd {
   margin: 5px 0px 0px 12px;
}

div#acc li span.color {
   color: #0F5C4A;
   font-weight: bold;
}

div#acc h4 {
   margin-top: 21px;
   color: #0F5C4A;
   font-weight: bold;
}

div#acc table {
   width: 515px;
   margin: 4px 0px 11px;
}

div#acc table th,
div#acc table td {
   padding: 5px 8px 5px 10px;
   text-align: left;
   vertical-align: middle;
   font-weight: normal;
}

div#acc table th {
   width: 127px;
   background: #F5F5F5;
}
/*\*/
div#acc table th {
   width: 109px;
}
/**/

div#acc table td.price {
   width: 233px;
}
/*\*/
div#acc table td.price {
   width: 215px;
}
/**/


/* -------------------------------------------------------------------
 access
------------------------------------------------------------------- */

div#access p {
   margin-bottom: 24px;
}

div#access p img {
   margin-bottom: 4px;
}

div#access p img.spc03 {
   margin: 12px 0px 4px;
}

div#access p.top {
   margin: 17px 0px 8px;
}

div#access p.spc {
   margin-bottom: 18px;
}

div#access h3 {
   margin-bottom: 7px;
}

div#access dl {
   padding-bottom: 7px;
}

div#access dt {
   font-weight:bold;
}

div#access dd {
   margin-bottom: 18px;
}

div#access dd img.spc02 {
   margin-top: 26px;
}

div#access dd h4 {
   margin: 23px 0px 6px;
   font-size: 117%;
   font-weight: bold;
}

div#access dd img.spc04 {
   margin: 6px 0px 32px;
}


/* -------------------------------------------------------------------
 contact
------------------------------------------------------------------- */

div.contact-left {
   width: 206px;
   margin: 15px;
   padding-top: 16px;
   background: #FFFFFF url(../images/contact/contact_left_bg_top.gif) no-repeat;
}

div.contact-left p {
   margin: 0px 15px;
   padding-bottom: 13px;
}

div.contact-left dl {
   width: 206px;
   padding-bottom: 33px;
   background: url(../images/contact/contact_left_bg_bottom.gif) no-repeat left bottom;
}

div.contact-left dt,
div.contact-left dd {
   margin: 0px 15px;
}

div.contact-left dt {
   margin-top: 7px;
   font-weight: bold;
}


/* -------------------------------------------------------------------
 links
------------------------------------------------------------------- */

div#links p {
   margin-top: 13px;
}

div#links dl {
   padding-bottom: 96px;
}

div#links dt {
   margin : 22px 0px 7px;
   font-size: 117%;
   font-weight: bold;
}

div#links dd a {
   color: #0F5C4A;
}

div#links dd p {
   margin: 0px 0px 18px;
}


/* -------------------------------------------------------------------
 policies
------------------------------------------------------------------- */

div#policies p {
   margin-top: 13px;
}

div#policies dl {
   padding-bottom: 56px;
}

div#policies dt {
   margin : 22px 0px 7px;
   color: #0F5C4A;
   font-size: 117%;
   font-weight: bold;
}

div#policies dd p {
   margin: 0px 0px 18px;
}

div#policies dd li {
   padding-left: 0.5em;
   text-indent: -0.5em;
}


/* -------------------------------------------------------------------
 sitemap
------------------------------------------------------------------- */

div#sitemap {
   width: 770px;
   margin: 20px 0px 60px;
   padding: 15px 0px 28px;
   background: #F5F5F5;
}
div#sitemap:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div#sitemap { display:inline-block; }
/*\*/
* html div#sitemap { height:1%; }
div#sitemap { display:block; }
/**/

div#sitemap p {
   float: left;
   width: 89px;
}

div#sitemap p a {
   padding: 0px 20px;
}

div#sitemap a:link,
div#sitemap a:visited,
div#sitemap a:hover,
div#sitemap a:active {
   color: #0F5C4A;
}

div#sitemap ul {
   float: left;
   width: 670px;
   background: url(../images/sitemap/sitemap_line_left.gif) repeat-y;
}

div#sitemap ul li {
   width: 670px;
   margin-bottom: 18px;
   /*\*/ vertical-align: top; /**/
}
div#sitemap ul li:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div#sitemap ul li { display:inline-block; }
/*\*/
* html div#sitemap ul li { height:1%; }
div#sitemap ul li { display:block; }
/**/

div#sitemap ul li span {
   display: block;
   float: left;
   background: url(../images/sitemap/sitemap_line.gif) no-repeat left center;
}

div#sitemap ul li.top span {
   background: url(../images/sitemap/sitemap_line_top.gif) no-repeat left center;
}

div#sitemap ul li.top li.bg span {
   background: url(../images/sitemap/sitemap_line.gif) no-repeat left center;
}

div#sitemap ul li.single span {
   background: url(../images/sitemap/sitemap_line_single.gif) no-repeat left center;
}

div#sitemap ul li.single,
div#sitemap ul li.btm {
   margin-bottom: 0px;
}

div#sitemap ul li.btm span {
   background: url(../images/sitemap/sitemap_line_btm.gif) no-repeat left center;
}

div#sitemap ul li a {
   padding-left: 44px;
}

div#sitemap ul.submenu {
   float: right;
   width: 505px;
   background: url(../images/sitemap/sitemap_line_left.gif) repeat-y;
}

div#sitemap ul.submenu li {
   width: 505px;
}