@charset "Shift_JIS";

/* ========== Layout ========== */

body {
	background-color: #FFF;
	color		: #333;
	font-size	: 12px;
	width		: 750px;
	text-align	: center;
	margin		: 0 auto;
	padding		: 0;
}

#header, #left, #right {
	text-align	: left;
}

/* =========== inline =========== */

a img {
	border		: none;
}

a:link {
	color		: #315DC5;
}

a:visited {
	color		: #315DC5;
}

a:hover {
	color		: #F30;
}

a img {
	border		: none;
}

.notice {
	font-size	: 10px;
	font-weight	: normal;
}

.notice2 {
	width		: 585px;
	font-size	: 10px;
	font-weight	: normal;
	float		: right;
	text-align	: right;
}

.hide {
	clear		: both;
	height		: 30px;
}

.hide1 {
	clear		: both;
	height		: 15px;
}

.hide2 {
	clear		: both;
	height		: 30px;
}

.hide50 {
	clear		: both;
	height		: 50px;
}

.hide100 {
	clear		: both;
	height		: 100px;
}

.hide0 {
	clear		: both;
	height		: 0px;
}

.bd {
	background	: #FFF url("img/hr.gif") repeat-x center center;
	clear		: both;
	height		: 15px;
}

.Couponbg {
	clear		: both;
	background	: #FFF url("img/PickupCoupon_bg.gif") repeat-x top center;
	height		: 1px;
}

.hide hr, .hide1 hr, .hide2 hr, .hide0 hr, .hide50 hr, .hide100 hr, .bd hr, .Couponbg hr {
	display		: none;
}

.hotspot img {
	border		: none;
}

.kiritori {
	padding		: 5px 0;
}

/* ========== Header =========== */

#header {
	border-top	: 3px solid #6CA71D;
	padding		: 2px 0 0 0;
}

#copy {
	width		: 540px;
	float		: right;
	letter-spacing	: 1px;
	margin		: 0px 0 10 10px;
}

#header #copy h1, h2 {
	color		: #000;
	font-size	: 10px;
	font-weight	: normal;
	margin		: 0;
	padding : 0px;
}

ul#navi {
	clear		: both;
	margin		: 5px 0 0 0;
	padding		: 0;
	list-style-type : none;
}

ul#navi li {
	height		: 19px;
	background	: url("img/navi_arrow.gif") no-repeat top left;
	display		: inline;
	margin		: 0 10px 0 0;
	padding		: 2px 0 0 19px;
}

ul#navi li.nonearrow {
	height		: 19px;
	background	: url("img/spacer.gif") no-repeat top left;
	display		: inline;
	margin		: 0 10px 0 0;
	padding		: 2px 0 0 0;
}

ul#navi li a:hover {
	border-bottom	: 1px solid #333;

}

.headertop {
	width		: 750px;
	font-size	: 10px;
	text-align	: right;
	position	: relative;
	top		: -58px;
	right		: 0;
	margin		: 0 auto;
	padding		: 0;
}

/* ========== Left ========== */

#left {
	width		: 585px;
	float		: left;
	padding		: 0 4px 0 0;
	border-right	: 1px dashed #999;
	margin : 10px 0px 0px 0px;
}

p.kuchikomimenu {
	font-size	: 10px;
	text-align	: right;
	margin		: 0;
	padding		: 2px 0 10px 0;
}

p.subtopreturn {
	height		: 12px;
	width		: 150px;
	float		: right;
	font-size	: 10px;
	text-align	: right;
	margin		: 0;
	padding		: 10px 0 0 0;
}

p.subtopreturn2 {
	height		: 12px;
	width		: 300px;
	float		: right;
	font-size	: 10px;
	text-align	: right;
	margin		: 0;
	padding		: 10px 0 0 0;
}

#left h3 {
	border-bottom	: 2px solid #999;
	margin		: 0 0 5px 0;
	font-size	: 14px;
}

#left h3 img {
	vertical-align	: text-bottom;
	margin		: 0 5px 0 0;
}

#left h4 {
	font-size	: 12px;
	margin		: 0 0 2px 0;
}

#left a.righton {
	color		: #F30;
	text-decoration : none;
}

#left a:hover.righton {
	color		: #F30;
	text-decoration : underline;
}

/* おすすめクーポン */

.Coupon {
	background	: #FFF url("img/PickupCoupon_bg.gif") repeat-y top left;
	border		: 1px solid #A4D924;
}

.PickupCoupon .ShopDesc {
	width		: 424px;
	float		: right;
	margin		: 0;
	padding		: 3px;
}

.ShopDesc p {
	margin		: 0;
}

p.Ticket {
	background-color: #A4D924;
	width		: 153px;
	float		: right;
	margin		: 0;
	padding		: 0;
}

p.TicketDesc {
	clear		: both;
	font-size	: 10px;
	margin		: 3px 0 0 0;
}

p.TicketDesc img {
	margin		: 0 3px 0 0;
}

/* 更新情報 */

ul.newinfo {
	clear		: both;
	list-style-type : none;
	background	: #FFF url("img/tri_red.gif") no-repeat 0 3px;
	margin		: 5px 0 0 3px;
	padding		: 0 0 0 15px;
}

ul.newinfo li {
}

ul.newinfo li.new-month {
	width		: 25px;
	float		: left;
	text-align	: right;
	padding		: 0 0 0 5px;
}

ul.newinfo li.new-day {
	width		: 25px;
	float		: left;
	text-align	: right;
	margin		: 0 5px 0 0;
}

ul.newinfo li.new-time {
	width		: 50px;
	float		: left;
	text-align	: right;
	margin		: 0 5px 0 0;
}

ul.newinfo li.new-title {
	width		: 440px;
}

ul.newinfo li.new-title2 {
	width		: 330px;
}

ul.newinfo li.new-title3 {
	width		: 575px;
}

ul.newinfo li.new-title p {
	float		: left;
	margin		: 0 5px 0 0;
}

ul.newinfo li.new-title p.new-blogname {
	font-size	: 10px;
	float		: left;
	margin		: 0 5px 0 0;
}

.blogrss {
	float		: left;
	margin		: 0 5px 0 0;
}

ul.newinfo_kuchikomi {
	clear		: both;
	list-style-type : none;
	margin		: 0;
	padding		: 0;
}

ul.newinfo_kuchikomi li.newinfo_kuchikomi1{
	width		: 130px;
	float		: left;
	background	: #FFF url("img/tri_red.gif") no-repeat 0 3px;
	margin		: 0;
	padding		: 0 0 0 7px;
}

ul.newinfo_kuchikomi li.newinfo_kuchikomi2{
	width		: 430px;
	float		: left;
	margin		: 0;
	padding		: 0;
}

ul.newinfo_kuchikomi li.newinfo_kuchikomi2 ul{
	list-style-type : none;
	margin		: 0;
	padding		: 0;
}

ul.newinfo_kuchikomi li.newinfo_kuchikomi2 ul li.epad_title{
	margin		: 2px 0 7px 15px;
	padding		: 0;
}

ul.newinfo_kuchikomi li.newinfo_kuchikomi1 p{
	margin		: 0;
	padding		: 0;
	font-size	: 10px;
	line-height	: 14px;
}

.category_img {
	margin		: 0 0 0 5px;
	padding		: 0;
}

.category_k {
	width		: 190px;
	float		: left;
	font-size	: 10px;
	padding		: 0;
}

.category_k ul{
	list-style-type	: none;
	font-size	: 10px;
	line-height	: 14px;
	margin		: 0 0 0 5px;
	padding		: 0;
}

.category_k ul li {
	background	: url("img/tri_red.gif") no-repeat 0 5px;
	padding		: 0 0 0 5px;
}

.category_k p {
	font-size	: 12px;
	line-height	: 14px;
	margin		: 10px 0 0 5px;
	padding		: 0;
}

.category_k p.category_ksub {
	font-size	: 10px;
	line-height	: 14px;
	margin		: 5px 0 0 5px;
	padding		: 0;
}


/* 1.5階層 */

h3#spotlist-leasure {
	color		: #FFF;
	background	: #00BFEF url("img/icon_spotlist_leasure.gif") no-repeat center left;
	height		: 25px;
	font-size	: 16px;
	padding		: 10px 0 0 40px;
	border		: none;
}

h3#spotlist-food {
	color		: #FFF;
	background	: #FF9900 url("img/icon_spotlist_food.gif") no-repeat center left;
	height		: 25px;
	font-size	: 16px;
	padding		: 10px 0 0 40px;
	border		: none;
}

h3#spotlist-shopping {
	color		: #FFF;
	background	: #E54997 url("img/icon_spotlist_shopping.gif") no-repeat center left;
	height		: 25px;
	font-size	: 16px;
	padding		: 10px 0 0 40px;
	border		: none;
}


h3#spotlist-healing {
	color		: #FFF;
	background	: #DABB6B url("img/icon_spotlist_healing.gif") no-repeat center left;
	height		: 25px;
	font-size	: 16px;
	padding		: 10px 0 0 40px;
	border		: none;
}

.spot {
	clear		: both;
}

.spot2 {
	clear		: both;
}

p.thumb {
	width		: 100px;
	float		: left;
	margin		: 0 5px 0 0;
}

p.thumb2 {
	width		: 65px;
	float		: left;
	margin		: 0 5px 0 0;
}

.spot ul {
	list-style-type	: none;
	margin		: 0 ;
}

.spot ul li {
	display		: inline;
	line-height	: 14px;
	margin		: 0 5px 0 0;
	padding		: 0 5px 0 0;
	border-right	: 2px solid #999;
}

.spot2 ul {
	list-style-type	: none;
	margin		: 0 ;
}

.spot2 ul li {
	display		: inline;
	line-height	: 14px;
	margin		: 0 5px 0 0;
	padding		: 0 5px 0 0;
}

.hotelbox1 {
	width		: 220px;
	float		: left;
	font-size	: 14px;
	padding		: 0 5px 0 0;
}

.hotelbox2 {
	width		: 285px;
	float		: left;
	font-size	: 10px;
	padding		: 0 5px 0 0;
}

.hotelbox3 {
	width		: 505px;
	padding		: 0 5px 0 0;
	float		: left;
}

/* 2階層 - 一覧用 */

.Place {
}

.PlaceDesc {
	width		: 325px;
	float		: right;
	margin		: 0 0 0 5px;
}

.PlaceDesc h4 {
	display		: inline;
}

.PlaceDesc2 {
	width		: 570px;
	float		: left;
	margin		: 0 0 0 5px;
}

.PlaceDesc2 h4 {
	display		: inline;
	font-weight	: normal;
	font-size	: 10px;
}

.PlaceDesc2 p {
	display		: inline;
	font-weight	: normal;
	font-size	: 12px;
}

p.PlaceTool {
	display		: inline;
	padding		: 0 5px 0 0 ;
}

p.PlaceTool img {
	vertical-align	: bottom;
	margin		: 0 0 0 5px;
	padding		: 0 0 2px 0;
}

p.area {
	font-size	: 10px;
	margin		: 0 0 5px 0;
}

p.area2 {
	font-size	: 10px;
	margin		: 0 0 0px 0;
}

.hokubu {
	font-size	: 10px;
	width		: 85px;
	float		: left;
	color		: #FFF;
	background-color: #009900;
	padding		: 1px;
	text-align	: center;
}

.chubu {
	font-size	: 10px;
	width		: 85px;
	float		: left;
	color		: #FFF;
	background-color: #CC0000;
	padding		: 1px;
	text-align	: center;
}

.naha {
	font-size	: 10px;
	width		: 85px;
	float		: left;
	color		: #FFF;
	background-color: #0000CC;
	padding		: 1px;
	text-align	: center;
}

.nanbu {
	font-size	: 10px;
	width		: 85px;
	float		: left;
	color		: #FFF;
	background-color: #B0B000;
	padding		: 1px;
	text-align	: center;
}

.other {
	font-size	: 10px;
	width		: 85px;
	float		: left;
	color		: #FFF;
	background-color: #666666;
	padding		: 1px;
	text-align	: center;
}

.hotelhokubu	{font-size:10px;width:125px;float:left;color:#FFF;background-color:#009900;padding:1px;text-align:center;}
.hotelchubu	{font-size:10px;width:125px;float:left;color:#FFF;background-color:#CC0000;padding:1px;text-align:center;}
.hotelnaha	{font-size:10px;width:125px;float:left;color:#FFF;background-color:#0000CC;padding:1px;text-align:center;}
.hotelnanbu	{font-size:10px;width:125px;float:left;color:#FFF;background-color:#B0B000;padding:1px;text-align:center;}

.0000CC {
	color		: #FFF;
	background-color: #0000CC;
	padding		: 1px;
}

.PlaceDesc h4, .PlaceDesc p {
	margin		: 0 0 3px 0;
}

.PlaceCoupon {
	width		: 150px;
	float		: right;
}

.PlacenoCoupon {
	color		: #666;
	width		: 150px;
	height		: 50px;
	float		: right;
	font-size	: 10px;
	text-align	: center;
	border		: 1px solid #CCC;
	padding		: 25px 0 0 0;
}

.PlacenoCoupon p {
	margin		: 0;
	padding		: 0;
}

p.PlaceCouponTicket {
	height		: 40px;
	margin		: 0;
}

p.PlaceCouponDesc {
	background-color: #D2E99B;
	height		: 35px;
	font-size	: 10px;
	margin		: 0;
}

p.PlaceThumb {
	margin		: 0;
}

#left .linklayout h4 {
	float		: left ;
	font-size	: 14px;
	line-height	: 17px;
	padding		: 0 ;
}

.linkimg {
	width		: 100px;
	float		: left ;
	padding		: 0 5px 0 0;
}

.linktext {
	width		: 470px;
	float		: left ;
	padding		: 5px 0 0 0;
	font-size	: 12px;
	line-height	: 14px;
}

/* ========== right ========== */

#right {
	width		: 152px;
	float		: left;
	font-size	: 10px;
	padding		: 0;
}

#right h3 {
	font-size	: 14px;
	border-bottom	: 1px dashed #666;
	margin		: 0 0 5px 0;
	padding		: 0 0 1px 3px;
}

#right ul {
	clear		: both;
	list-style-type	: none;
	margin		: 0 0 15px 3px;
	padding		: 0;
}

#right ul li {
	background	: url("img/square_red.gif") no-repeat 0 2px;
	padding		: 0 0 0 13px;
}

#right ul#sitemenu {
	font-size	: 14px;
	margin : 10px 0px 0px 0px;
}

#right ul#sitemenu li {
	margin		: 0 0 10px 0;
}

#right ul#sitemenu ul {
	font-size	: 10px;
	margin		: 5px 0 5px 0;
}

#right ul#sitemenu ul li {
	background	: url("img/square_blue.gif") no-repeat 0 0;
	margin		: 0 0 5px 0;
}

#right ul#sitemenu a.righton {
	color		: #F30;
	text-decoration : none;
}

#right ul#sitemenu a:hover.righton {
	color		: #F30;
	text-decoration : underline;
}

#right ul#Toplink1 a.righton {
	color		: #F30;
	text-decoration : none;
}

#right ul#Toplink1 a:hover.righton {
	color		: #F30;
	text-decoration : underline;
}

#right ul#Toplink2 a.righton {
	color		: #F30;
	text-decoration : none;
}

#right ul#Toplink2 a:hover.righton {
	color		: #F30;
	text-decoration : underline;
}

/* ========== footer ========== */

#footer {
	clear		: both;
	font-size	: 10px;
	padding		: 5px 0 0 0;
	border-top	: 1px dashed #999;
}

#footer p {
	width		: 50%;
	float		: left;
	margin		: 0 0 5px 0;
	text-align	: right;
}

address {
	font-style	: normal;
	float		: left;
	margin		: 0;
	text-align	: left;
}

#footer2 {
	clear		: both;
	font-size	: 10px;
	padding		: 3px 0 0 0;
	border-top	: 1px dashed #999;
}

#footer2 p {
	width		: 750px;
	float		: left;
	margin		: 0 0 3px 0;
	text-align	: left;
}






.sougolink {
	clear		: both;
	text-align	: right;
}

.sougolink img {
	margin		: 0 2px 0 0;
	vertical-align	: middle;
}

.li {
	margin : 0px 10px 0px 0px;
	padding: 0px;
}