/* -----------------------------------------------
 * パークホテル白樺館 EAST&WEST/ANNEX フォレストロッヂ用
 * ----------------------------------------------- */
body{
	font-size:90%;
	color:#111111;
	font-family:"ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック", "Osaka", verdana,arial, sans-serif;
	background-color:#FFFFFF;
	margin: 0px 0px 0px 0px;
}


/* -----------------------------------------------
 * FONT
 * ----------------------------------------------- */
a:link{ text-decoration:none; color:#FF4800; }
a:visited{ text-decoration:none; color:#FF4800; }
a:active{ text-decoration:underline; color:#000000; }
a:hover{ text-decoration:underline; color:#D83800; }

.x-large{ font-size:24px; }
.large{ font-size:18px; line-height: 120%; }
.medium{ font-size:14px; line-height: 130%; }
.normal{ font-size:12px; line-height: 130%;}
.small{ font-size:10px; line-height: 130%;}
.x-small{ font-size:9px; line-height: 120%; }


H1, H2, H3, H4, p {
	margin:0pt;
	font-size:100%;
	font-weight: normal;
}

a img {
	border:0px;
}

.uetuki{
	font-size:50%;
	vertical-align: super;
}

.color01{
	color:#cc0000;
}


/* -----------------------------------------------
 * 全ページ共通
 * ----------------------------------------------- */

#page {
	width: 800px;
	padding: 0px 0px 20px 0px;
	margin:0pt auto 0pt auto;
}

#header {
	width: 800px;
	padding: 0px 0px 0px 0px;
}

#home #header {
	padding: 0px 0px 20px 0px;
}

#header H1 {
	width: 620px;
	font-size:9px;
	font-weight: normal;
	text-align: left;
	line-height: 1em; 
	color:#FFFFFF;
	padding: 4px 0px 4px 5px;
	margin: 0px;
	background-color:#404040;
	float:left;
}

/*#header H1 {
	width: 795px;
	font-size:10px;
	font-weight: normal;
	text-align: left;
	line-height: 1em; 
	color:#FFFFFF;
	padding: 3px 0px 3px 5px;
	margin: 0px;
	background-color:#000000;
}*/


#header-menu {
	width: 170px;
	font-size:10px;
	font-weight: normal;
	line-height: 1em; 
	color:#FFFFFF;
	text-align:right;
	padding: 4px 5px 3px 0px;
	background-color:#404040;
	float:right;
}

/*#header-menu {
	width: 795px;
	font-size:11px;
	font-weight: normal;
	line-height: 1em; 
	color:#FFFFFF;
	text-align:right;
	padding: 3px 5px 3px 0px;
	background-color:#404040;
}*/

#header-menu a:link{ text-decoration:none; color:#FFFFFF; }
#header-menu a:visited{ text-decoration:none; color:#FFFFFF; }
#header-menu a:active{ text-decoration:underline; color:#FFFFFF; }
#header-menu a:hover{ text-decoration:underline; color: #FFFFFF; }


#menu {
	width: 188px;
	float:left;
}

#menu ul {
	margin: 0px;
	padding :0px;
	list-style-type : none;
}

#menu ul li {
	display : block;	
}

#menu ul li.narrow a {
	display : block;
	width: 175px;
	font-size:13px;
	font-weight: bold;
	color: #000000;
	line-height: 1em; 
	border-top:1px solid #E5E5E5;
	border-bottom:1px solid #808080;
	padding:10px 0px 10px 13px;
	margin:0px 0px 0px 0px;
	text-decoration:none;
	background-image: url(../img/menu_bg.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}

#menu ul li.narrow a:hover {
	display : block;
	width: 175px;
	font-size:13px;
	font-weight: bold;
	color: #FF4C00;
	line-height: 1em; 
	border-top:1px solid #E5E5E5;
	border-bottom:1px solid #808080;
	padding:10px 0px 10px 13px;
	margin:0px 0px 0px 0px;
	text-decoration:none;
	background-image: url(../img/menu_bg.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}

#menu ul li.wide a {
	display : block;
	width: 175px;
	font-size:13px;
	font-weight: bold;
	color: #000000;
	line-height: 1.2em; 
	border-top:1px solid #E5E5E5;
	border-bottom:1px solid #808080;
	padding:10px 0px 10px 13px;
	margin:0px 0px 0px 0px;
	text-decoration:none;
	background-image: url(../img/menu_bg_wide.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}

#menu ul li.wide a:hover {
	display : block;
	width: 175px;
	font-size:13px;
	font-weight: bold;
	color: #FF4C00;
	line-height: 1.2em; 
	border-top:1px solid #E5E5E5;
	border-bottom:1px solid #808080;
	padding:10px 0px 10px 13px;
	margin:0px 0px 0px 0px;
	text-decoration:none;
	background-image: url(../img/menu_bg_wide.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}


#menu ul li ul {
	width: 188px;
	margin: 0px;
	padding : 5px 0px 10px 0px;
	list-style-type : none;
	background-image: url(../img/menu_bg_color.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

#menu ul li ul hr {
	width: 168px;
	margin: 3px auto;
	padding : 0px 0px 0px 0px;
	border-bottom:0px;
	border-top:1px dashed #808080;
}


#menu ul li.narrow ul li a, #menu ul li.wide ul li a {
	display : block;
	width: 178px;
	font-size:14px;
	font-weight: bold;
	color: #FF4C00;
	background-image: none;
	background-repeat: no-repeat;
	background-position: 10px center;
	border:0px;
	padding:4px 0px 4px 10px;
	margin:0px 0px 0px 0px;
	text-decoration:none;
}

#menu ul li.narrow ul li a:hover, #menu ul li.wide ul li a:hover {
	display : block;
	width: 177px;
	font-size:14px;
	font-weight: bold;
	color: #FF4C00;
	background-image: none;
	background-repeat: no-repeat;
	background-position: 11px center;
	border:0px;
	padding:4px 0px 4px 11px;
	margin:0px 0px 0px 0px;
	text-decoration:none;
}


#menu ul li.narrow ul li.sub a, #menu ul li.wide ul li.sub a {
	display : block;
	width: 168px;
	font-size:12px;
	font-weight: normal;
	color: #000000;
	background-image: url(../img/menu_arrow.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
	border:0px;
	padding:4px 0px 4px 20px;
	margin:0px 0px 0px 0px;
	text-decoration:none;
}

#menu ul li.narrow ul li.sub a:hover, #menu ul li.wide ul li.sub a:hover {
	display : block;
	width: 168px;
	font-size:12px;
	font-weight: normal;
	color: #FF4C00;
	background-image: url(../img/menu_arrow.gif);
	background-repeat: no-repeat;
	background-position: 11px center;
	border:0px;
	padding:4px 0px 4px 20px;
	margin:0px 0px 0px 0px;
	text-decoration:none;
}


#menu-sub ul {
	width: 168px;
	margin: 0px;
	line-height: 1.5em; 
	padding : 10px 10px 0px 10px;
	list-style-type : none;
	border-top:1px solid #808080;
	background-image: url(../img/menu_bg_mono.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

#menu-sub a {
	font-size:12px;
	font-weight: normal;
	color: #000000;
	line-height: 1em; 
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	text-decoration:none;
}

#menu-sub a:hover {
	color: #FF4C00;
}

#menu-sub li.menu-home {
	margin-top: 15px;
}

#home #menu-sub li.menu-home {
	display: none;
}


.navi-box{
	width: 602px;
	padding: 0px 0px 7px 0px;
	float:right;
}

.navi-box table{
	background-color: #808080;
}

.navi-box td{
	background-color: #FFFFFF;
}

.navi-box td a, .navi-box td a:hover{
	display:block;
	height: 62px;
	text-indent:-9999px;
	padding: 0px 0px 0px 0px;
	background-repeat: no-repeat;
	background-position: left top;
}

.navi-box td.navi-shirakabakan a{
	width: 148px;
}

.navi-box td.navi-annex a, .navi-box td.navi-makino a, .navi-box td.navi-nature a{
	width: 147px;
}

.navi-box td.navi-shirakabakan a{
	background-image: url(../img/anchor_shirakabakan.jpg);
}

.navi-box td.navi-shirakabakan a:hover{
	background-image: url(../img/anchor_shirakabakan_o.jpg);
}

.navi-box td.navi-annex a{
	background-image: url(../img/anchor_annex.jpg);
}

.navi-box td.navi-annex a:hover{
	background-image: url(../img/anchor_annex_o.jpg);
}

.navi-box td.navi-makino a{
	background-image: url(../img/anchor_makino.jpg);
}

.navi-box td.navi-makino a:hover{
	background-image: url(../img/anchor_makino_o.jpg);
}

.navi-box td.navi-nature a{
	background-image: url(../img/anchor_natureschool.jpg);
}

.navi-box td.navi-nature a:hover{
	background-image: url(../img/anchor_natureschool_o.jpg);
}

.navi-box td.navi-m_p a{
	background-image: url(../img/banner_m_p.jpg);
}

.navi-box td.navi-m_p a:hover{
	background-image: url(../img/banner_m_p.jpg);
}

.navi-box td.navi-hyutte a{
	background-image: url(../img/banner_hyutte.jpg);
}

.navi-box td.navi-hyutte a:hover{
	background-image: url(../img/banner_hyutte.jpg);
}

.navi-box td.navi-ginrei a{
	background-image: url(../img/anchor_ginrei.jpg);
}

.navi-box td.navi-ginrei a:hover{
	background-image: url(../img/anchor_ginrei_o.jpg);
}
.navi-box td.navi-hutte a{
	background-image: url(../img/anchor_hutte.jpg);
}

.navi-box td.navi-hutte a:hover{
	background-image: url(../img/anchor_hutte_o.jpg);
}

.navi-box td.navi-tokura a{
	background-image: url(../img/anchor_tokura.jpg);
}

.navi-box td.navi-tokura a:hover{
	background-image: url(../img/anchor_tokura_o.jpg);
}

.navi-box td.navi-kunisakai a{
	background-image: url(../img/anchor_kunisakai.jpg);
}

.navi-box td.navi-kunisakai a:hover{
	background-image: url(../img/anchor_kunisakai_o.jpg);
}

#home div.column-contents{
	width: 602px;
	padding: 0px 0px 0px 0px;
	background:none;
	float:right;
}

div.column-contents{
	width: 600px;
	min-height:626px;
	padding: 1px 1px 0px 1px;
	background-image: url(../img/contents_waku.gif);
	background-repeat: no-repeat;
	background-position: left top;
	float:right;
}


div.address-box {
	width: 178px;
	padding:0px 0px 0px 0px;
	margin:20px auto 0px auto;
}

div.address-box-text {
	width: 158px;
	font-size:12px;
	font-weight: normal;
	line-height: 1.4em;
	color: #000000;
	background-image: url(../img/address_waku01.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-color:#F7F7F4;
	padding:10px 10px 3px 10px;
}


#footer{
	width: 780px;
	height: 141px;
	font-size:11px;
	color:#444444;
	text-align: right;
	padding: 20px 10px 0px 10px;
	background-image: url(../img/footer_img.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-color:#FFFFFF;
	clear:both;
}

#copyright{
	font-size:10px;
	color:#222222;
	padding: 20px 0px 0px 0px;
}


/* -----------------------------------------------
 * TOPページ
 * ----------------------------------------------- */
div.contents-box {
	width: 598px;
	padding: 1px 1px 1px 1px;
	border-top:1px solid #808080;
	border-left:1px solid #808080;
	border-right:1px solid #808080;
	clear:both;
}

div.contents-box-end {
	width: 598px;
	padding: 1px 1px 1px 1px;
	border-top:1px solid #808080;
	border-left:1px solid #808080;
	border-right:1px solid #808080;
	border-bottom:1px solid #808080;
}

div.contents-box-sec {
	width: 560px;
	padding: 1px 1px 1px 1px;
	border:0px;
}

#shirakabakan {
	width: 598px;
	min-height: 270px;
	padding: 0px 0px 10px 0px;
	background-image: url(../img/bg_shirakabakan.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

#annex {
	width: 598px;
	min-height: 240px;
	padding: 0px 0px 10px 0px;
	background-image: url(../img/bg_annex.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

#makino {
	width: 598px;
	min-height: 260px;
	padding: 0px 0px 10px 0px;
	background-image: url(../img/bg_makino.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	
}

#ginrei {
	width: 598px;
	min-height: 240px;
	padding: 0px 0px 10px 0px;
	background-image: url(../img/bg_ginrei.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

#hutte {
	width: 598px;
	min-height: 240px;
	padding: 0px 0px 10px 0px;
	background-image: url(../img/bg_hutte.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	height: 280px;
}

#home #nature-school {
	width: 598px;
	min-height: 150px;
	padding: 0px 0px 15px 0px;
	background-image: url(../img/bg_nature_school.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

#nature-school {
	width: 598px;
	min-height: 212px;
	padding: 0px 0px 15px 0px;
	background-image: url(../img/bg_nature_school02.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

#okubiwako {
	width: 598px;
	min-height: 225px;
	padding: 0px 0px 15px 0px;
	background-image: url(../img/bg_okubiwako.jpg);
	background-repeat: repeat-x;
	background-position: right top;
}

#hachikougen {
	width: 598px;
	min-height: 193px;
	padding: 0px 0px 15px 0px;
	background-image: url(../img/bg_hachikougen.jpg);
	background-repeat: repeat-x;
	background-position: right top;
}


#shirakabakan, #annex, #makino, #nature-school {
	overflow:auto;
}


#nature-school H2 {
	font-size: 20px;
	font-weight: bold;
	color:#FFFFFF;
	line-height: 1.2em; 
	padding: 18px 10px 0px 15px;
	float:left;
}

#nature-school small {
	font-size: 10px;
	font-weight: bold;
	color:#D6D6D6;
	line-height: 1em; 
	padding: 3px 10px 0px 3px;
}

#nature-school p {
	font-size: 12px;
	width: 315px;
	color:#000000;
	line-height: 1.5em; 
	padding: 30px 15px 0px 0px;
	float:right;
}

.nature-school-menu {
	font-size: 14px;
	text-align:right;
	padding: 10px 20px 5px 15px;
	margin: 0px 0px 0px 0px;
	clear:both;
}

.nature-school-menu a {
	font-weight: bold;
}

#home div.contents-box H2 {
	height: 55px;
	padding: 13px 5px 0px 9px;
	float:left;
}

div.contents-box #shirakabakan H2 {
	width: 252px;
}

div.contents-box #annex H2 {
	width: 317px;
}

div.contents-box #makino H2 {
	width: 249px;
}

#home div.contents-box p {
	font-size: 11px;
	color:#FFFFFF;
	line-height: 1.2em; 
	padding: 15px 10px 0px 0px;
}

div.contents-box-sec H2 {
	height: 70px;
	padding: 13px 5px 0px 9px;
}

#pm-nature-school #nature-school H2 {
	height:36px;
	padding: 13px 5px 0px 9px;
}


.topics {
	width: 330px;
	background-image: url(../img/topics_waku_top.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 10px 15px 5px 15px;
	margin: 0px 10px 0px 0px;
	clear:left;
	float:right;
}

.topics h3 {
	font-size: 14px;
	font-weight: bold;
	border-bottom:1px solid #222222;
}

.topics h3 a, #news H3 a {
	color: #000000;
	text-decoration:none;
}


#shirakabakan .topics h3 {
	background-image: url(../img/txt_shirakabakan.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

#annex .topics h3 {
	background-image: url(../img/txt_annex.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

#makino .topics h3 {
	background-image: url(../img/txt_makino.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

.top-topics-one-box {
	padding: 7px 0px 2px 0px;
	border-bottom:1px dashed #A6A6A6;
}

div.top-topics-one-box H4{
	width: 312px;
	font-size:12px;
	line-height: 1.2em; 
	background-image: url(../img/img_leaf.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0px 0px 0px 18px;
}

.topics-color a:link{ text-decoration:none; color:#006D8D; }
.topics-color a:visited{ text-decoration:none; color:#006D8D; }
.topics-color a:active{ text-decoration:underline; color:#006D8D; }
.topics-color a:hover{ text-decoration:underline; color: #009DC1; }

.topics-color1 a:link{ text-decoration:none; color:#FF4E00; }
.topics-color1 a:visited{ text-decoration:none; color:#FF4E00; }
.topics-color1 a:active{ text-decoration:underline; color:#FF4E00; }
.topics-color1 a:hover{ text-decoration:underline; color: #FF7C48; }

.topics-color2 a:link{ text-decoration:none; color:#1C8000; }
.topics-color2 a:visited{ text-decoration:none; color:#1C8000; }
.topics-color2 a:active{ text-decoration:underline; color:#1C8000; }
.topics-color2 a:hover{ text-decoration:underline; color: #2DB700; }

div.top-topics-one-box .date{
	font-size:10px;
	color:#85704A;
	text-align: left;
}


.topics-listlink {
	width: 350px;
	font-size:11px;
	text-align:right;
	background-image: url(../img/topics_waku_bottom.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px 10px 0px 0px;
	margin: 0px 10px 0px 0px;
	float:right;
}

.one-b-box {
	width: 360px;
	padding: 8px 0px 0px 0px;
	margin: 0px 10px 0px 0px;
	float:right;
}

.one-b-box img{
	border:0px;
	padding: 0px 5px 5px 0px;
}

.one-b-box a:hover {
	opacity:0.8;
	filter: alpha(opacity=80);
}

table.one-b-box-Table {
	width: 580px;
	padding: 8px 0px 0px 0px;
	margin: 0px auto 0px auto;
	clear:both;
}

table.one-b-box-Table img{
	border:0px;
	padding: 0px 5px 5px 0px;
}

table.one-b-box-Table a:hover {
	opacity:0.8;
	filter: alpha(opacity=80);
}


#other {
	width: 585px;
	padding: 20px 10px 0px 5px;
}

#news-content{
	width: 585px;
	padding: 20px 10px 0px 5px;
}

#news {
	width: 380px;
	padding: 0px 0px 0px 0px;
	float:left;
}

#news-content #news{
	width: 585px;
	margin: 20px 0;
}

#news H3 {
	font-size:14px;
	font-weight: bold;
	line-height: 1em; 
	padding: 0px 0px 3px 0px;
	border-bottom:1px solid #222222;
}

#news H4 {
	width: 362px;
	font-size:12px;
	line-height: 1.2em; 
	background-image: url(../img/img_leaf.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 2px 0px 2px 18px;
}

#news .topics-listlink {
	width: 380px;
	font-size:11px;
	text-align:right;
	padding: 5px 0px 0px 0px;
	margin: 0px;
}


div.topics-one-box{
	width: 550px;
	margin-left:auto;
	margin-right:auto;
	padding: 10px 0px 4px 0px;
	border-bottom:1px solid #E0D8CF;
}

div.topics-one-tit{
	line-height: 130%; 
	padding: 0px 0px 0px 22px;
	background-image:url(../page/img/icon_page.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
}

.topics-one-tit a:link{ text-decoration:none; color:#006D8D; }
.topics-one-tit a:visited{ text-decoration:none; color:#006D8D; }
.topics-one-tit a:active{ text-decoration:underline; color:#006D8D; }
.topics-one-tit a:hover{ text-decoration:underline; color: #009DC1; }


div.topics-one-tit1{
	line-height: 130%; 
	padding: 0px 0px 0px 22px;
	background-image:url(../page/img/icon_page.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
}

.topics-one-tit1 a:link{ text-decoration:none; color:#FF4E00; }
.topics-one-tit1 a:visited{ text-decoration:none; color:#FF4E00; }
.topics-one-tit1 a:active{ text-decoration:underline; color:#FF4E00; }
.topics-one-tit1 a:hover{ text-decoration:underline; color: #FF7C48; }


div.topics-one-tit2{
	line-height: 130%; 
	padding: 0px 0px 0px 22px;
	background-image:url(../page/img/icon_page.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
}

.topics-one-tit2 a:link{ text-decoration:none; color:#1C8000; }
.topics-one-tit2 a:visited{ text-decoration:none; color:#1C8000; }
.topics-one-tit2 a:active{ text-decoration:underline; color:#1C8000; }
.topics-one-tit2 a:hover{ text-decoration:underline; color: #2DB700; }

td.topics-one-date{
	width: 70px;
	font-size:85%;
	color:#85704A;
	text-align: right;
}


#banner{
	width: 180px;
	padding: 0px 0px 0px 20px;
	text-align: center;
	float:right;
}

#banner-menu {
	width: 188px;
	padding: 20px 0px 0px 0px;
	text-align: center;
}

#home #banner-menu {
	display:none;
}

#banner a, #banner-menu a {
	display : block;
	width: 180px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

#banner a:hover, #banner-menu a:hover {
	opacity:0.8;
	filter: alpha(opacity=80);
}

#banner img, #banner-menu img {
	padding:0px 0px 0px 0px;
	margin:0px auto 3px auto;
}


/* -----------------------------------------------
 * お問い合わせ
 * ----------------------------------------------- */
td.table-item01 {
	width: 150px;
	font-size:12px;
	font-weight: normal;
	font-family:"ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック", "Osaka", verdana,arial, sans-serif;
	color:#222222;
	text-align: center;
	padding: 13px 0px 6px 2px;
	border-bottom: 1px solid #999999;
	background-color: #F2F2F2;
}

td.table-item02 {
	font-size:12px;
	font-weight: normal;
	font-family:"ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック", "Osaka", verdana,arial, sans-serif;
	color:#111111;
	text-align: left;
	line-height: 1.4em;
	padding: 13px 0px 5px 10px;
	border-bottom: 1px solid #999999;
}

td.table-item03 {
	font-size:12px;
	font-weight: bold;
	font-family:"ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック", "Osaka", verdana,arial, sans-serif;
	color:#CC0000;
	text-align: left;
	line-height: 1.4em;
	padding: 13px 0px 5px 10px;
	border-bottom: 1px solid #999999;
}


.bnr-block{
	padding: 0;
	margin: 0 0 10px 0;
	line-height: 0;
	background-image: none;
}

.side-bnr{
	margin: 20px 0 0;
}

.side-bnr img{
	margin-bottom: 5px;
}

.sidebnr-pain{
	margin: 30px 0 20px;
}


/* -----------------------------------------------
 * FORM
 * ----------------------------------------------- */

form {
    margin-top: 0em;
    margin-bottom: 0em;
}

TEXTAREA.normal-area {
	width: 100%;
	margin:2px 0px 2px 0px;
	background-color:#FFFFFF;
	border:1px solid #666666;
}

input.normal-input{
	margin:2px 0px 2px 0px;
	background-color:#FFFFFF;
	border:1px solid #666666;
}