body{background:url(washi004.png);}
h1		{font-size:100%;margin:0;line-height:1.5em;color:#666}
.headright	{color:#ccc}
.blank	{background:url(blankimg.png) left center no-repeat;padding-left:13px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; -o-text-overflow: ellipsis;}
.p86	{font-size:86%}
.p92	{font-size:92%}


#infoms	.panel-title	{font-size:100%;color:#4169e1;background:#fff}
#infoms	.panel-title a	{background:#fcfcfc url(../../../files/glandimg/qs.gif) 10px center no-repeat;padding-left:40px}
#infoms	.panel-body	{background:url(../../../files/glandimg/as.gif) 25px 15px no-repeat;padding-left:60px}

.btn100	{width:100%;text-decoration:none;margin-top:10px}


/***toppage**/

#main		{border:1px solid #ccc}
.mainpic	{border:2px solid #fff;height:590px;background:url(main.jpg) top center;width:100%;}
.substitution	{margin:0;text-indent:-9999px;position:absolute}

ul#hanahana	{list-style-type:none;margin:0;padding:10px;}
ul#hanahana li	{margin-bottom:10px;padding:10px;background:rgba(255,255,255,0.6);border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px;padding:8px}
ul#hanahana p{margin:0}
ul#hanahana img{margin-top:6px}

@media (min-width:768px){ul#hanahana h2	{font-size:180%;font-weight:bold;margin:3px 0;}ul#hanahana p{font-size:92%;line-height:1.3em}}
@media (max-width:767px){ul#hanahana h2	{font-size:140%;font-weight:bold;margin:3px 0}ul#hanahana p{font-size:86%;line-height:1.3em}}





.title_select	{margin:3px 0 3px 5px;}
.title_advise	{height:40px;padding:3px 0 0 10px}

#map	{position:absolute;}
#map a:hover {opacity: 0.75;}


.areahotel	{background: url(washif.jpg);border:3px solid #99755b; margin-bottom:20px;padding-bottom:15px}
.hotellists	{font-size:86%;}
.hotellists dl	{float:left;margin:0;padding:0;width:100%}
.areahotel dt	{clear:both;position:absolute;padding:0;line-height:1.7em}
.areahotel dd	{margin-left:85px;clear:both;padding:0;border-bottom:1px dotted #666;}
.areahotel dt.snd{padding-top:1.7em}
.areahotel dd p {float:left;margin:2px 0;}
.areahotel dd p.spa	{width:75px}

#advise	{clear:both;background:url(washi.jpg)}
#advise	h3	{margin:0;}
.advise3{border:1px solid #ddd;line-height:1.5em;font-size:86%;background:url(5560pr.png);}
.advise3 h4{margin:10px 0;text-align:center;font-size:120%}
.advise3 p.title{font-size:100%;margin:0;margin:5px 0;text-align:center;}
.advise3 img	{margin-bottom:10px}
.advise3 .link	{width:100%;clear:both;text-align:center;padding:0 0 10px 0}
.advise3 .link .btn{width:80%}

/****subpage****/
.areapage	{ margin-bottom:20px;padding-bottom:10px}
.areapage h2	{margin:0;}
.brindent	{line-height:1.0em;text-indent:-9999px;font-size:10px}
.back01		{border:1px solid #99755b;background: url(washi005.jpg);}
.back02		{border:1px solid #556b2f;background: url(washi001.jpg);}
.back03		{border:3px solid #cd853f;background: url(washi.jpg);}
.back04		{background: url(washi003.jpg);}
.back05		{background: url(washi004.png);}
.back06		{background: url(washi008.jpg);}
.back07		{background: url(washi007.jpg);}
.back08		{background: url(washi002.jpg);}

#hashchangetab ul	{list-style-type:none;width:100%;height: 35px;padding:0;border-bottom:1px solid #ccc;font-size:92%;margin:0;}
#hashchangetab ul li	{display:inline;line-height:2.5em;float:left;margin:0;padding:0 1px;color:#fff;}
#hashchangetab ul li.current{background:none;border-bottom:0;}
#hashchangetab ul li a{height:35px;width:100%;display:block;text-align:center;cursor:pointer;background:url(bar_silver.jpg);border:1px solid #ccc;-moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0;border-bottom:0;}
#hashchangetab ul li.current a, #hashchangetab ul li a:hover{height:35px;color: #fff;text-decoration:none;font-weight:bold;background:url(bar_darkbrown.jpg);-moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0;border-bottom:0;border:1px solid #ccc;border-bottom:0;}
.darkid	{background:url(5560pr.png);padding-top:15px;font-size:92%;}
#id01, #id02, #id03, #id04{clear:both} 

.tabinside 	{background:url(5560pr.png);clear:both;}
.tabinside img	{margin-top:10px;}
.tabinside h4, .tabinside p	{padding:0 10px}


/****おススメ系****/
#id03 table	{font-size:13px}
#id03 table td	{padding:5px}
#id03 table img{margin-right:10px;float:left;}


/****サイドコンテンツ#colmnmd3{width:200px;padding:0;}***/
.right01	{border:1px solid #ddd;font-size:86%}
#colmnmd3 h3	{padding:15px 0;margin:0}

#colmnmd3 .bgcolm{border:1px solid #dae8da;background:#f3f7f2;padding:0 8px;}
#colmnmd3 .bgcolm h3	{border-bottom:1px solid #a0b27c}
#colmnmd3 dl.colm	{border:1px solid #dae8da;background-color:#f3f7f2;padding:0 10px;}
#colmnmd3 dlimg{position:relative;top:-5px}

#colmnmd3 .toptitle	{padding-top:20px}
#colmnmd3 .person	{position:relative;left:80px;margin-top:5px;}
#colmnmd3 .colmnn	{border-top:1px solid #ccc;padding:10px 0 0 0;clear:both}
#colmnmd3 .lh17 .colmnn img	{width:75px;height:auto;border:3px solid #fff;margin:0 9px 0 0;float:left;}

#colmnmd3 .bgadvs{border:2px solid #f5d9a9;background:#fff8e6;padding:0 8px;}
#colmnmd3 .bgadvs h3	{border-bottom:1px solid #fff1d6}

/*********インフォ系はcommonへ********/
/*ナビたいとる*/
#colmnmd3 .infonav h2.title	{background:#eee;line-height:3.4em;font-size:100%;margin:0;-moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0;}
#colmnmd3 .infonav h2.title span{font-size:86%;padding-left:4px;position:relative;right:6px}

/**********ホテルページ**************/
#hotels .bdbox	{border:1px solid #ddd}
#hotels .topimg	{height: 350px;border: 3px solid #fff;}
.bg60	{background:url(5560pr.png);padding:15px;font-size:92%;}
#hotels .oyu	{background:url(yu.png) right top no-repeat;padding-right:10px;padding-left:10px}
#hotels .heya	{background:url(kutsurogi.png) right 10px no-repeat;padding-right:10px;padding-left:10px}
#hotels .meal	{background:url(yorokobu.png) right 10px no-repeat;padding-right:10px;padding-left:10px}
#hotels .sights	{background:url(miru.png) right 6px no-repeat;padding-right:10px;padding-left:10px}
#hotels .amuse	{background:url(raku.png) right 10px no-repeat;padding-right:10px;padding-left:10px}
#hotels .access	{background:url(michi.png) right top no-repeat;padding-right:10px;padding-left:10px}


#hotels .mb3	{margin-bottom:3px}
#hotels #contensbox{background:url(washi.jpg)}
#hotels .contens {padding:8px 0;background:#fff}
#hotels .contens p{font-size:92%}
#hotels .contens a{width:100%}
#booking	{background:url(washif.jpg);padding-top:10px}
img.photo	{border:8px solid #fff}
#booking .btn	{width:100%}
.sstitle	{background:#943b35;color:#fff;padding:2px 0;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; -o-text-overflow: ellipsis;}
.sstitle img	{margin-right:3px}


