@charset "UTF-8";

@import "reset.css";
@import "common.css";

body {
	line-height: 1.5;
	font-size: 13px;
	color: #333;
	text-align: center;
	background: url(../img/chiyo_bg.jpg) repeat;
}
a:link {
	color: #bb7b00;
}

a:visited {
	color: #bb7b00;
}

a:hover {
	color: #d14359;
	text-decoration: none;
}

#top, #page {
	background: url(../img/top_bg.jpg) repeat-x 0 0;
}
#topbg {
	background: url(../img/mt_bg.jpg) no-repeat center 0;
}
#mainBox {
	width: 920px;
	margin: 0 auto;
	text-align: left;
	padding: 0 30px 36px 50px;
	background: url(../img/top_illustbg.png) no-repeat left bottom;
}
/* @group left menu */
#mainBox .boxL {
	width: 190px;
	margin-right: 40px;
	float: left;
}

#mainBox h1 {
	margin: 0;
	padding: 0;
	width: 190px;
	height: 384px;
	background: url(../img/top_logo.png) no-repeat 49px 48px;
}
.navimenu {
	border-top: solid 1px #fff;
	border-bottom: solid 1px #fff;
}
.navimenu ul {
	margin: 10px 0;
	list-style: none;
}
.navimenu li {
	width: 190px;
	height: 36px;
	margin: 0;
	padding: 0;
}
.navimenu li a {
	background: url(../img/menu.png) no-repeat 0 0;
}
.navimenu li.news a {
	background-position: 0 0;
}
.navimenu li.about a {
	background-position: 0 -36px;
}
.navimenu li.staymenu a {
	background-position: 0 -72px;
}
.navimenu li.report a {
	background-position: 0 -108px;
}
.navimenu li.misasanavi a {
	background-position: 0 -144px;
}
.navimenu li.access a {
	background-position: 0 -180px;
}
.navimenu li.contact a {
	background-position: 0 -216px;
}
.navimenu li.download a {
	background-position: 0 -252px;
}
.navimenu li.news a:hover {
	background-position: -190px 0;
}
.navimenu li.about a:hover {
	background-position: -190px -36px;
}
.navimenu li.staymenu a:hover {
	background-position: -190px -72px;
}
.navimenu li.report a:hover {
	background-position: -190px -108px;
}
.navimenu li.misasanavi a:hover {
	background-position: -190px -144px;
}
.navimenu li.access a:hover {
	background-position: -190px -180px;
}
.navimenu li.contact a:hover {
	background-position: -190px -216px;
}
.navimenu li.download a:hover {
	background-position: -190px -252px;
}
/* @end */


#mainBox .boxR {
	width: 690px;
	float: right;
	padding: 24px 0 0;
	background: url(../img/container_top.gif) no-repeat 0 24px;
}
#container {
	margin: 24px 0 0;
	padding: 0 10px 10px;
	background: url(../img/container_bg.gif) repeat-y 0 0;
}
#top #contunder {
	clear: both;
	height: 10px;
	background: url(../img/container_under.gif) no-repeat 0 bottom;
}
#page #contunder {
	clear: both;
	height: 34px;
	padding: 0 20px;
	background: url(../img/container_under.gif) no-repeat 0 bottom;
}
#page #contunder a {
	width: 124px;
	height: 22px;
	float: right;
	background: url(../img/sprite.jpg) no-repeat -116px 0;
}
#page #contunder a:hover {
	background-position: -239px 0;
}
/* @group #video */
#video {
	width: 670px;
}
#video .boxL {
	width: 345px;
	height: 240px;
	margin: 0 0 24px 0;
	padding: 4px 0 4px 45px;
	background: url(../img/video_bg.jpg) no-repeat 0 0;
	float: left;
}
#video .boxR {
	width: 280px;
	background: none;
	padding: 0;
	float: right;
	margin: 0 0 24px 0;
}
#video h3 {
	width: 280px;
	height: 32px;
	margin: 0;
	padding: 0;
	background: url(../img/gurutto_index.jpg) no-repeat 0 0;
}
#video ul {
	width: 260px;
	margin: 1em 0 1em 20px;
}
#video ul li {
	font-size: 12px;
	width: 130px;
	float: left;
	margin: 0 0 10px;
	list-style: none;
}
#video ul li .title {
	padding: 0 8px 2px 4px;
	border-left: solid 2px #dc8aa1;
}
#video .more {
	clear: both;
	width: 58px;
	height: 21px;
	padding: 0 0 10px 0;
	float: right;
}
#video .more a {
	background: url(../img/sprite.jpg) no-repeat 0 0;
}
#video .more a:hover {
	background-position: -58px 0;
}

#video ul li img {
	border: 2px solid #b1a983;
	margin: 0 0 2px 0;
}
#video ul li.on img {
	border: 2px solid #a40c0c;
	margin: 0 0 2px 0;
}
#video ul li.on .title {
	font-weight: bold;
	border-color: #a40c0c;
}
#video ul li.on .title a {
	color: #a40c0c;
}

/* @end */
/* @group top-about misasa */
#explanation {
	clear: both;
	padding: 0 0 10px 0;
}
#explanation h2 {
	width: 670px;
	height: 57px;
	margin: 0;
	background: url(../img/topabout_index.jpg) no-repeat 0 0;
}
#explanation .more {
	width: 115px;
	height: 20px;
	float: right;
	padding: 0 0 15px 0;
}
#explanation .more a {
	background: url(../img/sprite.jpg) no-repeat 0 -22px;
}
#explanation .more a:hover {
	background: url(../img/sprite.jpg) no-repeat -115px -22px;
}
/* @end */
/* @group top-stay menu */
#top #staymenu {
	clear: both;
}
#top #staymenu h3 {
	width: 670px;
	height: 34px;
	margin: 0;
}
#top #staymenu h3 a {
	background: url(../img/staymenu_index.jpg) no-repeat 0 0;
}
#top #staymenu ul {
	height: 100px;
	margin: 1em 0 1em 10px;
	list-style: none;
}
#top #staymenu ul li {
	width: 100px;
	height: 100px;
	margin: 0 10px 0 0;
	float: left;
}
#top #staymenu ul li a {
	background: url(../img/sprite.jpg);
}
#top #staymenu ul li.touji a {
	background-position: 0 -64px;
}
#top #staymenu ul li.look a {
	background-position: 0 -164px;
}
#top #staymenu ul li.enjoy a {
	background-position: 0 -264px;
}
#top #staymenu ul li.camp a {
	background-position: 0 -364px;
}
#top #staymenu ul li.eat a {
	background-position: 0 -464px;
}
#top #staymenu ul li.stay a {
	background-position: 0 -564px;
}
#top #staymenu ul li.touji a:hover {
	background-position: -100px -64px;
}
#top #staymenu ul li.look a:hover {
	background-position: -100px -164px;
}
#top #staymenu ul li.enjoy a:hover {
	background-position: -100px -264px;
}
#top #staymenu ul li.camp a:hover {
	background-position: -100px -364px;
}
#top #staymenu ul li.eat a:hover {
	background-position: -100px -464px;
}
#top #staymenu ul li.stay a:hover {
	background-position: -100px -564px;
}
/* @end */

#container .wrapper {
	width: 670px;
}
/* @group top-hoyou plan */
#top .hoyoplan {
	width: 390px;
	float: left;	
}
#top .hoyoplan h3,
#top .hoyoplan p,
#top .wrapper .news h3,
#top .wrapper .news dl {
	margin: 0;
	padding: 0;
}
#top .hoyoplan h3 a {
	width: 390px;
	height: 40px;
	background: url(../img/hoyoplan_index.jpg) no-repeat 0 0;
}
#top .hoyoplan .box a {
	width: 235px;
	height: 59px;
	margin: 10px 5px 0;
	padding: 45px 10px 0 135px;
	color: #333;
	text-decoration: none;
	display: block;
}
#top .hoyoplan .title {
	display: none;
}
#top .hoyoplan .plan1 {
	background: url(../img/bnr_topplan1.jpg) no-repeat 5px 0;
}
#top .hoyoplan .plan2 {
	background: url(../img/bnr_topplan2.jpg) no-repeat 5px 0;
}
/* @end */

/* @group top-news */
#top .wrapper .news {
	width: 260px;
	float: right;
}
#top .wrapper .news h3 a {
	width: 260px;
	height: 40px;
	background: url(../img/indexsprite.jpg) no-repeat 0 0;
}
#top .wrapper .news h3 a:hover {
	background-position: -260px 0;
}
#top .wrapper .news dt {
	background: url(../img/list_link.gif) no-repeat 0 3px;
	padding-left: 16px;
}
#top .wrapper .news dd {
	font-size: 12px;
	padding: 0 0 3px 20px;
	border-bottom: dotted 1px #c4b594;
}
/* @end */

/* @group bnrBox */
ul#bnrBox {
  clear: both;
  padding: 15px 0;
  margin: 0;
  list-style: none;
}

ul#bnrBox li {
  width: 325px;
  height: 68px;
  margin: 0;
  padding: 0 0 10px;
  float: left;
}
ul#bnrBox li.left {
  padding: 0 20px 10px 0;
}

#topicPath {
	font-size: 12px;
	color: #fff;
	background: url(../img/indexsprite.jpg) no-repeat 0 -40px;
	width: 650px;
	height: 20px;
	padding: 4px 10px 0;
	margin-bottom: 15px;
}
#topicPath a {
	color: #fff;
}
/* @group folder */
#folder h2 {
	width: 670px;
	height: 120px;
	margin: 0;
}

#folder h2.about {
	background: url(../img/f/about.jpg) no-repeat 0 0;
}
#folder h2.access {
	background: url(../img/f/access.jpg) no-repeat 0 0;
}
#folder h2.contact {
	background: url(../img/f/contact.jpg) no-repeat 0 0;
}
#folder h2.links {
	background: url(../img/f/links.jpg) no-repeat 0 0;
}
#folder h2.news {
	background: url(../img/f/news.jpg) no-repeat 0 0;
}
#folder h2.privacy {
	background: url(../img/f/privacy.jpg) no-repeat 0 0;
}
#folder h2.report {
	background: url(../img/f/report.jpg) no-repeat 0 0;
}
#folder h2.sitemap {
	background: url(../img/f/sitemap.jpg) no-repeat 0 0;
}
#folder h2.staymenu {
	background: url(../img/f/staymenu.jpg) no-repeat 0 0;
}
#folder h2.download {
	background: url(../img/f/download.jpg) no-repeat 0 0;
}
#folder h2.faq {
	background: url(../img/f/faq.jpg) no-repeat 0 0;
}
#folder h2.voice {
	background: url(../img/f/voice.jpg) no-repeat 0 0;
}

#folder .outline p {
	margin: 0;
	padding: 8px 10px;
	background: url(../img/indexsprite.jpg) no-repeat 0 -70px;
}
#folder dl#pagelist {
	width: 650px;
	padding: 10px 10px;
	margin: 0;
}
#folder dl#pagelist dt {
	position: relative;
	width: 550px;
	margin: 0 0 5px 0;
	padding: 10px 0 0 100px;
	font-weight: bold;
}
#folder dl#pagelist dt.firstChild,  
#folder dl#pagelist dt:first-child {  
	padding-top: 0;  
} 
#folder dl#pagelist dt span.update {
	font-size: 12px;
	color: #777777;
	font-weight: normal;
}
#folder dl#pagelist dt a {
	padding-left: 20px;
	background: url(../img/list_big.gif) no-repeat 0 2px;
}
#folder dl#pagelist dt img {
	position: absolute;
	top: 10px;
	left: 0;
	padding: 2px;
	border: solid 1px #28420e;
}
#folder dl#pagelist dt.firstChild img,
#folder dl#pagelist dt:first-child img {
	top: 0;
}
#folder dl#pagelist dd {
	border-top: dotted 1px #c4b594;
	margin: 0 0 10px 100px;
	padding: 6px 0 0 0;
	height: 34px;
}
#folder dl#pagelist > dd {
	min-height: 34px;
	height: auto;
}
/* @end */
/* @group contentspage staymenu */
#folder ul.submenu,
#staypage ul.submenu {
	width: 660px;
	height: 100px;
	margin: 0;
	padding: 0 0 6px 10px;
	list-style: none;
}
#folder ul.submenu li,
#staypage ul.submenu li {
	width: 100px;
	height: 100px;
	float: left;
	margin: 0 10px 0 0;
}
#folder ul.submenu li a,
#staypage ul.submenu li a {
	background: url(../img/sprite.jpg) no-repeat 0 0;
}
#folder ul.submenu li.touji a,
#staypage ul.submenu li.touji a {
	background-position: -200px -64px;
}
#folder ul.submenu li.look a,
#staypage ul.submenu li.look a {
	background-position: -200px -164px;
}
#folder ul.submenu li.enjoy a,
#staypage ul.submenu li.enjoy a {
	background-position: -200px -264px;
}
#folder ul.submenu li.camp a,
#staypage ul.submenu li.camp a {
	background-position: -200px -364px;
}
#folder ul.submenu li.eat a,
#staypage ul.submenu li.eat a {
	background-position: -200px -464px;
}
#folder ul.submenu li.stay a,
#staypage ul.submenu li.stay a {
	background-position: -200px -564px;
}
#folder ul.submenu li.touji_on a,
#staypage ul.submenu li.touji_on a {
	background-position: 0 -64px;
}
#folder ul.submenu li.look_on a,
#staypage ul.submenu li.look_on a {
	background-position: 0 -164px;
}
#folder ul.submenu li.enjoy_on a,
#staypage ul.submenu li.enjoy_on a {
	background-position: 0 -264px;
}
#folder ul.submenu li.camp_on a,
#staypage ul.submenu li.camp_on a {
	background-position: 0 -364px;
}
#folder ul.submenu li.eat_on a,
#staypage ul.submenu li.eat_on a {
	background-position: 0 -464px;
}
#folder ul.submenu li.stay_on a,
#staypage ul.submenu li.stay_on a {
	background-position: 0 -564px;
}
#folder ul.submenu li.touji a:hover,
#staypage ul.submenu li.touji a:hover {
	background-position: -100px -64px;
}
#folder ul.submenu li.look a:hover,
#staypage ul.submenu li.look a:hover {
	background-position: -100px -164px;
}
#folder ul.submenu li.enjoy a:hover,
#staypage ul.submenu li.enjoy a:hover {
	background-position: -100px -264px;
}
#folder ul.submenu li.camp a:hover,
#staypage ul.submenu li.camp a:hover {
	background-position: -100px -364px;
}
#folder ul.submenu li.eat a:hover,
#staypage ul.submenu li.eat a:hover {
	background-position: -100px -464px;
}
#folder ul.submenu li.stay a:hover,
#staypage ul.submenu li.stay a:hover {
	background-position: -100px -564px;
}

#folder h2.staymenu,
#staypage h2 {
	width: 625px;
	height: 34px;
	font-size: 18px;
	color: #912b4d;
	font-weight: normal;
	margin: 0;
	padding: 6px 0 0 45px;
	background: url(../img/indexsprite.jpg) no-repeat 0 -124px;
}
/* @end */

/* @group footer */
#footer {
	clear: both;
	background: #3e5c20 url(../img/footer_bg.jpg) repeat-x;
	padding-top: 14px;
}
.footLink,
.footAdd {
	width: 700px;
	margin: 0 auto;
	padding: 0 0 20px 260px;
	text-align: left;
}
.footLink ul {
	height: 20px;
	margin: 0;
	list-style: none;
} 
.footLink ul a {
	color: #fff;
	text-decoration: none;
}
.footLink ul a:visited {
	color: #fff;
	text-decoration: none;
}
.footLink ul a:hover {
	color: #fff;
	text-decoration: underline;
}
.footLink ul li {
	float: left;
	border-left: solid 1px #fff;
	margin: 0;
	padding: 0 10px;
}
.footLink ul li.start {
	border-left: none;
}
.footAdd .boxL {
	width: 400px;
	margin: 0 20px 0 0;
	float: left;
}
.footAdd .boxL p,
.footAdd address {
	color: #b5d19a;
	margin: 0 10px;
}
#mobile {
	width: 242px;
	padding-right: 10px;
	float: right;
	background: url(../img/mobile_bg.gif) no-repeat 0 0;
}
#mobile a img {
	width: 82px;
	height: 82px;
	float: right;
	padding: 9px 10px 9px ;
}
#mobile h4 {
	margin: 0;
	padding: 12px 0 8px 10px;
}
#mobile h4 a {
	width: 122px;
	height: 38px;
	margin: 0;
	background: url(../img/mobile_title.gif) no-repeat 0 0;
}
#mobile p {
	width: 131px;
	height: 26px;
	padding: 0px;
	margin: 0 0 0 9px;
	background: url(../img/mobile_text.gif) no-repeat 0 0;
}
/* @end */