@charset "UTF-8";
/* CSS Document */

@import url("size.css");

/*基本設定
----------------------------------------------------------------------------------------------------基本設定*/

/*ブラウザスタイルの初期化*/
body,div,h1,h2,h3,h4,h5,h6,
p,blockquote,pre,address,
ul,ol,li,dl,dt,dd,
table,th,td,
form,fieldset,legend,img {
	margin:0;
	padding:0;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
	}

/*font-size初期化*/
body {	
	margin:0;
	padding:0;
	color:#333;
	font-size:100%;
	_font-size:100%;/*IE6向け*/
    text-align:center
}

html{
	height:100%;
	}

/*画像----------------------------------------------------------画像*/

/*--border初期化--*/
img,object{
    border:none;
	}

img{
	border:0px;
	vertical-align:top;
	}

/*テキスト--------------------------------------------------テキスト*/

/*
a:hover img{
opacity : 0.5;
filter: alpha(opacity=50);}
*/

ul{
    list-style-type:none;
	}

p{
    line-height:145%;
}

h1,h2,h3,h4,h5,h6{
	margin:0;
	padding:0;
	font-weight:normal;
	font-size:100%;
	_font-size:100%;/*IE6向け*/
	}

table{
	font-size:100%;
	}

/*clearfix--------------------------------------------------clearfix*/

.clearfix:after {
    content:".";
    display:block;
	clear:both;
    height:0;    
    visibility:hidden;
	}

.clearfix {
	display:inline-block;
	}/*IE7用*/

/* Hides from IE-mac \*/
* html .clearfix{height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */

.cle{
	display:block;
	clear:both;	
	}
	
/*content*/

#content_page h2.normal,
#content_page h2.normal02{
width:770px;
margin:0 15px;
background:url(../image_cmn/ti_l_bg.gif) no-repeat 0 0;
color:#90780c;
letter-spacing:1px;
}

#content_page h2.normal{
height:45px;
}

#content_page h2.normal02{
height:30px;
}

#content_page h2.left_area,
#content_page h3.left_area{
padding:0px 15px;
}

#content_page h3.bukken_name{
clear:both;
width:770px;
height:40px;
margin:0 15px 6px 15px;
position:relative;
top:10px;
background:url(../search/image_cmn/ti_bukken_bg.gif) no-repeat 0 -1px;
letter-spacing:1px;
color:#333;
}
#content_page .h3_bottom{
clear:both;
width:770px;
height:20px;
margin:0 15px;
background:url(../search/image_cmn/ti_bukken_bg_bottom.gif) no-repeat 0 -1px;
}

#content_page h3.normal{
padding:12px 0 0 20px;
font-size:100%;
letter-spacing:1px;
}

#content_page p {
padding:5px 0 5px 0;
}

/* base
-------------------------------------------- */
#base{
	width:800px;
	margin:0 auto;
text-align:left;
}

/* siteroute
-------------------------------------------- */
#siteroute ul{
clear:both;
/*width:770px;*/
height:15px;
margin:0 15px;
padding:15px 0 5px 0;
font-size:90%;
}

#siteroute ul li{
display:block;
float:left;
margin:0;
padding:0 0 0 18px;
background:url(../image_cmn/siteroute.gif) no-repeat 0 1px;
}

/* content
-------------------------------------------- */
#content{
width:800px;
margin:0;
}

h2 img.pagetitle{
float:left;
clear:both;
}

h2 span.pagetitle{
display:block;
padding:9px 0 0 0;
font-size:75%;
}

h3 span.pagetitle{
display:block;
float:left;
width:540px;
padding:14px 0 0 15px;
_padding:16px 0 0 15px;
font-size:100%;
}

div.wrapper{
clear:both;
width:800px;
margin:0;
padding:0;
}


/*header*/
	
#header{
	width:1101px;
	margin:3px auto;
	text-align:left;
	}
	
.top_title{
	margin:7px 0;
	padding:5px 0 5px 0;
	font-size:80%;
	line-height: 0;
	}
	
/*menu*/

#menu_box{
	height:79px;
	background:url(/image_cmn/menu_bg.jpg) repeat-x;
	}
	
#menu{
	width:1085px;
	margin:0 auto;
	}
	
#menu li{
	float:left;
	}
	
/*contents*/

#contents{
	width:1100px;
	margin:5px auto 0;
	font-size:90%;
	text-align:left;
	}	
	
/*main*/

.page_title{
	margin:0 0 20px 0;
	}

#main{
	float:left;
	width:850px;
	}

#page_navi{
	padding:0 0 15px 0;
	}

#page_navi li{
	float:left;
	padding:0 20px 0 15px;
	background:url(../image_cmn/li_img_02.gif) no-repeat;
	background-position:0 2px;
	}
	
.con_box01{
	margin:0 0 40px 0;
	padding:0 20px;
	}

.con_box01_l{
	float:left;
	width:200px;
	}
	
.con_box01_r{
	float:right;
	width:600px;
	}
	
.con_box01 h5{
	padding:0 30px;
	color:#FFF;
	font-weight:bold;
	line-height:220%;}
	
.con_box02_l{
	float:left;
	width:180px;
	padding:5px;
	}
	
.con_box02_r{
	float:right;
	width:180px;
	padding:5px;
	}

#btn_box01{
	width:670px;
	margin:0 auto;
	padding:10px;
	border:solid 1px #CCC;
	text-align:center;
	}
	
#recru_tab_06 table{
	width:810px;
	margin:0 0 15px 0;
	border-top:solid 2px #CCC;
	border-right:solid 1px #CCC;
	border-bottom:solid 1px #CCC;
	border-left:solid 2px #CCC;
	}

#recru_tab_06 table td{
	padding:10px 20px;
	border-right:solid 1px #CCC;
	border-bottom:solid 1px #CCC;
	vertical-align:top;
	line-height:150%;
	}
	
#recru_tab_06 table th{
	width:200px;
	padding:10px 15px;
	border-right:solid 1px #CCC;
	border-bottom:solid 1px #CCC;
	background:#E4E4E4;
	text-align:left;
	font-weight:normal;
	vertical-align:top;
	line-height:150%;
	}
	
#recru_tab_07 table{
	width:810px;
	margin:0 0 15px 0;
	border-top:solid 2px #CCC;
	border-right:solid 1px #CCC;
	border-bottom:solid 1px #CCC;
	border-left:solid 2px #CCC;
	}

#recru_tab_07 table td{
	padding:5px;
	border-right:solid 1px #CCC;
	border-bottom:solid 1px #CCC;
	}
	
#recru_tab_07 table th{
	padding:5px 15px;
	border-right:solid 1px #CCC;
	border-bottom:solid 1px #CCC;
	background:#E4E4E4;
	text-align:left;
	}
	
#recru_tab_07 dl{
	margin:5px 0;
	}
	
#recru_tab_07 dt{
	float:left;
	margin:0 5px 0 20px;
	}
	
#recru_tab_07 dd{
	float:left;
	}
	
	
.teb_type01{
	display:block;
	padding:0 0 5px 0;
}

/*side*/

#side{
	float:right;
	width:240px;
	}

#side img{
	margin:0 0 10px;
	}
	
#side p{
	margin:0 0 5px;
	}
/*footer_recomendarea*/

#recomend_area{
	clear: both;
	text-align: left;
	width:1000px;
	background: #f2f2f2;
	margin: 15px auto 15px auto;
	padding: 10px 0 13px 20px;
	height: auto;
	overflow: hidden;
	}
#recomend_area .area_list {
	display:inline;
	float:left;
	width:440px;
	margin:0px 30px 0px 25px;
	padding:0px;
	}
#recomend_area .area_list.listbox2 {
	width:400px;
	margin:0px 25px 0px 0px;
	}
#recomend_area h2 {
	clear:both;
	background:none;
	margin:0px;
	padding:0px 20px;
	font-size:80%;
	font-weight:normal;
	text-align:left;
	line-height:120%;
	}
#recomend_area h3 {
	display:inline;
	float:left;
	clear:left;
	margin:0px;
	padding:1px 7px 0px 0px;
	background:url(../image/top_recomend_line.gif) no-repeat right 3px;
	font-size:80%;
	font-weight:normal;
	text-align:left;
	white-space:nowrap;
	line-height:120%;
	}
#recomend_area ul {
	list-style:none;
	margin:1px 0px;
	padding:0px;
	}
#recomend_area li {
	float:left;
	display:inline;
	margin:0px;
	padding:0px 7px;
	background:url(../image/top_recomend_line.gif) no-repeat right 2px;
	font-size:80%;
	font-weight:normal;
	text-align:left;
	line-height:120%;
	}
#recomend_area br.clear2 {
	clear:both;
	line-height:150%;
	}

/*footer*/


#ads {
	clear:both;
	margin:10px 0 0 0;
	padding:0;
	text-align:center;
	}

#footer_box{
	clear:both;
	padding:0 0 10px 0;
	background:url(../image_cmn/footer_bg.jpg) repeat-x;
	font-size:90%;
	}
	
#top_link{
	width:1100px;
	margin:0 auto;
	text-align:right;
	}
	
#footer{
	font-size:80%;
	text-align:center;
	}
	
#footer ul{
	margin:45px 0 7px 0;
	text-align:center;
	}
	
#footer li{
	display:inline;
	padding:0 0 0 20px;
	background:url(../image_cmn/li_img_01.gif) no-repeat;
	}
	
#footer address{
	margin:20px 0 0 0;
	font-style:normal;
	}
	
/*お問合せフォーム*/

.error_ico{
	padding:0 0 0 20px;
	background:url(/image_cmn/error_ico01.gif) no-repeat;
	background-position:0 40%;
	color:#db0000;
	}
	
.indis{
	display:block;
	width:100%;
	min-height:18px;
	background:url(/image_cmn/hissu.gif) no-repeat;
	background-position:right 50%;
	line-height:150%;
	}
	
.ind_col{
	background:#FFE7EE;
	}
	
/* -------index&useful メニュー下のバナー harvest river-------*/
div.banner_rows{
clear:both;
margin:0 0 10px 0;
padding:5px 16px;
}

div.banner_rows ul li.harvest,
div.banner_rows ul li.river{
float:left;
width:378px;
height:137px;
}

div.banner_rows ul li.harvest{
margin:0 10px 20px 0;
padding:0;
}
div.banner_rows ul li.river{
margin:0 0 20px 0; 
padding:0;
}


div.banner_rows ul li.harvest a,
div.banner_rows ul li.river a,
div.banner_rows ul li.harvest a:hover,
div.banner_rows ul li.river a:hover{
float:left;
width:378px;
height:137px;
text-indent:-9999px;
}

div.banner_rows ul li.harvest{ background: url(../image_cmn/banner_harvest.jpg) no-repeat 0 -137px;}
div.banner_rows ul li.river{ background: url(../image_cmn/banner_river.jpg) no-repeat 0 -137px;}

div.banner_rows ul li.harvest a{ background: url(../image_cmn/banner_harvest.jpg) no-repeat 0 -137px;}
div.banner_rows ul li.river a{ background: url(../image_cmn/banner_river.jpg) no-repeat 0 -137px;}

div.banner_rows ul li.harvest a:hover{ background: url(../image_cmn/banner_harvest.jpg) no-repeat 0 0;}
div.banner_rows ul li.river a:hover{ background: url(../image_cmn/banner_river.jpg) no-repeat 0 0;}


	
	
/*全体*/

.font01{
	color:#db0000;
	font-weight:bold;
	}
	
.font02{
	color:#db0000;
	font-weight:normal;
	}
	
.font03{
	clear:both;
	margin:0 0 25px 0;
	}
	
.font04{
	text-align:center;
	margin:0 0 14px 0;
	}
	
.font05{
	color:#CC0000;
	font-weight:bold;
	}
	
.font06{
	font-weight:bold;
	}
	
.font07{
	margin:0 0 15px 0;
	padding:0 0 0 8px;
	}
	
.font08{
	padding:0 0 15px 8px;
	}
	
.font09{
	display:inline;
	float:left;
	margin:0 7px 10px 10px;
	padding:3px 15px;
	background-color:#2aa7c7;
	color:#FFF;
	font-weight:bold;
	line-height:120%;
	}
	
.font10{
	clear:both;
	padding:0 0 15px 10px;
	}
	
.font11{
	font-weight:normal !important;
	font-size:12px !important;
	}

.font12{
	color:#C00;
	font-size:140%;
	font-weight:bold;
	}

.font13{
	padding:10px 0;
	}
	
.font14{
	margin:5px 0 0 0;
	color:#060;
	font-weight:bold;
	}