@charset "UTF-8";

/*
=============================================================================
contents.css
=============================================================================
Suggested order by mozilla.org Base Styles (http://www.mozilla.org/css/base/content.css)
 * display
 * list-style
 * position
 * float
 * clear
 * width
 * height
 * margin
 * padding
 * border
 * background
 * color
 * font
 * text-decoration
 * text-align
 * vertical-align
 * white-space
 * other text
 * content
-----------------------------------------------------------------------------
font-size reference
 *	77% = 10px	 	* 122% = 16px		* 167% = 22px	
 *	85% = 11px		* 129% = 17px		* 174% = 23px
 *	92% = 12px		* 136% = 18px		* 182% = 24px
 * 100% = 13px		* 144% = 19px		* 189% = 25px
 * 107% = 14px		* 152% = 20px		* 197% = 26px
 * 114% = 15px		* 159% = 21px	
-----------------------------------------------------------------------------
*/


/* Contents Styling
-----------------------------------------------------------------------------*/
body { background: #000 url(../images/bg-contents.jpg) 50% 0 no-repeat; }



/* Logo Styling
-----------------------------------------------------------------------------*/
/* コンテンツページのロゴ */
h1#logo {
	position: absolute;
	top: 130px;
	left: 25px;
	width: 110px;
	height: 220px;
	z-index: 10;
	}



/* Menu Styling
-----------------------------------------------------------------------------*/
/* メニューリスト */
#menulist {
	position: relative;
	left: 185px;
	width: 740px;
	height: 230px;
	}


/* トップページへ */
#gototop {
	display: block;
	position: absolute;
	top: 4px;
	right: 0;
	width: 270px;
	height: 20px;
	background: url(../images/img-go_to_top.jpg) 0 0 no-repeat;
	}
#gototop li {
	width: 270px;
	height: 18px;
	}
#gototop li a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 270px;
	height: 18px;
	background: url(../images/img-go_to_top.jpg) 0 0 no-repeat;
	font-size: 1px;
	text-indent: -9999px;
	overflow: hidden;
	z-index: 10;
	}
#gototop li a:link,
#gototop li a:visited { background-position: 0 0; }
#gototop li a:hover,
#gototop li a:active { background-position: 0 -20px; }

/* メニューにマウスをホバーさせた場合（Javascriptにてクラス名を指定） */
.nav-gototop {
	position: absolute;
	top: 0;
	left: 0;
	width: 270px;
	height: 18px;
	background: url(../images/img-go_to_top.jpg) 0 -20px no-repeat;
	}


/* 特設メニュー */
#specialmenu .nav {
	display: block;
	position: absolute;
	top: 30px;
	right: 0;
	width: 270px;
	height: 175px;
	background: url(../images/img-menu1-contents.gif) 0 0 no-repeat;
	}
#specialmenu .nav li { display: inline; }
#specialmenu .nav li a:link,
#specialmenu .nav li a:visited {
	position: absolute;
	top: 0;
	width: 90px;
	background-image: url(../images/img-menu1-contents.gif);
	background-repeat: no-repeat;
	font-size: 1px;
	text-indent: -9999px;
	overflow: hidden;
	z-index: 10;
	}

#specialmenu .nav-about,
#specialmenu .nav-recommend,
#specialmenu .nav-story {
	position: absolute;
	width: 90px;
	background-image: url(../images/img-menu1-contents.gif);
	background-repeat: no-repeat;
	}

/* メニュー１：越後上越 天地人博 */
#specialmenu .nav .about a:link,
#specialmenu .nav .about a:visited {
	right: 0;
	height: 85px;
	background-position: -180px 0;
	}
#specialmenu .nav .about a:hover,
#specialmenu .nav .about a:active { background-position: -180px -175px; }
#specialmenu .nav .about a.current:link,
#specialmenu .nav .about a.current:visited { background-position: -180px -350px; }

#specialmenu .nav-about {
	right: 0;
	height: 85px;
	background-position: -180px -175px;
	}

/* メニュー２：越後上越 上杉戦国物語展２００９ */
#specialmenu .nav .story a:link,
#specialmenu .nav .story a:visited {
	right: 90px;
	height: 175px;
	background-position: -90px 0;
	}
#specialmenu .nav .story a:hover,
#specialmenu .nav .story a:active { background-position: -90px -175px; }
#specialmenu .nav .story a.current:link,
#specialmenu .nav .story a.current:visited { background-position: -90px -350px; }

#specialmenu .nav-story {
	right: 90px;
	height: 175px;
	background-position: -90px -175px;
	}

/* メニュー３：おすすめ観光ルート */
#specialmenu .nav .recommend a:link,
#specialmenu .nav .recommend a:visited {
	right: 180px;
	height: 145px;
	background-position: 0 0;
	}
#specialmenu .nav .recommend a:hover,
#specialmenu .nav .recommend a:active { background-position: 0 -175px; }
#specialmenu .nav .recommend a.current:link,
#specialmenu .nav .recommend a.current:visited { background-position: 0 -350px; }

#specialmenu .nav-recommend {
	right: 180px;
	height: 145px;
	background-position: 0 -175px;
	}


/* メニュー */
#menu .nav {
	display: block;
	position: absolute;
	top: 30px;
	right: 502px;
	width: 252px;
	height: 165px;
	background: url(../images/img-menu2-contents2.gif) 0 0 no-repeat;
	}
#menu .nav li { display: inline; }
#menu .nav li a:link,
#menu .nav li a:visited {
	position: absolute;
	width: 36px;
	height: 165px;
	background-image: url(../images/img-menu2-contents2.gif);
	background-repeat: no-repeat;
	font-size: 1px;
	text-indent: -9999px;
	overflow: hidden;
	z-index: 10;
	}

#menu .nav-information,
#menu .nav-introduces,
#menu .nav-tour,
#menu .nav-agent,
#menu .nav-contact,
#menu .nav-sponsor,
#menu .nav-blog {
	position: absolute;
	width: 36px;
	background-image: url(../images/img-menu2-contents2.gif);
	background-repeat: no-repeat;
	}

/* メニュー４：お知らせ */
#menu .nav .information a:link,
#menu .nav .information a:visited {
	right: 0;
	height: 93px;
	background-position: -216px 0;
	}
#menu .nav .information a:hover,
#menu .nav .information a:active { background-position: -216px -165px; }
#menu .nav .information a.current:link,
#menu .nav .information a.current:visited { background-position: -216px -330px; }

#menu .nav-information {
	right: 0;
	height: 93px;
	background-position: -216px -165px;
	}

/* メニュー５：「天地人」紹介 */
#menu .nav .introduces a:link,
#menu .nav .introduces a:visited {
	right: 36px;
	height: 165px;
	background-position: -180px 0;
	}
#menu .nav .introduces a:hover,
#menu .nav .introduces a:active { background-position: -180px -165px; }
#menu .nav .introduces a.current:link,
#menu .nav .introduces a.current:visited { background-position: -180px -330px; }

#menu .nav-introduces {
	right: 36px;
	height: 165px;
	background-position: -180px -165px;
	}

/* メニュー６：ツアー情報 */
#menu .nav .tour a:link,
#menu .nav .tour a:visited {
	right: 72px;
	height: 123px;
	background-position: -144px 0;
	}
#menu .nav .tour a:hover,
#menu .nav .tour a:active { background-position: -144px -165px; }
#menu .nav .tour a.current:link,
#menu .nav .tour a.current:visited { background-position: -144px -330px; }

#menu .nav-tour {
	right: 72px;
	height: 123px;
	background-position: -144px -165px;
	}

/* メニュー７：エージェントの方々へ */
#menu .nav .agent a:link,
#menu .nav .agent a:visited {
	right: 108px;
	height: 160px;
	background-position: -108px 0;
	}
#menu .nav .agent a:hover,
#menu .nav .agent a:active { background-position: -108px -165px; }
#menu .nav .agent a.current:link,
#menu .nav .agent a.current:visited { background-position: -108px -330px; }

#menu .nav-agent {
	right: 108px;
	height: 160px;
	background-position: -108px -165px;
	}

/* メニュー８：お問い合わせ */
#menu .nav .contact a:link,
#menu .nav .contact a:visited {
	right: 144px;
	height: 110px;
	background-position: -72px 0;
	}
#menu .nav .contact a:hover,
#menu .nav .contact a:active { background-position: -72px -165px; }
#menu .nav .contact a.current:link,
#menu .nav .contact a.current:visited { background-position: -72px -330px; }

#menu .nav-contact {
	right: 144px;
	height: 110px;
	background-position: -72px -165px;
	}

/* メニュー９：協賛企業 */
#menu .nav .sponsor a:link,
#menu .nav .sponsor a:visited {
	right: 180px;
	height: 85px;
	background-position: -36px 0;
	}
#menu .nav .sponsor a:hover,
#menu .nav .sponsor a:active { background-position: -36px -165px; }
#menu .nav .sponsor a.current:link,
#menu .nav .sponsor a.current:visited { background-position: -36px -330px; }

#menu .nav-sponsor {
	right: 180px;
	height: 85px;
	background-position: -36px -165px;
	}

/* メニュー１０：公式ブログ */
#menu .nav .blog a:link,
#menu .nav .blog a:visited {
	right: 216px;
	height: 100px;
	background-position: 0 0;
	}
#menu .nav .blog a:hover,
#menu .nav .blog a:active { background-position: 0 -165px; }

#menu .nav-blog {
	right: 216px;
	height: 100px;
	background-position: 0 -165px;
	}



/* Headline Styling
-----------------------------------------------------------------------------*/
/* コンテンツの見出し画像の配置 */
.headline {
	position: relative;
	margin: 0 60px 0 200px;
	width: auto;
	height: 180px;
	}

/* コンテンツのタイトル */
.headline h2 {
	position: absolute;
	top: 0;
	right: 0;
	width: 130px;
	height: 180px;
	background-position: 100% 0;
	background-repeat: no-repeat;
	font-size: 1px;
	text-indent: -9999px;
	}
.headline h2.about { background-image: url(../images/h2-about.png); }
.headline h2.story { background-image: url(../images/h2-story.png); }
.headline h2.recommend { background-image: url(../images/h2-recommend.png); }


/* コンテンツの説明 */
.headline p {
	position: absolute;
	top: 37px;
	right: 195px;
	width: 450px;
	height: 145px;
	background-position: 100% 0;
	background-repeat: no-repeat;
	font-size: 1px;
	text-indent: -9999px;
	}
.headline p.about { background-image: url(../images/p-about.png); }
.headline p.story { background-image: url(../images/p-story.png); }
.headline p.recommend { background-image: url(../images/p-recommend.png); }



/* Contents Styling
-----------------------------------------------------------------------------*/
.contents-wrap {
	position: relative;
	width: 960px;
	margin: 0 auto;
	}

.content {
	padding-left: 100px;
	padding-right: 100px;
	}

/* 金墨の枠 */
.box-wrap {
	margin-top: 89px;
	background: url(../images/bg-box-body.jpg) 50% 0 repeat-y;
	}
.box-top {
	height: 190px;
	background: url(../images/bg-box-top.jpg) 50% 0 no-repeat;
	}
.box-top h2 {
	position: absolute;
	top: 90px;
	right: 110px;
	width: 255px;
	height: 44px;
	background-position: 100% 0;
	background-repeat: no-repeat;
	font-size: 1px;
	text-indent: -9999px;
	}
.box-top h2.information { background-image: url(../images/h2-information.png); }
.box-top h2.introduces { background-image: url(../images/h2-introduces.png); }
.box-top h2.agent { background-image: url(../images/h2-agent.png); }
.box-top h2.tour { background-image: url(../images/h2-tour.png); }
.box-top h2.contact { background-image: url(../images/h2-contact.png); }
.box-top h2.sponsor { background-image: url(../images/h2-sponsor.png); }

.box-body {
	min-height: 210px;
	margin-top: -30px;
	padding-bottom: 150px;
	background: url(../images/bg-box-bottom.jpg) 50% 100% no-repeat;
	}

.box-body a:link,
.box-body a:visited { color: #9C3638; }
.box-body a:hover,
.box-body a:active { color: #B0A060; }



/* Information Styling
-----------------------------------------------------------------------------*/
/* お知らせ一覧 */
.information-list,
.information-post {
	width: 720px;
	margin: 0 auto;
	}

.information-list ul { margin-bottom: 30px; }

.information-list ul li {
	margin-bottom: 20px;
	line-height: 1.0em;
}

.information-list h3.post-title,
.information-post h3.post-title {
	margin-bottom: 4px;
	color: #9C3638;
	font-size: 114%;
	line-height: 1.4em;
	}
.information-list li.sticky h3.post-title a { font-weight: bold; }

.information-list span,
.information-post .post-date {
	font-size: 85%;
	color: #AAA;
	line-height: 1.0em;
	}

.information-post .entry {
	margin: 20px 0 0 150px;
	width: auto;
	}

/* 一覧へ戻る｜前へ｜次へ */
.information-post .navigation {
	position: relative;
	clear: both;
	width: auto;
	height: 50px;
	margin-top: 40px;
	}
.information-post .navigation .list a,
.information-post .navigation .prev a,
.information-post .navigation .next a {
	display: block;
	width: 45px;
	height: 32px;
	}
.information-post .navigation .list a { float: left; }
.information-post .navigation .prev a { float: right; }
.information-post .navigation .next a {
	float: right;
	margin-left: 10px;
}



/* About & Story Styling
-----------------------------------------------------------------------------*/
/* 天地人博 と 上杉戦国物語展2009 共通 */
#content-about a:link,
#content-about a:visited,
#content-story a:link,
#content-story a:visited { color: #9A8141; }
#content-about a:hover,
#content-about a:active,
#content-story a:hover,
#content-story a:active { color: #B0A060; }

#content-about #sections,
#content-story #sections { width: 4500px; }

#content-about .section,
#content-story .section { float: left; }

#content-about #section-1 h3,
#content-about #section-2 h3,
#content-about #section-3 h3,
#content-story #section-1 h3,
#content-story #section-2 h3,
#content-story #section-3 h3 {
	width: 200px;
	height: 50px;
	background-position: 0 0;
	background-repeat: no-repeat;
	font-size: 1px;
	text-indent: -9999px;
	overflow: hidden;
	}

#content-about #section-1 h3,
#content-story #section-1 h3 { background-image: url(../images/h3-about-concept.png); }
#content-about #section-2 h3 { background-image: url(../images/h3-about-info.png); }
#content-about #section-3 h3,
#content-story #section-2 h3 { background-image: url(../images/h3-about-access.png); }

#content-about .section h3,
#content-story .section h3 { float: left; }

#content-about .section-content,
#content-story .section-content {
	float: right;
	width: 500px;
	height: 325px;
	padding-right: 30px;
	}

#content-about .section-content dt,
#content-story .section-content dt {
	float: left;
	clear: left;
	width: 3em;
	margin: 0 0 0.1em;
	padding-left: 5px;
	color: #000;
	}
#content-about .section-content dd,
#content-story .section-content dd {
	margin-bottom: 0.1em;
	margin-left: 3.5em;
	}

#content-about #aboutslider,
#content-story #aboutslider,
.section,
.section-content { height: 385px; }

#content-about #navigation,
#content-story #navigation { margin-bottom: 100px; }

#content-about #about-tabmenu li,
#content-story #story-tabmenu li { float: left; }

#about-navigation li.about-tabmenu-li a,
#story-navigation li.story-tabmenu-li a {
	display: block;
	width: 123px;
	height: 30px;
	background: url(../images/bg-about-tabmenu.jpg) 0 0 no-repeat;
	font-size: 1px;
	text-indent: -9999px;
	overflow: hidden;
	}

#content-about #section-content-navi-1,
#content-about #section-content-navi-2,
#content-about #section-content-navi-3,
#content-story #section-content-navi-1,
#content-story #section-content-navi-2 {
	position: absolute;
	width: 770px;
	height: 30px;
	}
#content-about #section-content-navi-1,
#content-story #section-content-navi-1 { left: 20px; }
#content-about #section-content-navi-2,
#content-story #section-content-navi-2 { left: 818px; }
#content-about #section-content-navi-3 { left: 1618px; }

#content-about .section-content-navi-prev,
#content-story .section-content-navi-prev { float: left; }
#content-about .section-content-navi-next,
#content-story .section-content-navi-next { float: right; }

#content-about .section-content-navi-prev a,
#content-about .section-content-navi-next a,
#content-story .section-content-navi-prev a,
#content-story .section-content-navi-next a {
	display: block;
	width: 100px;
	height: 30px;
	background-position: 0 0;
	background-repeat: no-repeat;
	font-size: 1px;
	text-indent: -9999px;
	overflow: hidden;
	}

#content-about .section-content-navi-prev a:link,
#content-about .section-content-navi-prev a:visited,
#content-story .section-content-navi-prev a:link,
#content-story .section-content-navi-prev a:visited { background-image: url(../images/bg-about-arrow_prev_off.png); }

#content-about .section-content-navi-prev a:hover,
#content-about .section-content-navi-prev a:active,
#content-story .section-content-navi-prev a:hover,
#content-story .section-content-navi-prev a:active { background-image: url(../images/bg-about-arrow_prev_on.png); }

#content-about .section-content-navi-next a:link,
#content-about .section-content-navi-next a:visited,
#content-story .section-content-navi-next a:link,
#content-story .section-content-navi-next a:visited { background-image: url(../images/bg-about-arrow_next_off.png); }

#content-about .section-content-navi-next a:hover,
#content-about .section-content-navi-next a:active,
#content-story .section-content-navi-next a:hover,
#content-story .section-content-navi-next a:active { background-image: url(../images/bg-about-arrow_next_on.png); }



/* About Styling
-----------------------------------------------------------------------------*/
/* 天地人博 */
#content-about {
	margin-bottom: 100px;
	background: url(../images/bg-about-scroll_paper.jpg) 85px 20px no-repeat;
	}

#content-about #about-scrollbar {
	position: absolute;
	left: 40px;
	width: 45px;
	height: 490px;
	background: url(../images/bg-about-scroll_bar.png) 0 0 no-repeat;
	}
#content-about #about-frame {
	width: 960px;
	height: 450px;
	padding-top: 40px;
	}
#content-about #aboutslider {
	position: relative;
	width: 798px;
	height: 380px;
	margin-left: 85px;
	overflow: hidden;
	}

#content-about .section {
	width: 798px;
	padding-top: 30px;
}		

#content-about #section-1-img,
#content-about #section-2-img,
#content-about #section-3-img {
	position: absolute;
	top: 90px;
	width: 300px;
	height: 300px;
	background-position: 0 0;
	background-repeat: no-repeat;
	}
#content-about #section-1-img {
	left:0;
	background-image: url(../images/bg-about-section-1.png);
	}
#content-about #section-2-img {
	left: 798px;
	background-image: url(../images/bg-about-section-2.png);
	}
#content-about #section-3-img {
	left: 1598px;
	background-image: url(../images/bg-about-section-3.png);
	}
#content-about .section-content { height: 325px; }

#content-about .section-content dl {
	width: 400px;
	margin: 10px auto;
	}

#content-about #about-tabmenu {
	width: 389px;
	margin: 0 auto;
	}
#content-about #about-tabmenu li { float: left; }
#content-about #section-content-map {
	width: 470px;
	height: 325px;
	margin-right: 30px;
	}
*html #content-about #section-content-map {
	margin-right: 15px;
	padding-right:0;
	}

#about-navigation li#about-tabmenu-1,
#about-navigation li#about-tabmenu-2 { margin-right: 10px; }
#about-navigation li#about-tabmenu-1 a:visited { background-position: 0 0; }
#about-navigation li#about-tabmenu-1 a:hover,
#about-navigation li#about-tabmenu-1 a:active { background-position: -123px 0; }
#about-navigation li#about-tabmenu-2 a:link,
#about-navigation li#about-tabmenu-2 a:visited { background-position: 0 -30px; }
#about-navigation li#about-tabmenu-2 a:hover,
#about-navigation li#about-tabmenu-2 a:active { background-position: -123px -30px; }
#about-navigation li#about-tabmenu-3 a:link,
#about-navigation li#about-tabmenu-3 a:visited { background-position: 0 -60px; }
#about-navigation li#about-tabmenu-3 a:hover,
#about-navigation li#about-tabmenu-3 a:active { background-position: -123px -60px; }
#about-navigation li#about-tabmenu-1 a.current:link,
#about-navigation li#about-tabmenu-1 a.current:visited { background-position: -123px 0; }
#about-navigation li#about-tabmenu-2 a.current:link,
#about-navigation li#about-tabmenu-2 a.current:visited { background-position: -123px -30px; }
#about-navigation li#about-tabmenu-3 a.current:link,
#about-navigation li#about-tabmenu-3 a.current:visited { background-position: -123px -60px; }

#content-about #section-content-navi-1,
#content-about #section-content-navi-2,
#content-about #section-content-navi-3 { top: 350px; }



/* About Bubble pop-up Styling
-----------------------------------------------------------------------------*/
/* 天地人博の展示案内ポップアップ */
#trigger_standby {
	display: block;
	position: absolute;
	width: 83px;
	height: 120px;
	margin-top: -240px;
	margin-left: 60px;
	cursor: pointer;
	}
#trigger_studio {
	display: block;
	position: absolute;
	width: 140px;
	height: 150px;
	margin-top: -290px;
	margin-left: 170px;
	cursor: pointer;
	}
#trigger_entrance {
	display: block;
	position: absolute;
	width: 130px;
	height: 70px;
	margin-top: -110px;
	margin-left: 180px;
	cursor: pointer;
	}
.popup {
	display: none;
	position: absolute;
	width: 240px;
	height: 230px;
	border-collapse: collapse;
	z-index: 50;
	}
.popup td.corner {
	width: 19px;
	height: 15px;
	}



/* Story Styling
-----------------------------------------------------------------------------*/
/* 上杉戦国物語展2009 */
#content-story {
	margin-top: 25px;
	margin-bottom: 100px;
	background: url(../images/bg-story-board_paper.jpg) 60px 26px no-repeat;
	}

#content-story #story-boardbar {
	position: absolute;
	left: 60px;
	width: 853px;
	height: 26px;
	background: url(../images/bg-story-board_bar.png) 0 0 no-repeat;
	}
#content-story #story-frame {
	width: 930px;
	height: 450px;
	padding-top: 45px;
	}
#content-story #storyslider {
	position: relative;
	width: 798px;
	height: 380px;
	margin-left: 85px;
	overflow: hidden;
	}

#content-story .section { width: 796px; }

#content-story #section-1-img,
#content-story #section-2-img {
	position: absolute;
	top: 130px;
	width: 300px;
	height: 200px;
	background-position: 0 0;
	background-repeat: no-repeat;
	}
#content-story #section-1-img {
	left:0;
	background-image: url(../images/bg-story-section-1.png);
	}
#content-story #section-2-img {
	left: 798px;
	background-image: url(../images/bg-story-section-2.png);
	}
#content-story .section-content { height: 290px; }

#content-story .section-content dl {
	width: 400px;
	margin: 30px auto;
	}

#content-story #story-tabmenu {
	width: 266px;
	margin: 0 auto;
	}
#content-story #story-tabmenu li { float: left; }
#content-story #section-content-map {
	width: 470px;
	height: 290px;
	margin-right: 30px;
	}
*html #content-story #section-content-map {
	margin-right: 15px;
	padding-right: 0;
	}

#story-navigation li#story-tabmenu-1,
#story-navigation li#story-tabmenu-2 { margin-right: 10px; }
#story-navigation li#story-tabmenu-1 a:visited { background-position: 0 0; }
#story-navigation li#story-tabmenu-1 a:hover,
#story-navigation li#story-tabmenu-1 a:active { background-position: -123px 0; }
#story-navigation li#story-tabmenu-2 a:link,
#story-navigation li#story-tabmenu-2 a:visited { background-position: 0 -60px; }
#story-navigation li#story-tabmenu-2 a:hover,
#story-navigation li#story-tabmenu-2 a:active { background-position: -123px -60px; }
#story-navigation li#story-tabmenu-1 a.current:link,
#story-navigation li#story-tabmenu-1 a.current:visited { background-position: -123px 0; }
#story-navigation li#story-tabmenu-2 a.current:link,
#story-navigation li#story-tabmenu-2 a.current:visited { background-position: -123px -60px; }

#content-story #section-content-navi-1,
#content-story #section-content-navi-2 { top: 290px; }



/* Recommend Styling
-----------------------------------------------------------------------------*/
/* おすすめ観光ルート */
#content-recommend {
	min-height:800px;
	background: url(../images/bg-recommend.gif) 0 0 no-repeat;
	}
#recommend-head { height: 350px; }
h3#recommend-title {
	float: right;
	width: 440px;
	height: 100%;
	font-size: 1px;
	text-indent: -9999px;
	overflow: hidden;
	}
*html h3#recommend-title {
	width: 370px;
	height: 230px;
	margin-top: 40px;
	margin-right: 15px;
	}
#recommend-menu { width: 510px; }
#recommend-menu ul {
	padding-top: 135px;
	padding-left: 50px;
	}
#recommend-menu li a {
	display: block;
	width: 230px;
	height: 25px;
	background-image: url(../images/bg-recommend-menu.gif);
	background-position: 0 0;
	font-size: 1px;
	text-indent: -9999px;
	overflow: hidden;
	}
#recommend-menu li#recommend-menu-0 a:link,
#recommend-menu li#recommend-menu-0 a:visited { background-position: 0 0; }
#recommend-menu li#recommend-menu-0 a:hover,
#recommend-menu li#recommend-menu-0 a:active { background-position: -230px 0; }
#recommend-menu li#recommend-menu-0 a.current:link,
#recommend-menu li#recommend-menu-0 a.current:visited { background-position: -460px 0; }

#recommend-menu li#recommend-menu-1 a:link,
#recommend-menu li#recommend-menu-1 a:visited { background-position: 0 -25px; }
#recommend-menu li#recommend-menu-1 a:hover,
#recommend-menu li#recommend-menu-1 a:active { background-position: -230px -25px; }
#recommend-menu li#recommend-menu-1 a.current:link,
#recommend-menu li#recommend-menu-1 a.current:visited { background-position: -460px -25px; }

#recommend-menu li#recommend-menu-2 a:link,
#recommend-menu li#recommend-menu-2 a:visited { background-position: 0 -50px; }
#recommend-menu li#recommend-menu-2 a:hover,
#recommend-menu li#recommend-menu-2 a:active { background-position: -230px -50px; }
#recommend-menu li#recommend-menu-2 a.current:link,
#recommend-menu li#recommend-menu-2 a.current:visited { background-position: -460px -50px; }

#recommend-menu li#recommend-menu-3 a:link,
#recommend-menu li#recommend-menu-3 a:visited { background-position: 0 -75px; }
#recommend-menu li#recommend-menu-3 a:hover,
#recommend-menu li#recommend-menu-3 a:active { background-position: -230px -75px; }
#recommend-menu li#recommend-menu-3 a.current:link,
#recommend-menu li#recommend-menu-3 a.current:visited { background-position: -460px -75px; }

#recommend-menu li#recommend-menu-4 a:link,
#recommend-menu li#recommend-menu-4 a:visited { background-position: 0 -100px; }
#recommend-menu li#recommend-menu-4 a:hover,
#recommend-menu li#recommend-menu-4 a:active { background-position: -230px -100px; }
#recommend-menu li#recommend-menu-4 a.current:link,
#recommend-menu li#recommend-menu-4 a.current:visited { background-position: -460px -100px; }

#recommend-journey {
	float: right;
	width: 440px;
	margin-bottom: 40px;
	}
#recommend-figure { width: 515px; }
.recommend-journey-index {}
.recommend-journey-time {}
#recommend-journey ul { text-align:center; }
#recommend-journey li a {
	display: block;
	width: 370px;
	height: 30px;
	margin: 0 auto;
	background-position: 0 0;
	background-repeat: no-repeat;
	font-size: 1px;
	text-indent: -9999px;
	overflow: hidden;
	}

#recommend-journey li.recommend-journey-movement {
	width: 100%;
	height: 35px;
	padding-top: .7em;
	background: url(../images/bg-recommend-journey-movement.jpg) center 0 no-repeat;
	color: #fff;
	text-align: center;
	}

#recommend-figure-image,
#recommend-figure-map {
	display: block;
	width: 460px;
	height: 265px;
	margin-left: 50px;
	}
#recommend-figure-image { background: url(../images/bg-recommend-loading.jpg) center center no-repeat; }
.recommend-figure-image-separator-middle,
.recommend-figure-image-separator-bottom {
	width: 515px;;
	height: 75px;
	background-position: 100% 0;
	background-repeat: no-repeat;
	font-size: 1px;
	text-indent: -9999px;
	overflow: hidden;
	}
.recommend-figure-image-separator-middle { background-image: url(../images/bg-recommend-separator-middle.gif); }
.recommend-figure-image-separator-bottom { background-image: url(../images/bg-recommend-separator-bottom.gif); }
#recommend-figure-imagetitle,
#recommend-figure-maptitle {
	height: 265px;
	background-position: 100% 0;
	background-repeat: no-repeat;
	font-size: 1px;
	text-indent: -9999px;
	overflow: hidden;
	}
#recommend-figure-imagetitle { background-image: url(../images/clear.gif); }
#recommend-figure-maptitle { background-image: url(../images/img-recommend-accessmap.gif); }

#recommend-figure-imagecut,
#recommend-figure-googlemap {
	width: 398px;
	height: 265px;
	margin-top: -265px;
	}

/* ゆかりの地用リスト間隔 */
.recommend-journey-destination-margin { margin-bottom: 20px; }

/* hr */
.recommend-hr {
	display: block;
	clear: both;
	width: 100$;
	height: 5px;
	background: url(../images/bg-recommend-hr.gif) center center no-repeat;
	}

/* お食事プラン */
#recommend-mealplan { margin: 40px 50px 80px; }
#recommend-mealplan h3 {
/* del
	display: block;
*/
	width: 135px;
	height: 25px;
	background: url(../images/h3-recommend-mealplan.gif) 0 0 no-repeat;
	font-size: 1px;
	text-indent: -9999px;
	overflow: hidden;
	}
#recommend-mealplan img {
	float: right;
	margin-top: -30px;
	}
#recommend-mealplan-note {
	width: 480px;
	margin: 20px 40px;
	}
#recommend-mealplan-note h4 {
/* del
	display: block;
*/
	width: 440px;
	height: 55px;
	background: url(../images/h4-recommend-kachidokimeshi.gif) 0 0 no-repeat;
	font-size: 1px;
	text-indent: -9999px;
	overflow: hidden;
	}
#recommend-mealplan-note p {
	margin: 10px 0;
	letter-spacing: 11px;
	}
#recommend-mealplan-note a {
	display: block;
	width: 115px;
	height: 15px;
	margin-left: 325px;
	background: url(../images/bg-recommend-anchor.gif) 0 0 no-repeat;
	font-size: 1px;
	text-indent: -9999px;
	overflow: hidden;
	}
#recommend-mealplan-note a:link,
#recommend-mealplan-note a:visited { background-position: 0 0; }
#recommend-mealplan-note a:hover,
#recommend-mealplan-note a:active { background-position: 0 -15px; }

#h4-recommend-routesample1,
#h4-recommend-routesample2 {
/* del
	display: block;
*/
	clear: both;
	width: 135px;
	height: 70px;
	margin-left: 40px;
	background-position: 0 50%;
	background-repeat: no-repeat;
	font-size: 1px;
	text-indent: -9999px;
	overflow: hidden;
	}
#h4-recommend-routesample1 { background-image: url(../images/h4-recommend-routesample1.gif); }
#h4-recommend-routesample2 { background-image: url(../images/h4-recommend-routesample2.gif); }



/* Agent Styling
-----------------------------------------------------------------------------*/
#content-agent .agent-download-link {
	padding-top: 20px;
	margin-right: 20px;
	}
#content-agent blockquote { padding-bottom: 10px; }
#content-agent #imgmap {	 float: left; }
.agent-course {
	width: 630px;
	margin-top: -10px;
	margin-left: 30px;
	}
.agent-coursetable {
	width: 300px;
	margin-bottom: 0;
	font-size: 90%;
	}
.agent-coursetable th.days { width: 45px; }
.agent-coursetable th.route { width: 160px; }
.agent-coursetable th.note { width: 95px; }
.agent-coursetable td{ background-color: #E2DCCC; }
.agent-coursetable-l { float: left; }
.agent-coursetable-r { float: right; }
.agent-backmenu {
	clear: both;
	text-align: right;
	margin-right: 20px;
	}
#content-agent blockquote h4{
	padding-top: 20px;
	margin: 0 20px;
	}



/* Contact Form Styling
-----------------------------------------------------------------------------*/
/* お問い合わせフォーム */
.ddfmwrap {
	width: 720px;
	margin: 20px auto 0;
	padding-bottom: 20px;
	}

/* 注意事項 */
.ddfmwrap p { padding-bottom: 0.8em; }
.ddfmwrap p.fieldwrap {
	clear: both;
	display: block;
	}

/* エラー時の枠表示 */
.ddfmwrap .ddfmerrors {
	margin: 0 auto;
	border: 1px solid #CC2D28;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background-color: #CC2D28;
	font-size: 122%;
	color: #FFF;
	text-align: center;
	}
.ddfmwrap .errorlist {
	padding: 0.5em;
	border: 1px solid #CC2D28;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	color: #CC2D28;
	font-weight: bold;
	}

/* フォーム */
.ddfmwrap label {
	display: block;
	float: left;
	width: 200px;
	color: #523B64;
	font-weight: bold;
	}

.ddfmwrap .ddfm input,
.ddfmwrap .ddfm textarea {
	float: right;
	margin: 5px 0 10px;
	padding: 4px;
	border: 1px solid #D4D0BE;
	background: #FFF url(../images/bg-input-inshadow.gif) 0 0 repeat-x;
	font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "HiraKakuPro-W3", "Osaka", "ＭＳ　Ｐゴシック", sans-serif;
/*\*//*/
	font-family: "\30D2\30E9\30AE\30CE\20ProN", "HiraKakuProN-W3", "\30D2\30E9\30AE\30CE\20Pro", "HiraKakuPro-W3", "Osaka";
/**/
	}
.ddfmwrap .ddfm input { width: 500px; }
.ddfmwrap .ddfm textarea {
	width: 500px;
	height: 170px;
	}
.ddfmwrap .ddfm input:focus,
.ddfmwrap .ddfm textarea:focus { outline: none; }

/* 送信ボタン */
.ddfmwrap .ddfm .submit {
	clear: both;
	margin-bottom: 20px;
}
.ddfmwrap .ddfm .submit input {
	display: block;
	float: right;
	width: 92px;
	height: 38px;
	border: none;
	background: url(../images/btn-send.png) 0 0 no-repeat;
	font-size: 1px;
	text-indent: -9999px;
	cursor: pointer;
	}
/* Over */
.ddfmwrap .ddfm .submit input:hover { background-position: 0 -38px; }
/* Pressed */
.ddfmwrap .ddfm .submit input:active { background-position: 0 -76px; }

.ddfmwrap .credits { display: none; }



/* Sponsor Styling
-----------------------------------------------------------------------------*/
#content-sponsor ul li {
	float: left;
	width: 160px;
	padding: 20px 15px;
	}
#content-sponsor ul.main li {
	width: 220px;
	}	
#content-sponsor ul.mini-1,
#content-sponsor ul.mini-2 {
	margin-left: 10px;
	}
#content-sponsor ul.mini-1 li,
#content-sponsor ul.mini-2 li {
	width: 222px;
	padding: 5px 0 10px 25px ;
	background:transparent url(../images/li-dot.gif) no-repeat scroll 10px 0.8em;
	}
#content-sponsor ul.mini-1 li.grid {
	font-size: 120%;
	}
#content-sponsor ul.mini-2 li.grid {
	}
#content-sponsor .clear {
	width: 100%;
	height: 1px;
	margin: 10px 0;
	background: url(../images/bg-hr.gif) 0 100% repeat-x;
	}
#content-sponsor ul li span.name {
	display: block;
	margin-bottom: 10px;
	font-size: 114%;
	}
#content-sponsor ul li span.banner {
	float: left;
	width: 150px;
	}
#content-sponsor ul li span.banner img {  }
#content-sponsor ul li span.about {
	display: block;
	float: right;
	width: 160px;
	}
#content-sponsor p.contact {
	padding: 20px 0;
	text-align: right;
	}