@charset "UTF-8";

@import url("../../css/common.css");
@import url("../../css/structure.css");

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

 common "facility" contents
 2008.3.9
 
 Color Cordination
 Key Color: #15252e(Dark Indigo)

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

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

 main 

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

#main h2
{
	width: 648px;
}

#genre p.lead
{
	margin: 0 0 3px;
	font-size: 84%;
}
#genre div.setPadding
{
	padding: 10px;
}
#genre ul.genre
{
	width: 570px;
	height: 40px;
	margin: 0 0 10px;
	padding: 9px;
	border: 1px solid #e7e0c1;
	background: #efe7c7 url(../img/bg_genre.gif) repeat-x left top;
}
#genre ul.genre li
{
	float: left;
	padding: 0 10px;
	font-size: 84%;
	text-align: center;
}
#genre ul.genre li a
{
	display: block;
	width: 4em;
	padding: 27px 0 0;
}
#btnGenreGourmet
{
	background: url(../img/ico_gourmet.gif) no-repeat center top;
}
#btnGenreSight
{
	background: url(../img/ico_sight.gif) no-repeat center top;
}
#btnGenrePlay
{
	background: url(../img/ico_play.gif) no-repeat center top;
}
#btnGenreSports
{
	background: url(../img/ico_sports.gif) no-repeat center top;
}
#btnGenreShop
{
	background: url(../img/ico_shopping.gif) no-repeat center top;
}
#btnGenreLearn
{
	background: url(../img/ico_learning.gif) no-repeat center top;
}
#btnGenreOther
{
	background: url(../img/ico_other.gif) no-repeat center top;
}
#genre ul.genre li#btnGenreAll
{
	margin-left: 20px;
	text-align: left;
	line-height: 1.4em;
}
#genre ul.genre li#btnGenreAll a
{
	width: 8em;
	padding: 0 0 0 6px;
	background: url(../../img/common/arrow_r.gif) no-repeat 0 0.5em;
}
#gmap
{
	overflow: hidden;
	width: 588px;
	height: 278px;
	border: 1px solid #ccc;
	background: #f9f9f9;
}
#gmap span.loading
{
	color: #666;
	text-align: center;
}

#overview ul.list
{
	width: 590px;
	padding: 5px 10px 10px;
}
#overview ul.list li
{
	padding: 3px 0 3px 8px;
	background: url(../../img/common/arrow_r.gif) no-repeat left center;
}
#overview ul.list li.odd
{
	
}
#overview ul.list li.even
{
	background: #f7f1d9 url(../../img/common/arrow_r.gif) no-repeat left center;
}
#overview ul.list li td.icon
{
	padding: 0 5px 0 0;
}
#overview ul.list li td.date
{
	padding: 0 1em 0 0;
}

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

 sidebar

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

/* ========== navi ========== */

div.sidebar ul.navi
{
	margin: 0 0 20px;
}
ul#recentSight
{
	width: 165px;
	padding: 4px;
	border: 1px solid #d7d7d7;
	border-top: 0;
	background: #f9f9f9;
}
ul#recentSight li
{
	margin: 0 0 5px;
	padding-left: 6px;
	background: url(../../img/common/arrow_r.gif) no-repeat 0 0.6em;
}
ul#recentSight li#recentSightTitle
{
	padding-left: 0;
	background: none;
}
ul#recentSight li table td
{
	font-size: 84%;
	vertical-align: top;
}
ul#recentSight li table td.icon
{
	padding: 0 3px 0 0;
}
ul#recentSight li table td.date
{
	font-weight: bold;
}

/* ========== container ========== */

div.sidebar div.container h3,
div.sidebar ul.container h3
{
	margin: 0 0 3px;
	padding: 0 0 4px;
	background: url(../../img/common/dotted_line.gif) repeat-x left bottom;
}
div.sidebar div.container,
div.sidebar ul.container
{
	margin: 0 0 10px;
}

/* ========== EnglishGuide ========== */



.english_guide_contents{
	float: left;
	width: 590px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 10px;
	_margin-left: 5px;

}



.english_guide_contents img

{
	float: right;
	margin-right: 10px;

}



.english_guide_contents h4

{
	float: left;
	margin-bottom: 10px;

}



.english_guide_contents p

{
	float: left;
	width: 365px;
	margin-left: 12px;













	_margin-left: 6px
	font-size: 84%;
	margin-right: 30px;

}
.txt_brown{
	font-weight: bold;
	color: #ae8700;

}
.txt_red{
	font-weight: bold;
	color: #990000;
}



/*---------------------------------------------
01. sightseeing
02. course
04. clearfix
---------------------------------------------*/

/*---------------------------------------------
01.	sightseeing
---------------------------------------------*/
#sightseeing h4								{ padding: 20px 0px 13px; }
#sightseeing h5								{ padding-bottom: 15px; }
#sightseeing h6								{ padding-bottom: 5px; margin-bottom: 7px; border-bottom: 1px dashed #ccc; }
#sightseeing .sightseeingBox				{ width: 404px; margin-left: 11px; background: url("../img/sightseeing_bg_main.jpg") no-repeat left top; }
#sightseeing .sightseeingBox .lead			{ padding-bottom: 100px; }
#sightseeing .sightseeingBox .title			{ padding-bottom: 7px; }
#sightseeing .sightseeingBox .infoBox		{ padding: 30px 0px 50px; }
#sightseeing .sightseeingBox .infoBoxLeft		{ float: left; width: 239px; }
#sightseeing .sightseeingBox .infoBoxLeft dt	{ font-weight: bold; color: #a88300; padding-bottom: 4px; }
#sightseeing .sightseeingBox .infoBoxRight		{ float: right; width: 150px; }

#sightseeing .sightseeingBox .infoBox1			{ padding-bottom: 50px; }
#sightseeing .sightseeingBox .infoBox1 dt		{ font-weight: bold; color: #a88300; padding-bottom: 4px; }
#sightseeing .sightseeingBox .infoBox1 ul		{ padding-top: 11px; }
#sightseeing .sightseeingBox .infoBox1 li		{ float: left; padding-right: 3px; }
#sightseeing .sightseeingBox .infoBox1 .right	{ padding-right: 0px; }

#sightseeing .sightseeingBox .infoBox2			{ padding: 0px; }
#sightseeing .sightseeingBox .infoBox2Left		{ float: left; width: 133px; }
#sightseeing .sightseeingBox .infoBox2Right		{ float: right; width: 256px; }
#sightseeing .sightseeingBox .infoBox2Right dt	{ font-weight: bold; color: #a88300; padding-bottom: 4px; }
#sightseeing .sightseeingBox .pageTop			{ padding: 30px 0px; text-align: right; }

#sightseeing .sightseeingBox .festivalBox		{ padding-bottom: 30px; }
#sightseeing .sightseeingBox .festivalBox1		{ padding-bottom: 30px; }
#sightseeing .sightseeingBox .festivalBox dt	{ float: left; width: 209px; padding-right: 15px; }
#sightseeing .sightseeingBox .festivalBox1 dt	{ float: left; width: 180px; padding-right: 15px; }

#sightseeing .sightseeingBox .noSpace			{ padding-bottom: 0px; }

#sightseeing .pageTop1							{ text-align: right; padding-top: 60px; }



/*---------------------------------------------
02.	course
---------------------------------------------*/
#course h3									{ padding-bottom: 19px; }
#course h4									{ padding-bottom: 15px; }
#course h5									{ padding: 15px 0px 9px; }
#course .courseBox							{ width: 404px; margin-left: 11px; }
#course .courseBox .lead					{ padding-bottom: 30px; margin-bottom: 18px; border-bottom: 1px dashed #ccc; }
#course .courseBox .copy					{ padding-bottom: 30px; }
#course .courseBox dl						{ color: #a88300; padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px dashed #ccc; }
#course .courseBox dt						{ font-weight: bold; }

#course .courseBox .routeBox				{ padding-bottom: 30px; }
#course .courseBox .routeBoxLeft			{ float: left; width: 157px; }
#course .courseBox .routeBoxRight			{ float: right; width: 247px; }
#course .courseBox .routeBoxRight dl		{ padding: 10px 0px 23px 15px; color: #444; margin-bottom: 0px; border: none; }
#course .courseBox .routeBoxRight dt		{ padding-bottom: 4px; margin-bottom: 7px; border-bottom: 1px dashed #ccc; font-weight: normal; }
#course .courseBox .routeBoxRight dd		{ padding-bottom: 5px; }
#course .courseBox .routeBoxRight .last		{ padding-bottom: 0px; }

#course .courseBox .arrow					{ padding: 0px 0px 20px 85px; }
#course .courseBox .arrow1					{ padding: 0px 0px 20px 85px; margin-bottom: 20px; border-bottom: 1px dashed #ccc; }

#course .courseBox .price					{ padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px dashed #ccc; }

#course .courseBox .coupon					{ padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px dashed #ccc; }

#course .courseBox #googleMap				{ width: 404px; height: 300px; }

#course .pageTop							{ text-align: right; padding-top: 60px; }

/* optional tour
---------------------------------------------*/
#course .courseBox .optionalBox				{ padding-bottom: 15px; }
#course .courseBox .optionalBoxLeft			{ float: left; width: 187px; }
#course .courseBox .optionalBoxRight		{ float: right; width: 202px; }
#course .courseBox .optionalBoxRight dl		{ color: #333; padding-bottom: 10px; margin-bottom: 0px; border: none; }
#course .courseBox .optionalBoxRight dt		{ padding: 3px 0px 5px; border-bottom: 1px dashed #ccc; }
#course .courseBox .optionalBoxRight dd		{ padding-top: 10px; }

#course .courseBox .optionalBox1			{ padding-bottom: 15px; }
#course .courseBox .optionalBox1Left		{ float: left; width: 187px; }
#course .courseBox .optionalBox1Right		{ float: right; width: 202px; }
#course .courseBox .optionalBox1Right dl	{ color: #333; padding-bottom: 10px; margin-bottom: 0px; border: none; }
#course .courseBox .optionalBox1Right dt	{ padding: 3px 0px 5px; border-bottom: 1px dashed #ccc; }
#course .courseBox .optionalBox1Right dd	{ padding: 10px 15px 0px 0px; float: left; width: 107px }
#course .courseBox .optionalBox1Right .photo{ padding: 10px 0px 0px 0px; width: 80px }

#course .courseBox .bottomSpace				{ padding-bottom: 20px; }



/*---------------------------------------------
03.	clearfix
---------------------------------------------*/
.clearFix:after  { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
.clearFix        { display: inline-block; }
* html .clearFix { height: 1%; }
.clearFix        { display: block; }

/* sightseeing
---------------------------------------------*/
#sightseeing .sightseeingBox .infoBox:after  		{ content: " "; display: block; height: 0; clear: both; visibility: hidden; }
#sightseeing .sightseeingBox .infoBox        		{ display: inline-block; }
* html #sightseeing .sightseeingBox .infoBox 		{ height: 1%; }
#sightseeing .sightseeingBox .infoBox        		{ display: block; }

#sightseeing .sightseeingBox .infoBox1 ul:after  	{ content: " "; display: block; height: 0; clear: both; visibility: hidden; }
#sightseeing .sightseeingBox .infoBox1 ul        	{ display: inline-block; }
* html #sightseeing .sightseeingBox .infoBox1 ul 	{ height: 1%; }
#sightseeing .sightseeingBox .infoBox1 ul        	{ display: block; }

#sightseeing .sightseeingBox .infoBox2:after  		{ content: " "; display: block; height: 0; clear: both; visibility: hidden; }
#sightseeing .sightseeingBox .infoBox2        		{ display: inline-block; }
* html #sightseeing .sightseeingBox .infoBox2 		{ height: 1%; }
#sightseeing .sightseeingBox .infoBox2        		{ display: block; }

#sightseeing .sightseeingBox .festivalBox dl:after  { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
#sightseeing .sightseeingBox .festivalBox dl        { display: inline-block; }
* html #sightseeing .sightseeingBox .festivalBox dl { height: 1%; }
#sightseeing .sightseeingBox .festivalBox dl        { display: block; }

#sightseeing .sightseeingBox .festivalBox1 dl:after  { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
#sightseeing .sightseeingBox .festivalBox1 dl        { display: inline-block; }
* html #sightseeing .sightseeingBox .festivalBox1 dl { height: 1%; }
#sightseeing .sightseeingBox .festivalBox1 dl        { display: block; }

/* course
---------------------------------------------*/
#course .courseBox .routeBox:after  		{ content: " "; display: block; height: 0; clear: both; visibility: hidden; }
#course .courseBox .routeBox        		{ display: inline-block; }
* html #course .courseBox .routeBox 		{ height: 1%; }
#course .courseBox .routeBox        		{ display: block; }

/* optional
---------------------------------------------*/
#course .courseBox .optionalBox:after  		{ content: " "; display: block; height: 0; clear: both; visibility: hidden; }
#course .courseBox .optionalBox        		{ display: inline-block; }
* html #course .courseBox .optionalBox 		{ height: 1%; }
#course .courseBox .optionalBox        		{ display: block; }

#course .courseBox .optionalBox1:after  	{ content: " "; display: block; height: 0; clear: both; visibility: hidden; }
#course .courseBox .optionalBox1        	{ display: inline-block; }
* html #course .courseBox .optionalBox1 	{ height: 1%; }
#course .courseBox .optionalBox1        	{ display: block; }

#course .courseBox .optionalBox1 dl:after  	{ content: " "; display: block; height: 0; clear: both; visibility: hidden; }
#course .courseBox .optionalBox1 dl       	{ display: inline-block; }
* html #course .courseBox .optionalBox1 dl 	{ height: 1%; }
#course .courseBox .optionalBox1 dl        	{ display: block; }