@charset "UTF-8";

/*/////////////////////////////////////////////////////////////

# NICE CLAUP Co.,LTD.
# COPYRIGHT (C) NICE CLAUP CO,.LTD ALL RIGHTS RESERVED.

css : recruit
Date : 2011.03.11

[recruit] 
	16. Recruit

//////////////////////////////////////////////////////////////*/

/* ------------------------------------------------------------
	16. Recruit
------------------------------------------------------------ */

#recruit{
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: 900px;
}

/* common */
#recruit .leftColumn{
	width: 150px;
	overflow: hidden;
	float: left;
}
#recruit .rightColumn{
	width: 750px;
	overflow: hidden;
	float: right;
}
#recruit .sideColumn{
	width: 190px;
	overflow: hidden;
	float: left;
	background: url(../images/common/line.gif) repeat-y left;
}
#recruit .mainColumn{
	width: 550px;
	overflow: hidden;
	float: right;
}

/* leftColumn */
#recruit .pageTitle{
	width: 110px;
	height: 50px;
	background: url(../images/recruit/title.gif) no-repeat 0 0;
}
#recruit .pageTitle span{
	display: none;
}


/* sideColumn */
#recruit .sideColumn ul{
	margin: 0 0 0 20px;
	padding: 0;
	width: 150px;
	overflow: hidden;
	list-style: none;
}
#recruit .sideColumn ul li{
	margin: 0 0 5px 0;
	padding: 0 0 0 15px;
	width: auto;
	overflow: hidden;
	background: url(../images/common/point.gif) no-repeat 0 center;
}
#recruit .sideColumn ul li a,
#recruit .sideColumn ul li a:link,
#recruit .sideColumn ul li a:visited{
	color: #333;
	text-decoration: none;
}
#recruit .sideColumn ul li a:hover{
	color: #666;
	text-decoration: underline;
}


/* mainColumn */


/* recruitAbout */
#recruit .mainColumn#recruitAbout .articles{
	margin: 0 0 20px 0;
	padding: 0 0 1px 0;
	width: 550px;
	overflow: hidden;
}
#recruit .mainColumn#recruitAbout .articleTitle{
	margin: 0 0 30px 0;
	padding: 0;
	overflow: hidden;
	width: 550px;
}
#recruit .mainColumn#recruitAbout .articleBox{
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: 550px;
}

#recruit .mainColumn#recruitAbout .articleColumn{
	margin: 0;
	padding: 0 0 10px 0;
	overflow: hidden;
	width: 550px;
}

#recruit .mainColumn#recruitAbout .articleBody{
	margin: 0 0 10px 0;
	padding: 0;
	width: 550px;
	overflow: hidden;
}
#recruit .mainColumn#recruitAbout .articleBody p{
	margin: 5px 0 10px;
	color: #333;
}

#recruit .mainColumn#recruitAbout .articleBtn {
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	width: 400px;
}

#recruit .mainColumn#recruitAbout .btn_shinsotsu{
	margin: 0 20px 0 0;
	padding: 0;
	overflow: hidden;
	width: 120px;
	height: 20px;
	float: left;
}
#recruit .mainColumn#recruitAbout .btn_shinsotsu a{
	margin: 0;
	overflow: hidden;
	width: 120px;
	height: 20px;
	background: url(../images/recruit/btn_shinsotsu.gif) no-repeat;
}
#recruit .mainColumn#recruitAbout .btn_chuto{
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: 120px;
	height: 20px;
	float: left;
}
#recruit .mainColumn#recruitAbout .btn_chuto a{
	margin: 0;
	overflow: hidden;
	width: 120px;
	height: 20px;
	background: url(../images/recruit/btn_chuto.gif) no-repeat;
}
#recruit .mainColumn#recruitAbout .btn_arbeit{
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: 120px;
	height: 20px;
	float: right;
}
#recruit .mainColumn#recruitAbout .btn_arbeit a{
	margin: 0;
	overflow: hidden;
	width: 120px;
	height: 20px;
	background: url(../images/recruit/btn_arbeit.gif) no-repeat;
}





/* recruitInner */
#recruit .mainColumn#recruitInner .articles{
	margin: 0 0 20px 20px;
	padding: 0;
	width: 530px;
	overflow: hidden;
}
#recruit .mainColumn#recruitInner .articleTitle{
	margin: 0 0 30px 0;
	padding: 0;
	overflow: hidden;
}
#recruit .mainColumn#recruitInner .articleSendTitle{
	margin: 0 0 10px 0;
	padding: 0;
	overflow: hidden;
	background: #F0F0F0;
}
#recruit .mainColumn#recruitInner .articleSendTitleInner{
	margin: 5px 0 5px 5px;
	padding: 0;
	overflow: hidden;
	font-weight: bold;
	color: #333;
}
#recruit .mainColumn#recruitInner .articleStatic{
	margin: 0 0 10px;
	padding: 0;
	overflow: hidden;
}
#recruit .mainColumn#recruitInner .articleStatic p{
	margin: 0 0 10px;
	color: #333;
}


#recruit .mainColumn#recruitInner .articleBox{
	margin: 0;
	padding: 0 0 1px 0;
	width: 550px;
	overflow: hidden;
	background: url(../images/common/border.gif) repeat-x 0 bottom;
}
#recruit .mainColumn#recruitInner .articleBoxInner{
	margin: 0;
	padding: 1px 0 0 0;
	width: 550px;
	overflow: hidden;
	background: url(../images/common/border.gif) repeat-x 0 top;
}

#recruit .mainColumn#recruitInner .articleColumn{
	margin: 0;
	padding: 0 0 10px 0;
	overflow: hidden;
	background: url(../images/common/border2.gif) repeat-y 256px 0;
	width: 530px;
}
#recruit .mainColumn#recruitInner .articleHead{
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: 255px;
	background: #F0F0F0;
	float: left;
}
#recruit .mainColumn#recruitInner .articleHeadInner{
	margin: 5px 0 5px 5px;
	padding: 0;
	overflow: hidden;
	font-weight: bold;
	color: #333;
}

#recruit .mainColumn#recruitInner .articleBody{
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: 275px;
	float: right;
}
#recruit .mainColumn#recruitInner .articleBody p{
	margin: 5px 10px 10px;
	color: #333;
}

#recruit .mainColumn#recruitInner .articleBody ul{
	margin: 5px 10px 10px;
	list-style: none;
}
#recruit .mainColumn#recruitInner .articleBody ul li{
	margin: 0 0 5px;
	padding: 0 0 0 15px;
	background: url(../images/common/arr.gif) no-repeat 0 center;
}

#recruit .mainColumn#recruitInner .btn_form{
	margin: 10px auto;
	padding: 0;
	overflow: hidden;
	width: 120px;
	height: 20px;
}
#recruit .mainColumn#recruitInner .btn_form a{
	margin: 0;
	overflow: hidden;
	width: 120px;
	height: 20px;
	background: url(../images/recruit/btn_form.gif) no-repeat;
}

/* recruitDetail */
#recruit .mainColumn#recruitDetail .articles{
	margin: 0 0 20px 20px;
	padding: 0;
	width: 530px;
	overflow: hidden;
}
#recruit .mainColumn#recruitDetail .articleTitle{
	margin: 0 0 30px 0;
	padding: 0;
	overflow: hidden;
}
#recruit .mainColumn#recruitDetail .articleSendTitle{
	margin: 0 0 10px 0;
	padding: 0;
	overflow: hidden;
	background: #F0F0F0;
}
#recruit .mainColumn#recruitDetail .articleSendTitleInner{
	margin: 5px 0 5px 5px;
	padding: 0;
	overflow: hidden;
	font-weight: bold;
	color: #333;
}
#recruit .mainColumn#recruitDetail .articleStatic{
	margin: 0 0 10px;
	padding: 0;
	overflow: hidden;
}
#recruit .mainColumn#recruitDetail .articleStatic p{
	margin: 0 0 10px;
	color: #333;
}


#recruit .mainColumn#recruitDetail .articleBox{
	margin: 0;
	padding: 0 0 1px 0;
	width: 550px;
	overflow: hidden;
	background: url(../images/common/border.gif) repeat-x 0 bottom;
}
#recruit .mainColumn#recruitDetail .articleBoxInner{
	margin: 0;
	padding: 1px 0 0 0;
	width: 550px;
	overflow: hidden;
	background: url(../images/common/border.gif) repeat-x 0 top;
}

#recruit .mainColumn#recruitDetail .articleColumn{
	margin: 0;
	padding: 0 0 10px 0;
	overflow: hidden;
	background: url(../images/common/border2.gif) repeat-y 176px 0;
	width: 530px;
}
#recruit .mainColumn#recruitDetail .articleHead{
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: 175px;
	background: #F0F0F0;
	float: left;
}
#recruit .mainColumn#recruitDetail .articleHeadInner{
	margin: 5px 0 5px 5px;
	padding: 0;
	overflow: hidden;
	font-weight: bold;
	color: #333;
}

#recruit .mainColumn#recruitDetail .articleBody{
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: 345px;
	float: right;
}
#recruit .mainColumn#recruitDetail .articleBody p{
	margin: 5px 10px 10px;
	color: #333;
}

#recruit .mainColumn#recruitDetail .articleBody ul{
	margin: 5px 10px 10px;
	list-style: none;
}
#recruit .mainColumn#recruitDetail .articleBody ul li{
	margin: 0 0 5px;
	padding: 0 0 0 15px;
	background: url(../images/common/arr.gif) no-repeat 0 center;
}

#recruit .mainColumn#recruitDetail .btn_form{
	margin: 10px auto;
	padding: 0;
	overflow: hidden;
	width: 120px;
	height: 20px;
}
#recruit .mainColumn#recruitDetail .btn_form a{
	margin: 0;
	overflow: hidden;
	width: 120px;
	height: 20px;
	background: url(../images/recruit/btn_form.gif) no-repeat;
}


