﻿@charset "utf-8";
/*//////////////////////////////////////////////////////////////
VACANS - news.css for News Page

Copyright (C) VACANS.JP All Rights Reserved.
--------------------------------------------------------------

     0. Import External CSS
     1. Common Style
     2. News Page Style

     99. Clearfix

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

/* ------------------------------------------------------------
    0. Import External CSS
   ------------------------------------------------------------ */
@import url("common.css");


/* ------------------------------------------------------------
    1. Common Style
   ------------------------------------------------------------ */

/* ------------------------------------------------------------
    2. News Page
   ------------------------------------------------------------ */

/*  2-1 Section Title
   ------------------------------------------------- */
div#sgnSecInfoTitleRag div.infoBgImg {
	background: url(images/common/spr_unit_01.gif) no-repeat 0 -70px;
	position: absolute;
	top: 0;
	left: 0;
	width: 462px;
	height: 48px;
	overflow: hidden;
	display: block;
	z-index: 5;
}

/* ------------------------------------------------------------
    3. Article
   ------------------------------------------------------------ */

/*  1-1 Article Unit Rag
   ------------------------------------------------- */
div#articleUnitsRag div#itemHeaderRag {
	position: relative;
	margin: 0 0 35px 0;
	padding: 0 0 0 0;
	width: 462px;
	height: 1px;
	z-index: 5;
}

/*  2-2 Twitter
   ------------------------------------------------- */

/*  2-2-1 Rag
   ------------------------------------------------- */
div#infoTwitterRag {
	position: relative;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 462px;
	height: 100%;
	display: block;
	z-index: 10;
}

/*  2-2-2 Symbol
   ------------------------------------------------- */
div#infoTwitterRag div#infoRag {
	position: relative;
	margin: 0 0 46px 0;
	padding: 0 0 0 0;
	width: 462px;
	height: 40px;
	display: block;
	z-index: 10;
}

div#infoTwitterRag div.infoImg {
	background: url(images/common/spr_unit_02.gif) no-repeat 0 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 41px;
	height: 40px;
	display: block;
	overflow: hidden;
	z-index: 5;
}

/*  2-2-3 Information
   ------------------------------------------------- */
div#infoTwitterRag div.infoScrTxt {
	position: absolute;
	top: -2px;
	left: 57px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 184.6%;
	font-weight: bold;
	line-height: 1.000;
	color: #c7cacd;
	text-align: left;
	z-index: 5;
}

div#infoTwitterRag div.infoSubScrTxt {
	position: absolute;
	top: 28px;
	left: 57px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 92.3%;
	line-height: 1.000;
	color: #686c71;
	text-align: left;
	z-index: 5;
}

/*  2-2-4 Last Post Comment
   ------------------------------------------------- */
div#infoTwitterRag div#cmtsRag {
	position: relative;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 462px;
	height: 100%;
	display: block;
	z-index: 10;
}

div#infoTwitterRag div.lastCmtRag {
	background: url(images/common/spr_unit_01.gif) no-repeat 0 -296px;
	position: relative;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 462px;
	height: 61px;
	display: block;
	overflow: hidden;
	z-index: 5;
}

/*  2-2-4-1 Personal Icon
   ------------------------------------------------- */
div#infoTwitterRag div#icnImgKato {
	background: url(images/misc/spr_unit_02.gif) no-repeat -100px -16px;
	position: absolute;
	top: 6px;
	left: 6px;
	width: 50px;
	height: 48px;
	overflow: hidden;
	z-index: 10;
}

div#infoTwitterRag div#icnImgIwaki {
	background: url(images/misc/spr_unit_02.gif) no-repeat -50px -16px;
	position: absolute;
	top: 6px;
	left: 6px;
	width: 50px;
	height: 48px;
	overflow: hidden;
	z-index: 10;
}

div#infoTwitterRag div#icnImgMoriyama {
	background: url(images/misc/spr_unit_02.gif) no-repeat -150px -16px;
	position: absolute;
	top: 6px;
	left: 6px;
	width: 50px;
	height: 48px;
	overflow: hidden;
	z-index: 10;
}

div#infoTwitterRag div#icnImgHighashi {
	background: url(images/misc/spr_unit_02.gif) no-repeat -200px -16px;
	position: absolute;
	top: 6px;
	left: 6px;
	width: 50px;
	height: 48px;
	overflow: hidden;
	z-index: 10;
}

div#infoTwitterRag div#icnImgUshida {
	background: url(images/misc/spr_unit_02.gif) no-repeat -250px -16px;
	position: absolute;
	top: 6px;
	left: 6px;
	width: 50px;
	height: 48px;
	overflow: hidden;
	z-index: 10;
}

div#infoTwitterRag div#icnImgInfo {
	background: url(images/misc/spr_unit_02.gif) no-repeat 0 -16px;
	position: absolute;
	top: 6px;
	left: 6px;
	width: 50px;
	height: 48px;
	overflow: hidden;
	z-index: 10;
}

/*  2-2-4-2 Personal Name
   ------------------------------------------------- */
div#infoTwitterRag div#nameTxt {
	position: absolute;
	top: 6px;
	left: 68px;
	width: 120px;
	font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", monospace;
	font-size: 92.3%;
	line-height: 1.000;
	letter-spacing: 0.05em;
	color: #d9d9da;
	text-align: left;
	z-index: 10;
}

/*  2-2-4-3 Date
   ------------------------------------------------- */
div#infoTwitterRag div#dateTxt {
	position: absolute;
	top: 7px;
	left: 278px;
	width: 140px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 84.6%;
	line-height: 1.000;
	letter-spacing: 0.05em;
	color: #575757;
	text-align: right;
	z-index: 10;
}

/*  2-2-4-4 Comment
   ------------------------------------------------- */
div#infoTwitterRag div#cmtTxt {
	position: absolute;
	top: 25px;
	left: 68px;
	width: 343px;
	height: 22px;
	font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", monospace;
	font-size: 84.6%;
	line-height: 1.455;
	letter-spacing: 0.02em;
	color: #575757;
	text-align: left;
	z-index: 10;
}

/*  2-2-4-5 Arrow
   ------------------------------------------------- */
div#infoTwitterRag div#icnArwLftImg {
	position: absolute;
	top: 21px;
	left: 428px;
	z-index: 10;
}

   	   
/*  2-2-4-6 Blank
   ------------------------------------------------- */
div#infoTwitterRag div.transBlkImg {
	position: relative;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width:462px;
	height: 3px;
	z-index: 5;
}

/*  2-2-5 Footer
   ------------------------------------------------- */
div#infoTwitterRag div#itemFooterRag {
	position: relative;
	margin: 39px 0 3px 0;
	padding: 0 0 0 0;
	width: 462px;
	height: 1px;
	z-index: 10;
}

