﻿body{
	line-height:1.4;
	color:#000000;
	font-family:"“ＭＳ ゴシック”";
	margin:0;
	padding:0;
}

.hidden {
display: none;
visibility: hidden;
}

.clear {
clear: both;
}

.clearfix:after { 
display: block; 
clear: both; 
height: 0; 
visibility: hidden; 
content: "."; 
line-height: 0; 
}

.clearfix { 
display: inline-table; 
min-height: 1%; 
}
 
/* for macIE \*/ 

* html .clearfix { 
height: 1%; 
}

.clearfix { 
display: block; 
} 
/* end of for macIE */


#back {
	background-image: url("../images/back.gif");
	background-repeat: repeat;
}


#base {
	width: 773px;
	height: 100%;
	padding:10px 12px 10px 15px;
	clear: both;
	margin-right: auto;
	margin-left: auto;
}

#upleft {
	width:447px;
	height:171px;
	background-image: url("../images/upleft.gif");
	float:left;
}

#upleft 
#box {
	background-color:rgb(210,233,216);
	width:445px;
	height:144px;
	overflow: auto; 
	float: none;
	margin:1px;
}

#upleft 
#box 
#write{
	margin:5px 0 0 5px;
	width:418px;
	background-color:#FFF;
	border:solid rgb(145,97,38) 1px;
}

#upleft 
#box 
.bl_box{
	height:5px;
	width:1px;
	font-size:5px;
}

#upleft 
#box 
#write 
h1{
	width:400px;
	margin:3px 3px 0 3px;
	border:gray solid 1px;
	padding: 3px 5px 3px 5px;
	background-color:rgb(76,150,94);
	color:#FFF;
	line-height:100%;
	font-size:14px;
}

#upleft 
#box 
#write 
p{
	margin-top:2px;
	width:400px;
	margin-left:4px;
	line-height:140%;
	color:rgb(18,68,30);
	font-size:12px;
}



#upright {
	width:310px;
	height:171px;
	text-align:center;
	float:right;
	padding-left:5px;
}

#upright #banar {
	width:310px;
	height:30px;
	margin:0 0 5px 0;
}

#upright #best{
	width:90px;
	height:96px;
	margin:0 0px 5px 0px;
	float:left;
	padding:0 5px 0 8px;
	text-align:center;
	font-size:12px;
}

#upright #best p{
margin:0px;
}


#topfla{
	width:773px;
	height:232px;
	background-image:url("../images/flash.gif");
	float:left;
}

#bottom_left{
	width:326px;
	text-align:center;
	color:rgb(18,68,30);
	margin-top:5px;
	float:left;
	padding-top:17px;
}

#bottom_left p{
font-size:12px;
}

#bottom_left #imgbox{
	width:100px;
	height:75px;
	margin:0px 3px 0 3px;
	padding:0;
	float:left;
}



#bottom_right {
	width:447px;
	height:145px;
	background-image:url("../images/botright.gif");
	padding-top:26px;
	float:right;
}

#bottom_right 
#box {
	background-color:rgb(210,233,216);
	width:445px;
	height:144px;
	overflow: auto; 
	float: none;
	margin:0 1px 0 1px;
}

#bottom_right 
#box 
#write{
	margin:5px 0 0 5px;
	width:418px;
	background-color:#FFF;
	border:solid rgb(145,97,38) 1px;
}


#bottom_right 
#box 
#write 
h1{
	width:400px;
	margin:3px 3px 0 3px;
	border:gray solid 1px;
	padding: 3px 5px 3px 5px;
	background-color:rgb(76,150,94);
	color:#FFF;
	line-height:100%;
	font-size:14px;
}


#bottom_right 
#box 
#write 
h2{
	width:400px;
	margin:3px 3px 0 3px;
	border:gray solid 0px;
	padding: 3px 5px 3px 5px;
	color:#FF3300;
	line-height:100%;
	font-size:14px;
}

#bottom_right 
#box 
#write 
.co1{
	color:red;
}

#bottom_right 
#box 
#write 
.co2{
	font-size:13px;
	color:#993300;
}


#bottom_right 
#box 
.bl_box{
	height:5px;
	width:1px;
	font-size:5px;
}


#bottom_right 
#box 
#write 
p{
	margin-top:2px;
	width:400px;
	margin-left:4px;
	line-height:140%;
	color:rgb(18,68,30);
	font-size:12px;
}

#copywrite{
	padding-top:10px;
	text-align:center;
	color:#000;
	font-size:12px;
	clear:both;
}


#copywrite p{
	font-size:12px;
	margin:3px;
	padding:0;
}






#pop_base{
	width:370px;
	margin-right:auto;
	margin-left:auto;
	margin-top:5px;
}



#pop_top{
	width:370px;
	margin-bottom:5px;
}



#pop_top2{
	width:370px;
	height:281px;
	background-image:url("../images/10.jpg");
	margin-bottom:5px;
}



#pop_top3{
	width:370px;
	height:281px;
	background-image:url("../images/02.jpg");
	margin-bottom:5px;
}



#pop_bottom{
	width:370px;
	height:306px;
	background-image:url("../images/pop.jpg");
}


#pop_bottom #pbox{
	width:331px;
	height:262px;
	margin:8px 20px 36px 19px;
	overflow: auto; 
}


#pop_bottom #pbox h1{
	width:280px;
	margin:10px 1px 5px 10px;
	padding:5px 10px 3px 5px;
	background-color:rgb(76,150,94);
	line-height:100%;
	font-size:13px;
	color:#FFF;
}


#pop_bottom #pbox p{
	margin-top:2px;
	width:280px;
	margin-left:15px;
	line-height:140%;
	color:rgb(18,68,30);
	font-size:12px;
}


/*-----ヘッダー-------*/

#base {
	width: 773px;
	height: 100%;
	padding:10px 12px 10px 15px;
	clear: both;
	margin-right: auto;
	margin-left: auto;
}


#header2{
	width:773px;
	height:100%;
}

#header2
img{
	padding:0;
	margin:0;
	border:0;
	float:left;
}

/*-----リスト-------*/

.listbox_01{
	width:753px;
	height:auto;
	padding:0px 0px 16px 10px;
	background-color:#FFFDE7;
	border-top:1px solid #795629;
	border-left:5px solid #795629;
	border-right:5px solid #795629;
	border-bottom:1px solid #795629;
	margin:10px 0 14px 0;
	float:left;
}

.listbox_02{
	width:242px;
	height:auto;
	margin:15px 8px 0 0;
	float:left;
}

.listbox_03{
	width:230px;
	height:100px;
	padding:5px;
	border:1px solid #795629;
	margin:0 0 0px 0;
	background-image:url("../images/listbox.jpg");
}

.listbox_03 p{
	width:170px;
	height:73px;
	float:left;
	color:#13351B;
}


.listbox_04{
	width:12px;
	height:19px;
}

.listbox_02 .imgbox{
	width:51px;
	height:96px;
	float:left;
	margin:0 5px 0 0;
}




.listbox_05{
	width:174px;
	height:23px;
	float:right;
}

.listbox_05{
	margin:0;
	padding:0;
}

.listbox_03 img{
	padding:0;
	margin:0;
	float:left;
}

.listbox_03 .listbox_05 .box04{
	width:4px;
	height:1px;
	float:left;
}


.t16{
	font-size:14px;
	color:rgb(18,95,0);
}

.t14{
	font-size:14px;
}

.t14x{
	font-size:14px;
	color:rgb(255,00,00);
}


.t18{
	font-size:18px;
}

.t12{
	font-size:12px;
}

.t10{
	font-size:10px;
}

.t13{
	font-size:12px;
	color:rgb(234,15,5);
}

.t13b{
	font-size:14px;
}

/*----注文フォームテーブル----*/

#formbase{
	width:550px;
	height:auto;
	margin:0 auto 0 auto;
}

.form1{
	width:550px;
	font-size:1px;
	margin:0 auto 0 auto;

}

.form1
.form_top{
	width:550px;
	height:3px;
	background-image: url("../images/form1_top.gif");
	float:left;
}

.form1
.form_back{
	width:550px;
	height:auto;
	background-repeat:repeat-y;
	background-image: url("../images/form1_back.gif");
	float:left;
}

.form_back
.list1{
	width:360px;
	font-size:14px;
	padding:3px 3px 2px 6px;
	text-align:center;
	float:left;

}

.form_back
.list1_l{
	width:357px;
	font-size:14px;
	padding:3px 3px 2px 6px;
	text-align:left;
	float:left;
}

.form_back
.list2{
	width:70px;
	font-size:14px;
	padding:3px 1px 0px 0;
	text-align:right;
	float:left;
}

.form_back
.list2_r{
	width:64px;
	font-size:14px;
	padding:3px 1px 0px 0;
	text-align:right;
	float:left;
}


.form_back
.list3{
	width:53px;
	font-size:14px;
	padding:3px 0 0px 3px;
	text-align:center;
	float:left;
}

.form_back
.list3_r{
	width:49px;
	font-size:14px;
	padding:3px 0 0px 3px;
	text-align:right;
	float:left;
}

.form_back
.list4{
	width:45px;
	font-size:14px;
	padding:3px 6px 0px 3px;
	text-align:center;
	float:left;
}

.form_back
.list4_r{
	width:54px;
	font-size:14px;
	padding:4px 6px 0px 3px;
	text-align:center;
	float:left;
}

.form1
.form_cross{
	width:550px;
	height:3px;
	background-image: url("../images/form1_cross.gif");
	float:left;
}

.form1
.form_bottom{
	width:550px;
	height:3px;
	background-image: url("../images/form1_bottom.gif");
	margin-bottom:15px;
	float:left;
}


.form2{
	width:522px;
	font-size:1px;
	text-align:center;
	margin:0 auto 0 auto;

}


.form2
.form_top{
	width:522px;
	height:3px;
	background-image: url("../images/form2_top.gif");
	margin:10px 0 0 0;
	float:left;
}

.form2
.form_back{
	width:522px;
	height:auto;
	background-repeat:repeat-y;
	background-image: url("../images/form2_back.gif");
	padding:2px 0 2px 0;
	float:left;
}

.form2
.form_back
.form_l{
	width:142px;
	font-size:14px;
	text-align:right;
	margin:0 7px 0 0;
	float:left;
}

.form2
.form_back
.form_r{
	width:363px;
	font-size:14px;
	text-align:left;
	margin:0 7px 0 3px;
	float:left;
}



.form2
.form_cross{
	width:522px;
	height:3px;
	background-image: url("../images/form2_cross.gif");
	float:left;
}

.form2
.form_bottom{
	width:522px;
	height:3px;
	background-image: url("../images/form2_bottom.gif");
	margin-bottom:15px;
	float:left;
}

.t12_c{
	font-size:12px;
	text-align:center;
}

.t14_c{
	font-size:14px;
	text-align:center;
}

.t16_c{
	font-size:16px;
	text-align:center;
}


.cred{
	color:red;
}

.cbold{
	font-weight:bold;
}

#formbase
.box1{
	border:1px solid #276E38;
	background-color:rgb(255,255,255);
	height:158px;
}

#formbase
.box2{
	border:1px solid #59A96C;
	width:400px;
	height:160px;
	margin:0 auto 0 auto;	

}

#formbase
.box3_1{
	width:100px;
	height:158px;
	background-color:#000;
	float:left;
}


#formbase
.box3{
	width:260px;
	height:138px;
	float:right;
	padding:10px 20px 0 0;
}

#formbase
#top{
	border-top:5px solid #276E38;
	border-bottom:5px solid #276E38;
	margin:0 auto 15px auto;
	width:550px;
	text-align:center;
}

#formbase
#top
.messe{
	border-top:5px solid #59A96C;
	border-bottom:5px solid #59A96C;
	text-align:center;
	font-size:14px;
	font-weight:bold;
}

.bg_green{
	background-color:#59A96C;
	text-align:center;
}


/*--------注文方法-------*/

.q_top{
	width:773px;
	height:36px;
	margin:10px 0 0 0;
	font-size:1px;
}

.q_back{
	width:758px;
	height:auto;
	background-repeat:repeat-y;
	margin:0;
	background-image: url("../houhou/images/box_back.gif");
	padding:2px 5px 5px 10px;
}

.q_back 
p{
	font-size:13px;
	margin:5px 0 3px 0;
}


.q_bottom{
	width:773px;
	height:3px;
	margin:0;
	background-image: url("../houhou/images/box_bottom.gif");
	font-size:1px;
}

.q_back 
table.w100
th{
width:100px;
}

.w600{
	width:600px;
	font-size:14px;
}


.q_.l_img{
	float:right;
	border:2px solid #266635;
	padding:5px;
	background-color:#FFF;
}


/*--------マメ知識-------*/

.mame{
	width:754px;
	border-left:10px solid #4E7748;
	padding:0px 0 0 9px;
	margin:10px 0 0 0;
}

.mame .title{
	width:740px;
	background-color:#4E7748;
	padding:3px 0 0 14px;
	margin:0 0 5px 0;
}

.mame .title h1{
	font-size:16px;
	color:#FFF;
	padding:0;
	margin:0;
}

.mame table{
	margin:0px 0 15px 0;
	background-color:#FFFEF0;
	font-size:13px;
}

.mame .subtitle{
	background-color:#A16E2E;
	padding:0px 0 0px 10px;
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	margin:0 0 5px 0;
}

.mame .box01{
	width:736px;
	border:2px solid #795629;
	padding:7px;
	background-color:#FFF;
	margin: 0 0 15px 0;
}

.mame .box01 p{
	font-size:13px;
	margin:0 0 4px 3px;
}

.mame table th{
	font-weight:400;
}


.mame .box01 .r_img{
	float:right;
	border:1px solid #59A96C;
	padding:0;
}

.mame .box01 .r_img2{
	float:right;
	padding:0;
}


.mame .box01 .l_img{
	float:left;
	border:1px solid #59A96C;
	padding:0;
background-color:#000;
}




.mame .box01 p.cgreen{
	font-size:14px;
	margin:3px 0 0 3px;
	font-weight:bold;
	color:#266635;
}


/*--------知覧町紹介-------*/
.syoukai{
	width:773px;
	margin:10px 0 0 0;
	padding:0 0 5px 0;
}

.syoukai .l_img{
	float:left;
	border:1px solid #266635;
	padding:5px;
	background-color:#FFF;
}

.syoukai .l_img2{
	float:left;
	border:1px solid #266635;
	padding:5px;
	margin:10px 0 0 0;
	background-color:#FFF;
}

.syoukai .r_img{
	float:right;
	border:1px solid #266635;
	padding:5px;
	background-color:#FFF;
}



.syoukai h1{
	font-size:16px;
	margin:0;
	padding:3px 0 0 0;
	font-weight:bold;
	background-color:#4E7748;
	color:#FFF;
}

.syoukai p.cgreen{
	font-size:13px;
	margin:10px 0 0 40px;
	padding:3px 10px 5px 7px;
	border:solid 2px #795629;
	background-color:#FFF;
}

.syoukai p.cgreen2{
	font-size:13px;
	margin:10px 40px 0 0;
	padding:3px 10px 5px 7px;
	border:solid 2px #795629;
	background-color:#FFF;
}


#game {
	width: 730px;
	height: 100%;
	margin-right: auto;
	margin-left: auto;
}

#game #setsu{
	width:278px;
	height:142px;
	float:left;
}

#game #title{
	width:278px;
	height:30px;
	font-size:0px;
	float:left;
	padding:22px 0 0 0;
}


#game #title images{
	border:0;
	padding:0;
	margin:0;
	font-size:0px;
}

#game #setsu .gr_box{
	border:solid #34690D 2px;
	padding:2px;
	margin:0;
	background-color:#7AD44D;
}

#game #setsu p{
	width:262px;
	border:solid #34690D 1px;
	font-size:14px;
	padding:3px;
	margin:0px;
	background-color : #FFFFFF;
}

#game #mihon{
	width:278px;
	height:278px;
	background-image:url(../game/images/mihon.jpg);
	float:left;
}



#game .waku {
	margin:0px auto;
	padding: 31px 9px 33px 11px;
	width:408px;
	height:408px;
	background:url(../game/images/01.gif) left top no-repeat;
	float:right;
}

#game H1 { color: red; }

/*----------CGI表示用--------*/
#errorpage {
	width:400px;
	border:solid gray 1px;
	padding:10px 10px 10px 10px;
	margin:5px auto 0 auto;
	background-color:#FFF;
}

#errorpage h1 {
	border:solid #A16E2E 3px;
	padding:0 3px 1px 3px;
	font-size:18px;
	color:#FF0000;
}

#errorpage h2 {
	border:solid #266635 2px;
	padding:3px;
	font-size:14px;
	color:#000;
}

#errorpage p {
	font-size:14px;
	color:#000;
	padding:0 5px 0 5px;
}


#postcheck{
	width:400px;
	border:solid #266635 2px;
	margin:5px auto 10px auto;
	background-color:#FFF;
}

#postcheck h1 {
	background-color:#266635;
	padding:0 3px 1px 3px;
	font-size:20px;
	color:#FFF;
	text-align:center;
	margin:0 0 15px 0;
}

#postcheck table{
	border:solid #266635 2px;
	width:380px;
	margin:0 0 5px 10px;
	text-align:left;
}

#postcheck #kakunin{
	width:375px;
	background-color:#FFF;
	margin:10px auto 5px auto;
	font-size:14px;
	color:#000;
	text-align:left;
}

#postcheck p{
	width:375px;
}

