@charset "utf-8";

/*========================================
全体
========================================*/

body{
	font-size:100%;
}
#header{
	font-size:62.5%;
}
#lp_main{
	text-align:left;
}
#lp_main #pan,
#top{
	font-size:81.3%;
}
#lp_main p,
#lp_main li,
#lp_main dt,
#lp_main dd,
#lp_main th,
#lp_main td,
#lp_main label,
#lp_main .con div{
	font-size:100%;
}
#lp_main img{
	vertical-align:top;
}
#footer{
	font-size:62.5%;
}

/*========================================
トップイメージ
========================================*/

#announce {
    background: #FF3300;
    color: #fff;
    height: auto;
    margin: 0 0 30px;
    padding: 20px;
    text-indent: 1px;
    width: 850px;
	border-radius:10px;
	text-align:center;
}

#announce .announce_ttl {
    border-bottom: 5px dotted #fff;
    font-size: 200%;
    font-weight: bold;
    margin: 0.4em 0 0.8em;
    padding-bottom: 20px;
}

#announce p{
	text-align:center;
}

#announce a {
	color:#fff;
	text-decoration:underline;
}

#announce a:hover {
	text-decoration:none;
	}

h2{
	width:100%;
	height:auto;
	text-indent:inherit;
	background:none;
	margin:0;
}

/*========================================
ただいま栽培モニター募集中
========================================*/

#monitor1{
	position:relative;
	width:900px;
	height:150px;
	margin-bottom:60px;
}
#monitor1_bg{
	position:absolute;
}
#monitor1_button{
	position:absolute;
	top:73px;
	left:545px;
}

/*========================================
3つの理由
========================================*/

#cause .cause1{
	background:url(../image/cause_bg.gif) no-repeat left top;
	padding:10px 20px 20px;
}
#cause .cause2{
	background:url(../image/cause_bg.gif) no-repeat left bottom;
	padding:10px 20px 20px;
}
#cause .cause_wrap_contents{
	background:#ffffff;
	padding:0 20px 20px;
}
#cause #cause_contents1{
	background:url(../image/cause_bg01.gif) no-repeat right top;
	padding-right:393px;
	min-height:245px;
}
#cause #cause_contents2{
	background:url(../image/cause_bg02.gif) no-repeat right top;
	padding-right:393px;
	min-height:245px;
}
#cause #cause_contents3{
	background:url(../image/cause_bg03.gif) no-repeat right top;
	padding-right:273px;
	min-height:160px;
}

/*========================================
ご安心ください
========================================*/

#ease{
	background:url(../image/ease_bg.jpg) no-repeat left top;
	padding:0 20px 50px 345px;
}
#ease_contents{
	padding:0 20px 0 40px;
	min-height:200px;
}
#ease_contents p{
	margin-bottom:1.2em;
}

/*========================================
感動メロン栽培モニター募集中
========================================*/

#monitor2{
	background:url(../image/monitor2_bg.gif) no-repeat left bottom;
	padding:0 0 20px 30px;
	margin-bottom:50px;
}

#monitor2_left{
	float:left;
	width:385px;
}
#monitor2_left ul{
	margin-bottom:1.2em;
}
#monitor2_left li{
	list-style-type:disc;
	list-style-position:inside;
	color:#009f00;
}
#monitor2_left li span{
	color:#323232;
}
#monitor2_right{
	float:left;
	width:495px;
}

/*========================================
お客様の声
========================================*/

#customer{
	background:url(../image/customer_bg.gif) no-repeat left bottom;
	padding:0 20px 20px;
	margin-bottom:50px;
}
#customer_contents{
	background:#ffffff;
	padding:0 20px 20px;
}
#customer_left{
	float:left;
	width:400px;
	margin-right:30px;
}
#customer_right{
	float:left;
	width:400px;
}
#customer_contents p{
	margin-bottom:15px;
}
#customer .customer_image{
	text-align:center;
	height:240px;
	margin-bottom:20px;
}

/*========================================
栽培・収穫までの流れ
========================================*/

#flow{
	background:url(../image/flow_bg.gif) no-repeat left bottom;
	padding:0 20px 20px;
	margin-bottom:50px;
}
#flow #wrap_flow_contents{
	background:#ffffff;
	padding:0 20px 30px;
}
#flow .flow_contents{
	background:url(../image/flow_bg02.gif) repeat-y left bottom;
	padding-bottom:15px;
	display:table;
}
#flow .flow_contents .flow_title{
	width:317px;
	display:table-cell;
	vertical-align:middle;
}
#flow .flow_contents .flow_text{
	width:513px;
	background:#E6E6E6;
	border-radius:0 5px 5px 0;
	display:table-cell;
	vertical-align:middle;
}
#flow .flow_contents .flow_text p{
	padding:0 20px;
}

/*========================================
感動メロン 品種紹介
========================================*/

#variety{
	background:url(../image/variety_bg.gif) no-repeat left bottom;
	padding:0 20px 50px;
	margin-bottom:50px;
}
#wrap_variety_contents01{
	background:url(../image/variety_bg01.gif) no-repeat left top #ffffff;
	padding:70px 32px 0 378px;
}
#variety_contents01{
	min-height:175px;
}
#wrap_variety_contents02{
	background:url(../image/variety_bg02.gif) no-repeat left top #ffffff;
	padding:70px 32px 0 378px;
}
#variety_contents02{
	min-height:180px;
}
#wrap_variety_contents03{
	background:url(../image/variety_bg03.gif) no-repeat left top #ffffff;
	padding:70px 32px 0 378px;
}
#variety_contents03{
	min-height:190px;
}

/*========================================
栽培サポートに関するQ&A
========================================*/

#QandA{
	background:url(../image/flow_bg.gif) no-repeat left bottom;
	padding:0 20px 20px;
	margin-bottom:50px;
}
#QandA_contents{
	background:#ffffff;
	padding:0 20px 20px;
}
#QandA .QandA_text{
	background:url(../image/QandA_bg.gif) no-repeat left top #E0E0E0;
	padding:25px 25px 25px 75px;
}

/*========================================
お申し込み・お問い合わせ
========================================*/

#form{
	background:url(../image/form_bg.gif) no-repeat left bottom;
	padding:20px 40px 40px;
	margin-bottom:50px;
}
#form table{
	border-left:1px solid #bbbbbb;
	border-right:1px solid #bbbbbb;
	border-bottom:1px solid #bbbbbb;
}
#form table th,
#form table td{
	border-top:1px solid #bbbbbb;
	padding:20px;
}
#form table td.form_text input,
#form table td.form_text textarea{
	width:100%;
	padding:5px 0;
}
#form table th,
#form table td.indispensable{
	background:#eeeeee;
	white-space:nowrap;
}
#form table td.indispensable p{
	color:#ffffff;
	background:#ff0000;
	border-radius:5px;
	font-size:87.5%;
	text-align:center;
}
#form table td label{
	font-size:100%;
}
#form .form_button{
	text-align:center;
	margin:20px 0;
}

h2.pagetop{
	width:auto;
	font-size:200%;
	font-weight:bold;
	color:#ffffff;
	background:#11a511;
	padding:15px 30px;
}
#form_table td{
	word-break:break-all;
}


/*========================================
お申し込み・お問い合わせ
========================================*/

#wrap_staff{
	background:url(../image/staff_bg.jpg) no-repeat center top;
	min-height:710px;
	margin-bottom:50px;
}
#staff{
	width: 910px;
	margin: 0 auto;
}
#staff_title{
	padding:114px 0 0 35px;
}
#staff_text{
	width:470px;
	font-size:100%;
	margin-left:85px;
	padding-bottom:30px;
	border-bottom:2px solid #adff5b;
}
#staff_company{
	width:470px;
	font-size:100%;
	margin:20px 0 0 85px;
}
#staff_company span{
	color:#11a511;
	font-weight:bold;
}

/*========================================
このページのトップへ
========================================*/

p#top a{
	margin:0;
}

/*=============================================
clearfix
=============================================*/

/* ==for modern browser== */
#monitor2:after,
#customer_contents:after,
.float_clear:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0.1%;
	line-height: 0.1;
	clear: both;
	visibility: hidden;
}
/* ==for IE7.0== */
*:first-child+html #monitor2,
*:first-child+html #customer_contents,
*:first-child+html .float_clear {
	min-height: 1%;
}
/* ==for IE6.0== */
* html #monitor2,
* html #customer_contents,
* html .float_clear {
	display: inline-block;
}