@charset "utf-8";
* {
	margin: 0;
	padding: 0;
}

html,body {
	height: 100%;
}

div,p,ul,li,h1,h2 {
	margin: 0;
	padding: 0;
}

#contents{
	width:100%;
	margin:0 auto;
	overflow:hidden;
	height: auto;
}

#contents .full-width{
	font-size: 16px;
	line-height: 24px;
}

#content {
	font-size: 16px;
	line-height: 24px;
}

#content h1 {
	font-size: 160%;
}

#content h2 {
	font-size: 140%;
}

#content h3 {
	font-size: 120%;
}

#backcolor {
	width: 100%;
	height: auto;
	background-color: #fafbfb;
}


#viewer {
    margin: 0 auto;
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
}
 
#viewer img {
    top: 0;
    left: 0;
    position: absolute;
}


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


.clearfix20 {
    display: block;
    clear: both;
    height: 20px;
    line-height: 20px;
    visibility: hidden;
    content: ".";
}

.clearfix30 {
    display: block;
    clear: both;
    height: 30px;
    line-height: 20px;
    visibility: hidden;
    content: ".";
}


/* フォント サイズ
----------------------------------------------- */
h1,h2,h3,h4,h5 {
	font-size: 120%;
	line-height: 150%;
}

img{
	max-width: 100%;
	border:none;

}


a:img {

	border:0;

}

#reef {
	margin-left: 15px;
	font-size: 16px;
	width: 100%;
	height: auto;
	overflow: hidden;
}

#reef span {
	width: 12%;
	text-align: center;
	margin-right: 7%;
	height: auto;
	overflow: hidden;
}

#cara{
	float: left;
	height:142px;
	width:92px:
	text-align: center;
	font-size:11px;
	margin: 3px 6px 8px 5px;
	overflow: hidden;
}

#caraimg {
	width: 92px;
	height: 92px;
}



.wp-pagenavi a, .wp-pagenavi span.pages {
	text-decoration: none;
	border: 1px solid #BFBFBF;
	padding: 3px 5px;
	margin: 3px;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-color: #000;
}

.wp-pagenavi span.current {
	text-decoration: none;
	border: 1px solid #666666;
	padding: 3px 5px;
	margin: 3px;
	font-weight: bold;
}

.wp-pagenavi a .page {
	margin-left: 12px;
}

.wp-pagenavi a {
	margin-right: 6px;
	margin-left: 6px;
}

.pagination {
clear:both;
padding:20px 0;
position:relative;
font-size:11px;
line-height:13px;
}

.pagination span, .pagination a {
display:block;
float:left;
margin: 2px 2px 2px 0;
padding:6px 9px 5px 9px;
text-decoration:none;
width:auto;
color:#fff;
background: #555;
}

.pagination a:hover{
color:#fff;
background: #3279BB;
}

.pagination .current{
padding:6px 9px 5px 9px;
background: #3279BB;
color:#fff;
}




#biz-annai {
	margin-top: 0;
	padding: 0;
	width: 628px;
	height: 38px;
	border; none;
}

#biz-box1 {
	margin: 0;
	padding: 1px;
	width: 632px;
	height: 30px;
	border: 1px solid #888888;
}

#biz-box1blue {
	margin: 0;
	padding: 1px;
	width: 128px;
	height: 29px;
	background-color: #DEE2EF;
	border; none;
	float: left;
}

#biz-box1blue .text {
	width: 114px;
	height: 16px;
	line-height: 16px;
	overflow: hidden;
	padding-top: 6px;
	padding-left: 6px;
	font-size: 13px;
	font-weight: 700;
	color: #004ea2;
	float: left;
}

#biz-box1orang {
	margin: 0;
	padding: 1px;
	width: 128px;
	height: 29px;
	background-color: #feebbe;
	border; none;
	float: left;
}

#biz-box1orang .text {
	width: 114px;
	height: 16px;
	line-height: 16px;
	overflow: hidden;
	padding-top: 6px;
	padding-left: 6px;
	font-size: 13px;
	font-weight: 700;
	color: #ed6c00;
	float: left;
}

#biz-box1gray {
	margin: 0;
	padding: 1px;
	width: 500px;
	height: 29px;
	background-color: #fafbfb;
	border; none;
	float: left;
}

#biz-box1gray .text {
	width: 486px;
	height: 20px;
	line-height: 23px;
	overflow: hidden;
	padding-top: 3px;
	padding-left: 6px;
	font-size: 13px;
	color: #333333;
	float: left;
}

#biz-box2 {
	margin: 0;
	padding: 1px;
	width: 632px;
	height: 60px;
	border: 1px solid #888888;
}

#biz-box2blue {
	margin: 0;
	padding: 1px;
	width: 128px;
	height: 58px;
	background-color: #DEE2EF;
	border; none;
	float: left;
}

#biz-box2blue .text {
	width: 114px;
	height: 46px;
	line-height: 23px;
	overflow: hidden;
	padding-top: 6px;
	padding-left: 6px;
	font-size: 13px;
	font-weight: 700;
	color: #004ea2;
	float: left;
}

#biz-box2orang {
	margin: 0;
	padding: 1px;
	width: 128px;
	height: 58px;
	background-color: #F3E2A9;
	border; none;
	float: left;
}

#biz-box2orang .text {
	width: 114px;
	height: 46px;
	line-height: 23px;
	overflow: hidden;
	padding-top: 6px;
	padding-left: 6px;
	font-size: 14px;
	color: #333333;
	float: left;
}

#biz-box2gray {
	margin: 0;
	padding: 1px;
	width: 500px;
	height: 58px;
	background-color: #fafbfb;
	border; none;
	float: left;
}

#biz-box2gray .text {
	width: 486px;
	height: 46px;
	line-height: 23px;
	overflow: hidden;
	padding-top: 6px;
	padding-left: 6px;
	font-size: 13px;
	color: #333333;
	float: left;
}

#biz-box3 {
	margin: 0;
	padding: 1px;
	width: 632px;
	height: 90px;
	border: 1px solid #888888;
}

#biz-box3blue {
	margin: 0;
	padding: 1px;
	width: 128px;
	height: 88px;
	background-color: #DEE2EF;
	border; none;
	float: left;
}

#biz-box3blue .text {
	width: 114px;
	height: 76px;
	line-height: 25px;
	overflow: hidden;
	padding-top: 6px;
	padding-left: 6px;
	font-size: 13px;
	font-weight: 700;
	color: #004ea2;
	float: left;
}

#biz-box3orang {
	margin: 0;
	padding: 1px;
	width: 128px;
	height: 88px;
	background-color: #feebbe;
	border; none;
	float: left;
}

#biz-box3orang .text {
	width: 114px;
	height: 76px;
	line-height: 25px;
	overflow: hidden;
	padding-top: 6px;
	padding-left: 6px;
	font-size: 13px;
	font-weight: 700;
	color: #ed6c00;
	float: left;
}

#biz-box3gray {
	margin: 0;
	padding: 1px;
	width: 500px;
	height: 88px;
	background-color: #fafbfb;
	border; none;
	float: left;
}

#biz-box3gray .text {
	width: 486px;
	height: 76px;
	line-height: 25px;
	overflow: hidden;
	padding-top: 6px;
	padding-left: 6px;
	font-size: 13px;
	color: #333333;
	float: left;
}

#biz-box4 {
	margin: 0;
	padding: 1px;
	width: 632px;
	height: 120px;
	border: 1px solid #888888;
}

#biz-box4blue {
	margin: 0;
	padding: 1px;
	width: 128px;
	height: 118px;
	background-color: #DEE2EF;
	border; none;
	float: left;
}

#biz-box4blue .text {
	width: 114px;
	height: 106px;
	line-height: 26px;
	overflow: hidden;
	padding-top: 6px;
	padding-left: 6px;
	font-size: 13px;
	font-weight: 700;
	color: #004ea2;
	float: left;
}

#biz-box4orang {
	margin: 0;
	padding: 1px;
	width: 128px;
	height: 118px;
	background-color: #feebbe;
	border; none;
	float: left;
}

#biz-box4orang .text {
	width: 114px;
	height: 106px;
	line-height: 26px;
	overflow: hidden;
	padding-top: 6px;
	padding-left: 6px;
	font-size: 13px;
	font-weight: 700;
	color: #ed6c00;
	float: left;
}

#biz-box4gray {
	margin: 0;
	padding: 1px;
	width: 500px;
	height: 118px;
	background-color: #fafbfb;
	border; none;
	float: left;
}

#biz-box4gray .text {
	width: 486px;
	height: 106px;
	line-height: 26px;
	overflow: hidden;
	padding-top: 6px;
	padding-left: 6px;
	font-size: 13px;
	color: #333333;
	float: left;
}

#biz-box5 {
	margin: 0;
	padding: 1px;
	width: 632px;
	height: 150px;
	border: 1px solid #888888;
}

#biz-box5blue {
	margin: 0;
	padding: 1px;
	width: 128px;
	height: 148px;
	background-color: #DEE2EF;
	border; none;
	float: left;
}

#biz-box5blue .text {
	width: 114px;
	height: 135px;
	line-height: 27px;
	overflow: hidden;
	padding-top: 6px;
	padding-left: 6px;
	font-size: 14px;
	color: #333333;
	float: left;
}

#biz-box5orang {
	margin: 0;
	padding: 1px;
	width: 128px;
	height: 148px;
	background-color: #F3E2A9;
	border; none;
	float: left;
}

#biz-box5orang .text {
	width: 114px;
	height: 135px;
	line-height: 27px;
	overflow: hidden;
	padding-top: 6px;
	padding-left: 6px;
	font-size: 14px;
	color: #333333;
	float: left;
}

#biz-box5gray {
	margin: 0;
	padding: 1px;
	width: 500px;
	height: 148px;
	background-color: #fafbfb;
	border; none;
	float: left;
}

#biz-box5gray .text {
	width: 486px;
	height: 135px;
	line-height: 27px;
	overflow: hidden;
	padding-top: 6px;
	padding-left: 6px;
	font-size: 14px;
	color: #333333;
	float: left;
}

#biz-box6 {
	margin: 0;
	padding: 1px;
	width: 632px;
	height: 180px;
	border: 1px solid #888888;
}

#biz-box6blue {
	margin: 0;
	padding: 1px;
	width: 128px;
	height: 178px;
	background-color: #DEE2EF;
	border; none;
	float: left;
}

#biz-box6blue .text {
	width: 114px;
	height: 166px;
	line-height: 27px;
	overflow: hidden;
	overflow: hidden;
	padding-top: 6px;
	padding-left: 6px;
	font-size: 14px;
	color: #333333;
	float: left;
}

#biz-box6orang {
	margin: 0;
	padding: 1px;
	width: 128px;
	height: 178px;
	background-color: #F3E2A9;
	border; none;
	float: left;
}

#biz-box6orang .text {
	width: 114px;
	height: 166px;
	line-height: 27px;
	overflow: hidden;
	overflow: hidden;
	padding-top: 6px;
	padding-left: 6px;
	font-size: 14px;
	color: #333333;
	float: left;
}

#biz-box6gray {
	margin: 0;
	padding: 1px;
	width: 500px;
	height: 178px;
	background-color: #fafbfb;
	border; none;
	float: left;
}

#biz-box6gray .text {
	width: 486px;
	height: 166px;
	line-height: 27px;
	overflow: hidden;
	overflow: hidden;
	padding-top: 6px;
	padding-left: 6px;
	font-size: 14px;
	color: #333333;
	float: left;
}

#biz-box10 {
	margin: 0;
	padding: 1px;
	width: 632px;
	height: 300px;
	border: 1px solid #888888;
}

#biz-box10blue {
	margin: 0;
	padding: 1px;
	width: 128px;
	height: 298px;
	background-color: #DEE2EF;
	border; none;
	float: left;
}

#biz-box10blue .text {
	width: 114px;
	height: 286px;
	line-height: 27px;
	overflow: hidden;
	overflow: hidden;
	padding-top: 6px;
	padding-left: 6px;
	font-size: 14px;
	color: #333333;
	float: left;
}

#biz-box10orang {
	margin: 0;
	padding: 1px;
	width: 128px;
	height: 298px;
	background-color: #F3E2A9;
	border; none;
	float: left;
}

#biz-box10orang .text {
	width: 114px;
	height: 286px;
	line-height: 27px;
	overflow: hidden;
	overflow: hidden;
	padding-top: 6px;
	padding-left: 6px;
	font-size: 14px;
	color: #333333;
	float: left;
}

#biz-box10gray {
	margin: 0;
	padding: 1px;
	width: 500px;
	height: 298px;
	background-color: #fafbfb;
	border; none;
	float: left;
}

#biz-box10gray .text {
	width: 486px;
	height: 286px;
	line-height: 27px;
	overflow: hidden;
	overflow: hidden;
	padding-top: 6px;
	padding-left: 6px;
	font-size: 14px;
	color: #333333;
	float: left;
}

#biz-box12 {
	margin: 0;
	padding: 1px;
	width: 632px;
	height: 360px;
	border: 1px solid #888888;
}

#biz-box12blue {
	margin: 0;
	padding: 1px;
	width: 128px;
	height: 358px;
	background-color: #DEE2EF;
	border; none;
	float: left;
}

#biz-box12blue .text {
	width: 114px;
	height: 346px;
	line-height: 27px;
	overflow: hidden;
	overflow: hidden;
	padding-top: 6px;
	padding-left: 6px;
	font-size: 14px;
	color: #333333;
	float: left;
}

#biz-box12orang {
	margin: 0;
	padding: 1px;
	width: 128px;
	height: 358px;
	background-color: #F3E2A9;
	border; none;
	float: left;
}

#biz-box12orang .text {
	width: 114px;
	height: 346px;
	line-height: 27px;
	overflow: hidden;
	overflow: hidden;
	padding-top: 6px;
	padding-left: 6px;
	font-size: 14px;
	color: #333333;
	float: left;
}

#biz-box12gray {
	margin: 0;
	padding: 1px;
	width: 500px;
	height: 358px;
	background-color: #fafbfb;
	border; none;
	float: left;
}

#biz-box12gray .text {
	width: 486px;
	height: 346px;
	line-height: 27px;
	overflow: hidden;
	overflow: hidden;
	padding-top: 6px;
	padding-left: 6px;
	font-size: 14px;
	color: #333333;
	float: left;
}


/* **************************************************** */
/*  直送一番 商品一覧  */
/* **************************************************** */
#chok_main {
	width: 100%;
	max-width: 100%;
	height: 100%;
	margin: 0 auto;
	background-color: #fff9f3;
}

#chok_main #bgc {	/* height が下まで行かないので */
	width: 100%;
	height: 100%;
	background-color: #fff9f3;
}

#chok_main #pagenavi {
	width: 100%;
	height: 30px;
	padding-top: 30px;
}

#chok_main #pagenavi .text-L {
	width: 50%;
	float: left;
	font-size: 20px;
	line-height: 22px;
	font-weight: 900;
	color: #f0832b;
	margin-left: 10px;
}

#chok_main #pagenavi .text-R {
	width: 45%;
	float: right;
	font-size: 17px;
	line-height: 22px;
	font-weight: 400;
}

#chok_main #pagenavi .text-R .text {
	float: right;
	margin-right: 10px;
}

#chok_main #main {
	max-width: 440px;
	min-width: 300px;
	margin: 20px 10px 0 20px;
	height: auto;
	float: left;
	background-color: #fff9f3;
}

#chok_main #main .title {
	max-width: 440px;
	min-width: 300px;
	width: 100%;
	background-color: #f0832b;
	height: 30px;
}

#chok_main #main .title .text-L {
	line-height: 28px;
	margin-left: 10px;
	font-size: 16px;
	font-weight: 800;
	color: #fff;
	float: left;
}

#chok_main #main .title .text-R {
	line-height: 28px;
	margin-right: 10px;
	font-size: 10px;
	font-weight: 400;
	color: #fff;
	float: right;
}

#chok_main #main .title .text-R .text {
	text-align: right;
	margin-right: 10px;
}

#chok_main #main .content {
	width: 100%;
	height: auto;
}

#chok_main #main .content .image {
	max-width: 200px;
	max-height: 200px;
	margin: 10px 10px 10px 0;
	float: left;
}

#chok_main #main .content .cont-R {
	max-width: 230px;
	max-height: 200px;
	margin: 10px 0 10px 0;
	float: left;
	position: relative;
}

#chok_main #main .content .cont-R .Tbutton {
	width: 100%;
	height: 28px;
	margin: 0;
}

#chok_main #main .content .cont-R .Tbutton .image {
	width: 70px;
	height: 28px;
	margin: 0 2px;
	float: right;
}

#chok_main #main .content .cont-R .text {
	width: 100%;
	height: 172px;
	line-height: 18px;
	font-size: 13px;
	margin-top: 10px;
}

#chok_main #main .content .cont-R .Bbutton {
	width: 100px;
	height: 28px;
	position: absolute; bottom: 0px; right: 0px;
}

#chok_main #main .line-orange {
	width: 100%;
	height: 2px;
	border-bottom: 1px solid #f0832b;
}

#chok_main #main .line-dotted {
	width: 100%;
	height: 20px;
	border-bottom: 1px dotted #999;
}

#chok_main #shohin {
	width: 100%;
	max-width: 440px;
	height: 110px;
	margin: 0;
}

#chok_main #shohin .pickup {
	width: 65px;
	height: 90px;
	margin-top: 10px;
	float: left;
	color: #f0832b;
	font-weight:700;
}

#chok_main #shohin .image {
	width: 90px;
	height: 90px;
	margin-top: 10px;
	margin-right: 10px;
	float: left;
	overflow:hidden;
}

#chok_main #shohin .text {
	width: 275px;
	height: 90px;
	line-height: 18px;
	font-size: 12px;
	margin-top: 10px;
	float: left;
	overflow:hidden;
}


/* **************************************************** */
/* レスポンシブを考える 求人詳細 */
/* **************************************************** */
#jmain {
	width: 100%;
	max-width: 950px;
	height: auto;
	margin: 0 auto;
	background-color: #f5fafa;
	margin-top: 30px;
}

#jobmain {
	width: 100%;
	max-width:620px;
	height: auto;
	margin: 0 auto;
}

#headtitle {
	width: 100%;
	max-width: 620px;
	height: 40px;
	background-color: #008950;
}

#headtitle .text-L {
	font-size: 22px;
	font-weight: 900;
	line-height: 38px;
	float: left;
	margin-left: 10px;
	color: #fff;
}

#headtitle .text-R {
	font-size: 13px;
	font-weight: 500;
	line-height: 38px;
	float: right;
	margin-right: 10px;
	color: #fff;
}

#headbutton {
	width: 100%;
	height: 28px;
	margin-top: 5px;
	margin-bottom: 20px;
}

#headbutton .button {
	width: 70px;
	height: 28px;
	float: right;
	margin-left: 2px;
}

#jobmain #jobshosai {
	width: 100%;
	max-width: 620px;
	height: auto;
	margin-top: 30px;
}

#jobmain #jobshosai .naiyo {
	width: 100%;
	max-width: 616px;
	height: auto;
	padding: 2px;
	border-top: solid 1px #999999;
	border-left: solid 1px #999999;
	border-right: solid 1px #999999;
	border-bottom: solid 1px #999999;
	background-color: #ffffff;
}

#jobmain #jobshosai .naiyo .maintitle {
	width: 100%;
	max-width: 612px;
	height: 26px;
	line-height: 26px;
	padding: 1px 1px 1px 5px;
	font-size: 14px;
	font-weight: 700;
	background-color: #f7f7c6;
	color: #008950;
}

#jobmain #jobshosai .naiyo .mainnaiyo {
	width: 100%;
	max-width: 612px;
	display: table;
	table-layout: fixed;
	background-color: #fff;
	padding:1px
}

#jobmain #jobshosai .naiyo .mainnaiyo .image {
	width: 140px;
	display: table-cell;
	padding:5px
}

#jobmain #jobshosai .naiyo .mainnaiyo .text {
	width: 100%;
	display: table-cell;
	vertical-align: top;
	padding-top: 5px;
}

#jobmain #jobshosai .naiyo .mainnaiyo .text .textc {
	width: 100%;
	height: auto;
	max-width: 464px;
	line-height: 24px;
	font-size: 13px;
}

#jobmain #jobshosai .gyou {
	width: 100%;
	max-width: 618px;
	height: auto;
	padding: 1px;
	display: table;
	table-layout: fixed;
	background-color: #ffffff;
	border-left: solid 1px #999999;
	border-right: solid 1px #999999;
	border-bottom: solid 1px #999999;
}

#jobmain #jobshosai .gyou .title {
	width: 100px;
	height: auto;
	padding-left: 5px;
	background-color: #f7f7c6;
	display: table-cell;
	font-size: 13px;
	line-height: 28px;
	vertical-align: top;
	font-weight: 700;
	color: #008950;
}

#jobmain #jobshosai .gyou .textb {
	width: 100%;
	display: table-cell;
	vertical-align: middle;
}

#jobmain #jobshosai .gyou .textd {
	width: 100%;
	height: auto;
	max-width: 464px;
	line-height: 28px;
	font-size: 13px;
	padding-left: 5px;
	vertical-align: middle;
}

#jobmain .bigbottun {
	width: 100%;
	height: 30px;
	margin-top: 5px;
}

#jobmain .bigbottun .imgbottun {
	width: 120px;
	height: 28px;
	margin-left: 5px;
	float: right;
}

#jobmain hr {
	border-bottom: solid 1px #999999;
	height: 1px;
	margin: 30px 0;
}


.portalblock-right{
	margin:0 0 0 5px;
	float:left;
	width:264px;
}

.cityblock-img{
    position: relative;
    top: 0;
    left: 0;
	border:solid 1px #ccc;
	float:left;
	padding:2px;
	width: 92px;
	height: 92px;
}

#nonimg {
    position: absolute;
    top: 2px;
    left: 2px;
	padding:1px 0 0 1px;
	width: 92px;
	height: 92px;
}

#slider100 {
   width: 100%;
   height: auto;
}

#slider100 img.slideimg {
	width: 100%;
	height: auto;
}

#slider100 img.slidethm {
	width: 100%;
	height: auto;
}

#slider100 #photo {
   width: 100%;
   height: auto;
   position:relative;
   margin-bottom: 10px;
}
#slider100 #photo li {
   position:absolute; top: 0; left: 0;
   list-style-type:none;
}




#hiddenbox {
	visibility:visible;
}

body {
	font-family: Arial,'ＭＳ Ｐゴシック',sans-serif ;
	color: #333333;
	background-color: #ffffff;
	font-size: 100%;
	line-height: 150%;
	height: 100%;
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
	color: #555;
}

a:visited {
	text-decoration:none;
	color: #777;
}

a:hover {
	text-decoration:none;
	color: #a98667;
}

a:active {
	text-decoration:none;
	color: #555;
}

.pageing {
	letter-spacing:5px;
	font-size:12px;
}

#footer {
	display: none;
}

#footer .logobox {
	width: 50px;
	height: 215px;
	margin-right: 40px;
	display: block;
	vertical-align: top;
	float: left;
}

#footer .logobox .logo {
	width: 50px;
	height: 65px;
	margin: 0;
}

#footer .logobox .fblogo {
	width: 24px;
	height: 24px;
	margin-top: 15px;
}

#footer .maintop {
	width: 170px;
	height: 215px;
	margin-right: 35px;
	display: block;
	vertical-align: top;
	float: left;
	border-right: dotted 1px #888;
	line-height: 18px;
	font-size: 10px;
}

#footer .portal {
	width: 170px;
	height: 215px;
	margin: 0;
	margin-right: 35px;
	display: block;
	vertical-align: top;
	float: left;
	border-right: dotted 1px #888;
	line-height: 18px;
	font-size: 10px;
}

#footer .chok1 {
	width: 138px;
	height: 215px;
	margin: 0;
	padding-left: 10px;
	display: block;
	vertical-align: top;
	float: left;
	border-right: dotted 1px #888;
	line-height: 18px;
	font-size: 10px;
}

#footer .match {
	width: 170px;
	height: 215px;
	padding-left: 10px;
	display: block;
	vertical-align: top;
	float: left;
	line-height: 18px;
	font-size: 10px;
}



#biz-box {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	max-width: 950px;
	height: auto;
	background-color: #f5fbfb;
	color: #000;
}

#biz-box #biz-box-list {
	margin: 0;
	padding: 20px;
	width: 100%;
	max-width: 950px;
	height: auto;
}

#biz-box #biz-box-list .main-img {
	margin: 0;
	padding: 0;
	width: 46.3%;
	height: auto;
	float: left;
}

#biz-box #biz-box-list .content {
	margin-left: 20px;
	padding: 0;
	width: 47.3%;
	height: auto;
	float: left;
	background: url("//tre-navi.jp/img/bkimg_matching.png") no-repeat;
	position:relative;
}

#biz-box #biz-box-list .content .title {
	margin: 0 10px;
	padding: 0;
	width: 95.5%;
	height: 30px;
	float: right;
}

#biz-box #biz-box-list .content .title .name1 {
	margin-left: 5px;
	padding: 0;
	width: 48.8%;
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	color: #fff;
	float: left;
	font-weight: 800;
}

#biz-box #biz-box-list .content .title .pref {
	margin: 0;
	padding: 0;
	width: 48.8%;
	height: 30px;
	line-height: 30px;
	font-size: 10px;
	color: #fff;
	float: right;
	text-align: right;
}

#biz-box #biz-box-list .content .btn {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 38px;
	float: right;
}

#biz-box #biz-box-list .content .btn .btnL {
	margin-left: 0.6%;
	margin-top: 5px;
	padding: 0;
	width: 15.5%;
	height: 20px;
	line-height: 30px;
	float: right;
}

#biz-box #biz-box-list .content .btn .btnS {
	margin-left: 0.6%;
	margin-top: 5px;
	padding: 0;
	width: 15.1%;
	height: 28px;
	float: right;
}

#biz-box #biz-box-list .content .bar {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 2px;
}

#biz-box #biz-box-list .content .pr {
	margin: 0;
	padding-top: 5px;
	width: 100%;
	height: 125px;
	font-size: 15px;
	line-height: 21px;
	overflow:hidden;
}

#biz-box #biz-box-list .content .shou {
	width: 70px;
	height: 20px;
	position:absolute; bottom:0px; right:0px;
}

#biz-box #biz-box-list .content_an {
	margin-left: 20px;
	padding: 0;
	width: 47.3%;
	height: 200px;
	float: left;
	background: url("//tre-navi.jp/img/bkimg_anken.png") no-repeat;
	position:relative;
}

#biz-box #biz-box-list .content_an .title {
	margin: 0 10px;
	padding: 0;
	width: 95.5%;
	height: 30px;
	float: right;
}

#biz-box #biz-box-list .content_an .title .name1 {
	margin-left: 5px;
	padding: 0;
	width: 48.8%;
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	color: #fff;
	float: left;
	font-weight: 800;
}

#biz-box #biz-box-list .content_an .title .pref {
	margin: 0;
	padding: 0;
	width: 44.4%;
	height: 30px;
	line-height: 30px;
	font-size: 10px;
	color: #fff;
	float: right;
	text-align: right;
}

#biz-box #biz-box-list .content_an .btn {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 38px;
	float: right;
}

#biz-box #biz-box-list .content_an .btn .btnL {
	margin-left: 0.6%;
	margin-top: 5px;
	padding: 0;
	width: 15.5%;
	height: 20px;
	line-height: 30px;
	float: right;
}

#biz-box #biz-box-list .content_an .btn .btnS {
	margin-left: 0.6%;
	margin-top: 5px;
	padding: 0;
	width: 15.1%;
	height: 28px;
	float: right;
}

#biz-box #biz-box-list .content_an .bar {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 2px;
}

#biz-box #biz-box-list .content_an .pr {
	margin: 0;
	padding-top: 5px;
	width: 100%;
	height: 125px;
	font-size: 15px;
	line-height: 21px;
	overflow:hidden;
}

#biz-box #biz-box-list .content_an .shou {
	width: 100px;
	height: 28px;
	position:absolute; bottom:0px; right:0px;
}

#biz-box .cate {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 65px;
	line-height: 20px;
}

#biz-box .cate .txl {
	padding:40px 0 0 20px;
	font-weight: 900;
	font-size: 18px;
	color:#004ea2;
	float: left;
}

#biz-box .cate .txr {
	padding-top: 40px;
	padding-right: 30px;
	font-size: 18px;
	float: right;
}

#page {
	width: 950px;
	margin: 0 auto;
	padding: 0;
}

#head {
	display: none;
}

#head .logo {
	width: 237px;
	height: 67px;
	margin: 5px 5px 5px 15px;
	float: left;
}

#head .btn {
	width: 402px;
	height: 100px;
	margin-left: 15px;
	padding: 0;
	float: left;
}

#head .btn .Tbtn {
	width: 33%;
	height: auto;
	margin: 0;
	padding: 0;
	float: left;
}

#head .fblink {
	width: 28%;
	height: auto;
	padding: 0;
	float: right;
}


#slider {
	width: 100%;
   max-width:910px;
   height: auto;
}

#slider img.slideimg {
	width: 76%;
	height: auto;
}

#slider img.slidethm {
	width: 100%;
	height: auto;
}

#photo {
   width:100%;
   height:auto;
   float:left;
   position:relative;
   margin: 0;
   padding: 0;
}
#photo li {
	width: 100%;
   position:absolute;
   list-style-type:none;
   margin: 0;
   padding: 0;
}

#thum {
   width:24%;
	height: auto;
   margin-top: 6px;
   padding: 0;
   float:right;
}
#thum li {
   cursor:pointer;
   list-style-type:none;
   width:100%;
	height: auto;
   margin-top: -6px;
   padding: 0;
}



#maintop {
	width: 96%;
	max-width: 910px;
	height: auto;
	margin: 0 auto;
	background-color: #f0ece7;
}

#maintop950 {
	width: 950px;
	height: 100%;
	margin: 0 auto;
	background-color: #fff9f3;
}

#maintop950 .title300 {
	width: 300px;
	height: 40px;
	margin: 0 auto;
	margin-bottom: 10px;
	line-height: 40px;
	font-size: 28px;
	text-align: center;
	color: #fff;
	background-color: #ff9900;
}

#maintop .mainimg {
	width: 600px;
	height: 300px;
	margin: 40px 0 40px 20px;
	float: left;
	overflow: hidden;
	background-image: url("/img/premium_600.png");
}

#maintop .newsbox {
	width: 290px;
	height: 300px;
	margin: 40px 20px 40px 0;
	float: right;
	background-color: #ffffff;
}

#maintop .newsbox .frame {
	width: 290px;
	height: 262px;
	margin: 0;
	padding: 0;
	overflow: auto;
	-webkit-overflow-scrolling:touch;
	display: inline-block;
	border-style: 1px #888 solid;;
}

#maintop .newsbox iframe {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	display: block;
	border: none;
}

#portal {
	width: 96%;
	max-width: 910px;
	height: 230px;
	overflow: hidden;
}

#ban {
	width: 96%;
	max-width: 910px;
	height: 230px;
	overflow: hidden;
}

#match {
	width: 910px;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
}

.picup {
	width: 910px;
	height: 40px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background-image: url("/img/bar_top_tretate.png");
	background-repeat: no-repeat;
}

.titleimg {
	width: 910px;
	height: 30px;
	margin: 15px 0 5px 0;
}

.titleimg img.titimg {
	width: 910px;
	overflow: hidden;
}

.titleimg .potal {
	width: 910px;
	height: 30px;
	overflow: hidden;
}

.titleimg .choku {
	width: 910px;
	height: 30px;
	overflow: hidden;
}

.titleimg .match {
	width: 910px;
	height: 30px;
	overflow: hidden;
}

#portal .trecontL {
	width: 23.6%;
	height: 226px;
	margin: 0;
	float: left;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	border-bottom: solid 1px #999;
	border-left: solid 1px #999;
	overflow: hidden;
}

#portal .trecontL .image {
	width: 92%;
	height: 150px;
	margin: 4%;
	padding: 0;
	overflow: hidden;
}

#portal .trecontL .content {
	width: 92%;
	height: 52px;
	margin-left: 4%;
	overflow: hidden;
}

#portal .trecontL .content .pref {
	width: 75%;
	height: 14px;
	margin: 0;
	line-height: 12px;
	font-size: 10px;
	float: left;
	overflow: hidden;
}

#portal .trecontL .content .pref span {
	padding: 0 5px;
	color: #fff;
	background-color: #d70c22;
}

#portal .trecontL .content .date {
	width: 25%;
	height: 14px;
	margin: 0;
	line-height: 12px;
	font-size: 10px;
	float: right;
	overflow: hidden;
}

#portal .trecontL .content .text {
	width: 100%;
	height: 38px;
	margin: 0;
	line-height: 18px;
	font-size: 13px;
	font-weight: 700;
	float: right;
	overflow: hidden;
}

#portal .trecontR {
	width: 23.6%;
	height: 226px;
	margin-left: 8px;
	float: left;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	border-bottom: solid 1px #999;
	border-left: solid 1px #999;
	overflow: hidden;
}

#portal .trecontR .image {
	width: 92%;
	height: 150px;
	margin: 4%;
	padding: 0;
	overflow: hidden;
}

#portal .trecontR .content {
	width: 92%;
	height: 52px;
	margin: 0;
	margin-left: 4%;
	overflow: hidden;
}

#portal .trecontR .content .pref {
	width: 75%;
	height: 14px;
	margin: 0;
	line-height: 12px;
	font-size: 10px;
	float: left;
	overflow: hidden;
}

#portal .trecontR .content .pref span {
	padding: 0 5px;
	color: #fff;
	background-color: #d70c22;
}

#portal .trecontR .content .date {
	width: 25%;
	height: 14px;
	margin: 0;
	line-height: 12px;
	font-size: 10px;
	float: right;
	overflow: hidden;
}

#portal .trecontR .content .text {
	width: 100%;
	height: 38px;
	margin: 0;
	line-height: 18px;
	font-size: 13px;
	font-weight: 700;
	float: right;
	overflow: hidden;
}

#portal .trecontR0 {
	width: 23.6%;
	height: 226px;
	margin-left: 8px;
	float: left;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	border-bottom: solid 1px #999;
	border-left: solid 1px #999;
	overflow: hidden;
}

#portal .trecontR0 .image {
	width: 92%;
	height: 150px;
	margin: 4%;
	padding: 0;
	overflow: hidden;
}

#portal .trecontR0 .content {
	width: 92%;
	height: 52px;
	margin: 0;
	margin-left: 10px;
	overflow: hidden;
}

#portal .trecontR0 .content .pref {
	width: 75%;
	height: 14px;
	margin: 0;
	line-height: 12px;
	font-size: 10px;
	float: left;
	overflow: hidden;
}

#portal .trecontR0 .content .pref span {
	padding: 0 5px;
	color: #fff;
	background-color: #d70c22;
}

#portal .trecontR0 .content .date {
	width: 25%;
	height: 14px;
	margin: 0;
	line-height: 12px;
	font-size: 10px;
	float: right;
	overflow: hidden;
}

#portal .trecontR0 .content .text {
	width: 100%;
	height: 38px;
	margin: 0;
	line-height: 18px;
	font-size: 13px;
	font-weight: 700;
	float: right;
	overflow: hidden;
}



#ban .trecontL {
	width: 23.6%;
	height: 226px;
	margin: 0;
	float: left;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	border-bottom: solid 1px #999;
	border-left: solid 1px #999;
	overflow: hidden;
}

#ban .trecontL .image {
	width: 92%;
	height: 150px;
	margin: 4%;
	padding: 0;
	overflow: hidden;
}

#ban .trecontL .content {
	width: 92%;
	height: 52px;
	margin-left: 4%;
	overflow: hidden;
}

#ban .trecontL .content .pref {
	width: 75%;
	height: 14px;
	margin: 0;
	line-height: 12px;
	font-size: 10px;
	float: left;
	overflow: hidden;
}

#ban .trecontL .content .pref span {
	padding: 0 5px;
	color: #fff;
	background-color: #d70c22;
}

#ban .trecontL .content .date {
	width: 25%;
	height: 14px;
	margin: 0;
	line-height: 12px;
	font-size: 10px;
	float: right;
	overflow: hidden;
}

#ban .trecontL .content .text {
	width: 100%;
	height: 38px;
	margin: 0;
	line-height: 18px;
	font-size: 13px;
	font-weight: 700;
	float: right;
	overflow: hidden;
}

#ban .trecontR {
	width: 23.6%;
	height: 226px;
	margin-left: 8px;
	float: left;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	border-bottom: solid 1px #999;
	border-left: solid 1px #999;
	overflow: hidden;
}

#ban .trecontR .image {
	width: 92%;
	height: 150px;
	margin: 4%;
	padding: 0;
	overflow: hidden;
}

#ban .trecontR .content {
	width: 92%;
	height: 52px;
	margin: 0;
	margin-left: 4%;
	overflow: hidden;
}

#ban .trecontR .content .pref {
	width: 75%;
	height: 14px;
	margin: 0;
	line-height: 12px;
	font-size: 10px;
	float: left;
	overflow: hidden;
}

#ban .trecontR .content .pref span {
	padding: 0 5px;
	color: #fff;
	background-color: #d70c22;
}

#ban .trecontR .content .date {
	width: 25%;
	height: 14px;
	margin: 0;
	line-height: 12px;
	font-size: 10px;
	float: right;
	overflow: hidden;
}

#ban .trecontR .content .text {
	width: 100%;
	height: 38px;
	margin: 0;
	line-height: 18px;
	font-size: 13px;
	font-weight: 700;
	float: right;
	overflow: hidden;
}

#ban .trecontR0 {
	width: 23.6%;
	height: 226px;
	margin-left: 8px;
	float: left;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	border-bottom: solid 1px #999;
	border-left: solid 1px #999;
	overflow: hidden;
}

#ban .trecontR0 .image {
	width: 92%;
	height: 150px;
	margin: 4%;
	padding: 0;
	overflow: hidden;
}

#ban .trecontR0 .content {
	width: 92%;
	height: 52px;
	margin: 0;
	margin-left: 10px;
	overflow: hidden;
}

#ban .trecontR0 .content .pref {
	width: 75%;
	height: 14px;
	margin: 0;
	line-height: 12px;
	font-size: 10px;
	float: left;
	overflow: hidden;
}

#ban .trecontR0 .content .pref span {
	padding: 0 5px;
	color: #fff;
	background-color: #d70c22;
}

#ban .trecontR0 .content .date {
	width: 25%;
	height: 14px;
	margin: 0;
	line-height: 12px;
	font-size: 10px;
	float: right;
	overflow: hidden;
}

#ban .trecontR0 .content .text {
	width: 100%;
	height: 38px;
	margin: 0;
	line-height: 18px;
	font-size: 13px;
	font-weight: 700;
	float: right;
	overflow: hidden;
}


#match .trecontL {
	width: 23.6%;
	height: 226px;
	margin: 0;
	float: left;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	border-bottom: solid 1px #999;
	border-left: solid 1px #999;
	overflow: hidden;
}

#match .trecontL .image {
	width: 92%;
	height: 150px;
	margin: 4%;
	padding: 0;
	overflow: hidden;
}

#match .trecontL .content {
	width: 92%;
	height: 52px;
	margin-left: 4%;
	overflow: hidden;
}

#match .trecontL .content .pref {
	width: 75%;
	height: 14px;
	margin: 0;
	line-height: 12px;
	font-size: 10px;
	float: left;
	overflow: hidden;
}

#match .trecontL .content .pref span {
	padding: 0 5px;
	color: #fff;
	background-color: #d70c22;
}

#match .trecontL .content .date {
	width: 25%;
	height: 14px;
	margin: 0;
	line-height: 12px;
	font-size: 10px;
	float: right;
	overflow: hidden;
}

#match .trecontL .content .text {
	width: 100%;
	height: 38px;
	margin: 0;
	line-height: 18px;
	font-size: 13px;
	font-weight: 700;
	float: right;
	overflow: hidden;
}

#match .trecontR {
	width: 23.6%;
	height: 226px;
	margin-left: 8px;
	float: left;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	border-bottom: solid 1px #999;
	border-left: solid 1px #999;
	overflow: hidden;
}

#match .trecontR .image {
	width: 92%;
	height: 150px;
	margin: 4%;
	padding: 0;
	overflow: hidden;
}

#match .trecontR .content {
	width: 92%;
	height: 52px;
	margin: 0;
	margin-left: 4%;
	overflow: hidden;
}

#match .trecontR .content .pref {
	width: 75%;
	height: 14px;
	margin: 0;
	line-height: 12px;
	font-size: 10px;
	float: left;
	overflow: hidden;
}

#match .trecontR .content .pref span {
	padding: 0 5px;
	color: #fff;
	background-color: #d70c22;
}

#match .trecontR .content .date {
	width: 25%;
	height: 14px;
	margin: 0;
	line-height: 12px;
	font-size: 10px;
	float: right;
	overflow: hidden;
}

#match .trecontR .content .text {
	width: 100%;
	height: 38px;
	margin: 0;
	line-height: 18px;
	font-size: 13px;
	font-weight: 700;
	float: right;
	overflow: hidden;
}

#match .trecontR0 {
	width: 23.6%;
	height: 226px;
	margin-left: 8px;
	float: left;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	border-bottom: solid 1px #999;
	border-left: solid 1px #999;
	overflow: hidden;
}

#match .trecontR0 .image {
	width: 92%;
	height: 150px;
	margin: 4%;
	padding: 0;
	overflow: hidden;
}

#match .trecontR0 .content {
	width: 92%;
	height: 52px;
	margin: 0;
	margin-left: 10px;
	overflow: hidden;
}

#match .trecontR0 .content .pref {
	width: 75%;
	height: 14px;
	margin: 0;
	line-height: 12px;
	font-size: 10px;
	float: left;
	overflow: hidden;
}

#match .trecontR0 .content .pref span {
	padding: 0 5px;
	color: #fff;
	background-color: #d70c22;
}

#match .trecontR0 .content .date {
	width: 25%;
	height: 14px;
	margin: 0;
	line-height: 12px;
	font-size: 10px;
	float: right;
	overflow: hidden;
}

#match .trecontR0 .content .text {
	width: 100%;
	height: 38px;
	margin: 0;
	line-height: 18px;
	font-size: 13px;
	font-weight: 700;
	float: right;
	overflow: hidden;
}


#trecontL {
	width: 23.8%;
	height: 226px;
	margin: 0.3%;
	padding-bottom: 10px;
	float: left;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	border-bottom: solid 1px #999;
	border-left: solid 1px #999;
	overflow: hidden;
	background-color: #ffffff;
}

#trecontL .image {
	width: 91.7%;
	height: 150px;
	margin: 4%;
	padding: 0;
	overflow: hidden;
}

#trecontL .treimg {
	width: 200px;
}

#trecontL .content {
	width: 91.7%;
	height: 52px;
	margin: 0;
	margin-left: 10px;
	overflow: hidden;
}

#trecontL .content .pref {
	width: 140px;
	height: 14px;
	margin: 0;
	line-height: 12px;
	font-size: 10px;
	float: left;
	overflow: hidden;
}

#trecontL .content .pref span {
	padding: 0 5px;
	color: #fff;
	background-color: #004ca0;
}

#trecontL .content .date {
	width: 55px;
	height: 14px;
	margin: 0;
	line-height: 12px;
	font-size: 10px;
	float: right;
	overflow: hidden;
}

#trecontL .content .text {
	width: 200px;
	height: 38px;
	margin: 0;
	line-height: 18px;
	font-size: 13px;
	font-weight: 700;
	float: right;
	overflow: hidden;
}

#trecontR {
	width: 218px;
	height: 226px;
	margin: 4px;
	float: left;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	border-bottom: solid 1px #999;
	border-left: solid 1px #999;
	overflow: hidden;
	background-color: #ffffff;
}

#mainpage2 {
	width: 910px;
	height: auto;
	margin: 0 auto;
}

#mainpage2 .catch {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #fff9f3;
}

#mainpage2 .catch h1 {
	width: 100%;
	height: auto;
	font-weight: 900;
	font-size: 36px;
	color: #666;
	margin-bottom: 5px;
}

#mainpage2 .catch h3 {
	width: 100%;
	height: auto;
	font-weight: 400;
	font-size: 16px;
	color: #333;
}

#maintop950 .hr4 {
	width: 100%;
	max-width: 910px;
	height: 4px;
	border-top: dotted 4px #ccc;
	margin: 0 auto;
	margin-top: 20px;
	padding-bottom: 20px;
}

#mainpage {
	width: 910px;
	height: auto;
	margin: 0 auto;
	padding-top:15px;
	background-color: #fff;
}

#mainpage .catch {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	text-align: center;
}

#mainpage .catch h1 {
	width: 100%;
	height: auto;
	font-weight: 900;
	font-size: 30px;
	color: #666;
}

#mainpage .catch h3 {
	width: 100%;
	height: auto;
	font-weight: 400;
	font-size: 16px;
	color: #333;
}

#mainpage .hr4 {
	width: 100%;
	height: 4px;
	border-top: dotted 4px #ccc;
	margin-top: 20px;
	padding-bottom: 20px;
}

#maintop950 .datamap {
	width: 910px;
	min-height: 515px;
	height: auto;
	margin: 0 auto;
	padding-bottom: 15px;
}

#maintop950 .topdata {
	width: 49%;
	height: auto;
	float: left;
	background-color: #fff;
}

#maintop950 .title {
	width: 100%;
	height: 25px;
	margin: 0;
	color: #fff;
	font-size: 20px;
	font-weight: 700;
	text-align: center;
	background-color: #ff9900;
}

#maintop950 .topdata .space {
	width: 100%;
	height: 20px;
	margin: 0;
}

#maintop950 .topdata .textL {
	width: 22%;
	height: auto;
	line-height: 20px;
	font-size: 14px;
	margin-left: 3%;
	font-weight: 700;
	text-align: left;
	float: left;
}

#maintop950 .topdata .textR {
	width: 72%;
	height: auto;
	line-height: 20px;
	font-size: 14px;
	margin: 0;
	text-align: left;
	float: left;
}

#maintop950 .topdata .hr2 {
	width: 94%;
	height: 2px;
	border-top: dotted 1px #ccc;
	margin-top: 5px;
	margin-left: 2%;
	padding-bottom: 5px;
}

#maintop950 .topmapbox {
	width: 49%;
	height: auto;
	margin-bottom: 10px;
	float: right;
	background-color: #fff9f3;
}

#maintop950 .topmapbox span {
	width: 31%;
	height: auto;
	margin: 10px 1.1% 20px;
	float: left;
}

#maintop950 .topmap {
	width: 100%;
	height: 470px;
	margin: 0;
}

#mainpage .box2 {
	width: 46%;
	height: auto;
	margin: 10px 2%;
	float: left;
}

#mainpage .box4 {
	width: 22%;
	height: auto;
	margin: 10px 2%;
	float: left;
}

#mainpage .box6 {
	width: 14%;
	height: auto;
	margin: 10px 2%;
	float: left;
}

#mainpage .boxtitle {
	width: 100%;
	height: auto;
	font-size: 16px;
	color: #fff;
	font-weight: 700;
	margin: 0;
	text-align: center;
	background-color: #339933;
}

#mainpage .boxcontent {
	width: 100%;
	height: auto;
	margin-top: 5px;
}

#mainpage .boxcontent .text {
	width: 48%;
	height: auto;
	margin-top: 5px;
	text-align: left;
	float: right;
}

#mainpage .boxcontent .text2 {
	width: 100%;
	height: auto;
	margin-top: 5px;
	text-align: left;
	float: right;
}

#mainpage .boxcontent .contimg {
	width: 49%;
	height: auto;
}

#mainpage .boxcontent .contimg2 {
	width: 49%;
	height: auto;
	margin: 0 10px 10px 0;
}

#mainpage .boxcontent img {
	width: 49%;
	height: auto;
	margin-top: 5px;
	float: left;
}

#mainpage #portal {
	width: 100%;
	height: auto;
	overflow: hidden;
}

#mainpage #ban {
	width: 100%;
	height: auto;
	overflow: hidden;
}

#mainpage #match {
	width: 100%;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
}

#mainpage .picup {
	width: 100%;
	height: 40px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background-image: url("/img/bar_top_tretate.png");
	background-repeat: no-repeat;
}

#mainpage .titleimg {
	width: 100%;
	height: auto;
	margin: 15px 0 5px 0;
}

#mainpage .titleimg img.titimg {
	width: 100%;
	overflow: hidden;
}

#mainpage .titleimg .potal {
	width: 100%;
	height: auto;
	overflow: hidden;
}

#mainpage .titleimg .choku {
	width: 100%;
	height: auto;
	overflow: hidden;
}

#mainpage .titleimg .match {
	width: 100%;
	height: auto;
	overflow: hidden;
}


#moviebox {
	width: 100%;
	max-width: 950px;
	height: auto;
	margin: 0 auto;
	margin-top: 25px;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #f0ece7;
}

#moviebox #movbox {
	width: 100%;
	height: auto;
	margin: 0 auto;
}

#moviebox .movie {
	width: 30.5%;
	height: 228px;
	margin-top: 20px;
	margin-left: 2%;
	background-color: #ffffff;
	float: left;
}

#moviebox .movie .title {
	width: 100%;
	height: 38px;
	margin: 0;
	padding: 0;
}

#moviebox .movie .frame {
	width: 100%;
	height: 190px;
	margin: 0;
	padding: 0;
	overflow: auto;
	-webkit-overflow-scrolling:touch;
	display: inline-block;
	border-style: 1px #888 solid;;
	overflow: hidden;
}

#moviebox .movie iframe {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	display: block;
	border: none;
}

#moviebox .faceb {
	width: 30.5%;
	height: 228px;
	margin-top: 20px;
	margin-left: 2%;
	background-color: #ffffff;
	float: left;
}

#moviebox .faceb .title {
	width: 100%;
	height: 38px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#moviebox .faceb .frame {
	width: 100%;
	height: 190px;
	margin: 0;
	padding: 0;
	overflow: auto;
	-webkit-overflow-scrolling:touch;
	display: inline-block;
	border-style: 1px #888 solid;;
}

#moviebox .faceb iframe {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	display: block;
	border: none;
}

#pchiddenbox {
	display:none;
}

#potalpage {
	width: 100%;
	max-width: 950px;
	height: 100%;
	margin: 0 auto;
	padding: 0;
	background-color: #f0ece7;
}

#potalpage .mainimage {
	width: 63.1%;
	height: 299px;
	margin-top: 40px;
	margin-right: 2%;
	padding: 0;
	float: right;
}

#potalpage .mainimage .titleimg {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#potalpage .mainimage .leftimg {
	width: 41%;
	height: auto;
	margin: 0;
	padding: 0;
	float: left;
	overflow: hidden;
}

#potalpage .mainimage .rightimg {
	width: 59%;
	height: auto;
	margin: 0;
	padding: 0;
	float: left;
	overflow: hidden;
}

#potalpage .potalnews {
	width: 31%;
	height: 299px;
	margin-top: 40px;
	margin-left: 1%;
	float: left;
	background-color: #ffffff;
}

#potalpage .potalnews .title {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#potalpage .potalnews .frame {
	width: 100%;
	height: 260px;
	margin: 0;
	padding: 0;
	overflow: auto;
	-webkit-overflow-scrolling:touch;
	display: inline-block;
	overflow: hidden;
}

#potalpage .potalnews iframe {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	display: block;
	border: none;
}

#potalpage .twi-box {
	width: 31%;
	height: 299px;
	margin-top: 40px;
	margin-left: 1%;
	margin-bottom: 40px;
	padding: 0;
	float: left;
}

#potalpage .twi-box img {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	border-style: none;
}

#potalpage .twi-box .twitter {
	width: 100%;
	height: 262px;
	margin: 0;
	padding: 0;
	overflow: auto;
	-webkit-overflow-scrolling:touch;
	display: inline-block;
	border-style: 1px #888 solid;;
}

#potalpage .twi-box iframe {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	display: block;
	border: none;
}

#potalpage .potaltore {
	width: 63.1%;
	height: 299px;
	margin-top: 40px;
	margin-right: 2%;
	padding: 0;
	float: right;
}

#potalpage .potaltore .title {
	width: 100%;
	height: 38px;
	margin: 0;
	padding: 0;
}

#potalpage .potaltore .boxL {
	width: 32.3%;
	height: auto;
	margin-top: 10px;
	padding: 0;
	float: left;
}

#potalpage .potaltore .boxR {
	width: 32.3%;
	height: auto;
	margin-top: 10px;
	margin-left: 1.5%;
	padding: 0;
	float: left;
}

#potalpage .potallist {
	width: 63.1%;
	height: 299px;
	margin-top: 40px;
	margin-right: 2%;
	margin-bottom: 40px;
	padding: 0;
	float: right;
}

#potalpage .potallist .title {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}

#potalpage .potallist .boxL {
	width: 48.8%;
	height: auto;
	margin-top: 14px;
	padding: 0;
	float: left;
	position: relative;
}

#potalpage .potallist .boxL .cara1 {
	width: 30.7%;
	height: auto;
	position:absolute; top:24.3%; left:3.3%;
	border-style: none;
}

#potalpage .potallist .boxL .text1 {
	width: 30.7%;
	height: 48px;
	text-decoration: none;
	position:absolute; top:61.5%; left:3.3%;
	border-style: none;
	font-size: 9px;
	line-height:12px;
	text-align: center;
	overflow:hidden;
}

#potalpage .potallist .boxL .cara2 {
	width: 30.7%;
	height: auto;
	position:absolute; top:24.3%; left:34.4%;
	border-style: none;
}

#potalpage .potallist .boxL .text2 {
	width: 30.7%;
	height: 48px;
	text-decoration: none;
	position:absolute; top:61.5%; left:34.4%;
	border-style: none;
	font-size: 9px;
	line-height:12px;
	text-align: center;
	overflow:hidden;
}

#potalpage .potallist .boxL .cara3 {
	width: 30.7%;
	height: auto;
	position:absolute; top:24.3%; left:65.5%;
	border-style: none;
}

#potalpage .potallist .boxL .text3 {
	width: 30.7%;
	height: 48px;
	text-decoration: none;
	position:absolute; top:61.5%; left:65.5%;
	border-style: none;
	font-size: 9px;
	line-height:12px;
	text-align: center;
	overflow:hidden;
}

#potalpage .potallist .boxR {
	width: 48.8%;
	height: auto;
	margin-top: 14px;
	margin-left: 2.3%;
	padding: 0;
	float: left;
}

#potalpage .potallist .btn-left {
	width: 32%;
	height: auto;
	margin-top: 14px;
	padding: 0;
	float: left;
}

#potalpage .potallist .btn-middle {
	width: 32%;
	height: auto;
	margin-top: 14px;
	margin-left: 2%;
	padding: 0;
	float: left;
}

.ban-cate {
	width: 100%;
	height: 30px;
	margin: 0 auto;
	padding: 0;
}

.ban-cate .banbtn {
	width: 100%;
	height: 30px;
	margin: 0;
	padding: 0;
	float: left;
}

.ban-cate .machbtn {
	width: 16.7%;
	height: 30px;
	margin: 0;
	padding: 0;
	float: left;
}


/* ********************* とれたて用 ********************* */

#wpbanner {
	width: 100%;
	height:60px;
	margin: 5px 0 0 0;
	position:relative; top: 0px; left: 0px;
	z-index:1;
}

#wpbanner2 {
	width: 100%;
	height:252px;
	margin: 0 0 20px 0;
	position:relative; top: 0px; left: 0px;
	z-index:1;
}

#wpbanner-l {
	width: 50%;
	height:60px;
	margin: 0;
	position:absolute; top: 0px; left: 0px;
	z-index:1;
}

#wpbanner-r {
	width: 50%;
	height:60px;
	margin: 0;
	position:absolute; top: 0px; left: 50%;
	z-index:1;
}
#wpbanner-r span img {
	width: 50%;
}

#wpbanner-l2 {
	width: 78.9%;
	height:54px;
	margin: 0;
	position:absolute; top: 0px; left: 0px;
	z-index:1;
}

#wpbanner-r2 {
	width: 21%;
	height:54px;
	margin: 0;
	position:absolute; top: 0px; left: 750px;
	z-index:1;
}

#wpbanner-r2 span img {
	width: 50%;
}

#wpbanner a {
	text-decoration: none;
	z-index:2;
}

#wpbanner .chara {
	position:absolute; top:7px; left:10px;
	z-index:3;
	width: 48px;
	height: 48px;
}

#wpbanner .chiikitext {
	position:absolute; top:15px; left:10px;
	font-size: 20px;
	line-height: 22px;
	font-weight: 800;
	z-index:4;
}

#wpbanner .chiikitext .text {
	position:absolute; top:0px; left:100px;
	width:350px;
	font-size: 22px;
	line-height: 26px;
	font-weight: 900;
	z-index:4;
	color:#333;
}

#wpbanner .citytext {
	position:absolute; top:25px; right:300px;
	font-size: 16px;
	font-weight: bold;
	z-index:6;
}

#wpbanner .sitetext {
	position:absolute; top:26.6%; right:55px;
	font-size: 20px;
	font-weight: bold;
	z-index:5;
}

#wpbanner .arrowimg {
	position:absolute; top:21.6%; right:13px;
	z-index:10;
}

#wpippan {
    position: relative;
	float: left;
	width: 22.9%;
	height: 226px;
	margin: 5px 0.4% 5px 0.5%;
	border: solid 1px #ccc;
	overflow: hidden;
}

#wpippan .image {
    position: relative;
	width: 91.3%;
	height: 150px;
	margin: 4%;
	overflow: hidden;
}

#wpippan .kkimage {
    position:absolute; top:5px; right:5px;
	width: 60px;
	height: 60px;
	padding: 0;
	margin: 0;
}

#wpippan .kkmovie {
    position:absolute; top:5px; left:5px;
	width: 60px;
	height: 60px;
	padding: 0;
	margin: 0;
}

#wpippan .text {
    position: relative;
	height: 65px;
	padding: 0 10px;
	font-size: 12px;
	text-align: left;
	line-height: 14px;
	vertical-align:middle;
	overflow: hidden;
}

#wpippan .titletext {
	padding: 10px 10px 8px 10px;
	font-size: 14px;
	text-align: left;
	line-height: 16px;
	font-weight: bold;
}


/********    Pull Down    ***********/

ul.menu {
	position: relative;
	display: inline-block;
	list-style: none;
	font-size: 12px;
	line-height: 30px;
	height: 30px;
	width: 100%;
	color: #000000;
	margin: 0;
	padding: 0;
	z-index:101;
}

ul.menu .btn-l {
	width: 24%;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

ul.menu li {
	position: relative;
	display: inline-block;
	font-size: 14px;
	line-height: 25px;
	white-space: nowrap;
	float: left;
	color: #000000;
	border: none;
	margin: 0;
	padding: 0;
	z-index:102;
}
ul.menu a {
	position: relative;
	display: inline-block;
	text-decoration: none;
	font-size: 14px;
	line-height: 25px;
	color: #000000;
	margin: 0;
	padding: 0;
	z-index:103;
}
ul.menu a:visited {
	color: #000000;
	z-index:104;
}

ul.menu ul {
	position: relative;
	display: none;
	list-style: none;
	height: 25px;
	color: #000000;
	margin: 0;
	padding: 0;
	z-index:105;
}

ul.menu > li {
	border: none;
	z-index:106;
}
ul.menu > li li {
	margin-left: 3px;
	clear: left;
	width: 80px;
	text-align: center;
	background: #eeeeee;
	border: #aaaaaa 1px solid;
	border-top: none;
	z-index:107;
}
ul.menu > li li a {
	background: #eeeeee;
	padding: 0px 10px;
	z-index:108;
}

ul.menu li:hover > a {
	color: #000000;
	z-index:109;
}
ul.menu li:hover > ul {
	display: inline-block;
	position: absolute;
	top: 100%;
	left: 5px;
	z-index:110;
}
ul.menu li a:hover {
	color: #e00000;
	z-index:111;
}
ul.menu li li:hover ul {
	top: 0px;
	left: 100%;
	z-index:112;
}


/*************************************
    biz main box
*************************************/

#biz-main {
	margin: 0 auto;
	margin-top: 28px;
	padding: 0;
	width: 100%;
	max-width: 950px;
	height: 34px;
	border; none;
}

.backbiz {
	margin-top: -3px;
	padding: 0;
	width: 100%;
	max-width: 950px;
	height: 3px;
	background: url("//tre-navi.jp/img/bgline_kigyou.png") repeat-x;
}

#biz-main .backpor {
	margin: 0;
	padding: 0;
	width: 100%;
	max-width: 950px;
	height: 3px;
	background: url("//tre-navi.jp/img/bgline_portal.png") repeat-x;
}

#biz-main .backjob {
	margin: 0;
	padding: 0;
	width: 100%;
	max-width: 950px;
	height: 3px;
	background: url("//tre-navi.jp/img/bgline_kyujin.png") repeat-x;
}

.backban {
	margin-top: -3px;
	padding: 0;
	width: 100%;
	max-width: 950px;
	height: 3px;
	background: url("//tre-navi.jp/img/bgline_chokusou.png") repeat-x;
}

#biz-main .btnL {
	margin-right: 1.6%;
	padding: 0;
	width: 32.2%;
	height: 31px;
	border; none;
	float: left;
}

#biz-main .btnM {
	margin-right: 1.6%;
	padding: 0;
	width: 32.2%;
	height: 31px;
	border; none;
	float: left;
}

#biz-main .btnR {
	margin: 0;
	padding: 0;
	width: 32.2%;
	height: 31px;
	border; none;
	float: left;
}

#biz-box .borline{
	margin: 0 auto;
	padding: 0;
	width: 95.7%;
	border: dotted 1px #555;
	text-align: center;
}

#ban-box {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	max-width: 950px;
	height: auto;
	background-color: #fff9f3;
	color: #000;
}

#ban-box .borline{
	margin: 0 auto;
	padding: 0;
	width: 95.7%;
	border: dotted 1px #555;
	text-align: center;
}

#ban-box .cate {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 65px;
	line-height: 20px;
}

#ban-box .cate .txl {
	padding:40px 0 0 20px;
	font-weight: 900;
	font-size: 18px;
	color:#004ea2;
	float: left;
}

#ban-box .cate .txr {
	padding-top: 40px;
	padding-right: 30px;
	font-size: 18px;
	float: right;
}

#ban-box #biz-box-list {
	margin: 0;
	padding: 20px;
	width: 950px;
	height: 200px;
}

#ban-box #biz-box-list .main-img {
	margin: 0;
	padding: 0;
	width: 440px;
	height: 200px;
	float: left;
}

#ban-box #biz-box-list .content {
	margin-left: 20px;
	padding: 0;
	width: 47.3%;
	height: 200px;
	float: left;
	background: url("//tre-navi.jp/img/bkimg_chokusou.png") no-repeat;
	position:relative;
}

#ban-box #biz-box-list .content .title {
	margin: 0 10px;
	padding: 0;
	width: 430px;
	height: 30px;
	float: right;
}

#ban-box #biz-box-list .content .title .name1 {
	margin-left: 5px;
	padding: 0;
	width: 220px;
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	color: #fff;
	float: left;
	font-weight: 800;
}

#ban-box #biz-box-list .content .title .pref {
	margin: 0;
	padding: 0;
	width: 200px;
	height: 30px;
	line-height: 30px;
	font-size: 10px;
	color: #fff;
	float: right;
	text-align: right;
}

#ban-box #biz-box-list .content .btn {
	margin: 0;
	padding: 0;
	width: 450px;
	height: 38px;
	float: right;
}

#ban-box #biz-box-list .content .btn .btnL {
	margin-left: 3px;
	margin-top: 5px;
	padding: 0;
	width: 70px;
	height: 20px;
	line-height: 30px;
	float: right;
}

#ban-box #biz-box-list .content .btn .btnS {
	margin-left: 3px;
	margin-top: 5px;
	padding: 0;
	width: 68px;
	height: 28px;
	float: right;
}

#ban-box #biz-box-list .content .bar {
	margin: 0;
	padding: 0;
	width: 450px;
	height: 2px;
}

#ban-box #biz-box-list .content .pr {
	margin: 0;
	padding-top: 5px;
	width: 450px;
	height: 125px;
	font-size: 15px;
	line-height: 21px;
	overflow:hidden;
}

#ban-box #biz-box-list .content .shou {
	width: 70px;
	height: 20px;
	position:absolute; bottom:0px; right:0px;
}

#ban-box #biz-box-list .content_an {
	margin-left: 20px;
	padding: 0;
	width: 47.3%;
	height: 200px;
	float: left;
	background: url("//tre-navi.jp/img/bkimg_chokusou.png") no-repeat;
	position:relative;
}

#ban-box #biz-box-list .content_an .title {
	margin: 0 10px;
	padding: 0;
	width: 95.5%;
	height: 30px;
	float: right;
}

#ban-box #biz-box-list .content_an .title .name1 {
	margin-left: 5px;
	padding: 0;
	width: 220px;
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	color: #fff;
	float: left;
	font-weight: 800;
}

#ban-box #biz-box-list .content_an .title .pref {
	margin: 0;
	padding: 0;
	width: 200px;
	height: 30px;
	line-height: 30px;
	font-size: 10px;
	color: #fff;
	float: right;
	text-align: right;
}

#ban-box #biz-box-list .content_an .btn {
	margin: 0;
	padding: 0;
	width: 450px;
	height: 30px;
	float: right;
}

#ban-box #biz-box-list .content_an .btn .btnL {
	margin-left: 3px;
	margin-top: 5px;
	padding: 0;
	width: 70px;
	height: 20px;
	line-height: 30px;
	float: right;
}

#ban-box #biz-box-list .content_an .btn .btnS {
	margin-left: 3px;
	margin-top: 5px;
	padding: 0;
	width: 60px;
	height: 20px;
	float: right;
}

#ban-box #biz-box-list .content_an .bar {
	margin: 0;
	padding: 0;
	width: 450px;
	height: 2px;
}

#ban-box #biz-box-list .content_an .pr {
	margin: 0 10px;
	padding-top: 5px;
	width: 430px;
	height: 108px;
	font-size: 13px;
	line-height: 18px;
	overflow:hidden;
}

#ban-box #biz-box-list .content_an .shou {
	width: 70px;
	height: 20px;
	position:absolute; bottom:0px; right:0px;
}


/* *********************************************************
   ********************* Movie List **********************
********************************************************* */
#mainpage #movielist {
	width: 218px;
	height: 184px;
	margin: 10px 0 10px 7px;
	float: left;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	border-bottom: solid 1px #999;
	border-left: solid 1px #999;
	overflow: hidden;
}

#mainpage #movielist .image {
	width: 200px;
	height: 113px;
	margin: 9px;
	padding: 0;
	overflow: hidden;
}

#mainpage #movielist .content {
	width: 200px;
	height: 60px;
	margin: 0;
	margin-left: 10px;
	margin-bottom: 6px;
	overflow: hidden;
}

#mainpage #movielist .content .pref {
	width: 180px;
	height: 14px;
	margin: 0;
	line-height: 12px;
	font-size: 10px;
	overflow: hidden;
}

#mainpage #movielist .content .pref span {
	padding: 0 5px;
	color: #fff;
	background-color: #004ca0;
}

#mainpage #movielist .content .title {
	width: 200px;
	height: 46px;
	margin: 0;
	line-height: 19px;
	font-size: 12px;
	overflow: hidden;
}

/* ***********************************************************
*************** 　都道府県メニュー　　************************
*********************************************************** */
#menu-top {
	width: 100%;
	height: 33px;
	margin: 0;
	padding-top: 15px;
	background-color: #f5fbfb;
}


#menu-top .back {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}

#menu-top .back .ban-cate .machbtn {
	width: 16.6%;
	height: 30px;
	margin: 0;
	padding: 0;
	float: left;
}

#menu-top .back .ban-cate .banbtn {
	width: 24.9%;
	height: 30px;
	margin: 0;
	padding: 0;
	float: left;
}

#menu-top .topbar {
	width: 100%;
	height: 3px;
	margin: 0;
	padding: 0;
	background:#fff url("//tre-navi.jp/img/back_charcoal.png") repeat-x;
}

#menu-top .porbar {
	width: 100%;
	height: 3px;
	margin: 0;
	padding: 0;
	background:#fff url("//tre-navi.jp/img/back_red.png") repeat-x;
}

#menu-top .chobar {
	width: 100%;
	height: 3px;
	margin: 0;
	padding: 0;
	background:#fff url("//tre-navi.jp/img/back_orange.png") repeat-x;
}

#menu-top .macbar {
	width: 100%;
	height: 3px;
	margin: 0;
	padding: 0;
	background:#fff url("//tre-navi.jp/img/back_blue.png") repeat-x;
}

/*  プルダウンメニュー
------------------------------------------------- */
.linedrop {
	width:100%;
	height:30px;
	margin: 0 auto;
	background:#efeff0 url("//tre-navi.jp/img/back_gray.png") repeat-x;
	position:relative;
	font-size:13px;
	z-index:500;
	font-weight: bold;
}

.linedrop .select {
	margin:0;
	padding:0;
	list-style:none;
}

.linedrop li {
	width: 105px;
	float:left;
}

.linedrop .select a {
	display:block;
	height:30px;
	margin: 0 auto;
	float:left;
	text-align: center;
	background:#efeff0;
	padding:0;
	text-decoration:none;
	line-height:30px;
	white-space:nowrap;
}

.linedrop .select li.line a {
	color:#333;
}

.linedrop .select li.line {
	width:12.5%;
	display:block;
	padding:0;
	background:none;
	font-weight:bold;
	text-align:center;
}

.linedrop .select ul.sub li a {
	display:block;
	padding:0;
	background:#efeff0;
}

.linedrop .select a:hover,
.linedrop .select li:hover a {
	background:#efeff0;
	padding:0;
	line-height:21px;
	cursor:pointer;
	color:#333;
}

.linedrop .select li.line a:hover,
.linedrop .select li.line:hover a {
	color:#333;
	display:block;
	padding:0;
	background:#efeff0;
	cursor:pointer;
}

.linedrop .sub {
	display:none;
}

.linedrop ul ul {display:none;}

.linedrop .sub {
	margin:0;
	padding:0;
	list-style:none;
}

.linedrop .sub li {
	background:#efeff0;
}

.linedrop .select :hover .sub {
	height:30px;
	display:block;
	position:absolute;
	float:left;
	width:952px;
	top:0;
	left:0;
	background:#efeff0;
}

.linedrop .select :hover .sub li a {
	display:block;
	height:30px;
	line-height:28px;
	float:left;
	background:#efeff0;
	padding:0;
	margin:0;
	color:#333;
	font-size:90%;
}

.linedrop .select :hover .sub li.subline a {
	color:#333;
	line-height:28px;
}

.linedrop .select :hover .sub li a:hover,
.linedrop .select :hover .sub li:hover {
	color:#333;
	line-height:28px;
	position:relative;
}

.linedrop .select :hover .sub :hover ul {
	padding:0;
	margin:0;
	list-style:none;
	display:block;
	position:absolute;
	background:#efeff0;
}

.toggle_container {
	display: none;
	position:absolute; top:20px; left:-840px;
	background:#fff;
	width: 910px;
	height: auto;
	font-size:13px;
}

.main-content {
	width: 100%;
	margin: 0 auto;
	margin-top: 0;
	margin-bottom: 15px;
}

.main-content .mapp {
	width: 630px;
	margin: 0 auto;
	margin-top: 15px;
	margin-bottom: 15px;
	float: left;
}

.main-content .cityblock-big {
	width: 630px;
	margin: 0 auto;
	margin-top: 15px;
	margin-bottom: 15px;
	float: left;
}

#top-box {
	width: 950px;
	height: auto;
	margin: 0 auto;
	padding: 0;
}

#caradisp {
	width: 944px;
	height: 1520px;
	border-style: ridge;
}


#por-box {
	margin: 0 auto;
	padding: 0;
	width: 950px;
	height: auto;
	background-color: #fef7f6;
	color: #000;
}

#por-box .cate {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 65px;
	line-height: 20px;
}

#corptab table {
	margin: 0 auto;
	padding: 15px 0;
	width: 95%;
	height: auto;
	border-width: thin;
	text-align: center;
}

#corptab table td {
	border-width: 2px;
	border-style: solid;
	text-align: center;
	border-color: #007bc7;
	font-weight: 700;
}

#por-box .cate {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 65px;
	line-height: 20px;
}

#por-box .cate .txl {
	padding:10px 0 0 20px;
	font-weight: 900;
	font-size: 18px;
	color:#004ea2;
	float: left;
}

#por-box .cate .txr {
	padding-top: 10px;
	padding-right: 30px;
	font-size: 18px;
	float: right;
}

#por-box #biz-box-list {
	margin: 0 auto;
	padding: 20px 0;
	width: 100%;
	max-width: 950px;
	height: 200px;
}

#por-box #biz-box-list .main-img {
	margin: 0 auto;
	margin-left: 25px;
	padding: 0;
	width: 440px;
	height: 200px;
	float: left;
}

#por-box #biz-box-list .content {
	margin-left: 20px;
	padding: 0;
	width: 450px;
	height: 200px;
	float: left;
	background: url("//tre-navi.jp/img/bkimg_portal.png") no-repeat;
	position:relative;
}

#por-box #biz-box-list .content .title {
	margin: 0 10px;
	padding: 0;
	width: 430px;
	height: 30px;
	float: right;
}

#por-box #biz-box-list .content .title .name1 {
	margin-left: 5px;
	padding: 0;
	width: 220px;
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	color: #fff;
	float: left;
	font-weight: 800;
}

#por-box #biz-box-list .content .title .pref {
	margin: 0;
	padding: 0;
	width: 200px;
	height: 30px;
	line-height: 30px;
	font-size: 10px;
	color: #fff;
	float: right;
	text-align: right;
}

#por-box #biz-box-list .content .btn {
	margin: 0;
	padding: 0;
	width: 450px;
	height: 38px;
	float: right;
}

#por-box #biz-box-list .content .btn .btnL {
	margin-left: 3px;
	margin-top: 5px;
	padding: 0;
	width: 70px;
	height: 20px;
	line-height: 30px;
	float: right;
}

#por-box #biz-box-list .content .btn .btnS {
	margin-left: 3px;
	margin-top: 5px;
	padding: 0;
	width: 68px;
	height: 28px;
	float: right;
}

#por-box #biz-box-list .content .bar {
	margin: 0;
	padding: 0;
	width: 450px;
	height: 2px;
}

#por-box #biz-box-list .content .pr {
	margin: 0;
	padding-top: 5px;
	width: 450px;
	height: 125px;
	font-size: 15px;
	line-height: 21px;
	overflow:hidden;
}

#por-box #biz-box-list .content .shou {
	width: 70px;
	height: 20px;
	position:absolute; bottom:0px; right:0px;
}

#por-box #biz-box-list .content_an {
	margin-left: 20px;
	padding: 0;
	width: 47.3%;
	height: 200px;
	float: left;
	background: url("//tre-navi.jp/img/bkimg_portal.png") no-repeat;
	position:relative;
}

#por-box #biz-box-list .content_an .title {
	margin: 0 10px;
	padding: 0;
	width: 95.5%;
	height: 30px;
	float: right;
}

#por-box #biz-box-list .content_an .title .name1 {
	margin-left: 5px;
	padding: 0;
	width: 220px;
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	color: #fff;
	float: left;
	font-weight: 800;
}

#por-box #biz-box-list .content_an .title .pref {
	margin: 0;
	padding: 0;
	width: 200px;
	height: 30px;
	line-height: 30px;
	font-size: 10px;
	color: #fff;
	float: right;
	text-align: right;
}

#por-box #biz-box-list .content_an .btn {
	margin: 0;
	padding: 0;
	width: 47.3%;
	height: 30px;
	float: right;
}

#por-box #biz-box-list .content_an .btn .btnL {
	margin-left: 3px;
	margin-top: 5px;
	padding: 0;
	width: 70px;
	height: 20px;
	line-height: 30px;
	float: right;
}

#por-box #biz-box-list .content_an .btn .btnS {
	margin-left: 3px;
	margin-top: 5px;
	padding: 0;
	width: 60px;
	height: 20px;
	float: right;
}

#por-box #biz-box-list .content_an .bar {
	margin: 0;
	padding: 0;
	width: 47.3%;
	height: 2px;
}

#por-box #biz-box-list .content_an .pr {
	margin: 0 10px;
	padding-top: 5px;
	width: 95.5%;
	height: 108px;
	font-size: 13px;
	line-height: 18px;
	overflow:hidden;
}

#por-box #biz-box-list .content_an .shou {
	width: 70px;
	height: 20px;
	position:absolute; bottom:0px; right:0px;
}

#por-box table {
	margin: 0 auto;
	padding-top: 15px;
	width: 95%;
	height: auto;
	border-width: thin;
	text-align: center;
}

#por-box table td {
	border-width: 2px;
	border-style: solid;
	text-align: center;
	border-color: #ee0000;
	font-weight: 700;
}


#biz-rightbox {
	margin: 10px 0 10px 0;
	padding: 0;
	float: right;
	width: 32.4%;
	max-width: 308px;
	height: auto;
}

#biz-newboximg {
	margin-top: 5px;
	padding: 0;
	width: 100%;
	max-width: 306px;
	height: 38px;
	overflow: hidden;
	border; none;
	float: right;
}

#biz-newbox {
	margin-bottom: 10px;
	padding: 5px;
	width: 95%;
	max-width: 295px;
	height: 251px;
	font-size: 13px;
	color: #333333;
	overflow: scroll;
	border; 1px;
	float: right;
}

#biz-newbox-img {
	margin: 0;
	padding: 0;
	width: 294px;
	height: 220px;
	overflow: hidden;
	border; none;
}

#biz-bloc {
	margin: 0;
	padding: 0;
	width: 308px;
	height: 62px;
	border; none;
	float: right;
}

#biz-bloc-left {
	margin: 0;
	padding: 0;
	width: 308px;
	height: 62px;
	border; none;
	float: left;
}

#biz-biz-img {
	margin: 0;
	padding: 0;
	width: 150px;
	height: 60px;
	border; none;
	float: left;
	font-size: 16px;
	color: #333333;
	overflow: hidden;
	background-image: url("/user/match/img/main/btn_bizbizback.png");
	background-repeat: no-repeat;
	background-position: 0;
}

#biz-job-img {
	margin: 0 0 0 6px;
	padding: 0;
	width: 150px;
	height: 60px;
	border; none;
	float: left;
	font-size: 16px;
	color: #333333;
	overflow: hidden;
	background-image: url("/user/match/img/main/btn_bizjobback.png");
	background-repeat: no-repeat;
	background-position: 0;
}

#biz-biz-text {
	margin:0 auto;
	margin-top:15px;
	text-align: center;
	width: 150px;
	height: 60px;
	border; none;
	font-size: 14px;
	font-weight: 800;
	color: #ffffff;
	overflow: hidden;
	text-decoration: none;
}

#biz-job-text {
	margin:0 auto;
	margin-top:15px;
	text-align: center;
	width: 150px;
	height: 60px;
	border; none;
	font-size: 14px;
	font-weight: 800;
	color: #ffffff;
	overflow: hidden;
	text-decoration: none;
}

#biz-leftbox {
	margin: 10px 0 10px 0;
	padding: 0;
	float: left;
	width: 634px;
	height: 686px;
}

/* **************************************************** */
/*  求人 一覧  */
/* **************************************************** */
#job_main {
	width: 100%;
	max-width: 950px;
	min-height: 100%;
	margin: 0 auto;
	background-color: #f5fbfa;
	padding-top: 30px;
	height:100%;
	min-height:100%;
}

#job_main #bgc {	/* height が下まで行かないので */
	width: 100%;
	max-width: 950px;
	min-height:100%;
	background-color: #f5fbfa;
}

#job_main #pagenavi {
	width: 100%;
	height: 40px;
}

#job_main #pagenavi .text-L {
	width: 50%;
	float: left;
	font-size: 20px;
	line-height: 26px;
	font-weight: 700;
	color: #008950;
	margin-left: 10px;
}

#job_main #pagenavi .text-R {
	width: 45%;
	float: right;
	font-size: 17px;
	line-height: 26px;
	font-weight: 700;
}

#job_main #pagenavi .text-R .text {
	float: right;
	margin-right: 10px;
}

#job_main #main {
	width: 440px;
	margin: 0 18px 0 17px;
	padding-top: 10px;
	padding-bottom: 20px;
	height: auto;
	float: left;
}

#job_main #main .title {
	width: 100%;
	background-color: #008950;
	height: 30px;
}

#job_main #main .title .text-L {
	line-height: 28px;
	margin-left: 10px;
	font-size: 16px;
	font-weight: 700;
	color: #fff;
	float: left;
}

#job_main #main .title .text-R {
	line-height: 28px;
	margin-right: 0;
	font-size: 11px;
	font-weight: 500;
	color: #fff;
	float: right;
}

#job_main #main .title .text-R .text {
	text-align: right;
	margin-right: 10px;
}

#job_main #main .btline {
	width: 100%;
	height: 38px;
}

#job_main #main .btline .text {
	width: 150px;
	font-size: 11px;
	margin-top: 0;
	float: left;
	color: #008950;
}

#job_main #main .btline .btn {
	width: 70px;
	height: 28px;
	margin-top: 5px;
	margin-left: 2px;
	float: right;
}

#job_main #main .gyou-line {
	width: 100%;
	height: 2px;
	border-bottom: 1px solid #999;
}

#job_main #main .gyou {
	width: 436px;
	height: 28px;
	padding: 1px;
	display: table;
	table-layout: fixed;
	background-color: #ffffff;
	border-left: solid 1px #999;
	border-right: solid 1px #999;
	border-bottom: solid 1px #999;
	overflow:hidden;
}

#job_main #main .gyou .title {
	width: 100px;
	height: 28px;
	padding-left: 5px;
	background-color: #f7f7c6;
	display: table-cell;
	font-size: 13px;
	line-height: 26px;
	vertical-align: top;
	font-weight: 700;
	color: #008950;
	overflow:hidden;
}

#job_main #main .gyou .texta {
	width: 100%;
	display: table-cell;
	vertical-align: middle;
	height: 28px;
}

#job_main #main .gyou .textb {
	height: 30px;
	width: 336px;
	line-height: 26px;
	font-size: 13px;
	padding-left: 5px;
	vertical-align: middle;
	overflow:hidden;
}

#job_main #main .bigbottun {
	width: 100%;
	height: 30px;
	margin-top: 2px;
	margin-bottom: 3px;
}

#job_main #main .bigbottun .btn {
	width: 100px;
	height: 28px;
	margin: 0;
	float: right;
}

#job_main #main .image {
	width: 440px;
	height: 200px;
}

#job_main #main .image img {
	width: 440px;
	height: 200px;
	margin: 0;
}

#job_main #main .line-orange {
	width: 100%;
	height: 2px;
	border-bottom: 1px solid #f0832b;
}

#job_main #main .line-dotted {
	width: 100%;
	height: 30px;
	border-bottom: 1px dotted #999;
}

/* *************************************************************************
***************** 地図から探す *********************************************
************************************************************************* */

#portal-left{
	width:630px;
	height:100%;
	float:left;
}

#prefbanner {
	width: 630px;
	height:60px;
	margin: 0;
	position:relative; top: 0px; left: 0px;
	z-index:1;
}

#prefbanner .chara {
	position:absolute; top:7px; left:10px;
	z-index:3;
}

#prefbanner .chiikitext {
	position:absolute; top:12px; left:75px;
	font-size: 24px;
/*	font-weight: bold;*/
	z-index:4;
}

#prefbanner .chiikitext2 {
	position:absolute; top:40px; left:75px;
	margin-left:3px;
	font-size: 12px;
/*	font-weight: bold;*/
}

#prefbanner .sitetext {
	position:absolute; top:28px; right:55px;
	font-size: 12px;
	font-weight: bold;
	z-index:5;
}

#prefbanner .arrowimg {
	position:absolute; top:18px; right:13px;
	z-index:10;
}

.portal-initial{
	margin:5px 2px 0 0;
}

.initial-start{
	margin:20px 0 0 0;
}

.initial-50on{
	margin:16px 0 0 0;
}

.city-name{
	background:url(//tre-navi.jp/portal/img/cityname-bg.jpg);
	width:618px;
	height:20px;
	line-height: 20px;
	margin:15px 0 0 0;
	padding:0 0 0 10px;
	font-size:16px;
	font-weight:bold;
}

.cityblock{
	margin:8px 0 0 0;
	width:628px;
	height:103px;
	border-bottom:dotted 1px #e20000;
}

.cityblock-left{
    position: relative;
	width:259px;
	height:98px;
	float:left;
}


.cityblock-lefttext{
	width:143px;
	margin:0 0 0 5px;
	float:left;
}

.cityname-smallp{
	width:135px;
	height:13px;
	line-height: 13px;
	background:#f0f0f0;
	padding-left: 8px;
	font-size:10px;
	margin:0;
}

.cityname-p{
	font-weight:bold;
	width:135px;
	height:28px;
	line-height:28px;
	margin:1px 0 0 0;
	background:#f0f0f0;
	padding-left: 8px;
}

.citytext-p{
	font-size:12px;
	line-height: 21px;
	margin:5px 0 0 5px;
}

.cityblock-right{
    position: relative;
	width:369px;
	height:98px;
	float:left;
	font-size:14px;
}

#top-info {
	width: 96%;
	height: 60px;
	margin-top: 10px;
	margin-left: 2%;
	padding: 0;
	background-color: #fff;
	border: 1px solid #aaa;
}

#top-info img {
	width: 13%;
	height: 60px;
	float: left;
}

#top-info .text {
	width: 84%;
	height: 50px;
	padding: 1%;
	overflow: auto;
	float: left;
	overflow: auto;
	-webkit-overflow-scrolling:touch;
	display: inline-block;
}

#top-info .text iframe {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	display: block;
	border: none;
}

#pageNew {
	page-break-before: always;
}




}