/*****************ページ設定*****************/

* {
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
	font-family: "メイリオ","Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック", sans-serif;
}

body{
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	background-color: #ffffff;
}

img{
	border: 0;
}
	
/*テキストリンク設定*/
A:link { text-decoration:none; color:#00b7ee; }
A:visited { text-decoration:none; color:#00b7ee; }
A:active { text-decoration:none; color:#00b7ee; }
A:hover { text-decoration:none; color:#9E0B11; }

.top {
	height: auto;
	width: 625px;
	padding:10px 0 0 0;
	text-align:right;
	float: left;
}


/*****************メインレイアウト設定*****************/

/*ラッパー領域設定*/
#wrapper{
	position: relative;
	width: 850px;
	margin: 0 auto;
}

/*ヘッダー領域設定*/
#header{
	height: 65px;
	width: 850px;
	padding:15px 0 0 0;
	float: left;
}

/*メニュー領域*/
#menu{
	height: 40px;
	width: 840px;
	float: left;
}

#menu ul{
	list-style-type: none;
	display: inline;
}

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

#menu li a {
	display: block;
}




ul#menuList {
	list-style: none;
	list-style-image: none;
	list-style-position: outside;
}

ul#menuList li a {
	height: 40px;
	text-decoration: none;
	text-indent: -9999px;
	width: 130px;
	display: block;
}

li#menu01 a { 
	background: url(../img/menu_01.gif) top left no-repeat;
	left: 0px;
}

li#menu02 a { 
	background: url(../img/menu_02.gif) top left no-repeat;
	left: 130px;
}

li#menu03 a { 
	background: url(../img/menu_03.gif) top left no-repeat;
	left: 260px;
}

li#menu04 a { 
	background: url(../img/menu_04.gif) top left no-repeat;
	left: 390px;
}

li#menu05 a { 
	background: url(../img/menu_05.gif) top left no-repeat;
	left: 520px;
}

li#menu06 a { 
	background: url(../img/menu_06.gif) top left no-repeat;
	left: 650px;
}

li#menu01 a:hover,
li#menu02 a:hover,
li#menu03 a:hover,
li#menu04 a:hover,
li#menu05 a:hover,
li#menu06 a:hover,
 { 
background-position: 0 -40px;
}


/*メインイメージ領域*/
#main{
	height: 250px;
	width: 850px;
	padding: 20px 0 20px 0;
	float:left;
}

/*ニュース領域*/
#news{
	height: auto;
	width: 270px;
	padding:10px 10px 10px 10px;
	border-style: solid;
	border-width: 1px;
	border-color: #C2BB00;
	float: left;
}

#news ul{
	list-style-type: none;
	display: inline;
}

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

#news1 li a {
	display: block;
}


.news01{
	height: auto;
	width: 90px;
	padding: 0 0 0 0;
	text-align: left;
	font-weight:bold;
	color: #000000;
	float: left;
}

.news02{
	height: auto;
	width: 180px;
	padding: 0 0 0 0;
	text-align: left;
	color: #000000;
	float: left;
}

.font03{
	font-size: 150%;
	font-weight: bold;
}


/*ニュース設定領域*/
div.newsline{
	height: 15px;
	width: 250px;
	float: left;
}

div.newssp{
	height: 1px;
	width: 250px;
	float: left;
}


/*サービス領域*/
#service{
	height: auto;
	width: 165px;
	padding:0 0 0 15px;
	float: left;
}


/*バナーリンク領域*/
#bannerlink{
	height: auto;
	width: 850px;
	padding: 25px 0 30px 0;
	float: left;
}

#bannerlink ul{
	list-style-type: none;
	display: inline;
}

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

#bannerlink li a {
	display: block;
}



/*バナーリンク領域*/
#bannerlink1{
	height: auto;
	width: 400px;
	float: left;
	padding:10px 0 0 0;
}

#bannerlink1 ul{
	list-style-type: none;
	display: inline;
}

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

#bannerlink1 li a {
	display: block;
}


/*著作権表示領域*/
#copyright{
	height: auto;
	width: 450px;
	color: #000000;
	text-align: right;
	padding:20px 0 0 0;
	float: left;
}


/*フッター*/
#footer{
	height: 20px;
	width: 850px;
	clear:both;
}



/*****************下層レイアウト設定*****************/

/*左メニュー領域*/

#sidemenu{
	height: auto;
	width: 210px;
	padding:0 0 0 0;
	float: left;
}

.accordion_toggle{
	display: block;
	height: 49px;
}

.accordion_content{
	overflow: hidden;
	width:208px;
}


.local_navi{
	width : 208px;
	margin: 20px 0 0 0;
	border-bottom: 1px solid #e1dc80;
	border-left: 1px solid #e1dc80;
	border-right: 1px solid #e1dc80;
}

.local_navi	 ul{
	list-style: none;
	margin: 0; 
	padding: 0;
}

.local_navi	 li{
	padding: 0 0 0 0;
	list-style: none;
}


.local_navi	 img{
	vertical-align: bottom; 
}


/*下層内容領域*/
#site{
	height: auto;
	width: 625px;
	padding:20px 0 0 15px;
	float: left;
}




/*****************トピックス*****************/
.topix01 {
	height: auto;
	width: 100px;
	border-style: dashed;
	border-width: 1px 0 0 0;
	border-color: #999999;
	padding:10px 0 10px 10px;
	float: left;
}

.topix02 {
	height: auto;
	width: 470px;
	border-style: dashed;
	border-width: 1px 0 0 0;
	border-color: #999999;
	padding:10px 0 10px 10px;
	text-align: left;
	float: left;
}

.topix03 {
	height: auto;
	width: 100px;
	border-style: dashed;
	border-width: 1px 0 1px 0;
	border-color: #999999;
	padding:10px 0 10px 10px;
	float: left;
}

.topix04 {
	height: auto;
	width: 470px;
	border-style: dashed;
	border-width: 1px 0 1px 0;
	border-color: #999999;
	padding:10px 0 10px 10px;
	text-align: left;
	float: left;
}


/*****************サービス*****************/

/*サービス領域*/
.service01 {
	height: 475px;
	width: 200px;
	padding:10px 0 0 0;
	float: left;
}

.service02 {
	height: 475px;
	width: 10px;
	padding:0 0 0 0;
	float: left;
}


/*ホームページ制作領域*/

.hp01 {
	height: auto;
	width: 620px;
	float: left;
}

.hp02{
	font-size: 130%;
	font-weight:bold;
	color: #fc9d33;
}

.hp03{
	color: #fc9d33;
}

.hp04 {
	height: 200px;
	width: 200px;
	padding:0 0 0 0;
	float: left;
}

.hp05 {
	height: 20px;
	width: 600px;
	padding:0 0 0 0;
	float: left;
}

.hp06 {
	height: 188px;
	width: 398px;
	text-align:left;
	border-style: solid;
	border-width: 1px 1px 1px 0;
	border-color: #dfdfdf;
	padding:5px 10px 5px 10px;
	float: left;
}

.hp07 {
	height: 40px;
	width: 10px;
	padding:0 0 0 0;
	float: left;
}


.hp08 {
	color:#FF0000;
}

.hp09 {
	height: auto;
	width: 585px;
	text-align:left;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #dfdfdf;
	padding:5px 10px 5px 10px;
	float: left;
}

.hp10{
	font-size: 130%;
	font-weight:bold;
	color: #002e73;
}

/*アウトドア事業領域*/

.out01 {
	height: 150px;
	width: 200px;
	padding:0 0 0 0;
	float: left;
}

.out02 {
	height: 150px;
	width: 400px;
	padding:0 0 0 0;
	float: left;
}

.out03 {
	height: auto;
	width: 578px;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #8cc030;
	padding:10px 0 10px 20px;
	text-align: left;
	float: left;
}


/*広告領域*/

.bnr03 {
	height: auto;
	width: 150px;
	border-style: dashed;
	border-width: 1px 0 0 0;
	border-color: #999999;
	padding:10px 0 10px 20px;
	background-color:#ffe658;
	float: left;
}

.bnr04 {
	height: auto;
	width: 430px;
	border-style: dashed;
	border-width: 1px 0 0 0;
	border-color: #999999;
	padding:10px 0 10px 20px;
	text-align: left;
	float: left;
}

.bnr05 {
	height: auto;
	width: 150px;
	border-style: dashed;
	border-width: 1px 0 1px 0;
	border-color: #999999;
	padding:10px 0 10px 20px;
	background-color:#ffe658;
	float: left;
}

.bnr06 {
	height: auto;
	width: 430px;
	border-style: dashed;
	border-width: 1px 0 1px 0;
	border-color: #999999;
	padding:10px 0 10px 20px;
	text-align: left;
	float: left;
}


/*****************会社案内*****************/

/*会社理念領域*/
.policy01 {
	height: 145px;
	width: 300px;
	padding: 0 0 0 0;
	text-align: left;
	float: left;
}
.policy02 {
	height: 145px;
	width: 310px;
	padding: 0 0 0 10px;
	text-align: left;
	float: left;
}
.policy03 {
	height: auto;
	width: 600px;
	padding: 30px 0 0 0;
	text-align: left;
	float: left;
}


/*会社概要領域*/
.info01 {
	height: auto;
	width: 130px;
	border-style: dashed;
	border-width: 1px 0 0 0;
	border-color: #999999;
	padding:10px 0 10px 20px;
	background-color:#eeeeee;
	float: left;
}

.infoline01 {
	height: auto;
	width: 430px;
	border-style: dashed;
	border-width: 1px 0 0 0;
	border-color: #999999;
	padding:10px 0 10px 20px;
	text-align: left;
	float: left;
}

.info02 {
	height: 220px;
	width: 130px;
	border-style: dashed;
	border-width: 1px 0 1px 0;
	border-color: #999999;
	padding:10px 0 10px 20px;
	background-color:#eeeeee;
	float: left;
}

.infoline02 {
	height: 220px;
	width: 430px;
	border-style: dashed;
	border-width: 1px 0 1px 0;
	border-color: #999999;
	padding:10px 0 10px 20px;
	text-align: left;
	float: left;
}


/*会社沿革領域*/
.history01 {
	height: 30px;
	width: 100px;
	padding:0 0 0 0;
	float: left;
}

.historyline {
	height: 30px;
	width: 500px;
	padding: 0 0 0 0;
	text-align: left;
	float: left;
}

/*業務推移領域*/

.suii01 {
	height: auto;
	width: 600px;
	padding: 0 0 0 0;
	text-align: left;
	float: left;
}
.suii02 {
	height: auto;
	width: 100px;
	padding: 0 0 0 0;
	text-align: left;
	float: left;
}



/*****************採用情報*****************/

/*採用情報*/

.rec01 {
	height: 225px;
	width: 300px;
	padding:10px 0 0 0;
	float: left;
}

.rec02 {
	height: 225px;
	width: 20px;
	padding:0 0 0 0;
	float: left;
}

.rec03 {
	height: auto;
	width: 600px;
	font-size: 130%;
	font-weight:bold;
	letter-spacing: 10px; 
	padding:4px 0 3px 20px;
	color:#FFFFFF;
	background-color:#8cc030;
	float: left;
}


/*ライフスタイル*/

.life01 {
	height: auto;
	width: 600px;
	padding:0 0 0 0;
	float: left;
}

.life02 {
	height: auto;
	width: 600px;
	border-style: dashed;
	border-width: 1px 0 1px 0;
	border-color: #999999;
	padding:10px 0 10px 20px;
	background-color:#eeeeee;
	text-align: left;
	float: left;
}

.life03 {
	height: 20px;
	width: 600px;
	float: left;
}

.life05 {
	height: auto;
	width: 620px;
	float: left;
}

.font04{
	font-size: 130%;
	color: #8cc030;
}

.font05{
	font-size: 130%;
	font-weight:bold;
	color: #fc9d33;
}


/*スタッフ紹介*/

.st01 {
	font-size: 130%;
	color: #000000;
}

.st02 {
	font-size: 130%;
	color: #fc9d33;
}


.st03 {
	height: 500px;
	width: 200px;
	padding:20px 0 0 0;
	float: left;
}

.st04 {
	height: auto;
	width: 400px;
	padding:20px 0 0 20px;
	float: left;
}



/*新卒募集*/

.sinso01 {
	height: auto;
	width: 150px;
	border-style: dashed;
	border-width: 0 0 0 0;
	border-color: #999999;
	padding:10px 0 10px 20px;
	background-color:#eeeeee;
	float: left;
}

.sinso02 {
	height: auto;
	width: 430px;
	border-style: dashed;
	border-width: 0 0 0 0;
	border-color: #999999;
	padding:10px 0 10px 20px;
	text-align: left;
	float: left;
}


.sinso03 {
	height: auto;
	width: 150px;
	border-style: dashed;
	border-width: 1px 0 0 0;
	border-color: #999999;
	padding:10px 0 10px 20px;
	background-color:#eeeeee;
	float: left;
}

.sinso04 {
	height: auto;
	width: 430px;
	border-style: dashed;
	border-width: 1px 0 0 0;
	border-color: #999999;
	padding:10px 0 10px 20px;
	text-align: left;
	float: left;
}

.sinso05 {
	height: auto;
	width: 150px;
	border-style: dashed;
	border-width: 1px 0 1px 0;
	border-color: #999999;
	padding:10px 0 10px 20px;
	background-color:#eeeeee;
	float: left;
}

.sinso06 {
	height: auto;
	width: 430px;
	border-style: dashed;
	border-width: 1px 0 1px 0;
	border-color: #999999;
	padding:10px 0 10px 20px;
	text-align: left;
	float: left;
}

.sinso07 {
	height: auto;
	width: 625px;
	padding:10px 0 0 0;
	text-align:center;
	float: left;
}

/*中途募集*/

.font06{
	font-size: 90%;
	color: #ff0000;
}


/*****************スタッフブログ*****************/

.blog {
	height: 225px;
	width: 200px;
	padding:10px 0 0 0;
	float: left;
}

.blogs {
	height: 225px;
	width: 10px;
	padding:0 0 0 0;
	float: left;
}


/*****************サイトマップ*****************/

#sitemapline {
	height: 10px;
	width: 610px;
	padding:0 0 0 0;
	background: url(../img/sitemapline.jpg) no-repeat;
	float: left;
}

.sitemaparr {
	height: 20px;
	width: 22px;
	padding:3px 0 0 0;
	background: url(../img/tittle/sitemaparr.gif) no-repeat;
	float: left;
}

.sitemaparrf {
	height: 20px;
	width: 35px;
	padding:3px 0 0 0;
	background: url(../img/tittle/sitemaparrf.gif) no-repeat;
	float: left;
}

.sitemapline {
	height: auto;
	width: 500px;
	padding: 0 0 0 0;
	text-align: left;
	float: left;
}

/*テキストリンク設定*/
A.mem:link { text-decoration:none; color:#000000; }
A.mem:visited { text-decoration:none; color:#000000; }
A.mem:active { text-decoration:none; color:#000000; }
A.mem:hover { text-decoration:none; color:#9E0B11; }


/*****************コンタクト*****************/


table.listTypeA {
	margin-top:10px;
	padding:1px;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
}

table.listTypeA td {
	padding: 3px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #e4e4e4;
	border-left: 1px solid #fff;
	border-right: 1px solid #e4e4e4;
	vertical-align:top;
	background: #ffffff;
}

table.listTypeA th {
	padding: 3px;
	background: #ccc;
	vertical-align:top;
	font-weight: normal;
}


#box{
	width: 600px;
	margin: 0 0 0 0;
	padding: 0px;
	text-align: left;
	float: left;
}




#contents07 a{
	font-weight:bold;
}

/*テキストリンク設定*/
A.mem:link { text-decoration:none; color:#000000; }
A.mem:visited { text-decoration:none; color:#000000; }
A.mem:active { text-decoration:none; color:#000000; }
A.mem:hover { text-decoration:none; color:#9E0B11; }





.marukaku {
    width:600px;
    background-color:#eeeeee;
}

.marukaku p{
    margin:0px;
    padding:0.5em 1em;
}

.rtop, .rbottom{
    background:#FFFFFF;
}

.rtop span, .rbottom span{
    display:block;
    height:1px;
    overflow:hidden;
    background-color:#eeeeee;
}
.r1{margin: 0px 5px;}
.r2{margin: 0px 3px;}
.r3{margin: 0px 2px;}
.r4{margin: 0px 1px; height: 2px;}