@charset "utf-8";


/*-----------------------------------------------
   message 
-----------------------------------------------*/

.message {
	background-image: url(img/message/img_message01.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

.message .m_contact {
	background-image: url(img/message/img_message08.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 10px;
	margin-top: 40px;
}

.message .m_contact div {
	font-size: 0px;
	line-height: 0px;
}

.message .m_contact .fl {
	float: left;
	padding-left: 10px;
}

.message .m_contact dl {
	width: 320px;
	float: right;
	padding-right: 15px;
}

.message .m_contact dt {
	margin-bottom: 5px;
}

.message .m_contact dd {
	font-size: 95%;
	line-height: 1.5em;
}

.message .m_contact dd img {
	margin-top: 10px;
}


/*-----------------------------------------------
   incorporation 
-----------------------------------------------*/

.incorporation {
	border-top: 1px solid #000000;
	padding-top: 20px;
}

.incorporation ul { margin-bottom: 20px;}

.incorporation li {	float: left; font-size: 110%;}
.incorporation li img {	padding-bottom: 7px; display:block;}
.incorporation li span { font-size: 80%;}
.incorporation li p {
	margin: 5px 0px 15px 0px;
	line-height: 1.5em;
}

.mb10 { margin-bottom: 10px;}

.incorporation li.pattern1 {
	width:160px;
	padding-right: 15px;
}

.incorporation li.pattern2 {
	width:335px;
	padding-right: 15px;
}

.incorporation li.pattern_last {
	width:160px;
}


/*-----------------------------------------------
   job
-----------------------------------------------*/

#tab {
	height: 33px;
	background-image: url(img/job/tab_line.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	margin-bottom: 30px;
}

#tab li {
	float: left;
	padding-right: 8px;
}

#tab li a {
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 33px;
	text-indent: -9999px;
	outline: none;
}

#tab li.category1 a { width: 110px;}
#tab li.category2 a { width: 90px;}
#tab li.category3 a { width: 90px;}
#tab li.category4 a { width: 90px;}
#tab li.category5 a { width: 90px;}

#tab li.category1 a { background-image: url(img/job/tab01_off.gif);}
#tab li.category2 a { background-image: url(img/job/tab02_off.gif);}
#tab li.category3 a { background-image: url(img/job/tab03_off.gif);}
#tab li.category4 a { background-image: url(img/job/tab04_off.gif);}
#tab li.category5 a { background-image: url(img/job/tab05_off.gif);}

#tab li.category1 a.active { background-image: url(img/job/tab01_on.gif);}
#tab li.category2 a.active { background-image: url(img/job/tab02_on.gif);}
#tab li.category3 a.active { background-image: url(img/job/tab03_on.gif);}
#tab li.category4 a.active { background-image: url(img/job/tab04_on.gif);}
#tab li.category5 a.active { background-image: url(img/job/tab05_on.gif);}


/*---- 共通 ----*/


.gray {
	color: #4c4c4c;
	font-weight: bold;
}

ul.category {
	padding: 13px 13px 3px 13px;
	margin-bottom: 30px;
}

ul.category li {
	width: 160px;
	float: left;
	padding-bottom: 10px;
}

.list{
	padding: 0px 5px 0px 5px;
	margin-bottom: 30px;
}

.list ul { width: 243px;}
.list li {
	background-repeat: no-repeat;
	background-position: 5px center;
	font-size: 110%;
	padding: 5px 0px 5px 15px;
	border-bottom: 1px dotted #333333;
	display: block;
	font-weight: normal;
	width: 228px;
}


.list_l { float: left;}
.list_r { float: right;}

#tab2,#tab3,#tab4,#tab5 {
	display: none;
}



/*---- クラスごと ----*/

/* デザイナー・企画 */

#tab1 ul.category {
	background-color: #f8e4e4;
	border: 1px solid #d14d4d;
}

#tab1 ul.category li a {
	background-image: url(img/job/tab01_arrow.gif);
	background-repeat: no-repeat;
	background-position: left 7px;
	padding-left: 15px;
	font-size: 110%;
	font-weight: normal;
}

#tab1 ul.category li a:link,
#tab1 ul.category li a:visited,
#tab1 .list ul li a:link,
#tab1 .list ul li a:visited  { color: #000000;}
#tab1 ul.category li a:hover,
#tab1 .list ul li a:hover  { color: #d2332f;}

#tab1 .list ul li {
	background-image: url(img/job/tab01_aicon.gif);
}


#tab1 h4 {
	background-image: none;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 5px;
	border-left: 5px solid #d14d4d;
	color: #d14d4d;
	font-size: 110%;
}

/* パタンナー */

#tab2 ul.category {
	background-color: #ffe2b9;
	border: 1px solid #e7a240;
}

#tab2 ul.category li a {
	background-image: url(img/job/tab02_arrow.gif);
	background-repeat: no-repeat;
	background-position: left 7px;
	padding-left: 15px;
	font-size: 110%;
	font-weight: normal;
}

#tab2 ul.category li a:link,
#tab2 ul.category li a:visited,
#tab2 .list ul li a:link,
#tab2 .list ul li a:visited  { color: #000000;}
#tab2 ul.category li a:hover,
#tab2 .list ul li a:hover  { color: #CF740E;}


#tab2 .list ul li {
	background-image: url(img/job/tab02_aicon.gif);
}

#tab2 h4 {
	background-image: none;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 5px;
	border-left: 5px solid #F08C1E;
	color: #F08C1E;
	font-size: 110%;
}

/* 販売・営業 */

#tab3 ul.category {
	background-color: #d7f3d9;
	border: 1px solid #5fb163;
}

#tab3 ul.category li a {
	background-image: url(img/job/tab03_arrow.gif);
	background-repeat: no-repeat;
	background-position: left 7px;
	padding-left: 15px;
	font-size: 110%;
	font-weight: normal;
}

#tab3 ul.category li a:link,
#tab3 ul.category li a:visited,
#tab3 .list ul li a:link,
#tab3 .list ul li a:visited  { color: #000000;}
#tab3 ul.category li a:hover,
#tab3 .list ul li a:hover  { color: #009107;}

#tab3 .list ul li {
	background-image: url(img/job/tab03_aicon.gif);
}

#tab3 h4 {
	background-image: none;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 5px;
	border-left: 5px solid #00aa09;
	color: #00aa09;
	font-size: 110%;
}


/* 技術系 */

#tab4 ul.category {
	background-color: #d6effa;
	border: 1px solid #4ba0c3;
}

#tab4 ul.category li a {
	background-image: url(img/job/tab04_arrow.gif);
	background-repeat: no-repeat;
	background-position: left 7px;
	padding-left: 15px;
	font-size: 110%;
	font-weight: normal;
}

#tab4 ul.category li a:link,
#tab4 ul.category li a:visited,
#tab4 .list ul li a:link,
#tab4 .list ul li a:visited  { color: #000000;}
#tab4 ul.category li a:hover,
#tab4 .list ul li a:hover  { color: #0D7DAE;}


#tab4 .list ul li {
	background-image: url(img/job/tab04_aicon.gif);
}

#tab4 h4 {
	background-image: none;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 5px;
	border-left: 5px solid #0e8abd;
	color: #0e8abd;
	font-size: 110%;
}


/* その他 */

#tab5 ul.category {
	background-color: #dfe0fe;
	border: 1px solid #4b4ec3;
}

#tab5 ul.category li a {
	background-image: url(img/job/tab05_arrow.gif);
	background-repeat: no-repeat;
	background-position: left 7px;
	padding-left: 15px;
	font-size: 110%;
	font-weight: normal;
}

#tab5 ul.category li a:link,
#tab5 ul.category li a:visited,
#tab5 .list ul li a:link,
#tab5 .list ul li a:visited  { color: #000000;}
#tab5 ul.category li a:hover,
#tab5 .list ul li a:hover  { color: #2d31d0;}


#tab5 .list ul li {
	background-image: url(img/job/tab05_aicon.gif);
}

#tab5 h4 {
	background-image: none;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 5px;
	border-left: 5px solid #2d31d0;
	color: #2d31d0;
	font-size: 110%;
}


/*-----------------------------------------------
   prospective-employee.html
-----------------------------------------------*/

.pe_tab {
	padding-bottom: 5px;
	background-image: url(img/pe/pe_bg.gif);
	background-repeat: repeat-y;
	background-position: center top;
}

.apareru { background-color: #228fcd;}
.total { background-color: #93b813;}
.shingaku { background-color: #d3429b;}

.pe_tab li {
	float: left;
	line-height: 0px;
	font-size: 0px;
}



.pe_main {
	position: relative;
	z-index: 1;
	width: 511px;
	height: 389px;
	margin-bottom: 40px;
}

.pe_main .cover {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2;
}

.pe_main .new {
	position: absolute;
	top: 40px;
	left: 37px;
	z-index: 5;
}


/* スライドcss */

.stripViewer .panelContainer .panel ul {
	text-align: left;
	margin: 0 15px 0 30px;
}
		
.slider-wrap {
	width: 511px;
	height:389px;
}

.csw {width: 511px; height: 389px; background: #fff; overflow: scroll}
.csw .loading {margin: 200px 0 300px 0; text-align: center}

.stripViewer { 
	position: relative;
	overflow: hidden; 
	margin: auto;
	width: 511px;
	height: 389px;
	clear: both;
	background: #fff;
}
		
.stripViewer .panelContainer {
	position: relative;
	left: 0; top: 0;
	width: 100%;
	list-style-type: none;
}
		
.stripViewer .panelContainer .panel {
	float:left;
	height: 100%;
	position: relative;
	width: 700px;
}
		
.wrapper { 
	padding-left: 20px;
}

.panel a {
	display: block;
	width: 290px;
	height: 290px;
	position: absolute;
	top: 40px;
	left: 45px;
	z-index: 100;
	text-indent: -9999px;
	outline: none;
}
		
.stripNav {
	margin: auto;
}
		
.stripNav ul { 
	list-style: none;
}
		
.stripNav ul li {
	float: left;
	margin-right: 2px;
}
		
.stripNav a {
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	line-height: 32px;
	background: #c6e3ff;
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 0 15px;
}
		
.stripNav li.tab1 { display:none;}
.stripNav li.tab2 { display:none;}
.stripNav li.tab3 { display:none;}
.stripNav li.tab4 { display:none;}
.stripNav li.tab5 { display:none;}
.stripNav li.tab6 { display:none;}
.stripNav li.tab7 { display:none;}
.stripNav li.tab8 { display:none;}
.stripNav li.tab9 { display:none;}
.stripNav li.tab10 { display:none;}
.stripNav li.tab11 { display:none;}
.stripNav li.tab12 { display:none;}
.stripNav li.tab13 { display:none;}
.stripNav li.tab14 { display:none;}
.stripNav li.tab15 { display:none;}

.stripNavL, .stripNavR {
	position: absolute;
	top: 176px;
	text-indent: -9000em;
	overflow: hidden;
}
		
.stripNavL a, .stripNavR a {
	display: block;
	height: 36px;
	width: 36px;
}

.stripNavL {
	left: 7px;
	background: url("img/pe/pe_previous.gif") no-repeat center;
	z-index:4;
}
		
.stripNavR {
	left: 338px;
	background: url("img/pe/pe_next.gif") no-repeat center;
	z-index:3;
}


/* 詳細 */

.detail {
	border-bottom: 1px dotted #7f7f7f;
	margin-bottom: 20px;	
}

.detail img { float: left;}

.detail dl {
	width: 340px;
	float: right;
}

.detail dl dt span {
	display: block;
	font-size: 150%;
	font-weight: bold;
	padding-bottom:2px;
}

.detail dl dt span.man {color: #1666b1;}
.detail dl dt span.woman {color: #b62353;}

.detail dl dt .detail_l {
	width: 135px;
	float: left;
	line-height: 1.5em;
	font-size: 85%;
	border-right: 1px solid #d3d3d3;
	padding: 0px 5px 0px 0px;
	margin: 0px;
	
	min-height: 37px;
	height: auto !important;
	height: 37px;
}

.detail dl dt .detail_r {
	width: 189px;
	float: right;
	line-height: 1.5em;
	font-size: 85%;
	padding: 0px 0px 0px 10px;
	margin: 0px;
}

.detail dl dd {
	line-height: 1.8em;
	font-size: 92%;
	margin-top: 10px;
}

.pagetop {
	font-weight: normal;
	font-size: 85%;
	clear: both;
	text-align: right;
	margin: 0px;
	padding: 10px 0px 10px 0px;
}

.pagetop a {
	background-image: url(../common/img/img_btnmark_pagetop.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 12px;
}

.pagetop a:link,
.pagetop a:hover,
.pagetop a:visited {
	font-weight: normal;
}