@charset "UTF-8";
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
body {
*font-size:small;
*font:x-small;
  background-color:#FDF7E3;
  font-family: 75;
  font-size: 13px;
  line-height: 1.231;
  color: #000000;
}
select,
input,
button,
textarea,
button {
  font:99% arial, helvetica, clean, sans-serif;
}
table {
  font-size:inherit;
  font:100%;
}
pre,
code,
kbd,
samp,
tt {
  font-family:monospace;
*font-size:108%;
  line-height:100%;
}
/*If you want this size in pixels (px)	Declare this percent (%)
10	 77
11	 85
12	 93 (was 93)
13	 100
14	 108 (was 107)
15	 116 (was 114)
16	 123.1 (was 122)
17	 131 (was 129)
18	 138.5 (was 136)
19	 146.5 (was 144)
20	 153.9 (was 152)
21	 161.6 (was 159)
22	 167
23	 174
24	 182
25	 189
26	 197
*/
html {
  height: 100%;
  width: 100%;
}
body {
  font-family: 'メイリオ', 'Meiryo', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Osaka', 'ＭＳ Ｐゴシック', sans-serif;
  margin: 0px;
  padding: 0px;
  text-align: center;
  color: #333333;
  height: 100%;
  width:100%;
  background-image: url(../img/bg.gif);
  background-repeat: repeat-x;
  background-position: 0px 45px;
}
#wrap {
	overflow:hidden;
	text-align: left;
	height: 100%;
	position:relative;
	height: 100%;
	width:100%;
	min-height:100%;
	min-width:1000px;
}
body > #wrap {
  height: auto;
  width: auto;
}
h1,
h2,
h3,
h4,
p,
ul,
li,
a,
img,
table,
th,
td,
dl,
dt,
dd {
  margin: 0px;
  padding: 0px;
}
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
  font-style: normal;
}
p {
  line-height: 1.2em;
}
img {
  vertical-align: bottom;
  border: 0;
}
li {
  list-style-type: none;
}
a {
  cursor: pointer;
}
.box {
  overflow:hidden;
}
.left {
  float:left;
}
.right {
  float:right;
}
/*ソーシャルボタン*/
#social_btn {
  width:960px;
  height: 45px;
  background-color:#FFF;
  position:relative;
  margin-right: auto;
  margin-left: auto;
}
#social_btn_detail {
  padding-top: 20px;
  width:auto;
  height: 25px;
  overflow:hidden;
  position:absolute;
  top:0px;
  right:0px;
}
#social_btn_detail .btn {
  float:left;
  margin-right:5px;
}
/*ヘッダー*/
#header {
  width:100%;
  background-image: url(../img/h_bg.jpg);
  background-repeat: no-repeat;
  background-color: #FFF;
  background-position: center 0px;
}
#header_detail {
  width: 960px;
  overflow: hidden;
  height: 85px;
  padding-top: 14px;
  padding-right: 20px;
  padding-bottom: 11px;
  padding-left: 20px;
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  position: relative;
}
#header #h_logo {
  float:left;
  padding: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
}
#header #h_right {
  float:right;
  font-size: 100%;
  font-weight: bold;
  color: #5C3219;
  text-align: right;
  height: 82px;
  padding-top: 3px;
  width:650px;
}
#header #h_dial {
  margin: 0px;
  height: 42px;
  padding: 0px;
  float: right;
  width: 448px;
}
#header #h_logo a {
  width:209px;
  height: 75px;
}
#header #h_read {
  /*width:464px;
	height:14px;
	margin:0px;
	padding:0px;
	overflow:hidden;*/
	margin-bottom:8px;
  text-align:right;
}
#header #h_read h1,
#header #h_read p {
  font-size:85%;
  font-weight: bold;
  color:#5B3219;
  line-height:1.2em;/*width:464px;
	height:0px;
	margin:0px;
	overflow:hidden;
	display:block;
	font-size:1em;
	line-height: 2em;
	padding-top: 14px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image:url(../img/h_read.gif);
	background-repeat: no-repeat;*/
}
/*グローバルナビ*/
#gNavi {
  width:100%;
  height:60px;
  background-image: url(../img/gNavi_bg.jpg);
  background-repeat: no-repeat;
  background-position: center;
}
#gNavi ul {
  display:block;
  width:960px;
  margin-left:auto;
  margin-right:auto;
  padding-right: 20px;
  padding-left: 20px;
  background-image: url(../img/gNavi_ul_bg.jpg);
  background-repeat: no-repeat;
  height: 60px;
}
#gNavi li {
  float:left;
  display:block;
  width:137px;
  height:60px;
  overflow:hidden;
  background-image: url(../img/gNavi.jpg);
  background-repeat: no-repeat;
}
#gNavi li a {
  overflow:hidden;
  display:block;
  font-size: 1em;
  line-height: 2em;
  height:0px;
  width:137px;
  padding-top:60px;
  background-image: url(../img/gNavi.jpg);
  background-repeat: no-repeat;
}
#gNavi li#gNavi00,
#gNavi li#gNavi00 a {
  width:138px;
  background-position: 0px 0px;
}
#gNavi li#gNavi01,
#gNavi li#gNavi01 a {
  background-position: -138px 0px;
}
#gNavi li#gNavi02,
#gNavi li#gNavi02 a {
  background-position: -275px 0px;
}
#gNavi li#gNavi03,
#gNavi li#gNavi03 a {
  background-position: -412px 0px;
}
#gNavi li#gNavi04,
#gNavi li#gNavi04 a {
  background-position: -549px 0px;
}
#gNavi li#gNavi05,
#gNavi li#gNavi05 a {
  background-position: -686px 0px;
}
#gNavi li#gNavi06,
#gNavi li#gNavi06 a {
  background-position: -823px 0px;
}

#gNavi li#gNavi00 a:hover,
#gNavi li#gNavi00 a.hover {
  background-position: 0px -60px;
}
#gNavi li#gNavi01 a:hover,
#gNavi li#gNavi01 a.hover,
#gNavi li#gNavi01 a.navi_on {
  background-position: -138px -60px;
}
#gNavi li#gNavi02 a:hover,
#gNavi li#gNavi02 a.hover {
  background-position: -275px -60px;
}
#gNavi li#gNavi03 a:hover,
#gNavi li#gNavi03 a.hover {
  background-position: -412px -60px;
}
#gNavi li#gNavi04 a:hover,
#gNavi li#gNavi04 a.hover {
  background-position: -549px -60px;
}
#gNavi li#gNavi05 a:hover,
#gNavi li#gNavi05 a.hover {
  background-position: -686px -60px;
}
#gNavi li#gNavi06 a:hover,
#gNavi li#gNavi06 a.hover {
  background-position: -823px -60px;
}

#order li#gNavi00 a{
  background-position: 0px -60px;
}
#select li#gNavi01 a,#bitabi li#gNavi01 a,#ubud_beach li#gNavi01 a,#sq li#gNavi01 a,
#summer li#gNavi01 a,#nenmatsu li#gNavi01 a,#bali_100 li#gNavi01 a,
#special li#gNavi01 a{
  background-position: -138px -60px;
}
#villa li#gNavi02 a{
  background-position: -275px -60px;
}
#spa li#gNavi03 a{
  background-position: -412px -60px;
}
#optional li#gNavi04 a{
  background-position: -549px -60px;
}
#wedding li#gNavi05 a{
  background-position: -686px -60px;
}

/*container*/
#container {
  width:972px;
  padding-right: 14px;
  padding-left: 14px;
  margin-left:auto;
  margin-right:auto;
  padding-top: 20px;
  overflow:hidden;
}
/*contents*/
#contents {
  width:742px;
  float:left;
}
/* 特集ページ専用
-------------------------------------- */
#contents.specials {
  width: 100%;
  overflow: hidden;
  background: url(../img/sp_detail_y_bg.jpg) repeat-y;
}
#contents.specials #detaile_h {
  background-image: url("../img/sp_detail_h_bg.jpg");
  width: 972px;
}
#contents.specials #detaile_f {
  background-image: url("../img/sp_detail_f_bg.jpg");
  width: 972px;
}
#contents.specials ul#breadcrumb {
	background: #FDF7E3;
  margin-bottom: 0;
  width: 100%;
}

ul#breadcrumb {
  width:730px;
  padding-left:6px;
  padding-right:6px;
  display:block;
  overflow: hidden;
  margin-bottom: 10px;
}
/*パンクズ*/
ul#breadcrumb li {
  float:left;
  font-size:93%;
  color:#651D21;
  font-weight: bold;
}
ul#breadcrumb li a {
  color:#651D21;
}
/*detail*/
#detail {
  width:970px;
  padding-left:6px;
  padding-right:6px;
  background-image: url(../img/detail_y_bg.jpg);
  background-repeat: repeat-y;
  padding-top: 25px;
  padding-bottom: 25px;
}
#detaile_h {
  width:970px;
  height:10px;
  background-image: url(../img/detail_h_bg.jpg);
  background-repeat:no-repeat;
}
#detaile_f {
  width:970px;
  height:10px;
  background-image: url(../img/detail_f_bg.jpg);
  background-repeat:no-repeat;
}
/*side_navi*/
#side {
  width:222px;
  float:right;
  text-align: left;
}
#side #vsNavi {
  width:210px;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:20px;
  border-top-width: 1px;
  border-top-style: dotted;
  border-top-color: #2C1814;
}
#vsNavi01,
#vsNavi02,
#vsNavi03,
#vsNavi04,
#vsNavi05,
#vsNavi06,
#vsNavi07 {
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: #2C1814;
  padding-top:8px;
}
#vsNavi .vsNavi_h2 {
  width:210px;
  height:27px;
  /*overflow:hidden;*/
	margin-bottom:10px;
  padding:0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-left: 0px;
}
#vsNavi .vsNavi_h2 h2 {
  width:210px;
  height:27px;
  /*overflow:hidden;*/
	display:block;
  font-size:1px;
  line-height:1em;/*padding-top:27px;
	background-repeat:no-repeat;*/
}/*
#vsNavi01 h2{
	background-image:url(../img/side_navi_01.gif);
}
#vsNavi02 h2{
	background-image:url(../img/side_navi_02.gif);
}
#vsNavi03 h2{
	background-image:url(../img/side_navi_03.gif);
}
#vsNavi04 h2{
	background-image:url(../img/side_navi_04.gif);
}
#vsNavi05 h2{
	background-image:url(../img/side_navi_05.gif);
}
#vsNavi06 h2{
	background-image:url(../img/side_navi_06.gif);
}
#vsNavi07 h2{
	background-image:url(../img/side_navi_07.gif);
}*/
#vsNavi ul {
  width:210px;
}
#side #vsNavi li {
  width:190px;
  font-size:77%;
  line-height:1.5em;
  list-style-type: disc;
  margin-left: 20px;
  margin-bottom:6px;
  padding: 0px;
  margin-top: 0px;
  margin-right: 0px;
}
#side #vsNavi li a {
  width:190px;
}
#vsNavi01,
#vsNavi01 li a {
  color:#5A7937;
}
#vsNavi02,
#vsNavi02 li a {
  color:#F03F46;
}
#vsNavi03,
#vsNavi03 li a {
  color:#D28D47;
}
#vsNavi04,
#vsNavi04 li a {
  color:#009999;
}
#vsNavi05,
#vsNavi05 li a {
  color:#D766B3;
}
#vsNavi06,
#vsNavi06 li a {
  color:#34548E;
}
#vsNavi07,
#vsNavi07 li a {
  color:#5C3219;
}
/*footer*/
#page_top_btn {
  width:960px;
  margin-left:auto;
  margin-right:auto;
  overflow: hidden;
  margin-bottom: 10px;
  padding-top: 20px;
}
#page_top_btn a {
  padding-right:20px;
  margin-right:3px;
  background-image:url(../img/page_top_icon.gif);
  background-repeat:no-repeat;
  background-position: right center;
  float: right;
  color:#666;
}
#footer_group {
  color: #4C4C4C;
  width:100%;
  text-align:left;
  background-color:#F3EEDE;
  padding-bottom: 2em;
}
#companyInfo {
  width:960px;
  margin-left:auto;
  margin-right:auto;
  overflow:hidden;
  position: relative;
  font:12px "ＭＳ Ｐゴシック", arial, helvetica, clean, sans-serif;
 *font-size:small;
 *font:x-small;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E1DCCD;
  padding-top: 15px;
  padding-right: 0px;
  padding-bottom: 15px;
  padding-left: 0px;
}
#companyInfo .note {
  font-size: 85%;
  color: #C00;
}
#companyInfo .pic {
  float: left;
  padding-right: 20px;
}
#companyInfo .pic p {
  margin-bottom:1em;
  color:#193D04;
  margin-left: 4px;
  font-size:15px;
}
#companyInfo .pic p a {
  color:#193D04;
  text-decoration: none;
}
#companyInfo .pic dl {
  overflow: hidden;
  margin-right: 40px;
  margin-bottom: 6px;
}
#companyInfo .pic dt {
  float: left;
  margin-right: 23px;
}
#companyInfo .pic dd {
  font-size: 13px;
  font-weight: bold;
  color: #666;
  padding-top: 20px;
  float: left;
}
#companyInfo .pic ul {
  clear: both;
  margin-left: 4px;
}
#companyInfo .pic li {
  color: #666;
  line-height: 1.6;
  font-size: 10px;
}
#companyInfo .txt {
  overflow: hidden;
  line-height: 1.5;
  padding: 10px 0 10px 24px;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E1DCCD;
}
#companyInfo .txt dl {
  float: left;
  margin-right: 20px;
  margin-bottom: 6px;
}
#companyInfo .txt dt {
  font-weight: bold;
}
#companyInfo .txt dt em {
  color: #00F;
  font-size: 14px;
  letter-spacing: 1px;
  padding: 0 2px;
  font-weight: bold;
}
#companyInfo .txt dt .note {
  font-weight: normal;
  padding-left: 4px;
}
#companyInfo .txt .box {
  clear: both;
}
#companyInfo .txt ul {
  clear: both;
}
#companyInfo ul.association {
  position: absolute;
  left: 10px;
  bottom: 27px;
}
#companyInfo .association li {
  display: inline;
  padding-left: 4px;
}
#footer {
  width:960px;
  margin-left:auto;
  margin-right:auto;
  overflow:hidden;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E1DCCD;
  padding-top: 16px;
  padding-right: 0;
  padding-bottom: 16px;
  padding-left: 0;
}
#box_pagetop {
  clear: both;
  text-align: right;
}
#box_pagetop a {
  line-height: 0;
}
#footer ul {
  float: right;
  overflow: hidden;
}
#footer li {
  border-left: solid 1px #666;
  float: left;
  font-size: 11px;
  padding: 1px 5px;
  margin-left: -1px;
}
#footer li a {
  color: #666;
}
#footer li a:hover {
  text-decoration: none;
}
#footer .copyright {
  color: #666;
  font-size: 11px;
  float: left;
}
#f_text {
  width:960px;
  margin-left:auto;
  margin-right:auto;
  padding-bottom: 16px;
  text-align:right;
}
#f_text p {
  font-size: 11px;
  color: #666;
}
#sns_button {
  width:960px;
  padding-top:10px;
  margin-left:auto;
  margin-right:auto;/*display:none;*/
}
#sns_button iframe {
  vertical-align:baseline;
}
#sns_button div,
#sns_button iframe {
 /*float:left;*/
}