@charset "utf-8";

/************************************************************
 * 初期化
 ************************************************************/

body, form, img, div, p, ul, ol, li, dl, dt, dd, h1, h2, h3 ,h4 , h5, h6, table, th ,td ,select {
	margin: 0;
	padding: 0;
}
ul, ol	{ list-style: none; }
img		{ border: none; vertical-align: bottom; }
table	{ border-spacing: 0; }
th		{ text-align: left; }

/* clearfix */
.cFix:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.cFix	{ min-height: 1px; _height: 1px; }

/************************************************************
 * アンカー
 ************************************************************/

a				{ text-decoration: none; }
a:link			{ color: #4c4c80; }
a:visited		{ color: #896958; }
a:hover,
a:active		{ color: #7878CC; text-decoration: underline; }

/************************************************************
 * フォント
 ************************************************************/

body, input, select, textarea, table, th, td, li ,a {
	font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS P Gothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Osaka', arial, sans-serif, verdana, Helvetica;
}
body, input, select, textarea, table {
	color: #333333;
	font-size: 12px;
	line-height: 1.5;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 12px;
}

/************************************************************
 * IDS
 ************************************************************/

/* ヘッダー */
#headerWrapperMy {
	border-bottom: 2px solid #999999;
	border-top:    16px solid #BFB4AB;
	zoom: 1;
}
#headerMy {
	width: 1000px;
	margin: 0 auto -2px;
	position: relative;
	border-bottom: 2px solid #999999;
}

#headerWrapper {
	border-bottom: 2px solid #999999;
	border-top:    16px solid #BFB4AB;
	zoom: 1;
}
#header {
	width: 1000px;
	margin: 0 auto -2px;
	position: relative;
	border-bottom: 2px solid #999999;
}

#headSummary {
	color: #FFFFFF;
	font-size: 10px;
	font-weight: normal;
	margin-top: -16px;
	padding-left: 18px;
	position: absolute;
}

#logoNavi {
	height: 68px;
	position: relative;
	z-index: 0;
}

#logo {
	position: absolute;
	top: 9px;
	left: 12px;
	z-index: 0;
}

.user {
	position: absolute;
	top: 0;
	right: 20px;
	line-height: 33px;
	z-index: 1;
}
.user .arrowR {
	display: inline-block;
	background-position: -196px -234px;
}
.move {
	position: absolute;
	bottom: -2px;
	_bottom: -3px;
	right: 20px;
	z-index: 3;
}

/* ラッパー */
#wrapper {
	width: 1000px;
	margin: 0 auto;
	position: relative;
}

/* コンテンツ */
#contents {
	margin-top: 10px;
	padding: 0 20px;
	min-height: 300px;
	_height: 300px;
}

/* 見出し */
.contentsTitleWrapper { background: none; }
.contentsTitleInner {
	height: 15px;
	border-bottom: 1px solid #988989;
	background: url("/CSP/img/my/icons/icon_heading.png?switch=2026052710") no-repeat 0 1px;
	padding-left: 25px;
	padding-bottom: 7px;
	font-size: 15px;
	font-weight: bold;
	font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',MS PGothic,sans-serif;
	color: #444444;
	margin-top: 30px;
}

/* プレコンテンツ */
#postContents {
	margin-top: 30px;
	padding: 0px 20px;
}

/* フッター */
#copyright {
	position: absolute;
	top: 10px;
	left: 30px;
}
#footerLinks {
	font-size: 10px;
	overflow: hidden;
	position: absolute;
	top: 20px;
	right: 30px;
}
#footerLinks li {
	float: left;
	border-right: 1px solid #DDD;
	padding-right: 15px;
	*padding-right: 16px;
	margin-left: 15px;
	margin-right: -1px;
}

/* メインコンテンツフッター */
.mainContentsFooter {
	margin-top: 60px;
}

/* メインコンテンツフッターリンク */
.mainContentsFooterLinks {
	margin-top: 20px;
}
.mainContentsFooterLinks li {
	display: inline;
	font-size: 10px;
	color: #CCCCCC;
}

/* ポップアップ */
#popUpWrapper {
	width: 580px;
	background-color: #FFFFFF;
}
#popUpHeader {
	border-bottom: 2px solid #BBAAAA;
	padding:10px;
}
#popUpLogo {
	float: left;
}
#popUpRecruitLogo {
	float: left;
	margin-top: 7px;
	padding-left: 5px;
}

#popUpContents {
	margin-top: 10px;
	padding: 0 10px;
	min-height: 200px;
}

#popUpContents h2 {
	width: 560px;
	height: 33px;
	line-height: 33px;
	text-indent: 10px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 16px;
	background: url(/CSP/img/common/bg_popup_title.gif?switch=2026052710) no-repeat;
}

.note {
	color: #E46C0A;
	font-size: 14px;
}
.note li {
	text-indent: -1em;
	padding-left: 1em;
}

#popUpFooter {
	border-top: 1px solid #DDDDDD;
	padding: 10px;
	margin-top: 10px;
	position: relative;
}


/************************************************************
 * CLASSES(コンポーネント)
 ************************************************************/
/* ページトップリンク */
.pageTopLink {
	margin-top: 20px;
	text-align: right;
}

/* 表下部ボタンエリア*/
.submitArea {
	background-color: #F5F3EF;
	padding: 10px;
}

/* 完了画面 */
.completeContents {
	min-height: 200px;
	_height: 200px;
}

/* ボタン */
.bt {
	display: block;
	border: 0;
	background: 0;
}
.btTop {
	background-image: url(/CSP/img/common/btn_top.gif?switch=2026052710);
	background-position: 0 0;
	width: 165px;
	height: 45px;
}
.btTop:hover {
	background-position: 0 -45px;
}
.btBack	{
	background-image: url(/CSP/img/my/btn_backW.gif?switch=2026052710);
	background-position: 0 0;
	width: 80px;
	height: 40px;
}
.btBack:hover	{
	background-position: 0 -40px;
}
.arrowT {
	padding-left: 10px;
	background: url(/CSP/img/my/arw_top.gif?switch=2026052710) no-repeat left center;
}


.inService		{ background: url("/CSP/img/bt/icons_buttons/hed_service.gif?switch=2026052710") no-repeat; display: block; width:140px; height:22px; }

/* ポップアップ画面のボタン */
.imgClose 					{ background: url(/CSP/img/bt/icons_buttons/btn_close.gif?switch=2026052710) no-repeat 0 0; width: 80px; height: 24px; }
.imgClose:hover				{ background: url(/CSP/img/bt/icons_buttons/btn_close.gif?switch=2026052710) no-repeat 0 -24px; }

/************************************************************
 * CLASSES(プロパティ)
 ************************************************************/

/* MARGIN */
.mT10	{ margin-top: 10px; }
.mT20	{ margin-top: 20px; }
.mT30	{ margin-top: 30px; }
.mT40	{ margin-top: 40px; }
.mT60	{ margin-top: 60px; }
.mR5	{ margin-right: 5px; }

.mHA	{ margin-left: auto; margin-right: auto; }


/* PADDING */
.pL15	{ padding-left: 15px; }

.pH10	{ padding-left: 10px; padding-right: 10px; }


/* DISPLAY */
.db		{ display: block; }

.offL	{ text-indent: -9999px; overflow: hidden; }


/* POSITION */
.fl		{ float: left; }
.fr		{ float: right; }

.taC	{ text-align: center !important; }


/* FOREGROUNG */
.fgRed		{ color: #FF0000; }
.fgGray		{ color: #666666; }

.fs12	{ font-size: 12px; }
.fs18	{ font-size: 18px; }

.b	{ font-weight: bold !important; }


/* WIDTH */
.w194		{ width: 194px; }


/************************************************************
 * スプライト画像 - 共通（c.png）
 ************************************************************/

.cS		{ background-image: url(/CSP/img/bt/sprites/c.png?switch=2026052710); background-repeat: no-repeat; border: 0; }

/* ヘッダー */
.popUpLogo		{ background-position: -20px -260px; display: block; width: 52px; height: 17px; text-indent: -9999px; overflow: hidden; }
.smallLogo		{ background-position: -580px 0; display: block; width: 118px; height: 49px; text-indent: -9999px; overflow: hidden; background-image: url(/CSP/img/bt/sprites/c.png?switch=2026052710) !important; background-repeat: no-repeat; }

/************************************************************
 * スプライト画像 - アイコン（i.png）
 ************************************************************/

.iS			{ background-image: url(/CSP/img/bt/sprites/i.png?switch=2026052710); background-repeat: no-repeat; }

.arrowR		{ background-position: -196px -241px; display: inline-block; padding-left: 8px; }


/************************************************************
* buttons
************************************************************/
.btn {
	display: block;
	border: 0;
	padding-left: 4px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
}
.btn > span {
	padding-right: 4px;
	display: block;
}
.btn > span > input,
.btn > span > span {
	display: block;
	width: 100%;
	height: 100%;
	border: none;
	font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS P Gothic', 'Osaka', arial, sans-serif, verdana, Helvetica;
	font-weight: bold;
	cursor: pointer;
}

/* height50px */
.btn2H50 {
	background: url('/CSP/img/my/sprites/btn2.png?switch=2026052710') no-repeat 0 0;
	line-height: 50px;
}
.btn2H50 > span {
	background: url('/CSP/img/my/sprites/btn2.png?switch=2026052710') no-repeat right -100px;
}
.btn2H50 > span > input,
.btn2H50 > span > span {
	background: url('/CSP/img/my/sprites/btn2.png?switch=2026052710') repeat-x 0 -200px;
	color: #E53B4E;
}
.btn2H50 > span > input {
	height: 50px;
}
.btn2H50:hover {
	background-position-y: -50px;
}
.btn2H50:hover > span {
	background-position-y: -150px;
}
.btn2H50:hover > span > input,
.btn2H50:hover > span > span {
	background-position-y: -250px;
	color: #F26F7E;
}
/* height32px */
.btn2H32 {
	background: url('/CSP/img/my/sprites/btn2.png?switch=2026052710') no-repeat left -300px;
	line-height: 32px;
}
.btn2H32 > span {
	background: url('/CSP/img/my/sprites/btn2.png?switch=2026052710') no-repeat right -364px;
}
.btn2H32 > span > input,
.btn2H32 > span > span {
	background: url('/CSP/img/my/sprites/btn2.png?switch=2026052710') repeat-x 0 -428px;
	color: #E53B4E;
}
.btn2H32 > span > input {
	height: 32px;
}
.btn2H32:hover {
	background-position-y: -332px;
}
.btn2H32:hover > span {
	background-position-y: -396px;
}
.btn2H32:hover > span > input,
.btn2H32:hover > span > span {
	background-position-y: -460px;
	color: #F26F7E;
}
/* height19px */
.btn2H19 {
	background: url('/CSP/img/my/sprites/btn2.png?switch=2026052710') no-repeat left -492px;
	line-height: 19px;
	color: #666 !important;
}
.btn2H19 > span {
	background: url('/CSP/img/my/sprites/btn2.png?switch=2026052710') no-repeat right -530px;
}
.btn2H19 > span > span {
	background: url('/CSP/img/my/sprites/btn2.png?switch=2026052710') repeat-x 0 -568px;
	color: #666666;
}
.btn2H19:hover {
	background-position-y: -511px;
}
.btn2H19:hover > span {
	background-position-y: -549px;
}
.btn2H19:hover > span > span {
	background-position-y: -587px;
	color: #A3A3A3;
}
/* height24px */
.btn3H24 {
	background: url('/CSP/img/my/sprites/btn2.png?switch=2026052710') no-repeat left -606px;
	line-height: 24px;
}
.btn3H24 > span {
	background: url('/CSP/img/my/sprites/btn2.png?switch=2026052710') no-repeat right -654px;
}
.btn3H24 > span > span {
	background: url('/CSP/img/my/sprites/btn2.png?switch=2026052710') repeat-x 0 -702px;
	color: #666666;
}
.btn3H24:hover {
	background-position-y: -630px;
}
.btn3H24:hover > span {
	background-position-y: -678px;
}
.btn3H24:hover > span > span {
	background-position-y: -726px;
	color: #A3A3A3;
}

.btnNormal {
	background-color: #FFFFFF;
	border: solid #CCCCCC;
	border-radius: 4px;
	border-width: 1px 1px 2px;
	box-sizing: border-box;
	color: #666666 !important;
	display: inline-block;
	font-weight: bold;
	min-width: 160px;
	padding: 8px 10px;
	text-align: center;
}
.btnNormal:hover {
	opacity: 0.7;
	text-decoration: none;
}
.breadcrumbs {
	font-size: 10px;
}
.breadcrumbs > li {
	display: inline;
}
.breadcrumbs strong {
	font-weight: normal;
}
.footerLinkWrapper {
	background: url("/CSP/img/top/bg_footerwrapper.gif?switch=2026052710") top repeat-x #F6F4F3;
	min-width: 1000px;
}
.footerLinkInner {
	box-sizing: border-box;
	margin: 0 auto;
	padding: 20px;
	width: 1000px;
}
.footerLinkList {
	font-size: 10px;
	margin-top: 5px;
}
.footerLinkList:after {
	clear: both;
	content: "";
	display: block;
}
.footerLinkList > li {
	float: left;
	line-height: 20px;
	padding-right: 10px;
}
.footerLinkList > li + li:before {
	border-left: 1px solid #CCCCCC;
	content: "";
	display: inline-block;
	height: 11px;
	margin-top: -1px;
	padding-left: 10px;
	vertical-align: middle;
}