/*-------------------------------------------------------------------------------------------------------------*/

*{letter-spacing:0pt; line-height:16pt;}

body{margin:0px; background-color:#193264; font-size:14px; line-height:16px;
font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;}

h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure,form,nav {margin:0px; padding:0px;}
ul {list-style-type: none;}
img {border: none;max-width: 100%;height: auto;}
table {border-collapse:collapse;font-size: 100%;border-spacing: 0;}

a{color:#556b2f; font-size:14px; text-decoration:none;}
a:hover{color:#cd853f; text-decoration:underline;}

div.outline{
margin:45px auto 0px;
width:950px;
background-color:#ffffff;
border:solid 1px gray;
padding:0px 0px 0px 0px;}

ul.asterisk{padding:0px 20px;}
ul.asterisk li {
  list-style-type: none;
  text-indent: -1em;
}
ul.asterisk li:before {
  display: inline;
  content: "* ";
}

div.main{ font-size:15px; padding:15px; line-height:2; margin:0px; text-align:left; height:100%;}

#badge1{width:30px; height:120px; position:fixed; top:250px; left:0px;}
#badge2{width:30px; height:120px; position:fixed; top:250px; left:0px;}
#badge3{width:30px; height:120px; position:fixed; top:500px; left:0px;}

.nowrap{
white-space:nowrap;
}

.home_c{text-align:center; font-size:15px; color:#ffffff; padding:10px;}
.home_c a{color:#ffffff; text-decoration:underline; font-weight:bold;}
.home_c a:hover{color:#ff0; text-decoration:none;}

/* for root page ! */
#homeLogo{
	background-image:url('../img/oasis_top_logo.gif'); background-position: center center;
	background-repeat:no-repeat;
	background-size:contain;
	height:450px;
}



h1{text-align:center; color:#002213; margin:20px;}
h1.home{text-align:left; font-size:15px; color:#ffffff;
white-space:nowrap;
text-align:center;
}
h3{font-size:18px; text-align:center; margin:10px 10px 30px; color:#111111;}

#head_menu{
background-color:#111; text-align:center;
margin:0px;
border-top: solid 1px #eeeeee;
border-bottom: solid 1px #eeeeee;
}

#head_menu a,b{
white-space:nowrap;
font-size:13px;
margin:0px;
}

#head_menu a{
line-height:42px;
color:#ffffff;
text-decoration:none;
padding:11px;
font-weight:bold;
border-left: solid 1px #eeeeee;
}

#head_menu a:hover{
background-color:#db7093;
color:#ffffff;
}

#head_menu b{
line-height:42px;
color:#ffffff;
padding:11px;
background-color:#808000;
border-left: solid 1px #eeeeee;
}

#head_menu a:last-child{
border-right: solid 1px #eeeeee;
}

#head_menu b:last-child{
border-right: solid 1px #eeeeee;
}





#loclang{
position:absolute;
top:0px;
width:100%;
color:#ffffff;
}

#loclang div{
width:950px;
margin:20px auto;}
#loclang span.left{float:left;}
#loclang span.right{float:right;}
#loclang a{color:#ffffff; margin:0px 10px;}
#loclang b{color:yellow; font-weight:normal; margin:0px 10px;}

hr{border-width:1px 0px 0px 0px; border-style:dashed; border-color:gray;}

.clear{clear:both;}

.copy{border-width:2px 0px 0px 0px; border-style:dashed; border-color:gray; text-align:center; font-size:13px; padding:5px 0px; clear:both; margin-top:20px;}


div.spHeader{display:none;}
div.spHeadMenuBox{display:none;}
#spMenuOn{display:none;}

#badge1{width:30px; height:120px; position:fixed; top:250px; left:0px;}

ul.asterisk{padding:0px 20px;}
ul.asterisk li {
  list-style-type: none;
  text-indent: -1em;
}
ul.asterisk li:before {
  display: inline;
  content: "* ";
}







#photoframe{margin:5px; float:left; width:220px; height:220px;}
#photoframe a{ display:block; margin-left:auto; margin-right:auto; background-image:url('../img/waku.gif'); background-position: right bottom; border-width:0px;}
#photoframe img{margin:12px 15px 22px 12px; border:solid 1px #cccccc;}


div.cMenuList{
text-align:center;
margin:20px;

}
div.cMenuList a, div.cMenuList b{
white-space:nowrap;
padding:5px;
margin:5px;
font-size:16px;
font-weight:bold;
}

div.cMenuList b{
color:#cd5c5c;
}


#drawRight_def{
margin:10px 30px;
padding:20px 20px 20px 400px;
background-image:url();
background-repeat:no-repeat;
}
#drawRight_def div{
height:450px;
}
#drawRight_def div a{
display:block;
margin:10px 5px;
padding:10px;
background-image:url(../img/rf.gif);
background-position:10px center;
background-repeat:no-repeat;
padding-left:40px;
background-color:#008080;
border-radius:5px;
color:#ffffff;
font-weight:bold;
text-decoration:none;
}
#drawRight_def div a:hover{
background-color:#808000;
}

div.cMenuListSP{display:none;}

div.faqCtgMenu{
width:90%;
margin:10px auto;
}
div.faqCtgMenu b{
color:#008080;
}

.dot_line{
border-top:dashed 2px gray;
padding:10px;
}

#inp_smt{
margin-top:30px;
padding:15px 30px;
}

div.bottom_menu{display:none;}

/*checked*/









#pgt{color:#676566; background: url(../img/pagetop.gif) no-repeat 0px top; padding:0px 15px; clear:both;}

/*-----------------------------------------------------------------------------*/


/*--------------------------------------------------------------------------------------*/
#top_head{margin:0px auto; text-align:center;}
/*--------------------------------------------------------------------------------------*/


.dotted{height:15px; background-image:url(../img/dotted_line.gif); clear:both;}
.contents a{color:#556b2f; text-decoration:underline;}
.contents a:hover{color:#b22222; text-decoration:underline;}

.img_type_01{margin:5px 0px 20px 20px;}
.img_type_02{margin:5px 20px 20px 0px;}

.blue_txt{color:#79A0B6;}

#exp_tbl{margin:30px 0px 0px; width:100%; text-align:center;}


#ctg_logo{margin-top:20px;}

#privacy_dl dt{color:#786b62; font-weight:bold;}
#privacy_dl dd{margin:0px 0px 30px;}

#dishes td img{border:none; margin:0px;}
#dishes td.d_name{background-color:#E3EBEF; color:#779fb5; font-weight:bold;}
#dishes td.d_price{background-color:gainsboro;}
#dishes td.d_desc{margin:3px;}

.clear{clear:both;}



#gallery_thumb{
width:140px; height:100px;
float:left;
margin-top:15px; margin-left:15px;
text-align:center;
}

#gallery_thumb a{display:block;}
#gallery_thumb img{border:solid 7px #eee;}
/*--------------------------------------------------------------------------------------*/



dl.faq{margin:10px 0px;}

dl.faq dt{margin:20px 0px 10px 15px;}

dl.faq dt div{
padding:10px 10px 10px 35px;
background-color:#008080;
border-radius:10px;
text-indent: -1em;

}

dl.faq dt a{
display:block;
text-decoration:none;
font-weight:bold;
color:#ffffff;
}

dl.faq dt a:before {
  display: inline;
  content: "Q. "; color:8fb17b; font-weight:bold;
  margin-left:-10px;
  
}

dl.faq dt a:hover{
color:sheashell;
text-decoration:none;
}

dl.faq dd{
display:none;
margin-left:30px;
padding:10px 10px 10px 35px;
background-color:#f5f5f5;
border-radius:10px;
}

dl.faq dd div:before {
  content: "A. "; color:#c55c78; font-weight:bold;
  margin-left:-22px;
  
}



#reservation_tbl{background-color:#ededed;}

#reservation_tbl td{padding:7px; vertical-align:top;}
#reservation_tbl td.white{padding:1px; background-color:#fff;}
#reservation_tbl td.dot{padding:1px; background-color:#fff; background-image:url('../img/reservation_dot.gif');}

.send_button{background-color:#b4858d; color:#fff; font-size:15px; padding:5px 10px; border-width:0px; cursor:pointer;}
#ctg_rsv{ margin-top:30px;}
#ctg_rsv a{background-color:#b4858d; color:#fff; font-size:15px; padding:5px 10px; border-width:0px; text-decoration:none;}

img.bgimage {
    display: none; clear:both;
}
img.loader {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -12px 0 0 -12px;
}



div.QR{
text-align:center;
border-top:dashed 1px #cccccc;
border-bottom:dashed 1px #cccccc;
}
div.QR img{border:solid 1px #666363;}



a.applyButton{background-color:#b4858d; color:#fff; font-size:15px; padding:5px 10px; border-width:0px; text-decoration:none; margin:5px;}


hr.faqFormTop{
margin:20px 0px;
border-top:dashed 2px #111111;
}

div.faq_form{
width:650px;
margin:20px auto;
}
div.faq_form h4{
color:#ffffff;
text-align:center;
background-color:#b4858d;
padding:5px;
margin:25px 0px;
}
#inp_txt{
width:100%;
}


a.pex{display:block; background-color:#111; color:#ffffff; font-weight:bold; margin:1px 25px 1px 50px; padding:3px 15px;}
.pex_def{display:none;}
#pctg{display:block; background-color:#fff8dc; font-weight:bold; margin:1px 25px 1px 100px; padding:3px; clear:both;}
.pctg_def{display:none;}
#pctg_menu_1{background-color:#faf0e6; margin:1px 25px 1px 150px; padding:3px; clear:both;}
#pctg_menu_2{background-color:#f5f5f5; margin:1px 25px 1px 150px; padding:3px; clear:both;}
span.pctg_m1{width:450px; display:block; float:left;}
span.pctg_m2{width:100px; display:block; float:left; text-align:center;}
span.pctg_m3{width:150px; display:block; float:right; text-align:right; padding-right:30px;}
.clear{clear:both;}

/*画面幅600px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:600px){

*{letter-spacing:1pt; line-height:25px;}
html{font-size:15px; height:100%;}

body{
margin:0px;
background-color:#ffffff;

}

div.outline{
margin:0px;
width:100%;
border:none;
background-color:#ffffff;
}


div.spHeader{
display:block;
height:60px;
background-color:#002213;
border-bottom:solid 1px #eeeeee;
background-image:url(../img/sp_title_phuket.png);
background-position:left center;
background-repeat:no-repeat;
}


#spMenuOn{
display:block;
width:40px;
position:absolute;
top:10px;
right:10px;
filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9;
}

h1{
margin:0px;
background-color:#111111;
color:#ffffff;
font-size:14px;
line-height:40px;
border-top:solid 1px #eeeeee;
}

#head_menu{
display:none;
position:absolute;
width:100%;
top:60px;
left:0px;
margin:0px;
padding:0px;
font-size:14px;
filter: alpha(opacity=95); -moz-opacity: 0.95; -khtml-opacity: 0.95; opacity: 0.95;
}

#head_menu a, #head_menu b{
border:none;
display:block;
border-radius:5px;
text-decoration:none;
padding:5px;
margin:5px;
}
#head_menu a{
color:#556b2f;
background-color:#dcdcdc;
}

#head_menu b{
color:#111111;
background-color:#8fbc8b;
}

#head_menu a:hover{
color:#ffffff;
text-decoration:none;
background-color:#e9967a;
}


img.fullWidthImg{width:100%; margin:0px;}
.img3set img{width:100%;}




#main{float:none; width:100%; padding:0px;}


.pc{display:none;}

div.bottom_menu{
text-align:center;
display:block;
border-top:dashed 2px gray;
padding:15px 0px;
margin:15px 0px 0px;
}

div.bottom_menu a, div.bottom_menu b{
color:#ffffff;
padding:7px;
margin:7px;
line-height:48px;
border-radius:5px;
white-space:nowrap;
text-decoration:none;
}

div.bottom_menu a{
background-color:#008080;
}

div.bottom_menu b{
background-color:#111111;
}


h3{text-align:left;}

#drawRight_def{
margin:0px;
padding:0px;
background:none;
}
#drawRight_def div{
height:initial;
}
#drawRight_def div a{
display:block;
margin:15px 5px;
padding:15px;
background-image:url(../img/rf.gif);
background-position:10px center;
background-repeat:no-repeat;
padding-left:40px;
background-color:#008080;
border-radius:5px;
color:#ffffff;
font-weight:bold;
text-decoration:none;
}


#photoframe{margin:2px; float:left; width:160px; height:160px;}
#photoframe a{ display:block; margin-left:auto; margin-right:auto; background:none; border-width:0px;}
#photoframe img{margin:0px; border:solid 1px #cccccc;}


div.cMenuListSP{
padding:15px 0px; 0px 0px;
display:block;
margin:40px 0px 0px;
}
div.cMenuListSP a{
margin:15px 0px;
padding:15px;
background-image:url(../img/rf.gif);
background-position:10px center;
background-repeat:no-repeat;
padding-left:40px;
background-color:#008080;
border-radius:10px;
color:#ffffff;
font-weight:bold;
text-decoration:none;
}
div.cMenuListSP b{
color:#111111;
font-size:18px;
display:block;
margin:35px 0px 0px;
text-align:center;
}

div.cMenuList{display:none;}


div.faqCtgMenu{display:none;}



#loclang div{
display:none;
}

#badge1{
display:none;
}

#Date{width:100%;}
#inp_txt{width:100%;}
#jama_img{display:none;}

div.faq_form{
width:100%;
margin:20px 5px;
}

#inp_txt{
width:100%;
}

a.pex{display:block; background-color:#111; color:#ffffff; font-weight:bold; margin:1px 0px 1px 0px; padding:10px 15px;}
.pex_def{display:none;}
#pctg{display:block; background-color:#fff8dc; font-weight:bold; margin:1px 0px 1px 10px; padding:15px; clear:both;}
.pctg_def{display:none;}
#pctg_menu_1{background-color:#faf0e6; margin:1px 0px 1px 10px; padding:15px; clear:both;overflow:hidden;}
#pctg_menu_2{background-color:#f5f5f5; margin:1px 0px 1px 10px; padding:15px; clear:both;overflow:hidden;}
span.pctg_m1{display:block; float:left;}

span.pctg_m2{display:block; float:left; text-align:center;}
span.pctg_m3{display:block; float:right; text-align:right;}

#inp_smt{
margin-top:30px;
padding:15px 30px;

}

.copy{margin-top:0px;}



/*
input[type=checkbox] {
	width:			24px;
	height:			24px;
	-moz-transform:		scale(1.4);
	-webkit-transform:	scale(1.4);
	transform:		scale(1.4);
}
*/

}