@charset "utf-8";

* {
	margin: 0 0;
	padding: 0 0;
}
html #pngfix {
	behavior: expression(IEPNGFIX.fix(this));
}
body {
	background-color:#FFF;
}
img {border: none;
}

/*パンくず*/
div#pankuzu { 
	font-size:120%;
	margin:0 10px 15px 0;
	text-align: right;
	font-size: 111%;
}
div#pankuzu a {
	color: #666;
	text-decoration: underline;
}
div#pankuzu a:hover {
	color: #666;
	text-decoration: none;
}
div#wrap {
	width: 93%;
}
div#slide_panel{
	clear: both;
	width: 201px;
	height: 216px;
	cursor: pointer;
	overflow: hidden;
	float: left;
}
div.side_index {
	position: absolute;
	top: 126px;
}
div#slide_btn {
	width: 34px;
	height: 216px;
	float: right;
}
.menu_off{
	background-image:url(../../img/common/sidenavi_open.gif);
	background-repeat: no-repeat;
	background-position:100% 0;
	display: block;
}
.active{
	background-image:url(../../img/common/sidenavi_close.gif);
	background-repeat: no-repeat;
	background-position:100% 0;
	display: block;
}

/*サイドナビ*/
div#slide_nav {
	display: none;
	width: 167px;
	height: 216px;
	overflow: hidden;
	float: left;
}
div#slide_nav menu {
	display: block;
	width: 167px;
	height: 216px;
	padding: 5px 6px 6px 0;
	background-image:url(../../img/common/navi_back.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
div#slide_nav menu li {
	list-style: none;
	width: 161px;
	text-indent: -9999em;
}
menu li a {
	display:block;
}
li#nav_home a {
	 height: 35px;
	 width: 161px;
	 background-image:url(../../img/common/navi_home.png);
	 background-repeat: no-repeat;
	 background-position: 0 0;
}
li#nav_home a:hover {
	 height: 35px;
	 width: 161px;
	 background-image:url(../../img/common/navi_home.png);
	 background-repeat: no-repeat;
	 background-position: -161px 0;
}
li#nav_tsunagaru a {
	 height: 34px;
	 width: 161px;
	 background-image:url(../../img/common/navi_tsunagaru.png);
	 background-repeat: no-repeat;
	 background-position: 0 0;
}
li#nav_tsunagaru a:hover {
	 height: 34px;
	 width: 161px;
	 background-image:url(../../img/common/navi_tsunagaru.png);
	 background-repeat: no-repeat;
	 background-position: -161px 0;
}
li#nav_recruit a {
	 height: 34px;
	 width: 161px;
	 background-image:url(../../img/common/navi_recruit.png);
	 background-repeat: no-repeat;
	 background-position: 0 0;
}
li#nav_recruit a:hover {
	 height: 34px;
	 width: 161px;
	 background-image:url(../../img/common/navi_recruit.png);
	 background-repeat: no-repeat;
	 background-position: -161px 0;
}
li#nav_process a {
	 height: 34px;
	 width: 161px;
	 background-image:url(../../img/common/navi_process.png);
	 background-repeat: no-repeat;
	 background-position: 0 0;
}
li#nav_process a:hover {
	 height: 34px;
	 width: 161px;
	 background-image:url(../../img/common/navi_process.png);
	 background-repeat: no-repeat;
	 background-position: -161px 0;
}
li#nav_company a {
	 height: 34px;
	 width: 161px;
	 background-image:url(../../img/common/navi_company.png);
	 background-repeat: no-repeat;
	 background-position: 0 0;
}
li#nav_company a:hover {
	 height: 34px;
	 width: 161px;
	 background-image:url(../../img/common/navi_company.png);
	 background-repeat: no-repeat;
	 background-position: -161px 0;
}
li#nav_entry a {
	 height: 34px;
	 width: 161px;
	 background-image:url(../../img/common/navi_entry.png);
	 background-repeat: no-repeat;
	 background-position: 0 0;
}
li#nav_entry a:hover {
	 height: 34px;
	 width: 161px;
	 background-image:url(../../img/common/navi_entry.png);
	 background-repeat: no-repeat;
	 background-position: -161px 0;
}

/*ヘッダー*/
div#header {
	padding: 30px 70px 0 70px;
}
div#sub_navi {
	width: 100%;
	height: 25px;
	margin-top: 20px;
	text-align: left;
	/*padding-left: 30px;*/
}
div#sub_navi menu li{
	float: left;
	margin: 8px 5px 0 5px;
	list-style: none;
}
div#sub_navi ul li{
	float: left;
	margin: 8px 5px 0 5px;
	list-style: none;
}
/*コンテンツ*/

div#contener {
	float: right;
	width: 90%;
	margin-left: -250px;
	z-index: 0;
	margin-bottom: 80px;
}
div#content {
	width: 85%;
	height: auto;
	background-color:#ffffff;
	padding: 50px;
	float: right;
	text-align: left;
}
div#content2 {
	width: 85%;
	height: auto;
	background-color:#ffffff;
	padding: 20px;
	float: right;
	text-align: left;
}
.box {
	text-align: left;
}
.box2 {
	padding: 30px;
	text-align: left;
}
.img_01 {
	float: right;
	text-align: right;
	margin-left: 15px;
}
.img_01 img {
	margin: 0 0 10px 0;
}
/*フッター*/
div#footer {
	background-color: #eee;
	clear: both;
	width: 100%;
	height: 110px;
	text-align: center;
	padding: 30px 0 0 0 ;
}
div#footer_link {
	width: 680px;
	margin: 0 auto;
	text-align: left;
}
dl#footer_l,#footer_m,#footer_r {
	float: left;
	width: 210px;
	text-align: left;
	font-size: 110%;
	line-height: 140%;
	display: block;
}
div#footer_link dl a {
	text-decoration: none;
	color: #333;
}
.link_border {
	border-left: #fff solid 1px;
	padding-left: 15px;
}
dl#footer_l dt {
	color: #8bc834;
	font-weight: bold;
}
dl#footer_l dd a:hover {
	color: #8bc834;
}
dl#footer_m dt {
	color: #c84534;
	font-weight: bold;
}
dl#footer_m dd a:hover {
	color: #c84534;
}
dl#footer_r dt {
	color: #34a7c8;
	font-weight: bold;
}
dl#footer_r dd a:hover {
	color: #34a7c8;
}
div#copyright {
	clear: both;
	background: #eee url(../../img/common/footer_bg.png) repeat-x bottom scroll;
	width: 100%;
	height: 61px;
	padding: 0 0;
	text-align: center;
}
/*その他*/
.clear {
	clear:both;
}
.mt_15 {
	margin-top: 15px;
}
.mt_20 {
	margin-top: 20px;
}
.mt_30 {
	margin-top: 30px;
}

.mt_45 {
	margin-top: 45px;
}
.mt_60 {
	margin-top: 60px;
}


.mb_15 {
	margin-bottom: 15px;
}
.mb_20 {
	margin-bottom: 20px;
}
.mb_30 {
	margin-bottom: 30px;
}

.mb_45 {
	margin-bottom: 45px;
}

.mb_60 {
	margin-bottom: 60px;
}
.ml_15 {
	margin-left: 15px;
}
.ml_20 {
	margin-left: 20px;
}
.ml_35 {
	margin-left: 35px;
}
.ml_40 {
	margin-left: 40px;
}
.ml_50 {
	margin-left: 50px;
}