@charset "UTF-8";
/**
 *  - 配色：基本となるカラーリング
 * 
 * update：  2017/11/17
 * version： 00010
 *  - 履歴
 *  2017/11/17 PageEnd、PageBye、PageLimitFull 内のジャンプ先表示コンテンツを追加 渡邊
 *  2015/07/13  hover 追加　uma
 *  2014/02/03  (cmp-basicVa.groupVertical) groupHT 追加　uma
 *  2013/01/07 （basicVa/matrixH・V）.oa.grayout追加　uma
 */



/* system：リンク
-------------------------------------------------------------------------------*/
a:link,
a:visited { color: #000099; }
a:hover   { color: #cc0000; }

/* system：全体
-------------------------------------------------------------------------------*/
#whole               { background-color: #ffffff; color: #696969; }
	#header          {}
		.sys-hip #logoIn {}
		#jobTitle    { background-color: #0c4dab; color: #ffffff; }
	#mainArticle     {}
		#noscriptCaution { background-color: #ffff66; color: #aa0000; }
		#pageCondition   { border-color: #ddaabb; background-color: #ffddee; color: #990033; }
			#pageCondition ul {}
				#pageCondition ul li {}
					#pageCondition ul li b { background-color: #ffeef6; }
		#pagerDemo       {                            color: #cccccc; }
		#pager           {}
		#indicator       {}
			#indicator .wrapper {}
			#indicator .percent {}
			#indicator .meter   { background: url(../img/bg_indicator.jpg) no-repeat center center; }
				#indicator .bar { background-color: #ffd966; }
		#enquete         { background-color: #ffffff; color: #696969; }
			#formQs  {}
				#enquete .headline               { background-color: #0C4DAB; color: #ffffff; }
					#enquete .headline em,
					#enquete .headline .keyword  { background-color: #3366ff; color: #ffff00; }
				#enquete .headline2              { background-color: #c0d6f0; color: #696969; }
					#enquete .headline2 em,
					#enquete .headline2 .keyword { background-color: #ffffff; color: #cc0000; }
				#enquete .question               { background-color: #c0d6f0; color: #696969; }
					#enquete .question em,
					#enquete .question .keyword  { background-color: #cceeff; color: #cc0000; }
				#enquete .answer                 {}
				#enquete .bottomline             { background-color: #ffffff; color: #f7fbff; }
	.sys-hip #footer         { background-color: #333399; color: #f7fbff; }
	.sys-tsr #footer         { background-color: #ffffff; color: #000000; }
		.sys-hip #copyright  {}
		.sys-tsr #contactus  {}
		.sys-tsr #copyright  {}

/* system：プレビュー警告文（tsrn.co.jp専用）
-------------------------------------------------------------------------------*/
.sys-tsr #previewCaution_header { background-color: #333399; color: #e0e0ef;  }
.sys-tsr #previewCaution_bottomline { border-color: #9999cc; background-color: #0C4DAB; }
	.sys-tsr #previewCaution_bottomline .title   { color: #ffffcc; }
	.sys-tsr #previewCaution_bottomline .caution { color: #ffffcc; }

/* system：ディスプレイ用デバッグ値表示
-------------------------------------------------------------------------------*/
.sys-demo { color: #999999; }
.cmp-basicVa .sys-demo { color: #999999; }
.cmp-matrixHorizonal .sys-demo,
.cmp-matrixVertical  .sys-demo { color: #999999; }

/* system：エンドメッセージ（Hi-Panel）
-------------------------------------------------------------------------------*/
.sys-hip .sys-closeMessage {}
	.sys-hip .sys-closeMessage .imageIn {}
	.sys-hip .sys-closeMessage .messageIn {}
		.sys-hip .sys-closeMessage .messageIn .title   { border-color: #35308F; color: #35308F; }
		.sys-hip .sys-closeMessage .messageIn .message { color: #35308F; }
		.sys-hip .sys-closeMessage .messageIn .button  {}

/* system：エンドメッセージ（tsrn.co.jp）
-------------------------------------------------------------------------------*/
.sys-tsr .sys-closeMessage { border-color: #66cc66; }
	.sys-tsr .sys-closeMessage .headerIn  { background-color: #66cc66; color: #ffffff; }
	.sys-tsr .sys-closeMessage .messageIn {}
		.sys-hip .sys-byeMessage .messageIn .title   { border-color: #35308F; color: #35308F; }

/* system：ジャンプ先表示 BOX（誘引時）
-------------------------------------------------------------------------------*/
.sys-tsr .sys-jumpToPanelsHome { background-color: #dddddd; color: #999999; }
	.sys-tsr .sys-jumpToPanelsHome textarea { color: #555555; }

/* system：グリーティング（Hi-Panel）
-------------------------------------------------------------------------------*/
.sys-hip .jobInfomationIn {}
	.sys-hip .jobInfomation { border-color: #333399; }
		.sys-hip .jobInfomation .message { border-bottom-color: #333399; background-color: #d9ecf9; color: #333399; }
		.sys-hip .jobInfomation .info { background-color: #ffffe6; }
			.sys-hip .jobInfomation .info th { border-bottom-color: #d3d3d3; color: #333399; }
			.sys-hip .jobInfomation .info td { border-bottom-color: #d3d3d3; }
				.sys-hip .jobInfomation .wrapper-pmark {}
					.sys-hip .jobInfomation .wrapper-pmark .pmark     {}
					.sys-hip .jobInfomation .wrapper-pmark .reference {}
					.sys-hip .jobInfomation .wrapper-pmark .aboutus   { color: #333399; }
	.sys-hip .fullAddress {}
		.sys-hip .fullAddress .head { color: #333399; }
		.sys-hip .fullAddress .address {}
			.sys-hip .fullAddress .address th {}
			.sys-hip .fullAddress .address td {}
		.sys-hip .fullAddress .foot { color: #333399; }

/* system：グリーティング（tsrn.co.jp）
-------------------------------------------------------------------------------*/
.sys-tsr .greetingHeadline { background-color: #ffffff; color: #696969; }
.sys-tsr .greetingHeader   {}
.sys-tsr .greetingContent  {background-color: #ffffff; color: #696969;}
	.sys-tsr .greetingContent .pmark {}
.sys-tsr .fullAddress   {}
	.sys-tsr .fullAddress .follow  {}
	.sys-tsr .fullAddress .address { border-color: #66cc66; background-color: #ccffcc; color: #000000; }

/* component：あいし
-------------------------------------------------------------------------------*/
.cmp-aishi { background-color: #0C4DAB; color: #ffffff; }
	.cmp-aishi em { background-color: #6666ff; color: #ffff00; }

/* component：動画タイプ選択
-------------------------------------------------------------------------------*/
.cmp-movieSelect {}
	.cmp-movieSelect,
	.cmp-movieSelect * {}
	.cmp-movieSelect .movieType { border-color: #66cc66; background-color: #ccffcc; color: #000000; }
		.cmp-movieSelect .movieType .title { background-color: #66cc66; color: #ccffcc; }
		.cmp-movieSelect .movieType .button {}
			.cmp-movieSelect .movieType .button input {}
			.cmp-movieSelect .movieType .button input.single {}
		.cmp-movieSelect .movieType .install {}
			.cmp-movieSelect .movieType .install img {}
.cmp-movieIn { background-color: #000000; }
	.cmp-movieIn .cmp-movieExplanation {}
		.cmp-movieIn .cmp-movieExplanation p { background-color: #000000; color: #dddddd; }
		.cmp-movieIn .cmp-movieExplanation p.caution { color: #ff9999;}
			.cmp-movieIn .cmp-movieExplanation p input { border-color: #ffffff; background-color: #000000; color: #ffffff; }



/* component：BasicVa
-------------------------------------------------------------------------------*/
.cmp-basicVa {}
	.cmp-basicVa .buttonIn {}
	.cmp-basicVa .markIn   {}
	.cmp-basicVa .itemIn   {}
.cmp-basicVa.groupHorizonal    {}
	.cmp-basicVa.groupHorizonal .group       {}
	.cmp-basicVa.groupHorizonal .group.empty {}
.cmp-basicVa.groupVertical    {}
	.cmp-basicVa.groupVertical .group        { border-color: #dddddd; border-color: #dddddd; }
	.cmp-basicVa.groupVertical .group.empty  {}
.cmp-basicVa.groupBorder { border-right-color: #dddddd; border-bottom-color: #dddddd; }
	.cmp-basicVa.groupBorder .group       { border-color: #dddddd; }
	.cmp-basicVa.groupBorder .group.empty { border-color: #dddddd; }
	.cmp-basicVa.groupBorder .markIn      {}
	.cmp-basicVa.groupBorder .buttonIn    { border-left-color: #dddddd; }
	.cmp-basicVa.groupBorder .itemIn      {}
	/* 配色 */
	.cmp-basicVa .odd      { background-color: #ffffff; }/* 奇数行 */
	.cmp-basicVa .even     { background-color: #ffffff; }/* 偶数行 */
	/* hoverまとめたので削除uma .cmp-basicVa .hover label { color: #cc6600; }*/
	.cmp-basicVa .grayout  { color: #999999; }
	.cmp-basicVa.groupHorizonal .group       { background-color: #ffffff; color: #9999ff; }
	.cmp-basicVa.groupHorizonal .group.empty { background-color: #ffffff; color: #ffffff; }
	.cmp-basicVa.groupVertical .group        { background-color: #feead5; color: #555555; }
	.cmp-basicVa.groupVertical .group.empty  { background-color: #ffffff; }
	.cmp-basicVa.groupVertical .groupHT        { background-color: #feead5; color: #555555; }
	.cmp-basicVa.groupVertical .groupHT.empty  { background-color: #ffffff; }
	.cmp-basicVa.groupBorder .group          { background-color: #ffdead; color: #555555; }
	.cmp-basicVa.groupBorder .group.empty    { background-color: #ffffff; color: #ffffff; }
	.cmp-basicVa .oa.grayout  { background-color: #eaeaea; }
	.cmp-basicVa .ra.grayout  { background-color: #eaeaea; }

/* component：OaSingle
-------------------------------------------------------------------------------*/
.cmp-oaSingle {}
.cmp-oaSingle.colored { background-color: #eeeeee; }
	.cmp-oaSingle .oaIn          {}
	.cmp-oaSingle .oaIn.withSide {}
		.cmp-oaSingle .oaIn .prefix {}
		.cmp-oaSingle .oaIn .oa     {}
		.cmp-oaSingle .oaIn .ra     {}
		.cmp-oaSingle .oaIn .suffix {}
	.cmp-oaSingle .conflictIn        {}
	.cmp-oaSingle .conflictIn.alignLeft   {}
	.cmp-oaSingle .conflictIn.alignRight  {}
	.cmp-oaSingle .conflictIn.alignCenter {}
	.cmp-oaSingle .conflictIn.alignSide   {}
		.cmp-oaSingle .conflictIn .conflict {}
		.cmp-oaSingle .conflictIn label     {}

/* component：OaMulti
-------------------------------------------------------------------------------*/
.cmp-oaMulti {}
	.cmp-oaMulti .oaIn      {}
	.cmp-oaMulti .oaIn.odd  { background-color: #efefef; }
	.cmp-oaMulti .oaIn.even { background-color: #ffffea; }
		.cmp-oaMulti .oaIn .mark   {}
		.cmp-oaMulti .oaIn .prefix {}
		.cmp-oaMulti .oaIn .oa     {}
		.cmp-oaMulti .oaIn .suffix {}
	.cmp-oaMulti .conflictIn             {}
	.cmp-oaMulti .conflictIn.colored     {}
	.cmp-oaMulti .conflictIn.alignLeft   {}
	.cmp-oaMulti .conflictIn.alignRight  {}
	.cmp-oaMulti .conflictIn.alignCenter {}
		.cmp-oaMulti .conflictIn .conflict {}
		.cmp-oaMulti .conflictIn label     {}

/* component：SelectSingle、SelectTwin
-------------------------------------------------------------------------------*/
.cmp-selectN {}
	.cmp-selectN .cmp-divider  {}
		.cmp-selectN .title    {}
		.cmp-selectN .selectIn {}
		.cmp-selectN .pulldownValue { background-color: #eeeeee; color: #000000; }

/* component：MatrixHorizonalVa
-------------------------------------------------------------------------------*/
/* border指定 */
/* 縦が1pxで横が2px。外周は縦横かかわらず2px。 */
.cmp-matrixHorizonal { border-color: #bbbbbb; }
	.cmp-matrixHorizonal th,
	.cmp-matrixHorizonal td { border-color: #bbbbbb; }
	/* 上・中・下メニュー：配色 */
	.cmp-matrixHorizonal .header .shoulderIn    { background-color: #ffffff; }
	.cmp-matrixHorizonal .header .groupIn       { background-color: #dbfdff; }
	.cmp-matrixHorizonal .header .groupSpacerIn { background-color: #ffffff; }
	.cmp-matrixHorizonal .header .markIn        {}
	.cmp-matrixHorizonal .header .markIn.odd    { background-color: #F4FFFF; }
	.cmp-matrixHorizonal .header .markIn.even   { background-color: #F4FFFF; }
	.cmp-matrixHorizonal .header .itemIn        {}
	.cmp-matrixHorizonal .header .itemIn.odd    { background-color: #F4FFFF; }
	.cmp-matrixHorizonal .header .itemIn.even   { background-color: #F4FFFF; }
	.cmp-matrixHorizonal .header .arrowIn       { color: #990000; }
	/* 本体：配色 */
	.cmp-matrixHorizonal .body .groupIn_left       { background-color: #fcfdfc; }
	.cmp-matrixHorizonal .body .groupSpacerIn_left { background-color: #ffffff; }
	.cmp-matrixHorizonal .body.odd  .markIn_left,
	.cmp-matrixHorizonal .body.odd  .markIn_right  { background-color: #F8F8F8; }
	.cmp-matrixHorizonal .body.even .markIn_left,
	.cmp-matrixHorizonal .body.even .markIn_right  { background-color: #F8F8F8; }
	.cmp-matrixHorizonal .body.odd  .itemIn_left,
	.cmp-matrixHorizonal .body.odd  .itemIn_right  { background-color: #F8F8F8; }
	.cmp-matrixHorizonal .body.even .itemIn_left,
	.cmp-matrixHorizonal .body.even .itemIn_right  { background-color: #F8F8F8; }
/* hoverまとめたので削除uma
	.cmp-matrixHorizonal .body.hover .markIn_left,
	.cmp-matrixHorizonal .body.hover .markIn_right,
	.cmp-matrixHorizonal .body.hover .itemIn_left,
	.cmp-matrixHorizonal .body.hover .markIn_right { color: #993300; }*/
	.cmp-matrixHorizonal .body .arrowIn_left,
	.cmp-matrixHorizonal .body .arrowIn_right      { background-color: #ffffff; color: #990000; }
	.cmp-matrixHorizonal .body.odd  .buttonIn      { background-color: #ffffff; }
	.cmp-matrixHorizonal .body.even .buttonIn      { background-color: #ffffff; }
	.cmp-matrixHorizonal .body.odd  .textIn        { background-color: #ffffff; }
	.cmp-matrixHorizonal .body.even .textIn        { background-color: #ffffff; }
	.cmp-matrixHorizonal .grayout  { color: #999999; }
	.cmp-matrixHorizonal .oa.grayout  { background-color: #eaeaea; }
	.cmp-matrixHorizonal .ra.grayout  { background-color: #eaeaea; }

/* component：MatrixVerticalVa
-------------------------------------------------------------------------------*/
/* border指定 */
/* 縦が1pxで横が2px。外周は縦横かかわらず2px。 */
.cmp-matrixVertical { border-color: #bbbbbb; }
	.cmp-matrixVertical th,
	.cmp-matrixVertical td { border-color: #bbbbbb; }
	/* 上・中・下メニュー：配色 */
	.cmp-matrixVertical .header .shoulderIn    { background-color: #ffffff; }
	.cmp-matrixVertical .header .groupIn       { border-bottom-color: #bbbbbb; background-color: #99ee99; }
	.cmp-matrixVertical .header .groupSpacerIn {}
	.cmp-matrixVertical .header .markIn        {}
	.cmp-matrixVertical .header .markIn.odd    { background-color: #aaffaa; }
	.cmp-matrixVertical .header .markIn.even   { background-color: #ccffcc; }
	.cmp-matrixVertical .header .itemIn        {}
	.cmp-matrixVertical .header .itemIn.odd    { background-color: #aaffaa; }
	.cmp-matrixVertical .header .itemIn.even   { background-color: #ccffcc; }
	.cmp-matrixVertical .header .arrowIn       { color: #990000; }
	/* 本体：配色 */
	.cmp-matrixVertical .body .groupIn_left       { background-color: #feead5; }
	.cmp-matrixVertical .body .groupSpacerIn_left { background-color: #ffffff; }
	.cmp-matrixVertical .body.odd  .markIn_left,
	.cmp-matrixVertical .body.odd  .markIn_right  { background-color: #ffd18c; }
	.cmp-matrixVertical .body.even .markIn_left,
	.cmp-matrixVertical .body.even .markIn_right  { background-color: #ffdead; }
	.cmp-matrixVertical .body.odd  .itemIn_left,
	.cmp-matrixVertical .body.odd  .itemIn_right  { background-color: #ffd18c; }
	.cmp-matrixVertical .body.even .itemIn_left,
	.cmp-matrixVertical .body.even .itemIn_right  { background-color: #ffdead; }
	.cmp-matrixVertical .body .buttonIn.odd       { background-color: #efefef; }
	.cmp-matrixVertical .body .buttonIn.even      { background-color: #ffffea; }
	.cmp-matrixVertical .grayout  { color: #999999; }
	.cmp-matrixVertical .oa.grayout  { background-color: #eaeaea; }

/* component：TileVa
-------------------------------------------------------------------------------*/
.cmp-tileVa {}
	/* 本体：配色 */
	.cmp-tileVa .tileWall {}
		.cmp-tileVa .groupIn_top { border-color: #bbbbbb; background-color: #ffdead; color: #999999; }
		.cmp-tileVa .odd         { background-color: #efefef; }
		.cmp-tileVa .even        { background-color: #ffffea; }
			.cmp-tileVa .tile       { border-color: #bbbbbb; }
			.cmp-tileVa .tile.empty { background-color: #ffffff; }
			.cmp-tileVa .odd  .tile.disabled { background-color: #f6f6f6; }
			.cmp-tileVa .even .tile.disabled { background-color: #fffff6; }
				.cmp-tileVa .layout {}
					.cmp-tileVa .groupIn_left { border-color: #bbbbbb; background-color: #ffdead; color: #999999; }
					.cmp-tileVa .groupIn_left.empty { background-color: #ffffff; }
					.cmp-tileVa .buttonIn {}
					.cmp-tileVa .markIn   {}
					.cmp-tileVa .itemIn   {}
					.cmp-tileVa .imageIn  {}
					.cmp-tileVa .tile.disabled .markIn  {}
					.cmp-tileVa .tile.disabled .itemIn  {}
					.cmp-tileVa .tile.disabled .imageIn {}

/* component：uiSlider
-------------------------------------------------------------------------------*/
.snp-uiSlider {}
	.snp-uiSlider .labelWrapper {}
		.snp-uiSlider .leftLabel  {}
		.snp-uiSlider .rightLabel {}
	.snp-uiSlider .sliderSelfWrapper {}
		.snp-uiSlider .sliderSelf {}
	.snp-uiSlider .floater { border-color: #e6b003; background-color: #fbf2bc; color: #bf8d07; }
	.snp-uiSlider .ra      { background-color: #eeeeee; color: #000000; }

/* component：uiSliderVertical
-------------------------------------------------------------------------------*/
.snp-uiSliderVertical {}
	.snp-uiSliderVertical .maxLabel     {}
	.snp-uiSliderVertical .scaleWrapper {}
		.snp-uiSliderVertical .scale  {}
		.snp-uiSliderVertical .spacer {}
	.snp-uiSliderVertical .sliderSelfWrapper {}
		.snp-uiSliderVertical .dummy      { border-color: #a6c9e2; background-color: #fcfdfd; }
		.snp-uiSliderVertical .sliderSelf {}
	.snp-uiSliderVertical .floater  { border-color: #e6b003; background-color: #fbf2bc; color: #bf8d07; }
	.snp-uiSliderVertical .ra       { background-color: #eeeeee; color: #000000; }
	.snp-uiSliderVertical .minLabel {}

/* component：Special_PersonalData
-------------------------------------------------------------------------------*/
/* フォームの外観用テーブル */
.cmp-personalData { border-color: #bbbbbb; background-color: #ccffcc; }
	.cmp-personalData .label { border-color: #bbbbbb; background-color: #99ee99; color: #666666; }
	.cmp-personalData .form  { border-color: #bbbbbb; }
	.cmp-personalData input  {}
		/* フォーム内側の配置コントロール用テーブル */
		.cmp-personalData table.layout {}
			.cmp-personalData table.layout td {}
		/* 入力フォーム */
		.cmp-personalData .ticker           { color: #666666; }
		.cmp-personalData .conflict         {}
			.cmp-personalData .conflict input {}
			.cmp-personalData .conflict label {}
		.cmp-personalData textarea.free     {}
		.cmp-personalData input.free        {}
		.cmp-personalData input.name        {}
		.cmp-personalData input.birth_year  {}
		.cmp-personalData input.birth_month {}
		.cmp-personalData input.birth_date  {}
		.cmp-personalData input.zip_full    {}
		.cmp-personalData input.zip_front   {}
		.cmp-personalData input.zip_rear    {}
		.cmp-personalData input.address     {}
		.cmp-personalData input.telhead     {}
		.cmp-personalData input.telbody     {}
		.cmp-personalData input.email       {}
		.cmp-personalData input.email_front {}
		.cmp-personalData input.email_rear  {}
		/* 確認フォーム用 */
		.cmp-personalData .confirmation {}


/* hover
-------------------------------------------------------------------------------*/
	/* hover　縦横ライン */
	.hoverTarget .body.hover,
	.hoverTarget .header .arrowIn.hover
	.hoverTarget .body.hover .arrowIn_left,
	.hoverTarget .body.hover .arrowIn_right,
	.hoverTarget .body.hover .arrowIn,
	.hoverTarget .body.hover .buttonIn,
	.hoverTarget .body.hover .textIn,
	.hoverTarget .body .buttonIn.hover,
	.hoverTarget .body .textIn.hover   { ; }
	
	/* hover　メイン、サブ項目 */
	.hoverTarget .header .markIn.hover,
	.hoverTarget .header .markIn.odd.hover,
	.hoverTarget .header .markIn.even.hover,
	.hoverTarget .header .itemIn.hover,
	.hoverTarget .header .itemIn.odd.hover,
	.hoverTarget .header .itemIn.even.hover,
	.hoverTarget .body.hover .markIn_left,
	.hoverTarget .body.hover .markIn_right,
	.hoverTarget .body.hover .itemIn_left,
	.hoverTarget .body.hover .itemIn_right   { background-color: #ffd8ff; }

	/* hover　カーソルセル */
	.cmp-basicVa.hoverTarget .hover,
	.cmp-tileVa .hoverTarget .tile.hover,
	.hoverTarget .body .buttonIn.hovercell   { background-color: #ffd8ff; }


/* EOF */