@charset "shift_jis";



/* ===============================================================
	日環科学株式会
	ネット農園 みんなで農場長
	
	common.css
==================================================================
*/




/* wrapper設定 */
div#wrapper{
	width: 840px;
	margin: 0 auto;
	padding: 0 10px 0;
	text-align: left;
	background: url("../../images/top/bg.jpg") repeat-y;
}

div.pagetop{
	width: 810px;
	text-align: right;
	margin: 20px 0 0;
}



/* top設定 */
div#intro{
	width: 820px;
}

div#logo{
	float: left;
	width: 410px;
	display: inline;
}

div#message{
	float: left;
	width: 410px;
	display: inline;
}

div#point{
	width: 820px;
}

div#point_l{
	float: left;
	width: 410px;
	display: inline;
}

div#point_r{
	float: left;
	width: 410px;
	display: inline;
}



/* navigation設定 */
div#main_nav{
	width: 800px;
	margin: 10px;
}

ul#main_nav_list li{
	margin: 0 0 10px;
}

div#main_nav_l{
	float: left;
	width: 540px;
	display: inline;
}

div#main_nav_r{
	float: left;
	width: 230px;
	padding: 5px 0 0 20px;
	display: inline;
}



/* concept設定 */
div#concept{
	margin: 10px 0 10px 10px;
}

div#concept_txt{
	padding: 0 0 10px;
}

div#concept_detail{
	padding: 0 0 10px;
}



/* attention設定 */
div#attention{
	padding: 0 0 10px;
}

p.attention{
	text-indent: -1.5em;
	padding-left: 1.5em;
}



/* content設定 */
div#content{
	margin: 0 0 0 10px;
}

div#content_01,
div#content_02,
div#content_03{
	margin: 0 0 20px;
}

div.content_ttl{
	padding: 0 0 15px;
}

div#experience{
	width: 800px;
	text-align: center;
	margin: 0 0 20px;
}



/* camera設定 */
div#camera{

}

div#howto{
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	background: #edfed1;
	width: 798px;
}

div#howto_inner{
	padding: 10px;
}

table.tbl_camera{
	margin: 0 0 10px 10px;
}



/* login設定 */
div#login{
	width: 400px;
	margin: 0 0 0 200px;
}


div#login_inner{
	width: 400px;
	text-align: center;
	background: url(../../images/top/bg_login.gif) no-repeat;
	height: 110px;
}

div#login_input{
	width: 400px;
	padding: 10px 0 10px;
}

div#login_input_inner{
	width: 400px;
}

div#login_input_inner table{
	margin: 0 0 0 60px;
	/margin: 0;
}

table td.td_id{
	padding: 0 8px 10px 0;
}

table td.td_password{
	padding: 0 8px 0 0;
}

.id{
	width: 200px;
	height: 19px;
	border: 1px solid #cccccc;
	border-collapse: collapse;
}

.pw{
	width: 200px;
	height: 19px;
	border: 1px solid #cccccc;
	border-collapse: collapse;
}

table td.bt_login{
	width: 270px;
	text-align: center;
	padding: 10px 0 0;
}

div#idget{
	width: 800px;
	text-align: center;
	margin: 15px 0 15px;
}

div#idget_attention{
	width: 400px;
	text-align: center;
	margin: 0 0 15px 200px;
}

p.about_idget{
	text-align: left;
}



/* selection（ブランド加工品）設定 */
div#selection{
	width: 400px;
	text-align: center;
	margin: 0 0 0 200px;
}

div#selection_inner{

}

ul#selection_list li{
	background: url(../../images/top/bg_brand_off.jpg) no-repeat;
	padding: 0 0 5px;
}

ul#selection_list li a,
ul#selection_list li a:link{
	display: block;
	width: 400px;
	height: 50px;
	font-size: 140%;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	padding: 15px 0 0;
}

ul#selection_list li a:hover{
	background: url(../../images/top/bg_brand_on.jpg) no-repeat;
}



/* target（ターゲット加工品）設定 */
div#target{
	width: 340px;
	text-align: center;
	margin: 0 0 0 230px;
}

div#target_txt{
	background: url(../../images/top/bg_target_footer.gif) no-repeat bottom;
	padding: 0 0 10px;
}

div#target_txt_inner{
	background: url(../../images/top/bg_target.gif) repeat-y;
	padding: 12px 10px 5px;
}

p.target_name{
	font-weight: bold;
	font-size: 140%;
}

div#vote{
	width: 340px;
	margin: 15px 0 15px;
}

div#to_vote{
	float: left;
	width: 180px;
	display: inline;
	text-align: left;
}

div#to_result{
	float: left;
	width: 160px;
	display: inline;
	text-align: left;
}

div#target_txt_inner{
	background: url(../../images/top/bg_target.gif) repeat-y;
}

div#vote_attention{
	width: 800px;
	text-align: center;
	margin: 0 0 15px;
}



/* page（トップページ以外）設定 */
div#pan{
	margin: 10px 0 0 20px;
}

div#pan p{
	font-size: 80%;
}

div#page_ttl{
	margin: 10px 10px 20px;
}

div#page_content_l{
	float: left;
	width: 610px;
	display: inline;
}

div#page_content_l_inner{
	padding: 0 0 0 10px;
}

div#page_content_r{
	float: left;
	width: 170px;
	margin: 0 0 0 30px;
	display: inline;
}



/* form（加工品名）設定 */
div#productname{
	border: 1px solid #cccccc;
	border-collapse: collapse;
	background: #ffffff;
	width: 600px;
	margin: 0;
}

div#productname_inner{
	padding: 3px 5px 3px;
	font-size: 120%;
}



/* form（※テキスト）設定 */
div#kome{
	width: 600px;
	padding: 10px 0 10px;
}

div#kome p{
	width: 600px;
	text-align: right;
	font-size: 80%;
	color: #cc0000;
}



/* form（質問事項）設定 */
div.question{
	margin: 0 0 20px;
}

dl.q{
	width: 610px;
}

dl.q dt{
	float: left;
	width: 44px;
	height: 30px;
	background: url(../../images/page/i_q.jpg) no-repeat;
	font-weight: bold;
	color: #ffffff;
	padding: 6px;
}

dl.q dd{
	float: left;
	width: 532px;
	height: 30px;
	background: url(../../images/page/bg_q.jpg) no-repeat;
	padding: 6px;
}



/* form（ラジオボタン）設定 */
ul.checklist{
	padding: 0 0 0 15px;
}



/* form（決定ボタン）設定 */
div#decision{
	width: 600px;
	text-align: center;
}

div#decision{

}

.decision_area{
	width: 240px;
	height: 19px;
	border: 1px solid #cccccc;
	border-collapse: collapse;
}

#make,#cancel,#send,#survey_vote{
	padding: 15px 0 0;
}

.kome{
	color: #cc0000;
}



/* form（送信前確認画面）設定 */
table.confirm_tbl{
	border: 1px solid #cccccc;
	border-collapse: collapse;
	margin: 0 0 20px;
}

table.confirm_tbl td{
	border: 1px solid #cccccc;
	border-collapse: collapse;
	padding: 3px;
}

table.confirm_tbl td.td_01{
	width: 300px;
	background: #ecf4bb;
}

table.confirm_tbl td.td_02{
	width: 300px;
	background: #ffffff;
}



/* form（送信後画面）設定 */
div#thanks{
	border: 1px solid #cccccc;
	background: #ffffff;
	width: 600px;
	text-align: center;
}

div#thanks_inner{
	padding: 10px 10px 30px;
}



/* form（アンケート調査）設定 */
div#survey_txt{
	margin: 0 0 20px;
}

div.survey_selection{
	margin: 0 0 20px;
}



/* form（アンケート結果）設定 */
div#result_graph{
	margin: 0 0 20px;
}

div#result_message{
	margin: 0 0 20px 30px;
	line-height: 2.0em;
}

div#results{
	border: 1px solid #cccccc;
	background: #ffffff;
	margin: 0 0 0 30px;
	width: 560px;
}

div#results_inner{
	padding: 15px 8px 0;
}

.graph {
	position: relative; /* IE is dumb */
	width: 540px;
    
}

.graph .bar_top {
	display: block;
	position: relative;
	background: url(../../images/page/bar_yellow.jpg);
	text-align: center;
	color: #000000;
	height: 2em;
	line-height: 2em;
	margin: 0 0 15px;
}

.graph .bar_top span{
	position: absolute;
	left: 1em;
}

.graph .bar {
	display: block;
	position: relative;
	background: url(../../images/page/bar_gray.jpg);
	text-align: center;
	padding: 0 0 0 0;
	color: #000000;
	height: 2em;
	line-height: 2em;
	margin: 0 0 15px;
}

.graph .bar span{
	position: absolute;
	left: 1em;
}



/* form（入力ミス画面）設定 */
div.error_message{
	background: #cc0000;
	width: 570px;
	margin: 0 15px 10px;
}

div.error_message p{
	padding: 3px 5px 3px;
	color: #ffffff;
	text-align: left;
}



/* banners設定 */
div#banners{
	border: 1px solid #cccccc;
	background: #ffffff;
}

div#banners_inner{
	padding: 8px;
}

ul#banner_list li{
	padding: 0 0 8px;
}



/* footer設定 */
div#footer{
	background: url(../../images/top/bg_footer.jpg) no-repeat;
	width: 820px;
	height: 250px;
}

div#footer_contact{
	width: 820px;
	text-align: center;
	padding: 130px 0 16px;
}

div#footer_copyright{
	width: 820px;
	text-align: center;
}