@charset "utf-8";

/*@import url("../css/base.css");
@import url("DropDownMenu.css");*/
/* CSS Document */

/* ////// 全体の構成は以下のようになっています。 ////// */

/* /// 全ページ共通 /// */
/* /// トップページ /// */
/* ///  /// */



/* 基本オレンジ　#eb6b00 */
/* 基本黄緑(文字の色)　#6dab36 */


/* ////////////////// 全ページ共通 ////////////////// */
p {
	font-size: 1.5em;
	line-height: 1.8em;
	padding: 5px 0;
	margin-bottom: 10px;
}
ul,ol {
	font-size: 1.2em;
	line-height: 1.6em;
}

/* pの左右に余白 */
.yohaku {
	padding: 0 10px;
}
.yohaku2 {
	padding: 0 8px;
}
/* 注釈など */
.note {	
	font-size: 0.8em;
	line-height: 1.6em;
	display: block;
	padding-top: 5px;
}
.red1 {
	color: #C00;
}
.color_white {
	color: #fff;
}




/* 別ウインドウアイコン */
img.ex_window {
	margin: 0;
	padding: 0 5px 2px 3px;
	float:none;
	vertical-align:middle;
}
/* PDF（ｓ）アイコン */
img.pdf_icon {
	margin: 0;
	padding: 0 3px 2px 0px;
	float:none;
	vertical-align:middle;
}
/* フロート右左 */
.fl_r {
	float: right;
}
.fl_l {
	float: left;
}








/* リンクボタン（オレンジマーク付き）（li用） */
.link_btn {
	list-style-type: none;
}
.link_btn li {
	font-size: 12px;
	font-weight: bold;
	background: url(../images/btn_go.gif) no-repeat left top;
	padding: 1px 0 1px 17px;
	margin: 5px 20px 5px 0;
}
/* リンクボタン（オレンジマーク付き）(span用) */
span.link_btn {
	font-size: 12px;
	font-weight: bold;
	background: url(../images/btn_go.gif) no-repeat left top;
	padding: 0px 0 0px 17px;
	margin: 5px 20px 5px 0;
	display: block;
	
}
#home span.link_btn {
	padding: 3px 0 2px 17px;
}
th span.link_btn {
	padding: 2px 0 2px 17px;
}


/* リード横の右寄せイメージ */
.img01 {
	float: right;
	margin: 13px 10px 20px 0;
}
.img012 {
	float: right;
	margin: 10px 0 10px;
}
.img03 {
	float: right;
	margin: 13px 10px 10px 0;
}
.img04 {
	float: left;
	margin-bottom: 10px;
}
.img05 {
	float: right;
	margin: 13px 10px 0 0;
}


/* 囲みK付きphoto　右よせ */
.ph01 {
	float: right;
	margin: 0 0 3px 5px;
	_margin-top: 20px;
	/*padding: 4px;
	border: 1px solid #5e787c;*/	
}
*:first-child+html .ph01 {
	margin-top: 20px;
}



/* 全体を囲む角丸ワク（２重） */
#wrap {
	width: 1000px;
	background: url(../images/fr_base_side.gif) repeat-y;
	margin: 14px auto 0;
}
#wrap_inner {
	width: 1000px;
	background: url(../images/fr_base_top.gif) no-repeat top;
	margin-top: 0px;
}


/* 最上部のエリア（検索窓、Englishタブなど） */
#upper_area {
	width: 1000px;
	height: 43px;
}
/* 検索窓 */
#search {
	margin: 3px 0 0 50px;
	width: 197px;
	height: 20px;
	float: left;
	background:#ccc;
	_margin-left: 25px;
}
#search input#search_window {
	width: 155px;
	height: 18px;
	padding: 2px 0 0 4px;
	border: none;
	background: url(../images/pic_search.gif) no-repeat top;
	float: left;
}
#search input#search_btn {
	width: 38px;
	height: 20px;
	float: left;
}
/* タブ（japanese, English, kids） */
#page_tabs {
	width: 329px;
	height: 37px;
	float: right;
	list-style-type: none;
	margin: 6px 53px 0 0;
	_margin-right: 26px;
}
#page_tabs li {
	display: inline;
	float: left;
}
/* japaneseタブ */
#goto_jpn {
	width: 112px;
	height: 37px;
}
#goto_jpn a {
	display: block;
	width: 112px;
	height: 37px;
	background: url(../../images/btn_jpn.gif) no-repeat top;
}
#goto_jpn a:hover {
	background: url(../../images/btn_jpn.gif) no-repeat top;
}
#goto_jpn a {
	background: url(../../images/btn_jpn.gif) no-repeat bottom;
}
/* Englishタブ */
#goto_eng {
	width: 105px;
	height: 37px;
}
#goto_eng a {
	display: block;
	width: 105px;
	height: 37px;
	background: #ccc url(../../images/btn_eng.gif) no-repeat bottom;
}
#goto_eng a:hover {
	background: #999 url(../../images/btn_eng.gif) no-repeat top;
}
.e_site #goto_eng a {
	background: url(../../images/btn_eng.gif) no-repeat top;
}
/* キッズページタブ */
#goto_kid {
	width: 112px;
	height: 37px;
}
#goto_kid a {
	display: block;
	width: 112px;
	height: 37px;
	background: #ccc url(../../images/btn_kid.gif) no-repeat top;
}
#goto_kid a:hover {
	background: #999 url(../../images/btn_kid.gif) no-repeat top;
}
.k_site #goto_kid a {
	background: url(../../images/btn_kid.gif) no-repeat top;
}



/* コンテナ（ヘッダーからフッターまでを囲むdiv。幅880に揃えるため） */
#container {
	width: 880px;
	margin: 0 auto;
	padding: 0;
}



/* ヘッダー（ロゴとイラスト） */
#header {
	width: 880px;
	height: 90px;
	margin: 11px 0 7px;
}
/* ロゴ */
h1 {
	width: 535px;
	height: 90px;
	background: url(../images/logo.gif) no-repeat top;
	float: left;
}
h1 a.logo_backhome {
	display: block;
	width: 535px;
	height: 90px;
}
/* イラスト（ロゴの横の） */
#header_illust {
	float: right;
}



/* ヘッダー下のライン */
#headerline {
	width: 880px;
	height: 24px;
	background: url(../images/headerline.gif) no-repeat top left;
	margin: 0;
}






/* コンテンツ（レフトエリアとメインエリアを囲む。---------------------------） */
#contents {
	width: 880px;
	margin-top: 5px;
}


/* パンくず */
#bread {
	width: 603px;
	font-size: 1.4em;
	line-height: 1em;
	list-style-type: none;
	padding: 0 5px 6px;
	margin: 0 0px 8px;
	color: #999;
	font-weight: bold;
	text-align: left;
	border-bottom: 1px solid #ccc;
}
#bread li {
	display: inline;
	vertical-align: middle;
}
#bread li a{
	color: #69F;
}


/* レフトエリア（レフトナビ＋その他）--------------------------- */
#left_area {
	float: left;
	margin: 0px 0 0 10px;
	_margin-left: 5px;
	width: 216px;
}





/* レフトナビ */
#left_navi {
	width: 216px;
	font-size: 12px;
	line-height: 1em;
	list-style-type: none;
	margin-bottom: 10px;
	background: ;
	color: #fff;
}
/* レフトナビのリンク色 */
#left_navi li a:link {
	color: #fff;
	/*color: #778e92;*/
	text-decoration: none;
}
#left_navi li a:visited {
	color:#fff;
	text-decoration: none;
}
#left_navi li a:hover {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	/*background: url(../images/left_navi_bg.gif) no-repeat top;*/
}
#left_navi li a:active{
	color:#fff;
}

/* レフトナビタイトル */

li.navi_ttl {
	width: 216px;
	height: 55px;
	vertical-align: bottom;
}
li.navi_ttl a {
	display: block;
	width: 216px;
	height: 55px;
	text-decoration: none;
}
#navi_top a {
	background: url(../images/left_navi_top.gif) no-repeat top;
}
#navi_beginner a {
	background: url(../images/left_navi_beginner.gif) no-repeat top;
}
#navi_summer a {
	background: url(../images/left_navi_summer.gif) no-repeat top;
}
#navi_winter a {
	background: url(../images/left_navi_winter.gif) no-repeat top;
}
#navi_camparea a {
	background: url(../images/left_navi_camparea.gif) no-repeat top;
}
#navi_faq a {
	background: url(../images/left_navi_faq.gif) no-repeat top;
}
#navi_extras a {
	background: url(../images/left_navi_extras.gif) no-repeat top;
}


#navi_top a:hover {
	text-decoration: none;
	background:url(../images/left_navi_top.gif) no-repeat bottom;
}
#navi_beginner a:hover {
	text-decoration: none;
	background:url(../images/left_navi_beginner.gif) no-repeat bottom;
}
#navi_summer a:hover {
	text-decoration: none;
	background:url(../images/left_navi_summer.gif) no-repeat bottom;
}
#navi_winter a:hover {
	text-decoration: none;
	background:url(../images/left_navi_winter.gif) no-repeat bottom;
}
#navi_camparea a:hover {
	text-decoration: none;
	background:url(../images/left_navi_camparea.gif) no-repeat bottom;
}
#navi_faq a:hover {
	text-decoration: none;
	background:url(../images/left_navi_faq.gif) no-repeat bottom;
}
#navi_extras a:hover {
	text-decoration: none;
	background:url(../images/left_navi_extras.gif) no-repeat bottom;
}








/* バナーズ */
.banners {
	list-style-type: none;
}
.banners li {
	width: 215px;
	margin-bottom: 5px;
}
#banner_to_supporter a {
	display: block;
	height: 80px;
	background: url(../images/banner_to_supporter.gif) no-repeat top;
}
#banner_to_supporter a:hover {
	background: url(../images/banner_to_supporter.gif) no-repeat bottom;
}
#banner_kids a {
	display: block;
	height: 90px;
	background: url(../images/banner_kids.gif) no-repeat top;
}
#banner_kids a:hover {
	background: url(../images/banner_kids.gif) no-repeat bottom;
}
#banner_donate a {
	display: block;
	height: 80px;
	background: url(../images/banner_donate.gif) no-repeat top;
}
#banner_donate a:hover {
	background: url(../images/banner_donate.gif) no-repeat bottom;
}
#banner_volunteer a {
	display: block;
	height: 80px;
	background: url(../images/banner_vol.gif) no-repeat top;
}
#banner_volunteer a:hover {
	background: url(../images/banner_vol.gif) no-repeat bottom;
}
#banner_about a {
	display: block;
	height: 80px;
	background: url(../images/banner_about.gif) no-repeat top;
}
#banner_about a:hover {
	background: url(../images/banner_about.gif) no-repeat bottom;
}
#banner_supporter a {
	display: block;
	height: 80px;
	background: url(../images/banner_supporter.gif) no-repeat top;
}
#banner_supporter a:hover {
	background: url(../images/banner_supporter.gif) no-repeat bottom;
}
#banner_one_click a {
	display: block;
	height: 80px;
	background: url(../images/banner_one_click.gif) no-repeat top;
}
#banner_one_click a:hover {
	background: url(../images/banner_one_click.gif) no-repeat bottom;
}











/* メインエリア--------------------------- */
#main_area {
	float: right;
	margin: 0 10px 0 0;
	_margin-right: 5px;
	width: 625px;
}












/* もどるボタン　左寄せ */
.back_btn {
	font-weight: bold;
	margin: 10px 10px 0 10px;
	float: left;
	_margin-left: 5px;
}
.back_btn img {
	vertical-align: middle;
	padding: 0 0px 2px 0;
}



/* キッズページ共通 */
.moji_s {
	font-size: 0.8em;
}
.moji_l {
	font-size: 1.2em;
}


/* つぎのページ,まえのぺーじボタン */
.nextprevbtn {
	padding: 40px 0 0;
}
.btn01 {
	display: block;
	width: 155px;
	height: 37px;
	margin: ;
}
#toppagebtn {
	background: url(../images/btn_toppage.gif) no-repeat top left;
	margin: 0 0;
	float: left;
	cursor: pointer;
}
#prevbtn {
	background: url(../images/btn_prevpage.gif) no-repeat top left;
	margin: 0 0 0 150px;
	float: left;
	cursor: pointer;
}
#nextbtn {
	background: url(../images/btn_nextpage.gif) no-repeat top left;
	margin: 0 0;
	float: right;
	cursor: pointer;
}



/* ページトップボタン */
.pagetop {
	font-weight: bold;
	text-align: right;
	margin: 10px 0 0 0;
	padding: 5px 5px 0 0;
	border-top: 2px dotted #bbdae5;
}
.pagetop a {
	color: #8eafbb;
	text-decoration: none;
}
.pagetop a:link, .pagetop a:visited {
	color: #8eafbb;
	text-decoration: none;
}
.pagetop a:hover {
	color: #8eafbb;
	text-decoration: underline;
}
.pagetop a:active {
	color: #8eafbb;
	text-decoration: none;
}


/* フッター */
#foot_navi {
	list-style-type: none;
	padding: 2px 0;
	margin: 20px 0 5px;
	text-align: center;
	font-size: 1.1em;
}
#foot_navi li {
	display: inline;
	color: #6e8289;
}
#foot_navi li a {
	color: #6e8289;
}


/* コピーライト */
address#copyright {
	width: 1000px;
	height: 70px;
	margin: 0 auto 20px;
	padding: 10px 0 0;
	background: url(../images/fr_base_bottom.gif) no-repeat bottom;
	text-align: center;
	font-weight: bold;
	color: #fff;
	font-size: 1.1em;
}


.honmon {
	padding: 10px 20px 0;
	margin-bottom: 0px;
}
*html .honmon {
	padding: 10px 10px 0;
	margin-bottom: 0px;
}

.honmon p {
	font-size: 1.5em; 
	font-weight: ;
}
h3.midashi {
	margin-top: 10px;
}



img.ph {
	display: block;
	margin: 0 0 15px;
}



/* ////////////////// トップページ　////////////////// */

#home #pagettl {
	width: 625px;
	height: 60px;
	background: url(../images/pagettl.gif) no-repeat top left;
	margin: 15px 0 20px;
}
#home .honmon p {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	margin: 20px auto;
}



/* ////////////////// はじめまして ////////////////// */

#beginner #pagettl {
	width: 625px;
	height: 222px;
	background: url(../beginner/images/pagettl.gif) no-repeat top left;
	margin: 15px 0 0;
}
#beginner #pagettl2 {
	width: 625px;
	height: 43px;
	background: url(../beginner/images/pagettl2.gif) no-repeat top left;
	margin: 0 0 20px;
}
#beginner h4 {
	margin: 0 10px;
}


/*#beginner #waku01 {
	border-color: #f8bb00;
}
#beginner #waku02 {
	border-color: #9beca8;
}*/



/* ////////////////// 夏 ////////////////// */


#summer #main_area {
	background: url(../summer/images/pic01.jpg) no-repeat top right;
}
#summer #pagettl {
	width: 625px;
	height: 60px;
	background: url(../summer/images/pagettl.gif) no-repeat top left;
	margin: 15px 0 0;
}

/* .taiken_waku, .taiken_contentは夏冬共通 */
.taiken_waku {
	border-width:6px;
	border-style: solid;
	border-top: none;
	padding-bottom: 10px;
	padding-left: 30px;
	margin-bottom: 20px;
}
/* .taiken_wakuのボーダーカラーだけは夏冬で違う */
#summer .taiken_waku {
	border-color: #c9f699;
}

.taiken_content {
	width: 565px;
	/*border-bottom: 2px dotted #b6d1f9;*/
}
.taiken_content p {
	font-size: 15px;
	padding-top: 30px;
	padding-left: 20px;
}
#hokenshitsu {
	border: 3px dotted #F9C;
}


/* 1日目 */
#summer #passage01 {
	height: 300px;
	background: url(../summer/images/pic02.jpg) no-repeat top left;
}

#summer #passage03 {
	height: 330px;
	background: url(../summer/images/pic03.jpg) no-repeat top left;
}
#summer #passage04 {
	height: 240px;
	background: url(../summer/images/pic04.jpg) no-repeat top left;
}
#summer #passage05 {
	height: 270px;
	background: url(../summer/images/pic05.jpg) no-repeat top left;
}
#summer #passage06 {
	height: 100px;
	background: url(../summer/images/pic06.jpg) no-repeat top left;
}


/* 2日目 */
#summer #passage07 {
	height: 280px;
	background: url(../summer/images/pic07.jpg) no-repeat top left;
}
#summer #passage08 {
	height: 190px;
	background: url(../summer/images/pic08.jpg) no-repeat top right;
}
#summer #passage09 {
	height: 310px;
	background: url(../summer/images/pic09.jpg) no-repeat top left;
}

#summer #passage11 {
	height: 150px;
	background: url(../summer/images/pic10.jpg) no-repeat top left;
}



/* 3日目 */
#summer #passage12 {
	height: 350px;
	background: url(../summer/images/pic11.jpg) no-repeat top left;
}
#summer #passage13 {
	height: 290px;
	background: url(../summer/images/pic12.jpg) no-repeat top left;
}
#summer #passage14 {
	height: 250px;
	background: url(../summer/images/pic13.jpg) no-repeat bottom right;
}



/* 4日目 */

#summer #passage15 {
	height: 290px;
	background: url(../summer/images/pic14.jpg) no-repeat top left;
}
#summer #passage16 {
	height: 180px;
	background: url(../summer/images/pic15.jpg) no-repeat top right;
}







/* ////////////////// 冬 ////////////////// */

#winter #main_area {
	background: url(../winter/images/pic01.jpg) no-repeat top right;
}
#winter #pagettl {
	width: 625px;
	height: 60px;
	background: url(../winter/images/pagettl.gif) no-repeat top left;
	margin: 15px 0 0;
}

/* .taiken_wakuのボーダーカラーだけは夏冬で違う */
#winter .taiken_waku {
	border-color: #b6d1f9;
}


/* 1日目 */
#winter #passage01 {
	height: 180px;
	background: url(../winter/images/pic02.jpg) no-repeat top left;
}
#winter #passage02 {
	height: 198px;
	background: url(../winter/images/pic03.jpg) no-repeat top right;
}
#winter #passage03 {
	height: 165px;
	background: url(../winter/images/pic04.jpg) no-repeat top left;
}
#winter #passage04 {
	height: 340px;
	background: url(../winter/images/pic05.jpg) no-repeat top left;
	border-bottom: none;
}


/* 2日目 */
#winter #passage05 {
	height: 240px;
	background: url(../winter/images/pic06.jpg) no-repeat top left;
}
#winter #passage06 {
	height: 520px;
	background: url(../winter/images/pic07.jpg) no-repeat top left;
}
#winter #passage07 {
	height: 286px;
	background: url(../winter/images/pic08.jpg) no-repeat top left;
}


/* 3日目 */
#winter #passage08 {
	height: 204px;
	background: url(../winter/images/pic09.jpg) no-repeat top right;
}
#winter #passage09 {
	height: 189px;
	background: url(../winter/images/pic10.jpg) no-repeat top left;
}
#winter #passage10 {
	height: 217px;
	background: url(../winter/images/pic11.jpg) no-repeat top left;
}


/* 4日目 */
#winter #passage11 {
	height: 454px;
	background: url(../winter/images/pic12.jpg) no-repeat top left;
}






/* ////////////////// キャンプ場たんけん ////////////////// */

#camparea #pagettl {
	width: 625px;
	height: 60px;
	background:#ccc url(../camparea/images/pagettl.gif) no-repeat top left;
	margin: 15px 0 0;
}




/* ////////////////// みんなのしつもん ////////////////// */

#faq #pagettl {
	width: 294px;
	height: 60px;
	background: url(../faq/images/pagettl.gif) no-repeat top left;
	margin: 15px 0 0;
}

#faq h4 {
	margin: 0 10px;
}

#ques_category {
	padding: 10px 0 20px 20px;
}
#faq .midashi {
	width: 625px;
	height: 41px;
	background: url(../faq/images/bg_midashi_1line.gif) no-repeat top left;
	padding: 19px 0 0 20px;
	font-size: 20px;
	color: #F60;
	font-weight: bold;
}
#faq .honmon {
	background: url(../faq/images/bg_a_mark.gif) no-repeat top left;
}
#faq .honmon p {
	width: 500px;
	float: right;
	padding-left: 120px;

}



/* ////////////////// おまけ ////////////////// */

#extras #pagettl {
	width: 294px;
	height: 60px;
	background: url(../extras/images/pagettl.gif) no-repeat top left;
	margin: 15px 0 0;
}
#extras .honmon {
	width: 560px;
	padding-bottom: 15px;
}

#extras .honmon_right {
	width: 380px;
	float: right;
}
#extras h4 {
	font-size: 20px;
	color: #3ca2be;
	padding: 7px 10px;
	margin-right: 5px;
	margin-bottom: 3px;
	border-top: 3px dotted #ffa812;
	border-bottom: 3px dotted #ffa812;
}

.dlbtn {
	display: block;
	width: 170px;
	height: 37px;
	background: url(../images/btn_dl.gif) no-repeat top left;
	margin-left: -4px;
	margin-top: -10px;
}
#extras .nextprevbtn {
	border-top: 3px dotted #ffa812;
	margin-top: 20px;
}


/* ////////////////// フォルダ////////////////// */





/* ////////////////// フォルダ ////////////////// */