@charset "Shift_JIS";

/* clearfix
----------------------------------------------------------------------------------------------------- */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {
    display: inline-table;
    min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix {}
.clearfix {display: block;}
/* End hide from IE-mac */

/* cardnavi-
----------------------------------------------------------------------------------------------------- */
#cardnavi-main {
	width: 780px;
	margin: 0px auto;
	background-color: #FFFFFF;
	}
.cardnavi-top {
	margin-left: 55px;
	margin-right: 55px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.cardnavi-copy {
	margin-left: 150px;
	margin-right: 150px;
	margin-bottom: 10px;
}
.cardnavi-map {
	margin-left: 70px;
	margin-right: 70px;
	margin-bottom: 20px;
}
.cardnavi-topics {
	margin-left: 55px;
	margin-right: 55px;
}
.cardnavi-topics2 {
	margin-left: 55px;
	margin-right: 55px;
	margin-bottom: 20px;
}

.cardnavi-topics3 {
	width: 630px;
}
.cardnavi-topics4 {
	line-height: 130%;
	font-size: 80%;
	margin-left: 16px;
	margin-top: 8px;
}

.cardnavi-topics3 a {
	color: #000088;
}
.cardnavi-topics3 a:hover {
	color: #0000ff;
}


/* cardnavi-�ꗗ
----------------------------------------------------------------------------------------------------- */
#cardnavi-left {
	width: 160px;
	float: left;
	margin-bottom: 15px;
	margin-top: 5px;
	font-size: 80%;
}
.cardnavi-leftbox {
	width: 125px;
	margin-left: 15px;
	background-color: #FFFFD0;
	padding-top: 10px;
	padding-left: 15px;
	left: auto;
	float: left;
	line-height: 175%;
	padding-bottom: 10px;
	font-size: 12px;
	color: #000088;
}

.cardnavi-leftbox a {
	color: #000088;
}
.cardnavi-leftbox a:hover {
	color: #0000ff;
}

.cardnavi-lefttext1 {
	background-image: url(../image/sankaku.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
.cardnavi-lefttext2 {
}

.cardnavi-left1 {
	margin-left: 15px;
	margin-bottom: 5px;
	float: left;
	margin-top: 10px;
}
.cardnavi-left2 {
	margin-top: 5px;
	margin-left: 15px;
	float: left;
}




#cardnavi-right {
	width: 610px;
	float: right;
	margin-top: 5px;
}
.cardnavi-tenpo {
	border-top: 1px solid #999999;
	width: 576px;
	height: 90px;
	float: right;
	margin-right: 30px;
	margin-top: 5px;
	padding-top: 5px;
	padding-left: 5px;
	margin-bottom: 15px;
}
.cardnavi-kaisou {
	width: 576px;
	float: right;
	margin-right: 30px;
	margin-top: 10px;
	margin-bottom: 5px;
	font-weight: bold;
	color: #999999;
	font-size: 90%;
}
.cardnavi-hotelname {
	width: 576px;
	float: right;
	margin-right: 30px;
	margin-top: 15px;
	font-weight: bold;
	color: #444444;
	font-size: 120%;
}
.cardnavi-pagelink {
	width: 576px;
	float: right;
	margin-right: 30px;
	font-size: 90%;
	line-height: 130%;
}
.cardnavi-pagelink2 {
}

.cardnavi-pagelink a{
	color: #000088;
}

.cardnavi-pagelink a:hover{
	color: #0000ff;
}

.cardnavi-tenpoleft {
	width: 438px;
	float: left;
}
.cardnavi-tenpoleft a{
	color: #000088;
}
.cardnavi-tenpoleft a:hover{
	color: #0000ff;
}
.cardnavi-tenpolefttext {
	line-height: 100%;
}
.cardnavi-tenporight {
	width: 100px;
	float: right;
	margin-right: 10px;
}


.cardnavi-tenpomei {
	font-size: 125%;
	font-weight: bold;
}

cardnavi-tenpomei a:hover{
	color: #0000aa;
}

.cardnavi-area {
	background-image: url(../image/areaback.gif);
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
	width: 50px;
}
.cardnavi-benefits1 {
	width: 75px;
	float: left;
}
.cardnavi-benefits2 {
	width: 300px;
	float: right;
}
.cardnavi-benefits3 {
	white-space: pre;
}

/* cardnavi-�ڍ�
----------------------------------------------------------------------------------------------------- */
.cardnavi-detailleft {
	width: 365px;
	float: left;
	margin-left: 10px;
	margin-top: 25px;
}
.cardnavi-detailright {
	width: 200px;
	float: right;
	margin-right: 15px;
	margin-top: 25px;
}
.cardnavi-detailrightbox {
	margin-bottom : 25px;
}

.cardnavi-detailtitle {
	width: 355px;
	border-bottom: 2px solid #b38d27;
	border-left: 5px solid #b38d27;
	font-weight: bold;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 6px;
	color: #000088;
	font-size: 125%;
}
.cardnavi-detailmidashi {
	margin-top: 14px;
	margin-bottom: 7px;
	color: #333333;
	font-weight: bold;
	color: #333333;
	font-size: 95%;
}

.cardnavi-detailshoukai {
	line-height: 180%;
	margin-top: 5px;
	width: 365px;
	color: #333333;
	font-size: 13px;
}
.cardnavi-detailreserve {
	margin-bottom: 5px;
	margin-top: 40px;
	width: 365px;
}
.cardnavi-detailbenefit1 {
	background-image: url(../image/detail-benefit.gif);
	background-repeat: no-repeat;
	height: 20px;
	width: 365px;
	margin-top: 40px;
	color: #333333;
}

.cardnavi-detailbenefit2 {
	width: 349px;
	border: 1px solid #d2181a;
	color: #333333;
	font-size: 75%;
	padding: 7px;
}


.cardnavi-detailosusume1 {
	background-image: url(../image/osusume.jpg);
	background-repeat: no-repeat;
	height: 56px;
	width: 365px;
	margin-top: 20px;
	color: #333333;
}

.cardnavi-detailosusume2 {
	width: 347px;
	border-left: 2px solid #FF7000;
	border-right: 2px solid #FF7000;
	border-bottom: 2px solid #FF7000;
	margin-bottom: 20px;
	color: #333333;
	font-size: 75%;
	padding: 7px;
}

.cardnavi-detailbikou {
	width: 358px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #333333;
	font-size: 75%;
	line-height: 125%;
}
.cardnavi-detailbikou2 {
	width: 365px;
	margin-bottom: 10px;
	margin-top: 10px;
}

.cardnavi-detailbikouright {
	width: 295px;
	float: right;
}
.cardnavi-detailbikouleft {
	width: 58px;
	margin-left: 3px;
	float: left;
}

.cardnavi-detailtel1 {
	font-size: 105%;
	font-weight: bolder;
	color: #555555;
}
.cardnavi-detailtel2 {
	font-size: 19px;
	font-weight: bolder;
	color: #555555;
}
.cardnavi-detailtel3 {
	font-size: 12px;
	color: #555555;
	margin-left: 5px;
}
.cardnavi-detailtel4 {
	font-size: 105%;
	font-weight: bolder;
	color: #555555;
	float: left;
	margin-right: 5px;
}
.cardnavi-detailtel5 {
	font-size: 19px;
	font-weight: bolder;
	color: #555555;
	float: left;
	margin-right: 5px;
}
.cardnavi-detailtel6 {
	font-size: 12px;
	color: #555555;
	float: left;
	margin-right: 10px;
}
.cardnavi-detailtel7 {
	width: 365px;
	margin-bottom: 5px;
	height: 20px;
}
.cardnavi-detailtel8 {
	float: left;
}

.cardnavi-detailaddres {
	font-size: 90%;
	margin-left: 3px;
	margin-bottom: 5px;
}
.cardnavi-detailurl {
	margin-left: 3px;
	margin-bottom: 5px;
}


.cardnavi-back{
	width: 576px;
	float: right;
	margin-right: 15px;
	margin-top: 10px;
	margin-bottom: 5px;
	font-weight: bold;
	color: #666666;
	font-size: 75%;
}
.cardnavi-back a{
	color: #000088;
}
.cardnavi-back a:hover{
	color: #0000ff;
}

.cardnavi-back2{
	width: 576px;
	float: right;
	margin-right: 30px;
	margin-top: 10px;
	margin-bottom: 5px;
	font-weight: bold;
	color: #666666;
	font-size: 90%;
}
.cardnavi-back2 a{
	color: #000088;
}
.cardnavi-back2 a:hover{
	color: #0000ff;
}
.cardnavi-link{
	font-size: 80%;
}
.cardnavi-link a{
	color: #000088;
}
.cardnavi-link a:hover{
	color: #0000ff;
}
.nomarginnopadding {
	margin: 0px;
	padding: 0px;
}