@charset "utf-8";
@import url(header.css);

*{	padding: 0;	margin: 0;}	

body{
	background: #FFF;
	color: #666;
	font-family: Arial, sans-serif, Osaka, "MS Pゴシック";
	font-size: 12px;
	line-height:1.7;
}
img{	border: 0;}

form{	margin: 0;}

/* Headings */
h1,h2,h3,h4,h5,h6{
	font-weight:normal;
	font-size:100%;
	color:#060;
	margin: 0;
	padding:0;
}

h2{	font-size:13px;}
/* Lists */
ul{	list-style: none;
	padding: 0;
	margin: 0;
}

/* Links */
a{
	overflow:hidden;
	outline:none;
}
a:link, a:visited{	color: #006634;}
a:hover, a:active{	color: red;}

/* Basic classes */
.hidden{	display: none;}

.centerize{	text-align: center;}

.align_left{
	float:left;
	padding-right:10px;
}

.align_right{
	float:right;
	padding-left:10px;
}

.prev{
	width:16px;
	height:18px;
	display:block;
	background:url(images/switch_prev.gif) top left no-repeat;
	text-indent:-9999px;
}

.next{
	width:16px;
	height:18px;
	display:block;
	background:url(images/switch_next.gif) top left no-repeat;
	text-indent:-9999px;
}

.prev:hover, .next:hover{
	background-position:bottom;
}
.clearing{
	height: 0;
	width:100%;
	clear: both;
}


/*-------------------------------------------------
  Content wrappers
-------------------------------------------------*/
#mainwrapper{
	width: 910px;
	margin: auto;
}

#wrapper{
	width: 910px;
	margin: 0;
}

/*-------------------------------------------------
  Main content
-------------------------------------------------*/
#container{
	width: 700px;
	overflow: visible;
	float: left;
	padding: 0px;
}
.content{
	width:700px;
	height:100%;
}

.pankuzu{
	width:600px;
	height:25px;
	padding-left:5px;
	font-size:10px;
}
.pankuzu a{
	clear:both;
	height:12px;
}

/*-------------------------------------------------
  Top styles
-------------------------------------------------*/
#top_main_container{
	height:285px;
	background: url(images/bg_top_main.gif) left top no-repeat;
	background-color:#666666;
}

#top_main{
	padding-top:11px;
	padding-left:12px;
}
#top_left{
	float:left;
	width:224px;
	height:252px;
	}

#top_left ul{
	width:223px;
}
#top_left li{
	width:223px;
	height:63px;
}

#top_left a{
	width:223px;
	height:63px;
	display:block;
	background:top left no-repeat;
	text-indent:-9999px;
}

#top_apply a{	background:url(images/top_menu01_apply.jpg);}
#top_vegi a{	background:url(images/top_menu02_vegi.jpg);}
#top_village a{	background:url(images/top_menu03_village.jpg);}
#top_gallery a{	background:url(images/top_menu04_gallery.jpg);}
#top_apply a:hover,#top_vegi a:hover,#top_village a:hover,#top_gallery a:hover{	background-position:bottom;}

#top_right{
	float:left;
	width:440px;
	height:252px;
	text-indent:-9999px;
	background:url(images/top_main.jpg) top left no-repeat;	
}

#top_event_container{	
	width:692px;
}

#top_event{
	width:692px;
	height:100%;
}	

h2#top_title_event{
	width:100%;
	height:37px;
	background: url(images/title_top_event.gif) top left no-repeat;
	text-indent:-9999px;
}

.top_event_index_img{
	float:left;
	width:164px;
	height:129px;
	_height:119px;
	background:url(images/bg_photo_top_event.gif) no-repeat;
	padding-top:10px;
	padding-left:10px;
}

.top_event_index_text{
	width:510px;
	height:100%;
	float:left;
	padding-top:9px;
}


#top_media_container{
	float:left;
	width:327px;	
	height:100%;	
}

#top_media_container h2{
	margin-left:5px;
	width:302px;
	height:49px;
	background:url(images/top_media.jpg) top left no-repeat;
	text-indent:-9999px;
}

#top_media{
	padding-top:9px;
	padding-left:5px;
	padding-right:27px;
}

.top_media_index_img{
	float:left;
	width:80px;
	height:114px;
	margin-right:20px;
	margin-bottom:14px;
}

.top_media_index_text{
	width:190px;
	float:left;
	margin-bottom:14px;
}

#top_blog_container{
	float:left;
	width:366px;
	height:100%;
}

#top_blog_container h2{
	width:366px;
	height:49px;
	background:url(images/top_blog.jpg) top left no-repeat;
	text-indent:-9999px;
}

.top_blog{
	padding-top:9px;

}
.blog_index_img{
	float:left;
	width:136px;
	height:104px;
	margin-right:7px;
	background:url(images/photo_frame2.jpg) no-repeat;
	padding:6px;	
}

.blog_index_text{
	width:204px;
	float:left;
}

#top_contact{
	width:210px;
	height:211px;
	text-indent:-9999px;
}

#top_contact_h{
	width:210px;
	height:166px;
	background:url(images/contact_h.gif) top left no-repeat;
}

#top_contact_mail{
	width:210px;
	height:39px;
}

#top_contact_mail a{
	width:210px;
	height:39px;
	display:block;
	background:url(images/contact_mail.gif) top left no-repeat;	
}

#top_contact_mail a:hover{
	background-position:bottom;
}
#contact{
	margin-top:25px;
	width:210px;
	height:211px;
	text-indent:-9999px;
	background:url(images/contact.gif) top left no-repeat;
}
#contact h2,#contact p{
	text-indent:-9999px;
}

#mailmag{
	width:210px;
	height:176px;
	background:url(images/mailmag.gif) top left no-repeat;
}

#mailmag div{
	padding-top:90px;
	padding-left:16px;
}

#weather{
	width:210px;
	height:136px;
}
#weather2{
	width:210px;
}

#top_postmap{
	width:210px;
	height:178px;
}

#top_postmap a{
	display:block;
	width:210px;
	height:178px;
	background:url(images/btn_top_postmap.jpg) top left no-repeat;
	text-indent:-9999px;
}

#top_postmap a:hover{
	background-position:bottom;
}
/*-------------------------------------------------
  Item styles
-------------------------------------------------*/
.contenttitle{
	color:#060;
}
.contenttitle h3
{
	width:100%;
	clear: both;
	background: url(images/border_dot.gif) bottom repeat-x;
	padding: 0 0 10px 0;
	margin: 0;
}
h3 a{
	text-decoration:none;
}
.contentbody
{
	text-align: justify;
	padding: 12px 0 0 5px;
	margin-right:16px;
	line-height:1.5;
}

.title{
	width:692px;
	height:37px;
	text-indent:-9999px;
	background:top left no-repeat;
}

.subtitle{
	width:692px;
	height:47px;
	text-indent:-9999px;
	background:top left no-repeat;
}
/*-------------------------------------------------
  入会案内
-------------------------------------------------*/
#title_apply{
	background:url(images/title_apply.gif);
}

#apply{
	width:692px;
	height:210px;
	background:url(images/bg_apply01.jpg) top left no-repeat;
}

#apply_text{
	padding:46px 186px 0px 26px;
	color: #060;
}
#apply h2 .big{
	color:#C00;
	font-size:18px;
}

#apply h2{
	padding-bottom:14px;
}

#apply_text ul li{
	float:left;
	padding-left:15px;
	width:220px;
	background: url(images/li.gif) center left no-repeat;
	margin-bottom: 4px;
}

#apply_text .small{
	clear:both;
	font-size:11px;
}

#apply_moretext_container{

	}

#apply_moretext_container h2{
	text-indent:-9999px;
	height:110px;//125px;
	background:url(images/bg_apply02_h.gif) top left no-repeat;
}

#apply_moretext_container h3{
	text-indent:-9999px;
	height:130px;
	background:url(images/bg_apply02_f.gif) top left no-repeat;
}

#apply_moretext{
	background:url(images/bg_apply02_c.gif) top left repeat-y;
}

#apply_moretext table{
	margin: 0 46px;
}
#apply_moretext tr{
	background:url(images/bg_apply02_border.gif) bottom center no-repeat;
	color: #060;
}

#apply_moretext th{
	text-align:left;
	font-weight: normal;
	padding:10px 0;
	width:200px;	
}

#apply_moretext td{
	font-weight: bold;
	padding:10px 0;	
}

#apply_btn{
	margin-left:228px;
	width:278px;
	height:54px;
	text-indent:-9999px;
}

#apply_btn a{
	width:278px;
	height:54px;
	display:block;
	background:url(images/btn_apply.gif) top left no-repeat;
}

#apply_btn a:hover{
	background-position:bottom;
}
/*-------------------------------------------------
  よくある質問
-------------------------------------------------*/
#title_faq{
	background:url(images/title_faq.gif) top left no-repeat;
	height:62px;	
}

#faq{
	width:692px;
	background:url(images/bg_faq_f.gif) bottom left no-repeat;
}

#faq_text{
	padding: 0 25px;
	background:url(images/bg_faq_c.gif) top left repeat-y;
}

#faq_text ul{
	padding-top:16px;
	padding-bottom:20px;
	background:url(images/border_dot.gif) bottom left repeat-x;	
}

#faq_text ul li{
	padding-left:25px;
}
#faq_text ul li.q{
	margin-bottom:13px;
	background: url(images/li_q.gif) center left no-repeat;
	font-weight:bold;
}

#faq_text ul li.a{
	background: url(images/li_a.gif) top left no-repeat;
}

/*-------------------------------------------------
  ビレッジへのアクセス
-------------------------------------------------*/
#title_access{
	background:url(images/title_access.gif) top left no-repeat;
}

#access_container{
	width:692px;
	height:825px;
	background:url(images/bg_faq_f.gif) bottom left no-repeat;
}

#access{
	width:692px;
	margin-bottom:10px;
	background:url(images/bg_faq_c.gif) top left repeat-y;
}
#access #link{
	width:692px;
	height:127px;
	background:url(images/bg_access_h.gif) top left no-repeat;
}

#access #link #link_text{
	float:right;
	padding-top:42px;
	width:150px;
}

#map{
	padding:3px 21px 2px 21px;
}

#access_text{
	margin-top:19px;
	padding-left:36px;
	height:165px;
}

#access_text .align_left{
	width:300px;
	color:#060;
}

#access_text .align_left ul li{
	background:url(images/li.gif) center left no-repeat;
	padding-left:15px;
	margin-bottom:4px;
}

#access_text .align_left ul li h2{
	margin-bottom:35px;
}

#access_text .align_right{
	width:240px;
	color:#c30;
}

#access_text .align_right ul li{
	padding-left:28px;
}
#access_text .align_right ul li#train{
	background:url(images/li_train.gif) top left no-repeat;
	margin-bottom:14px;
}

#access_text .align_right ul li#car{
	background:url(images/li_car.gif) top left no-repeat;
}

/*-------------------------------------------------
  リンク
-------------------------------------------------*/
#title_link{
	background:url(images/title_link.gif) top left no-repeat;
}

#link{
	width:692px;
}

#link_text{
	padding-left:5px;
}

#link_text ul{
	padding-top:33px;
}
#link_text li{
	float:left;
	padding-right:39px;
	width:200px;
	height:159px;
}

#link_text li.right_row{
	padding:0px;
}
#link_text li a img { 
	border: 1px solid #e5e5e5;
}

#link_text li a.image{text-decoration:none;}
#link_text li a:hover img {	border: 1px solid red;}
/*-------------------------------------------------
  メールマガジン
-------------------------------------------------*/
#title_mailmag{
	background:url(images/title_mailmag.gif) top left no-repeat;
}

#mailmagItem_container{
	width:692px;
	background:url(images/bg_faq_h.gif) left top no-repeat;
	padding-top:25px;
}

#mailmagItem{
	background:url(images/bg_faq_c.gif) left top repeat-y;
	padding:14px;	
}

#mailmagItem div{
	padding: 7px 0px;
}

#mailmagItem h3{
	margin-top:14px;
	color:#c30;
}

#mailmagItem_container_f{
	width:692px;
	padding-bottom:10px;
	background:url(images/bg_faq_f.gif) left bottom no-repeat;
}

/*-------------------------------------------------
  おすすめ情報
-------------------------------------------------*/
#title_postmap{
	height:152px;
	background:url(images/title_postmap.gif) top left no-repeat;
}

#postmapItem_container{
	width:692px;
	background:url(images/bg_postmap_h.gif) left top no-repeat;
	padding-top:10px;
}

#postmapItem{
	background:url(images/bg_faq_c.gif) left top repeat-y;
	padding:14px;	
}

#postmapItem_container_f{
	width:692px;
	padding-bottom:10px;
	background:url(images/bg_faq_f.gif) left bottom no-repeat;
}

#post_btn{
	margin-left:228px;
	padding-top:20px;
	width:178px;
	height:54px;
	text-indent:-9999px;
}

#post_btn a{
	width:178px;
	height:54px;
	display:block;
	background:url(images/btn_postmap.gif) top left no-repeat;
}

#post_btn a:hover{
	background-position:bottom;
}

/*-------------------------------------------------
  Vegi
-------------------------------------------------*/
#title_vegi{
	background:url(images/title_vegi.gif) bottom left no-repeat;
}

#vegi{
	width:692px;
	height:359px;
	background:url(images/bg_vegi01.jpg) top left no-repeat;
}

#vegi_text{
	padding:22px 277px 119px 15px;
}

#vegi_moretext{
	width:692px;
	height:359px;
	background:url(images/bg_vegi02.jpg) top left no-repeat;
}

#vegi_moretext .align_left{
	width:460px;
}
#vegi_moretext .align_left div{
	padding-top:20px;
	padding-left:160px;
}
#vegi_moretext .align_right{
	width:196px;
}

#vegi_moretext .align_right div{
	padding-top:186px;
	padding-right:40px;
}
#vegi_calendar_container{
	width:692px;
	padding-bottom:54px;
	background:url(images/bg_vegi_calendar_f.gif) bottom left no-repeat;

}

#vegi_calendar_container h2{
	height:76px;
	text-indent:-9999px;
	background:url(images/bg_vegi_calendar_h.gif) top left no-repeat;
}

#vegi_calendar{
	background:url(images/bg_vegi_calendar.gif) top left repeat-y;
	padding:0 28px 0 21px;
}


/*-------------------------------------------------
  Village
-------------------------------------------------*/
#title_village{
	background:url(images/title_village.gif);
}

#subtitle_treehouse{
	background:url(images/subtitle_treehouse.gif);
}
#treehouse{
	width:692px;
	height:718px;
	background:url(images/bg_treehouse01.jpg) top left no-repeat;
}

#treehouse_text{
	padding:10px 22px 0px 14px;
}

#treehouse_text .align_right{
	padding-top:20px;
	width:262px;
}

.caution{
	padding-bottom:21px;
}

#treehouse_moretext_container{
	width:692px;
	height:310px;
	background:url(images/bg_treehouse02.jpg) top left no-repeat;
}

#treehouse_moretext{
	padding:20px 222px 0px 23px;
}

#treehouse_moretext p{
	padding-top:20px;
}

/*-------------------------------------------------
  ギャラリー
-------------------------------------------------*/
#title_gallery{
	background:url(images/title_gallery.gif);
}

#gallery{
	padding-top:22px;
}
/*-------------------------------------------------
  イベント
-------------------------------------------------*/
#title_event{
	background:url(images/title_event.gif) top left no-repeat;
}

#title_past{
	background:url(images/title_past.gif) top left no-repeat;
}
#subtitle_event{
	height:70px;
	background:url(images/subtitle_event02.gif) top left no-repeat;
}
#event_container{
	width:692px;
}

#event{
	height:365px;
	background:url(images/bg_event01.jpg) top left no-repeat;
}

#event p{
	padding:20px 250px 0 6px;
}

.event_index{
	width:692px;
	background:url(images/border_dot.gif) bottom left repeat-x;
	padding:7px;
}

.event_index_img{
	float:left;
	width:147px;
	height:101px;
	background:url(images/bg_photo_event.gif) no-repeat;
	margin-right:10px;
}

.event_index_img div{
	padding-top:10px;
	padding-left:10px;
}
.event_index_text{
	width:530px;
	height:100%;
	float:left;
}

.event_index_text h2{
	color:#c30;
}

#event_item{
	padding:0 6px;
	margin-bottom:14px;
}
#event_title{
	padding:14px 8px;
	border-bottom:#E8D08A solid 2px;
	margin-bottom:28px;
}

#event_title h2{
	color:#c30;
	font-size:15px;
}

#event_text{
	padding: 0 8px;	
}
#event_item table{
	margin: 0 auto;
}

#event_item img{
	margin: 0 auto;
}

/*-------------------------------------------------
  メディア情報
-------------------------------------------------*/
#title_mediainfo{
	background:url(images/title_mediainfo.gif) top left no-repeat;
}

#media_container{
	width:692px;
}

.media_index{
	width:692px;
	background:url(images/border_dot.gif) bottom left repeat-x;
	padding:7px;
	height:101px;
}

.media_index_img{
	float:left;
	width:147px;
	height:101px;
	margin-right:10px;
}

.media_index_img div{
	padding-top:10px;
	padding-left:10px;
}
.media_index_text{
	width:530px;
	height:100%;
	float:left;
}

.media_index_text h2{
	color:#c30;
}

#media_item{
	padding:0 6px;
	margin-bottom:14px;
}
#media_title{
	padding:14px 8px;
	color:#c30;
	background:url(images/border_dot.gif) bottom left repeat-x;
	margin-bottom:14px;
}

#media_title h2{
	color:#c30;
	font-size:15px;
}

.media_body{
	padding: 0 8px;	
}

.media_body img{
	padding:3px;
	border:#999 solid 1px;
}

.media_text{
	float:right;
	width:200px;
	padding: 32px 8px 0 8px;	
	margin-left:7px;
}

#media_item img{
	margin: 0 auto;
}

/*-------------------------------------------------
  畑ブログ
-------------------------------------------------*/
#title_blogtop{
	height:152px;
	background:url(images/title_blogtop.gif) top left no-repeat;
}

#title_blog{
	height:128px;
	background:url(images/title_blog.gif) top left no-repeat;
}

#subtitle_blog{
	width:692px;
	height:61px;
	background:url(images/subtitle_blog.gif) top left no-repeat;
	color:#c30;
}

#subtitle_blog h2{
	padding:28px 28px 0 28px;
	color:#c30;	
}
#blog_container{
	width:692px;
}

.blogTop_index_container{
	width:340px;
	height:100px;
	float:left;
	background:url(images/border_dot.gif) bottom left repeat-x;
}

.blogTop_index{
	padding:10px 0 10px 0;
}

.blogIndex_container{
	width:692px;
	background:url(imagex/border_dot.gif) bottom left repeat-x;
}

.blogIndex{
	padding:10px 0 10px 0;
}

.blogIndex .blog_img{
	width:270px;
	margin-right:10px;
}

.blogIndex .blog_text{
	width:410px;
}

.blog_img{	float:left;}

.blogTop_index .blog_img{
	width:80px;
	margin-right:10px;
}

.blog_text{ float:left;}

.blogTop_index .blog_text{	width:233px;}

#event_item{
	padding:0 6px;
	margin-bottom:14px;
}

#blog_title{
	padding:14px 8px;
	margin-bottom:28px;
}

#blog_title h2{
	color:#c30;
	font-size:15px;
}

#blog_text{	padding: 0 8px;}	
/*-------------------------------------------------
  Comments
-------------------------------------------------*/
.comment{
	width: 700px;
}

.commenttitle{
	color: #060;
	padding-left: 24px;
}

.commentbody{
	margin-left:28px;
	background:url(images/border_dot.gif) bottom left repeat-x;
	padding-bottom:10px;
	margin-bottom:10px;
}

.comment table{
	border:none;	
}

.comment th{
	border:none;
	font-weight:normal;
}
.comment td{
	border:none;
}
.itemcomment
{
	background: url(images/commentquote01.gif) no-repeat;
	background-position: 6px 9px;
	padding: 6px 42px;
	border: 1px solid white;
	margin: 10px 0 0 0;
}
.itemcomment:hover
{
	background: #F9F9F9 url(images/commentquote02.gif) no-repeat;
	background-position: 6px 9px;
	border: 1px solid #CCCCCC;
}
.id1 /*This is to give the admin a special comment style, to distinguish him/her from the rest of the commentors*/
{
	background: #F9F9F9 url(images/commentquote02.gif) no-repeat;
	background-position: 6px 9px;
	border: 1px solid #B3C492;
}
.id1:hover
{
	background: #F9F9F9 url(images/commentquote02.gif) no-repeat;
	background-position: 6px 9px;
	border: 1px solid #B3C492;
}
.itemcomment h3
{
	font-size: 12px;
}

/*-------------------------------------------------
  Sidebar
-------------------------------------------------*/
#sidebarcontainer{
	float: right;
	width: 210px;
	padding: 0;
	float:right;
}

.sidebar{
}

.title_sidebar{
	text-indent:-9999px;
	width:210px;
	height:58px;
	background:top left no-repeat;
}

#title_sidebar_about{
	background:url(images/title_sidebar_about.gif);
}
#title_sidebar_solicitation{
	background:url(images/title_sidebar_solicitation.gif);
}

#title_sidebar_event{
	background:url(images/title_sidebar_event.gif);
}

#title_sidebar_mediainfo{
	background:url(images/title_sidebar_mediainfo.gif);
}

#title_sidebar_blog{
	background:url(images/title_sidebar_blog.gif);
}
#common_sidebarcontainer{
	width:210px;
	background:url(images/bg_sidebar_h.gif) left top no-repeat;
	margin-top:18px;
	padding-top:10px;
}

#common_sidebarcontainer .sidebar{
	background:url(images/bg_sidebar_c.gif) left top repeat-y;
	
}

#common_sidebarcontainer_f{
	width:210px;
	padding-bottom:10px;
	background:url(images/bg_sidebar_f.gif) left bottom no-repeat;
}

#blog_sidebarcontainer{
	width:210px;
	background:url(images/bg_sidebar_blog_h.gif) left top no-repeat;
	margin-top:18px;
	padding-top:10px;
}

#blog_sidebarcontainer .sidebar{
	background:url(images/bg_sidebar_blog_c.gif) left top repeat-y;
}

#blog_sidebarcontainer_f{
	width:210px;
	padding-bottom:10px;
	background:url(images/bg_sidebar_blog_f.gif) left bottom no-repeat;
}
/* Menu lists */
.sidebardl{
	padding: 0 24px;
	margin: 0;
	height:100%;
}

.sidebardl dd{
	padding: 12px 0;
	margin: 0;
	background:url(images/dot_sidebar.gif) left bottom repeat-x;
	height:100%;
}

.sidebardl dd a{
	background: url(images/arrow.gif) left center no-repeat;
	padding-left:20px;
	
}

#blogdl dd{
	padding: 12px 0;
	margin: 0;
	background:url(images/dot_sidebar.gif) left top repeat-x;
	height:100%;
}

ul#subitem{
	padding:7px 24px;
}

#subitem li{
	background: url(images/arrow_sub.gif) left center no-repeat;
	padding:7px 0 7px 14px;
}

#subitem li a{	width:162px;}
/*-------------------------------------------------
  Footer
-------------------------------------------------*/
#pagetop_container{
	width:900px;
	height:60px;
	text-align:right;
	margin: 0 auto;
}

#pagetop{	padding-top:40px;}
#footer_container{
	width: 910px;
	height:68px;
	background:url(images/bg_footer.jpg) no-repeat;
	margin: 0 auto;
	line-height:1;
}

#footer{	padding: 16px;}
#footer_link{
	width: 880px;
	height:20px;
	background:url(images/bg_footer_link.jpg) no-repeat;
	font-size:12px;
	padding-top:4px;
	text-align: center;
}

#footer_link a{	color:#ACBCB1;}

#footer_link a:hover{	color:#DDD;}

#copyrights{
	color: #244F34;
	font-size:10px;
	text-align: center;
}

/* Leftbox and Rightbox toolbar buttons */
.leftbox, .rightbox {
	margin: 3px;
	padding: 3px;
	font-size: larger;
	width: 20%;
}
.leftbox {
	float: left;
}
.rightbox {
	float: right;
}