@charset "UTF-8";

/*******************************************/
/***              color css              ***/
/*******************************************/

/*-----body background
-------------------------------------------*/
body {
	background : #FFFFFF url("../images/background_img.jpg") repeat-x;
}

/*-----リンク色の設定
-------------------------------------------*/
a:link {
	color:blue;
}
a:visited{
	color:purple;
}
a:hover{
	color:red;
}
a:active{
	color:red;
}

/*******************************************/
/***              type css               ***/
/*******************************************/

/*-----フォントの設定
-------------------------------------------*/
html body {
	font-family:"MS Pゴシック","Osaka",sans-serif;
}

/*---pタグの基本設定---*/
p {
	font-size : 15px;
	line-height : 140%;
	color : #333;
}
/*******************************************/
/***             layout css              ***/
/*******************************************/
html {
	text-align : center;
}

/*-----Header 
------------------------------------------*/

/*---トップページのh1,h2,h3,h4不可視---*/
h1#top_head1, h2.top_head2, h3.top_head3, h4.top_head4{
	display : none;
}

/*-----branding---------------------------*/
div#branding {
	height : 360px;
	margin-left : auto;
	margin-right : auto;
}


/*-----main nav---------------------------*/
ul#nav_main {
	width : 760px;
	margin-left : auto;
	margin-right : auto;
}

ul#nav_main li {
	width : 123px;
	margin-top : 2px;
	margin-left : 3px;
	float : left;
}
/*-----content
-------------------------------------------*/
div#content {
	width : 760px;
	margin-left : auto;
	margin-right : auto;
	text-align : left;
	background-color : #FFFFFF;
}
div#content_main {
	padding-top : 8px;
	padding-left : 8px;
	padding-right : 8px;
}

/*---画像配置---*/
p.img_center {
	text-align : center;	
}

img.img_left {
	float : left;
}
img.img_right {
	float : right;
}

div.area_box {
	border : 3px #BBD6A5 solid;
	margin-bottom : 12px;
	padding : 6px;
}

ul#apple_picking li {
	width : 240px;
	padding-right : 2px;
	float :left;
}

div#area_box {
	height : 392px;
	border : 3px #BBD6A5 solid;
	margin-bottom : 12px;

}
div#area_box ul#usefull {
	width : 322px;
	float : left;
	padding : 6px;
}
ul#usefull li {
	margin-bottom : 12px;
}
div#img_caption {
	width : 188px;
	border : 1px #cccccc solid;
	text-align : center;
	margin-top : 6px;
	padding-top : 4px; 
	float : left;
}

p#tenki {
	width : 208px;
	margin-top : 6px;
	float : right;
}

p#applepicking {
	margin : 8px 0;
}


/* 滝の画像　fade */
.fade { position:relative; top:0; left:0; width:180px; height:320px; display:block; }
.fade div { position:absolute; top:0; left:0; display:none; padding:4px; }



/*----SEO Text Nav
-------------------------------------------*/
ul#text_nav {
	text-align: center;
	width : 100%;
	margin : 0 auto;
	padding: 12px 0;
	line-height : 120%;
	clear : both;
}
ul#text_nav li {
	margin : 0 6px;
}
ul#text_nav li {
	display:inline;
}

ul#text_nav li p {
	display:inline;
}


/*----Site Information
-------------------------------------------*/
div#siteinfo {
	width : 100%;
	text-align : center;
	margin-left : auto;
	margin-right : auto;
	background-color : #CC0033;
}
address {
	font-size : 15px;
	color : #FFFFFF;
	background-color : #CC4350;
}
address a {
	text-decoration : none;
}

address a:link {
	color:#FFFFFF
}
address a:visited{
	color:#FFFFFF
}
address a:hover{
	color:#FFFFFF
}
address a:active{
	color:#FFFFFF
}

div#siteinfo p {
	color : #FFFFFF;
}


/*-----XHTML + CSS + Production
-------------------------------------------*/
ul#pro {
	text-align: center;
	width : 96%;
	margin : 0 auto;
	padding: 6px 0;
	line-height : 120%;
}

ul#pro li {
	display:inline;
}
ul#pro li p {
	display:inline;
}