@charset "shift_JIS";
/*
---------------------------------------------------------------------------------
index.css
---------------------------------------------------------------------------------
[ 11月デザインコンペ課題 ]

Author: Momoko Okino
since 06/11/14 -
---------------------------------------------------------------------------------*/

@import "./reset.css";
@import "./common.css";
@import "./base.css";

/*
▼HEADER
---------------------------------------------------------------------------------*/
h2 {background: url(../recruit/images/h2_recruit.jpg);}

/*
▼sideNavi
---------------------------------------------------------------------------------*/
div#subNavi h3{background:url(../images/h3_side_news.jpg) no-repeat; width: 232px;}

/*
▼mainContents
---------------------------------------------------------------------------------*/
div#recruit {
	padding-top: 15px;
	padding-left: 24px;
	padding-right: 15px;
	color:#333333;
	}

/*説明文*/
div#recruit p#pageExplain {
    margin-top: 5px;
	margin-bottom: 10px;
	color:#333333;
}

/*募集内容詳細-サブタイトル*/
div#recruit h4{
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 80%;
}

div#recruit p{
	font-size: 70%;
	padding-right: 15px;
	color:#333333;
}

/*
▼mainContents - タイトル部分リンク
---------------------------------------------------------------------------------*/
/*職種*/
div#outline h3{
	background-image: url(../recruit/images/outline.gif);
	background-repeat: no-repeat;
	width: 100px;
	height: 20px;
	margin-top: 10px;
	margin-bottom: 5px;
	display: block;
	border: 0px;
	text-indent: -9999px;
	text-decoration: none;
	text-align: left;
}

/*募集内容詳細*/
div#halfway h3{
	background-image: url(../recruit/images/halfway.gif);
	background-repeat: no-repeat;
	width: 100px;
	height: 20px;
	margin-top: 10px;
	margin-bottom: 5px;
	display: block;
	border: 0px;
	text-indent: -9999px;
	text-decoration: none;
	text-align: left;
}

/*仕事内容*/
div#workcts h3{
	background-image: url(../recruit/images/workcts.gif);
	background-repeat: no-repeat;
	width: 100px;
	height: 20px;
	margin-top: 10px;
	margin-bottom: 5px;
	display: block;
	border: 0px;
	text-indent: -9999px;
	text-decoration: none;
	text-align: left;
}

/*将来に向けて*/
div#future h3{
	background-image: url(../recruit/images/future.gif);
	background-repeat: no-repeat;
	width: 100px;
	height: 20px;
	margin-top: 10px;
	margin-bottom: 5px;
	display: block;
	border: 0px;
	text-indent: -9999px;
	text-decoration: none;
	text-align: left;
}

/*スタッフの声*/
div#voice h3{
	background-image: url(../recruit/images/voice.gif);
	background-repeat: no-repeat;
	width: 100px;
	height: 20px;
	margin-top: 10px;
	margin-bottom: 5px;
	display: block;
	border: 0px;
	text-indent: -9999px;
	text-decoration: none;
	text-align: left;
}

/*
▼mainContents - 募集内容詳細-仕事内容
---------------------------------------------------------------------------------*/
div#halfway table, div#graduate table, div#ptjob table, div#workcts table {
	border-top: solid 1px #666666;
	border-left: solid 1px #666666;
	border-right: solid 1px #666666;
	width: 670px;
	font-size: 80%;	
}

div#halfway table td, div#graduate table td, div#ptjob table td, div#workcts table td {
	border-bottom: solid 1px #666666;
	font-size: 100%;
	text-align: center;
	padding: 3px;
}

div#halfway table td.table1, div#graduate table td.table1, div#ptjob table td.table1, div#workcts table td.table1 {
	text-align: left;
	line-height: 140%;
	margin-left: 2px;
	padding: 3px;
}


div#halfway td.tableBg, div#graduate td.tableBg, div#ptjob td.tableBg, div#workcts td.tableBg {
	background-color: #999999;
	border-right: 1px solid #666666;
	padding: 3px;
	text-align: center;
	width: 80px;
	
}

div#halfway td.tableBg2, div#graduate td.tableBg2, div#ptjob td.tableBg2 {
	background-color: #CCCCCC;
	border-right: 1px solid #666666;
	padding: 3px;
	text-align:left;
	vertical-align:text-top;
	width: 70px;
}

/*
▼mainContents - goTop
---------------------------------------------------------------------------------*/
a.goTop {
	float: right;
	margin-right: 24px;
	text-indent: -9999px;
	text-decoration: none;
	display: block;
	width: 79px;
	height: 36px;
	background: url(../images/page_top.gif) no-repeat;
}

* a.goTop {margin-right: 12px;}

a.goTop:hover {
	background: url(../images/page_top_over.gif);
}

/*
▼mainContents - priceMenu
---------------------------------------------------------------------------------*/

ul#priceMenu {margin: 12px 24px 0px 24px; height: 140px;}
ul#priceMenu li{display: inline;}
ul#priceMenu li a{
	display:block;
	margin-top: 1px;
	text-indent: -9999px;
	text-decoration: none;
	height: 140px;
	position: absolute;
	overflow: hidden;
}

ul#priceMenu li.priceMenu01 a{
	background: url(../price/images/price_menu01.jpg) no-repeat 0 0;
	width:166px;
}

ul#priceMenu li.priceMenu02 a{
	background: url(../price/images/price_menu02.jpg) no-repeat 0 0;
	margin-left: 170px;
	width:166px;
}

ul#priceMenu li.priceMenu03 a{
	background: url(../price/images/price_menu03.jpg) no-repeat 0 0;
	margin-left: 336px;
	width:166px;
}
ul#priceMenu li.priceMenu04 a{
	background: url(../price/images/price_menu04.jpg) no-repeat 0 0;
	margin-left: 502px;
	width:170px;
}

ul#priceMenu li.priceMenu01 a:hover,
ul#priceMenu li.priceMenu02 a:hover,
ul#priceMenu li.priceMenu03 a:hover,
ul#priceMenu li.priceMenu04 a:hover{
	background-position: 0px -144px;
}

ul#priceMenu li#tmpBasicPrice a,
ul#priceMenu li#tmpOptionPrice a,
ul#priceMenu li#tmpPlanPrice a,
ul#priceMenu li#updatePrice a {
	background-position: 0px -288px;
}