@charset "UTF-8";
@import "browserreset.css";
@import "font.css";
@import "layout.css";
/* CSS Document */


body {background:url(../img/bg2.jpg) repeat;}

img {border:none;}

#wrapper {
	width:930px;
	margin:0px auto;	
	background:url(../img/bg_mainarea2.jpg) repeat-y;
	}

#mainarea {width:900px; margin:0px auto; background-color:white;}

/*head//////////////////////////////////////////////////////////////////*/

#headhead {
	width:100%; height:24px;
	background-color:black;
	}

#headhead p, #headhead_top p {
	color:white;
	width:900px;
	margin:0px auto;
	padding:0px 0px 0px 10px;
	}
* html #headhead p, * html #headhead_top p {width:890px;}

#head {
	background:url(../img/header.jpg) no-repeat;
	width:900px; height:70px;
	margin:0px auto;
	}

/*navi//////////////////////////////////////////////////////////////////*/

#navi_right {
	margin: 0;
	padding: 0;
	float: right;
	}

#navi_right img {
	margin: 0;
	padding: 0;
	vertical-align: top;
	}

#navi_right a:hover img {
	filter:alpha(opacity=75); /*IE*/
	-moz-opacity:0.75; /*FF*/
	opacity:0.75;
	}

#head #navi {
	width:400px; height:30px;
	position:relative; top:38px; left:113px;
	}

#head #navi li {
	display:inline;
	list-style:none;
	float:left;
	}
#head #navi li a {
	height:30px;
	display:block;
	text-indent:-9877em;
	overflow:hidden;
	}
	
#head #navi li.toppage a {background:url(../img/navi.jpg) no-repeat 0px 0px;width:100px;}
#head #navi li.toppage a:hover {background:url(../img/navi.jpg) no-repeat 0px -30px;}

#head #navi li.abouthiro a {background:url(../img/navi.jpg) no-repeat -100px 0px; width:100px;}
#head #navi li.abouthiro a:hover {background:url(../img/navi.jpg) no-repeat -100px -30px;}

#head #navi li.company a {background:url(../img/navi.jpg) no-repeat -200px 0px; width:100px;}
#head #navi li.company a:hover {background:url(../img/navi.jpg) no-repeat -200px -30px;}

#head #navi li.servey a {background:url(../img/navi.jpg) no-repeat -300px 0px; width:100px;}
#head #navi li.servey a:hover {background:url(../img/navi.jpg) no-repeat -300px -30px;}

/*navinavi//////////////////////////////////////////////////////////////////*/
#navinavi {height:50px;}
#navinavi #naviflash {width:900px; height:50px; margin:0px auto; text-align:center; clear:both;}

/*SWFobject*/
#navi5 {widows:900px; height:50px;}

#navi5 li {float:left; display:inline;}

#navi5 li a {
	width:180px; height:50px;
	display:block;
	text-indent:-9877em;
	overflow:hidden;
	float:left;
	}

#navi5 li.s_hiroori a {background:url(../img/navi5gif.jpg) no-repeat 0px 0px;}
#navi5 li.s_kiyamachi a {background:url(../img/navi5gif.jpg) no-repeat -180px 0px;}
#navi5 li.s_ponto a {background:url(../img/navi5gif.jpg) no-repeat -360px 0px;}
#navi5 li.s_gion a {background:url(../img/navi5gif.jpg) no-repeat -540px 0px;}
#navi5 li.s_yasaka a {background:url(../img/navi5gif.jpg) no-repeat -720px 0px;}

#navi5 li a:hover {
	filter:alpha(opacity=75); /*IE*/
	-moz-opacity:0.75; /*FF*/
	opacity:0.75;
	}

/*contents//////////////////////////////////////////////////////////////////*/
#contents {
 	padding:10px 20px;
	} 

#rightarea {
	width:170px;
	float:right;
	position:relative;
	}

#leftarea {width: 670px;}

/*banners//////////////////////////////////////////////////////////////////*/

#banners {width:170px;}

#banners p {
	line-height:1.5;
	padding:5px 0px;
	margin:5px 0px;
	}

#banners li {
	list-style:none;
	display:inline;
	}
#banners li a {
	width:170px; height:35px;
	display:block;
	text-indent:-9877em;
	overflow:hidden;
	margin-bottom:5px;
	}

#banners li.blog1 a {background:url(../img/b_blog1.jpg) no-repeat;}
#banners li.blog1 a:hover {background:url(../img/b_blog1H.jpg) no-repeat;}

#banners li.blog2 a {background:url(../img/b_blog2.jpg) no-repeat;}
#banners li.blog2 a:hover {background:url(../img/b_blog2H.jpg) no-repeat;}

#banners li.staff a {background:url(../img/b_staff.jpg) no-repeat;}
#banners li.staff a:hover {background:url(../img/b_staffH.jpg) no-repeat;}

#banners li.recruit a {background:url(../img/b_recruit.jpg) no-repeat;}
#banners li.recruit a:hover {background:url(../img/b_recruitH.jpg) no-repeat;}

#banners li.saiji a {background:url(../img/b_saiji.jpg) no-repeat;}
#banners li.saiji a:hover {background:url(../img/b_saijiH.jpg) no-repeat;}

#banners li.mshiro a {background:url(../img/b_mshiro.jpg) no-repeat;}
#banners li.mshiro a:hover {background:url(../img/b_mshiroH.jpg) no-repeat;}

#banners li.map a {background:url(../img/b_map.jpg) no-repeat;}
#banners li.map a:hover {background:url(../img/b_mapH.jpg) no-repeat;}

#banners #otherbanners li a {margin:5px 0px 5px;}

#banners #otherbanners li.giftbanner a {
	width:170px; height:60px;
	background:url(../img/giftbanner.jpg) no-repeat;
	}
#banners #otherbanners li.photobanner a {
	width:170px; height:60px;
	background:url(../img/photobanner.jpg) no-repeat;
	}
#banners #otherbanners li.giftbanner a:hover, #banners #otherbanners li.photobanner a:hover, #farms li a:hover {
filter:alpha(opacity=75); /*IE*/
-moz-opacity:0.75; /*FF*/
opacity:0.75;
}

#banners #otherbanners li.inquiry {
	width:170px; height:60px;
	}

/*farmsbanner//////////////////////////////////////////////////////////////////*/

#farms {
	width:169px; height:auto;
	background:url(../img/farmsbanner_head.jpg) no-repeat top;
	padding-top:45px; padding-bottom:10px;
	border:#CCCCCC 1px solid;
	}

#farms li {list-style:none;}

#farms li a {
	width:150px; height:35px;	
	text-indent:-9877em;
	margin-left:10px;
	display:block;
	overflow:hidden;
	}

#farms li.okano a {background:url(../img/farmsbanner_b1.jpg) no-repeat;}
#farms li.bluelemon a {background:url(../img/farmsbanner_b2.jpg) no-repeat;}


/*footer//////////////////////////////////////////////////////////////////*/

#footerback {
	width:100%; height:20px;
	background-color:black;
	border-bottom:#990000 3px solid;
	}

#footer {
	width:900px;height:20px;
	background-color:black;
	margin:0px auto;
	}
#footer p, #footer p a {color:white; font-size:10px;}