@charset "utf-8";

body {
	padding:0!important;
	color:#837476;
	color:#5B484A;
}
/* 
   [ P A R T S  -  promoted ]
*/
#promoted {
	width:950px; height:22px;
	margin:0 auto;
}
#promoted h1{
	height:22px; line-height:22px;
	text-align:right;
	color:#660; font-size:12px;
}


/*
	COMMON
*/
._ { /* swap text with relative image */ }
.colHalf{ width:50%; }
.colOnethird{ width:290px; float:left; clear:none; }

.session { clear:both; /*ie*/ }
.Section {
	clear:both; padding:5px 10px;
}
p.Desc {
	padding:10px;
	font-size:122%;
	line-height:1.4em;
	color:#5B484A;
}
.icon {
	width:60px; height:16px; line-height:16px; padding-top:60px;
	float:left; clear:none; margin:2px; text-align:center;
	background:url(img/icons-scenery.gif) 0 0 no-repeat;
	font-size:11px;
}
.marathon { background-position:0 0; }
.ski { background-position:-60px 0; }
.roadrace { background-position:-120px 0; }
.cycling { background-position:-180px 0; }
.family { background-position:-240px 0; }
.onsen { background-position:-300px 0; }
.camera { background-position:-360px 0; }
.birdwatch { background-position:-420px 0; }
.birdcross { background-position:-480px 0; }
.flowers { background-position:-540px 0; }
.flowers2 { background-position:-600px 0; }
.autumn { background-position:-660px 0; }


/* 
   [ main > #Introduction ]
*/
#Introduction #IntroductionC1 img{
	padding:10px 20px;
}

#Introduction h1 {
	height:55px; margin:90px 0 5px 30px;
	background:url(img/h1-pls-visit-to-norikura.gif) 0 0 no-repeat;
}
#IntroductionC2 p {
	margin-left:60px;
}

#PointsUL { margin:30px 0 0 50px;

}
#PointsUL li{
	padding-left:35px; margin-top:10px; height:38px;
	background:url(img/li-numbers.gif) 0 0 no-repeat;
	color:#8C7F80;
}
#PointsUL li span{
	display:block;
}

#PointsUL li.li1 { background-position:0 0; }
#PointsUL li.li2 { background-position:0 -38px; }
#PointsUL li.li3 { background-position:0 -76px; }
#PointsUL li.li4 { background-position:0 -114px; }

#PointsUL li span.PointTitle{ display:block; font-weight:bold; font-size:107%; color:#5B484A; line-height:18px; }


/* 
   [ main > #Description ]
*/
#Description {
	margin-top:20px;
}
#Description p{
	padding:10px;
	font-size:122%;
	line-height:1.4em;
	background:url(img/bg-grad-grey.jpg) 0 0 no-repeat;
}
#Description p a {
	color:#360;
}
#Description table{
	margin:10px;
	font-size:122%;
	line-height:1.4em;
}
#Description table td{
	padding:5px 10px;
}

/* 
   [ main > #Description ]
*/
.course {
	width:900px; margin:10px auto 20px auto; clear:both;/*ie8*/
}
.course h2 { height:100px; margin-bottom:15px; }
.course h3 { height:20px; margin-bottom:5px; }
.course h4 { height:18px; margin-bottom:10px; }

.course .thin, .course .normal, .course .wide
	{ float:left; clear:none; padding:15px; }
.course .text
	{ height:140px; }
.course .image
	{ height:75px; }
.course .thin{ width:80px; }
.course .normal{ width:220px; }
.course .wide{ width:464px; }

.course .text { line-height:18px; color:#5B484A; }
.course .text p { padding:5px 0; }
.course .text a { line-height:18px; color:#5B484A; display:inline-block; padding-left:25px; font-weight:bold;  }

.course .arrow { float:left; clear:none; width:20px; height:150px; }
.course .arrow div { width:20px; height:20px; margin-top:100px; }

.course .image img { margin-right:4px; }

.course .otherInfo .padding { padding:15px; }
.course .otherInfo ul li { line-height:18px; background:url(img/course-parts.gif) 0 -80px no-repeat; padding-left: 24px;}


#Course1 h2 { background:url(img/course-heads.jpg) 0 0 no-repeat; }
#Course2 h2 { background:url(img/course-heads.jpg) 0 -100px no-repeat; }

#Course1 .thin, #Course1 .normal, #Course1 .wide { border:1px solid #83A75C; }
#Course2 .thin, #Course2 .normal, #Course2 .wide { border:1px solid #B17E66; }

#Course1 .normal h3 { background:url(img/course1-titles.gif) 0 0 no-repeat; }  
#Course1 .wide h3 { background:url(img/course1-titles.gif) 0 -20px no-repeat; } 
#Course1 .thin h3 { background:url(img/course1-titles.gif) 0 -40px no-repeat; }

#Course1 .thin .image { background:url(img/course-images.gif) 0 0 no-repeat; } 
#Course2 .thin .image { background:url(img/course-images.gif) -80px 0 no-repeat; }

#Course1 .arrow div { background:url(img/course-parts.gif) 0 -36px no-repeat; }
#Course2 .arrow div { background:url(img/course-parts.gif) 0 -56px no-repeat; }

#Course1 .text a { background:url(img/course-parts.gif) 0 0 no-repeat; }
#Course2 .text a { background:url(img/course-parts.gif) 0 -18px no-repeat; }

#Course1 .col1 h4 { background:url(img/course1-titles.gif) 0 -60px no-repeat; } 
#Course1 .col2 h4 { background:url(img/course1-titles.gif) 0 -76px no-repeat; }

#Course2 .col1 p, 
#Course2 .col2 p { padding:5px; }

#Course2 .normal h3 { background:url(img/course2-titles.gif) 0 0 no-repeat; }  
#Course2 .wide .col1 h3 { background:url(img/course2-titles.gif) 0 -20px no-repeat; } 
#Course2 .wide .col2 h3 { background:url(img/course2-titles.gif) 0 -40px no-repeat; } 
#Course2 .thin h3 { background:url(img/course2-titles.gif) 0 -60px no-repeat; } 

#Course2 .col1 h4 { background:url(img/course2-titles.gif) 0 -80px no-repeat; } 
#Course2 .col2 h4 { background:url(img/course2-titles.gif) 0 -96px no-repeat; } 


/*
	Seasonal Guide
*/
#SeasonalGuide {
	padding:20px 0 10px 0;
}
#SeasonalGuide h2 {
	height:46px; background:url(img/h2-seasonal-guide.jpg) 0 0 no-repeat;
	padding-bottom:5px; border-bottom:1px solid #ccc;
}
#SeasonalGuide table {
	margin:0 15px;
	width:900px; clear:both;
	font-size:114%;
	border-collapse:separate;
	border-spacing:10px;
}
#SeasonalGuide table caption {
	border-bottom:1px solid #ccc; margin:0 10px; text-align:left;
}
#SeasonalGuide table td {
	vertical-align:top; padding:10px;
}
#SeasonalGuide span.period {
	font-size:12px; font-weight:bold;
}

#SeasonalGuide table thead { padding:0; }
#SeasonalGuide table thead td { white-space:nowrap; padding:0 10px; text-align:center; font-weight:bold; }

#SeasonalGuide table .title { white-space:nowrap; text-align:center; }

#SeasonalGuide table .spring .title { background-color:#C7F2B9; }
#SeasonalGuide table .summer .title { background-color:#FFD98C; }
#SeasonalGuide table .autumn .title { background-color:#FFD7A3; }
#SeasonalGuide table .winter .title { background-color:#C3E6F4; }

#SeasonalGuide table { }

#SeasonalGuide table td { vertical-align:top; }
#SeasonalGuide table td p { padding:5px 5px 5px 20px; background:url(img/course-parts.gif) 0px -76px no-repeat; }

#SeasonalGuide table td.coltext { width:560px; }
#SeasonalGuide table td.colicon { width:196px; }

#SeasonalGuide table td.coltop { border:1px solid #ccc; }
#SeasonalGuide table td.colbot { border-bottom:1px solid #ccc; }

#SeasonalGuide .image img { margin-right:4px; }
#SeasonalGuide table td .image p { background:none; }
/*
	SeasonalCalendar
*/
#SeasonalCalendar {
	clear:both;/*ie8*/
}
#SeasonalCalendar h2 {
  height:61px;
	background:url(img/h2-seasonal-calendar.jpg) 0 0px no-repeat;
	padding-bottom:5px; border-bottom:1px solid #ccc;
}
#SeasonalCalendarDiv table {
	width:890px;
	margin:10px auto;
	border-spacing:0 4px;
	empty-cells:hide;
	background:url(img/bg-seasonal-calendar-table.jpg) 4px 0px no-repeat;
}

#SeasonalCalendarDiv table tr.monthstitle .months{
	height:24px; vertical-align:middle; text-align:center;
}
#SeasonalCalendarDiv table tr.plantsrow td.scenery{ height:280px; vertical-align:middle;}
#SeasonalCalendarDiv table tr.eventsrow td.scenery{ height:250px; vertical-align:middle;}

#SeasonalCalendarDiv table td.months{
	text-align:center;
}
#SeasonalCalendarDiv table td.scenery{
	width:80px; white-space:nowrap; font-weight:bold; font-size:107%; text-align:center; line-height:1.5em;
}
#SeasonalCalendarDiv table .title { height:34px; line-height:34px; text-align:center; }


/*
	Regional Guide
*/
#RegionalGuide {
	padding:20px 0 10px 0;
	font-size:114%;
}
#RegionalGuide h2 {
	height:54px; background:url(img/h2-seasonal-guide.jpg) 0 -46px no-repeat;
	padding-bottom:5px; border-bottom:1px solid #ccc;
}

#RegionalGuide .session {
	padding:10px;
}
#RegionalGuide .session .h3desc {
	margin:10px 0;
}

#RegionalGuide .session h3 {
	display:block; text-indent:0;
	font-size:16px;
	color:#660;
	width:100%;
}
#RegionalGuide .session .colOnethird {
	margin:10px 20px 10px 0;
}

#RegionalGuide .session .colRightmost {
	margin-right:0px;
}

#RegionalGuide .session .colOnethird h4 {
	text-indent:0!important;
}

#RegionalGuide .session .colOnethird .padding {
	padding:10px;border:1px solid #ccc;
}

#GosaidayoriIntro {
  background:#F5F0E7;
}
#GosaidayoriIntro h3 {
  background:url(img/h4-gosaidayori-pr.jpg) 0 0 no-repeat;
	height:55px;
}

#GosaidayoriIntro p a {
  text-decoration:none;
	color:#F60; font-weight:bold;
}
#GosaidayoriIntrok p a:hover{
  text-decoration:underline;
}
#RegionalGuide .image img { margin:0 4px 4px 0; }
#RegionalGuide .text { line-height:18px; color:#5B484A; }
#RegionalGuide .text p { padding:10px 0; }

#RegionalGuide .text p img {
  float:right;
	padding:0 0 5px 10px;
}
/*
	Sec1
*/
.mpQuarter { width:25%; }
#Sec1 {
  width:932px; height:auto;
	overflow:hidden;
	margin-top:20px;
  background:url(img/bg-Sec1.jpg) 0 0 no-repeat;
	padding:0 0 20px 0;
}
#Col1, 
#Col2, 
#Col3, 
#Col4 {
	padding:20px 0;
	text-align:center;
	overflow:hidden;
}
#Col1, 
#Col2, 
#Col3 {
	background:url(img/line-white.gif) right 3px no-repeat;
}
#Sec1 p {
  padding:10px 29px;
	text-align:left;
}
#Sec1 p a {
  padding:5px 0;
	float:right; clear:both;
  color:#660;
	font-weight:bold;
	text-decoration:none;
}
#Sec1 p a:hover {
	text-decoration:underline;
}