@charset "euc-jp";

/* *********************************
FileName: common.css
UpdatedBy: 20080229-19:00
*********************************** */

/* *********************************
特記事項：



*********************************** */


/* *********************************
000:リセット用
001:基本レイアウト
002:ヘッダー
003:フッター
004:サイドメニュー
005:見出し＆パンくず
006:テーブル
007:汎用クラス
008:リンク
009:テキスト
010:リスト
011:その他
012:indexページ専用 
013:企業情報専用
014:リバース東京について専用
015:求人情報専用
016:
017: 
018: 
*********************************** */


/* *********************************

/* 000: リセット用

*********************************** */

body,div,pre,p,blockquote,form,fieldset,input,textarea,select,option,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,table,th,td,embed,object {
	margin: 0;
	padding: 0;
}
h1,h2,h3,h4,h5,h6,address {
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
}
img {
	border: 0;
}
table,th,td {
	text-align: left;
}
ul {
	list-style: none outside none;
}
ol {
	list-style: decimal outside none;
	margin: 0;
	padding: 0 0 0 3em;
}
fieldset {
	border: none;
	margin: 0px;
	padding: 0px;
}
hr {
	display:none;
}



/* *********************************

/* 001:基本レイアウト

*********************************** */

body {
	margin: 0;
	padding: 0;
	text-align:center;
	font-size:80%;
	color:#555555;
	background-color:#dfe8b9;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	line-height:1.3
}

#page {
	background-color:#FFFFFF;
	margin: auto;
	text-align:left;
	width:800px;
	padding:0 15px 0 15px;
}

#header {
	height: 100px;
	width: 800px;
	padding-top:25px;
}

#footer {
	height:70px;
	width:800px;
	background-color:#b3c579;
	text-align:center;
}


/* コンテンツindexページ用 */
#content_1st {
	clear:both;
	width:800px;
	margin-top:5px;
	margin-bottom:20px;
}


#content_1st #info {
	float:left;
	width:563px;
}

#content_1st #banner {
	float:right;
	width:208px;
	height:321px;
	margin-right:3px;
	text-align:center;
	background-image:url(../images/index_banner.gif);
	background-repeat:no-repeat;
	background-position:center top;
}

/* コンテンツ下層ページ用 */
#content_2nd {
	clear:both;
	width:800px;
	margin-top:10px;
	margin-bottom:20px;
}

#content_2nd #sidemenu {
	float:left;
	width:158px;
	padding-bottom:100px;
	background-image:url(../images/side_bg_img.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}

#content_2nd #contents {
	float:right;
	width:635px;
	margin-right:2px;
}


/* *********************************

/* 002:ヘッダー

*********************************** */

/* グローバルナビ用 */
#header div#gnavi {
	clear:both;
	height:32px;
}

#header div#gnavi li{
	float:left;
	padding-top:5px;
	margin-right:2px;
}
#header div#gnavi li.last{
	float:left;
	margin-right:0;
}

/* サブナビ（トップページのアイキャッチ下部のメニュー）用 */
#content_1st .subnavi {
	clear:both;
	height:55px;
	margin-left:1px;
	margin-bottom:10px;
}

#content_1st .subnavi li{
	float:left;
	margin-right:2px;
}

#content_1st .subnavi li.last{
	float:left;
	margin-right:0;
}


/* ヘッダー検索フォーム専用領域 */
#header .searchbox {
	float:right;
	width:450px;
	height:50px;
}

/* ヘッダーロゴ用 */
#header .logo {
	height:49px;
	float:right;
	padding-left:5px;
}

/* アイキャッチ用 */
.eyecatch {
	margin:0px;
}


/* *********************************

/* 003:フッター

*********************************** */

/* フッターナビ用 */
#footer .footnavi {
	height:35px;
	width:800px;
	background-color:#ffffff;
	border-top:1px solid #b3c579;
}

#footer .footnavi ul{
	padding-left:50px;
}

#footer .footnavi li{
	float:left;
	color:#778d3b;
	margin-right:18px;
	margin-top:10px;
	border-right:1px solid #778d3b;
	padding-right:18px;
}

#footer .footnavi li.last{
	margin-right:0;
	border-right:0;
	padding-right:0;
}

#footer a{
	color:#778d3b;
	text-decoration:none;
}

#footer a:hover{
	color:#778d3b;
	text-decoration:underline;
}

/* コピーライト用 */
#footer .copyright {
	margin-top:10px;
	color:#ffffff;
	margin-bottom:10px;
}


/* *********************************

/* 004:サイドメニュー

*********************************** */

/* 下層カテゴリ用メニュー */
#content_2nd #sidemenu div.menu ul{
	margin:0;
	padding:0;
	text-align:bottom;
	background-image:url(../images/sidemenu_bg_img.jpg);
	background-repeat:repeat-y;
}


#content_2nd #sidemenu div.menu li a{
	color:#696969;
	text-decoration:none;
	display:block;
	height:29px;
	padding-left:25px;
	padding-top:7px;
	background-image:url(../images/sidemenu_list_img.gif);
	background-repeat:no-repeat;
	background-position:6px 0px;
}

#content_2nd #sidemenu div.menu li a:hover{
	display:block;
	text-decoration:underline;
	height:29px;
	padding-left:25px;
	padding-top:7px;
	background-image:url(../images/sidemenu_liston_img.gif);
	background-repeat:no-repeat;
	background-position:6px 0px;
}


/* メニューテキスト項目が2行になった場合のclass指定 */
#content_2nd #sidemenu div.menu li.large a{
	height:44px;
	background-image:url(../images/sidemenu_list_img02.gif);

}

#content_2nd #sidemenu div.menu li.large a:hover{
	height:44px;
	background-image:url(../images/sidemenu_liston_img02.gif);

}

/* 該当ページ表示中の場合のclass指定 */
#content_2nd #sidemenu div.menu li.on{
	color:#696969;
	text-decoration:none;
	display:block;
	height:29px;
	padding-left:25px;
	padding-top:7px;
	background-image:url(../images/sidemenu_liston_img.gif);
	background-repeat:no-repeat;
	background-position:6px 0px;
}

/* 該当ページ表示中の場合のclass指定（テキスト2行の場合） */
#content_2nd #sidemenu div.menu li.largeon{
	color:#696969;
	text-decoration:none;
	display:block;
	height:44px;
	padding-left:25px;
	padding-top:7px;
	background-image:url(../images/sidemenu_liston_img02.gif);
	background-repeat:no-repeat;
	background-position:6px 0px;
}


/* サイドメニューバナー用 */
#content_2nd  div.bannar {
	clear:both;
	text-align:center;
	margin-bottom:150px;
	margin-top:10px;
}

#content_2nd  div.bannar ul{
	text-align:center;
	background-image:url(../images/sidemenu_bannar_bg.gif);
	background-position:center top;
	background-repeat:repeat-y;
	padding:0;
}

#content_2nd div.bannar li{
	margin-bottom:5px;
	zoom:1;
}

#content_2nd div.bannar li.last{
	margin-bottom:0;
}


/* *********************************

/* 005:見出し＆パンくず

*********************************** */

h1 {
	margin-top:5px;
}

h2 {
	margin-top:10px;
	margin-bottom:10px;
}

/* パンくず */
.topicpath,
.topicpath a{
	color:#778d3b;
	text-decoration:none;
}

.topicpath a:hover{
	color:#778d3b;
	text-decoration:underline;
}

.now{
	color:#555555;
}


/* *********************************

/* 006:テーブル

*********************************** */


/* *********************************

/* 007:汎用クラス

*********************************** */

.bottom {
	vertical-align:bottom;
}

.bottom2 {
	vertical-align:bottom;
	float:left;
	margin-left:4px;
}

/* サファリ用 */

html* .bottom2 {
	vertical-align:bottom;
	float:none;
	margin-left:0px;
}
	
* html .bottom2 {
	vertical-align:bottom;
	float:left;
	margin-left:4px;
}

/* IE7用 */
*:first-child+html .bottom2 {
	vertical-align:bottom;
	float:left;
	margin-left:4px;
}

.top {
	vertical-align:bottom;
	float:left;
}

/* clear-fix */
br.blockend {
	clear:both;
	font-size:1px;
}

.bottom5 {
	margin-bottom:5px;
}

.left5 {
	float:left;
	margin-left:5px;
}

.float_left {
	float:left;
}

img.float_l {
	
	float:left;
	margin-right:10px;
}

img.float_l2 {
	float:left;
	margin-right:10px;
	margin-left:10px;
	margin-bottom:20px;
}

.float_right {
	float:right;
}

img.float_r {
	float:right;
	margin-left:10px;
}


img.float_r2 {
	float:right;
	margin-left:10px;
	margin-right:30px;
	margin-bottom:20px;
}

.indent1 {
	margin-left:5px;
}

.indent_p {
	margin-left:1em;
}

.center {
	text-align:center;
	margin-top:10px;
	margin-bottom:10px;
}

.img_margin {
	margin-top:10px;
	margin-bottom:10px;
}

.txt_margin {
	margin-top:10px;
}

.margintop5 {
	margin-top:10px;
}

/* *********************************

/* 008:リンク

*********************************** */

a {
	color:#778d3b;
	text-decoration:none;
}

a:hover {
	color:#778d3b;
	text-decoration:underline;
}

.pagetop {
	clear:both;
	margin: 10px 0px 10px 0;
	padding-right:15px;
	text-align: right;
}


/* *********************************

/* 009:テキスト

*********************************** */


.green {
	color:#768e3a;
}



/* *********************************

/* 010:リスト

*********************************** */


/* *********************************

/* 011:その他

*********************************** */


/* *********************************

/* 012:indexページ専用

*********************************** */

#content_1st #banner img{
	margin-bottom:3px;
}

#content_1st #info div.news{
	padding:15px 20px 15px 20px;
	height:120px;
}

#content_1st #info div.mobile{
	padding:15px 20px 15px 20px;
	height:100px;
}

#content_1st #info div.mobile p{
	margin-left:110px;
}

/* *********************************

/* 013:企業情報専用

*********************************** */

/* 社長メッセージ用　*/

.message_box {
	float:left;
	width:406px;
	margin-left:5px;
}

/* 会社概要・沿革用テーブル */
#contents table.profile {
	width:605px;
	margin:15px 0px 15px 15px;
}

#contents table.profile th {
	width:85px;
	background-color:#dde4c7;
	padding:7px;
	vertical-align:top;
	font-weight:normal;
}

#contents table.profile td {
	background-color:#ffffff;
	padding:7px;
}

#contents table.profile dt{
	clear:both;
	float:left;
	padding-bottom:5px;
}

#contents table.profile dd{
	margin-left:80px;
	padding-left:8px;
}

/* 業務内容用リスト */
.work_list ul{
	margin:5px 0 5px 0;
}

.work_list li{
	background-image:url(../company/images/work_listmark.gif);
	background-repeat:no-repeat;
	background-position:5px 5px;
	padding:5px 0 5px 25px;
}


/* *********************************

 014:リバース東京について専用

*********************************** */


/* トータルビジネス・プログラム用　*/
.flow_box {
	float:left;
	width:450px;
}

.flow {
	clear:both;
	width:450px;
	margin-top:10px;	
}

.flow p{
	float:right;
	padding:0 0px 0 20px;
	width:340px;
}

.flow p.top20{
	margin-top:20px;
}
.flow p.top10{
	margin-top:10px;
}

.flow p.top5{
	margin-top:5px;
}

.arrow {
	clear:both;
	margin-left:33px;
	margin-top:10px;	
}

.pg_info {
	float:right;
	width:158px;
	vertical-align:middle;
	padding:10px 0 10px 0;
}

.pg_info img{
	margin-bottom:10px;
}



/* 職種紹介用　*/
.service_box {
	float:left;
	margin-left:5px;
	width:612px;
}

.service {
	margin-top:10px;
}

.service p{
	margin-top:15px;
	margin-left:130px;
	
}

.service img{
	margin-bottom:10px;	
}

/* 研修システム用　*/
.system_box {
	float:left;
	margin-left:5px;
	margin-top:20px;
	margin-bottom:30px;
	width:612px;
	background-image:url(../about_rebirth/images/system_flow.gif);
	background-repeat:no-repeat;
	background-position:left top;
}

.system {
	margin-left:195px;
	height:73px;
	margin-bottom:23px;
}

.system .title {
	font-size:120%;
	color:#768E3A;
}

/* *********************************

 015:求人情報専用

*********************************** */

/* 無料研修制度 */
.agrement_box {
	width:608px;
	margin-left:13px;
	background-color:#DDE3C9;
}

.agrement_box .agrement{
	width:297px;
	margin-bottom:10px;
	margin-left:3px;
	background-image:url(../recruit/images/freetraining_agrement_bg.gif);
	background-repeat:repeat-y;
}

.agrement_box .agrement p{
	padding:0 10px;
}


.trainingflow {
	clear:both;
	width:599px;
	height:89px;
	margin-left:13px;
	background-image:url(../recruit/images/freetraining_flow_bg.gif);
	background-repeat:no-repeat;
	background-position:right top;
}

.trainingflow p{
float:left;
	margin-left:20px;
	margin-right:20px;
	margin-top:25px;
}


/* キャリアパスプラン用　*/
.plan_box {
	width:608px;
	margin-left:13px;
	background-color:#C496C4;
}

.plan_box .plan{
	width:297px;
	margin-bottom:10px;
	margin-left:3px;
	background-image:url(../recruit/images/career_plan_bg.gif);
	background-repeat:repeat-y;
}

.plan_box .plan p{
	padding:0 10px;
}

.rankup {
	clear:both;
	width:603px;
	height:91px;
	margin-left:13px;
	background-image:url(../recruit/images/carreer_rankup_bg.gif);
	background-repeat:no-repeat;
	background-position:right top;
}

.rankup p{
	float:left;
	margin-left:20px;
	margin-right:20px;
	margin-top:25px;
}

/* *********************************

 016:社会貢献情報専用

*********************************** */


.volu_list ul{
	margin:20px 0 20px 15px;
}

.volu_list li{
	background-image:url(../volunteer/images/volunteer_listmark.gif);
	background-repeat:no-repeat;
	background-position:10px 8px;
	padding:5px 0 5px 25px;
}

.volu_list2 {
	margin-bottom:20px;
	margin-left:10px;
}

.volu_list2 ul{
	float:left;
	margin:0px 0 20px 10px;
}

.volu_list2 li{
	background-image:url(../volunteer/images/volunteer_listmark.gif);
	background-repeat:no-repeat;
	background-position:10px 8px;
	padding:5px 0 5px 25px;