@charset "utf-8";
/* CSS Document */
/*--information---------------------------------------------------------
Last update：08/02/15
File name ：index.css
Site name：Be Fine Produce
Summary：インデックスページのスタイル
Copyright：Copyright (C) 2008 Be Fine Produce.All rights reserved.
-------------------------------------------------------------------------*/


/*[header]------------------------------------------------*/
#header{
	width: 700px;
	height: 390px;
	padding: 0px 50px;
	margin: 0px 10px;/*背景画像の影部分余白*/
	background:url(../../image/headerbg.jpg);
	background-repeat:repeat-x;
}
#header:after{
	content: ".";
	display: block;
	height: 0;
	line-height: 1px;
	clear: both;
	visibility: hidden;
}
/*[title]-------------------------------------------------*/
#title{
	width: 700px;
	height: 80px;
	margin: 0px;
	padding: 0px;
}
#title:after{
	content: ".";
	display: block;
	height: 0;
	line-height: 1px;
	clear: both;
	visibility: hidden;
}
#title h1{
	width: 390px;
	height: 30px;
	background-image:url(../../image/logo.gif);
	background-repeat:no-repeat;
	display: block;
	margin: 45px 0px 0px;
	float:left;
}
#title h1 a {
	width: 210px;
	height: 30px;
	text-indent: -5000px;
	text-decoration: none;
	display: block;
}
#title .header_navi{
	width: 300px;
	height: 30px;
	background-image:url(../../image/menubg_top01.jpg);
	background-repeat:no-repeat;
	list-style-type: none;
	margin: 0px;
	padding-top: 50px;
	float:right;
}
.header_navi li {
	width: 119px;
	height: 18px;
	margin: 0px 0px 0px 145px;
	padding: 2px 2px 1px 2px;
	display: block;
	border-color:#99CCCC;
	border-width: 0px 1px;
	border-style:solid;
}
.header_navi li a {
	width: 115px;
	height: 15px;
	background-image:url(../../image/mail.jpg);
	background-repeat: no-repeat;
	text-indent: -5000px;
	text-decoration: none;
	display: block;
}
.header_navi li a:hover {
	background-image: url(../../image/mail_over.jpg);
}
/*[headerbody]--------------------------------------------*/
#headerbody{
	width: 700px;
	height: 310px;
	margin: 0px;
	padding: 0px;
	background-image:url(../../image/main_img.jpg);
	background-repeat: no-repeat;
	background-position:left;
}
#headerbody:after{
	content: ".";
	display: block;
	height: 0;
	line-height: 1px;
	clear: both;
	visibility: hidden;
}
#headerbody img{
	margin: 0px;
	padding: 0px;
	float:left;
}
/*[topmenu]-----------------------------------------------*/
#headerbody #topmenu {
	width: 300px;
	height: 180px;
	margin: 0px 0px 0px;
	padding: 122px 0px 8px 0px;
	background-image:url(../../image/menubg_top02.jpg);
	background-repeat:no-repeat;
	list-style-type: none;
	float:right;
}
#headerbody #topmenu li {
	width: 300px;
	height: 30px;
	display: block;
}
#headerbody #topmenu li a {
	width: 300px;
	height: 30px;
	margin: 0px;
	padding: 0px;
	background-repeat: no-repeat;
	text-indent: -5000px;
	text-decoration: none;
	display: block;
}
ul#topmenu li#menu01 a {
	background-image: url(../../image/menu01.jpg);
}
ul#topmenu li#menu02 a {
	background-image: url(../../image/menu02.jpg);
}
ul#topmenu li#menu03 a {
	background-image: url(../../image/menu03.jpg);
}
ul#topmenu li#menu04 a {
	background-image: url(../../image/menu04.jpg);
}
ul#topmenu li#menu05 a {
	background-image: url(../../image/menu05.jpg);
}
ul#topmenu li#menu06 a {
	background-image: url(../../image/menu06.jpg);
}
ul#topmenu li#menu01 a:hover {
	background-image: url(../../image/menu01_over.jpg);
}
ul#topmenu li#menu02 a:hover {
	background-image: url(../../image/menu02_over.jpg);
}
ul#topmenu li#menu03 a:hover {
	background-image: url(../../image/menu03_over.jpg);
}
ul#topmenu li#menu04 a:hover {
	background-image: url(../../image/menu04_over.jpg);
}
ul#topmenu li#menu05 a:hover {
	background-image: url(../../image/menu05_over.jpg);
}
ul#topmenu li#menu06 a:hover {
	background-image: url(../../image/menu06_over.jpg);
}

/*[container]---------------------------------------------*/
#l_area{
	margin: 0px 25px 0px 0px;
	padding: 18px 0px 5px;
	float: left;
}

#l_area h2{
	width: 375px;
	height: 40px;
	margin: 0px 0px 5px;
	padding: 0px;
	background-image:url(../../image/line375.gif);
	background-position:bottom;
	background-repeat:no-repeat
}
#l_area h2 span{
	width: 115px;
	height: 20px;
	margin: 0px;
	padding: 0px;
	background-image:url(../../image/information.gif);
	background-repeat: no-repeat;
	text-indent: -5000px;
	display: block;
}

#r_area{
	width: 300px;
	height: auto;
	float: right;
}
#r_area #r_top{
	width: 235px;
	height: auto;
	margin: 5px 0px 0px;
	padding: 15px 32px 15px;
	background-color:#CCCCCC;
}
#r_area #r_top #ouradress{
	width: 235px;
	height: auto;
	margin: 40px 0px 15px;
	padding: 0px 0px 15px;
	border-bottom: solid 5px #999999;
}
#r_area #r_top #ouradress h3{
	width: 235px;
	height: 15px;
	margin: 0px 0px 5px;
	padding: 0px;
	background-image:url(../../image/contactus.gif);
	background-repeat: no-repeat;
	text-indent: -5000px;
	text-decoration: none;
	display: block;
}
#r_area #r_top #ouradress p{
	margin: 0px;
	padding: 0px;
}
#r_area #r_top #banner01{
	width: 115px;
	height: 38px;
	margin: 0px 0 10px 5px;
	padding: 0px;
	float:left;
}
#r_area #r_top .banner02{
	width: 235px;
	height: 55px;
	margin: 0px 0px 5px;
	padding: 0px;
}
#r_area #r_top #banner03{
	width: 115px;
	height: 38px;
	margin: 0px 0 10px 0;
	padding: 0px;
	float:left;
}


/*[iframe]------------------------------------------------*/
iframe {
	width: 375px;
	height: 216px;
	margin: 0px;
	padding: 0px;
	border: 0px;
}



body#framecontainer{
	background-color:#FFFFFF;
}
body#framecontainer ul{
	list-style-type: none;
	margin: 0px 10px;
	padding: 0px;
}
body#framecontainer ul li{
	margin: 0px 0px 15px;
	padding: 0px;
}
body#framecontainer ul li p{
	margin: 0px 0px 5px;
	padding: 0px;
}


/*[footer]------------------------------------------------*/
#footer{
	width:700px;
	height: auto;
	margin: 0px 10px;/*背景画像の影部分余白*/
	padding: 0px 50px;
}
#footer:after{
	content: ".";
	display: block;
	height: 0;
	line-height: 1px;
	clear: both;
	visibility: hidden;
}
#footer #copyright{
	width:auto;
	margin: 5px 0px 0px 0px;
	padding: 15px 0px 40px 0px;
	color:#999999;
	text-align:right;
}
#footer #r_bottom{
	width: 235px;
	height: auto;
	margin: 5px 0px 0px 25px;
	padding: 15px 32px 40px;
	background-image:url(../../image/menubg_bottom.jpg);
	float: right;
}
#footer #r_bottom ul{
	width: 235px;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	color:#ffffff;
	text-align:center;
}
#footer #r_bottom ul li{
	width: 115px;
	border-color:#ffffff;
	border-width: 0px 1px 0px 0px;
	border-style: solid;
	float: left;
}
#footer #r_bottom ul li#bottommenu01{
	border-left: solid 1px #ffffff;
}
#footer #r_bottom a{
	color:#ffffff;
}