@charset "shift_jis";

@import url("fonts.css");
@import url("common.css");

body,div,
ul,ol,li,dl,dt,dd,
form,fieldset,input,button,textarea,
h1,h2,h3,h4,h5,h6,pre,code,blockquote,hr,
th,td { margin:0;}

body {
    background-color:#F5F5F5;
    color:#333333;
    min-height: 100%;
}
a {outline:none;}
a:link {color:#039; text-decoration: underline;}
a:visited {color:#039; text-decoration: underline;}
a:hover{color:#f63; text-decoration: underline;}
/*3f75fb*/

a img {border:0 none;}
img.png{behavior: url(/BALI/img/iepngfix.htc);} 
.ic{vertical-align:middle;}
.totop{text-align: right; padding:20px 0; font-size:11px; clear:both;}
ul.decimal li{list-style-type: decimal;}


/*Font*/
.orange{color:#F60;}
.red{color: #c00;}
.dred{color: #900;}
.blue{color: #33c;}
.dblue{color: #102f77;}
.or{color: #f60;}
.red{color: #c00;}
.brown{color: #8a5124;}



/*[1]Layout*/
/*[2]Toppage*/
/*[3]Info*/
/*[4]topics*/


/*[1]Layout-----------------*/
div#container{margin: 0 auto; width:980px; background-image:url(/BALI/img/outer_bg.jpg);}
div#content{margin: 0 auto; width:950px; clear: both; background:url(/BALI/img/balitou-etabi_slice1.jpg) repeat-y; zoom: 100%;}
div#content:after{
clear:both;
content:"";
display:block;
height:0;
visibility:hidden;
}
div.nomenu{background-image:none!important;}
div#content_in{width:860px; margin:0 auto; padding: 10px 0;}
div#main{float:right; width:760px;}
div#main_index{float:left; width:760px;}

.left{text-align: left;}
.right{text-align: right;}
.center{text-align: center;}
.iLeft{float:left;}
.iRight{float:right;}
.cboth{clear: both;}
.cLeft{clear:left;}
.cRight{clear:right;}
.cbox{zoom:100%;}
.cbox:after{
clear:both;
content:"";
display:block;
height:0;
visibility:hidden;
}

/*Header*/
h1{font-size:85%; padding: 3px 20px; color:#006699;}

div#header{width:950px; height: 142px; margin: 0 auto; position: relative; background:url(/BALI/img/balitou-etabi_05.jpg) center bottom no-repeat;}
/*div#header h2{width:529px; height:67px; background:url(/BALI/img/balitou-etabi_02.jpg) no-repeat; position: absolute; top:0px; left: 0px; color:#996633;}*/
div#header a#siteLogo {position:absolute; top:80px; left:17px; z-index:100; display:block;}
/*div#header h2 span {display: block; font-size: 11px; font-weight: normal; padding: 9px 0 0 2px;}*/
div#header div {width: 421px; height: 67px; float: right;}
div#header div p#mailButton{position: absolute; right: 10px; top: 6px; margin:0;}
div#header div p#telFax{margin:0;}
form#login {width: 950px; margin: 0 auto; background-color:#3f301a; padding: 5px 0; color:#fff; text-align:right; color:#ddd5ce; border-bottom: solid 2px #000; font-size:93%;}
form#login span input{font-size:85%; width: 70px; padding: 1px 0;}
form#login input{vertical-align:middle;}
form#login input.logtxt{border:none; border-top:solid 1px #999; border-left:solid 1px #999; background-color:#f0eee5;}
form#login a:link{font-size: 85%; color:#cff; text-decoration: none;}
form#login a:visited{font-size: 85%; color:#cff; text-decoration: none;}
form#login a:hover{color:#f63;}
form#login a.newregi{font-size: 100%; font-weight:bold;}

/*Footer*/
div#footer {margin:3px 0 0 15px; width:950px; background:#F6F6D0; padding:7px 0px 30px 0px; border-top:solid 1px #000;}
div#footer p#copyRight {margin:3px 0 0 0 ; padding: 0px 0px 2px 0px; border-bottom:solid #000 1px; text-align:right;}
div#footer div#outLink {margin:15px 10px 0px 10px; border: solid 1px #666666; padding: 15px; background:#E9E7C6;}
div#footer div#outLink h3 {font-size:1.0em;}
div#footer div#outLink ul {font-size:0.9em;}
*+html div#footer div#outLink ul {width:948px;}
div#footer div#outLink ul li {list-style:none; display:inline; padding:0 10px 0 0; white-space:nowrap;}
*html div#footer div#outLink ul li {white-space:normal;}
*+html div#footer div#outLink ul li {display:block;float:left;}


/*sidebar*/
div#sidebar {float:left; width:180px;}
div#sidebar a {outline:none;}
div#sidebar a:link {color:#06c;}
div#sidebar a:visited {color:#06c;}
div#sidebar a:hover,a:active {color:#f63;}
div#sidebar h2.toph{color:#fff; font-size:108%; background: url(/BALI/img/bg_h_blue.gif) left top repeat-x; margin:3px 5px 0 5px; padding: 8px; text-align:center;}
div#sidebar div {background:#fff; border:solid 1px #eee; margin:5px;}
div#sidebar div#category{margin:0 5px 5px 5px;}
div#sidebar div ul {list-style:none; padding:0; font-size:93%;}
div#sidebar div li {padding: 3px;}
div#sidebar div ul li.cate {background:url(/BALI/img/list_detail.jpg) no-repeat 1px 8px; border-bottom:solid 2px #ccc; padding: 7px 0 7px 16px; font-weight:bold; font-size:100%;}
div#sidebar div ul li.cate a:link{color:#036; text-decoration: none;}
div#sidebar div ul li.cate a:visited{color:#036; text-decoration: none;}
div#sidebar div ul li.cate a:hover{color:#f63;}
div#sidebar div ul li.cate span{font-weight:normal;}
div#sidebar div ul li.cate_in{font-weight:normal; font-size:9px; padding: 6px 0 0 0;}


div#sidebar div ul.cate_in{background-color:#fff;}

div#sidebar div#campaignLink {background:none; border:none; margin:3px 5px 0;}
div#sidebar div#campaignLink ul li {background:none; padding: 0 0 3px 0; line-height:100%;}
div#sidebar div#tourRank {margin: 0 5px 5px 5px;}

div#sidebar div#tourRank li.place1 {background:url(/BALI/img/1st.jpg) no-repeat 1px 0px;}
div#sidebar div#tourRank li.place2 {background:url(/BALI/img/2nd.jpg) no-repeat 1px 0px;}
div#sidebar div#tourRank li.place3 {background:url(/BALI/img/3rd.jpg) no-repeat 1px 0px;}
div#sidebar div#groupSite {margin: 0; background:none; border: none;}
div#sidebar div#groupSite h2 {background:#faf6db; padding:3px 5px 1px; margin:2px 5px 2px; font-size:1.2em; border-bottom: solid 3px #fff;}

div#sidebar div#groupSite li {list-style:none; margin:0px 0 2px 5px; padding:0; line-height:100%;}
div#sidebar div li a:link img,
div#sidebar div li a:visited img {border:solid 1px #faf6db;overflow:inherit; position:relative; width:168px; outline:none;}
div#sidebar div li a:hover img,
div#sidebar div li a:active img {border:solid 1px #f63;}

div#rateInfo p{font-weight:bold; padding: 5px 10px; margin:0;}
/*[1]Layout----------------[end]*/



/*[2]Toppage----------------*/
.bbox{border-top: solid 1px #777; border-left: solid 1px #777; border-right: solid 1px #222; border-bottom: solid 2px #222;}

/*siteMessage*/
div#siteMessage {background:url(/BALI/img/balitou-etabi_14.jpg) no-repeat top right; padding:10px 235px 0px 10px;margin:0 0 5px 0;}
div#siteMessage h2 {margin:5px 0 8px 0;}
div#siteMessage h3 {margin:10px 0 0 0;}
div#siteMessage p.iRight img{padding:0 0 0 5px;}
div#siteMessage p {font-size:85%; margin: 0;}
div#siteMessage p.dotLine span{background:url(/BALI/img/balitou-etabi_36.jpg) repeat-x bottom left; line-height:1.5;}

/*distinction*/
div#distinction td{width: 360px; vertical-align:top; padding: 0 10px 5px 10px;}
div#distinction table img.ic{float:left; padding: 0 3px 0 0;}
div#distinction table td p{clear:both; font-size: 85%; margin: 0;}
div#distinction table td.line{background:url(/BALI/img/bg_li.gif) repeat-x bottom left;}

/*news*/
/*dl#news dt{display: block; float: left; width: 80px; color: #900;}*/
dl#news dd{display: block; padding: 3px 0 5px 23px; border-bottom: dotted 1px #d3cdc7; background: url(/BALI/img/list_detail.jpg) 1px 5px no-repeat;}
dl#news dd strong.dred{font-size:85%; font-weight:normal;color: #8a5124;}
/*[2]Toppage----------------[end]*/



/*[3]Info----------------*/
div#info{margin: 20px;}
div#info h2{border-bottom:solid 2px #BEB2A0;}
div#info h3{border:double 3px #BEB2A0; margin: 10px 0; padding:3px 10px; background-color:#f1f6f7;}
div#info h4{background-color:#e3ddd5; padding:3px 5px; margin: 5px 0 0 0;}

table#com_prof{border-collapse:collapse; width:100%; margin: 40px 0 0 0;}
table#com_prof th{padding: 5px; text-align:left; border-bottom:solid 1px #BEB2A0;}
table#com_prof td{padding: 5px; border-bottom:solid 1px #BEB2A0;}

div#info dl.faq dt{margin: 0; padding: 5px; font-weight:bold; font-size:108%; background-color:#f2f0eb; color:#3f301a;}
div#info dl.faq dd{margin: 5px 0 10px 0; padding:0 0 10px 5px;}
div#info dl.faq dt strong{margin:2px; padding:1px 5px; font-weight:bold; background-color: #cf3547; color: #fff; font-size:126%; border-bottom: solid 1px #903; border-right: solid 1px #903;border-top: solid 1px #ed7390;border-left: solid 1px #ed7390;}
div#info dl.faq dd strong{margin:2px; padding:1px 6px; font-weight:bold; background-color: #4454b7; color: #fff; font-size:126%;border-bottom: solid 1px #009; border-right: solid 1px #009;border-top: solid 1px #69f;border-left: solid 1px #69f;}

/*staff*/
div.staff table{border-collapse: collapse; border-top: solid 10px #f2f0eb; margin: 0; width:100%;}
div.staff td{padding:3px; border-bottom: dotted 1px #ccc;}
div.staff th{padding:3px; text-align:right; font-size:85%; border-bottom: dotted 1px #ccc; width:100px; color: #696;}
div.staff td.stf_photo img{padding: 3px; border: solid 1px #ccc; margin: 0 10px 3px 0;}
div.staff td.stf_photo {text-align:center; line-height:1.1; padding:5px 0;}

/*sitemap*/
div.sitemap li{margin: 0 0 0 15px; padding: 5px 0 5px 10px;}
div.sitemap ul{margin: 0 20px; padding: 0;}

/*infomation*/
table.ycalendar{border-collapse:collapse; border:solid 1px #bbb; width:100%;}
table.ycalendar caption{font-weight: bold; padding: 5px; font-size: 108%; margin: 20px 0 0 0;}
table.ycalendar td{padding: 4px; border-bottom:solid 1px #bbb;}
table.ycalendar th{padding: 4px; border-bottom:solid 1px #bbb;}
table.ycalendar colgroup.month{width:100px; background-color: #ffedad;}
table.ycalendar colgroup.day{width:50px;}
table.ycalendar colgroup.event{ background-color: #f5f5f5; }
table.ycalendar colgroup.religion{ background-color: #fff;}

/*campaign*/
div#campaign{margin: 20px;}
div#campaign h2{border:solid 1px #674100; background-color:#674100; text-align:right;}
div#campaign h3{margin: 10px 0; color:#674100; font-size:123%;}
div#campaign h4{margin: 10px 0; padding: 5px; border-bottom: solid 1px #674100; border-left: solid 10px #674100;}

div#campaign table{border-collapse:collapse;}
div#campaign table td{padding: 10px 5px; width: 50%;}
div#campaign table img{float:left;display: block; padding:2px; margin:0 5px 0 0; border:solid 1px #bbb;}
div#campaign table p.heightLine-ctxt{padding: 0 10px 0 0; margin:0;}
div#campaign table p.heightLine-ctxt a{font-size: 100%; padding: 0 0 10px 0; display:block;}
div#campaign table p.heightLine-ctxt span{font-size: 85%;}
div#campaign table p.price{clear:both; background-color:#faf8de; padding: 3px 10px; margin: 0; border-bottom: solid 1px #674100; }

/*hotels*/
div#hoteltop img{float:left; margin: 10px 0 0 0; padding: 3px; border: solid 1px #BEB2A0;}
div#hoteltop dl{float:right; width:400px; padding: 10px 0 0 0;}
div#hoteltop dt{padding: 5px 0 5px 15px; font-size:123%; font-weight:bold; color:#336699; background:url(/GUAM/img/bg_gold.jpg) no-repeat; font-weight:bold;}
div#hoteltop dd.hotelname{font-weight:bold; padding: 0 0 5px 0;}
.hotelcot dl{float:left; width:350px; padding-top:10px;}
.hotelcot dt{float:left;}
.hotelcot dt img{padding: 1px; border: solid 1px #BEB2A0;}
.hotelcot dd{float:right; width:183px; text-align:left; padding: 0 5px 0 3px;}
.hotelcot dd a{
	font-weight:bold;
/*	background:url(/GUAM/img/ic_arred.jpg) no-repeat;*/
	background-position:left 50%;
/*	padding-left:16px;*/
}
.hotelcot a span{font-size:85%; font-weight:normal;}
/*[3]Info----------------[end]*/



/*[4]Topics---------------------*/
div#report{width:760px; margin-top:-5px; position:relative; background:url(/BALI/img/rp_bg.gif) left top repeat-y; border-bottom:solid 5px #bddce1;}
div#report_in{width:720px; margin:0 auto;}
div#report_in p{margin:5px 0;}
div#report_in p.rp_rtxt{font-weight:bold; margin:15px 0 0 0;}
div#report_in p.rp_txt{line-height:1.7; background-color:#fafae3; padding:10px; margin:0 0 10px 0;}
div#report_in p.btn_rplist{position:absolute; top:110px; right:60px;}
div#report_in p.rp_photo img{padding: 3px; border:solid 1px #ccc; margin:5px 5px 5px 0;}
div#report_in table.report{width:470px; margin:0 0 10px 0; border-collapse:collapse; font-size:93%; color:#827562; line-height:1.5; float:left;}
div#report_in table.report img{padding: 3px; border:solid 1px #ccc; margin:0 5px 0 0;}
div#report_in div#report2{float:right; width:240px; margin:0 0 10px 0; background:url(/BALI/img/rp_mbg.gif) left top repeat-y;}
div#report_in div#report2 p{font-size:93%; width:180px; margin: 0 auto 15px auto;}
div#report_in div#report2 p strong{color:#069;}
div#report_in div#report2 span.rp_photo2 img{border-top:solid 1px #111; border-left:solid 1px #111;}
div#report_in div#report2 span.rp_photo2{background:url(/BALI/img/rp_bg_mimg.gif) left top no-repeat; padding: 16px 0; display:block; width:180px; margin: 4px auto; text-align:center; border-right:solid 1px #111; border-bottom:solid 1px #111;}

div#report_in table#rp_list {margin:10px 0; border-collapse:collpse;}
div#report_in table#rp_list a.rp_thphoto img{padding: 3px; border:solid 1px #ccc; margin:0 5px 0 0;}
div#report_in table#rp_list a.rp_thphoto:hover img{border:solid 1px #f60;}
div#report_in table#rp_list td{background:url(/BALI/img/rp_line.gif) bottom no-repeat; padding:0 0 20px 0;}

/*01*/
div#feature_list dl{width:360px; margin: 10px 0; padding:5px; border: solid 1px #a89781; border-bottom: solid 3px #a89781;}
div#feature_list dt{padding: 4px; background-color:#e1f2f5; font-weight:bold;}
div#feature_list dd{padding: 4px 0;}
div#feature_list dd img{float:left; padding: 3px; background-color:#fff; border:solid 1px #ccc; margin:0 5px 5px 0;}

div#feature_list strong.fbtn a{background: url(/BALI/img/bg_btn_o.gif) top left repeat-x #e7570e; margin: 3px 0 0 0; padding:2px 5px; color:#FFF; font-size: 93%; text-align:center; text-decoration: none; border-left: solid 2px #f79f73; border-top: solid 2px #f79f73; border-right: solid 2px #c30; border-bottom: solid 2px #c30; font-size:93%; display:block; float:right;}
div#feature_list strong.fbtn a:visited{background: url(/BALI/img/bg_btn_o.gif) top left repeat-x #e7570e; padding:2px 5px; color:#FFF; text-decoration: none;}
div#feature_list strong.fbtn a:hover{background-image:none; background-color: #e7570e; color:#FFF;}

/*02*/
div#feature p{margin:5px 0;}
div#feature p.ft_txt{margin: 0 0 0 460px;}
div#feature dl.ft_set{padding:5px; margin:10px 0; border: solid 1px #a89781; border-bottom: solid 3px #a89781;}
div#feature dt{padding: 4px; background-color:#e1f2f5; font-weight:bold;}
div#feature dd.ft_photo{text-align:center;}
div#feature dd.ft_photo img{padding: 3px; border:solid 1px #ccc; margin:5px 5px 5px 0;}
div#feature dl.ft_set table{width:100%; margin:5px 0;}
div#feature dl.ft_set caption{display:block; padding:3px; background-color:#eee; font-weight:bold; text-align:left;}
/*[4]Topics----------------[end]*/



/*whatNews*/
/*dl#whatnews{margin: 0 0 10px 0; padding: 0; border-bottom: dotted 1px #ccc;}*/
dl#whatnews{margin: 0 0 10px 0; padding: 0;}
dl#whatnews dt{float: left; margin: 0; padding: 0 0 3px 0; width: 70px; color: #F60; font-size: 11px;}
dl#whatnews dd{ margin: 0 0 0 70px; padding: 0 0 3px 0; width: 650px;}

div.whatnewslist{height: 100px; overflow: scroll; padding: 10px; border: solid 1px #ccc; margin: 0;}

/*画像のボタンをマウスオーバーで薄くする*/
div#main a:hover img,.a:active img{
filter:alpha(opacity= 70); /* IE */
-moz-opacity:0.70; /* Firefox CSS3以前 */
opacity:0.70; /* CSS3 */
}
/*ボーダー----------------------------------------------------------*/
.opng_no_line{border: solid 1px #ccc; margin: 0px; padding: 0px;}
.line_sld845d42{border:solid 1px #845d42;}
/*配置----------------------------------------------------------*/
.pdd_0{padding:0px;}
.pdd_3{padding:3px;}
.pdd_10{padding:10px;}
.pdd_top15{padding-top:15px;}
.mrgn_left20{margin-left:20px;}
.btm_mrgn{margin-bottom: 3px;}
.ver_top{vertical-align:top;}
.block_center{margin-left:auto; margin-right:auto;}
/*文字----------------------------------------------------------*/
/*strong*/
.str{font-weight:bold;}
.fntsz_85perc{font-size:85%;}
span.fs_small{font-size: xx-small;}
/*背景----------------------------------------------------------*/
/*背景薄いピンク*/
.bg_FFE1E1{background-color:#FFE1E1;}

/*Ranking*/
ul#ranking{margin:0 0 5px 0; padding:0; background-color:#FFFDE6; border-left: solid 1px #BEB2A0; border-right: solid 1px #BEB2A0;}
ul#ranking li{padding: 3px 3px 8px 3px; font-size: 11px; line-height: 1.2; border-bottom: solid 3px #BEB2A0;}
ul#ranking li img{float:left; margin: 0 3px 2px 0;}
ul#ranking li a img{border: solid 2px #BEB2A0;}
ul#ranking li a:hover img{border: solid 2px #9cc;}
ul#ranking .pinfo{clear:both; font-weight: bold;}
ul#ranking li strong{text-decoration: underline;}
ul#ranking li.no1 strong{color:#f00;}
ul#ranking li.no2 strong{color:#f90;}
ul#ranking li.no3 strong{color:#6c3;}
ul#ranking li.no4 strong{color:#399;}
ul#ranking li.no5 strong{color:#36c;}

/*Comment*/
ul#comment{margin:0 0 5px 0; padding:0; border-left: solid 1px #BEB2A0; border-right: solid 1px #BEB2A0;}
ul#comment li{padding: 3px 3px 8px 3px; font-size: 11px; line-height: 1.2; border-bottom: solid 3px #BEB2A0;}
ul#comment li img{float:left; margin: 0 3px 2px 0;}
ul#comment li strong{font-size: 10px;}