/* PC用CSSもくじ ------------------------------------

0.共通

　> リストのリセット
　> ヘッダ
　> コンテンツページ共通

1.トップページ
2.事業内容
3.会社概要・沿革
4.採用情報
5.お問合せ
6.プライバシーポリシー
7.サイトマップ表
8.エラーページ
9.フッタ
10.その他

-------------------------------------------------- */


/* 0.共通 -------------------------------------- */
body {
	font-family: "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'メイリオ',Meiryo,sans-serif;
	background-color:#000;
	color:#C2C2C2;
}
.wrapper {
	width:100%;
}
a:link { color:#D2D2D2; text-decoration:underline; }
a:visited { color:#D2D2D2; text-decoration:underline; }
a:hover { color:#FFF; text-decoration:none; }
a:active { color:#FFF; text-decoration:none; }

/* リストのリセット */
ul {
	list-style-type:none;
	margin-left:0;
	padding-left:0;
}

/* ヘッダ --------------------------------------------------- */
header {
	width:1024px;
	margin:0 auto;
}
header ul {
	float:right;
}
header ul li{
	float:left;
	background:url(../img/yaji.png) no-repeat 0 7px;
	width:6em;
	padding-left:15px;
}


/* コンテンツページ共通 -------------------------------------- */
.cont_wrap {
	width:1024px;
	margin:0 auto;
}
h2 {
	border-bottom:solid 1px #CCC;
	padding:0 0 10px 10px;
}
h3 {
	clear:both;
	padding:20px 0 0 10px;
}
h3.type2 {
	background:url(../img/h2_line.gif) repeat-x 0 50px;
	padding-bottom:20px;
}
.r_menu {
	float:left;
	width:200px;
	margin:10px 20px 0 0;
}

.r_menu h1 {
	display:block;
	width:139px;
	margin-left:25px;
}

.r_menu ul {}

.r_menu ul li{
	font-size:1.1em;
	margin:10px 0 0 25px;
	font-weight:normal;
	padding-left:15px;
	width:160px;
}

.r_menu ul li.topi{
	font-weight:bold;
	margin:50px 0 0 25px;
	padding-left:0;
	width:160px;
}

.r_menu ul li.current {
	background:url(../img/yaji.png) no-repeat 0 7px;
	width:160px;
}

.r_menu ul li.othrcnt{	width:160px;}

.contents {
	float:left;
	width:800px;
	margin:0;
}

.cmn_ul {
	list-style-type:circle;
	margin-left:40px;
}

.cmn_ul li{
	padding:5px 0 0 0;
}
/* 1.トップページ------------------------------------------------ */
#main {
	clear:both;
	width:1024px;
	margin:0 auto 0 auto;
}

.btn {
	position: absolute;
	top: -170px;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	height: 194px;
	width:560px;
}

.btn li {
	float:left;
	width:280px;
	text-align:center;
}
.btn li.bsclg {
	padding-top:20px;
}
/* 2.事業内容------------------------------------------------ */
.befoaft {
	padding:0 0 0 10px;
	position:relative;
	top:-25px;
}

.befoaft li {
	float:left;
}

.befoaft li.bef img,
.befoaft li.aft img {
	border:solid 3px #BFBFBF;
}

.befoaft li.aft {
	clear:both;
}

.befoaft li.bef:before,
.befoaft li.aft:before {
	display:block;
	padding:3px 3px 3px 8px;
	color:#FFF;
	background-color:#000;
	position:relative;
	top:35px;
}

.befoaft li.bef:before { content: "Before";	width:4em;}
.befoaft li.aft:before{ content: "After"; width:3em;}

.befoaft li.ba_yaji {
	width:60px;
	margin:100px 0 0 40px;
}


/* 3.会社概要・沿革------------------------------------------------ */
.message {}

.message p {
	display:block;
	width:100%;
	border-bottom:dotted 1px #999;
	padding:0 0 15px 0;
}

.r_p {
	display:block;
	width:100%;
	text-align:right;
}

.topname {
	font-size:1.2em;
	font-weight:bold;
	text-align:right;
}

.staff_list {
	float:left;
	margin:25px 70px 25px 0;
}

.staff_list div {
	width:290px;
	background:url(../img/company/staff_transparent.png) repeat;
	color:#FFF;
	margin-top:230px;
}

.staff_list p {
	margin:0;
}

.staff_list li {
	width:260px;
	height:300px;
	float:left;
	margin:0 100px 50px 0;
}

.map_img {
	float:right;
	margin:30px 0 40px 0;
}

.map_guide {
	float:left;
	width:450px;
}

.map_guide li {
	padding-left:15px;
}

.map_guide .map_topi {
	font-weight:bold;
	padding:0 0 10px 0;
}



/* 4.採用情報------------------------------------------------ */
.tb_dotline th {
	width:150px;
	vertical-align:top;
	text-align:left;
}

.tb_dotline td {
	width:580px;
}

.tb_dotline th,
.tb_dotline td {
	border-bottom:dotted 1px #999;
	padding:15px;
	margin-right:20px;
}

.entry_btn {
	width:100%;
	padding:50px 0;
}

.entry_btn a {
	display:block;
	width:210px;
	height:55px;
	margin:0 auto;
}

.entry_btn a span { display:none; }

.entry_btn a:link { background: url(../img/recruit/entry_btn_off.png) no-repeat; }
.entry_btn a:visited { background: url(../img/recruit/entry_btn_off.png) no-repeat; }
.entry_btn a:hover { background: url(../img/recruit/entry_btn_on.png) no-repeat; }
.entry_btn a:active { background: url(../img/recruit/entry_btn_on.png) no-repeat; }

.recruit_prcss dt{
	padding:5px 0 5px 10px;
	background-color:#16234f;
	color:#FFF;
	width:10em;
}

.recruit_prcss dd {
	padding:15px 0 25px 0;
}
/* 5.お問合せ------------------------------------------------ */

/* 6.プライバシーポリシー */

/* 7.サイトマップ表 */

.tree01 {
	clear:both;
	float:left;
	width:200px;
	margin:20px  0 20px 0;
	padding:0 0 0 20px;
	background:url(../img/yaji.png) no-repeat 0 7px;
}

.tree02 {
	float:left;
	margin:20px 0 20px 30px;
}

/* 8.エラーページ -------------------------------------- */

/* 9.フッタ -------------------------------------- */
.backTop {
	width:1024px;
	margin:100px auto 10px auto;
}

.backTop a {
	display:block;
	background:url(../img/backtop.png) no-repeat;
	float:right;
	margin-right:15px;
	width:50px;
	height:55px;
}
.backTop a span {
	display:none;
}

footer {
	clear:both;
	width:100%;
}
.ftwrap {
	width:100%;
	height:200px;
	background:#030303 url(../img/footer_back.jpg) repeat-x;
	padding-top:10px;
}
.ftcont {
	width:1024px;
	margin:0 auto 0 auto;
}
footer ul li{
	float:left;
	background:url(../img/yaji.png) no-repeat 0 7px;
	width:6em;
	padding-left:15px;
}
.topfoot {
	padding-top:20px;
}

.reborn {
	width:220px;
	height:20px;
	float:right;
}
.nav_copy {
	clear:both;
	float:right;
}
.copyright {
	float:left;
	margin:100px auto auto 15px;
	font-style:normal;
	font-size:0.9em;
	line-height:1.1;
}
/*---10.その他----------------------------------*/

/*コンテンツの表示/非表示*/
.pc_none {
	display:none;
}

.mb_none {
	display:block;
}

/*firefox用ハック*/

/*IE9，10用ハック*/

/* clearfix -------------------------------------- */
	
.clearfix {
  overflow: hidden;
  zoom: 1;
}