@charset "Shift_JIS";

/* ダイビング・トップ
---------------------------------------------------- */
.rightimg{
  float: right;
  margin: 0 0 5px 5px;
}
.leftimg{
  float: left;
  margin:0 5px 5px 0;
}
h1{
  font-size: 110%;
  font-weight: normal;
  padding-bottom: 5px;
}
#diving h2{
  font-size: 110%;
  font-weight: normal;
  padding: 0;
  margin: 0;
}
#diving h3{
  font-size: 110%;
  color: #3366CC;
  font-weight: bold;
  padding-bottom: 0;
}
#diving h4{
  font-size: 110%;
  color: #3366CC;
  font-weight: bold;
  padding-top:7px;
  padding-bottom:12px;
  padding-left: 40px;
  background:url("../theme/img/diving_img02.gif") 0 0 no-repeat;
  border-bottom: 1px solid #3366CC;
  width: 440px;
}

#basic h1{
  padding: 0 0 5px 0;
  margin-bottom: 10px;
  border-bottom: 1px solid #999999;
  width: 470px;
}

dl.textdot1{
  float:left;
}

dl.textdot1 dt{
  font-size:67%;
  line-height:1.2;
  border-bottom: 1px dotted #0066CC;
  width: 275px;
  padding-bottom:5px;
  padding-top:5px;
}

dl.textdot1 dd{
  margin-left:7em;
  margin-top:-2.4em;
  font-size:67%;
  line-height:1.2;
  padding-bottom:6px;
  padding-top:6px;
}



.positionright{
  float: right;
}

.positionleft230{
  float: left;
  margin-right:10px;
  width: 230px; 
}

.positionright230{
  float: right;
  width: 230px; 
  text-align:left;
}


.positionleft150{
  float: left;
  width: 150px; 
}

.positionright310{
  float: right;
  width: 310px; 
  text-align:left;
  vertical-align:top;
}


/* ※付インデント文章
---------------------------------------------------- */
dl.noteList1{
  text-align:left;
}
dl.noteList1 dt{
  font-size:67%;
  ine-height:1.5;
}

dl.noteList1 dd{
  margin-left:1em;
  margin-top:-1.2em;
  font-size:67%;
  line-height:1.2;
}

/* ※付インデント文章グレー色
---------------------------------------------------- */
dl.noteList1gray{
  text-align:left;
}
dl.noteList1gray dt{
  color:#999999;
  font-size:67%;
  ine-height:1.5;
}

dl.noteList1gray dd{
  margin-left:1em;
  margin-top:-1.2em;
  color:#999999;
  font-size:67%;
  line-height:1.2;
}

/* ダイビング・トップ 3つのアイコン
---------------------------------------------------- */
#diving ul {
  margin: 0;
  padding-right: 75px;
  padding-left: 65px;
  list-style: none;
}
#diving li {
  margin-left: 10px;
  padding: 0;
  height: 94px;
  text-indent: -9999px;
}
#diving li a {
  text-decoration: none;		/* ■Firefox等で線が表示されないようにする */
  display: block;
  height: 94px;
}
#diving li#s    {
  float: right;
  width: 100px;
  background: url(../theme/img/diving_tb01.gif) no-repeat;
}
#diving li#s a:hover   {
  float: right;
  width: 100px;
  background: url(../theme/img/diving_tb01_o.gif) no-repeat;
}
#diving li#t    {
  float: right;
  width: 100px;
  background: url(../theme/img/diving_tb02.gif) no-repeat;
}
#diving li#t a:hover   {
  float: right;
  width: 100px;
  background: url(../theme/img/diving_tb02_o.gif) no-repeat;
}
#diving li#r    {
  float: right;
  width: 100px;
  background: url(../theme/img/diving_tb03.gif) no-repeat;
}
#diving li#r a:hover   {
  float: right;
  width: 100px;
  background: url(../theme/img/diving_tb03_o.gif) no-repeat;
}

/* マリアナファミリー 3つのアイコン
---------------------------------------------------- */
#travel ul {
  margin: 0;
  padding-right: 65px;
  padding-left: 75px;
  list-style: none;
}
#travel li {
  margin-left: 10px;
  padding: 0;
  height: 94px;
  text-indent: -9999px;
}
#travel li a {
  text-decoration: none;		/* ■Firefox等で線が表示されないようにする */
  display: block;
  height: 94px;
}
#travel li#f    {
  float: right;
  width: 100px;
  background: url(../plan/img/family_btn01.gif) no-repeat;
}
#travel li#f a:hover   {
  float: right;
  width: 100px;
  background: url(../plan/img/family_btn01_o.gif) no-repeat;
}
#travel li#a    {
  float: right;
  width: 100px;
  background: url(../plan/img/family_btn02.gif) no-repeat;
}
#travel li#a a:hover   {
  float: right;
  width: 100px;
  background: url(../plan/img/family_btn02_o.gif) no-repeat;
}
#travel li#p    {
  float: right;
  width: 100px;
  background: url(../plan/img/family_btn03.gif) no-repeat;
}
#travel li#p a:hover   {
  float: right;
  width: 100px;
  background: url(../plan/img/family_btn03_o.gif) no-repeat;
}


/* ダイビング・サイパン
---------------------------------------------------- */
#saipan h2{
  padding-bottom: 5px;
  margin-top: 0;
  font-size: 110%;
}

#saipan h3{
  font-size: 83%;
  color: #3366CC;
  font-weight: bold;
  padding-bottom: 0;
  padding-top: 5px;
}
/* saipan 主なポイント(アイコン付項目)
---------------------------------------------------- */
#saipan ul {
  margin: 0;
  padding: 0;
  list-style: none;
  width:470px;
}

#saipan li {
  height: 32px;
}

#saipan li.icon_l {
  float: left;
  padding-left: 0;
  margin-left: 0;

}
#saipan li.text {
  float: left;
  font-size: 83%;
  color: #3673C0;
  font-weight: bold;
  line-height:1.3;
  margin-left: 5px;

}
#saipan li.icon_r {
  float: right;
  margin-top:14px;
  margin-right:0;
  padding-right:0;
}

#saipan li.icon_r2 {
  float: right;
  margin-right:0;
  padding-right:0;
}


/* saipan(青枠)
---------------------------------------------------- */
#saipan .box {
  padding: 15px;
  border: 1px solid #3673C0;
  display:inline-block;
}

#saipan .map {
  border: 1px solid #3673C0;

}

/* ショップリスト表
---------------------------------------------------- */

.section table{
margin-bottom:5px;
border-collapse:collapse;

}

.section table caption{
padding:6px;
text-align:center;
caption-side:top;
font-size:83%;
background-color:#3673C0;
font-weight:bold;
color:#ffffff;
}

.section table tr th{
padding:15px 5px 5px 5px;
font-weight:bold;
text-align:left;
color:#3673C0;
font-size:67%;
}


.section table .menu{
padding:5px;
border-bottom:1px solid #3673C0;
font-size:67%;
}

.section table .list{
padding:5px;
border-bottom:1px dotted #3673C0;
font-size:67%;
vertical-align:top;
}

.section table .listnowrap{
padding:5px;
border-bottom:1px dotted #3673C0;
font-size:67%;
vertical-align:top;
white-space:nowrap;
}

/*wedding
---------------------------------------------------- */
#wedding ul {
  margin: 0;
  padding: 10px 0 0 0;
  list-style: none;
  width:470px;
}

#wedding li {
  height: 31px;
}

#wedding li.icon_l {
  float: left;
  padding-left: 0;
  margin-left: 0;

}
#wedding li.text {
  float: left;
  font-size: 83%;
  color: #3673C0;
  font-weight: bold;
  line-height:1.3;
  margin-left: 5px;
  margin-top: 6px;

}

#wedding .section h2{
  margin-bottom: 10px;

}

#wedding .section h3{
  padding-bottom:5px;
  border-bottom:1px solid #3673C0;
  width:470px;
}

#wedding .title1 {
  color:#3673C0;
  font-size:80%;
}

#wedding .title2 {
  color:#9DBEE3;
  font-size:80%;
}


.dottedtext67 {
  font-size:67%;
  line-height:1.2;
  border-bottom: 1px dotted #0066CC;
  width: 230px;
  padding-bottom:5px;
  padding-top:5px;
}



/* 下線なしの表
---------------------------------------------------- */
.section table.style1{
padding:0;
margin:0;
}

.section table .list_nb_blue{
padding:1px 2px 2px 5px;	/* padding:5px を 1px に　2008.10.20 */
font-size:67%;
vertical-align:top;
color:#3673C0;
}

.section table .list_nb_blue_nowrap{
padding:5px 2px 2px 5px;
font-size:67%;
vertical-align:top;
color:#3673C0;
white-space:nowrap;
}

.section table .list_nb{
padding:1px 2px 2px 5px;	/* padding:5px を 1px に　　2008.10.20 */
font-size:67%;
vertical-align:top;
}

.section table .list_nb_nowrap{
padding:5px 2px 2px 5px;
font-size:67%;
vertical-align:top;
white-space:nowrap;
}

/* event カレンダー表
---------------------------------------------------- */
.section table .event1{
padding:3px;
font-size:83%;
}

.section table .list2{
padding:3px;
border-bottom:1px dotted #3673C0;
font-size:83%;

}


.eventday{
background-color:#3673C0;
font-size:83%;
color:#FFFFFF;
text-align:center
}

.eventcontent{
background-color:#ffffff;
font-size:83%;
text-align:center
}

.eventcontent2{
background-color:#ffffff;
font-size:67%;
text-align:center
}

/* 4文字付インデント文章(グレー色)
---------------------------------------------------- */
dl.noteList1gray{
  text-align:left;
}
dl.noteList1gray dt{
  color:#999999;
  font-size:67%;
  ine-height:1.5;
}

dl.noteList1gray dd{
  margin-left:5em;
  margin-top:-1.2em;
  color:#999999;
  font-size:67%;
  line-height:1.2;
}

/* レイアウト位置
---------------------------------------------------- */
.right{
  text-align:right;
}

/* beauty(青枠、上部青背景タイトル付き)
---------------------------------------------------- */
#beauty .box {
  padding:15px;
  border-bottom: 1px solid #3673C0;
  border-right: 1px solid #3673C0;
  border-left: 1px solid #3673C0;
  display:inline-block;
  
}

#beauty .titleback {
  background-color: #3673C0;
  text-align:center;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
}

#beauty .title1 {
  color:#ffffff;
  font-size:83%;
}

#beauty .title2 {
  color:#9DBEE3;
  font-size:83%;
}

/* travel(青枠、上部青背景タイトル付き)
---------------------------------------------------- */
#travel1 .box {
  padding:15px;
  border-bottom: 1px solid #3673C0;
  border-right: 1px solid #3673C0;
  border-left: 1px solid #3673C0;
  display:inline-block;
  
}

#travel1 .titleback {
  border-bottom: 4px solid #66CCFF;
  background-color: #3673C0;
  text-align:center;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

#travel1 .title1 {
  color:#ffffff;
  font-size:83%;
}

#travel1 .title2 {
  color:#9DBEE3;
  font-size:83%;
}

/* trave2(青枠、上部青背景タイトル付き)
---------------------------------------------------- */
#travel2 .box {
  padding:15px;
  border-bottom: 1px solid #3673C0;
  border-right: 1px solid #3673C0;
  border-left: 1px solid #3673C0;
  display:inline-block;
  
}

#travel2 .titleback {
  border-bottom: 4px solid #66CC99;
  background-color: #3673C0;
  text-align:center;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

#travel2 .title1 {
  color:#ffffff;
  font-size:83%;
}

#travel2 .title2 {
  color:#9DBEE3;
  font-size:83%;
}

/* sky(2列青枠、上部青背景タイトル付き)
---------------------------------------------------- */
#sky .box {
  padding:10px;
  border-bottom: 1px solid #99CCFF;
  border-right: 1px solid #99CCFF;
  border-left: 1px solid #99CCFF;
  display:inline-block;
  width: 207px;
 _width : 229px; /* ■Win IE対策 */
  height:490px;
}

#sky .titleback {
  background:url(../theme/img/sky_box2.gif) top no-repeat #3673C0;
  text-align:center;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  width:229px;

}

#sky .title1 {
  color:#ffffff;
  font-size:83%;
  font-weight: bold;
}

#sky .box2 {
  padding:15px;
  border-bottom: 1px solid #99CCFF;
  border-right: 1px solid #99CCFF;
  border-left: 1px solid #99CCFF;
  display:inline-block;
  
}

#sky .titleback2 {
  background-color: #3673C0;
  text-align:center;
  padding-top: 0.5em;
  padding-bottom: 0.5em;

}


/* 画像付キャプション
---------------------------------------------------- */

.imgAndCaption{
margin:0 auto 18px;
font-size:67%;
line-height:1.2;
color:#999999;
text-align:right;
}

.captionBottom img{
display:block;
margin-bottom:3px;
}

/* カラー指定
---------------------------------------------------- */
.blue{
color:#3673C0;
}

/* 背景画像指定
---------------------------------------------------- */
.w_back{
background:url(../theme/img/wedding_img01-2.jpg) no-repeat right;
}

/* 基本情報(アクセス表)
---------------------------------------------------- */

#access .section table{
margin-bottom:0;
border-collapse:collapse;

}

#access .section table .koumoku{
padding:6px;
text-align:center;
caption-side:top;
font-size:67%;
background-color:#3673C0;
color:#ffffff;
}


#access .section table .menu{
padding:3px;
border:1px solid #ADD2F4;
font-size:67%;
text-align:center;
}

#access .section table .menu_nowrap{
padding:3px;
border:1px solid #ADD2F4;
font-size:67%;
text-align:center;
white-space:nowrap;
}

#access .section table .menu_dl{
padding:3px;
border:1px solid #ADD2F4;
}

/* 幅指定
---------------------------------------------------- */

.width470{
width:470px;
}

.width440{
width:440px;
}

.width438{
width:438px;
}

.width350{
width:350px;
}

.width300{
width:300px;
}

.width290{
width:290px;
}


.width230{
width:230px;
}

.width200{
width:200px;
}


.width150{
width:150px;
}

.width120{
width:120px;
}

.width100{
width:100px;
}

.width80{
width:80px;
}

.width60{
width:60px;
}

.width50{
width:50px;
}

.width15{
width:15px;
}

ul.list_sitemap{
list-style-image:url(../img/point.gif);
}

/* コピー防止措置　2009.04.02 ランドアクティビティ内
---------------------------------------------------- */

#land05{
  background:url("../theme/img/land05.jpg") 0 0 no-repeat;
}

#land09{
  background:url("../theme/img/land09.jpg") 0 0 no-repeat;
}

#land10{
  background:url("../theme/img/land10.jpg") 0 0 no-repeat;
}