@import "default.css";
@import "SpryTabbedPanels.css";
 @charset "Shift_JIS";
/* ------------------------------------------------------------------------------------
	style.css
	全ページ共通で読み込むＣＳＳ
------------------------------------------------------------------------------------
	1:サイトの基本的な仕様
	2:共通の機能クラス
	3:登録・ログイン画面
	4:登録情報の変更
	5:今週のキーワード
	
	career01:共通タイトル
	career02:共通スペース
------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------
	1:サイトの基本的な仕様
------------------------------------------------------------------------------------ */
body {
	margin: 0px 10px;
	padding: 0px;
	color: #444444;
	font-family: 'メイリオ', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic';
	/* 150209メモ　↑ここでメイリオ追加 */
	line-height: 140%;
	font-size: 12px; /* モダンブラウザ向け */
 *font-size: 12px; /* IE 7向け */
 *font: 12px; /* IE 6以下 */
}
* {
	font-size: 12px; /* モダンブラウザ向け */
	font-family: 'メイリオ', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic';
	/* 150209メモ　↑ここでメイリオ追加 */

    *font-size: 12px; /* IE 7向け */
 *font: 12px; /* IE 6以下 */
}
DT, DD, TH, TD, li, p, div, a {
	color: #444444;
	font-family: 'メイリオ', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic';
	/* 150209メモ　↑ここでメイリオ追加 */
	font-size: 12px;
	line-height: 140%;
}
/* リンク */
a:link {
	color: #3366CC;
}
a:visited {
	color: #3366CC;
}
a:hover {
	color: #ff3333;
}
a:active {
	color: #990033;
}
.pagetop {
	font-size: 100%;
	margin: 10px 0;
	text-align: right;
}
table {
	margin: 0px;
}
/* ページトップへ */
.pagetop a {
	padding-left: 15px;
	background-image: url(../img/cmn/cmn_arrow_top.gif);
	background-repeat: no-repeat;
	font-size: 11px;
	line-height: 140%;
}
/* フッター部分 */
#Footer {
	margin-top: 10px;
	background-image: url(../img/cmn/footer_haikei.gif);
	background-repeat: repeat-x;
	text-align: center;
	width: 800px;
	height: 58px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#Footer a {
	padding-right: 3px;
}
#Footer strong {
	font-weight: normal;
	line-height: 140%;
}
#Footer p {
	margin: 10px 0px;
	text-align: center;
}
#Footercompany {
	width: 800px;
	height: 25px;
	line-height : 25px;
	font-size: 12px;
	color: #FFFFFF;
	background-image: url(../img/cmn/footer_haikei_2.gif);
	background-repeat: repeat-x;
	text-align: center;
}
#Fprivacy {
	width: 800px;
	text-align: right;
	margin-top: 15px;
}
/* ------------------------------------------------------------------------------------
	2:共通の機能クラス
------------------------------------------------------------------------------------ */
/* ドットアンダーライン */
.DotBottom {
	background-image: url(../img/cmn/cmn_dot_yoko.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
/* MAPボタン */
.CmnMap {
	background-color: #F9CB35;
	color: #FFFFFF;
	padding: 0px 3px;
	margin-left: 5px;
}
.CmnMap a {
	color: #FFFFFF;
	text-decoration: none;
}
/* NEWボタン */
.CmnNew {
	background-color: #FF0000;
	color: #FFFFFF;
	padding: 0 3px;
	margin-left: 3px;
}
/* フロート解除 */
.clearall {
	clear: both;
	margin: 0;
	padding: 0;
}
/* 文字寄せ */
.alr {
	text-align: right;
}
.alc {
	text-align: center;
}
.AlignCenter {
	text-align: center;
}
.AlignRight {
	text-align: right;
}
.CmnDotLine10px {
	margin: 5px 0px;
	background-image: url(../img/cmn/cmn_dot_yoko.gif);
	background-repeat: repeat-x;
	height: 1px;
}
/* 矢印付のリンクを設定する場合に使用してます */
.yajirushi {/* ブルー */
	padding-left: 9px;
	background-image: url(../img/cmn/cmn_arrow_blue.gif);
	background-repeat: no-repeat;
	line-height: 140%;
}
.yajirushiG {/* グレー */
	padding-left: 9px;
	background-image: url(../img/cmn/cmn_arrow_gray.gif);
	background-repeat: no-repeat;
	line-height: 140%;
}
/* ------------------------------------------------------------------------------------
	3:登録・ログイン画面
------------------------------------------------------------------------------------ */

/* ログイン窓の大枠 */
.CmnLogins {
	margin-bottom: 20px;
}
.CmnLogins td {
	padding: 7px 13px 0px;
	background-image: url(../img/cmn/cmn_login_bg.gif);
	background-repeat: repeat-y;
	background-position: top;
	vertical-align: top;
}
.CmnLogins p {
	padding-bottom: 10px;
}
/* ログイン窓＞ボタン部分 */
.CmnLoginBt {
	margin-top: 5px;
	padding: 5px 0px;
	text-align: right;
}
.CmnLoginBt img {
	vertical-align: text-bottom;
	margin-left: 5px;
}
/* ログイン窓＞ＩＤ・ＰＡＳＳの窓 */
.CmnLoginTextArea {
	width: 65px;
	margin-left: 3px;
}
/* ログイン要求のタイトル部分 */
.CmnLoginAlert {
	margin-bottom: 40px;
	padding-top: 20px;
	text-align: left;
	border-top: 3px solid #666666;
	font-weight: bold;
}
.CmnLoginAlert h2 {
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	padding: 0px;
}
/* ------------------------------------------------------------------------------------
	4:登録情報の変更
------------------------------------------------------------------------------------ */

.EtcChange { /* 修正項目の一覧表示設定 */
	margin: 0px;
	padding: 0px;
	text-align: left;
}
.EtcChange dl {
	margin: 0px;
	padding: 0px;
}
.EtcChange dt {
	margin: 0px 0px 10px;
	padding: 0px;
	font-weight: bold;
	background-image: url(../img/cmn/cmn_dot_yoko.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
.EtcChange dd {
	margin: 0px 0px 10px;
	padding: 0px;
	text-align: left;
}
.EtcChange img {
	float: right;
}
/* 修正項目のテーブル設定 */
#EtcChangeInput table {
	margin-top: 10px;
	margin-bottom: 15px;
	width: 100%;
	text-align: left;
}
#EtcChangeInput table th {
	padding: 5px;
	width: 150px;
	font-weight: lighter;
	vertical-align: top;
}
/* タイトルの設定 */
#EtcChangeInput h3 {
	padding: 0px 0px 5px 0px;
	font-weight: bold;
	font-size: 12px;
	background-image: url(../img/cmn/cmn_dot_yoko.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
/* 必須項目の文字色設定 */
.EtcChangehissu {
	color: #ff3333;
	margin-left: 10px;
}
/* ボタン配置の設定 */
.EtcChangeButton table {
	margin: 10px 0px;
	text-align: center;
}
/* 例の文字色 */
.EtcChangeex {
	padding: 0px 5px;
	color: #6699cc;
}
.EtcChangecheck {
	padding: 0 0 0 20px;
	text-align: right;
	font-weight: lighter;
}
/* ------------------------------------------------------------------------------------
	5:今週のキーワード
------------------------------------------------------------------------------------ */

.keywords {
	font-size: 18px;
	line-height: 120%;
	list-style-type: none;
	font-weight: bold;
}
/* ------------------------------------------------------------------------------------
	career01:共通タイトル
------------------------------------------------------------------------------------ */


.CreTitle {
	background-image: url(../img/cmn/c_midashi_bg.gif);
	background-repeat: no-repeat;
	padding: 0 5px 0 20px;
	font-size: 12px;
	line-height : 35px;		/*　←縦のセンタリングの為に指定（hightと同じpx）　*/
	font-weight: bold;
	color: #FFFFFF;
	height: 35px;
	text-align: left;
	margin-bottom: 2px;
}
.CreTitleTsp20 {
	background-image: url(../img/cmn/c_midashi_bg.gif);
	background-repeat: no-repeat;
	padding: 0 5px 0 20px;
	font-size: 12px;
	line-height : 35px;		/*　←縦のセンタリングの為に指定（hightと同じpx）　*/
	font-weight: bold;
	color: #FFFFFF;
	height: 35px;
	text-align: left;
	margin-bottom: 2px;
	margin-top: 20px;		/*　←上に20pxスペースあり　*/
}
.CreTitle2 {
	background-image: url(../img/cmn/c_midashi2_bg.gif);
	background-repeat: no-repeat;
	padding: 0 5px 0 20px;
	font-size: 12px;
	line-height : 35px;		/*　←縦のセンタリングの為に指定（hightと同じpx）　*/
	font-weight: bold;
	color: #444444;
	height: 35px;
	text-align: left;
	margin-bottom: 2px;
}
.CreTitle2Tsp20 {
	background-image: url(../img/cmn/c_midashi2_bg.gif);
	background-repeat: no-repeat;
	padding: 0 5px 0 20px;
	font-size: 12px;
	line-height : 35px;		/*　←縦のセンタリングの為に指定（hightと同じpx）　*/
	font-weight: bold;
	color: #444444;
	height: 35px;
	text-align: left;
	margin-bottom: 2px;
	margin-top: 20px;		/*　←上に20pxスペースあり　*/
}
.CreLinkList {
	margin-top: 5px;
	padding-left: 13px;
	background: url(../img/cmn/cmn_yazi.gif) no-repeat left 5px;
	float: right;
	font-size: 11px;
}
/* ------------------------------------------------------------------------------------
	career02:共通スペース
------------------------------------------------------------------------------------ */

.CreSpaceT5 {
	padding-top: 5px;
}
.CreSpaceT10 {
	padding-top: 10px;
}
.CreSpaceT15 {
	padding-top: 15px;
}
.CreSpaceT20 {
	padding-top: 20px;
}
.CreSpaceR5 {
	padding-right: 5px;
}
.CreSpaceR10 {
	padding-right: 10px;
}
.CreSpaceR15 {
	padding-right: 15px;
}
.CreSpaceR20 {
	padding-right: 20px;
}
.CreSpaceB5 {
	padding-bottom: 5px;
}
.CreSpaceB10 {
	padding-bottom: 10px;
}
.CreSpaceB15 {
	padding-bottom: 15px;
}
.CreSpaceB20 {
	padding-bottom: 20px;
}
.CreSpaceL5 {
	padding-left: 5px;
}
.CreSpaceL10 {
	padding-left: 10px;
}
.CreSpaceL15 {
	padding-left: 15px;
}
.CreSpaceL20 {
	padding-left: 20px;
}

/* ------------------------------------------------------------------------------------
	読売ID就活会員登録
------------------------------------------------------------------------------------ */
#EtcChangeInput.yomi .text-u {
	text-decoration: underline;
}

#EtcChangeInput.yomi .text-center {
	text-align: center;
}

#EtcChangeInput.yomi .fc-red {
	color: #ff3333;
}

#EtcChangeInput.yomi .indent {
    padding-left: 2.5em;
    text-indent: -2.5em;
}

#EtcChangeInput.yomi .mgt-8px {
	margin-top: 8px;
}

#EtcChangeInput.yomi .mgb-16px {
	margin-bottom: 16px;
}

#EtcChangeInput.yomi .mgb-24px {
	margin-bottom: 24px;
}

#EtcChangeInput.yomi .yomi_about {
    margin: 16px 0;
    padding: 10px;
    background-color: rgba(84, 86, 184, 0.05);
}

#EtcChangeInput.yomi h3.bgimg-none {
	background-image: none;
}

#EtcChangeInput.yomi .yomi_btn {
	margin: 16px 0;
	padding: 16px 40px;
    display: inline-block;
	font-size: 14px;
    color: #fff;
	background-color: #5456B8;
}