/*---------------character(特徴)---------------*/
div#Character {
	position:relative;
	width:720px;
	_height:350px;
	min-height:350px;
	margin:0px;
	padding:0px;
}

#Character {
    font-size:12px;
	font-weight:normal;
}

/*---------------CharacterLeft（Character左側領域）-------------*/
#CharacterLeft {
    width:420px;
	_height:400px;
	min-height:400px;
    background-image:url(/base/images/character_back.gif);
    background-repeat:no-repeat;
	margin-top:10px;
	padding-top:0px;
	float:left;
}

#CharacterLeft_Mv {
    width:420px;
	_height:350px;
	min-height:350px;
    background-image:url(/base/images/character_back_img.gif);
    background-repeat:no-repeat;
	margin-top:10px;
	padding-top:0px;
	float:left;
}

#CharacterLeft_Mv embed {
    margin-top:20px;
	margin-left:40px;
	padding-bottom:20px;
	float:left;
}

#CharacterLeft img {
    margin-top:20px;
	padding-bottom:20px;
	float:left;
}

/*---------------CharacterRight（Character右側領域）-------------*/
#CharacterRight {
    margin-top:10px;
	width:300px;
	_height:350px;
	min-height:350px;
	float:right;
}
/*---------------character1 ---------------*/
#Character1 {
	background-image:url(../images/hotel_long_back.gif);
	height:33px;
	width:298px;
	margin-bottom:0px;
	text-align:center;
	line-height:33px;
	border-width:1px;
	border-style:solid;
	border-color:#ECE9D8;
}

#CharacterName {
    font-size:16px;
	color:#FF0000;
}

/*---------------character2 ---------------*/
#Character2 {
    width:298px;
	_height:60px;
	min-height:60px;
	margin-top:5px;
	border-style:solid;
	border-width:1px;
	border-color:#CCCCCC;
    color:#6666FF;
	line-height:150%;
}

#Character2 img {
    float:left;
	padding:5px 5px 5px 5px;
}

#Character2 #Character2P {
    margin:0px;
	padding:5px;
	color:#6666FF;
}
/*---------------character3 ---------------*/
#Character3 {
    clear:both;
    line-height:120%;
    width:294px;
	padding:10px 2px 2px 2px;
	margin-top:5px;
	border-width:1px;
	border-color:#CCCCCC;
	border-style:solid;
}

#Character3 p {
    margin-top:0px;
	padding-right:3px;
	padding-bottom:0px;
	padding-left:3px;
}


#Character3 img {
    clear:both;
    display:block;
	margin-top:5px;
	margin-left:12px;
	margin-right:6px;
	border-width:0px;
}



/*---------------Reserve(宿泊状況)---------------*/
#Reserve {
	}

/*---------------#Reserve table---------------*/
#Reserve table {
    width:550px;
	margin:0;
	padding:0;
	float:left;
}

/*---------------Reserveのセルの幅--------------------*/
#Reserve table tr th {
    width:100px;
    margin:0;
	padding:3px;
}
#Reserve td {
    margin:0;
	padding:0;
	width:30px;
}


/*---------------Reserve セルの枠線------------------------*/ 
#Reserve table {
    border-width:1px;
	border-style:solid;
	border-color:#FF9900;
	border-collapse:collapse;
}

#Reserve th , #Reserve td{
    border-width:1px;
	border-style:solid;
	border-color:#FF9900;
}

/*---------------#Reserve文字の制御 ---------------*/
#Reserve th,
#Reserve td {
	font-style:normal;
	font-weight:normal;
	line-height:115%;
	vertical-align:middle;
}
#Reserve th {
    width:120px;
    text-align:left;
    color:#3366FF;
	white-space:nowrap;
}
#Reserve td {
    text-align:center;
    color:#333333;
	letter-spacing:normal;
}

/*---------------#Reserve(予約OK） ---------------*/

#Reserve td.yes1 {
    background-color:#FFCCFF;
}

.yes2:hover {
    background-color:#d3d5ef;
}

/*---------------#Reserve（お問い合わせボタン） ---------------*/
#Reserve-btn {
    width:155px;
	height:54px;
	float:right;
	border-width:0;
}
/*---------------.ReserveEvent（キャンペーン）-----------*/
.ReserveEvent {
	clear:both;
	padding-top:7px;
	font-weight:normal;
	font-size:12px;
    background-color:#FFFFFF;
	color:#FF0000;
}



/*---------------Details（詳細情報）----------------*/

/*---------------.Details-A(詳細情報Ａ）---------------*/
.Details-A {
	font-style:normal;
	font-weight:normal;
	line-height:120%;
	text-indent:0;
	margin-top:10px;
}

/*---------------.DetailsA-1 ---------------*/
.DetailsA-1 {
    width:240px;
	float:left;
	text-align:center;
}

.DetailsA-1 p {
    color:#333333;
}
/*---------------.DetailsA-p ---------------*/
.DetailsA-p {
    clear:both;
	padding:5px;
	color:#333333;
}

/*---------------DetailsCopy（キャッチコピー）---------*/
.DetailsCopy {
    font-size:12px;
	font-weight:bold;
	color:#3366FF;
}





/*---------------.Details-B(ディティール バージョンＢ)---------------*/
.Details-B {
}

/*---------------.DetailsB-1 ---------------*/
.DetailsB-1 {
}

/*---------------.DetailsB-2 ---------------*/
.DetailsB-2 {
}

/*---------------.DetailsB-3 ---------------*/
.DetailsB-3 {
}

/*---------------.DetailsB-p ---------------*/
.DetailsB-p {
}






/*---------------.Details-C(ディティール バージョンＣ)---------------*/
.Details-C {
}

/*---------------.DetailsC-1 ---------------*/
.DetailsC-1 {
}

/*---------------.DetailsC-2 ---------------*/
.DetailsC-2 {
}

/*---------------.DetailsC-3 ---------------*/
.DetailsC-3 {
}

/*---------------.DetailsC-p ---------------*/
.DetailsC-p {
}





/*---------------#TravelerReviews(口コミ情報)---------------*/
#TravelerReviews-box {
	width:720px;
	float: left;
	height: 200px;
    }
#TravelerReviews ul {
    width:720px;
	height:120px;
	margin-top:10px;
	margin-left:0px;
    padding-left:0px;
	padding-top:10px;
	padding-bottom:7px;
    list-style-type:none;
	border-width:1px;
	border-color:#CCCCCC;
	border-style:solid;
}
.TravelerReviewsList1 {
	display:inline;
	list-style-type:none;
	width:90px;
	float:left;
	margin:5px;
	padding-left:10px;
	padding-right:0px;
	text-align:center;
	font-size: 11px;
}

.TravelerReviewsList2 {
	display:inline;
    list-style-type:none;
    width:110px;
    text-align:center;
	float:left;
	margin:0px;
	padding-left:6px;
	padding-right:0px;
}

.TravelerReviewsPhoto {
	background-color: #FFFFFF;
	width: 75px;
	height: 75px;
	padding: 4px;
	float: left;
	border-width:1px;
	border-style:solid;
	border-color:#FF9933;
	margin-bottom: 5px;
	margin-right: 2px;
	margin-left: 2px;
}

#TravelerReviews ul li a {
    text-align:center;
    display:inline;
    border-width:0px;
    border-color:#FFFFFF;
}

#TravelerReviews ul li a img {
	display:inline;
	text-align:center;
	width:70px;
	height:70px;
	margin:0px;
	padding:0px;
	border-width:1px;
	border-style:solid;
	border-color:#FF9900;
}

.TravelerReviewsH3 {
    display:inline;
	text-align:center;
    width:110px;
	font-size:12px;
	font-weight:normal;
	color:#0033FF;
}

/*---------------BlogNews(更新情報ブログ更新版)---------------*/
	
#BlogNews-title {
	width:720px;
}

.BlogNews1 {
	width:348px;
	height:120px;
	margin-top:10px;
	padding-right:5px;
	padding-left:7px;
	float: left;
}

.BlogNews2 {
	width:348px;
	height:120px;
	margin-top:10px;
	padding-right:5px;
	padding-left:5px;
	float: left;
}


.BlogNews-img {
	background-color: #FFFFFF;
	width: 120px;
	height: 90px;
	padding: 3px;
	float: left;
	border-width:1px;
	border-style:solid;
	border-color:#FF9933;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left:0px;
}
	
.BlogNews-txt {
	float: left;
	width:210px;
	height:110px;
	margin-top: 5px;
	margin-bottom:5px;
	padding: 0px;
	font-size: 12px;
}

.BlogNews-txt .BlogTitle {
    font-size:13px;
	font-weight:bold;
	color:#0033FF;
    }

.BlogNews-P{
	padding-top:10px;
}




/*---------------BlogNews2(更新情報サムネイル画像版)---------------*/
#BlogNews2 {
    background:scroll url(../images/NewInfo_back.gif) 0 bottom no-repeat;
	overflow:auto;
}

#BlogNews2 ul {
    width:720px;
    padding-top:0;
	margin-left:0em;
	padding-left:0;
	list-style-type:none;
}

#BlogNews2 li {
    width:140px;
	border-top-width:2px;
	border-top-style:solid;
	border-top-color:#cccccc;
	border-right-width:2px;
	border-right-style:solid;
	border-right-color:#cccccc;
	_hight:167px;
	min-height:167px;
	margin:0;
	padding:0;
	float:left;
	list-style-type:none;
}

#BlogNews2 p {
    font-style:normal;
	font-weight:normal;
	text-align:left;
	margin:0;
	padding:4px;
}

#BlogNews2 img {
    width:130px;
	height:98px;
	padding:15px 2px 2px 3px;
	margin-left:2px;
}

#BlogNews2 #first-list2 {
	border-left-width:2px;
	border-left-style:solid;
	border-left-color:#cccccc;
}





/*---------------NeavyPoints(周辺情報)---------------*/
#NeavyPoints {
    width:720px;
	_height:110px;
	min-height:110px;
}
.NeavyPointsList1 {
    width:228px;
	_height:110px;
	min-heigt:110px;
	float:left;
	margin:10px 5px 0px 5px;
}

.NeavyPointsList2 {
    width:228px;
	_height:110px;
	min-heigt:110px;
	float:left;
	margin:10px 5px 0px 5px;
}

.NeavyPointsList3 {
    width:228px;
	_height:110px;
	min-heigt:110px;
	float:left;
	margin:10px 5px 0px 5px;
}

.NeavyPointsList1 a strong,
.NeavyPointsList2 a strong,
.NeavyPointsList3 a strong {
    text-decoration:underline;
}

#NeavyPoints img {
    float:left;
	width:100px;
	height:75px;
	margin-right:4px;
	border-width:0px;
}

#NeavyPoints strong {
    display:inline;
	float:left;
	text-align:left;
	width:115px;
	font-size:13px;
	font-weight:normal;
	color:#0033FF;
	background-color:#FFFFFF;
}

#NeavyPoints p {
    display:inline;
	float:left;
    width:115px;
	_height:50px;
	min-height:50px;
	margin-top:8px;
	padding:0px;
}





/*---------------Overview(会社概要)---------------*/
/*CSSハックでテーブルの幅をMacIE用とそれ以外用に作成しないといけないかも*/
#Overview {
	margin:10px 0 0 0;
	padding:0px;
}

/*---------------#Overview table---------------*/
#Overview table {
    width:720px;
	margin:0;
	padding:0;
}

/*---------------Overviewのセルの幅--------------------*/
#Overview th {
    padding:5px 20px 5px 5px;
}
#Overview td {
    padding:5px;
}


/*---------------Overview セルの枠線------------------------*/
#Overview table {
    border-style:solid;
	border-color:#999966;
	border-width:2px;
	border-collapse:collapse;
}

#Overview th , #Overview td{
    border-style:solid;
	border-color:#999966;
	border-width:2px;
	border-collapse:collapse;
}

/*---------------#Overview文字の制御 ---------------*/
#Overview th,#Overview td {
	font-style:normal;
	font-weight:normal;
	line-height:120%;
	vertical-align:middle;
	text-align:left;
}
#Overview th {
    color:#3366FF;
	letter-spacing:2px;
	white-space:nowrap;
	min-width:100px;
}
#Overview td {
    color:#333333;
	letter-spacing:normal;
}
#Overview strong {
    font-size:16px;
	font-weight:bold;
}

/*---------------h3（見出し）-------------------------*/

.midashi {
    width:720px;
	margin-top:15px;
	margin-bottom:0px;
	font-size:16px;
	color:#666666;
	letter-spacing:1px;
	text-indent:0px;
	vertical-align:bottom;
	background-image:url(/base/images/midashi2.gif);
	background-repeat:no-repeat;
	background-position:0 0
}

.midashi-back {
    background:url(/base/images/midashi3.gif);
	margin-left:15px;
	vertical-align:bottom;
	padding:0px 20px 0px 5px;
}

.tel_info {
    width:720px;
	margin-top:15px;
	margin-bottom:0px;
	font-size:16px;
	color:#cc0000;
	letter-spacing:1px;
	text-indent:0px;
	vertical-align:bottom;
	background-repeat:no-repeat;
	background-position:0 0
}