/* CSS Document */

@charset "shift_jis";

/*===========================================
コンテナー
============================================*/
#container {
	width: 580px;
	padding: 0;
	margin: 0;
}

p {
	font-size: 0.75em;
	color: #333333;
	line-height: 1.5em;
	text-align: justify;
	letter-spacing: 0.1em;
	margin: 0;
	padding: 0;
}

img {
	border: 0;
}

/*===========================================
ヘッダー
============================================*/
h1 {
	width: 580px;
	margin: 0 0 10px 0;
	padding: 0;
}

/*===========================================
グローバルナビゲーション
============================================*/
#globalNavigation {
	width: 540px;
	height: 50px;
	margin: 0 0 0 20px;
	padding: 0;
}

#globalNavigation ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#globalNavigation li {
	float: left;
	width: 96px;
	height: 50px;
	margin: 0 27px 0 0;
	padding: 0;
}

.btn01 a {
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(../img/navi01.jpg);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    text-indent: -1000em;
    text-decoration: none;
}

.btn01 a:hover {
	background-image: url(../img/navi01.jpg);
    background-position: -0px -50px;
}

.here01 a {
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(../img/navi01.jpg);
    background-position: 0px -50px;
    background-repeat: no-repeat;
    text-indent: -1000em;
    text-decoration: none;
}

.btn02 a {
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(../img/navi02.jpg);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    text-indent: -1000em;
    text-decoration: none;
}

.btn02 a:hover {
	background-image: url(../img/navi02.jpg);
    background-position: -0px -50px;
}

.here02 a {
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(../img/navi02.jpg);
    background-position: 0px -50px;
    background-repeat: no-repeat;
    text-indent: -1000em;
    text-decoration: none;
}

.btn03 a {
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(../img/navi03.jpg);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    text-indent: -1000em;
    text-decoration: none;
}

.btn03 a:hover {
	background-image: url(../img/navi03.jpg);
    background-position: -0px -50px;
}

.here03 a {
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(../img/navi03.jpg);
    background-position: 0px -50px;
    background-repeat: no-repeat;
    text-indent: -1000em;
    text-decoration: none;
}

/*===========================================
メインコンテンツ
============================================*/
#mainContent {
	width: 540px;
	margin: 20px 20px 0 20px;
	padding: 0;
}

h2 {
	margin: 0 0 5px 0;
	padding: 0;
}

h3 {
	clear: both;
	margin: 0;
	padding: 0;
}

.wrapper {
	clear: both;
	width: 540px;
	margin: 0;
	padding: 0;
}

.boxA {
	float: left;
	width: 176px;
}

.boxB {
	float: left;
	width: 176px;
	margin: 0 6px 0 6px;
}

.boxC {
	float: left;
	width: 176px;
}

.margin_top5 {
	margin: 5px 0 0 0;
}

.margin_top10 {
	margin: 10px 0 0 0;
}

.margin_top15 {
	margin: 15px 0 0 0;
}

.margin_bottom3 {
	margin: 0 0 3px 0;
}

/*===========================================
ホテル
============================================*/
.hotelBox {
	clear: both;
	width: 540px;
	margin: 0;
	padding: 20px 0 0 0;
}

.hotelArea {
	display: inline;
	float: left;
	border-left: 4px solid #a58361;
	height: 15px;
	padding: 0.5em;
	margin: 0;
	font-size: 12px;
	color: #333333;
}

.hotelName {
	clear: both;
	background: url(../img/title_back.gif) no-repeat;
	width: 540px;
	height: 26px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: left;
	padding: 0;
	margin: 0;
	font-size: 0.9em;
	letter-spacing: 0.1em;
}

.textName {
	position: relative;
	top: 5px;
	left: 10px;
}

.caption {
	width: 540px;
	height: 22px;
}

.caption p {
	font-size: 0.75em;
	color: #976e45;
	letter-spacing: 0.05em;
	margin: 5px 0 0 0;
}

.photoArea {
	float: left;
	width: 290px;
	height: 180px;
	padding: 0;
	margin: 0;
}

.hotelBox_l {
	float: right;
	width: 240px;
	padding: 0;
	margin: 0;
}

.hotelText {
	width: 240px;
	font-size: 0.75em;
	color: #4e9311;
	font-weight: bold;
	letter-spacing: 0.02em;
}

.hotelText01 {
	width: 240px;
	font-size: 0.7em;
	color: #4e9311;
	font-weight: bold;
	letter-spacing: -0.01em;
}

.icon {
	vertical-align: top;
}

.icon01 {
	margin: 0 0 5px 0;
}

.tokuten {
	text-align: left;
	font-size: 0.7em;
	color: #FF0000;
	letter-spacing: 0;
	line-height: 1.3em;
}

.syousai {
	text-align: left;
	letter-spacing: 0.02em;
	line-height: 1.3em;
	padding: 3px 0 0 0;
}

.price {
	width: 240px;
	line-height: 1.6em;
	font-size: 0.75em;
	color: #333333;
	letter-spacing: 0.05em;
	font-weight: bold;
	padding: 5px 0 0 0;
}

.red_B {
	color: #FF0000;
	font-size: 1.3em;
	font-weight: bold;
}