@charset 'UTF-8';
@import url(common.css);
@import url(textsetting.css);


/* ================================================================ *
	NexasDesign 2008/06
	リクルート用CSS
	
	
 * ================================================================ */


/* -------------------------------------------------------------------
>> 文書全体
------------------------------------------------------------------- */

body {
	text-align : center;
}

#wrapper {
	width : 800px;
	margin : 0 auto;
	padding-left : 5px;
	text-align : left;
/*	background : #d4d;*/
}

table {
	border-collapse: collapse;
}

li {
	list-style : none;
}



h2 {
	clear : both;
	margin : 0 0 15px 25px;
	padding : 10px 0 0 0;
}
p {
	line-height : 140%;
}

ul li {
	margin-bottom : 10px;
}
/* -------------------------------------------------------------------
>> header
------------------------------------------------------------------- */
#header {
	height : 65px;
	background : url(../img/parts/header_bg.jpg) no-repeat;
}

#header h1 {
	margin : 28px 0 0 13px;
	float : left;
}

#header ul {
	float : right;
	display : inline;
	margin : 42px 13px 0 0;
}

#header li {
	display : inline;
}
#header li a {
	display : block;
	float : left;
	height : 14px;
	margin-left : 15px;
	text-indent : -5000px;
	overflow : hidden;
}

#header li a:hover {
	background-position : 0 -14px;
}

#recruit-top a {
	width : 108px;
	background : url(../img/navi/recruit_top.gif) no-repeat;
}

#ito-top a {
	width : 106px;
	background : url(../img/navi/denko_top.gif) no-repeat;
}




/* -------------------------------------------------------------------
>> main-navi
------------------------------------------------------------------- */
#news-btn {
	margin-right : 25px;
}
#news-btn a {
	display : block;
	float : right;
	text-indent : -5000px;
	overflow : hidden;
	width : 133px;
	height : 84px;
	background : url(../img/navi/news_btn.gif) no-repeat;
}
#news-btn a:hover {
	background-position : 0 -84px;
}

#main-navi {
	clear : both;
}

#main-navi li {
/*	display : inline;*/
	float : left;
}
#main-navi a {
	display : block;
	text-indent : -5000px;
	overflow : hidden;
}

/*  メニュー画像読み込み  */
#fresh a{
	margin : -90px 40px 0 146px;
	position : relative;
	width : 191px;
	height : 339px;
	background : url(../img/navi/fresh_navi.gif) no-repeat;
}
#fresh a:hover {
	background-position : 0 -339px;
}


#carrier a{
	position : relative;
	margin : -90px 0 0 0;
	width : 234px;
	height : 340px;
	background : url(../img/navi/carrier_navi.gif) no-repeat;
}

#carrier a:hover {
	background-position : 0 -340px;
}

#message a{
	margin : -183px 40px 0 0px;
	position : relative;
	left : 20px;
	width : 198px;
	height : 367px;
	background : url(../img/navi/messege_navi.gif) no-repeat;
}
#message a:hover {
	background-position : 0 -367px;
}


#member a{
	position : relative;
	margin : -161px 0 0 0;
	width : 262px;
	height : 345px;
	background : url(../img/navi/member_navi.gif) no-repeat;
}
#member a:hover {
	background-position : 0 -345px;
}


#com a{
	position :relative;
	margin : -175px 0 0 0;
	width : 288px;
	height : 359px;
	background : url(../img/navi/com_navi.gif) no-repeat;
}
#com a:hover {
	background-position : 0 -359px;
}


/* -------------------------------------------------------------------
>> main-navi2 レギュラーページ用
------------------------------------------------------------------- */
#main-navi2 {
	display : inline;
	float : right;
	margin : 10px 20px 0 0;
}

#main-navi2 ul {
	clear : both;
}

#main-navi2 li {
	display : inline;
}

#main-navi2 a {
	display : block;
	float : left;
	width : 180px;
	height : 24px;
	margin : 0 5px 5px 0;
	text-indent : -5000px;
	overflow : hidden;
}

#main-navi2 a:hover {
	background-position : 0 -24px;
}

#fresh2 a {
	background : url(../img/navi/fresh_navi2.gif) no-repeat;
}

#carrier2 a {
	background : url(../img/navi/carrier_navi2.gif) no-repeat;
}

#news2 a {
	background : url(../img/navi/news_navi2.gif) no-repeat;
}

#message2 a {
	background : url(../img/navi/message_navi2.gif) no-repeat;
}

#member2 a {
	background : url(../img/navi/member_navi2.gif) no-repeat;
}

#com2 a {
	background : url(../img/navi/com_navi2.gif) no-repeat;
}


/* -------------------------------------------------------------------
>> pankuzu
------------------------------------------------------------------- */
#pankuzu {
	clear : both;
	width : 800px;
	height :  25px;
	background : url(../img/parts/pankuzu_bg.jpg) no-repeat;
}

#pankuzu ul {
	padding : 5px 22px 0;
}

#pankuzu li {
	display : inline;
}

/* -------------------------------------------------------------------
>> contents
------------------------------------------------------------------- */
#contents:after {
	content : url("../img/parts/space.gif");
	display : block;
	height : 0;
	clear : both;
}
#contents {
	clear : both;
	width : 800px;
	padding : 0 0 10px 0;
	color : #393939;
	background : url(../img/parts/contents_line.jpg) repeat-y;
}

#contents-in {
	clear : both;
	min-height : 18px;
	background : url(../img/parts/contents_head.jpg) no-repeat;
}

/*-- 見出しビジュアル部分 --*/
.visual {
	clear : both;
	margin : 0 12px 0;
	border-bottom : 1px solid #84c1e6;
}
.visual h2 {
	margin : 0;
	padding : 0;
	height : auto;
}

.visual h3 {
	position : relative;
	top : 130px;
	left : 300px;
/*	top : -220px;*/
}
.visual p {
	width : 450px;
	padding-top : 130px;
	margin-left : 300px;
	font-size : 14px;
}

#fresh_h {
	width : 776px;
	height : 365px;
	background : url("../img/photo/fresh_visual.jpg") no-repeat;
}
#carrier_h {
	width : 776px;
	height : 365px;
	background : url("../img/photo/carrier_visual.jpg") no-repeat;
}
#message_h {
	width : 776px;
	height : 365px;
	background : url("../img/photo/message_visual.jpg") no-repeat;
	border-bottom : none;
}
#member_h {
	width : 776px;
	height : 365px;
	background : url("../img/photo/member_visual.jpg") no-repeat;
	border-bottom : none;
}
#com_h {
	width : 776px;
	height : 365px;
	background : url("../img/photo/com_visual.jpg") no-repeat;
	border-bottom : none;
}




#cont-box {
	width : 800px;
	margin-top : 20px;
/*	background : #44d;*/
}

#left-area:after {
	content : url("../img/parts/space.gif");
	display : block;
	height : 0;
	clear : both;
}
#left-area {
	clear : both;
	display : inline;
	float : left;
	padding-right : 50px;
	padding-left : 30px;
/*	background : #d4d;*/
}
#left-area-in {
	width : 450px;
	height : auto;
}

#right-area {
	display : inline;
	float : right;
	width : 258px;
/*	background : #4d4;*/
	border-left : 1px solid #84c1e6;
}
#right-area-in {
	padding-left : 30px;
}

h3,h4 {
	margin : 0 0 15px;
}
h3.h3-bg {
	clear : both;
	padding-left : 25px;
	background : url(../img/parts/h3_bg.jpg) no-repeat;
}

#left-area p {
	font-size : 14px;
	margin : 0 0 20px 0;
}
#left-area ul,#left-area ol {
	margin : 0 0 20px 0;
}

#right-area p {
	font-size : 12px;
}
/* ページトップへ戻る */
#gotoTop {
	float : right;
	margin-top : 20px;
	text-indent : -5000px;
	width : 37px;
	height : 426px;
	background : url(../img/navi/gotoTop_line.jpg) no-repeat 0 0;
}

#gotoTop a {
	display : block;
	width : 34px;
	height : 160px;
	overflow : hidden;
	background : url(../img/navi/gotoTop.jpg) no-repeat 3px 0;
}


/* ページ内リンク */
#page-list {
	margin : 0 0 20px 10px;
}
#page-list ul {
	width : 256px;
	padding : 15px 0 0;
	background : url(../img/parts/page_list_in.jpg) repeat-y;
}
#page-list li {
	padding : 0 0 15px 15px;
}
#page-list li a {
	padding : 0 0 0 20px;
	background : url(../img/icon/anc01.gif) no-repeat 0 center;
}
#page-list li a:hover {
	background : url(../img/icon/anc01_hover.gif) no-repeat 0 center;
}
#page-list img {
	display : block;
}


/* インフォメーション */
.info-box:after {
	content : url("../img/parts/space.gif");
	display : block;
	height : 0;
	clear : both;
}

.info-box {
	clear : both;
	width : 440px;
	margin : 0 0 30px 0;
}
.day {
	display : block;
	text-align : right;
	font-size : 12px;
	margin : 0 0 5px 0;
}

.archive {
	line-height : 150%;
	font-size : 12px;
}
.archive li {
	margin : 0 0 1em 0;
}
.archive a {
	padding : 0 0 0 10px;
}

/* インフォメーション用 ページ数表示設定　*/
.page-link {
	margin : 5px 0 20px 30px;
	padding : 4px 0;
	font-size : 12px;
	text-align : left;
/*	background : #efefef;*/
}
.page-link li {
	display : inline;
	padding : 0 2px;
}

/* -------------------------------------------------------------------
>> footer
------------------------------------------------------------------- */
#footer {
	clear : both;
	width : 800px;
	min-height : 58px;
	background : url(../img/parts/footer_bg.gif) no-repeat 0 bottom #016fb6;
}

#footer ul {
	padding : 10px 0 0 25px;
}

#footer li {
	display : inline;
	margin : 0 0 0 5px;
}

#footer li a {
	padding : 0 0 0 10px;
	border-left : 1px solid #ffffff;
}

#footer .border-right {
	padding : 0 10px 0 0;
	border-right : 1px solid #ffffff;
}

#footer h4 {
	float : right;
	display : inline;
	margin : 0 15px 0 25px;
}
#footer address {
	margin : 10px 0 0 35px;
	padding : 0 0 10px 0;
}
#footer p {
	float : right;
	margin : -15px 0 0 0;
	padding : 0 35px 0 0;
}

.copy-right {
	margin : 10px 0;
	font-size : 12px;
	text-align : center;
}


.text-center {
	text-align : center;
}
.layout-right {
	margin : 0 0 10px 10px;
	float : right;
}
.clear {
	clear : both;
}