@charset "utf-8";

a:link{text-decoration:none; color:#696969;}
a:hover{text-decoration:none;}
a:visited{color:#000000;}
a img {border-style:none;}
a:hover img {opacity: 0.8; filter: alpha(opacity=80); -moz-opacity: 0.8; } 
a:visited img{direction:none;}

body{
     font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic","Osaka,sans-serif";
	 color:#696969;
	 margin:0;
	 margin-top:5px;
	width:100%;    
	 }
.ttop {
     position: fixed;
     bottom: 20px;
     right: 50px;
	 z-index:1000;
}
/* IE6用ハック  IE6以下では表示されない為*/
* html, * html body {
     margin: 0;
     padding: 0;
     width: 100%;
     height: 100%;
     overflow-y: hidden;
     }
 * html div#body {
     height: 100%;
     overflow-y: scroll;
     }
 * html div.ttop {
     position: absolute;
     right: 30px;
     }
.clearit{
     clear:both;
	 margin:0;
	 padding:0;
	 }
/*clearfixをdivに重ねて指定し、画像と文字のバランスをとる*/
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {
	display: inline-table;
	min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/*=======================================clearfixここまで*/
	 
/*===================================

           header

====================================*/
#header{
     width:960px;
	 margin-left:auto;
	 margin-right:auto;
	 margin-bottom:5px;
	 }
#header ul{
     text-align:right;
	 margin-top:0px;
	 padding-top:30px;
	 margin-right:20px;
	 list-style:none;
	 }
#header ul li{
	 padding-bottom:0px;
	 margin-bottom:0px;
	 display:inline;
	 font-size:11px;
	 }
#header ul li a:hover{
     border-bottom:2px #556b2f solid;
	 }
#header h1{
     font-size:13px;
	 font-weight:normal;
	 margin-top:3px;
	 margin-bottom:0px;
	 text-align:left;
	 float:left;
	 display:inline;
	 } 
#header img{
     margin-top:-30px;
	 margin-bottom:10px;
	 margin-left:10px;
	 float:left;
	 }

/*****文字サイズ変更ボタン*****/
#header div.font{
   float:right;
   margin-bottom:0px;
   }
#header div.font ul{
   margin:0;
   padding:0;
   text-align:right;
   }
#header div.font ul li img{
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   cursor:pointer;
}
/*****－ここまで－文字サイズ変更*****/

	 
/*===================================

            navbar

====================================*/
#navbg{
     width:100%;
	 min-width:960px;
	 border-bottom:1px #696969 solid;
	 padding-bottom:7px;
	 }
#nav{
     width:960px;
	 margin-left:auto;
	 margin-right:auto;
	 margin-bottom:0px;
	 padding-top:3px;
	 padding-bottom:0px;
	 height:52px;
	 }
#nav ul{
     margin:0;
	 margin-top:5px;
	 padding:0;
	 list-style-type:none;
	 font-weight:bolder;
	 letter-spacing:1.5px;
	 text-align:center;
	 }
#nav ul li{
     float:left;
	 width:236px;
	 color:#556b2f;
	 text-align:center;
	 border-left:2px #696969 dotted;
	 font-size:14px;
	 }
#nav ul li a{
     display:block;
	 padding-top:5px;
	 padding-bottom:3px;
	 }
#nav ul li a:hover{
	 color:#556b2f;
	 border-bottom:7px #adff2f solid;
	 display:block;
	 }
#nav ul li small{
     font-size:80%;
	 }

/*the right side of menu*/
#nav ul li.migihaji{
     float:left;
	 width:236px;
	 color:#556b2f;
	 text-align:center;
	 border-right:2px #696969 dotted;
	 font-size:14px;
	 }
#nav ul li.migihaji a{
     display:block;
	 padding-top:5px;
	 padding-bottom:3px;
	 }
#nav ul li.migihaji a:hover{
	 color:#556b2f;
	 border-bottom:7px #adff2f solid;
	 display:block;
	 }
#nav ul li.migihaji small{
     font-size:80%;
	 }
/*==========================

         head2bg
		 
============================*/
#head2bg{
     width:100%;
	 min-width:960px;
	 background-color:#696969;
	 }
#head2{
     width:960px;
	 margin-left:auto;
	 margin-right:auto;
     }
/**************************************パンクズリスト①*/
.pan{
	 padding-left:10px;
	 padding-top:5px;
	 padding-bottom:5px;
	 margin-top:0px;
	 margin-bottom:0px;
	 color:#adff2f;
	 background-color:#696969;
	 width:960px;
	 font-size:11px;
	 }
.pan a:link{
     color:#FFFFFF;
	 }
.pan a:visited{
     color:#CCCCCC;
	 }
.pan a:hover{
     text-decoration:underline;
	 }
/**************************************パンクズリスト②*/
ol.breadcrumb{
	 margin:0px;
	 padding:6px 0px;
	 color:#adff2f;
	 background-color:#696969;
	 width:960px;
	 font-size:12px;
     }
ol.breadcrumb li { 
     list-style:none; 
	 display:inline; 
	 padding:6px 5px;
}
ol.breadcrumb li a:link{
     color:#ffffff; 
	 background-image: url(img/pankuzu.png);
	 background-position: center right;
     background-repeat: no-repeat;
     padding-right: 20px;
}
ol.breadcrumb li a:visited{ color:#cccccc;}
ol.breadcrumb li a:hover{ text-decoration:underline;}

		 
.betup a[target="_blank"] {/*------------------------別ページにリンクする場合の画像-----------*/
     background: url(img/img-a_blank.png) no-repeat right center;
	 padding-right: 18px;
	 }

/*===================================

            contents

　contentsのみ、文字サイズ相対指定
　　ex)13px=1.3em / 20px=2emなど

====================================*/
#contents{
     width:960px;
	 position:relative;
	 margin:0 auto;/*全体中央揃え*/
	 font-size:62.5%;/* 10px相当*/
	 }
/*==========================

           main
		   
============================*/

#main h2{ font-size:1.7em;}
#main h3{ font-size:1.6em;}
#main h4{ font-size:1.5em;}
#main h5{ font-size:1.5em;}
#main h6{ font-size:1.4em;}
#main p{ font-size:1.3em;}
#main ul li{ font-size:1.3em;}



#main{
     width:690px;
	 float:left;
	 margin-top:10px;
	 margin-right:0px;
	 text-align:left;
	 }
#main p{
     margin:0 10px;
	 padding-bottom:10px;
	 }
#main p.impact:first-letter {
     font-size: 3em;
	 line-height:1;
     float: left;
	 color:#adff2f;
	 font-weight:bold;
	 padding:4px 8px;
	 padding-bottom:2px;
	 }
#main p a:link{color:#696969; text-decoration:underline;}
#main p a:hover{color:#000000; text-decoration:none;}

blockquote{
padding:1.5em 0em;
position:relative;
margin:0:
}
blockquote:before{
content:"“";
font-size:400%;
line-height:1em;
font-family:"ＭＳ Ｐゴシック",sans-serif;
color:#999;
position:absolute;
left:-0.5em;
top:0;
}
blockquote:after{
content:"”";
font-size:400%;
line-height:0em;
font-family:"ＭＳ Ｐゴシック",sans-serif;
color:#999;
position:absolute;
right:-0.5em;
bottom:0;
}

#main h2{
	 border:1px solid #696969;
	 border-left:20px solid #696969;
	 text-align:left;
	 padding-left:15px;
	 padding-top:20px;
	 padding-bottom:20px;
	 margin-bottom:10px;
	 margin-top:0px;
	 } 
.areap{
     background:url(http://www.ocean-sound.com/img/area.png) no-repeat left center;
	 padding-left:25px;
	 margin-left:50px;
	 font-size:0.8em;
	 color:#999999;
     }
.areapoint{
     background:url(http://www.ocean-sound.com/img/area.png) no-repeat left center;
	 padding-left:28px;
     }
.read{
	font-weight:normal;
	padding-left:10px;
	padding-bottom:0px;
	font-size:1.3em;
	display:block;
	 }
.readred{
	 font-weight:normal;
	 text-align:left;
	 padding-left:20px;
	 position:absolute;
	 color:#696969;
	 }
/*===サブ・ナビバー===*/
ul.navbb {
     list-style:none;
	 margin:0 auto;
	 margin-left:10px;
	 margin-bottom:30px;
	 padding:0;
	 }
ul.navbb li{
     float:left;
	 margin-right:8px;
	 text-align:center;
	 color:#FFFFFF;
	 border:1px solid #696969;
     }
ul.navbb li.koko{
     float:left;
	 text-align:center;
	 background-color:#696969;
	 color:#FFFFFF;
	 padding:10px;
	 width:140px;
	 position:relative;
	 border:none;
	 }
ul.navbb li.koko:before{
     position:absolute;
	 content: "";
	 display: block;
	 width: 0;
	 height: 0;
	 border-top: 20px solid #696969;
	 border-left: 20px solid transparent;
	 border-right: 20px solid transparent;
	 left:20px;
	 bottom:-15px;
     }
ul.navbb li a:link{
	 color:#696969;
	 background-color:#FFFFFF;
	 display:block;
	 padding:10px;
	 width:140px;
	 font-size:12px;
	 }
ul.navbb li a:visited{
	 color:#696969;
	 background-color:#FFFFFF;
	 display:block;
	 }
ul.navbb li a:hover{
     background-color:#999999;
	 color:#adff2f;
	 display:block;
	 }
	 
/*==========サブナビSMART=============*/
ul.snavsmart{
     list-style:none;
	 margin:0 auto;
	 margin-left:10px;
	 margin-bottom:30px;
	 padding:0;
	 }
ul.snavsmart li{
     float:left;
	 border:1px solid #696969;
	 margin-right:8px;
	 margin-bottom:8px;
	 text-align:center;
	 background-color:#696969;
	 color:#FFFFFF;
     }
ul.snavsmart li a:link{
	 color:#696969;
	 background-color:#FFFFFF;
	 display:block;
	 padding:10px;
	 width:195px;
	 }
ul.snavsmart li a:visited{
	 color:#696969;
	 background-color:#FFFFFF;
	 display:block;
	 }
ul.snavsmart li a:hover{
     background-color:#999999;
	 color:#adff2f;
	 display:block;
	 }
ul.snavsmart li.konop{
	 background-color:#696969;
	 width:195px;
	 padding:10px;
	 color:#FFFFFF;
	 font-size:12px;
     }

/*===サブ・ナビバーここまで===*/

#main h3.topp{
	 border-left:10px solid #adff2f;
	 border-bottom:1px solid #556b2f;
	 padding-left:10px;
	 padding-top:5px;
	 padding-bottom:5px;
	 margin-bottom:10px;
	 margin-top:20px;
	 color:#000000;
	 } 
#main h3.prof{/*----------------about*/
     border-top:3px solid #696969;
	 background:#f5f5f5;
	 padding:8px;
	 padding-left:20px;
	 margin-left:10px;
	 margin-right:10px;
	 }
.profile{/*----------------about*/
     margin-left:20px;
	 font-size:1.4em;
         width:660px;
	 }
.profile th{/*----------------about*/
     border-bottom:1px solid #cccccc;
     font-weight:normal;
     width:130px;
     text-align:left;
	 }
.profile td{/*----------------about*/
     border-bottom:1px solid #cccccc;
	 }
p.rinen{/*----------------about*/
	 margin:20px 30px 40px 30px;
	 }
p.rinendetail{
	 margin:10px 20px;
         line-height:1.7;
}
.staffphoto{/*----------------about*/
     margin-left:10px;
	 float:left;
	 width:250px;
	 }
img.beveled{/*----------------about*/
     outline: 1px solid #ddd;
     border-top: 1px solid #fff;
     padding: 7px;
     background: #f5f5f5;
     margin:0 auto;
     }
.staffdeta{/*----------------about*/
     float:left;
	 margin-left:20px;
	 margin-right:10px;
	 width:400px;
	 }
.staffdeta h6{/*----------------about*/
     font-weight:normal;
	 border-top:2px solid #adff2f;
	 border-bottom:1px dotted #adff2f;
	 padding:5px;
	 margin-top:0px;
	 margin-bottom:10px;
	 }
.profgrid{/*----------------about prof*/
     width:670px;
	 }
.profgrid ul{/*----------------about prof*/
     list-style:none;
	 margin:0;
	 margin-top:30px;
	 margin-left:10px;
	 padding:0;
	 }
.profgrid ul li{/*----------------about prof*/
     float:left;
     margin-left:10px;
	 margin-bottom:10px;
	 }
#main p.fukudai{/*----------------about pay-gakuwari-hayawari*/
     font-size:1.4em; font-weight:bold; padding-left:30px; padding-bottom:-5px;
	 }
ul.migigazo{
     float:right;
	 margin:0;
	 padding:0;
	 margin:0px 10px 10px 10px;
	 list-style:none;
	 }
ul.migigazo li{ margin-bottom:10px;}
.sonomama{/*----------------info-beach 画像の下に回り込まない*/
    overflow:hidden;
	zoom:1;
	}
dl.imlef{/*----------------info-beach 画像の下に回り込まない…の左側の定義リスト*/
    width:350px;
	margin:0;
	margin-left:10px;
	margin-top:10px;
	font-size:1.3em;
    overflow:hidden;
	zoom:1;
	}
dl.imlef dt{/*----------------info-beach 画像の下に回り込まない…の左側の定義リスト*/
	width: 20em;
	padding:5px;
	padding-left:1em;
	padding-bottom:0;
   }
dl.imlef dd{/*----------------info-beach 画像の下に回り込まない…の左側の定義リスト*/
	_height: 1%; /* WinIEで頭の文字が右に微妙にずれるのを補正 */
	width:100%;
	margin:0;
	padding:5px;
	padding-top:0;
	padding-left:5em;
	border-bottom:1px #f5f5f5 solid;
	background:url(img/listyakaku.png) left center no-repeat;
	background-position:4em 30%;
	}
dl.imlef dd.onlydd{/*----------------info-beach 画像の下に回り込まない…の左側の定義リスト*/
	_height: 1%; /* WinIEで頭の文字が右に微妙にずれるのを補正 */
	width:100%;
	margin:0;
	padding:5px;
	padding-left:20px;
	border-bottom:1px #f5f5f5 solid;
	background:url(img/listyakaku.png) left center no-repeat;
	background-position:5px 50%;
	}
	
dl.bmalay{/*-------------------info-conv マレー語*/
    width:670px;
	margin:0;
	padding:0;
	margin-left:10px;
	}
dl.bmalay dt{/*-------------------info-conv マレー語*/
    width:11em;
	float:left;
	font-size:1.6em;
	font-weight:bold;
	padding:10px;
	}	
dl.bmalay dd{/*-------------------info-conv マレー語*/
	_height: 1%; /* WinIEで頭の文字が右に微妙にずれるのを補正 */
    margin:0;
    padding:10px;
    padding-left:11em;
	border-bottom:1px dashed #696969;
	font-size:1.6em;
	font-weight:bold;
	}
dl.bmalay dd span{/*-------------------info-conv マレー語*/
    font-size:0.7em;
	font-weight:normal;
	margin-left:3em;
	}
	
	
ul.todv{
     margin-top:3px;
	 margin-bottom:0px;
	 padding:0;
	 }
li.ryose{    /*リストの先頭を揃えて右寄せ*/
     text-align:left;
	 margin-left:420px;
	 margin-top:0px;
	 margin-bottom:0px;
	 padding:2px 0px;
	 list-style:url(img/top-listft.png);
	 list-style-position:inside;
	 }
.ryose a:link{ text-decoration:none;}
.ryose a:hover{text-decoration:underline;}
.migyose{    /*リストの後ろを揃えて右寄せ*/
     text-align:right;
	 margin-right:30px;
	 margin-top:5px;
	 margin-bottom:5px; 
	 list-style:url(img/top-listft.png);
	 list-style-position:inside;
	 }
.migyose a:link{text-decoration:none; padding:5px 3px 5px 8px;}
.migyose a:hover{text-decoration: underline;}
.hoge{
	 margin-top:10px;
	 margin-bottom:20px;
	 padding-bottom:20px;
     }
.menu{
	 margin-top:30px;
	 margin-bottom:30px;
	 border-bottom:1px dotted #CCCCCC;
	 padding-bottom:20px;
     }
	 
.menulast{
	 margin-top:20px;
	 margin-bottom:30px;
	 padding-bottom:50px;
     }
img.waku{
     outline: 1px solid #ddd;
     border-left: 2px solid #999999;
	 border-bottom: 2px solid #CCCCCC;
	 background-color:#F6F6F6;
	 padding: 15px;
	 float:left;
	 display:inline;
     }
.menu-r{
     float:left;
	 display:inline;
	 margin-left:10px;
	 width:435px;
	 }
.menu-l{
     float:left;
	 display:inline;
	 margin-left:20px;
	 width:440px;
	 }
.menu-r h4{
     margin:0px;
	 padding-left:10px;
	 padding-top:5px;
	 padding-bottom:5px;
	 border-left:8px solid #adff2f;
	 }
.menu-l h4{
     margin:0px;
	 padding-left:5px;
	 padding-top:-15px;
	 padding-bottom:20px;
	 border:none;
	 color:#556b2f;
	 font-size:1.7em;
	 }
.menu-r p{
	 margin:10px;
	 }
.menu-l p{
	 margin:10px;
	 padding-right:20px;
	 }
.menu-r p.ryokin{
     text-align:center;
	 color:#556b2f;
	 font-weight:bold;
	 margin-top:-15px;
     }
.menuinfo{/*-------------------info--div全体をリンクに*/
     width:670px;
	 border-bottom: 1px dashed #cccccc;
	 padding:10px;
	 padding-top:15px;
	 padding-bottom:15px;
	 margin:0px 10px;
     }
.menuinfo:hover{/*-------------------info*/
     background-color:#f5f5f5;
	 cursor:pointer;
	 }
th.haikeig{
     background-color:#F6F6F6;
	 font-size:1.35em;
	 text-align:center;
	 }	 
.gaiyou50{
     float:left;
	 margin:10px;
	 width:325px;
     }
.gaiyou50:hover{/*-------------------info--div全体をリンクに*/
     background-color:#f5f5f5;
	 cursor:pointer;
	 }
h4.gaiy{
	 border-left:none;
	 border-bottom:3px solid #CCCCCC;
	 margin-bottom:0px;
	 margin-top:5px;
	 margin-left:0px;
	 color:#000000;
     }
h4.gaiy a:link{
     display:block;
	 margin:0;
	 padding-left:20px;
	 color:#000000;
	 background-image:url(img/dv-listm-d.png);
	 background-position:left center;
	 background-repeat:no-repeat;
     }
h4.gaiy a:hover{
	 background-image:url(img/dv-listm-dd.png);
	 background-position:left center;
	 background-repeat:no-repeat;
	 margin-bottom:0px;
     }
.gaiyou50 table {width:310px;}
.gaiyou50 tr td{
     font-size:1.3em;
	 }


h4.kakulist{
     background:url(img/dv-listm-d.png) center left no-repeat;
	 margin-left:10px;
	 margin-bottom:0px;
	 padding:5px;
	 padding-left:20px;
     }
h4.kiyaku{
     border:none;
	 border-left:3px solid #adff2f;
	 padding:5px;
	 padding-left:10px;
	 margin-left:10px;
	 margin-top:15px;
     }
h4.mendai{/*------------------------------------------------------info-food-noodle*/
	 padding:10px;
	 margin:5px 10px;
	 background-image:url(img/bg-info.png);
     }
img.menleft{/*------------------------------------------------------info-food-noodle*/
     float:left;
	 margin-left:10px;
	 margin-top:10px;
	 }
dl.mendet{/*------------------------------------------------------info-food-noodle*/
     margin:5px 10px;
	 margin-bottom:20px;
	 font-size:1.4em;
	 width:440px;
	 float:right;
      }
dl.mendet dt{/*------------------------------------------------------info-food-noodle*/
     clear:both;
	 float:left;
	 width:7em;
	 padding:10px;
	 color:#000000;
	 }
dl.mendet dd{/*------------------------------------------------------info-food-noodle*/
     padding:10px;
	 padding-left:7em;
	 margin-left:0px;
	 border-bottom:1px solid #cccccc;
	 }
dl.mendet dd.optional{padding-left:10px;}

dl.tehco{/*------------------------------------------------------info-syoku-tegc*/
     margin:0px 20px;
	 margin-bottom:10px;
	 font-size:1.2em;
	 width:600px;
      }
dl.tehco dt{/*------------------------------------------------------info-syoku-tegc*/
     clear:both;
	 float:left;
	 width:260px;
	 padding:5px;
	 color:#000000;
	 }
dl.tehco dd{/*------------------------------------------------------info-syoku-tegc*/
     padding:5px;
	 padding-top:15px;
	 padding-left:260px;
	 margin-left:0px;
	 border-bottom:1px solid #cccccc;
	 }
dl.tehco dd:after {/*------------------------------------------------------info-syoku-tegc dtが高い場合*/
  content : '';
  display : block;
  clear : both;
}

.attent{
     border:1px solid #CCCCCC;
	 margin:30px 10px;
	 }
h5.chui{
	 border-bottom:1px dashed #CCCCCC;
	 background-color:#ffe4b5;
	 padding:5px;
	 margin:0px;
	 color:#000000;
	 }
p.chuui{
     padding:10px;
	 }
ul.det{
	 margin:15px 0px;
	 list-style:none;
	 width:440px;
	 padding:0;
	 }
ul.det li.dett{
     background-color:#E4E4E4;
	 color:#000000;
	 padding:5px;
	 margin-right:5px;
	 margin-bottom:5px;
	 float:left;
     }

.coralf {margin:0 auto; margin-bottom:50px; width:660px;}/*------------------------------------------------------sn-opi*/


li.yoyaku{
	 list-style:none;
	 float:right;
	 text-align:center;
     }
li.yoyaku a:link{
     display:block;
	 padding:5px 40px;
     background-color:#adff2f;
	 color:#556b2f;
	 }
li.yoyaku a:hover{
     background-color:#556b2f;
	 color:#FFFFFF;
	 display:block;
	 }
li.yoyaku a:visited{
     background-color:#adff2f;
	 color:#000000;
	 }
.ratewaku{
     margin:0 auto;
	 margin-bottom:10px;
	 border-collapse:collapse;
	 border:1px #EEEEEE solid;
	 }
.ratewaku a:link{
     color:#556b2f;
	 }
.ratewaku a:hover{
     text-decoration:underline;
	 }
.ratewaku tr.wakuue{
     padding:5px auto;
	 margin-bottom:5px;
	 font-size:1.3em;
     }
.ratewaku tr.wakuue th{
     background-color: #EEEEEE;
	 color:#696969;
	 text-align:center;
	 border:1px #FFFFFF solid;
	 border-bottom:solid 3px #696969;
	 border-right:none;
	 padding:3px;
	 height:45px;
	 }
.ratewaku tr th{
	 color:#556b2f;
	 text-align:left;
	 font-weight:normal;
	 padding:10px;
	 padding-left:20px;
	 border:1px #EEEEEE solid;
	 font-size:1.3em;
	 }
.ratewaku tr td{
     text-align:right;
	 padding:2px;
	 padding-right:5px;
	 border:1px #EEEEEE solid;
	 font-size:1.3em;
	 }
.ratewaku tr td.text{
     text-align:left;
	 padding:12px;
	 margin-left:10px;
	 color:#696969;
	 border:1px #EEEEEE solid;
	 font-size:1.3em;
	 }
.ratewaku tr td.textnob{
     text-align:left;
	 padding:12px;
	 padding-bottom:0;
	 margin-left:10px;
	 color:#696969;
	 border:none;
	 font-size:1.3em;
     }
.ratewaku tr th.a{ background:url(img/spa/co-a.png) left center no-repeat; padding-left:35px;}/*---------------spa-rateコース*/
.ratewaku tr th.b{ background:url(img/spa/co-b.png) left center no-repeat; padding-left:35px;}
.ratewaku tr th.c{ background:url(img/spa/co-c.png) left center no-repeat; padding-left:35px;}
.ratewaku tr th.d{ background:url(img/spa/co-d.png) left center no-repeat; padding-left:35px;}
.ratewaku tr th.e{ background:url(img/spa/co-e.png) left center no-repeat; padding-left:35px;}
.ratewaku tr th.f{ background:url(img/spa/co-f.png) left center no-repeat; padding-left:35px;}
.ratewaku tr th.g{ background:url(img/spa/co-g.png) left center no-repeat; padding-left:35px;}
.ratewaku tr th.h{ background:url(img/spa/co-h.png) left center no-repeat; padding-left:35px;}
.ratewaku tr th.i{ background:url(img/spa/co-i.png) left center no-repeat; padding-left:35px;}
.ratewaku tr th.j{ background:url(img/spa/co-j.png) left center no-repeat; padding-left:35px;}/*---------------spa-rateコース終わり*/


table.kinabalublank{
         margin:0 auto;
	 margin-bottom:10px;
	 border-collapse:collapse;
	 border:1px #EEEEEE solid;
         font-size:1.3em;
}
table.kinabalublank tr th {background-color: #EEEEEE; border:1px solid #eee; padding:10px; vertical-align:top; font-weight:normal;}
table.kinabalublank tr td {padding:10px; vertical-align:top;} 

ol.nagare li{/*-----------------------------spa-nagare*/
     font-size:4em;
	 font-style:italic;
	 font-weight:bolder;
	 color:#CCCCCC;
	 margin-left:20px;
	 psdding-bottom:20px;
	 clear:both;
	 }
ol.nagare li dl{/*-----------------------------spa-nagare*/
     font-size:40%;
	 list-style:none;
	 width:600px;
	 color:#696969;
	 padding-left:15px;
	 }
ol.nagare li dl dt{/*-----------------------------spa-nagare*/
	 font-weight:normal;
	 }
ol.nagare li dl dd{/*-----------------------------spa-nagare*/
     font-weight:normal;
	 }
ol.nagare li dl dd img{/*-----------------------------spa-nagare*/
     padding:0 10px;
	 margin-bottom:5px;
	 }
* html ol.nagare li dl { /*for IE6 */
  display: inline;
}
*:first-child+html ol.nagare li dl { /*for IE7 */
  display: inline;
}
	 
.ratebikou{
     list-style:none;
	 margin-left:30px;
	 margin-top:20px;
	 padding:0;
     }
.ratebikou li{
     padding-left:20px;
	 font-size:1.3em;
	 background:url(img/dv-listm-d.png) left no-repeat;
	 }
.ratesonota{
     margin-left:10px;
     }
.rateesonota tr th{
     padding:2px auto;
	 margin-bottom:5px;
	 font-size:10px;
	 border-bottom:dotted 1px #696969;
     }
.rateesonota tr td{
      text-align:left;
	  font-size:12px;
	  }
.smart{
     margin-left:30px;
	 list-style:none;
	 margin-top:0;
	 }
.smart li.smt{
	 margin-bottom:5px;
	 }
.smart li.smt a:link{
     text-decoration:underline;
	 background-image:url(img/top-listm.png);
	 background-position:left;
	 background-repeat:no-repeat;
	 padding-left:20px;
	 padding:10px;
	 display:block;
	 }
.smart li.smt a:hover{
     text-decoration:none;
	 background-image:url(img/top-listft.png);
	 background-position:left;
	 background-repeat:no-repeat;
	 padding-left:20px;
	 padding:10px;
	 display:block;
	 }
/*===予約list====*/
.yoyakulis{
	 margin-top:30px;
	 margin-bottom:50px;
	 padding:20px;
	 height:140px;
	 text-align:center;
	 }
.yoyakulis ul{
     list-style:none;
	 margin:0 auto;
	 }
	 
li.reserv{float:left;}	 
li.reserv a{ margin:0px 40px; display:block; background:url(img/otoiawase-yoyaku-sitahover.png) no-repeat 0px 0px;}
li.reserv a:hover img{opacity: 0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0);  -moz-opacity: 0;}
li.toiawa{float:left;}
li.toiawa a{ margin:0px 40px; display:block; background:url(img/otoiawase-toiawa-sitahover.png) no-repeat 0px 0px;}
li.toiawa a:hover img{opacity: 0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0);  -moz-opacity: 0;}


/*===予約listここまで====*/
h6.poi, h4.poi{
     background:url(img/top-point.png) no-repeat left;
	 padding-left:40px;
	 margin-top:10px;
	 font-size:1.4em;
	 color:#696969;
	 height:23px;
	 line-height:23px;
	 margin-bottom:5px;
	 }
p.poin{
	 padding-left:0px;
	 }
ul.ryoukin{
	 list-style:none;
	 width:570px;
	 margin:0;
	 margin-bottom:15px;
     font-size:32px;
	 }
ul.ryoukin li{
	 text-align:center;
	 display:inline;
	 margin:0px 30px;
	 }
ul.ryoukin_haya{
	 list-style:none;
	 width:570px;
	 margin:0;
	 margin-bottom:20px;
     font-size:32px;
	 }
ul.ryoukin_haya li{
	 text-align:center;
	 display:inline;
	 margin:0px 30px;
	 color:#000000;
	 }
dl.incl{
     float:left;
	 width:300px;
	 padding:0;
	 margin:0;
	 margin-left:30px;
	 border-bottom:dotted 1px #696969;
	 }
dl.incl dt{
     margin:0;
     padding:5px;
	 padding-left:10px;
	 border-bottom:dotted 1px #696969;
	 border-top:3px solid #696969;
	 background-color:#f5f5f5;
	 font-size:1.3em;
	 font-weight:bold;
     }
dl.incl dd{
     margin:0;
     padding:7px 10px;
	 font-size:1.3em;
	 line-height:1.6;
     }
dl.incl dd span{
	 font-size:0.9em;
     }

table.itinerary{
	 margin-left:8px;
	 font-size:1.3em;
	 }
table.itinerary tr th{
     background-color:#f5f5f5;
	 color:#696969;
	 height:35px;
	 width:150px;
	 font-weight:100;
	 line-height:35px;
	 text-align:center;
	 }
table.itinerary tr td{
     text-align:left;
	 }
/*===持ち物tooltip====*/	 
ul.motimono{
     list-style:none;
	 margin-left:5px;
	 margin-top:0px;
	 padding:0;
	 }
ul.motimono li{
     float:left;
	 margin-left:0px;
	 margin-right:3px;
	 margin-top:5px;
	 width:163px;
	 height:55px;
	 padding:3px;
	 padding-left:0;
	 border:1px solid #cccccc;
	 }
ul.motimono li img{
     float:left;
	 margin:3px;
	 }
ul.motimono li span.moti{
	 color:#000000;
	 margin-left:5px;
	 float:left;
	 line-height:55px;
	 font-size:13px;
	 }
ul.motimono li img.bi{
	 position:relative;
	 top:0px;
	 right:0px;
	 float:right;
	 }
a.tooltip:hover {
     background:#f7f7f7;
	 text-decoration:none;
	 } 
a.tooltip span{
     display:none;
	 padding:5px; 
	 margin-left:15px; 
	 margin-top:-30px;
	 font-size:1em;
	 width:190px;
	 }
a.tooltip:hover span{
     display:block; 
	 position:absolute; 
	 border:1px solid #cccccc; 
	 background:#F2F2F2;
	 color:#6c6c6c;
	 }
.box50l{
     float:left;
	 margin-right:15px;
	 padding:2px;
	 width:330px;
	 }
.box50l img{
     margin:10px 0;
	 }
.box50r{
     float:right;
	 padding:2px;
	 width:330px;
	 }
.itiner50{
	 margin-left:0px;
	 font-size:1.2em;
	 }
.itiner50 th{
     background-color:#f5f5f5;
	 height:30px;
	 width:80px;
	 font-weight:100;
	 line-height:30px;
	 text-align:center;
	 }
.itiner50 td{
     text-align:left;
	 padding-left:5px;
	 }
.itiner50 td.cdate{
     padding-left:15px;
	 border-top:3px solid #696969;
	 background-color:#f5f5f5;
	 }
img.owtarpleftimg{
     margin-left:20px;
     }
dl.owknowl50{
     margin:0;
	 padding:0;
	 border-right: #696969 1px dotted;
     border-bottom: #696969 1px dotted;
	 padding-bottom:10px;
	 }
dl.owknowl50 dt{
     clear:left;
     float:left;
	 width:5em;
     margin:0;
	 padding:0;
	 padding-top:5px;
	 border-top: #696969 1px dotted;
	 border-left:solid 3px #696969;
	 text-align:center;
	 font-size:1.1em;
	 }
dl.owknowl50 dd{
     margin:0;
	 padding:0;
     margin-left:5em;
	 padding-top:5px;
	 padding-left:25px;
	 padding-bottom:5px;
	 border-top: #696969 1px dotted;
	 font-size:1.1em;
     }
ul.owtarp{ list-style:none; margin:0; margin-left:20px; margin-right:180px; margin-bottom:15px; padding:0;}
ul.hotelt{ list-style:none; margin:0; margin-left:20px; margin-right:50px; margin-bottom:15px; padding:0;}
.owtarp1{background:url(img/dv-ow-1.png) no-repeat left; padding-left:25px; padding-top:8px; font-size:18px; color:#000; border-bottom:dotted 1px #adff2f;}
.owtarp2{background:url(img/dv-ow-2.png) no-repeat left; padding-left:25px; padding-top:8px; font-size:18px; color:#000; border-bottom:dotted 1px #adff2f;}
.owtarp3{background:url(img/dv-ow-3.png) no-repeat left; padding-left:25px; padding-top:8px; font-size:18px; color:#000; border-bottom:dotted 1px #adff2f;}
.owtarp4{background:url(img/dv-ow-4.png) no-repeat left; padding-left:25px; padding-top:8px; font-size:18px; color:#000; border-bottom:dotted 1px #adff2f;}
.owtarp5{background:url(img/dv-ow-5.png) no-repeat left; padding-left:25px; padding-top:8px; font-size:18px; color:#000; border-bottom:dotted 1px #adff2f;}
.owtarp6{background:url(img/dv-ow-6.png) no-repeat left; padding-left:25px; padding-top:8px; font-size:18px; color:#000; border-bottom:dotted 1px #adff2f;}
.normal{padding-left:20px; padding-top:8px; border-bottom:dotted 1px #adff2f; list-style:none;}
.normal span{float:right; padding-right:20px;}
.normal a{display:block;}
.sabnav{
     border-top:5px solid #696969;
	 border-bottom:1px solid #CCCCCC;
	 margin-top:20px;
	 margin-bottom:30px;
	 padding-bottom:40px;
	 }
.sabnav h5{
     padding:7px;
	 padding-left:10px;
	 margin-top:0px;
	 border-bottom:1px dotted #CCCCCC;
	 background-color:#f5f5f5;
	 }
ul.sabunder{
     list-style:none;
	 margin:0;
	 padding:0;
	 padding-left:20px;
	 padding-right:20px;
	 }
ul.sabunder li{
     background-image:url(img/top-listm.png);
	 background-position:left;
     background-repeat:no-repeat;
	 padding-left:15px;
	 float:left;
	 margin-right:30px;
	 margin-bottom:20px;
	 text-decoration:none;
	 color:#000000;
	  }
ul.sabunder li a:link{text-decoration:underline;}
ul.sabunder li a:hover{text-decoration:none;}

ul.skills{
     list-style:none;
	 padding:0;
	 margin-left:30px;
	 margin-bottom:30px;
	 }
ul.skills li{
     border-bottom:1px dashed #696969;
	 font-size:1.3em;
	 width:70%;
	 }
ul.skills li a:link{
	 padding:10px;
	 padding-left:25px;
	 display:block;
	 }
ul.skills li a:hover{
     background-color:#f5f5f5;
	 color:#000000;
	 }
ul.skills li.syoku{
     border-bottom:1px dashed #696969;
	 font-size:1.3em;
	 width:90%;
	 }
ul.skills li.syoku a:link{
	 padding:10px;
	 display:block;
	 }
ul.skills li.syoku a:hover{
     background-color:#f5f5f5;
	 color:#000000;
	 }
ul.sntips{
     list-style:none;
	 padding:0;
	 margin:20px;
	 }
ul.sntips li{
     border-bottom:1px dashed #696969;
	 font-size:1.3em;
	 width:100%;
	 }
ul.sntips li a:link{
	 padding:10px;
	 padding-left:45px;
	 display:block;
	 background-image:url(img/tours/tips/tips.png); background-repeat:no-repeat; background-position:left center;
	 }
ul.sntips li a:hover{
     background-color:#f5f5f5;
	 color:#000000;
	 }
	 
ul.doc3type{
     list-style:none;
	 margin:0 auto;
	 margin-bottom:30px;
     }
ul.doc3type li{
     border:1px solid #696969;
	 float:left;
	 text-align:center;
	 padding:0;
	 width:200px;
	 margin-right:10px;
	 }
ul.doc3type li a:link{
     padding:10px 20px;
	 display:block;
	 }
ul.doc3type li a:hover{ color:#adff2f;}
.boxdoc_l{
     float:left;
	 width:230px;
	 margin-left:15px;
	 margin-right:20px;
	 margin-bottom:30px;
	 }
.boxdoc_r{
     float:right;
	 width:400px;
	 margin-right:20px;
	 }
ol.docm{
     font-size:1.4em;
	 font-weight:bold;
	 line-height:1.6em;
	 margin:0;
	 }
ul.syoukaigrid{/*----------------about*/
	 width:675px;
	 list-style:none;
	 padding:0;
	 margin-left:10px;
	 }
ul.syoukaigrid li.grid{/*----------------about*/
     float: left;
     display: inline;
	 margin:0;
	 margin:5px;
	 padding:10px;
	 width:305px;
	 float:left;
	 background-color:#f5f5f5;
	 overflow:auto;
	 }
li.grid img{/*----------------about*/
	 border:1px solid #fffff;
	 }

ul.infomenu{/*----------------info*/
     list-style:none;
	 width:650px;
	 padding:0;
	 margin-left:20px;
	 }
ul.infomenu li{/*-------------------info*/
	 font-size:13px;
     float:left;
     display:inline;
     margin-right:2px;
	 margin-bottom:2px;
     white-space:nowrap;
	 text-align:center;
	 }
ul.infomenu li a:link{/*-------------------info*/
     border:1px solid #696969;
	 background:url(img/bg-info.png);
	 color:#696969;
     width:90px;
	 display:block;
	 padding:5px;
	 }
ul.infomenu li a:visited{/*-------------------info*/
     border:1px solid #696969;
	 }
ul.infomenu li a:hover, li.thisp{/*-------------------info*/
     border:1px solid #696969;
	 background-color:#696969;
	 color:#f5f5f5;
	 }

.grid3{/*----------------info-buy*/
	 width:680px;
	 list-style:none;
	 margin:0;
	 margin-bottom:30px;
	 }
.grid3 .gridbuy{/*----------------info-buy*/
     float: left;
     display: inline;
	 width:196px;
	 overflow:auto;
	 text-align:center;
	 font-size:1.3em;
	 background-color:#ffffff;
	 padding:10px;
	 margin:5px;
	 }
.grid3 .gridbuy:hover{/*----------------info-buy*/
	 background-color:#999999;
	 color:#ffffff;
	 cursor:pointer;
	 display:block;
	 }
.grid3 .gridbuy a:link{/*----------------info-buy*/
	 color:#000000;
	 }
.gridbuy span{/*----------------info-buy*/
     font-size:smaller;
	 display:block;
	 margin:0 auto;
	 }
.gridbuy img{/*----------------info-buy*/
	 display:block;
	 margin:0 auto;
	 margin-bottom:5px;
	 border:1px solid #ffffff;
	 }
.entrywaku{/*----------------info-buy 各々ページ下詳細*/
     padding:10px;
	 margin:20px;
     background: #f5f5f5;
     border: 1px solid #ccc;
     /* IE以外なら丸角も！ */
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
	 width:450px;
	 }
.entrywaku h3{/*----------------info-buy 各々ページ下詳細*/
	 padding-left:5px;
	 margin:0;
	 font-size:1.4em;
	 }
.entrywaku h5{/*-------------------------------------------------------------------------------------※後で消す!!!!!!!!!!!!!!!!!!!!!*/
	 padding-left:5px;
	 margin:0;
	 }
.entrywaku p{/*----------------info-buy 各々ページ下詳細*/
     padding:5px 0px;
	 margin:0;
	 }
.entrywaku dl.nokoto {/*----------------info-buy 各々ページ下詳細*/
     padding:5px 0px;
	 margin:0;
	 margin-left:10px;
	 font-size:1.3em;
}
.entrywaku dl.nokoto a:link{/*----------------info-buy 各々ページ下詳細*/
     text-decoration:underline;
	 color:#000000;
	 }
.entrywaku dl.nokoto dt{/*----------------info-buy 各々ページ下詳細*/
	float: left;
	width: 6em;
}
.entrywaku dl.nokoto dd{/*----------------info-buy 各々ページ下詳細*/
	_height: 1%; /* WinIEで頭の文字が右に微妙にずれるのを補正 */
	margin-left: 6em;
}
.entrywaku dl.nokoto2 {/*----------------info-buy 各々ページ下詳細*/
     padding:5px 0px;
	 margin:0;
	 margin-left:10px;
	 font-size:1.3em;
}
.entrywaku dl.nokoto2 a:link{/*----------------info-buy 各々ページ下詳細*/
     text-decoration:underline;
	 color:#000000;
	 }
.entrywaku dl.nokoto2 dt{/*----------------info-buy 各々ページ下詳細*/
	float: left;
	width: 16em;
}
.entrywaku dl.nokoto2 dd{/*----------------info-buy 各々ページ下詳細*/
	_height: 1%; /* WinIEで頭の文字が右に微妙にずれるのを補正 */
	margin-left: 16em;
}

table.busjikoku {
       width:160px;
       text-align:center;
       float:left; 
       margin-right:20px;
}

#piechart_3d, #piechart_3d_my {width:680px; height:300px;}
	 
/*SMARTのデザイン　ここから*/
#main h2.smdv{
     font-size:1.6em;
	 margin-left:20px;
	 border:none;
     }
ul.smdvimg3{
     list-style:none;
	 padding:0;
	 margin:10px auto;
     }
li.sipadan{float:left;}	 
li.sipadan a{ margin-right:1px; display:block; background:url(img/smart/dvsmart_ging2.png) no-repeat 0px 0px;}
li.sipadan a:hover img{opacity: 0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0);  -moz-opacity: 0;}
li.sisetu{float:left;}	 
li.sisetu a{ margin-right:1px; display:block; background:url(img/smart/dvsmart_faci2.png) no-repeat 0px 0px;}
li.sisetu a:hover img{opacity: 0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0);  -moz-opacity: 0;}
li.mabul{float:left;}	 
li.mabul a{ margin-right:1px; display:block; background:url(img/smart/dvsmart_mac2.png) no-repeat 0px 0px;}
li.mabul a:hover img{opacity: 0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0);  -moz-opacity: 0;}

ul.smfacilit{
     margin:10px 0px;
	 padding:0;
	 list-style:none;
	 text-align:center;
	 
	 }
ul.smfacilit li{
     float:left;
	 margin-right:20px;
	 }
ul.smfacilit li span{
     font-size:13px;;
	 text-align:center;
	 }
ul.smrateimg3{
     margin:0 auto;
	 margin-left:10px;
	 padding:0;
	 list-style:none;
	 }
ul.smrateimg3 li{
     float:left;
	 margin-right:12px;
	 }
table.smfac tr th{
     width:70px;
	 font-size:1.3em;
	 font-weight:normal;
	 background-color:#f5f5f5;
	 text-align:center;
     }
table.smfac tr td{
     font-size:1.3em;
     }
h3.smartstay{
	 background-image:url(img/dv-listm-d.png);
	 background-position:left center;
	 background-repeat:no-repeat;
	 margin-top:5px;
	 margin-bottom:5px;
	 padding-top:0px;
	 padding-left:30px;
     } 
h5.smartstaychui{
	 border-bottom:1px dashed #CCCCCC;
	 padding:5px;
	 margin:0px;
	 color:#000000;
     }
.smartstaybihin{
     font-size:1.3em;
	 margin:0 auto;
     }
.smartattent{
     border:1px solid #CCCCCC;
	 margin:20px 10px;
	 background-color:#ffffff;
	 }
.smartryoukin{
     border:1px solid #f5f5f5;
	 padding:5px;
	 margin-bottom:20px;
	 background-image:url(img/smart/rate-bgimg.png);
	 }
.ratewaku tr.wakuuesmart th{
     background-color: #EEEEEE;
	 color:#696969;
	 text-align:center;
	 border:1px #FFFFFF solid;
	 border-bottom:solid 3px #696969;
	 border-right:none;
	 padding:3px;
	 }
.ratewaku tr td{
     background-color:#ffffff;
	 }
.ratewaku tr td.dandn{
     text-align:left;
	 padding:5px;
	 color:#696969;
	 border:1px #EEEEEE solid;
	 font-size:1.3em;
	 }
.ratewaku_incle tr.wakuuesmart_incle th{
     background-color: #EEEEEE;
	 color:#696969;
	 text-align:left;
	 border:1px #FFFFFF solid;
	 border-top:solid 3px #696969;
	 border-right:none;
	 padding:3px;
	 font-size:1.4em
	 }
.ratewaku_incle tr td{
     background-color:#ffffff;
	 padding:0;
	 font-size:1.3em;
	 }
h6.pointimg, h4.pointimg{
     background:url(img/smart/pointimg.png) no-repeat left;
	 padding-left:40px;
	 margin-top:10px;
	 font-size:1.4em;
	 color:#696969;
	 height:23px;
	 line-height:23px;
	 margin-bottom:5px;
	 }
dl.dvrule {
     border-bottom:1px solid #f5f5f5;
	 width:660px;
	 margin-left:10px;
	 }
dl.dvrule dt{
     float:left;
	 width:12em;
	 border-top:1px solid #f5f5f5;
	 padding-top:10px;
	 padding-bottom:0;
	 padding-right:0;
	 font-size:1.3em;
	 display:block;
	 }
dl.dvrule dd{
     margin-left:12em;
	 padding-left:20px;
	 padding-top:10px;
	 padding-bottom:10px;
	 padding-right:10px;
	 border-top:1px solid #f5f5f5;
	 font-size:1.3em;
	 display:block;
	}
dl.dvrule dt.senno{
     float:left;
	 width:12em;
	 border-top:none;
	 padding-top:10px;
	 padding-bottom:0;
	 padding-right:0;
	 font-size:1.3em;
	 display:block;
	 }
dl.dvrule dd.sennasi{
     margin-left:12em;
	 padding-left:20px;
	 padding-top:10px;
	 padding-bottom:10px;
	 padding-right:10px;
	 border-top:none;
	 font-size:1.3em;
	 display:block;
	}
/*折りたたみ（Ｑ＆Ａ）*/
.hide .target        { display:none;}
.hide .target {
  _display:block;/***IE6用ハック　A（答え）を閉じない***/
  *display:block;/***IE7用ハック　A（答え）を閉じない***/
}

      .trigger       { color:#069 ; cursor:pointer; background:url(img/qanda_q.png) no-repeat left center; font-size:1.7em;  padding:0; padding-left:30px; margin-left:10px; min-height:16px;}
      .trigger:hover { color:#696969; }
      .trigger:after { content:url(img/qanda_hide.png) ; padding-left:0.3em; color:#696969; }
.hide .trigger:after { content:url(img/qanda_show.png); }
.kotae{ margin:0; margin-left:50px; margin-right:50px; display:block;}
.kotaeimg{ margin:0; margin-left:30px;}
.kotaehr{ margin:0; margin-left:30px; margin-right:50px; color:#f5f5f5; border:none; height:1px; border-top:#f5f5f5 solid 1px;}

 /*(info_sightseen) (info_food/rest-all)（diving-smartdivepac）*/
      .trigg       { color:#069 ; cursor:pointer; font-size:1.7em;  padding:5px; padding-left:55px; margin:10px 10px 5px 10px; min-height:1.7em;}
	   p.trigg     {border-bottom:1px solid #696969; padding:8px; margin-right:10px; text-align:right;}
	  .trigg span  { font-size:0.8em; font-weight:normal;}
      .trigg:hover { color:#696969; }
      .trigg:after { content:url(img/qanda_hide.png) ; padding-left:0.3em; color:#696969; }
.hide .trigg:after { content:url(img/qanda_show.png); }
.infdai{ margin-left:20px; margin-bottom:10px;}
.infdai span{font-weight:normal; font-size:0.75em; padding-left:10px;}
.infdai span.enkou {font-weight:normal; font-size:0.7em; margin-left:15px; margin-top:-10px; padding:3px 10px; background-color:#6495ed; color:#fff;}
.infdai span.yuhi {font-weight:normal; font-size:0.70em; margin-left:15px; margin-top:-10px; padding:3px 10px; background-color:#ffd700; color:#fff;}
.setume{ width:430px; float:left; margin:0px 20px 10px 20px; padding-left:20px; display:block; font-size:0.8em;}
.setume span{ margin-right:10px; float:right; margin-top:5px;}
.setumeiimg{ width:170px; margin:0;}
ul.nakalist{ width:430px; float:left; padding:0; list-style:none; margin:0px 20px 10px 20px; font-size:0.8em;}
ul.nakalist li a:link,a:visited{ padding:5px 20px; border-bottom:1px dashed #adff2f; display:block;}
ul.nakalist li a:hover{ background-color:#f5f5f5; color:#000000;}
 /*info ここまで*/
.show{ padding-bottom:20px;}

h3.qadai{
	 background-image:url(img/dv-listm-d.png);
	 background-position:left center;
	 background-repeat:no-repeat;
	 margin-top:20px;
	 margin-left:5px;
	 margin-bottom:5px;
	 padding-top:0px;
	 padding-left:20px;
     }
.infonai1{
     width:650px;
     border-bottom:dotted 1px #cccccc;
	 padding-top:10px;
	 padding-bottom:10px;
	 margin:0px 20px;
	 }
.infonai{/*-------------------div全体をリンクinfo*/
     width:650px;
     border-bottom:dotted 1px #cccccc;
	 padding-top:10px;
	 padding-bottom:10px;
	 margin:0px 20px;
	 }
.infonai:hover{background-color:#f5f5f5; cursor:pointer;}/*-------------------div全体をリンクinfo*/
.qahr{
     margin:0;
	 margin-top:10px;
	 margin-bottom:0px;
	 border:none;
	 border-top:1px dotted #696969;
	 height:1px;
	 color:#ffffff;
	 }

/*SMARTのデザイン　ここまで*/

/*----------------------------フォトギャラリー@info----------------------------------*/
.phtgally {
	width:650px;
	background:#ffffff;
	margin:20px auto;
	padding:10px;
}
.phtgally p {
	height: auto;
}
.phtgally ul {
	display:block;
	overflow:hidden;
	margin:0 auto;
	margin-top:10px;
	margin-right:-10px;
	clear:both;
}
.phtgally li {
	display:block;
	float:left;
	background:#fff;
	margin-right:5px;
	margin-bottom:5px;
	border:5px solid #f5f5f5;
}
.phtgally li img {
	cursor:pointer;
}
/*----------------------------フォトギャラリー終わり@info----------------------------------*/

/*----------------------------画像の上に文字@info-season----------------------------------*/
div.pbox_season{
     width:600px;
	 height:325px;
	 margin-left:30px;
	 margin-bottom:10px;
	 background: url(img/info/sozai/season_photobox.png) no-repeat;
	 position:relative;
	 }
.pbox_season .nakap{
      width:470px;
	  position:absolute; 
	  top:30px;
	  left:20px;
	  color:#ffffff;
	  }


/*------------------つぎのページへ@info---------------------*/
.nextp{
    margin:30px auto;
	width:50%;
	float:left;
	}
.nextp a:link{
    text-decoration:none;
	display:block;
	padding:10px;
	}
.nextp a:hover {
    background-color:#f5f5f5;
	}
.nextp img{
    padding-bottom:10px;
	}
.nextp .lefnex{
    clear:left;
    width:15em;
	float:right;
	text-align:right;
	display:block;
	}
.nextp .righnex{
    clear:both;
	width:15em;
	float:left;
	display:block;
	}
/*------------------つぎのページへ@info 終わり---------------------*/

/*------------------各詳細ページへ　h2下　@info---------------------*/
.guidepost{
    width:670px;
	height:182px;
	padding:10px;
	background-color:#adff2f;
	background:repeat url(img/bg-info.png);
	}
.guidepost ul{
    margin:0;
	margin-left:10px;
	padding:0;
	list-style:none;
	}
.guidepost ul li{
    float:left;
	display:block;
	width:140px;
	height:160px;
	margin:5px 10px;
	text-align:center;
	}
.guidepost ul li a:link{
    display:block;
	width:140px;
	height:160px;
	border:1px #ffffff solid;
	background-color:#ffffff;
	}
.guidepost ul li a:visited{
	border:1px #ffffff solid;
	background-color:#ffffff;
	}
.guidepost ul li a:hover{
    border:none;
    display:block;
	border:none;
    border:1px #cccccc solid;
	}
/*------------------各詳細ページへ　h2下　@info　終わり---------------------*/
/*------------------マーケット一覧など　@info---------------------*/
.postmenu{
    padding:20px;
	padding-bottom:10px;
    width:650px;
    margin-bottom:0px;
	overflow:hidden;
}
.postmenu:hover{background-color:#f5f5f5; cursor:pointer;}/*--------div全体をリンク*/
.postmenu h4{
    width:425px;
	float:left;
	margin:0;
	padding-bottom:10px;
	padding-left:5px;
}
.postmenu p{
    display:block;
	width:415px;
	padding-right:0px;
	}
.postmenu img{
    width: 170px;
	height:120px;
    float: right;
    background:#fff;
	margin-top:10px;
    margin-left:15px;
	margin-bottom:20px;
}
.kugirihr{
     margin:0;
	 border:none;
	 border-top:1px dotted #696969;
	 height:1px;
	 color:#ffffff;
	 }

/*------------------マーケット一覧など　@info　終わり---------------------*/

h4.share{
     font-weight:normal;
	 border-left:2px solid #adff2f;
	 padding:5px 10px;
	 }

/*------------------予約の流れ---------------------*/
.flownagare{
    float:left;
	margin-right:15px;
	position:relative;
   }
.textinn{
	background-color:#f9f9f9; 
	width:80px; 
	height:180px;
   }
.textinn p{
	text-align:center;
	padding-top:10%;
	} 
.textinn p span{
    font-size:1.4em;
	font-weight:bolder;
	}
.triangle{
    position:absolute;
    width: 0;
    height: 0;
    left: 0;
    bottom:-80px;
    border-top: 40px solid #f9f9f9;/*下向き三角*/
    border-right: 40px solid  transparent;/*左向き三角*/
    border-left: 40px solid transparent;/*右向き三角*/
    border-bottom: 40px solid transparent;/*上向き三角*/
}
.menu-rflow{
     float:right;
	 display:inline;
	 margin-left:10px;
	 width:380px;
	 }		 
.menu-rflow h4{
     margin:0px;
	 padding-left:10px;
	 padding-top:5px;
	 padding-bottom:5px;
         margin-bottom:20px;
}
.menu-rflow p{
	 margin:10px;
	 }
.nagaresita {background-color:#f9f9f9; padding:20px 20px; text-align:center; }
.nagaresita p{font-size:1.8em;}
.nagaresita p span {font-style:italic; font-size:1.6em;}

/*************会議の風景のページ****************/
#main h2.arrowtuki {
    border:none;
	position: relative;
	background:#e6e6fa;
	margin:0 auto;
	color:#4682b4;
	margin-bottom:40px;
	text-align:center;
	font-weight:lighter;
	line-height:2em;
    border-radius: 50px;		/* CSS3草案 */
	-webkit-border-radius: 50px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 50px;	/* Firefox用 */
}
#main h2.arrowtuki:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(176, 196, 222, 0);
	border-top-color: #e6e6fa;
	border-width: 20px;
	margin-left: -20px;
}
#main h2.arrowtuki span{font-size:0.7em; color:#4682b4;}
#main h3.meetingdai{ text-align:center; line-height:1.8em; padding:30px; font-weight:lighter; font-size:1.8em;}

/*=======================
フキダシデザイン 
=========================*/
.arrow_answer,
.arrow_question {
    position: relative;
    background: #fff;
    border: 1px solid #c8c8c8;
    padding: 30px 25px;
    border-radius: 10px;
    max-width: 60%;
    font-size: 1.4em;
}
.arrow_question {
    float: left;
    margin-left: 40px;
}
.arrow_answer {
    float: right;
    margin-right: 40px;
}
.arrow_answer:after,
.arrow_answer:before,
.arrow_question:after,
.arrow_question:before {
    top: 35px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.arrow_question:after,
.arrow_question:before { right: 100%; }
.arrow_answer:after,
.arrow_answer:before { left: 100%; }
.arrow_answer:after,
.arrow_question:after {
    border-color: rgba(255, 255, 255, 0);
    border-width: 15px;
    margin-top: -15px;
}
.arrow_answer:after { border-left-color: #fff ; }
.arrow_question:after { border-right-color: #fff ; }
.arrow_answer:before,
.arrow_question:before {
    border-color: rgba(200, 200, 200, 0);
    border-width: 16px;
    margin-top: -16px;
}
.arrow_answer:before { border-left-color: #c8c8c8; }
.arrow_question:before { border-right-color: #c8c8c8; }
.question_image { float: left; }
.answer_image {
    float: right;
    margin-right: 20px;
}
.answer_image img,
.question_image img { border-radius: 50px; top:50%;}
.question_Box {
    margin-bottom: 25px;
	margin-left:20px;
	margin-right:20px;
    overflow: hidden;
	clear:both;
}


/*************会議の風景のページここまで********/

/***コメント***/

.cf{border-bottom:1px solid #556b2f; display:block; width:95%; height:100%;}
.kansou p{padding:20px; padding-top:0;}
.kansou p span{color:#b3b3b3; line-height:3;}
.kansou p span img{padding-right:15px;}

.snkoe {background:url(/img/tours/sn-voice.png) no-repeat center; height:200px; margin-bottom:40px;}
.comments{
        height:200px;
        width:680px;
}
.comments ul{
        margin-top:15px;
        margin-left:80px;
        margin-right:60px;
        list-style:none;
        display:block;
}
.comments ul li {
        margin-bottom:5px;
}
.comments ul li.gure {
        color:#b3b3b3;
}

ul.pager {/*-----------------------------------送りページナビ*/
	margin: 0;
	padding: 0;
	font: 1.3em Arial, Helvetica, sans-serif;
	text-align: center;
}
ul.pager li {
	list-style: none;
	display: inline-block;
	margin: 0;
	margin-right:7px;
	padding: 0;
}
ul.pager li strong {
	display: -moz-inline-box; /* firefox2 対応 */
	display: inline-block;
	padding: 0.25em 0.4em;
	background-color: #EEEEEE;
	border: 1px #CCCCCC solid;
}
ul.pager li a {
	display: -moz-inline-box; /* firefox2 対応 */
	display: inline-block;
	padding: 0.25em 0.4em;
	border: 1px #CCCCCC solid;
}

ul.pager li a:link,
ul.pager li a:visited {
	border-color: #CCCCCC;
	color: #0033FF;
}
ul.pager li a:hover,
ul.pager li a:active {
	border-color: #003399;
	background-color: #003399;
	color: #FFFFFF;
}/*-----------------------------------------------送りページナビここまで*/

/***シュノーケリング概要ページ***/
#main h3.sndai{
        border:none;
        color:#696969;
        margin-bottom:1.5em;
        font-size:2em;
        }
.dashwaku {
        background:#f9f9f9;
        padding:20px;
        margin:10px;
        border: 2px dashed #fff;
        border-radius: 6px;		/* CSS3草案 */
	-webkit-border-radius: 6px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 6px;	/* Firefox用 */
        box-shadow:0 0 0 8px #f9f9f9, 0 5px 8px 10px #f1f1f1;		/* CSS3草案 */
	-webkit-box-shadow:0 0 0 8px #f9f9f9, 0 2px 3px 5px #696969;	/* Safari,Google Chrome用 */
	-moz-box-shadow:0 0 0 8px #f9f9f9, 0 2px 3px 5px #696969;	/* Firefox用 */
        clear:both;
        margin-bottom:50px;
        }
.naiyo { margin:0 30px;}
#main h3.ost {
        border:none;
        padding:0;
        color:#000;
        margin:10px 0;
        font-size:2em;
        font-weight:normal;
        letter-spacing:2px;
        }
#main h3.ost span.huge {
        font-size:1.2em;
        font-weight:bold;
        color:#6495ed;
        }
h4.edai{
        color:#6495ed;
        padding:0;
        padding-top:15px;
        margin-top:10px;
        margin-bottom:3px;
        border-bottom:none;
        text-align:left;
        letter-spacing:2px;
        }
#main .dashwaku .naiyo p{margin:0;}
#main .dashwaku .naiyo img{width:560px;}
#main h4.koe {
        background:url(http://www.ocean-sound.com/img/midasigazo-koe.png) no-repeat left center;
        border:none;
        line-height:60px;
        padding:5px 0px 5px 70px;
        color:#000;
        margin-bottom:0;
        font-weight:bold;
        }

/*===========================

          side

===========================*/
#side h3{ font-size:1.45em;}
#side h4{ font-size:1.45em;}
#side ul li{font-size:1.3em;}

#side{
     width:240px;
	 float:left;
	 margin-top:10px;
	 margin-left:20px;
	 margin-bottom:40px;
	 text-align:center;
	 }
#side img{
     margin-bottom:10px;
	 }
#side .entry{
     padding:0;
	 margin:20px 5px;
	 border:1px solid #696969;
	 }
#side h3{
     padding-left:10px;
	 padding-top:7px;
	 padding-bottom:7px;
	 text-align:left;
	 font-weight:bolder;
	 color:#556b2f;
	 border-bottom:1px solid #696969;
	 background-color:#f5f5f5;
	 margin:0px;
	 }
#side h4{
     padding-left:10px;
	 padding-top:15px;
	 padding-bottom:0px;
	 text-align:left;
	 font-weight:bolder;
	 color:#696969f;
	 margin:0px;
	 margin-bottom:10px;
	 border-bottom:1px solid #696969;
	 }
ul.ichiran{
     margin:5px;
	 margin-top:5px;
	 margin-bottom:40px;
	 padding:0px;
	 list-style:none;
     }
ul.ichiran li.detail{
	 text-align:left;
	 display:block;
	 border-bottom:1px dashed #556b2f; 
     }
ul.ichiran li.detail a:link{
     display:block;
	 padding-top:10px;
	 padding-bottom:3px;
	 padding-left:15px;
	 }
ul.ichiran li.detail a:hover{
	 padding-left:5px;
     border-left:10px solid #696969;
	 color:#999999;
	 }
ul.rel{
     margin:20px 5px;
	 margin-top:7px;
	 padding:0;
	 list-style:none;
	 text-align:left;
	 }
ul.rel li{
	 font-size:12px;
	 border-bottom:1px solid #696969;
	 background-image:url(img/top-listm.png);
	 background-position:left;
	 background-repeat:no-repeat;
	 }
ul.rel li a:link{
     text-decoration:none;
     padding:5px;
     padding-left:20px;
	 display:block;
	 }
ul.rel li a:hover{
     background-color:#f5f5f5;
	 display:block;
	 color:#000000;
	 }

ul.rank{
    padding:0;
	margin:0 auto;
	margin-top:7px;
	list-style:none;
	}
ul.rank li{
    padding:0;
    padding-left:40px;
	padding-top:5px;
	font-size:1.2em;
	margin:0;
	margin-bottom:25px;
	text-align:left;
	}
.rank1{background:url(img/side-rank1.png) left top no-repeat;}
.rank2{background:url(img/side-rank2.png) left top no-repeat;}
.rank3{background:url(img/side-rank3.png) left top no-repeat;}
.rank4{background:url(img/side-rank4.png) left top no-repeat;}
.rank5{background:url(img/side-rank5.png) left top no-repeat;}
ul.rank li img.kijir{
    margin:0px;
	}
ul.rank li a:link{
    border-bottom: dashed 1px #000000;
	}
ul.rank li a:hover{
    border-bottom: none;
	}
	 
.snad {margin-top:10px; margin-bottom:30px;}

/**************************

=======bord========*

*************************/
.bord{
	border:1px solid #696969;
	padding:10px 30px;
	margin-top:20px;
	clear:both;
	}
.bord h2{
    float:left;
	font-size:1.5em;
	line-height:1.7;
	width:180px;
	font-weight:normal;
	border-right:1px dotted #696969;
	display:inline;
	}
.bord ul{
    font-size:1.3em;
    float:left;
	margin:0;
	margin-left:30px;
	padding:0;
    list-style:none;
	}
.bord ul li{
	padding:5px 0px;
	padding-left:15px;
	display:block;
	background-image:url(img/top-listm.png);
	background-position:left;
	background-repeat:no-repeat;
	}
.bord ul li a:hover{
    text-decoration:underline;
	}
.bordsita{
	border:1px solid #696969;
	border-top:none;
	padding:10px 30px;
	clear:both;
	}
ul.sita{
	text-align:left;
	font-size:1.3em;
	list-style:none;
	padding:0;
	margin:0 auto;
	}
ul.sita li{
	padding:10px 0px;
	padding-left:10px;
	margin-left:0px;
	margin-right:40px;
	display:inline;
	background-image:url(img/top-listm.png);
	background-position:left;
	background-repeat:no-repeat;
	}
ul.sita li a:hover{
    text-decoration:underline;
	}
/****************************************************************/
.bordue{
	border:1px solid #696969;
	border-bottom:none;
	padding:10px 20px;
	padding-top:10px;
	margin-bottom:0px;
	clear:both;
	}
.bordue h2{
    float:left;
	font-size:1.5em;
	line-height:40px;
	width:180px;
	font-weight:normal;
	border-right:1px dotted #696969;
	display:inline;
	margin:0 auto;
	padding:5px 0px;
	}
ul.b-ue{
    font-size:1.5em;
    float:left;
	margin:0;
	margin-left:20px;
	padding:0;
    list-style:none;
	}
ul.b-ue li{
	padding:5px 0px;
	padding-left:15px;
	display:block;
	}
ul.b-ue li.tour-sn{ background:url(img/tours/tlink-sn.png) left no-repeat; line-height:40px; padding-left:50px;}
ul.b-ue li a:hover{text-decoration:underline;}

.bordlink{
	border:1px solid #696969;
	padding:10px 20px;
	margin-top:0px;
	margin-bottom:30px;
	clear:both;
	}
.bordlink h2{
    float:left;
	font-size:1.5em;
	line-height:120px;
	width:180px;
	font-weight:normal;
	border-right:1px dotted #696969;
	display:inline;
	}
.bordlink ul{
    font-size:1.5em;
    float:left;
	margin:0;
	margin-left:20px;
	padding:0;
    list-style:none;
	}
.bordlink ul li{
	padding:5px 0px;
	padding-left:15px;
	display:block;
	}
.bordlink ul li.tour-teng{ background:url(img/tours/tlink-teng.png) left no-repeat; line-height:40px; padding-left:50px;}
.bordlink ul li.tour-kinabalu{ background:url(img/tours/tlink-kinabalu.png) left no-repeat; line-height:40px; padding-left:50px;}
.bordlink ul li.tour-marimari{ background:url(img/tours/tlink-marimari.png) left no-repeat; line-height:40px; padding-left:50px;}
.bordlink ul li.tour-lokkawi{ background:url(img/tours/tlink-lokkawi.png) left no-repeat; line-height:40px; padding-left:50px;}
.bordlink ul li.tour-combo{ background:url(img/tours/tlink-combo.png) left no-repeat; line-height:40px; padding-left:93px;}
.bordlink ul li.tour-spa{ background:url(img/tours/tlink-spa.png) left no-repeat; line-height:40px; padding-left:50px;}
.bordlink ul li a:hover{ text-decoration:underline;}
	


/*===================================

            ftue

====================================*/
#ftuebg h2{ font-size:14px;}
#ftuebg h3{ font-size:13px;}
#ftuebg p{ font-size:11px;}
#ftuebg ul li{ font-size:11px;}



#ftuebg{
     width:100%;
	 min-width:960px;
	 background-color:#696969;
	 margin:0 auto;
	 margin-top:50px;
	 padding-top:40px;
	 }
#ftue{
     width:960px;
	 height:100%;
	 margin-left:auto;
	 margin-right:auto;
	 margin-bottom:0;
	 padding-bottom:30px;
	 color:#FFFFFF;
	 }
.boxft{
     float:left;
	 width:280px;
	 margin-top:20px;
	 margin-left:20px;
	 margin-bottom:20px;
	 padding-left:5px;
	 }
h3.ft{
     width:200px;
	 text-align:left;
	 padding-left:15px;
	 padding-top:3px;
	 padding-bottom:1px;
	 border-bottom:1px dotted #CCCCCC;
	 margin-top:0px;
	 }
ul.ftmenu{
	 position:relative;
	 margin-left:2px;
	 margin-top:10px;
	 list-style:none;
	 padding-left:0;
	 text-align:left;
	 }
ul.ftmenu li{
     padding-left:18px;
	 font-size:11px;
	 margin-bottom:2px;
	 position:relative;

	 }
ul.ftmenu li a{
	 text-decoration:none;
	 color:#FFFFFF;
     }
ul.ftmenu li a:hover{
	 text-decoration:underline;
	 color:#CCCCCC;
	 }
/*===================================

            footer

====================================*/
#footerbg{
     width:100%;
	 min-width:960px;
	 background-color:#FFFFFF;
	 }
#footer{
     width:960px;
	 margin-left:auto;
	 margin-right:auto;
	 margin-top:30px;
	 color:#696969;
	 }
#footer p{
	 text-align:center;
	 margin-top:0px;
	 font-size:12px;
	 }
#adgif{
	 margin-bottom:20px;
	 margin-top:50px;
	 text-align:center;
	 position:relative;
	 }
#adgif ul.ftyoko{
	 list-style:none;
	 color:#FFFFF;
	 }
#adgif ul.ftyoko li{
	 display:inline;
	 }
#adgif ul.ftyoko li img{
     margin-left:20px;
	 margin-right:20px;
	 }
#adgif ul.ftyoko li a{
	 color:#FFFFF;
	 }
#adgif ul.ftyoko li a:hover{
     text-decoration:none;
	 }

	 
.miginigazo {float:right;}

/*===============================================
●画面の横幅が640pxまで
===============================================*/

@media screen and (max-width: 640px){

body{font-family:"Helvetica","メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic","Osaka,sans-serif";}

img{max-width:100%; width:auto; vertical-align:bottom;  height:auto; float:none; margin:0 auto; display:block;}
a img{max-width:100%; width:auto; vertical-align:bottom;  height:auto; float:none; margin:0 auto;}

#container{width:100%; margin:0px auto; padding:0px; font-size:1rem; line-height:1.6; }
#navbg, #head2bg, #ftuebg, #footerbg {width:100%; min-width:0px;}
#header, #nav, #head2, #contents, #ftue, #footer, ol.breadcrumb {width:98%; height:auto;}
#main {width:90%; margin:0px auto; float:none; margin-top:30px; font-size:1.05em;}
#side {width:90%; float:none; margin:0px auto; margin-top:30px; padding-top:20px; border-top:1px solid #696969;}

#header h1{font-size:1em; margin:10px; float:right; color:#696969;}
#header img{margin-top:0px; display:inline; width:70%;}
#header ul, #header div.font {visibility: hidden; display:none;}

#navbg{ border-bottom:none;}
#nav ul{margin:0; padding:0;}
#nav ul li {width:48%; margin:3px; border:none; font-size:0.8em; line-height:1.2em;}
#nav ul li a{padding:1em; background-color:#fff; color:#696969; border:1px #556b2f solid; min-height:2.5em;}
#nav ul li a:hover{ border:1px #556b2f solid;}
#nav ul li a:visited{ color:#000000;}
#nav ul li small{font-weight:normal; color:#556b2f;}
#nav ul li.migihaji {width:48%; margin:3px; border:none; font-size:0.8em; line-height:1.2em;}
#nav ul li.migihaji a{padding:1em; background-color:#fff; color:#696969; border:1px #556b2f solid; min-height:2.5em;}
#nav ul li.migihaji a:hover{ border:1px #556b2f solid;}
#nav ul li.migihaji a:visited{ color:#000000;}
#nav ul li.migihaji small{font-weight:normal; color:#556b2f;}

ol.breadcrumb li {display:inline-block; padding:0.5em;}
ol.breadcrumb li a:link {display:block; padding-right:2em;}

/*===メイン===*/
#main h2{font-size:1.5em; border:none; margin:0px; padding:1em; color:#696969; border:1px solid #696969; line-height:1.6em;}
#main p, .read {margin:1em 0; padding:0;}
#main h3.topp{border:none; border-left:4px solid #adff2f; font-size:1.7em; margin:0.5em 0; padding:0.5em; color:#696969;}
#main h3.prof{margin:0.5em 0; padding:0.5em;}

h4.kiyaku {margin:1em 0 0.5em 0;}
h4.mendai {margin:1em 0 0.5em 0;}

ul.navbb, ul.snavsmart {margin:0; margin-top:1em;}
ul.navbb li, ul.snavsmart li {width:100%; float:none; border:none;}
ul.navbb li a:link, ul.snavsmart li a:link {width:auto; padding:1em; display:block; border:none; border-bottom:1px solid #696969;}
ul.snavsmart li {margin-bottom:0;}
ul.navbb li a:visited, ul.snavsmart a:visited { border-bottom:1px solid #696969;}
ul.navbb li.koko, ul.snavsmart li.konop {width:100%; padding:1em 0; background-color:#696969; float:none;}
ul.navbb li.koko:before {visibility:hidden; display:none;}

table{width:100%; margin:1em auto;}


/*【ツアーメニューのページ】*****/
h4.mendai{margin:0;}
.menu-r, ul.det, .menu-l{width:100%; float:none; display:block; margin:0;} 
.menu-r h4, .menu-l h4{border:none; padding:0; padding-top:1em;}
img.waku, ul.migigazo{float:none; display:block; padding:0; margin:0 auto; border:0;}
.menu-r p, .menu-l p{margin:0; padding:0;}
.menu-r p.ryokin, .menu-l p.ryokin {text-align:left;}

/*【ツアー概要ページ】*****/
table tr th.haikeig{display:block; width:auto;}
.gaiyou50{width:100%; float:none; display:block; margin:0; border-bottom:1px solid #696969;}
h4.gaiy{border:none;}
.gaiyou50 tr td{display:block; width:auto;}
.gaiyou50 table {width:100%;}
.menuinfo {width:100%; margin:0; padding:0; border-bottom:1px solid #696969;}


/*【ツアースケジュール・持ち物ページ】*****/
table.itinerary {margin:0; padding:0;}
table.itinerary tr th {width:25%; line-height:1.2em;}
ul.motimono li {width:100%; height:100%; display:block;}
ul.motimono li span.moti{margin-right:2em;}
ul.motimono li img.bi {display:none;} 
ul.motimono li a.tooltip {pointer-events:none;}
a.tooltip:hover {background:#fff; display:none;}
a.tooltip span {display:block; margin:5px; width:auto; bottom:1px dotted #adff2f; overflow:hidden;}

/*【ツアー料金ページ】*****/
ul.ryoukin, ul.ryoukin_haya {width:100%; font-size:2.5em; display:block; margin:0 auto; padding:0;}
ul.ryoukin li, ul.ryoukin_haya li { width:50%; margin:0 0.2em;}
dl.incl {float:none; width:100%; margin:0;}
.ratebikou{margin:0 0.5em;}
.ratebikou li {background:none; padding-left:1em; margin-bottom:1em; border-left:2px solid #ccc;}

/*【ツアーみどころのページ】*****/
.phtgally{width:100%; padding:0;}
.phtgally p{display:none;}
.phtgally ul {margin:0 auto; padding:0;}
.phtgally ul li {width:46%; height:auto; margin:0;}

/*【インラインフレーム　opi/sn】*****/
.coralf{margin:1em auto; width:100%;}
.sncal {position: relative; width: 100%; padding: 78.95% 0 0 0;}
.sncal iframe {position: absolute; top: 0; left: 0; width:100%; height:100%; }
.yout43 {position: relative; width: 100%; padding: 75% 0 0 0;}
.yout43 iframe {position: absolute; top: 0; left: 0; width:100%; height:100%; }

/*【snTipsページ】*****/
ul.sntips {margin:0;}
ul.sntips li a:link{padding:1em; padding-left:45px;}
.miginigazo {float:none; margin:0 auto;} 

dl.imlef {width:100%; margin:0.5em 0; overflow:visivle;}/*******info-beachとか*******/
dl.imlef dd.onlydd {width:95%;}
dl.imlef dt {display:block; width:100%; padding:0.5em;}

/*（sn概要ページ）*/
.dashwaku {border:none; margin:0; margin-bottom:50px; padding:1em;}
.naiyo { margin:0;}

/*【会議風景ページ】*****/
#main h2.arrowtuki {border-radius:1.5em; -webkit-border-radius:1.5em; -moz-border-radius:1.5em;}
#main h3.meetingdai {line-height:1.4em; padding:0; font-size:1.4em;}
.question_Box {margin:1.5em 0;}
.arrow_answer, .arrow_question {max-width:100%; display:block; border:none; border-radius:1em; -webkit-border-radius:1em; -moz-border-radius:1em; margin-top:-1em;}
.arrow_answer {margin-right:1em; background-color:#f0f8ff;}
.arrow_question {margin-left:1em; background-color:#fffaf0;}
.arrow_answer:after, .arrow_answer:before, .arrow_question:after, .arrow_question:before{display:none;}
.question_image, .answer_image {width:100%; height:auto; display:block; position:relative; z-index:10;}
.answer_image {margin-right:0;}
.question_image img {float:left;}
.answer_image img {float:right;}


/*【カアンダマン流れ】*****/
ol.nagare {margin:0 auto; padding:0; width:85%;}
ol.nagare li {font-size:1.4em; margin:0; padding:0;}
ol.nagare li dl {font-size:1em; width:100%; padding:0;}
ol.nagare li dl dd {margin:0 auto; font-style:normal;}
ol.nagare li dl dd img {padding:0; margin:0 auto;}

/*（お客様の声の部分）*/
.snkoe {width:100%; height:21em; margin:0; padding:0; background:none; border:1px dotted #000; border-radius:1.5em;-webkit-border-radius:1.5em; -moz-border-radius:1.5em;}
.comments {width:90%; height:21em; margin:0; margin-top:-1.5em;}
.comments ul {margin:0; padding:0 0.5em; width:100%; padding:0.5em; display:block; }
.comments ul li { width:100%; margin:0; min-width:90%; padding:0; margin-bottom;0.5em; display:block;}
.comments ul li img{width:auto; height:auto; margin:0.5em; padding:0; display:block; vertical-align:bottom;}

/*【QAのページor観光ページor食/折り畳み】*****/
h3.qadai {background:none; margin;1em 0; padding:0;}
.show {margin:1em 0; padding:0.5em; background-color:#f5f5f5;}
.trigger {margin:1em 0; margin-bottom;1em; background:url(img/qanda_q.png) no-repeat left 0.5em top; padding:0.5em; padding-left:0.5em; padding-top:20px; font-size:0.4em; font-weight:normal; border-bottom:1px solid #ccc;}
.kotae {margin:0.5em;}
.kotaeimg {margin:0 1em;}
.hide .target {margin}

.trigg {padding:1em; padding-left:0; margin: 0.5em 0 0.5em 0;}
.trigg span {font-size:1em;}

.infonai1, .infonai {width:100%; margin:1em auto; padding:0.5em; padding-top:1px; background-color:#fff; box-sizing:border-box;}
.infdai {padding:0; margin-left:0;}
.setume {width:100%; float:none; margin:0.5em 0; padding-left:0;}
.setume span {margin:0; float:none;}
.setumeiimg {width;100%; margin:0 auto;}

.itirannwaku{width:100%; display:block; margin:0 auto;}
.itirannwaku a {display:block; text-align:center; padding:0.5em;}

/*（注意）*/
.attent{margin:1em 0;}
h5.chui {padding:0.5em;}
p.chuui {padding:0.5em;}

/*（予約リスト）*/
.yoyakulis {margin:0; padding:0; width:100%; height:100%;}
.yoyakulis ul{margin:0; padding:0;}
li.reserv, li.toiawa { float:none; margin:1em; padding:0;}
li.reserv a, li.toiawa a{background:none; margin:0; padding:0;}

/*（予約の流れ）*/
.flownagare{float:none; margin:0;}
.textinn {width:100%; height:auto;background-color:#ccc;}
.textinn p {padding:0.5em;}
.triangle {display:none; visibility:hidden;}
.menu-rflow {float:none; width:100%; display:block; margin:0 auto;}
.nagaresita{display: none;}

/*【ボルネオパック関連】*****/
h3.smartstay {background:none; padding:0.5em 0; background-color:#f5f5f5;}
table.smfac tr th {width:7em;}
.smart {margin-left:0; padding:0;}
.box50l, .box50r {float:none; width:100%; margin;0; padding:0;}
ul.smrateimg3 {margin:0;}
ul.smrateimg3 li {float:none; margin:0.5em 0;}

dl.dvrule {width:100%; margin:0.5em 0;}
dl.dvrule dt, dl.dvrule dt.senno {float:none; width:100%; background-color:#f5f5f5; padding-left:0.5em;}
dl.dvrule dd, dl.dvrule dd.sennasi {margin:0.5em 0; padding:0; border-top:none;}
ul.smfacilit li{float:none; width:100%; margin:0.5em auto;}
.qahr {border-top:none;}

/*（テーブル.kinabalublank）*/
table.kinabalublank tr th, table.kinabalublank tr td {display:block;}

/*（カメラマークpointimg）*/
h6.pointimg, h4.pointimg {height:100%;}

/*（owtarp関連）ex:キナバル写真・注意*/
ul.owtarp {margin:0;}
ul.hotelt {margin:0;}
.normal {padding:1em;}

/*【about関連】*****/
.staffphoto {float:none; width:100%; margin-left:0; margin:0.5em 0;}
.staffdeta {float:none; width:100%; margin:0.5em 0 0.5em 0;}
.staffdeta h6 {border-top:none;}

.profile{width:100%; margin-left:0;}
.profile th {width:100%; display:block; border:none;}
.profile td {display:block;}
.profgrid{width:100%;}
.profgrid ul {margin 1em 0;}
#main p.fukudai{padding-left:0;}
li.ryose {margin-left:0;}
p.rinen, p.rinendetail {margin 1em 0 1em 0;}

/*【info関連】*****/
ul.infomenu {width:100%; margin-left:0; margin:0 auto;}
ul.infomenu li {width:32%; display:block;}
ul.infomenu li a:link {display:block; width:auto; padding:1em;}

.menu-l {width:100%; display:block; float:none; margin-left:0;}
.menuinfo {width:100%;  box-sizing:border-box; margin:0 auto;}

dl.bmalay {width:100%; margin-left:0;}
dl.bmalay dt {width:100%; float:none; padding:1em 0 0.5em 0;}
dl.bmalay dd {padding:0 0 1em 0; font-size:1.4em; font-weight:normal;}
dl.bmalay dd span {margin-left:0; display:block; font-size:0.8em; font-weight:lighter;}

.guidepost {width:100%; height:auto; box-sizing:border-box;}
.guidepost ul { margin-left:0;}
.guidepost ul li {width:43%; height:auto; display:inline-block;}
.guidepost ul li a:link {width:100%; height:auto; display:inline-block;}

.postmenu {width:100%; padding:1em 0;}
.postmenu h4, .postmenu p {width:100%; float:none; margin:0 auto; padding:0.5em 0;}
.postmenu img {height:auto; float:none; margin:0 auto;}

ul.skills {margin:0 auto;}
ul.skills li {width:100%;}

.entrywaku {width:100%; margin:1em 0; padding:1em; box-sizing:border-box; background-color:#fff;}
.entrywaku dl.nokoto, .entrywaku dl.nokoto2 {padding:0.5em 0; margin-left:0; }
.entrywaku dl.nokoto dt, .entrywaku dl.nokoto2 dt {display:block; float:none; width:100%;}
.entrywaku dl.nokoto dd, .entrywaku dl.nokoto2 dd {margin-left:0; margin-bottom:0.5em;}

div.pbox_season, .nakap {display:none;}

table.busjikoku {width:100%; float:none; margin-left:0; border:1px solid #ccc;} 
table.busjikoku tr {float:left; display:inline-block;}
table.busjikoku tr th {background-color:#f5f5f5; padding:0.5em 2em;}
table.busjikoku tr td {padding:0.5em;}

.ratewaku {box-sizing:border-box;}
.ratewaku tr.wakuue th {height:auto: padding:0.5em;}
.ratewaku tr th {padding:0.5em; padding-left:1em;}

#piechart_3d, #piechart_3d_my {width:100%; height:16em; margin:0 auto; padding:0; display:block; box-sizing:border-box;}

.nextp {width:80%; display:block; float:none; margin:0.5em auto; padding:0; box-sizing:border-box;}
.nextp .lefnex, .nextp .righnex { float:none; width:100%; border:1px solid #ccc; margin:0 auto; text-align:center;}
.nextp .lefnex a, .nextp .righnex a { padding:1em 0.5em; text-decoration:none; background-color:#f5f5f5;}
.nextp .lefnex img, .nextp .righnex img, .nextp br {display:none;}

ul.hotelt li.normal {float:none; display:block;}
ul.hotelt li.normal span {float:none; display:block; text-align:right;}

.areap {display:block; height:25px; margin-left:0.5em;}

dl.tehco {margin:0.5em 0; width:100%;}
dl.tehco dt {float:none; display:block; width:100%;}
dl.tehco dt br {display:none;}
dl.tehco dd {padding-left:0; padding-top:0;}

/*（グリッド / ）*/
ul.syoukaigrid {width:100%; margin:1em auto;}
ul.syoukaigrid li.grid { float:none; display:block; width:100%; box-sizing:border-box; margin:0.5em 0; overflow:hidden;}

.grid3{width:100%; margin-bottom:1em;}
.grid3 .gridbuy{display:inline-block; width:46%; box-sizing:border-box; background-color:#f5f5f5;}

/*（ページャー）*/
ul.pager li a {padding:0.4em 0.7em;}
ul.pager li strong {padding:0.4em 0.7em;}

/*（mendet / ）*/
img.menleft {float:none; display:block; margin:0.5em auto;}
dl.mendet {float:none; width:100%; margin:0;}
dl.mendet dt {padding:0.5em;}

/*（sabnav / sabunder）*/
.sabnav {border:1px solid #CCCCCC; padding:0;}
ul.sabunder {margin:2em; padding:0;}
ul.sabunder li {width:90%; display:block; margin;0 auto; padding:1em; border-bottom:1px dotted #696969;}
ul.sabunder li a:link {display:block; margin;0; text-decoration:none;}


/*===サイド===*/
#side{margin-top:30px; margin-bottom:30px;}
ul.ichiran li.detail a:link, ul.rel li a:link {padding:1em;}
ul.rank li {min-height:2.5em;}


/*===bord===*/
.bordue, .bordlink {width:90%; padding:10px; margin:0 auto; box-sizing:border-box;}
.bordue h2, .bordue ul.b-ue, .bordlink h2, .bordlink ul {float:none; margin:0;}
.bordue h2 a, .bordue ul.b-ue li a, .bordlink h2 a, .bordlink ul li a {display:block;}
.bordue h2, .bordlink h2 {display:block; width:100%; line-height:2em; border:none; border-bottom:1px dotted #696969;}

/*===フッター===*/
#ftuebg{background-color:#cccccc; margin-top:30px;}
#ftuebg h2{ font-size:1em; color:#696969;}
#ftuebg h3{ font-size:1em; color:#696969;}
#ftuebg p{ font-size:1em; color:#696969;}
.boxft-left p.est{margin-left:10%;}
#ftuebg ul li{font-size:0.8em;}
.boxft-left, .boxft {width:85%; float:none; margin:0 auto; padding:0;}
#ftuebg h3.ft{border:none; color:#696969f; padding:1em 0; padding-bottom:0; margin:0;}
.boxft-left ul.ftlef, ul.ftmenu{margin:0 auto; padding:0; margin-bottom:20px;}
.boxft-left ul.ftlef li, ul.ftmenu li{ margin:5px 0px; padding-left:0;text-align:left; background-image:none; background-color:#ffffff;}
.boxft-left ul.ftlef li a, ul.ftmenu li a{display:block; padding:1em 0px; padding-left:10px; color:#696969;}
.boxft-left ul.ftlef li a:visited, ul.ftmenu li a:visited{color:#000000;}
#footer p{font-size:0.8em;}

#adgif{margin:0 auto;}
#adgif ul.ftyoko{ margin:0; padding:0;}
#adgif ul.ftyoko li{display:inline-block;}
#adgif ul.ftyoko li img{margin:0 2px;}
#footer{margin-bottom:50px;}

.fb-like-box, .fb-like-box span, .fb-like-box iframe, fb-post {width: 85% !important; margin:0 auto;}
.TwitterWidget{ width:85% !important; margin:0 auto;} 

}