@import "common_base_hack.css";

@charset "utf-8";

/*--------------------------------------------------------------------*/
/* Initiation関連																											*/
/*--------------------------------------------------------------------*/

*.flort_left { float: left;}

img.flort_left { float: left;}


*.float_clear { clear: both;}

* {
	margin:0;
	padding:0;
}
body {
	font-family: 'メイリオ', Meiryo, Verdana, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', sans-serif;
	text-align:center;
	/*font-size: 80%;*/
	color: #666666;
	background: #FFFFFF;
}
p.SIGN-CANCELWAIT {
	color:#990000;
}
p.SIGN-ENTRYFEW {
	color:#FF9900;
}
p.SIGN-ENTRY {
	color:#666666;
}
p.SIGN-INQUIRY {
	color:#CC6633;
}
p.SIGN-FULL {
	color:#FF0000;
	font-weight:bold;
}

/*--------------------------------------------------------------------*/
/* <H>系タグ関連																											*/
/*--------------------------------------------------------------------*/
* h1{
	display:inline;
	padding:0px;
	margin:0px;
}
* h1 img {
	margin: 20px 10px 10px 20px;
}
* h2{
	display:inline;
	padding:0;
	margin:0;
	height:auto;
}
* h3{
	display:inline;
	padding:0;
	margin:0;
	height:auto;
}
* h4{
	font-size:100%;
}

.headerInput{
	font-size: 13px;
	width: 230px;
	border: 1px solid #323264;
}
.LoginInput{
	font-size: 13px;
	width: 180px;
	border: 1px solid #EEEEEEE;
}
.GlobalSquareInput{
	font-size: 13px;
	width: 180px;
	border: 1px solid #EEEEEEE;
}
.GlobalSquareTextInput{
	font-size: 13px;
	width: 400px;
	border: 1px solid #EEEEEEE;
}
.CartFormTextInput{
	font-size: 13px;
	width: 550px;
	border: 1px solid #EEEEEEE;
}
.ElearningSelectInput{
	font-size: 13px;
	width: 400px;
	border: 1px solid #EEEEEEE;
}
.ElearningYearInput{
	font-size: 13px;
	width: 80px;
	border: 1px solid #EEEEEEE;
}
.ElearningMonthInput{
	font-size: 13px;
	width: 50px;
	border: 1px solid #EEEEEEE;
}
.ElearningDayInput{
	font-size: 13px;
	width: 50px;
	border: 1px solid #EEEEEEE;
}
.GoogleInput{
	font-size: 13px;
	width: 100px;
	border: 1px solid #EEEEEEE;
}
.GoogleSubmit{
	font-size: 13px;
}

.allow { color: #F30;}

.InputMemo {
	font-size:10px;
}

/*--------------------------------------------------------------------*/
/* リンク系タグ関連																										*/
/*--------------------------------------------------------------------*/
a img { border: none; vertical-align: bottom; }
a { text-decoration: none; }
a:link { color: #666666; }
a:visited { color: #666666; }
a:hover { color: #0099CC; }
a:active { color: #666666; }

a.STRINGLINK:link {
	border-bottom:1px dotted #69f;
	color:#36c;
	text-decoration:none;
}
a.STRINGLINK:visited {
	border-bottom:1px dotted #69f;
	color:#36c;
	text-decoration:none;
}	
a.STRINGLINK:hover {
	color:#36c;
	font-weight:bold;
}
a.STRINGLINK:active {
	color:#36c;
}

a.REDSTRINGLINK:link {
	border-bottom:1px dotted #A90013;
	color:#36c;
	text-decoration:none;
	color:#A90013;
	font-weight:bold;
}
a.REDSTRINGLINK:visited {
	border-bottom:1px dotted #A90013;
	text-decoration:none;
	border-bottom-color:#969;
	color:#FF0000;
}	
a.REDSTRINGLINK:hover {
	color:#A90013;
}
a.REDSTRINGLINK:active {
	color:#A90013;
}

a.MEMBERSTRINGLINK:link {
	color:#36c;
	text-decoration:none;
	color:#51626F;
}
a.MEMBERSTRINGLINK:visited {
	text-decoration:none;
	border-bottom-color:#969;
	color:#51626F;
}	
a.MEMBERSTRINGLINK:hover {
	color:#FF9933;
}
a.MEMBERSTRINGLINK:active {
	color:#51626F;
}



/*--------------------------------------------------------------------*/
/* フォント系タグ関連																									*/
/*--------------------------------------------------------------------*/
#HeaderArea #HeaderNaviBlock, #HeaderArea #FooterNaviBlock { font-size: 80%;}
#HeaderNaviArea #GlobalMenuArea { font-size: x-small;}
#ContentsNaviArea	{ font-size: 90%;}
#ContentsSubArea	{ font-size: 90%;}
#FooterArea { font-size: x-small;}


#MasterArea {
	margin:0px auto;		/*ブロックレベル要素を中央寄せ*/
}

#ContentsArea { font-size: 75%;}

.new {
	color: #ff7347;
}
.subNavi {
	font-size: 90%;
	margin-top:10px;
	text-align:right;
}

p, dl, dd { margin: 0 0 1.5em 0; }

/*--------------------------------------------------------------------*/
/* 段組：HeaderArea																										*/
/*--------------------------------------------------------------------*/
#HeaderArea	{
	width: 900px;
	height: 95px;
	background-image:url(../images/head_background.jpg);
	background-repeat:no-repeat;
	margin:0px auto;		/*ブロックレベル要素を中央寄せ*/
}


/*--------------------------------------------------------------------*/
/* 段組：ContentsArea																									*/
/*--------------------------------------------------------------------*/
#ContentsArea {
	width: 800px;
	margin:0px auto;		/*ブロックレベル要素を中央寄せ*/
}





/*--------------------------------------------------------------------*/
/* 段組：FooterArea																										*/
/*--------------------------------------------------------------------*/

#FooterArea	{
	clear: both;
	width: 900px;
	margin:0px auto;		/*ブロックレベル要素を中央寄せ*/
	margin-bottom: 30px;
	color: #363636;
}
#FooterArea #FooterNaviBlock{
	width:900px;
	text-align:left;
}
#FooterArea #FooterNaviBlock ul{
	list-style:none;
	width:900px;
	overflow:hidden;
}
#FooterArea #FooterNaviBlock ul li{
	float:left;
	padding: 1px 10px 0px 1px;
	margin:2px 10px 0px 2px;
	background-image:url(../images/navi_sep.gif);
	background-position:100% 50%;
	background-repeat:no-repeat;
}
#FooterArea #FooterNaviBlock ul li.LastChild{
	background:none;
}

#FooterArea	#FooterBlock2 {
	border-top: 1px solid #D4D4D4;
	clear: both;
	float: left;
	text-align: left;
	width: 900px;
	padding-top:5px;
}

/*--------------------------------------------------------------------*/
/* 枠エリア：																									*/
/*--------------------------------------------------------------------*/

#ContentsArea div.contents_top{
	margin: 0;
}
#ContentsArea div.contents_main{
	width: 800px;
	background: url(../images/bg2.gif) repeat-y;
}
#ContentsArea div.contents_bottom{
	margin: 0 0 15px 0;
}

#ContentsArea div.contents_main table{
	font-size: 100%;                    /*IE6での表示修正用*/
	text-align: left;
}

/*--------------------------------------------------------------------*/
/* 各ページ毎での設定：																									*/
/*--------------------------------------------------------------------*/

/* オフィス風景　*/
#ContentsArea div.officearea {
	color: #D87B0D; 
	font-weight : bold;
	border: 1px solid #999999;
	padding: 5px;
	width:100px;
}
#ContentsArea td.btn table tr td{
	padding: 0 3px;
}
#ContentsArea p.officephoto{
	padding: 3px 10px;
	text-align: center;
}

/* 社員の声　*/
#ContentsArea *.fontorange {
	color:#D87B0D;
	font-size:12px;
	font-weight : bold;
}
#ContentsArea *.fontmidasi {
	color:#F26522;
	font-size:14px;
	font-weight : bold;
}
#ContentsArea p.itvphoto{
	margin: 0;
	padding: 0;
}
#ContentsArea p.itvbtn{
	margin: 5px;
	text-align: left;
}

/* 福利厚生と待遇　*/
#ContentsArea div.treatment{
	margin: 0 0 15px 0;
}
#ContentsArea div.treatment th{
	background-color:#ebebeb;
	font-weight:bold;
	padding: 5px 10px;
	vertical-align:top;
	text-align:left;
	width: 100px;
}
#ContentsArea div.treatment td.detail{
	background-color:#ffffff;
	padding: 5px;
	text-align:left;
	width: 400px;
}


/* 募集職種　*/
#ContentsArea div.jobinfo{
	margin: 0 0 15px 0;
}
#ContentsArea div.jobinfo td.jobname{
	background-color:#cccccc;
	font-weight:bold;
	padding: 5px 10px;
}
#ContentsArea div.jobinfo th{
	background-color:#ebebeb;
	font-weight:bold;
	padding: 5px 10px;
	vertical-align:top;
	text-align:right;
	width: 100px;
}
#ContentsArea div.jobinfo td.detail{
	background-color:#ffffff;
	padding: 5px;
	text-align:left;
	width: 400px;
}
#ContentsArea div.jobinfo p.entrybtn{
	margin: 10px;
	text-align:center;
}
#ContentsArea div.jobinfo p.backbtn{
	margin: 5px;
	text-align:right;
}