@charset "Shift_JIS";

* {
margin: 0;
padding: 0;	
}

#index-wrapper {
margin:0 auto ;
width: 100%;
height: auto;
background: #FFFFFF url(../img/top/bc.png) repeat-x;
font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "MS Pゴシック", "MS PGothic", Osaka, Arial;
line-height:1.4;
}

#wrapper {
margin:0 auto;
width: 100%;
background: #FFFFFF url(../img/reserv/header-bc.png) repeat-x;
font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "MS Pゴシック", "MS PGothic", Osaka, Arial;
line-height:1.4;

}

#wrap {
width: 800px;
height: auto;
margin:0 auto ;
}

a:link {
	color: #333333;
	text-decoration: none;
}
a:visited {
	color: #333333;
	text-decoration: none;
}
a:hover {
	color: #FF9900;
	text-decoration: none;
}
a:active {
    color: #FF9933;
	text-decoration: none;
}

/*-----ヘッダー-----*/

#index-header {
margin:0 auto;
margin: 0;
padding: 0;
width: 100%;
height: 80px;
position : relative;
}

#header {
margin:0 auto;
width: 100%;
height: 150px;
position : relative;
background: url(../img/reserv/header-bc.png) repeat-x;
}

#logo {
width: 140px;
height: 70px;
margin-top:5px;
overflow: hidden;
display: block;
}

#rogo img {
margin: 13px 15px;
}

#description {
width: 300px;
font-size: 12px;
color: #FF9933;
position: absolute;
margin-left: 500px;
margin-top: 5px;}

.hidden {
display: none;}

#quality {
  width: 800px;
  height: 300px;
  border: thin solid #E2E2E2;
}

/*-----コンテンツ左-----*/


#index-main {
width: 530px;
height: auto;
margin-top: 20px;
float: left;
border: thin solid #E2E2E2;}

#main-bna {
width: 510px;
height: 408px;}


.main-bna {
width: 510px;
height: 408px;}

#reserv-bna {
width: 510px;
}

#main-bna li  {
width: 510px;
height: 330px;
text-indent: -4000px;
list-style-type: none;}

#main-bna li a {
background: url(../img/top/top-img.jpg) no-repeat;
display: block;
width: 510px;
height: 408px;
border: none;}

ul.main-bna li#main-bna01 a {
background-position: 17px 15px;
width: 510px;}

.cont-name {
width: 500px;
height: 30px;
margin: 15px 0px 10px 15px;}


/*-----giftbox-----*/

.gift-box {

width: 500px;
height: 80px;
margin: 20px 0px 20px 15px;
}

/*-----giftbox-----*/

#reserv li  {
width: 500px;
height: 80px;
text-indent: -4000px;
list-style-type: none;
}

#reserv li a {
background: url(../img/top/reserv-bna.jpg) no-repeat;
display: block;
width: 500px;
height: 80px;
border: none;
}

ul#reserv li#reserv01 a {
background-position: 0px 0px;
width: 500px;
}

ul#reserv li#reserv01 a:hover {
background-position: -0px -80px;
width: 500px;
}

/*-----gift1kset-----*/

#gift1 li  {
width: 500px;
height: 80px;
text-indent: -4000px;
list-style-type: none;
}

#gift1 li a {
background: url(../img/top/gift1.png) no-repeat;
display: block;
width: 500px;
height: 80px;
border: none;
}

ul#gift1 li.gift01 a {
background-position: 0px 0px;
width: 500px;
}

ul#gift1 li.gift01 a:hover {
background-position: -0px -80px;
width: 500px;
}

/*-----gift2kset-----*/

#gift2 li  {
width: 500px;
height: 80px;
text-indent: -4000px;
list-style-type: none;
}

#gift2 li a {
background: url(../img/top/gift2.png) no-repeat;
display: block;
width: 500px;
height: 80px;
border: none;
}

ul#gift2 li#gift01 a {
background-position: 0px 0px;
width: 500px;
}

ul#gift2 li#gift01 a:hover {
background-position: -0px -80px;
width: 500px;
}

/*-----gift4kset-----*/

#gift4 li  {
width: 500px;
height: 80px;
text-indent: -4000px;
list-style-type: none;
}

#gift4 li a {
background: url(../img/top/gift4.png) no-repeat;
display: block;
width: 500px;
height: 80px;
border: none;
}

ul#gift4 li#gift01 a {
background-position: 0px 0px;
width: 500px;
}

ul#gift4 li#gift01 a:hover {
background-position: -0px -80px;
width: 500px;
}

/*-----区切り-----*/

.hr {
width: 500px;
height: 1px;
margin: 5px 0px 10px 15px;
}

.hr-700 {
width: 750px;
height: 1px;
margin: 5px 25px;
}


#gide li  {
width: 500px;
height: 80px;
text-indent: -4000px;
list-style-type: none;
}

#gide li a {
background: url(../img/top/shopping-bna.png) no-repeat;
display: block;
width: 500px;
height: 80px;
border: none;
}

ul#gide li#gide01 a {
background-position: 0px 0px;
width: 500px;
}

ul#gide li#gide01 a:hover {
background-position: -0px -80px;
width: 500px;
}


/*-----ページトップへ戻る-----*/

#backtotop {
float:right;
width: 132px;
height: 31px;
}

#backtotop a {
display: block;
width: 132px;
height: 31px;
background: url(../img/top/page-top.png) no-repeat;
}

/*-----右側コンテンツ-----*/

#index-right-box {
width: 250px;
height: auto;
float:right;
margin: 20px 5px 0px 0px;
border: thin solid #E2E2E2;
}

#right-box {
width: 250px;
height: auto;
float:right;
margin: 60px 0px 0px 0px;
border: thin solid #E2E2E2;
}

.cont-name-right {
width: 250px;
height: 60px;
margin: 5px 0px 5px 0px;
}

#banner-box {
width: 250px;
height: auto;
float:right;
margin: 15px 0 0 8px;
}

#banner-box li {
list-style-type: none;
}

/*-----マンゴーについて-----*/

#right1 li  {
width: 250px;
height: 60px;
text-indent: -4000px;
list-style-type: none;
}

#right1 li a {
background: url(../img/top/right-menu1.png) no-repeat;
display: block;
width: 250px;
height: 60px;
border: none;
}

ul#right1 li.right01 a {
background-position: 0px 0px;
width: 250px;
}

ul#right1 li.right01 a:hover {
background-position: -250px 0px;
width: 250px;
}


/*-----マンゴーが出来るまで-----*/

#right2 li  {
width: 250px;
height: 60px;
text-indent: -4000px;
list-style-type: none;
}

#right2 li a {
background: url(../img/top/right-menu2.png) no-repeat;
display: block;
width: 250px;
height: 60px;
border: none;
}

ul#right2 li.right01 a {
background-position: 0px 0px;
width: 250px;
}

ul#right2 li.right01 a:hover {
background-position: -250px 0px;
width: 250px;
}

/*-----お客様の声-----*/

#right3 li  {
width: 250px;
height: 60px;
text-indent: -4000px;
list-style-type: none;
}

#right3 li a {
background: url(../img/top/right-menu3.png) no-repeat;
display: block;
width: 250px;
height: 60px;
border: none;
}

ul#right3 li.right01 a {
background-position: 0px 0px;
width: 250px;
}

ul#right3 li.right01 a:hover {
background-position: -250px 0px;
width: 250px;
}

/*-----なかむら農園ブログ-----*/

#right4 li  {
width: 250px;
height: 60px;
text-indent: -4000px;
list-style-type: none;
}

#right4 li a {
background: url(../img/top/right-menu4.png) no-repeat;
display: block;
width: 250px;
height: 60px;
border: none;
}

ul#right4 li.right01 a {
background-position: 0px 0px;
width: 250px;
}

ul#right4 li.right01 a:hover {
background-position: -250px 0px;
width: 250px;
}

/*-----お客様の声募集-----*/

#right5 li  {
width: 250px;
height: 60px;
text-indent: -4000px;
list-style-type: none;
}

#right5 li a {
background: url(../img/top/right-menu5.png) no-repeat;
display: block;
width: 250px;
height: 60px;
border: none;
}

ul#right5 li.right01 a {
background-position: 0px 0px;
width: 250px;
}

ul#right5 li.right01 a:hover {
background-position: -250px 0px;
width: 250px;
}

/*-----生産者の紹介-----*/

#right6 li  {
width: 250px;
height: 60px;
text-indent: -4000px;
list-style-type: none;
}

#right6 li a {
background: url(../img/top/right-menu6.png) no-repeat;
display: block;
width: 250px;
height: 60px;
border: none;
}

ul#right6 li.right01 a {
background-position: 0px 0px;
width: 250px;
}

ul#right6 li.right01 a:hover {
background-position: -250px 0px;
width: 250px;
}

/*-----Q&A-----*/

#right7 li  {
width: 250px;
height: 60px;
text-indent: -4000px;
list-style-type: none;
}

#right7 li a {
background: url(../img/top/right-menu7.png) no-repeat;
display: block;
width: 250px;
height: 60px;
border: none;
}

ul#right7 li.right01 a {
background-position: 0px 0px;
width: 250px;
}

ul#right7 li.right01 a:hover {
background-position: -250px 0px;
width: 250px;
}

/*-----お問い合わせ-----*/

#right8 li  {
width: 250px;
height: 60px;
text-indent: -4000px;
list-style-type: none;
}

#right8 li a {
background: url(../img/top/right-menu8.png) no-repeat;
display: block;
width: 250px;
height: 60px;
border: none;
}

ul#right8 li.right01 a {
background-position: 0px 0px;
width: 250px;
}

ul#right8 li.right01 a:hover {
background-position: -250px 0px;
width: 250px;
}

/*-----サイトマップ-----*/

#right9 li  {
width: 250px;
height: 60px;
text-indent: -4000px;
list-style-type: none;
}

#right9 li a {
background: url(../img/top/right-menu9.png) no-repeat;
display: block;
width: 250px;
height: 60px;
border: none;
}

ul#right9 li.right01 a {
background-position: 0px 0px;
width: 250px;
}

ul#right9 li.right01 a:hover {
background-position: -250px 0px;
width: 250px;
}



/*-----たんそ病について-----*/


#right10 li  {
width: 250px;
height: 60px;
text-indent: -4000px;
list-style-type: none;
}

#right10 li a {
background: url(../img/top/right-menu10.png) no-repeat;
display: block;
width: 250px;
height: 60px;
border: none;
}

ul#right10 li.right01 a {
background-position: 0px 0px;
width: 250px;
}

ul#right10 li.right01 a:hover {
background-position: -250px 0px;
width: 250px;
}



/*-----フッター-----*/

#footer {
margin:0 auto;
width: 800px;
height:140px;
clear:both;
background: url(../img/top/footer-bc.gif) repeat-x;
}

.util_navi {
	float:left;
	width: 160px;
	margin: 50px 0px 0px 30px;
	padding-left: 5px;
}


.util_navi ul {
padding:3px;
text-align:left;
list-style: none;
}

.util_navi li {
padding:0 20px ;
line-height:1.4;
font-size: 11px;
background: url(../img/top/arrows.gif) no-repeat;
background-position: left;
}

.util_navi a {
margin:0;
color: #FF9900;
}

.util_navi .noborder {border:none;}

.util_navi a:hover {
color: #FF6600;
}

/*-----コピーライト-----*/

address {
font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "MS Pゴシック", "MS PGothic", Osaka, Arial;
width: 100%;
font-size: 12px;
color: #FF9933;
text-align: center;
}

.header-box {
width: 800px;
height:80px;}

.header-box img {
width: 800px;
height:80px;
margin:5px 0px;}

/*------------------------------
news layout elements
------------------------------*/
#news li  {
width: 450px;
height: auto;
list-style-type: none;
padding:0 20px ;
font-size: 12px;
}

#news li a {
text-indent: 20px;
background: url(../img/top/arrows.gif) no-repeat;
background-position: left;
display: block;
width: 450px;
height: auto;
border: none;
}

ul#news li.news01 a {
background-position: 0px 0px;
width: 450px;
}


/*------------------------------
reserv layout elements
------------------------------*/

#main {
margin:0 auto;
width: 800px;
height:auto;
margin:30px 0px;
}

#top-box {
width: 800px;
height:auto;
}

#l {
float: left;
width: 520px;
height:auto;
margin:40px 0px;
}

#r {
float: right;
width: 250px;
height:auto;
margin:40px 15px;
}

.top-bna {
float:left;
width: 350px;
height:350px;
margin:10px 10px;
}

.r-title {
width: 360px;
height:34px;
float: right;
margin:30px 40px 40px 0px;
font-size: 18px;
color: #FF6600;
}

.l-title {
width: 800px;
height:34px;
float: left;
margin:30px 0px 40px 0px;
font-size: 18px;
color: #FF6600;
}

.r-p {
width: 400px;
height:auto;
float: right;
font-size: 14px;
margin:0px 10px;
line-height: 140%;
}

.kodawari {
	width: 390px;
	height:auto;
	float: left;
	font-size: 14px;
	line-height: 140%;
	padding: 5px;
}

.kodawari ul {
padding:3px;
text-align:left;
list-style: none;
}

.kodawari li {
	padding:0px 0px 10px 20px;
	line-height:1.4;
	font-size: 14px;
	background-position: left top;
	background: url(../img/top/arrows.gif) no-repeat;
}

.yakusoku {
	width: 390px;
	height:auto;
	float: right;
	font-size: 14px;
	line-height: 140%;
	padding: 5px;
}

.yakusoku ul {
padding:3px;
text-align:left;
list-style: none;
}

.yakusoku li {
	padding:0px 0px 10px 20px;
	line-height:1.4;
	font-size: 14px;
	background-position: left top;
	background: url(../img/top/arrows.gif) no-repeat;
}

.gift-cont {
float: left;
width: 700px;
height:auto;
margin:30px;
line-height:1.4;
font-size: 14px;
}

.top-box2 {
float: left;
width: 800px;
height:auto;
margin:20px 0px;
}

.basket {
width: 420px;
float: right;
}


.basket form {
float:rightt;
width: 400px;
height:auto;
margin:5px 20px 0px 0px;
}

.form td{
padding: 15px 0px 5px 15px;
}

.addition {
width: 350px;
height:auto;
margin: 15px 0px;
}

#content {
width: 800px;
height:auto;
}

.title {
margin: 10px 20px;
width: 700px;
height: 40px;
}

.cont {
margin: 20px;
font-size: 14px;
color: #000000;
}

/*------------------------------
mango layout elements
------------------------------*/
.box {
float: left;
width: 800px;
height: anto;
}

.box2 {
float: left;
width: 800px;
height: 306px;
margin-bottom: 20px;
}

.mango-photo {
width: 230px;
height: 174px;
margin: 20px;
float: left;
}

.mango-photo1 {
width: 174px;
height: 230px;
margin: 20px;
float: left;
}

.mango-cont {
width: 450px;
height: auto;
margin: 30px 30px 0px 0px;
padding:15px;
float: right;
background-color: #FFFFCC;
}

/*------------------------------
syokai layout elements
------------------------------*/

#syokai-photo {
width: 465px;
height: 325px;
margin: 0px 160px 30px 160px;
background: url(../img/syokai/syokai.jpg) no-repeat;
text-indent: -5000px;
}

.photo {
float: left;
width: 170px;
margin: 10px;
}

#photo p.image {
width: 180px;
}
/*-----パンくずリスト-----*/

.pankuzu {
width: 800px;
height: 20px;
color: #FF9900;
font-size: 14px;
padding-top: 5px;
margin: 15px 0px 0px 15px;
}

/*------------------------------
tokutei layout elements
------------------------------*/

.setumei {
width: 600px;
height: auto;
font-size: 13px;
line-height: 140%;
color: #000000
text-align: left;
margin: 30px 100px;
}

.setumei td {
padding: 5px;
}

.setumei a:hover {
color: #FF9933;
}


/*------------------------------
tabso layout elements
------------------------------*/

.tanso-photo {
width: 465px;
height: 325px;
margin: 0px 160px 30px 160px;
}

#1 {
width: 800px;
margin:0 auto;
}

/*------------------------------
voise layout elements
------------------------------*/

.voise_form {
	width: 750px;
	margin:30px 0px 20px 20px;
	border: thin solid #FF9900;
}

/*------------------------------
qa layout elements
------------------------------*/


.accordion_toggle {
display: block;
height: 30px;
width: 600px;
background: url(../required/img/accordion.png) no-repeat ;
padding: 0 10px 0 20px;
line-height: 30px;
color: #ffffff;
font-weight: normal;
text-decoration: none;
outline: none;
font-size: 15px;
color: #000000;
border-bottom: 1px solid #DDDDDD;
cursor: pointer;
margin: 0 0 0 20px;
}

#accordion{
margin-bottom: 20px;
}
		
.accordion_toggle_active {
width: 600px;
height: 30px;
background: url(images/accordion_toggle_active.jpg) no-repeat top right #FF66FF;
color: #FFFFFF;
font-size: 15px;	
}
		
.accordion_content {
background-color: #ffffff;
color: #444444;
overflow: hidden;
margin-bottom: 10px;
}
			
.accordion_content h3 {
margin: 15px 0 5px 10px;
color: #FF33FF;
}
			
.accordion_content p {
line-height: 140%;
padding: 20px 15px 20px 10px;
font-size: 15px;	
}
			
#accordion li {
list-style-type: none;
background-img: url(../img/aikon.gif) no-repeat;
text-indent: 20px;
margin-left: 10px;
}

/*------------------------------
contact layout elements
------------------------------*/

.company_teble {
width: 700px;
text-align: left;
color: #333333;
font-size: 14px;
border: thin solid #FF9933;	
margin: 30px 0px 40px 60px;	
padding: 10px;
}

/*------------------------------
sitemap layout elements
------------------------------*/

#sitomap {
	float:left;
	width: 250px;
	margin: 40px 0px 0px 30px;
	background: url(../img/sitemap/arrows.gif) no-repeat;
    background-position: left;
	text-indent: 30px;
	font-size: 13px;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #FF9933;
}

#sitomap_p {
	float:left;
	width: 450px;
	height: auto;
	font-size: 13px;
	padding: 0px 10px 0px 40px;
	margin-top: 40px;
}
.sitomap {
	float:left;
	width: 250px;
	margin: 0px 0px 0px 30px;
	background: url(../img/sitemap/arrows.gif) no-repeat;
    background-position: left;
	text-indent: 30px;
	font-size: 13px;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #FF9933;
}

.sitomap_p {
	float:left;
	width: 450px;
	height: auto;
	font-size: 13px;
	padding: 0px 10px 0px 40px;
	
}

.hr_sitomap {
	width: 800px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FF9933;
	text-indent: -9999px;
	clear: both;
	margin: 15px 0px 15px 0px;
}

/*------------------------------
news layout elements
------------------------------*/

#news-title {
width: 530px;
float:left;
}

/*------------------------------
shopping layout elements
------------------------------*/

.shopping-img {
float:right;
}

.shopping-img1 {
text-align: center;
}

.shopping-cont {
margin: 10px 0px 20px 50px;
width: 720px;
}

/*------------------------------
rss elements
------------------------------*/

.rssList {
	width: 700px;
	margin: 15px;
}
.rssList a {
	color: #36c;
	text-decoration: underline;
}
.rssList a:hover {
	color: #f60;
}
.rssList dt {
	font-weight: bold;
	background: #eee;
}
.rssList dd {
	margin: 10px 15px 20px;
}
.rssList dd div {
	font-weight: bold;
}
.rssList dd ul {
	margin: 10px 10px 10px;
}
.rssList dd ul li {
	margin: 5px 0;
}
.rssList dd ul li p {
	line-height: 1.5;
}