@charset "utf-8";

* {margin: 0; padding: 0;}

body { font: 12px 'Arial', 'ＭＳ Ｐゴシック','MS PGothic', 'メイリオ', 'Meiryo',sans-serif; }
td { font-size: 12px; }
.highlight { color: #2c6b1a }

ul { text-align: left; margin-bottom: 3px; margin-left: 10px; margin-top: 0px; }
li { margin-left: 20px; line-height: 1.5; list-style-image: url('custom-bullet.jpg'); }
p { font-size: 12px; color: #000000; padding-top:3px; padding-bottom: 3px; line-height: 1.3; margin-top: 2px; }
.bullet { padding-bottom: 2px; padding-left: 5px; list-style-image: url('custom-bullet.jpg');	float: left; margin-top: 3px; overflow: auto; margin-right: 6px; }
.lnk { text-align: left; margin-top: 0px; margin-left: 3px; overflow: auto; }

HR { background-color: #9db0bc; height: 1px; clear: both; }

A { font-weight: normal; text-decoration: none; color: #000000; } 
A:hover { text-decoration: underline; }
a img { border-style:none; }

H1 H2 H3 H4 H5 H6 { margin-left: 0px; margin-top: 0px; margin-bottom: 0px; text-align: left; font-family: "Lucida Grande", "Arial Unicode MS", sans-serif; }


h1 { 	color: #000000; 
	font-size: 20px; 
	font-weight: bold; 
	text-decoration:none;  
}

h2 { color: #000000; font-size: 14px; padding-bottom: 8px; font-weight: bold; }
h3 { color: #000000; font-size: 13px; font-weight: bold; text-align: left; width: 100%;}
h5 { color: #000000; font-size: 14px; }
h6 { color: #000000; font-size: 11px; }

table { border: 1px solid #CCCCCC; width: 96%; margin-top: 5px; padding-right: 10px; border-collapse: collapse; }
td { padding: 5px; margin: 5px; border: 1px dashed #CCCCCC; font-size: 12px; line-height: 1.3; vertical-align: top; }
th { padding: 5px; font-size: 12px; font-weight: bold; border: 1px dashed #CCCCCC; text-align: center; background-image: url("/styles/bg095_05.gif");}
table p, table h3 { margin: 6px; }

input, select, textarea { color: #615547; font-family: "Lucida Grande", "Arial Unicode MS", sans-serif; font-size: 11px; }
.pic {
	background-color: #F8F8F8;
	border: 1px dashed #CCCCCC;
	float: right;
	margin: 0 0 15px 25px;
	padding: 12px;
}
.redbold {
	font-size: 16px;
	font-weight: bold;
	color: #ff0000;
}

.largefont {
	font-size: 16px; 
	color: #444444;
}	

.img_thumb { border: 1px solid #A71300; }

.subsection, .subsection-header, .subsection-active, #activetitle {
	background-image: url("/styles/submenu_section.jpg");
	padding-left: 0px;	
	padding-top: 5px;
	padding-bottom: 3px;	
	background-color: #ecf3f9;
	background-position: 0% 0%;
	background-repeat: repeat-x;
	margin-left: 0px;
	border: 1px solid #9db0bc;	
	margin-top: 3px;
}

.subsection, .subsection-header {
	min-height: 16px;
}

.subsection-active {
	background-image: url("/styles/feature_bg.jpg");
}

.subsection-l1, .subsection-l2, .subsection-l3 {
	min-height: 15px;
	margin-bottom: 8px;
	margin-top: 8px;
	padding-right: 5px;
	padding-left: 5px;
}

.subsection-header {
	color: #222222;
	font-weight: bold;
	padding-left: 5px;
}

.subsection-l1 {
	margin-left: 2px;	
}

.subsection-l2 {
	margin-left: 10px;
}

.subsection-l3 {
	margin-left: 15px;
}

.subsection-highlight {
	color: #2c6b1a;
	font-weight: bold;
	text-decoration: none;
}

.feature {
	width: 187px;
	color: #5b5b5b;
	margin-left: 5px;
	padding-right: 10px;
	padding-left: 15px;
	padding-top: 9px;
	padding-bottom: 10px;
	background: #ffffff;
	background-image: url("/styles/submenu_section.jpg");
	background-position: 0% 0%;
	background-repeat: repeat-x;
}

.infobox {
	width: 163px;
	border: 1px solid #cccccc;
	background: #ffffff;
	margin-top: 20px;
	margin-bottom: 5px;
	margin-left: 3px;
	padding: 6px;
}

.infobox img { margin-top: 5px; margin-bottom: 5px; }
.header { color: #222222; font-weight: bold; padding-left: 3px; }
.newsheader { color: #35a6ac; font-weight: bold; padding-top: 10px; padding-bottom: 5px; }

#activetitle { padding-left: 9px; font-weight: bold; color: #000000; text-align: left; }
#activeheader { margin-left: 7px; text-align: left; padding-left: 0px; color: #000000; font-weight: bold; padding-top: 4px; padding-bottom: 5px; }
#activebody { margin-left: 7px; padding-left: 0px; padding-right: 5px; text-align: left; }
#activeitem { padding-left: 95px; text-align: right; padding-right: 5px; padding-top: 5px; margin-bottom: 5px; }

#content_shell {
	margin-top: 5px;
	padding: 3px;
	text-align: center;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #9db0bc;
}

#content_header {
	background-image: url("/styles/topbanner_j.jpg");
	height: 104px;
	margin-top: 0px;
	margin-bottom: 0px;
	border-top: 1px solid #9db0bc;
	border-left: 1px solid #9db0bc;
	border-right: 1px solid #9db0bc;
}
#content_search {
	display: none;
}

/* Global Navi*/
#content_sitemenu {
	position: absolute;
	margin-left: 840px;
	margin-top: 15px;	
}

#content_sitemenu a {
	clear: both;
	text-decoration: none; 
	margin-right: 20px;
}
#content_sitemenu a:hover {
	text-decoration: underline; 
	color:#aa2111;
}
#content_sitemenu active {
	text-decoration: none;
	margin-right: 20px;
}
/* Global Navi*/

#content_submenu {
	width: 195px;
	text-align: left;
	float: left;
	background-image: url("/styles/submenu_bg.jpg");
	background-repeat: no-repeat;
}

#content_submenu a {
	color: #000000;
	text-decoration: none;
}

#content_submenu a:hover {
	text-decoration: underline;
}

#content_main, #content_main_wide {
	margin-left: 200px;
	margin-right: 5px;	
	text-align: left;
	padding-bottom: 15px;
}

#content_main {	
	margin-right: 180px;
	text-align: left;
}

#content_main a:hover, #content_main_wide a:hover {
	color: #aa2111;
}

#content_navlocator {
	display: block;
	font-size: 11px;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 5px;
	margin-bottom: 5px;
	color: #999999;
}

#content_navlocator a {
	color: #999999;
	text-decoration: none;
}

#content_body2 {
}

#content_footer, #content_companyinfo {
	text-align: center;
	height: 18px;
	padding-left: 10px;
	margin-left: 0px;
	padding-top: 4px;
	font-size: 10px;
	height: 20px;
	clear: both;
	border: 1px solid #9db0bc;
}

#content_footer {
	background-image: url("/styles/submenu_section.jpg");
}

#content_companyinfo {
	margin-top: 4px;
}

#content_footer a {
	margin-left: 15px;
}

#content_footer a:hover {
	color: #bf2b2b;
}

#content_mailinglist {
	font-size: 10px;
	background-color: #f1f5f8;
	background-image: url("/styles/feature_bg.jpg");
	text-align: center;
	padding-top: 4px;
	padding-bottom: 6px;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 4px;
	margin-top: 4px;
	border: 1px solid #9db0bc;	
}

#content_mailinglist p {
	padding-bottom: 2px;
	text-align: center;
	line-height: 1.2;
}

#content_topmenu {
	font-size: 12px;
	height: 28px;	
	background-image: url("/styles/menu.jpg");
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 0px;
	padding-bottom: 25px;
	vertical-align: top;
	padding-left: 2px;
	border-left: 1px solid #9db0bc;
	border-right: 1px solid #9db0bc;
}

#content_topmenu_wrapper {
	text-align: center;
	margin-left: 150px;
	width: 850px;
}

#content_topmenu a {	
	color: #000000;	
	margin-left: 1px;
	margin-right: 1px;
	text-decoration: none;
}

#content_topmenu a:hover {	
	color: #aa2111;	
	margin-left: 1px;
	margin-right: 1px;
	text-decoration: none;
}

#content_topmenu a:active {	
	color: #aa2111;	
	margin-left: 1px;
	margin-right: 1px;
	text-decoration: none;
}
#content_formbuilder h1 {
	width: 720px;
	background-image:  url("/styles/bookingbg.gif") ;
	font-size: 20px;
	font-weight: bold;
	color: #ffffff;
	border-left: 10px solid #F18A00;
	border-bottom: 1px dotted #cccccc;
	padding: 10px;
	margin: 15px 0 15px 0;
}

#content_formbuilder h2 {
	clear: both;
	width: 720px;
	background-image:  url("/styles/bookingbg.gif") ;
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
	border-left: 10px solid #F18A00;
	border-bottom: 1px dotted #cccccc;
	padding: 10px;
	margin-top: 15px;
}

.al, .ac, .ar, .ac_highlight {
	float: left;
	margin-top: 1px;
}

.al {
	background-image: url("/styles/topmenu_left.jpg");
	width: 9px;
	height: 29px;
}

.ac, .ac_highlight {
	background-image: url("/styles/topmenu_link.jpg");
	height: 21px;
	padding-top: 8px;
	padding-left: 7px;
	padding-right: 7px;
}

.ar {
	background-image: url("/styles/topmenu_right.jpg");
	width: 9px;
	height: 29px;
}


#content_topmenu a.highlight {
	color: #aa2111;
	font-weight: bold;
}

#content_topmenu a:active {
	color: #aa2111;
}

#content_topmenu a:hover {
	color: #aa2111;
}

#content_right {
	background-image: url("/styles/rightmenu_image.jpg");
	background-repeat: no-repeat;
	padding-top: 1px;
	float: right;
	width: 180px;
	margin-bottom: 0px;
	text-align: center;
}

#content_right img {
	margin: 1px 0 0 0;
}
#content_lefthtml img {
	margin: 1px 0 1px 0;
}
.photo {
	border: #9db0bc 1px solid;
	margin-bottom: 4px;
	padding-bottom: 0px;	
}

.photo-frame {
	display: block;
	float: left;
	margin-right: 0px;
	margin-bottom: 1px;
	margin-top: 3px;
	padding-top: 11px;
	background-image: url("/styles/photo_bg.jpg");
	background-repeat: repeat-x;
}

.photo-frame img {
	display: block;
}

.photo-frame-right {
	float: right;
	margin-right: 15px;
	margin-left: 15px;
	margin-bottom: 15px;
	clear: right;
}

.photo-caption {
	text-align: center;
	padding-top: 4px;
	background-color: #ffffff;
	background-position: 0% 0%;
	background-repeat: repeat-x;
	margin-left: 0px;
	minheight: 27px;
	border: 1px solid #9db0bc;
	padding-bottom: 5px;
	margin-bottom: 0px;
	background-image: url("/styles/submenu_section.jpg");
}

.photo-caption a{
	text-align: center;
	text-decoration: underline;
}

.gallery_thumbnail {
	margin-top: 20px;
	padding-left: 22px;
	padding-right: 22px;
	float: left;
	text-align: center;
	width: 280px;	
}

.gallery_thumbnail img {
	border: 1px solid #e1e1e1;
	padding: 10px;
	margin-bottom: 10px;
}

.gallery_description {
	padding: 20px;
	width: 400px;
	text-align: center;
}

/* Homepage top tours*/
#introduction {
	border: 1px solid #9db0bc;
	overflow: hidden;
}

#introduction ul{
	margin: 0;
	padding: 0;
}
#introduction ul li{
	margin: 0;
	display: inline;
	padding-left: 5px;
	list-style-type: none;
	float: left;
	width: 180px;
	padding-bottom: 5px;
}
#introduction img {
	border: 1px solid #9db0bc;
}
#introduction p {
	color: #333333;
	padding-top: 0;
	padding-bottom: 0;
}

#introduction h1 {
	color: #024a1c;
	font-size: 14px; 
	font-weight: bold;
	padding: 5px;
	text-decoration:none; 
}
#introduction h3 a {
	margin: 0;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none; 
	color: #333333;
}
#introduction  a {
	text-decoration: none; 
	color: #444444;
}
#introduction  a:hover {
	text-decoration: underline; 
	color:#aa2111;
}
#introduction  active {
	text-decoration: none;
}
/* Homepage top tours*/

/* Homepage bottom tours*/
#main_bottom  h2 {
	background-image:  url("/styles/home_h2_bg.gif") ;
	border-left: 10px solid #f18a00;
	border-bottom: 1px solid #9db0bc;
	font-size: 13px;
	font-weight: bold;
	color: #111111;
	padding: 5px;
}
#main_bottom  img{
	float: left;
	border: 1px solid #9db0bc;
	margin: 5px;
}
#main_bottom  h4 a {
	background : url("/styles/arrow.gif") no-repeat scroll 0 50% transparent;
	font-size: 12px;
	font-weight: bold;
	padding: 5px 5px 2px 15px;
	}
#main_bottom  h4 a:hover {
	background : url("/styles/arrow_ho.gif") no-repeat scroll 0 50% transparent;
	font-size: 12px;
	font-weight: bold;
	padding: 5px 5px 2px 15px;
	}
#main_bottom  p {
	font-size: 12px;
	padding-left: 15px;
	padding-bottom: 5px;
	padding-top: 0;
	margin-left: 60px;
	}
.main_bottom_left {
	border: 1px solid #9db0bc;
	width: 368px;
	float: left;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 3px;
}
.main_bottom_content {
	clear: both;
	margin-top: 5px;
	}
.main_bottom_right {
	border: 1px solid #9db0bc;
	width: 368px;
	float: right;
	margin-top: 5px;
	margin-left: 3px;
	margin-bottom: 5px;
	padding: 3px;
}
/* Homepage bottom tours*/

#content_submenu .photo-frame {
	float: none;
	width: 100%;
}

#content_right .photo-frame {	
	width: 100%;
}

#content_main_wide .photo-frame {
	float: right;
	margin: 20px;
}

td .photo-frame {
	margin: 0px;
	float: left;
}

.homeboxleft {
	margin-top: 5px; float: left; width: 300px;
}

.homeboxright {
	padding-left: 5px;
	float: left;
}
.summerspecial  {
	font-size: 12px;
	color: #1012ff;
	font-weight: bold;
	font-family: 'ms p????'	
	text-valign: top;
}
.detail  { 
	font-size: 12px; color: #444444; padding-bottom: 20px; line-height: 1.3; text-align: right; margin-top: 2px; 
}

#left_banner { 
	margin-bottom: 1px;
}
#left_banner img { 
	margin-top: 1px;
	margin-bottom: 1px;
}

/*TOP PAGE BOTTOM BANNERS*/
#banners {
	margin-bottom: 5px;
	padding: 0;
	border: 0;
}
#banners ul {
	margin: 0;
	display: inline;
	padding: 0;
	list-style-type: none;
	float: left;
	list-style: none;
}
#banners li{
	margin: 0;
	display: inline;
	padding-left: 5px;
	list-style-type: none;
	float: left;
	width: 180px;
	list-style: none;
}
#twitter {
	float: left;
	margin-bottom: 5px;
}
/*TOP PAGE BOTTOM BANNERS*/



/* TOP PAGE RIGHT INQUIRY BY PHONE */
#phone_inquiry {
	margin-top: 0px;
	padding-left: 5px;
}

.opening  {
	font-size: 12px;
	text-align: left;
	padding-left: 5px;
	font-weight: bold;
	padding-top: 3px;
}
.opening a  {
	font-size: 12px;
	font-weight: bold;
}
.opening_sub  {
	font-size: 10px;
	text-align: left;
	padding-left: 3px;
	font-weight: normal;
	color: #111111;
}
.opening_title  {
	font-size: 12px;
	text-align: left;
	font-weight: bold;
	color: #f14a00;
	padding-left: 3px;
	padding-top: 10px;
}
.weather {
	padding-top: 8px;
	padding-bottom: 2px;
	text-align: center;
}
#social {
	padding: 5px;
	align: center;
}
/* TOP PAGE RIGHT INQUIRY BY PHONE */

/* DAY TOURS */
#daytour {
	float: right;
	margin-left: 5px;
}
#daytour h1 {
	width: 730px;
	background-image:  url("/styles/asanoha.gif") ;
	font-size: 20px;
	font-weight: bold;
	color: #ffffff;
	padding: 10px;
}
#daytour h2 {
	font-size: 12px;
	font-weight: normal;
	padding-top: 10px;
	line-height: 175%;
}
.cap {
	width: 220px;
	font-size: 11px;
	text-align: center;
	float: right;
	margin: 10px;
}
#daytour h3 {
	clear: both;
	width: 720px;
	background-image:  url("/styles/h3banner.gif") ;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	border-left: 10px solid #F18A00;
	border-bottom: 1px dotted #cccccc;
	padding: 10px;
	margin-top: 15px;
}
#daytour h5 {
	clear:both;
	font-size: 15px;
	font-weight: bold;
	color: #000000;
	padding-top: 5px;
}
#daytour p {
	line-height: 1.8;
}
#daytour img {
	float: right;
	padding: 10px;
}
#daytour-up {
	float: left;
	width: 500px;
}
.daytour-up-left {
	float: left;
	width: 190px;
	height: 15px;
	border-bottom: 1px dashed #CCCCCC;
	padding: 10px 0 10px 10px;
}
.daytour-up-right {
	float: right;
	width: 300px;
	height: 15px;
	border-bottom: 1px dashed #CCCCCC;
	padding: 10px 0 10px 0;
}
.crayon {
		background:  url("/styles/daytour_h5.png") no-repeat bottom;
}
.star-list li {
		margin-left: 20px; line-height: 200%; list-style-image: url('075.gif');
}
.outlined {
	width: 728px;
	border: 1px solid #cccccc;
	padding: 10px;
}
	
/* DAY TOURS */



a.booking {
	display: block;
	width: 150px;
	height: 45px; 
	text-indent: -9999px; 
	float: left;
	margin: 5px 0px 10px 0px;
	background-image: url("/styles/booking.jpg"); 
}
a.booking:hover {
   background-position: top right;
}
a.enquiries {
	display: block;
	width: 150px;
	height: 45px; 
	text-indent: -9999px; 
	float: right;
	margin: 5px 0px 10px 0px;
	background-image: url("/styles/enquiries.jpg"); 
}
a.enquiries:hover {
   background-position: top right;
}



/*Affiliate*/
div.affiliate {
	margin: 10px 0px 10px 0px;
	align: center;
}
/*Affiliate*/

/*Affiliate-top*/
#affiliate-top {
	margin: 1px 0px 1px 0px;
	padding: 1px 0px 1px 0px;
	align: center;
}
/*Affiliate-top*/

/*Image Roll Over*/
a.thumbnail {
display: block;
float: right;
margin: 0.3em 20px 0.3em 0;
}
a.thumbnail img{
position: relative;
float: right;
}
a.thumbnail,
a.thumbnail img{
width: 200px;
height: 193px;
padding-bottom: 10px;
}
a.thumbnail:hover {
cursor: hand;
}
a.thumbnail:hover img {
border-width: 0 0 1px 1px;
border-color: #333333;
width: auto;
height: auto;
z-index: 3;
}
/*Image Roll Over*/


div#photo-gallery {
	clear: both;
	margin-top: 5px 0 10px 0;
	width: 100%;
	height: 100%;
	padding: 0 0 10px 0;
}
div#photo-gallery a {
	text-decoration: none;
}
div#photo-gallery ul {
	clear: both;
	margin: 0 0 10px 0;
	padding: 0;
	list-style: none;
	background-image: none; 
	border: 0;
}
div#photo-gallery li {
	margin: 0;
	padding: 5px;
	float: left;
	list-style: none;
	text-align: center;
	background-image: none; 
	background-color:#eeeeee;
	border:1px solid #ffffff;
}
div#photo-gallery li div {
	width: 150px;
	text-align: center;
	color: #000000;
	font-size: 10px;
}
div#phogo-gallery-left {
	float: left;
	text-align: right;
	width: 95px;
	vertical-align: middle;
	padding-top: 140px;
}
div#phogo-gallery-left a {
	text-decoration: none;
}
div#phogo-gallery-center {
	float: left;
	text-align: center;
	width: 460px;
}
div#phogo-gallery-center a {
	text-decoration: none;
}
div#phogo-gallery-right {
	float: right;
	text-align: left;
	width: 95px;
	padding-top: 140px;
}
div#phogo-gallery-right a {
	text-decoration: none;
}
div#phogo-gallery-bottom {
	clear: both;
	text-align: center;
	padding: 10px;
	margin: 10px;
}
#tweet {
	position: relative;
	left: 10px;
	top: 17px;
	padding: 10px;
}
.mawarik {
	clear: both;
}

#newsdate {
	background-image: url("/core/images/icon-document.gif");
	background-repeat: no-repeat;
	padding-left: 18px;
	padding-bottom: 3px;
	background-position: 0px 2px;
	color: #999999;
}

#newsheadline {
	margin-bottom: 15px;
	padding-left: 18px;
}


