@charset "UTF-8";

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

/*-----body background
-------------------------------------------*/
body {
	background : #FFFFFF url("../images/con_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;
}
/*---h3タグの基本設定---*/
h3.con {
	margin-bottom : 10px;
	padding-left : 10px;
	padding-bottom : 2px;
	border-left : 6px solid #cc3366;
	line-height : 1.9;
	font-weight : bold;
	text-align : left;
}

p#rute_list {
	font-size : 12px;
	padding-bottom : 12px;
}

/*******************************************/
/***             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 : 235px;
	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;
}

/*---画像配置---*/
img.img_center {
	text-align : center;
	border : 1px #BBD6A5 solid;	
	padding : 3px;
}

img.img_left {
	border : 1px #BBD6A5 solid;	
	padding : 3px;
	float : left;
}
img.img_right {
	border : 1px #BBD6A5 solid;	
	padding : 3px;
	float : right;
}

/*---ページトップへ戻る---*/
p.pagetop {
	text-align : right;
	font-size : 12px;
}
p.pagetop a {
	text-decoration : none;
}


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;
}



/*----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;
	color : #FFFFFF;
}
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;
}


/*-----お問い合せページの設定 
------------------------------------------*/
div#privacy {
	width : 708px;
	margin : 8px;
	border : 1px dotted #333;
}
ul#privacy_info {
	margin: 6px 10px;
}
ul#privacy_info li {
	font-size : 12px;
}

/*-----本田りんご園についてページの設定 
------------------------------------------*/

table#element_table, th, td {
	margin : 0 auto;
	padding : 3px;
	border-collapse : separate;
	border : none;
	border-spacing : 0;
}
table#element_table {
	width : 96%;
	border : 1px solid #cc3366;
	background-color : #ffcccc;
	margin-bottom : 15px;
}

table#element_table th {
	padding : 0.8em 0.5em;
	border-color : #ffffff #cccc99 #cccc99 #ffffff;
	border-style : solid;
	border-width : 1px;
	font-size : 13px;
}
table#element_table td {
	background-color : #ffffff;
	padding : 0.8em 0.5em;
	border-color : #ffffff #cccc99 #cccc99 #ffffff;
	border-style : solid;
	border-width : 1px;
	font-size : 13px;
}
#element {
	width : 150px;
}

#map {
	text-align : center;
}


/*-----りんご狩りについてページの設定 
------------------------------------------*/
table#apple_system {
	width : 710px;
	border-collapse : separate;
	border : none;
	border-spacing : 0;
	margin : 15px auto;
	padding : 3px;
	border : 1px solid #cc3366;
	background-color : #ff9999;
}

table#apple_system th {
	width : 150px;
	padding : 0.8em 0.5em;
	border-color : #ffffff #cccc99 #cccc99 #ffffff;
	border-style : solid;
	border-width : 1px;
	font-size : 15px;
	text-align : left;
}
table#apple_system td {
	background-color : #e4ffcc;
	padding : 0.8em 0.5em;
	border-color : #ffffff #cccc99 #cccc99 #ffffff;
	border-style : solid;
	border-width : 1px;
	font-size : 15px;
}
table#apple_system td.rule {
	color : #ff3366;
}

table#apple_send th, td {
	margin : 0 auto;
	padding : 0;
	border-collapse : separate;
	border : none;
	border-spacing : 0;
}
table#apple_send {
	float : right;
	width : 200px;
	border : 1px solid #cc3366;
	background-color : #ffcccc;
	margin-left : 8px;
	margin-right : 8px;
	margin-bottom : 20px;
}

table#apple_send th {
	text-align : center;
	padding : 0.8em 0.5em;
	border-color : #ffffff #cccc99 #cccc99 #ffffff;
	border-style : solid;
	border-width : 1px;
	font-size : 13px;
}
table#apple_send td {
	text-align : center;
	width : 50%;
	background-color : #ffffff;
	padding : 0.8em 0.5em;
	border-color : #ffffff #cccc99 #cccc99 #ffffff;
	border-style : solid;
	border-width : 1px;
	font-size : 13px;
}


/*　りんごの品種*/
table#apple_kind {
	width : 710px;
	border-collapse : collapse;
	margin-top : 8px;
	margin-left : 8px;
	margin-bottom : 15px;
}

table#apple_kind thead th {
	width : 150px;
	border : dotted 2px #ffffff;
	padding : 8px;
	background-color : #ff467a;
	color : #ffffff;
	font-size : 15px;
	text-align : left;
}
table#apple_kind thead th.ap_kind {
	width : 20%;
}
table#apple_kind thead th.ap_time {
	width : 15%;
}
table#apple_kind thead th.ap_info {
	width : 65%;
}
table#apple_kind tbody th {
	width : 150px;
	border : dotted 2px #ffffff;
	padding : 8px;
	background-color : #99cc33;
	color : #ffffff;
	font-size : 15px;
	text-align : left;
}
table#apple_kind tbody th img {
	padding : 3px;
	border : 1px solid #ccc; 
	margin-left : 10px;
}
table#apple_kind thead th {
	text-align : center;
}
table#apple_kind td {
	border : dotted 2px #ffffff;
	padding : 8px;
	background-color : #ffc8d8;
	color : #000000;
	font-size : 15px;
	vertical-align : top;
}

span.text_red {
	color : #ff3366;
}
p.advice {
	margin-top : 10px;
	color : #bb0033;
}

/*-----周辺の便利情報ページの設定 
------------------------------------------*/
table#daigo_link {
	width : 710px;
	border-collapse : collapse;
	margin-top : 8px;
	margin-left : 8px;
	margin-bottom : 15px;
	
}
table#daigo_link th {
	width : 150px;
	border : dotted 3px #ffffff;
	padding : 8px;
	background-color : #99cc00;
	color : #ffffff;
	font-size : 13px;
	text-align : left;
}
table#daigo_link td {
	border : dotted 3px #ffffff;
	padding : 8px;
	background-color : #ccffcc;
	color : #000000;
	font-size : 13px;
}



table#look_link {
	width : 710px;
	border-collapse : collapse;
	margin-top : 8px;
	margin-left : 8px;
	margin-bottom : 15px;
	
}
table#look_link th {
	width : 150px;
	border : dotted 3px #ffffff;
	padding : 8px;
	background-color : #ff9999;
	color : #ffffff;
	font-size : 13px;
	text-align : left;
}
table#look_link td {
	border : dotted 3px #ffffff;
	padding : 8px;
	background-color : #ccffcc;
	color : #000000;
	font-size : 13px;
}