@charset "UTF-8";


/* ---------------------------------------------------------
	CSS Document > Yakushima Base Layout
--------------------------------------------------------- */

#container {text-align:center;margin:0 auto; background:url(../images/bg_contents.jpg) 0 top repeat-x;}
#container div#headerWrapper {text-align:center;margin:0 auto;}

#catch_txt {background-color:#F4F4F4;border-bottom:1px solid #EAEAEA;text-align:center;margin:0 auto;}

#catch_txt {background-color:#F4F4F4;border-bottom:1px solid #EAEAEA;text-align:center;margin:0 auto;}
	#catch_txt p {width:950px;text-align:right;margin:0 auto;padding:4px 0 2px;color:#999; font-size:11px;}

#Yakushima {width:950px;margin:0 auto;background-color:#FFF;}

/*e*/
	#visual {}
	#visual h2 {display:none;}
	#visual p {display:none;}

	#topicpath {padding:10px 15px;color:#9A9A9A;}
		#topicpath a {color:#9A9A9A;}

	#navigation {}
	#navigation li {float:left;}
	#navigation li a {display:block;width:190px;height:71px;}
	#navigation li a span {display:none;}

	#navigation li.navi01 a {background:url(../images/navigation.jpg) 0 0 no-repeat;}
	#navigation li.navi02 a {background:url(../images/navigation.jpg) -190px 0 no-repeat;}
	#navigation li.navi03 a {background:url(../images/navigation.jpg) -380px 0 no-repeat;}
	#navigation li.navi04 a {background:url(../images/navigation.jpg) -570px 0 no-repeat;}
	#navigation li.navi05 a {background:url(../images/navigation.jpg) -760px 0 no-repeat;}

	#navigation li.navi01 a:hover {background-position:0 -71px;}
	#navigation li.navi02 a:hover {background-position:-190px -71px;}
	#navigation li.navi03 a:hover {background-position:-380px -71px;}
	#navigation li.navi04 a:hover {background-position:-570px -71px;}
	#navigation li.navi05 a:hover {background-position:-760px -71px;}
/*e*/

	/*#att_info {margin:0 15px 20px;}
		#att_info dl {border-top:1px solid #099;border-bottom:1px solid #099; background:url(../images/index/bg_att_info.gif) 0 0 repeat-y;}
		#att_info dt {float:left;width:120px;text-align:center;padding:0px;height:100px;overflow:hidden;}
		#att_info dt img{margin-top:15px;}
		#att_info dd {padding:0px 10px 0 10px;color:#099;height:100px;overflow:auto;}
			#att_info dd p {padding-bottom:10px;}
			#att_info dd p.ttl {font-weight:bold;padding-top:15px;}*/

	#whatsnew {width:670px;margin:0 0 15px 0;border-top:1px solid #099;border-bottom:1px solid #099;border-right:1px solid #099;}
		#whatsnew div.ttl_news {float:left;width:110px;}
		#whatsnew div.news {float:left;width:540px;padding:0px 10px 0 10px;color:#099;height:78px;overflow:auto;}
				*html #whatsnew div.news {float:left;width:557px;padding:0px 10px 0 10px;color:#099;height:78px;overflow:auto;}/*ie6*/

				.news dl dt{width:70px;padding:3px 10px 3px 0;float:left;border-bottom:1px dotted #666;color:#F60;font-weight:bold;}
					.news dl dt.top{width:70px;padding:7px 10px 3px 0;}
				.news dl dd{width:440px;padding:3px 0;float:left;border-bottom:1px dotted #666;}
					.news dl dd.top{width:440px;padding:7px 0 3px 0;}

			#whatsnew dd p {padding-bottom:10px;}
			#whatsnew dd p.ttl {font-weight:bold;padding-top:15px;}

	#att_info {margin:0px;width:auto;padding:0px 10px 0 10px;color:#099;height:280px;overflow:auto;}
			#att_info p {padding-bottom:10px;}
			#att_info p.ttl {font-weight:bold;padding-top:15px;}


	#contents {padding-bottom:0;}
		#contents #mainvisual {float:left;width:670px;}
		#contents #sidebar {float:right;width:275px;margin-bottom:30px;}

#footer .listArea{
	margin-bottom:0px;
}

#footer .linkArea{
	background: #FFF;
	padding-top:10px;
}


	/* sidebar(search) */
	#sidebar .search {background:url(../images/common/side_bg_search.gif) 0 0 repeat-y;border-bottom:1px solid #999;margin-bottom:1px;}
	#sidebar .search table {width:240px;margin:5px;}
	#sidebar .search table th {padding:4px 0;width:62px; text-align:left;}
	@media screen and (-webkit-min-device-pixel-ratio:0) {
			#sidebar .search table th {padding:4px 0;width:49px; text-align:left;}
	}
	#sidebar span.f10{ font-size:10px;}
	#sidebar .search table th.th_01 {padding-bottom:0;width:120px;}
	#sidebar .search table th span { border-left:5px solid #09C;padding-left:5px;}
	#sidebar .search table td {padding:4px 0;}
	#sidebar .search table td.td_01 {padding-left:10px;}
	#sidebar .search table td .w160 {width:160px;}
	#sidebar .search table td .w245 {width:245px;}
	#sidebar .search table td .w250 {width:250px;}
	#sidebar .search p {text-align:center;padding:0 0 10px;}

	/* sidebar(box01) */
	#sidebar .box01 {background:url(../images/common/side_bg_box01.gif) 0 0 repeat-y;zoom:1;margin-bottom:1px;}
		#sidebar .box01 .upper {background:url(../images/common/side_bg_box01_upper.gif) 0 top no-repeat;padding-top:2px;}
		#sidebar .box01 .lower {background:url(../images/common/side_bg_box01_lower.gif) 0 bottom no-repeat;padding-bottom:2px;text-align:center;}
		#sidebar .box01 img {margin:15px 0;}
		#sidebar .box01 p {padding:0 10px 10px;}

	/* sidebar(box02) */
	#sidebar .box02 {background:url(../images/common/side_bg_box02.gif) 0 0 repeat-y;zoom:1;margin-bottom:1px;}
		#sidebar .box02 .upper {background:url(../images/common/side_bg_box02_upper.gif) 0 top no-repeat;padding-top:2px;}
		#sidebar .box02 .lower {background:url(../images/common/side_bg_box02_lower.gif) 0 bottom no-repeat;padding:15px 0 20px;text-align:center;}
		#sidebar .box02 img {margin:5px 0 0;}
		#sidebar .box02 p {text-align:center;}


	/* sidebar(box03) */
	#sidebar .box03 {background:url(../images/common/side_bg_box03.gif) 0 0 repeat-y;zoom:1;border-bottom:1px solid #999;margin-bottom:1px;}
		#sidebar .box03 h2 {margin-bottom:20px;}
			#sidebar .box03 h2.info {margin-bottom:0px;}
		#sidebar .box03 p {}
		#sidebar .box03 p.bnr_img {margin-bottom:10px;text-align:center;}
		#sidebar .box03 p.bnr_txt {width:220px;margin-bottom:20px;margin-left:27px;}
		#sidebar .box03 p.bnr_txt a { color:#333;}

	/* sidebar(box04) */
	#sidebar .box04 {background:url(../images/common/side_bg_box03.gif) 0 0 repeat-y;zoom:1;border-bottom:1px solid #999;margin-bottom:1px;}
		#sidebar .box04 h2 {margin-bottom:15px;}
		#sidebar .box04 p {}
		#sidebar .box04 p.bnr_img {margin-bottom:15px;text-align:center;}







	/* sidebar(ranking) */
	#sidebar .ranking {background:url(../images/common/bg_side_ranking.gif) 0 0 repeat-y;margin-bottom:5px;zoom:1;}
	#sidebar .ranking .upper {background:url(../images/common/bg_side_ranking_upper.jpg) 0 top no-repeat;padding-top:80px;}
	#sidebar .ranking .lower {background:url(../images/common/bg_side_ranking_lower.jpg) 0 bottom no-repeat;padding-bottom:25px;}

		#sidebar .ranking h2 {display:none;}
		#sidebar .ranking p {padding:3px 25px 5px; color:#666;}
		#sidebar .ranking dl {padding:10px 20px 0;}
		#sidebar .ranking dd span {display:block;}
		#sidebar .ranking dt.rank01 {background:url(../images/common/ico_rank01.jpg) 0 0 no-repeat;height:55px;text-indent:-9999px;}
		#sidebar .ranking dd.rank01 {background-color:#F90; font-size:14px;padding:3px 5px 2px; color:#FFF;font-weight:bold;margin:0 3px 10px;}
		#sidebar .ranking dt.rank02 {display:none;}
		#sidebar .ranking dd.rank02 {background:url(../images/common/line_dot_rank.gif) center top no-repeat;padding-bottom:4px;}
		#sidebar .ranking dd.rank02 span {padding:12px 0 8px 35px;background:url(../images/common/ico_rank02.jpg) 0 center no-repeat;}
		#sidebar .ranking dt.rank03 {display:none;}
		#sidebar .ranking dd.rank03 {background:url(../images/common/line_dot_rank.gif) center top no-repeat;padding-bottom:10px;}
		#sidebar .ranking dd.rank03 span {padding:12px 0 8px 35px;background:url(../images/common/ico_rank03.jpg) 0 center no-repeat;}

	/* sidebar(information) */
	#sidebar .sideinfo {background:url(../images/common/bg_side_information.gif) 0 0 repeat-y;border-bottom:1px solid #999;zoom:1;padding-bottom:10px;}
	#sidebar .sideinfo a {color:#333;}
		#sidebar .sideinfo dl {}
		#sidebar .sideinfo dt {margin-bottom:10px;}
		#sidebar .sideinfo dd {margin:0 15px;background:url(../images/common/line_dot.gif) 0 bottom repeat-x;}
		#sidebar .sideinfo dd span {display:block;background:url(../images/common/ico_side_arrow.gif) 0 7px no-repeat;padding:7px 0 7px 25px;}

	/* mainvisual(Trademark) */
	#mainvisual .trademark_txt {margin-bottom:10px;}

	/* contents(Pagetop) */
	#contents .pagetop {clear:both;padding:5px;}
	#contents .pagetop p {text-align:right;}


/* ---------------------------------------------------------
	CSS Document > Yakushima Index
--------------------------------------------------------- */

	.yk_idx_box01 { background:url(../images/index/bg_box01.jpg) 0 0 no-repeat;width:670px;height:259px;position:relative;}
		.yk_idx_box01 h3 {display:none;}
		.yk_idx_box01 p {color:#FFF; position:absolute;top:110px;left:15px;width:260px; line-height:1.7;}
		.yk_idx_box01 ul {}
		.yk_idx_box01 li a {display:block;position:absolute;font-size:0.1px;}
		.yk_idx_box01 li a span { display:none;}
			.yk_idx_box01 li.li_01 a {top:74px;left:557px;width:80px;height:17px;}
			.yk_idx_box01 li.li_02 a {top:98px;left:485px;width:50px;height:13px;}
			.yk_idx_box01 li.li_03 a {top:105px;left:563px;width:60px;height:22px;}
			.yk_idx_box01 li.li_04 a {top:132px;left:500px;width:46px;height:18px;}
			.yk_idx_box01 li.li_05 a {top:139px;left:401px;width:63px;height:13px;}
			.yk_idx_box01 li.li_06 a {top:164px;left:549px;width:74px;height:24px;}

	.yk_idx_box02 {margin-bottom:0px;}
		.yk_idx_box02 ul {}
		.yk_idx_box02 li {float:left;}
		.yk_idx_box02 li a {display:block;position:relative;color:#333;text-decoration:none;}
		.yk_idx_box02 li a:hover {color:#7A7A7A;text-decoration:none;}
		.yk_idx_box02 li a span {display:block;position:absolute;color:#333;line-height:1.7;}
		.yk_idx_box02 li a:hover span {color:#7A7A7A;text-decoration:none;}
		.yk_idx_box02 li span.ttl {display:none;}
			.yk_idx_box02 li.li_01 a {width:340px;height:501px;background:url(../images/index/bg_box02_1.jpg) 0 0 no-repeat;}
			.yk_idx_box02 li.li_02 a {width:330px;height:251px;background:url(../images/index/bg_box02_2.jpg) 0 0 no-repeat;}
			.yk_idx_box02 li.li_03 a {width:330px;height:250px;background:url(../images/index/bg_box02_3.jpg) 0 0 no-repeat;}
			.yk_idx_box02 li.li_01 a span{top:307px;left:145px;width:186px;}
			.yk_idx_box02 li.li_02 a span{top:47px;left:13px;width:186px;}
			.yk_idx_box02 li.li_03 a span{top:74px;left:135px;width:190px;}
			.yk_idx_box02 li.li_01 a:hover {background-position:0 -501px;}
			.yk_idx_box02 li.li_02 a:hover {background-position:0 -251px;}
			.yk_idx_box02 li.li_03 a:hover {background-position:0 -250px;}
		.yk_idx_box02 .btn {text-align:right;padding:5px 5px 0px 5px;}




	.yk_idx_box03 {margin-bottom:0px;}
		.yk_idx_box03 h4 {padding:0px 10px 5px 10px;}
		.yk_idx_box03 ul {}
		.yk_idx_box03 li {float:left;}
		.yk_idx_box03 li a {display:block;position:relative;color:#333;text-decoration:none;}
		.yk_idx_box03 li a:hover {color:#7A7A7A;text-decoration:none;}
		.yk_idx_box03 li a span {display:block;position:absolute;color:#333;line-height:1.7;}
		.yk_idx_box03 li a:hover span {color:#7A7A7A;text-decoration:none;}
		.yk_idx_box03 li span.ttl {display:none;}
			.yk_idx_box03 li.li_01 a {width:330px;height:173px;background:url(../images/index/bg_box03_1.jpg) 0 0 no-repeat;}
			.yk_idx_box03 li.li_02 a {width:330px;height:173px;background:url(../images/index/bg_box03_2.jpg) 0 0 no-repeat;}
			.yk_idx_box03 li.li_03 a {width:330px;height:176px;background:url(../images/index/bg_box03_3.jpg) 0 0 no-repeat;}
			.yk_idx_box03 li.li_04 a {width:330px;height:176px;background:url(../images/index/bg_box03_4.jpg) 0 0 no-repeat;}
			.yk_idx_box03 li.li_01 a span{top:54px;left:140px;width:186px;}
			.yk_idx_box03 li.li_02 a span{top:57px;left:153px;width:170px;color:#FFF;line-height:1.5;}
			.yk_idx_box03 li.li_03 a span{top:55px;left:15px;width:310px;color:#FFF;}
			.yk_idx_box03 li.li_04 a span{top:38px;left:15px;width:310px;color:#FFF;}
			.yk_idx_box03 li.li_01 a:hover {background-position:0 -173px;}
			.yk_idx_box03 li.li_02 a:hover {background-position:0 -173px;}
			.yk_idx_box03 li.li_03 a:hover {background-position:0 -176px;}
			.yk_idx_box03 li.li_04 a:hover {background-position:0 -176px;}
		.yk_idx_box03 .btn {text-align:right;padding:5px;}
		.yk_idx_box02 .gotop{text-align:right;padding:5px 5px 0px 5px;}



	.yk_idx_box04 {margin-bottom:10px;}
		.yk_idx_box04 h4 {padding:5px 0 0 0;}

		.yk_idx_box04 .navi01 {}
		.yk_idx_box04 .navi01 li {float:left;}
		.yk_idx_box04 .navi01 li a {display:block;width:131px;height:40px;}
		.yk_idx_box04 .navi01 li a span {display:none;}

		.yk_idx_box04 .navi01 li.navi01 a {background:url(../images/index/navi_box05.jpg) 0 0 no-repeat;}
		.yk_idx_box04 .navi01 li.navi02 a {background:url(../images/index/navi_box05.jpg) -131px 0 no-repeat;}
		.yk_idx_box04 .navi01 li.navi03 a {background:url(../images/index/navi_box05.jpg) -262px 0 no-repeat;}
		.yk_idx_box04 .navi01 li.navi04 a {background:url(../images/index/navi_box05.jpg) -393px 0 no-repeat;}
		.yk_idx_box04 .navi01 li.navi05 a {background:url(../images/index/navi_box05.jpg) -524px 0 no-repeat;}

		.yk_idx_box04 .navi01 li.navi01 a:hover,
		.yk_idx_box04 .navi01 li.navi01 a.on {background-position:0 -40px;}
		.yk_idx_box04 .navi01 li.navi02 a:hover,
		.yk_idx_box04 .navi01 li.navi02 a.on {background-position:-131px -40px;}
		.yk_idx_box04 .navi01 li.navi03 a:hover,
		.yk_idx_box04 .navi01 li.navi03 a.on {background-position:-262px -40px;}
		.yk_idx_box04 .navi01 li.navi04 a:hover,
		.yk_idx_box04 .navi01 li.navi04 a.on {background-position:-393px -40px;}
		.yk_idx_box04 .navi01 li.navi05 a:hover,
		.yk_idx_box04 .navi01 li.navi05 a.on {background-position:-524px -40px;}

		.yk_idx_box04 .navi_off {
			opacity: 0.4;
		}

		.yk_idx_box04 table.tbl01 {width:670px;border-top:1px solid #999;border-collapse: collapse;border-spacing: 0;}
		.yk_idx_box04 table.tbl01 th {width:100px;border-bottom:1px solid #999;vertical-align:top;padding:5px;}
		.yk_idx_box04 table.tbl01 td {width:220px;border-bottom:1px solid #999;border-right:1px solid #999;;vertical-align:top;padding:5px;}
			.yk_idx_box04 table.tbl01 th.none{border:none;}
			.yk_idx_box04 table.tbl01 td.none{border:none;}
				table.tbl01 ul li.tour_ttl{padding:0 0 0 20px;font-size:12px;font-weight:bold;line-height:120%;background:url(../images/index/img_box04_icn.gif) no-repeat;}
				table.tbl01 ul li.tour_read{padding:5px 0 0 20px;font-size:10px;line-height:125%;}
				table.tbl01 ul li.tour_prc{padding:10px 0 0 20px;font-size:12px;font-weight:bold;line-height:120%;color:#F00;text-align:right;}

		.yk_idx_box04 .btn {text-align:right;padding:5px;}

	.yk_idx_box05 {margin-bottom:10px;}
		.yk_idx_box05 h4 {padding:5px 0 0 0;}
		.yk_idx_box05 table.htl01 {width:670px;border-top:1px solid #999;border-collapse: collapse;border-spacing: 0;}
		.yk_idx_box05 table.htl01 th {width:60px;border-bottom:1px solid #999;vertical-align:top;padding:5px 0 5px 5px;}
		.yk_idx_box05 table.htl01 td {width:147px;border-bottom:1px solid #999;border-right:1px solid #999;;vertical-align:top;padding:5px 5px 5px 0;}
		.yk_idx_box05 table.htl01 th.none {border:none;}
		.yk_idx_box05 table.htl01 td.none {border:none;}

				table.htl01 ul li.htl_icn01{padding:0 0 5px 25px;font-size:12px;font-weight:bold;line-height:120%;background:url(../images/index/img_box05_icn01.gif) no-repeat;}
				table.htl01 ul li.htl_icn02{padding:0 0 5px 25px;font-size:12px;font-weight:bold;line-height:120%;background:url(../images/index/img_box05_icn02.gif) no-repeat;}
				table.htl01 ul li.htl_icn03{padding:0 0 5px 25px;font-size:12px;font-weight:bold;line-height:120%;background:url(../images/index/img_box05_icn03.gif) no-repeat;}
				table.htl01 ul li.htl_icn04{padding:0 0 5px 25px;font-size:12px;font-weight:bold;line-height:120%;background:url(../images/index/img_box05_icn04.gif) no-repeat;}
				table.htl01 ul li.htl_icn05{padding:0 0 5px 25px;font-size:12px;font-weight:bold;line-height:120%;background:url(../images/index/img_box05_icn05.gif) no-repeat;}
				table.htl01 ul li.htl_icn06{padding:0 0 5px 25px;font-size:12px;font-weight:bold;line-height:120%;background:url(../images/index/img_box05_icn06.gif) no-repeat;}
				table.htl01 ul li.htl_read{width:122px;padding:0 0 0 25px;font-size:10px;line-height:135%;}
				* html table.htl01 ul li.htl_read{width:145px;padding:0 0 0 25px;font-size:10px;line-height:135%;}/*ie6*/

		.yk_idx_box05 ul li{float:left;}
		.yk_idx_box05 ul li.ttl_btn{float:right;padding-top:12px;padding-right:2px;}

		.yk_idx_box05 .tour_img{width:670px;line-height:0px;}
		.yk_idx_box05 .tour_img ul li{float:left;}
		.yk_idx_box05 .tour_img ul li img{display:block;}

		.yk_idx_box05 ul.box05_ft li{float:left; padding:0 0 0 5px;}
				.yk_idx_box05 ul.box05_ft li.btn {float:right;padding:10px 5px 0px 5px;}

	.yk_idx_box06 {margin-bottom:5px;}
		.yk_idx_box06 h4 {padding:5px 0 0 0;}


		.yk_idx_box06 ul li{float:left;}
		.yk_idx_box06 ul li.ttl_btn{float:right;padding-top:12px;padding-right:2px;}

		.yk_idx_box06 .btn {text-align:right;padding:5px 5px 0px 5px;}


	.yk_idx_box07 {margin-bottom:10px;}
		.yk_idx_box07 h4 {padding:5px 0 0 0;}

		.yk_idx_box07 div{line-height:0}
		.yk_idx_box07 ul li{float:left;}
		.yk_idx_box07 ul li img{display:block;}
		.yk_idx_box07 ul li.ttl_btn{float:right;padding-top:12px;padding-right:2px;}

		.yk_idx_box07 .btn {text-align:right;padding:5px 5px 0px 5px;}


	.yk_idx_box08 {margin-bottom:10px;}
		.yk_idx_box08 h4 {padding:5px 0 10px 0;}
		.yk_idx_box08 .planlist{ margin-bottom:12px;}
		.yk_idx_box08 .tky {margin-bottom:7px;}
			.yk_idx_box08 .nkq {margin-bottom:7px;margin-top:20px;}

		.yk_idx_box08 ul {width:670px;padding:0 0 0 5px;}
		.yk_idx_box08 ul li{float:left; padding-right:17px;}
		.yk_idx_box08 ul li.end{float:left;padding-right:0px;}

		.yk_idx_box08 ul li p {width:210px;}
		.yk_idx_box08 ul li p a {color:#333;}

		.yk_idx_box08 .btn {text-align:right;padding:5px 5px 0px 5px;}

/*Common CSS*/
div#footer .listArea{
	background: #e4f0f2;
	margin-bottom: 0px!important;
	padding-top:10px;
	line-height: 120%;
}

/* setting */

.clear {
	padding: 0px;
	margin: 0px;
	clear: both;
}

a:hover img.fade{
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}

input.fade:hover{
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=50 )";
}

/*�A�R�[�f�B�I�����j���[*/
#acMenu{
  width:904px;
  border:3px solid #009999;
  border-radius:8px;
  margin:20px auto 0;
}
#acMenu dt{
    display:block;
    width:862px;
    height:66px;
    margin:0 auto;
    position:relative;
    cursor:pointer;
    background:url(./../images/icon_close.png) no-repeat right 50%;
    }
#acMenu dt.open{background:url(./../images/icon_open.png) no-repeat right 50%;}
#acMenu dt IMG.img1{
  position:absolute;
  top:0px;
  left:-9px;
}
#acMenu dt IMG.img2{
  position:absolute;
  top:0px;
  left:101px;
}
#acMenu dd{
    display:none;
    width:862px;
    margin:0 auto;
    border-top:3px solid #009999;
    padding:22px 0;
    font-size:14px;
    line-height:160%;
}