@charset "utf-8"; 
/*---------------------------------------------------- 
 reset
---------------------------------------------------- */
* {margin: 0;padding: 0;}
html{overflow-y: scroll;}
body {
	font-size:75%; /* 基本のフォントサイズ */
	line-height: 1.7em; /* 基本の行間 */
	text-align:center;
	font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", "ＭＳ Ｐゴシック", Meiryo, sans-serif;
	text-align:justify; /* Firefox用*/
	text-justify:inter-ideograph;/* ie用 */
	color: #fff;
	margin: 0;
	background:#272727;
	padding: 0}

#wrapper{width: 960px; margin:0 auto; background:#141414;margin-bottom:20px;	
}

#pagebody {
	clear:both;
	margin:0 auto;
	padding:20px;
	background:url(../images/dixie/pbg.jpg) repeat-x #141414}

.clearfix{zoom:1;/*for IE 5.5-7*/overflow:hidden}
.clearfix:after{/*for modern browser*/ content:"."; display: block; height:0px; clear:both; visibility:hidden}	

.imglink a:hover img {
	opacity:0.6;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6}

/**/a:link, a:visited {color: #fff; text-decoration:underline}
a:hover, a:active {color: #fff; text-decoration:none}

/*-----------------------------------------------------
header
---------------------------------------------------- */
#header{
	width: 960px;
	padding-top:20px;
	height:157px;
	background:url(../images/dixie/header.jpg) right top no-repeat;
	overflow:hidden}

h1{float:left;width:155px; padding-left:20px;}

.header-r{
	float:right;
	width:622px;
	}
/*--------------------
viewer
----------------------*/
viewer{
	clear:both;
	width:960px;
	height:330px;
	}	
	
.viewer ul {
	width:960px;
	height:330px;
	text-align: left;
	overflow: hidden;
	position: relative;
}

.viewer ul li {
	top: 0;
	left: 0;
	width:960px;
	height:330px;
	display: none;
	position: absolute;
}	

/*--------------------
navi
----------------------*/
#navi {
	clear:both;
	width:622px;
	height:109px;
	line-height:0;
	vertical-align:bottom}

#navi ul{
	line-height:0;
	width:960px;
	height:109px;
	}

.mr6{margin-right:6px}
.mr7{ margin-right:7px}

#navi li{
	float:left;
	height:109px;
	list-style:none;
	line-height:0;
	vertical-align:bottom}

#navi img{display:block}	

/*-----------------------------------------------------
index.html
----------------------------------------------------*/
.p01-box1{
	float:left;
	width:530px;
	margin-bottom:20px}

.p01-box1_div{
	background:url(../images/dixie/bg1.jpg) bottom no-repeat;
	height:380px;
	padding:0 20px 20px 20px }	
	
.p01-box2{
	float:right;
	width:370px;
	margin-bottom:20px}	

.p01-box2_div{
	background:url(../images/dixie/bg2.jpg) bottom no-repeat;
	height:390px;
	padding:0 10px 10px 10px }	

.p01-box3{
	float:left;
	width:530px;
	margin-bottom:20px}

.p01-box3 div{
	height:185px;
	line-height:2.3em;
	background:url(../images/dixie/bg1b.jpg) bottom no-repeat;
	padding:0 20px 20px 20px }	
	
	
.p01-box4{
	float:right;
	width:370px;
	margin-bottom:20px}	
	
.p01-box5{
	width:920px;
	margin-bottom:20px}	
	
.p01-box5-in{
	background:url(../images/dixie/bg3.jpg) bottom no-repeat;
	padding:0 40px 40px 40px}
	
.in-l{
	float:left;
	width:340px;}

.in-r{
	float:right;
	width:485px;}	
	

.topmap{
	float:left;
	width:187px;}


.ul01 {
	float:right;
	width:285px;	
	list-style:none;}

.ul01 .li1{
	padding-left:15px;	
	background:url(../images/dixie/mark.jpg) no-repeat 0% 40%;}	
	
.ul01 .li2{
	padding-left:15px;	
	background:url(../images/dixie/mark.jpg) no-repeat 0% 10%;}		
/*-----------------------------------------------------
model
----------------------------------------------------*/
.p02-box1{
	float:left;
	width:620px;
	margin-bottom:20px}
	
.p02-box2{
	float:right;
	width:280px;
	margin-bottom:20px}		
	
/*-----------------------------------------------------
model
----------------------------------------------------*/
.p03-box1{
	float:left;
	width:540px;
	margin-bottom:20px}
	
.p03-box2{
	float:right;
	width:350px;
	margin-bottom:20px}			
	
/*-----------------------------------------------------
footer
---------------------------------------------------- */
#footer{
	color:#fff;
	margin:0 auto;
	font-size:10px;
	background:#101010}

#footer-in{width:960px;	margin:0 auto;}

#footer-l{
	width:600px;
	float:left}
	
.flink-ul{
	float:left;
	width:600px;
	text-align:left;
	padding:10px 20px;
	list-style:none}
	
.flink-ul li{
background:url(../images/dixie/list.jpg) no-repeat 0 50%;
float:left;
 padding:0 10px 0 10px }

.flink-ul li.first{}
.flink-ul li.last{border:none;}
.flink-ul a:link {text-decoration:none; color:#fff;	} 
.flink-ul a:visited {text-decoration:none; color:#fff} 
.flink-ul a:hover,
.flink-ul a:active{text-decoration:underline; color:#fff} 

#pagetop{
	float:right;
	width:254px;}
	
#copyright{
	text-align:center;
	padding:10px 0 25px 0}

/*--------------------
最新情報詳細
----------------------*/
.news-box{
	float:left;
	margin-right:20px;
	width:286px;
	margin-bottom:20px;}

/*--------------------------------------------------
content
---------------------------------------------------*/
#left{
	float:left;
	width:220px;
	padding:8px 0;
	background:#a7d575}

#right{float:right;width:720px}


/*----------------------------
各スタイル
------------------------------*/
p{margin-bottom:0}
.clear{clear:both; margin:0;padding:0}
.lhn{line-height:normal; margin-bottom:15px}
.fs120{ font-size:120%}	
.btn{background:url(../images/dixie/mark.jpg) no-repeat left;	padding-left:15px}
.box{padding:5px 10px;border:2px solid #333; font-weight:bold; text-align:center; margin-bottom:20px; vertical-align:middle} 

/*----------------------------
間隔
------------------------------*/
.pt10{ padding-top:10px}
.pt18{ padding-top:18px}

.mb5{ margin-bottom:5px}
.mb10{ margin-bottom:10px}
.mb15{ margin-bottom:15px}
.mb20{ margin-bottom:20px}
.mb50{ margin-bottom:50px}

.mr10{margin-right:10px}
.mr20{margin-right:20px}

/*---------------------------
ul
----------------------------- */
ul {list-style:none}

/*---------------------------
フロート
----------------------------- */
.f-left{float:left}
.f-right{float:right}
/*----------------------------
文字寄せ
----------------------------- */
.ctr{text-align:center}
.rgt{text-align:right}
/*----------------------------
文字色
----------------------------- */
.red {color: #dd0000}
.orange{color:#ff6c00}
/*----------------------------
文字サイズ
----------------------------- */
.bold{font-weight:bold}
/*----------------------------
画像
----------------------------- */
img {border: 0}
/*---------------------------
テーブル
------------------------------*/
.table{ color:#fff;	
border-top:1px solid #5b5b5b;
border-right:1px solid #5b5b5b;

}

.table td{
	padding:5px 20px;
border-left:1px solid #5b5b5b;	
	border-bottom:1px solid #ccc
}

.table th{
border-left:1px solid #5b5b5b;		
	background:#101010;
	font-weight:normal;
	border-bottom:1px solid #5b5b5b;
	padding:5px 20px;
	text-align:center}
	
.table td{
	border-bottom:1px solid #5b5b5b;
	background:#262626;
	}

.thw th {width:35%}	
	.td1{	background:#101010; }
	
/*---------------------------
テーブル
------------------------------*/
.table3{ color:#fff;}

.table3 td{
	padding:1px 15px;
	border-bottom:1px solid #ccc
}

.table3 th{
	background:#101010;
	font-weight:normal;
	border-bottom:1px solid #5b5b5b;
	padding:1px 20px;
	text-align:center}
	
.table3 td{
	border-bottom:1px solid #292929;
	border-bottom:1px solid #5b5b5b;
	background:#262626;
	}

/*---------------------------
テーブル
------------------------------*/
.infobox{
	height:330px;
	overflow: auto;}

.infotable{
	border-bottom:0px solid #ccc;
	border-right:0px solid #ccc;}

.infotable td{
	vertical-align:top;	
	padding:5px 10px 5px 0;}

.infotable th{
	font-weight:normal;
	text-align:left;
	padding:5px 0;	
	vertical-align:top;
	width:23%;}
	
.infotable th span{	color:#fff;
	background:#990017; padding:3px;}
	
.infotable td img{ margin:0 5px}	


/*---------------------------
求人テーブル
------------------------------*/
.table2{
	border:1px solid #ccc;
	border-top:2px solid #ffa207;
	border-bottom:0px solid #ccc;
	border-right:0px solid #ccc;	
	background:#fff;
	margin-bottom:20px;}

.table2 td{
	padding:5px 10px;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc}

.table2 th{
	background: #eee;
	border-top:1px #fff solid;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;	
	padding:5px 15px;
	text-align:center}
	
.table2 td{border-top:1px #fff solid}

.th20 th{ width:20%}
.tdwidth{width:40%}
.koumoku{background:#ffeabf; font-weight:bold; text-align:center;}

/*---------------------------
 h
-----------------------------*/
h2,h3,h4,h5{
	margin: 0;
	font-size:100%;	
	padding: 0;
	font-style:normal;
	font-weight:normal;
	clear:both}

.title1{
	font-size:120%;	
	background:#666;
	border:1px solid #555;
	border-left:8px solid #990017;
	padding:9px 0 7px 10px;
	font-weight:bold;
	margin-bottom:15px}
	
.title2{
	font-size:100%;	
	padding:0 0 3px 10px ;
	border-left:8px solid #fff;
	margin-bottom:10px;	
	font-weight:bold}
	
.title3{
	background: #37a639;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;		
	padding:7px 10px 5px 10px;
	color:#fff;
	font-weight:bold;
	margin-bottom:10px}
	
.title4{
	font-size:125%;	
	background:url(../images/dixie/gray.jpg) repeat-x bottom #fff;
	border:1px solid #ccc;
	border-left:8px solid #1f8bb8;
	padding:9px 0 9px 10px;
	font-weight:bold;
	margin-bottom:15px}	
	
.title5{
	font-size:125%;		
	background:url(../images/dixie/gray.jpg) repeat-x bottom #fff;
	border:1px solid #ccc;
	border-left:8px solid #e76358;
	padding:9px 0 9px 10px;
	font-weight:bold;
	margin-bottom:15px}	
	
.title6{
	font-size:125%;	
	background:url(../images/dixie/gray.jpg) repeat-x bottom #fff;
	border:1px solid #ccc;
	border-left:8px solid #b45baf;
	padding:9px 0 9px 10px;
	font-weight:bold;
	margin-bottom:15px}		
	
.title7{
	font-size:125%;	
	background:url(../images/dixie/gray.jpg) repeat-x bottom #fff;
	border:1px solid #ccc;
	border-left:8px solid #ffa207;
	padding:9px 0 9px 10px;
	font-weight:bold;
	margin-bottom:15px}			

/*-------------------------------------------------
print
-------------------------------------------------*/	
@media print{
#body1{	background:none}
#body2{	background:none}
	}