@charset "utf-8";

#visual {
	width: 540px;
	float: left;
	margin-bottom: 20px;
}

/*===============================================================================
　　　　　　　　　　　リンク色
===============================================================================*/
#main a:link {/*通常のリンク文字の設定*/
	color: #5FA431;
	cursor: pointer;
	outline-style: none;
}

#main a:visited {/*訪問済みのリンク文字の設定*/
	color: #5FA431;
	outline-style: none;
}

#main a:hover {/*ロールオーバー時のリンク文字の設定*/
	color: #f90;
	text-decoration: underline;
	outline-style: none;
}

#main a:active {/*クリックした瞬間のリンク文字の設定*/
	color: #66f;
	outline-style: none;
}


/*===============================================================================
　　　　　　　　　　　サイドナビの設定
===============================================================================*/
#main #side dl {/*サイドナビのリスト設定*/
	float: left;
	margin-bottom: 10px;
}
#main #side dt {/*サイドナビのリスト設定*/
	width: 200px;
	float: left;
}
#main #side dd {
	display: inline;
	width: 183px;
	margin-left: 10px;
	padding-left: 4px;
	border-left: 3px solid #5FA431; 
	float: left;
	margin-top: 10px;
	font-size: 15px;
	line-height: 1em;
}
#main #side dd.down_list {
	width: 180px;
	float: left;
	border: none;
	font-size: 12px;
}
#main #side dd.down_list li {
	text-indent: 10px;
	background: url(../images/list_icon_s_career.gif) left center no-repeat;
}

#main #side .side_freshers a,
#main #side .side_career a,
#main #side .side_parttime a,
#main #side .side_corporation a {/*サイドナビ見出しのリンク設定*/
	display: block;
	width: 180px;
	height: 32px;
	line-height: 32px;
	font-size: 15px;
	font-weight: bold;
	padding-left: 20px;
	color: #fff;
	text-decoration: none;
}
#main #side .side_freshers a:hover,
#main #side .side_career a:hover,
#main #side .side_parttime a:hover,
#main #side .side_corporation a:hover {/*サイドナビ見出しのリンクロールオーバー設定*/
	text-decoration: underline;
}

#main #side_privacy #pt a {
	color: #5FA431;
}
#main #side_privacy #pt a:visited {
	color: #5FA431;
}
#main #side_privacy #pt a:hover {
	color: #f90;
}

#main #side dd.down_list {
	width: 180px;
	float: left;
	border: none;
	font-size: 12px;
}
#main #side dd.down_list li {
	text-indent: 10px;
	background: url(../images/list_icon_s_freshers.gif) left center no-repeat;
	float: left;
	width: 180px;
}
#main #side dd.down_list li.down2_list {
	display: inline;
	width: 170px;
	float: left;
	border: none;
	margin-left: 10px;
	font-size: 12px;
	background: none;
	margin-bottom: 5px;
}
#main #side dd.down_list li.down2_list li {
	padding-left: 15px;
	text-indent: 0px;
	background: url(../images/list_icon_s2_freshers.gif) left center no-repeat;
	width: 155px;
	float: left;
}



/*===============================================================================
　　　　　　　　　　　募集職種ページ
===============================================================================*/
.youkou_btn {
	width: 530px;
	float: left;
	text-align: right;
	padding-right: 10px;
 position: relative;
	top: -34px;
}
.job_list {
	width: 540px;
	float: left;
	margin-bottom: 40px;
}
.job_list dt {
	width: 180px;
	float: left;
	clear: left;
	margin-bottom: 10px;
}
.job_list dd {
	width: 360px;
	float: left;
	margin-bottom: 10px;
	padding-top: 20px;
}
.job_list dd.kei {/*経験者*/
	background: url(../images/keiken.gif) top left no-repeat;
}
.job_list dd.mi {/*未経験者*/
	background: url(../images/mikeiken.gif) top left no-repeat;
}


/*===============================================================================
　　　　　　　　　　　募集要項ページ
===============================================================================*/

.outline {/**/
	float: left;
	width: 520px;
	padding: 0px 10px 10px 10px;
	margin-bottom: 30px;
}
.outline dt.outline_midashi {/*項目*/
	line-height: 1.3em;
	margin-top: 10px;
	display: inline;
	width: 103px;
	clear: left;
	float: left;
	padding-left: 3px;
	color: #5FA431;
	border-left: 4px solid #5FA431;
}
.outline dt {/*項目*/
	line-height: 1.3em;
	margin-top: 10px;
	display: inline;
	width: 107px;
	clear: left;
	float: left;
	padding-left: 3px;
}
.outline dd {/*内容*/
	line-height: 1.3em;
	margin-top: 10px;
	float: left;
	width: 410px;
}
.outline strong {
	color: #c00;
}
.outline .outline_midashi {
	padding-left: 3px;
	color: #5FA431;
	border-left: 4px solid #5FA431;
}

dd.outline_midashi {
	width: 407px;
}
.none {
	width: 410px;
	margin: 0.5em 0px;
	text-indent: -9999px;
}


/*===============================================================================
　　　　　　　　　　　FAQ
===============================================================================*/

.faq {/**/
	float: left;
	width: 520px;
	padding: 0px 10px 10px 10px;
}
.faq dt {/*項目*/
	display: inline;
	width: 520px;
	float: left;
	color: #5FA431;
	font-weight: bold;
	font-size: 1.2em;
}
.faq dd {/*内容*/
	width: 520px;
	float: left;
	margin-bottom: 20px;
}
.faq dd em {
	color: #e00;
	font-weight: bold;
}
.information {
	width: 520px;
	padding: 10px;
	background: #F8FFE8;
	float: left;
}

/*===============================================================================
　　　　　　　　　　　個人情報取り扱いについて
===============================================================================*/

#text_kakomi ol {
	list-style: decimal;
	margin-left: 2em;
	margin-top: 20px;
	margin-bottom: 20px;
}
#privacy_copy {
	background: url(../../privacy/images/privacy_copy.gif) no-repeat;
	float: left;
	width: 540px;
	height: 150px;
	text-indent: -9999px;
	margin: 15px 0px;
}
#text_kakomi li {
	margin: 10px 0px;
}
#privacymark {
	margin: 35px 190px;
}
#rulelink {
	margin-top: 20px;
}
#rulelink p {
	text-align: center;
}
#rulebtn a {
	display: block;
	background: url(../../privacy/images/privacy_btn01.gif) no-repeat;
	width: 213px;
	height: 42px;
	margin: 0px auto;
	text-indent: -9999px;
}

#rule p {
	margin: 1em 0px;
}
#rule ol {
	margin-left: 1.5em;
}
#rule li {
	margin-left: 1em;
}
#rule dt {
	font-weight: bold;
}

#rule dd {
	margin-bottom: 0.5em;
	text-indent: 1em;
}
#info {
	background: #FEFBDA;
	text-indent: 0em;
	float: left;
	width: 520px;
	padding: 5px;
	margin: 0px;
}
#right {
	text-indent: 0em;
	float: left;
	width: 530px;
	text-align: right;
}



/*===============================================================================
　　　　　　　　　　　サイトマップ
===============================================================================*/
.sitemap_left {
	width: 260px;
	float: left;
}
.sitemap_right {
	width: 260px;
	float: right;
}

#freshers,
#career,
#parttime,
#corporation {
	width: 520px;
	padding: 10px;
	float: left;
	margin-bottom: 20px;
}

#freshers ul,
#career ul,
#parttime ul,
#corporation ul {
	list-style: none;
}
#freshers li,
#career li,
#parttime li,
#corporation li {
	list-style: none;
}

#freshers a:link {/*通常のリンク文字の設定*/
	color: #5FA431;
}
#freshers a:visited {/*訪問済みのリンク文字の設定*/
	color: #5FA431;
}
#freshers a:hover {/*ロールオーバー時のリンク文字の設定*/
	color: #f90;
}
#freshers a:active {/*クリックした瞬間のリンク文字の設定*/
	color: #66f;
}

#freshers h3 {
	width: 505px;
	float: left;
	padding-left: 15px;
	background: url(../images/list_icon_m_freshers.gif) left center no-repeat;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.5em;
	border-bottom: 1px solid #999;
}
#freshers dt {
	border-left: 3px solid #5FA431;
	padding-left: 5px;
	margin-top: 10px;
}
#freshers dd {
	padding-left: 10px;
	background: url(../images/list_icon_s_freshers.gif) left center no-repeat;
	margin-left: 10px;
}
#freshers dd.sitemap_down_list {
	background: none;
}


#career a:link {/*通常のリンク文字の設定*/
	color: #3899B9;
}
#career a:visited {/*訪問済みのリンク文字の設定*/
	color: #3899B9;
}
#career a:hover {/*ロールオーバー時のリンク文字の設定*/
	color: #f90;
}
#career a:active {/*クリックした瞬間のリンク文字の設定*/
	color: #66f;
}

#career h3 {
	width: 505px;
	float: left;
	padding-left: 15px;
	background: url(../images/list_icon_m_career.gif) left center no-repeat;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.5em;
	border-bottom: 1px solid #999;
}
#career dl {
	width: 520px;
	float: left;
}
#career dt {
	border-left: 3px solid #3899B9;
	padding-left: 5px;
	margin-top: 10px;
}
#career dd {
	padding-left: 10px;
	background: url(../images/list_icon_s_career.gif) left center no-repeat;
	margin-left: 10px;
}
#career dd.sitemap_down_list {
	background: none;
}



#parttime a:link {/*通常のリンク文字の設定*/
	color: #CA5192;
}
#parttime a:visited {/*訪問済みのリンク文字の設定*/
	color: #CA5192;
}
#parttime a:hover {/*ロールオーバー時のリンク文字の設定*/
	color: #5FA431;
}
#parttime a:active {/*クリックした瞬間のリンク文字の設定*/
	color: #66f;
}
#parttime h3 {
	width: 505px;
	float: left;
	padding-left: 15px;
	background: url(../images/list_icon_m_parttime.gif) left center no-repeat;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.5em;
	border-bottom: 1px solid #999;
}
#parttime dl {
	width: 520px;
	float: left;
}
#parttime dt {
	border-left: 3px solid #CA5192;
	padding-left: 5px;
	margin-top: 10px;
}
#parttime dd {
	padding-left: 10px;
	background: url(../images/list_icon_s_parttime.gif) left center no-repeat;
	margin-left: 10px;
}
#parttime dd.sitemap_down_list {
	background: none;
}


#corporation a:link {/*通常のリンク文字の設定*/
	color: #F47927;
}
#corporation a:visited {/*訪問済みのリンク文字の設定*/
	color: #F47927;
}
#corporation a:hover {/*ロールオーバー時のリンク文字の設定*/
	color: #5FA431;
}
#corporation a:active {/*クリックした瞬間のリンク文字の設定*/
	color: #66f;
}
#corporation h3 {
	width: 505px;
	float: left;
	padding-left: 15px;
	background: url(../images/list_icon_m_corporation.gif) left center no-repeat;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.5em;
	border-bottom: 1px solid #999;
}
#corporation dl {
	width: 520px;
	float: left;
}
#corporation dt {
	border-left: 3px solid #F47927;
	padding-left: 5px;
	margin-top: 10px;
}
#corporation dd {
	padding-left: 10px;
	background: url(../images/list_icon_s_corporation.gif) left center no-repeat;
	margin-left: 10px;
}
#corporation dd.sitemap_down_list {
	background: none;
}

/*===============================================================================
　　　　　　　　　　　配属部署ボタン類
===============================================================================*/

.position {/*配属部署ボタンボックス*/
	width: 540px;
	float: left;
	margin-bottom: 20px;
}
.position li {
	display: inline;
	width: 170px;
	height: 43px;
	float: left;
	margin-left: 10px;
	margin-bottom: 10px;
	text-indent: -9999px;
}
.position li a {
	display: block;
	width: 170px;
	height: 43px;
	float: left;
}

.position a.call {/*コールセンター*/
	background: url(../images/btn_call.gif) no-repeat;
}
.position a.call:hover {
	background: url(../images/btn_call.gif) no-repeat 0px -43px;
}
.position a.planning {/*商品企画*/
	background: url(../images/btn_planning.gif) no-repeat;
}
.position a.planning:hover {
	background: url(../images/btn_planning.gif) no-repeat 0px -43px;
}
.position a.marketing {/*マーケティング*/
	background: url(../images/btn_marketing.gif) no-repeat;
}
.position a.marketing:hover {
	background: url(../images/btn_marketing.gif) no-repeat 0px -43px;
}
.position a.media {/*メディア*/
	background: url(../images/btn_media.gif) no-repeat;
}
.position a.media:hover {
	background: url(../images/btn_media.gif) no-repeat 0px -43px;
}
.position a.management {/*統括管理*/
	background: url(../images/btn_management.gif) no-repeat;
}
.position a.management:hover {
	background: url(../images/btn_management.gif) no-repeat 0px -43px;
}
.position a.ce {/*クリエイティブ・エンジニアリング*/
	background: url(../images/btn_ce.gif) no-repeat;
}
.position a.ce:hover {
	background: url(../images/btn_ce.gif) no-repeat 0px -43px;
}
.position a.coach {/*教育訓練*/
	background: url(../images/btn_coach.gif) no-repeat;
}
.position a.coach:hover {
	background: url(../images/btn_coach.gif) no-repeat 0px -43px;
}
.position a.system {/*システム*/
	background: url(../images/btn_system.gif) no-repeat;
}
.position a.system:hover {
	background: url(../images/btn_system.gif) no-repeat 0px -43px;
}
.position a.pm {/*PM制作*/
	background: url(../images/btn_pm.gif) no-repeat;
}
.position a.pm:hover {
	background: url(../images/btn_pm.gif) no-repeat 0px -43px;
}
.position a.web {/*Web制作*/
	background: url(../images/btn_web.gif) no-repeat;
}
.position a.web:hover {
	background: url(../images/btn_web.gif) no-repeat 0px -43px;
}
.position a.rd {/*研究開発*/
	background: url(../images/btn_rd.gif) no-repeat;
}
.position a.rd:hover {
	background: url(../images/btn_rd.gif) no-repeat 0px -43px;
}

.entry_btn {/*エントリーボタン*/
	width: 164px;
	height: 43px;
	float: right;
	margin: 20px 0px;
}
.entry_btn a {
	display: block;
	width: 164px;
	height: 43px;
	background: url(../images/btn_entry.gif) no-repeat;
	text-indent: -9999px;
}
.entry_btn a:hover {
	background: url(../images/btn_entry.gif) no-repeat 0px -43px;
}


/*===============================================================================
　　　　　　　　　　　部署紹介
===============================================================================*/
.busyo_box {
	display: inline;
	width: 520px;
	float: left;
	margin-left: 10px;
	margin-bottom: 30px;
}
.busyo_intro {
	width: 310px;
	float: left;
}
.busyo_image {
	display: inline;
	width: 200px;
	float: left;
	margin-left: 10px;
}
.busyo_box dl {
	width: 520px;
	float: left;
	margin-bottom: 20px;
}
.busyo_box dt {
	width: 520px;
	float: left;
	color: #66B035;
	font-weight: bold;
}
.busyo_box dd {
	display: inline;
	width: 510px;
	float: left;
	margin-left: 10px;
	margin-bottom: 10px;
}
.busyo_box .rookie_banner {
	width: 520px;
	float: left;
	margin-top: 20px;
	margin-bottom: 30px;
}



/*===============================================================================
　　　　　　　　　　　見出し関連の設定
===============================================================================*/
h1 {
	width: 540px;
	height: 40px;
	float: left;
	margin-bottom: 10px;
	background: url(../images/head_freshers.gif) no-repeat;
	text-indent: -9999px;
	margin-bottom: 10px;
}
h2 {
	width: 540px;
	height: 32px;
	float: left;
	line-height: 32px;
	color: #555;
	font-size: 15px;
	font-weight: bold;
	text-indent: 20px;
	background: url(../images/bar_freshers.gif) no-repeat;
	margin-bottom: 10px;
}