@charset "utf-8";


.mainContentsArea {
	margin: 20px;
}

.mainContentsArea h3.border {
    background:none;
    padding: 0px 15px 15px 0px;
    margin-bottom: 20px;
    font-weight: bold;
    font-size: 153.9%;
    clear: both;
	border-bottom: 4px solid #8D0033;
}


/*----------------------------------------------------------
	optional-parts
----------------------------------------------------------*/
.tourLink ul li{
		list-style:none;
		background:url(/common/images/fn_list.jpg) no-repeat left 50%;
		margin:0 0 10px 22px;
		padding-left: 12px;
	}
		.tourLink ul li a, .tourLink ul li a:link, .tourLink ul li a:visited{
			text-decoration:none;
			color:#006699;
		}
		.tourLink ul li a:hover {
			text-decoration:underline;
			color:#1DB1DE;
		}
	
.notes ul li{
		list-style:none;
		background:url(/guide/optional/images/list_note_bg.gif) no-repeat left 2px;
		margin:0 0 10px 15px;
		padding-left: 18px;
	}

h5.tour{
	background:url(/guide/optional/images/h5_bg.gif) no-repeat left 12px;
	padding:5px 0 10px 15px;
	font-weight: bold;
	}
	
table.contTableE th{ width:auto; }
	
#TourLeftContents{
	float:left;
	width: 66%;
	margin:0 30px 0 0px;}
	


	
#TourRightContents{
	float:left;
	width:180px;}
	
.detailBox{
	clear:both;
	}

.tourImg{
	float:left;
	margin:0 20px 20px 0;
	}
	
.txtRed{
	color:#990000;}
	
#TourRightContents h6{
	display:block;
	background:#8D0033;
	color:#FFF;
	font-weight:bold;
	text-align:center;
	padding:5px;
	margin:0;
	}
	
#TourRightContents .schedule{
	border:1px solid #CCC;
	background:url(/guide/optional/images/schedule_bg.gif) repeat-y 0 0;
	margin:0 0 30px 0;
	padding:0;}
	
		.schedule .inner{
		margin-left:5px;
		padding-top:10px;}
		
		 .schedule .inner dt{
			 background:url(/guide/optional/images/schedule_time.gif) no-repeat 0 3px;
			 padding-left:15px;
			 margin-bottom:5px;
			 font-weight:bold;
			 }
				 
		.schedule .inner dd{
			padding-left:15px;
			margin-bottom:10px;}
			
  #TourRightContents table.course_calendar{
	  width:100%;
	  border-collapse: collapse;}
	  
		table.course_calendar th,  table.course_calendar td{
		   border:1px solid #CCC;
		   padding:5px;
		   text-align:center;
		   }
	  
		table.course_calendar td.calen_mm{
			background:#8D0033;
			color:#FFF;
			font-weight:bold;
		}
		
		table.course_calendar th{
			background:#F5F5F5;
		}
  
		table.course_calendar th.holi, table.course_calendar td.holi{
			color:#CC0000;
		}
		
		table.course_calendar th.sat, table.course_calendar td.sat{
			color:#0099CC;
		}
		
		table.course_calendar th.on, table.course_calendar td.on{
		/*	background:#FFE0EE;	2013.02.20 comm */
		/* ----- 2013.02.20 add begin ----- */
			background:#a2345a;
			color:#fff;
		/* ----- 2013.02.20 add end ----- */
		}
				
		.calendarTxt{
			background:#F0F0F0;
			padding:10px;
			font-size:93% !important;}

	.optionTel th {
		width: 10em!important;
	}
	
	.optionTel td img {
		margin-left:20px;
	}



	@media only screen and (max-width: 710px) {
		#TourLeftContents{
			width: 100%;
			margin:0 auto;
			margin-right:0;
		}
		h5{
			clear:both;
		}
		.tourImg {
    float: none !important;
	margin:0 0 20px 0 !important;
	width:100% !important;
	
	}
	.mainContentsArea {
	margin: 4%;
}

.mainContentsArea h3.border {
    background:none;
    padding: 0;
    margin-bottom: 20px;
    font-weight: bold;
    font-size: 153.9%;
    clear: both;
	border-bottom: 4px solid #8D0033;
}
}


/* 2019.10.30 add */
#guide div.mainContentsArea div.message_txt,
#guide div.mainContentsArea div.message_txt a {
	color: #f00;
	margin: 20px 0;
}
#guide div.mainContentsArea div.message_txt a:hover {
	opacity: 0.6;
}
/* 2019.10.30 add end */

/* 2021.03.15 add */
div.courseimgArea {
	width: 480px;
}
div.courseimgArea div.courseimgArea_left img,
div.courseimgArea div.courseimgArea_right img {
	width: 230px;
}
div.courseimgArea div.courseimgArea_left {
	float: left;
	margin-right: 20px;
}
div.courseimgArea div.courseimgArea_right {
	float: right;
}

@media screen and (max-width:640px) {
div.courseimgArea {
	width: 100%;
}
div.courseimgArea div.courseimgArea_left img,
div.courseimgArea div.courseimgArea_right img {
	width: 100%;
}
div.courseimgArea div.courseimgArea_left {
	float: none;
	margin-right: 0;
}
div.courseimgArea div.courseimgArea_right {
	float: none;
}
}
/* 2021.03.15 add end */