@charset "UTF-8";
/**
 *  - 基本構造：リキッドデザイン//suzuki用
 * 
 * update：  2018/06/20
 * version： 00022
 * 
 * 古典的なTSR従来のデザインを踏襲したスタイルシート。
 * ウィンドウ幅を広げたぶんだけ伸びていくリキッドデザインになっている。
 * 幅を狭めても崩れがない/少ないように、最低720px幅を確保している。
 * （ただし、IE6除く）
 *  - 履歴
 *  00022 2018/06/20 動画再生時nomuteメッセージ追加 uma
 *  00021 2018/04/06 ボタンサイズ変更 uma
 *  00020 2017/03/17 マトリックス共通groupIn skipSpacerIn 追加 uma
 *  00019 2017/11/17 PageEnd、PageBye、PageLimitFull 内のジャンプ先表示コンテンツを追加 渡邊
 *  00018 2017/03/17 OaMulti RA追加 uma
 *  00017 2016/02/09 2重設定の修正と位置揃え uma
 *  00016 2015/11/05 MatrixHorizonalVa groupIn の位置揃え（垂直）追加 児玉
 *  00015 2015/07/13  hover追加 uma
 *  00014 2014/02/03 ShowPreviewMemo 新規追加 uma
 */



/* system：リセット
-------------------------------------------------------------------------------*/
html { overflow-y: scroll;}
html, body { height: 100%; 
	    min-width: 480px;
	    max-width: 750px;
	    margin: 0 auto;
	    font: 16px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;/* フォントをMSPゴシックベースに変更 */
	}

/* system：リンク
-------------------------------------------------------------------------------*/
a:link,
a:visited { color: #000099; text-decoration: underline; }
a:hover   { color: #cc0000; text-decoration: none; }
/*a:hover img { position: relative; top: 1px; left: 1px; }*/

/* system：全体の基本構造
-------------------------------------------------------------------------------*/
#whole {}
	#header { max-width: 750px; margin-top: 0; }
		#logo{background: url("../img/suzuki_logo.png") no-repeat rgb(255, 255, 255); margin: 0px auto; height: 54px;}
		#jobTitle  { max-width: 750px; padding: 5px 10px; font-size: 120%; font-weight: bold; text-align: left; 
	 		 border: 1px solid rgb(204, 204, 204); border-image: none; margin-bottom: 10px;  -webkit-border-radius: 4px; -moz-border-radius: 4px;
}
	#mainArticle   {}
		#noscriptCaution { margin: 32px; border: 2px solid #aa0000; font-size: 197%; text-align: center; }
		#pageCondition   { width: 640px; margin: 12px auto 6px; padding: 3px 1em 2px; border: 1px solid #ddaabb; -moz-border-radius-topright: 2em; -webkit-border-top-right-radius: 2em; border-top-right-radius: 2em; -moz-border-radius-bottomleft: 2em; -webkit-border-bottom-left-radius: 2em; border-bottom-left-radius: 2em; background-color: #ffddee; color: #990033; }
			#pageCondition ul { margin: .5em auto; text-align: left; }
				#pageCondition ul li { line-height: 1.5; }
					#pageCondition ul li b { padding: 2px .5em 1px; font-weight: bold; }
					#pageCondition ul li .limitCell { margin: .5em auto .5em 3em; border-collapse: collapse; border: 1px solid #ffffff; }
						#pageCondition ul li .limitCell th,
						#pageCondition ul li .limitCell td { border: 1px solid #ffffff; padding: 2px .7em; }
						#pageCondition ul li .limitCell thead th { background-color: #ffffff; color: #990033; text-align: center; font-size: 87%; }
						#pageCondition ul li .limitCell tbody .odd  th,
						#pageCondition ul li .limitCell tbody .odd  td { background-color: #f9d0e4; color: #407719; }
						#pageCondition ul li .limitCell tbody .even th,
						#pageCondition ul li .limitCell tbody .even td { background-color: #f2c2da; color: #990033; }
						#pageCondition ul li .limitCell tbody .limit   { text-align: right; }
		#pagerDemo { min-width: 480px; margin: 4px 16px 4px;  text-align: right; }
		#pager     { min-width: 480px; margin: 4px 16px 24px; text-align: right; }
		#indicator { min-width: 480px; margin: 8px 16px 24px; text-align: right; }
			#indicator .wrapper { margin-left: auto; margin-right: 0; }
			#indicator .percent { width: 25px; text-align: left; }
			#indicator .meter   { width: 100px; height: 25px; padding: 2px 5px; text-align: left; background: url(../img/bg_indicator.jpg) no-repeat center center; }
				#indicator .bar { height: 15px; background-color: #ffd966; }
		#enquete   { max-width: 750px;}
			#formQs {}
				#enquete .headline               { min-width: 480px;  padding: 5px 10px; /*font-size: 124%;*/ line-height: 1.5; text-align: left; }
				#enquete .headline.withSpacer    { margin-bottom: 16px; }
					#enquete .headline em,
					#enquete .headline .keyword  { font-size: 116%; font-weight: bold; padding: 2px 3px; }
				#enquete .headline2              { min-width: 480px; padding: 5px 10px; /*font-size: 116%;*/ font-weight: bold; line-height: 1.5; text-align: left; }
				#enquete .headline2.withSpacer   { margin-bottom: 16px; }
					#enquete .headline2 em,
					#enquete .headline2 .keyword { font-size: 116%; font-weight: bold; padding: 2px 3px; }
				#enquete .question               { min-width: 480px; padding: 5px 10px; text-align: left; }
				#enquete .question.withSpacer    { margin-bottom: 16px; }
					#enquete .question em,
					#enquete .question .keyword  { background-color: #cceeff; color: #cc0000; /*font-size: 116%;*/ font-weight: bold; padding: 2px 3px; }
					#enquete .questionSign       { line-height: 1.5; white-space: nowrap; vertical-align: top; /*font-size: 124%;*/ font-weight: bold;}
					#enquete .questionText       { padding: 0 0 0 10px; line-height: 1.5; vertical-align: top; /*font-size: 124%;*/ font-weight: bold;}
				#enquete .answer                     { padding: 6px 2px 2px 6px; text-align: left; font-size: 16px;}
				#enquete .answer.withoutTopSpacer    { padding-top: 0; }
				#enquete .answer.withoutBottomSpacer { padding-bottom: 0; }
				#enquete .answer .answerCondition    { width: 600px; margin: 12px auto 12px; padding: 3px 1em 2px; border: 1px solid #b878b1; -moz-border-radius-topright: 2em; -webkit-border-top-right-radius: 2em; border-top-right-radius: 2em; -moz-border-radius-bottomleft: 2em; -webkit-border-bottom-left-radius: 2em; border-bottom-left-radius: 2em; background-color: #dcbed9; color: #801830; }
					#enquete .answer .answerCondition ul { margin: .5em auto; text-align: left; }
						#enquete .answer .answerCondition ul li { line-height: 1.5; }
							#enquete .answer .answerCondition ul li b { padding: 2px .5em 1px; background-color: #ebdae9; font-weight: bold; }
/*
-------------------------------------------------------------------------------*/
div#progress_block {
	margin: 0px 0px 10px auto; padding: 0px; border: 1px solid rgb(192, 192, 192); border-image: none; width: 35%; height: 20px; position: relative; background-color: rgb(238, 238, 238); -webkit-border-radius: 4px; -moz-border-radius: 4px;
}
div#progress_bar {
	background: url("../img/progress_bar.gif") repeat-x left; height: 20px; position: absolute;
}
div#progress_percentage {
	width: 100%; height: 18px; text-align: center; font-size: 14px; font-weight: bold; position: absolute;
}
/*
-------------------------------------------------------------------------------*/
.errmsg {
	padding-left:10px;
	padding-bottom: 4px;
	color:#ff0000;
	/*font-size: 124%;*/
	font-weight: bold;
	vertical-align: top;
}
/* ShowPreviewMemo： 一括プレビューメモ
-------------------------------------------------------------------------------*/
			#enquete .answer .memoCondition { width: 600px; margin: 12px auto 12px; padding: 3px 1em 2px; border-radius: 25px 5px 25px 5px / 20px 5px 25px 5px; }
			#enquete .answer .memo-gray   { border: 1px solid #336699; background-color: #F5F5F5; color: #003399; }
			#enquete .answer .memo-yellow { border: 1px solid #e69966; background-color: #ffffd8; color: #663300; }
			#enquete .answer .memo-blue   { border: 1px solid #3399cc; background-color: #cce6ff; color: #330099; }
			#enquete .answer .memo-green  { border: 1px solid #80b300; background-color: #f8ffdf; color: #333333; }
			#enquete .answer .memo-pink   { border: 1px solid #ff99b3; background-color: #ffb3b3; color: #990000; }
			#enquete .answer .memoCondition ul { margin: .5em auto; text-align: left; }
			#enquete .answer .memoCondition ul li { line-height: 1.5; }
			#enquete .answer .memoCondition ul li b { padding: 2px .5em 2px; background-color: #fffff8; font-weight: bold; }
			#enquete .answer .memoAttention { margin: 12px auto 5px; color: #505050; font-size: 90%;}


				#enquete .bottomline { min-width: 480px; padding: 6px 0; text-align: center; }
					#enquete .bottomline input    { height: 27px; padding: 0 2em; }
					#button--goNextPage           {margin: 12px auto 5px; background: url("../img/submit_next.png"); border: 0px solid currentColor; border-image: none; width: 137px; height: 27px; cursor: pointer;}/*{font-size: 1.2em;  padding: 30px 30px;  width: 250px;}*/
					#button--goBackPage           {margin: 12px auto 5px; background: url("../img/submit_prev.png"); border: 0px solid currentColor; border-image: none; width: 137px; height: 27px; cursor: pointer;}/* { margin-right: 40px; font-size: 1.2em;  padding: 30px 30px;  width: 250px;}*/
					#enquete .bottomline .message { margin: 20px 24px 6px; color: #696969; font-size: 14px; font-weight: bold; }
	#footer      { min-width: 480px; margin-top: 24px; padding-top: 4px; padding-bottom: 4px; text-align: center; }
	.sys-hip #footer {}
	.sys-tsr #footer {}
		.sys-hip #copyright { line-height: 1.5; }
		.sys-tsr #contactus { line-height: 1.5; }
		.sys-tsr #copyright { line-height: 1.5; }

div#tsr_context_container {
	position: relative;
	width: 100%;
	min-height: 100%;
	margin: 0 auto;
	background: white none;
	font: initial;
}
@media all and (-ms-high-contrast:none) {
	div#tsr_context_container { /* IE10～ Fonts settings. */
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
		/*font-size: 126%;*/
	}
}


	ul.overview_jobinfo { font: initial; }

@media all and (-ms-high-contrast:none) {
	ul.overview_jobinfo { /* IE10～ Fonts settings. */
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
		/*font-size: 126%;*/
	}
}

		ul.overview_jobinfo li { float:left; padding-left: 1em; text-align: left; }
			ul.overview_jobinfo li span { font-size: 93%; font-weight: bold; color: #cccccc; }
		ul.overview_jobinfo li.info_header { color: #d9eeff; }

/* system：プレビュー警告文（tsrn.co.jp専用）
-------------------------------------------------------------------------------*/
.sys-tsr #previewCaution_header { min-width: 480px; padding: 5px 10px; background-color: #333399; color: #e0e0ef; text-align: right; /*font-size: 138.5%;*/ font-weight: bold; font-family: Verdana; }
.sys-tsr #previewCaution_bottomline { margin: .4em 1em; border: 3px double #9999cc; padding: .4em 1em; background-color: #ffff; text-align: center; vertical-align: top; font-weight: bold; }
	.sys-tsr #previewCaution_bottomline .title   { display: inline-block; width: 170px;                   color: #ffffcc; vertical-align: top; text-align: right; line-height: 1.4; }
	.sys-tsr #previewCaution_bottomline .caution { display: inline-block; width: 550px; margin-left: 1em; color: #ffffcc; vertical-align: top; text-align: left;  line-height: 1.4; }
	.sys-tsr #previewCaution_bottomline .title,
	.sys-tsr #previewCaution_bottomline .caution { zoom: 1; *display: inline; }/* IE7以下に擬似inline-block */
@media print {/* 印刷時は非表示にする */
	.sys-tsr #previewCaution_header     { display: none !important; }
	.sys-tsr #previewCaution_bottomline { display: none !important; }
}

/* system：ディスプレイ用デバッグ値表示
-------------------------------------------------------------------------------*/
.sys-demo { color: #999999; }
.cmp-basicVa .sys-demo { margin-right: 4px; color: #999999; }
.cmp-matrixHorizonal .sys-demo,
.cmp-matrixVertical  .sys-demo { margin-left: 2px; margin-right: 2px; font-weight: normal; color: #999999; }

/* system：印刷用デバッグ値表示
-------------------------------------------------------------------------------*/
.sys-print { display: none; }
@media print {
	.sys-print { display: inline !important; font-weight: normal !important; }
}

/* system：VerticalWrite2
-------------------------------------------------------------------------------*/
.vertical2-10pt { font-size: 16px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; line-height: 1.05; white-space: nowrap; }
.vertical2-10pt br { margin: 0; padding: 0; }

/* system：バイメッセージ（Hi-Panel）
-------------------------------------------------------------------------------*/
.sys-hip .sys-byeMessage { width: 680px; margin: 32px auto; }
	.sys-hip .sys-byeMessage .messageIn { float: left; width: 420px; padding-top: 54px; text-align: left; text-align: center;}
		.sys-hip .sys-byeMessage .messageIn .title   { border-bottom: 1px solid #35308F; line-height: 1.7; /*font-size: 125%;*/ font-weight: bold; text-align: center; color: #35308F; }
		.sys-hip .sys-byeMessage .messageIn .message { margin: 20px 1em 0; line-height: 1.7; }
	.sys-hip .sys-byeMessage .imageIn   { float: right; width: 260px; text-align: center; }
	.sys-hip .sys-byeMessage .button    { margin-top: 24px; margin-bottom: 48px; text-align: center; }

/* system：エンドメッセージ（tsrn.co.jp）
-------------------------------------------------------------------------------*/
.sys-tsr .sys-closeMessage { margin: 80px auto; border: 3px solid #66cc66; }
	.sys-tsr .sys-closeMessage .headerIn  { padding: 6px 48px; background-color: #66cc66; color: #ffffff; /*font-size: 153.9%;*/ font-weight: bold; text-align: center; }
	.sys-tsr .sys-closeMessage .messageIn { padding: 16px 32px; /*font-size: 123.1%;*/ line-height: 1.5; text-align: left; }

/* system：ジャンプ先表示 BOX（誘引時）
-------------------------------------------------------------------------------*/
.sys-tsr .sys-jumpToPanelsHome { margin: -40px auto 80px; -webkit-border-radius: 14px; border-radius: 12px; padding: 8px; text-align: center; }
	.sys-tsr .sys-jumpToPanelsHome p { text-align: center; }
	.sys-tsr .sys-jumpToPanelsHome textarea { width: 780px; height: 1em; margin: 4px auto 8px; border: 1px solid #c9e2fe; padding: 2px 4px; text-align: left; font-size: 108%; }

/* system：グリーティング（tsrn.co.jp）
-------------------------------------------------------------------------------*/
.sys-tsr #greetingwaku,
.sys-tsr #enquetewaku     { max-width: 750px; border: 1px #E6E6E6 solid;}
.sys-tsr .greetingHeadline { min-width: 480px; padding: 4px 20px; font-size: 120%; font-weight: bold; line-height: 1.5; text-align: center; }
.sys-tsr .greetingHeader   { margin: 0 0 16px; font-weight: bold; }
.sys-tsr .greetingContent  { padding: 18px 10px 20px; /*font-size: 124%;*/ line-height: 1.5;}
	.sys-tsr .greetingContent .pmark { float: right; width: 200px; margin: 0; padding: 0; text-align: center; }
.sys-tsr .fullAddress   { text-align: center; }
	.sys-tsr .fullAddress .follow  { font-size: 85%; text-align: center; }
	.sys-tsr .fullAddress .address { width: 420px; margin: 12px auto 18px; border: 1px solid #66cc66; padding: 12px 36px 18px; background-color: #ccffcc; color: #000000; text-align: center; line-height: 1.2; }

/* component：あいし
-------------------------------------------------------------------------------*/
.cmp-aishi { margin: 0 auto; padding: 48px 1em 72px; background-color: #3333cc; color: #ffffff; text-align: center; line-height: 1.5; /*font-size: 125%;*/ font-weight: bold; }
	.cmp-aishi em { padding: 2px 4px; background-color: #6666ff; color: #ffff00; font-weight: bold; }

/* component：動画タイプ選択
-------------------------------------------------------------------------------*/
.cmp-movieSelect { padding: 0 20px 20px; text-align: center; }
	.cmp-movieSelect,
	.cmp-movieSelect * { font-family: Verdana, Osaka, sans-serif; }
	.cmp-movieSelect .movieType { clear: both; width: 600px; margin: 0 auto 16px; padding: 0 0 8px; border: 1px solid #66cc66; background-color: #ccffcc; color: #000000; }
		.cmp-movieSelect .movieType .title { margin: 0 0 16px; padding: 4px 16px; background-color: #66cc66; color: #ccffcc; /*font-size: 112%;*/ text-align: left; font-weight: bold; }
		.cmp-movieSelect .movieType .button { width: 600px; padding-bottom: 8px; text-align: center; }
			.cmp-movieSelect .movieType .button input { width: 110px; height: 3em; margin-left: 8px; line-height: 2; vertical-align: middle; }
			.cmp-movieSelect .movieType .button input.single { width: 240px; }
		.cmp-movieSelect .movieType .install { }
			.cmp-movieSelect .movieType .install img { }
		.cmp-movieSelect .movieType .info { margin: 10px 0 0; padding: 4px 16px; text-align: left; /*font-size: 93%;*/ font-size: 14px color: #666666; }
	.cmp-movieSelect .movieType:after {/* clearfix */ content: "."; display: block; clear: both; height: 0; visibility: hidden; }

.cmp-movieIn { padding: 24px 0; text-align: center; background-color: #000000; }
	.cmp-movieIn .cmp-movieExplanation { width: 600px; margin: 0 auto; text-align: center; }
		.cmp-movieIn .cmp-movieExplanation p { margin: 8px 0; padding: 0 1em 0 2em; text-align: left; text-indent: -1em; line-height: 1.5; background-color: #000000; color: #dddddd; }
		.cmp-movieIn .cmp-movieExplanation p.caution { /*font-size: 112%;*/ font-weight: bold; color: #ff9999;}
			.cmp-movieIn .cmp-movieExplanation p input { border: 1px #ffffff solid; background-color: #000000; color: #ffffff; cursor: pointer; }



/* component：BasicVa, OaMulti
-------------------------------------------------------------------------------*/
.cmp-divider { display: inline-block; zoom: 1; *display: inline;/* IE7以下に擬似inline-block */ margin: 2px 12px 2px 4px; vertical-align: top; }

/* component：BasicVa
-------------------------------------------------------------------------------*/
.cmp-basicVa { border: none; border-spacing: 0; }
	.cmp-basicVa .buttonIn { width: 20px; padding: 1px 2px 2px 1px;  text-align: right; vertical-align: top; }
	.cmp-basicVa .markIn   { width: 20px; padding: 2px 4px;          text-align: center; vertical-align: top; cursor: default; }
	.cmp-basicVa .categoryIn   {          padding: 2px 4px;          text-align: left;   vertical-align: top; cursor: default; }
	.cmp-basicVa .itemIn   {              padding: 1px 2px 2px 0;  text-align: left;   vertical-align: top; }
		.cmp-basicVa input[type="radio"],
		.cmp-basicVa input[type="checkbox"] { margin: 3px; }/* IE6以外に適用 */
.cmp-basicVa.groupHorizonal    {}
	.cmp-basicVa.groupHorizonal .group       { padding: 8px 12px 2px 6px; text-align: left; vertical-align: middle; font-weight: bold; }
	.cmp-basicVa.groupHorizonal .group.empty { line-height: 1; font-size: 2px; }
.cmp-basicVa.groupVertical    {}/* ※バグあり：Firefox3.6系：rowspan=2以上のtateグループの最下段のborderが、関係ない右のtdにも伸びてしまう */
	.cmp-basicVa.groupVertical .group       { width: 20px; padding: 6px; border-width: 1px 2px; border-style: solid;                   border-color: #dddddd; text-align: center; vertical-align: middle; font-weight: bold; }
	.cmp-basicVa.groupVertical .group.empty { border: 0px; }
	.cmp-basicVa.groupVertical .groupHT     {              padding: 6px; border-width: 1px 2px; border-style: solid;                   border-color: #dddddd; text-align: center; vertical-align: middle; font-weight: bold; }
	.cmp-basicVa.groupVertical .groupHT.empty { border: 0px; }
.cmp-basicVa.groupBorder { border-top: 0; border-bottom: 0; border-right: 2px solid #dddddd; border-bottom: 2px solid #dddddd; border-spacing: 0; }
	.cmp-basicVa.groupBorder .group       {               padding: 8px 12px 2px 6px; border-width: 2px 0 2px 2px; border-style: solid; border-color: #dddddd; text-align: left;   vertical-align: middle; font-weight: bold; }
	.cmp-basicVa.groupBorder .group.empty { height: 12px; padding: 0;                border-width: 2px 0 2px 2px; border-style: solid; border-color: #dddddd;                                             font-size: 2px; line-height: 1; }
	.cmp-basicVa.groupBorder .markIn      { width: 24px;  padding: 2px 4px;                                                                                   text-align: center; vertical-align: middle; font-weight: normal; }
	.cmp-basicVa.groupBorder .categoryIn      {           padding: 2px 4px;                                                                                   text-align: left;   vertical-align: middle; font-weight: normal; }
	.cmp-basicVa.groupBorder .buttonIn    { width: 24px;  padding: 2px 2px 2px 4px;  border-left: 2px solid #dddddd;                                          text-align: center; vertical-align: middle; }
	.cmp-basicVa.groupBorder .itemIn      {               padding: 2px 12px 2px 2px;                                                                          text-align: left;   vertical-align: middle; }
	/* 配色 */
	/*.cmp-basicVa .odd      { background-color: #efefef; }*//* 奇数行 */
	/*.cmp-basicVa .even     { background-color: #ffffea; }*//* 偶数行 */
	/* 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 .buttonIn.sys-checked { background-color: #b2da9e; }*/
	.cmp-basicVa .buttonIn.sys-checked { background-image: url("jquery.specify.png"); background-repeat: no-repeat; background-position: 50% 80%; }
	.sys-ie6 .cmp-basicVa .buttonIn.sys-checked { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="css/jquery.specify.png", sizingMethod="scale"); }
		.cmp-basicVa .ra     { margin-left: 4px; margin-right: 4px; padding: 2px 6px; text-align: right; ime-mode: disabled; }

/* component：OaSingle
-------------------------------------------------------------------------------*/
.cmp-oaSingle { display: inline-block; zoom: 1; *display: inline;/* IE7以下に擬似inline-block */ vertical-align: bottom; }
.cmp-oaSingle.colored { background-color: #eeeeee; }
	.cmp-oaSingle .oaIn          { padding: 8px 16px 8px 16px; vertical-align: top; }
	.cmp-oaSingle .oaIn.withSide { display: inline-block; zoom: 1; *display: inline;/* IE7以下に擬似inline-block */ }/*背反sideのみfloatで並べる*/
		.cmp-oaSingle .oaIn .prefix { vertical-align: baseline; }
		.cmp-oaSingle .oaIn .oa     { margin-left: 4px; margin-right: 4px; padding: 2px 6px; vertical-align: middle; }
		.cmp-oaSingle .oaIn .ra     { margin-left: 4px; margin-right: 4px; padding: 2px 6px; text-align: right; ime-mode: disabled; }
		.cmp-oaSingle .oaIn .suffix { vertical-align: baseline; }
	.cmp-oaSingle .conflictIn        { margin-left: 0; padding: 0px 16px 8px 40px; vertical-align: middle; }
	.cmp-oaSingle .conflictIn.alignLeft   { width: 520px; text-align: left; }
	.cmp-oaSingle .conflictIn.alignRight  { width: 520px; text-align: right; }
	.cmp-oaSingle .conflictIn.alignCenter { width: 520px; text-align: center; }
	.cmp-oaSingle .conflictIn.alignSide   { display: inline-block; zoom: 1; *display: inline;/* IE7以下に擬似inline-block */ padding: 12px 16px 8px 16px; text-align: left; vertical-align: bottom; }
		.cmp-oaSingle .conflictIn .conflict { vertical-align: middle; }
		.cmp-oaSingle .conflictIn label     {}

/* component：OaMulti
-------------------------------------------------------------------------------*/
.cmp-oaMulti {}
	.cmp-oaMulti .oaIn { padding: 8px 8px 8px 8px; }
		.cmp-oaMulti .oaIn .mark   { display: inline-block; zoom: 1; *display: inline;/* IE7以下に擬似inline-block */ width: 1.5em; margin-right: 1em; text-align: right; vertical-align: middle; }
		.cmp-oaMulti .oaIn .prefix { vertical-align: baseline; }
		.cmp-oaMulti .oaIn .oa     { margin-left: 1px; margin-right: 1px; padding: 2px 6px; vertical-align: middle; }
		.cmp-oaMulti .oaIn .ra     { margin-left: 1px; margin-right: 1px; padding: 2px 6px; text-align: right; ime-mode: disabled; }
		.cmp-oaMulti .oaIn .suffix { vertical-align: baseline; }
	.cmp-oaMulti .conflictIn             { width: 600px; margin-top: 8px; margin-left: 0; padding: 8px 16px; vertical-align: middle; }
	.cmp-oaMulti .conflictIn.colored     {}
	.cmp-oaMulti .conflictIn.alignLeft   { text-align: left; }
	.cmp-oaMulti .conflictIn.alignRight  { text-align: right; }
	.cmp-oaMulti .conflictIn.alignCenter { text-align: center; }
	.cmp-oaMulti .conflictIn .conflict { vertical-align: middle; }
	.cmp-oaMulti .conflictIn label     {}

/* component：SelectSingle、SelectTwin
-------------------------------------------------------------------------------*/
.cmp-selectN { min-width: 480px; padding: 4px 0 8px; }
	.cmp-selectN .cmp-divider { padding: 0 8px; }
		.cmp-selectN .title    { margin-bottom: 4px; text-align: center; }
		.cmp-selectN .selectIn {}
		.cmp-selectN .pulldownValue { width: 3em; height: 1em; border: 0; background: #eeeeee; color: #000000; text-align: center; vertical-align: middle; }

/* component：MatrixHorizonalVa
-------------------------------------------------------------------------------*/
/* border指定 */
/* 縦が1pxで横が2px。外周は縦横かかわらず2px。 */
.cmp-matrixHorizonal { margin: 5px 10px 5px; border-collapse: collapse; border: 1px solid #bbbbbb; border-spacing: 0; }
	.cmp-matrixHorizonal th,
	.cmp-matrixHorizonal td { border-top: 1px solid #bbbbbb; border-left: 1px solid #bbbbbb; border-right: 1px solid #bbbbbb; border-bottom: 1px solid #bbbbbb; }
	/* 上・中・下メニュー：レイアウト */
	.cmp-matrixHorizonal .header .shoulderIn             { padding: 4px; }
	.cmp-matrixHorizonal .header .shoulderIn.alignLeft   { text-align: left; }
	.cmp-matrixHorizonal .header .shoulderIn.alignCenter { text-align: center; }
	.cmp-matrixHorizonal .header .shoulderIn.alignRight  { text-align: right; }
	.cmp-matrixHorizonal .header .shoulderIn.alignTop    { vertical-align: top; }
	.cmp-matrixHorizonal .header .shoulderIn.alignMiddle { vertical-align: middle; }
	.cmp-matrixHorizonal .header .shoulderIn.alignBottom { vertical-align: bottom; }
	.cmp-matrixHorizonal .header .groupIn             { border-bottom: 1px solid #bbbbbb; padding: 1px 4px;   text-align: center; vertical-align: middle; }
	.cmp-matrixHorizonal .header .groupSpacerIn    { border-bottom: 1px solid #bbbbbb; width: 10px;}
	.cmp-matrixHorizonal .header .markIn           { border-bottom: 0;                    padding: 2px 4px 0; text-align: center; vertical-align: middle; }
	.cmp-matrixHorizonal .header .itemIn           { border-top: 0;                                           text-align: center; }
	.cmp-matrixHorizonal .header .itemIn.vertical  {                                      padding: 4px;                           vertical-align: top; }
	.cmp-matrixHorizonal .header .itemIn.horizonal {                                      padding: 4px;                           vertical-align: middle; }
	.cmp-matrixHorizonal .header .arrowIn          {                                      padding: 4px;       text-align: center; vertical-align: middle; }
	/* 上・中・下メニュー：配色 */
	.cmp-matrixHorizonal .header .shoulderIn    { background-color: #ffffff; }
	.cmp-matrixHorizonal .header .groupIn       { background-color: #99ee99; }
	.cmp-matrixHorizonal .header .groupSpacerIn { background-color: #ffffff; }
	.cmp-matrixHorizonal .header .markIn        {}
	.cmp-matrixHorizonal .header .markIn.odd    { background-color: #aaffaa; }
	.cmp-matrixHorizonal .header .markIn.even   { background-color: #ccffcc; }
	.cmp-matrixHorizonal .header .itemIn        {}
	.cmp-matrixHorizonal .header .itemIn.odd    { background-color: #aaffaa; }
	.cmp-matrixHorizonal .header .itemIn.even   { background-color: #ccffcc; }
	.cmp-matrixHorizonal .header .arrowIn       { color: #990000; }
	/* 本体：レイアウト */
	.cmp-matrixHorizonal .body .groupIn_left         {                  padding: 8px 4px;       text-align: center; vertical-align: middle; }
	.cmp-matrixHorizonal .body .groupSpacerIn_left   {}
	.cmp-matrixHorizonal .body .groupHorizonal       {                  padding: 8px 1em;       text-align: left; vertical-align: middle; font-weight: bold; }
	.cmp-matrixHorizonal .body .groupSpacerHorizonal {                  padding: 0;             text-align: left; vertical-align: middle; }
	.cmp-matrixHorizonal .body .markIn_left          { border-right: 0; padding: 4px 0 4px 8px; text-align: center; vertical-align: middle; font-weight: bold; }
	.cmp-matrixHorizonal .body .itemIn_left          { border-left: 0;  padding: 4px 8px;       text-align: left;   vertical-align: middle; }
	.cmp-matrixHorizonal .body .arrowIn_left         {                  padding: 4px;           text-align: center; vertical-align: middle; }
	.cmp-matrixHorizonal .body .arrowIn_right        {                  padding: 4px;           text-align: center; vertical-align: middle; }
	.cmp-matrixHorizonal .body .itemIn_right         { border-right: 0; padding: 4px 8px 4px;   text-align: left;   vertical-align: middle; }
	.cmp-matrixHorizonal .body .markIn_right         { border-left: 0;  padding: 4px 8px 4px 0; text-align: center; vertical-align: middle; font-weight: bold; }
	.cmp-matrixHorizonal .body .markIn_right.alone   { border-left: 0;  padding: 4px 8px 4px;   text-align: center; vertical-align: middle; font-weight: bold; }
	.cmp-matrixHorizonal .body .buttonIn             {                  padding: 4px;           text-align: center; vertical-align: middle; }
	html[class] .cmp-matrixHorizonal .body .buttonIn input { margin: 3px 3px 3px 4px; }/*IE6以外に適用*/
	.cmp-matrixHorizonal .body .other.oa { padding: 2px 5px 0; vertical-align: middle; }
	html[class] .cmp-matrixHorizonal .body .other.oa { vertical-align: baseline; }/*IE6以外に適用*/
	.cmp-matrixHorizonal .body .buttonIn .ra     { padding: 2px 5px 0; text-align: right; ime-mode: disabled; }
	/* スキップ（白空白）セル */
	.cmp-matrixHorizonal .header .skipSpacerIn,
	.cmp-matrixHorizonal .body   .skipSpacerIn       { width: 10px; border: 0 none;}
	/* MatrixHorizonalOa用 */
	.cmp-matrixHorizonal .body .textIn { padding: 8px 12px; text-align: center; vertical-align: middle; }
	.cmp-matrixHorizonal .body .textIn .innerOa { display: inline-block; zoom: 1; *display: inline;/* IE7以下に擬似inline-block */ vertical-align: bottom; }
		.cmp-matrixHorizonal .body .textIn .innerOa .oaIn          { padding: 4px 10px 4px 3px; text-align: left; vertical-align: top; }
		.cmp-matrixHorizonal .body .textIn .innerOa .oaIn.withSide { display: inline-block; zoom: 1; *display: inline;/* IE7以下に擬似inline-block */ }/*背反sideのみfloatで並べる*/
			.cmp-matrixHorizonal .body .textIn .innerOa .oaIn .prefix { vertical-align: middle; }
			.cmp-matrixHorizonal .body .textIn .innerOa .oaIn .oa     { margin-left: 4px; margin-right: 4px; padding: 2px 6px; vertical-align: middle; }
			.cmp-matrixHorizonal .body .textIn .innerOa .oaIn .ra     { margin-left: 4px; margin-right: 4px; padding: 2px 6px; text-align: right; vertical-align: middle; ime-mode: disabled; }
			.cmp-matrixHorizonal .body .textIn .innerOa .oaIn .suffix { vertical-align: middle; }
			html[class] .cmp-matrixHorizonal .body .textIn .innerOa .oaIn .prefix { vertical-align: baseline; }/*IE6以外に適用*/
			html[class] .cmp-matrixHorizonal .body .textIn .innerOa .oaIn .oa     { vertical-align: baseline; }/*IE6以外に適用*/
			html[class] .cmp-matrixHorizonal .body .textIn .innerOa .oaIn .ra     { vertical-align: baseline; }/*IE6以外に適用*/
			html[class] .cmp-matrixHorizonal .body .textIn .innerOa .oaIn .suffix { vertical-align: baseline; }/*IE6以外に適用*/
		.cmp-matrixHorizonal .body .textIn .innerOa .conflictIn        { margin-left: 0; padding: 2px 6px 2px 35px; vertical-align: middle; }
		.cmp-matrixHorizonal .body .textIn .innerOa .conflictIn.alignLeft   { text-align: left; }
		.cmp-matrixHorizonal .body .textIn .innerOa .conflictIn.alignRight  { text-align: right; }
		.cmp-matrixHorizonal .body .textIn .innerOa .conflictIn.alignCenter { text-align: center; }
		.cmp-matrixHorizonal .body .textIn .innerOa .conflictIn.alignSide   { display: inline-block; zoom: 1; *display: inline;/* IE7以下に擬似inline-block */ padding: 7px 12px 0 20px; text-align: left; vertical-align: middle; }
			.cmp-matrixHorizonal .body .textIn .innerOa .conflictIn .conflict { margin: 0; vertical-align: middle; }
			.cmp-matrixHorizonal .body .textIn .innerOa .conflictIn label     { vertical-align: middle; }
	/* 本体：配色 */
	.cmp-matrixHorizonal .body .groupIn_left         { background-color: #feead5; }
	.cmp-matrixHorizonal .body .groupSpacerIn_left   { background-color: #ffffff; }
	.cmp-matrixHorizonal .body .groupHorizonal       { background-color: #feead5; color: #7e6a6a; }
	.cmp-matrixHorizonal .body .groupSpacerHorizonal { background-color: #ffffff; }
/*	.cmp-matrixHorizonal .body.odd  .markIn_left,
	.cmp-matrixHorizonal .body.odd  .markIn_right    { background-color: #ffd18c; }
	.cmp-matrixHorizonal .body.even .markIn_left,
	.cmp-matrixHorizonal .body.even .markIn_right    { background-color: #ffdead; }
	.cmp-matrixHorizonal .body.odd  .itemIn_left,
	.cmp-matrixHorizonal .body.odd  .itemIn_right    { background-color: #ffd18c; }
	.cmp-matrixHorizonal .body.even .itemIn_left,
	.cmp-matrixHorizonal .body.even .itemIn_right    { background-color: #ffdead; }*/
/* 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: #efefef; }
	.cmp-matrixHorizonal .body.even .buttonIn        { background-color: #ffffea; }
	.cmp-matrixHorizonal .body.odd  .textIn          { background-color: #efefef; }
	.cmp-matrixHorizonal .body.even .textIn          { background-color: #ffffea; }
	/*.cmp-matrixHorizonal .body .buttonIn.sys-checked { background-color: #b2da9e; }*/
	.cmp-matrixHorizonal .body .buttonIn.sys-checked { background-image: url("jquery.specify.png"); background-repeat: no-repeat; background-position: 50% 40%; }
	.sys-ie6 .cmp-matrixHorizonal .body .buttonIn.sys-checked { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="css/jquery.specify.png", sizingMethod="scale"); }

/* component：matrixHorizonal_category
-------------------------------------------------------------------------------*/
/* border指定 */
/* 縦が1pxで横が2px。外周は縦横かかわらず2px。 */
.cmp-matrixHorizonal_category { margin-bottom: 16px; border-collapse: collapse; border: 2px solid #bbbbbb; border-spacing: 0; }
    .cmp-matrixHorizonal_category th,
    .cmp-matrixHorizonal_category td { border-top: 2px solid #bbbbbb; border-left: 1px solid #bbbbbb; border-right: 1px solid #bbbbbb; border-bottom: 2px solid #bbbbbb; }
    /* 上・中・下メニュー：レイアウト */
    .cmp-matrixHorizonal_category .header .shoulderIn             { border-top: 0; border-left: 1px solid #bbbbbb; border-right: 1px solid #bbbbbb; border-bottom: 0; padding: 4px; }
    .cmp-matrixHorizonal_category .header .shoulderIn.alignLeft   { text-align: left; }
    .cmp-matrixHorizonal_category .header .shoulderIn.alignCenter { text-align: center; }
    .cmp-matrixHorizonal_category .header .shoulderIn.alignRight  { text-align: right; }
    .cmp-matrixHorizonal_category .header .shoulderIn.alignTop    { vertical-align: top; }
    .cmp-matrixHorizonal_category .header .shoulderIn.alignMiddle { vertical-align: middle; }
    .cmp-matrixHorizonal_category .header .shoulderIn.alignBottom { vertical-align: bottom; }
    .cmp-matrixHorizonal_category .header .groupIn          {                border-bottom: 1px solid #bbbbbb; padding: 1px 4px;   text-align: center; vertical-align: middle; }
    .cmp-matrixHorizonal_category .header .groupSpacerIn    {                border-bottom: 1px solid #bbbbbb; }
    .cmp-matrixHorizonal_category .header .markIn           {                border-bottom: 0;                 padding: 2px 4px 0; text-align: center; vertical-align: middle; }
    .cmp-matrixHorizonal_category .header .itemIn           { border-top: 0; border-bottom: 0;                                     text-align: center; }
    .cmp-matrixHorizonal_category .header .itemIn.vertical  {                                                  padding: 4px;                           vertical-align: top; }
    .cmp-matrixHorizonal_category .header .itemIn.horizonal {                                                  padding: 4px;                           vertical-align: middle; }
    .cmp-matrixHorizonal_category .header .arrowIn          {                                                  padding: 4px;       text-align: center; vertical-align: middle; }
    /* 上・中・下メニュー：配色 */
    .cmp-matrixHorizonal_category .header .shoulderIn    { background-color: #ffffff; }
    .cmp-matrixHorizonal_category .header .groupIn       { background-color: #99ee99; }
    .cmp-matrixHorizonal_category .header .groupSpacerIn { background-color: #ffffff; }
    .cmp-matrixHorizonal_category .header .markIn        {}
    .cmp-matrixHorizonal_category .header .markIn.odd    { background-color: #aaffaa; }
    .cmp-matrixHorizonal_category .header .markIn.even   { background-color: #ccffcc; }
    .cmp-matrixHorizonal_category .header .itemIn        {}
    .cmp-matrixHorizonal_category .header .itemIn.odd    { background-color: #aaffaa; }
    .cmp-matrixHorizonal_category .header .itemIn.even   { background-color: #ccffcc; }
    .cmp-matrixHorizonal_category .header .arrowIn       { color: #990000; }
    /* 本体：レイアウト */
    .cmp-matrixHorizonal_category .body .groupIn_left         {                  padding: 8px 4px;       text-align: center; vertical-align: middle; }
    .cmp-matrixHorizonal_category .body .groupSpacerIn_left   {}
    .cmp-matrixHorizonal_category .body .groupHorizonal       {                  padding: 8px 1em;       text-align: left;   vertical-align: middle; font-weight: bold; }
    .cmp-matrixHorizonal_category .body .groupSpacerHorizonal {                  padding: 0;             text-align: left;   vertical-align: middle; }
    .cmp-matrixHorizonal_category .body .markIn_left          { border-right: 0; padding: 4px 0 4px 8px; text-align: center; vertical-align: middle; font-weight: bold; }
    .cmp-matrixHorizonal_category .body .itemIn_left          { border-left: 0;  padding: 4px 8px;       text-align: left;   vertical-align: middle; }
    .cmp-matrixHorizonal_category .body .arrowIn_left         {                  padding: 4px;           text-align: center; vertical-align: middle; }
    .cmp-matrixHorizonal_category .body .arrowIn_right        {                  padding: 4px;           text-align: center; vertical-align: middle; }
    .cmp-matrixHorizonal_category .body .itemIn_right         { border-right: 0; padding: 4px 8px 4px;   text-align: left;   vertical-align: middle; }
    .cmp-matrixHorizonal_category .body .markIn_right         { border-left: 0;  padding: 4px 8px 4px 0; text-align: center; vertical-align: middle; font-weight: bold; }
    .cmp-matrixHorizonal_category .body .markIn_right.alone   { border-left: 0;  padding: 4px 8px 4px;   text-align: center; vertical-align: middle; font-weight: bold; }
    .cmp-matrixHorizonal_category .body .buttonIn             {                  padding: 4px;           text-align: center; vertical-align: middle; }
    html[class] .cmp-matrixHorizonal_category .body .buttonIn input { margin: 3px 3px 3px 4px; }/*IE6以外に適用*/
    .cmp-matrixHorizonal_category .body .other.oa { padding: 2px 5px 0; vertical-align: middle; }
    html[class] .cmp-matrixHorizonal_category .body .other.oa { vertical-align: baseline; }/*IE6以外に適用*/
    /* MatrixHorizonalOa用 */
    .cmp-matrixHorizonal_category .body .textIn { padding: 8px 12px; text-align: center; vertical-align: middle; }
    .cmp-matrixHorizonal_category .body .textIn .innerOa { display: inline-block; zoom: 1; *display: inline;/* IE7以下に擬似inline-block */ vertical-align: bottom; }
        .cmp-matrixHorizonal_category .body .textIn .innerOa .oaIn          { padding: 4px 10px 4px 3px; text-align: left; vertical-align: top; }
        .cmp-matrixHorizonal_category .body .textIn .innerOa .oaIn.withSide { display: inline-block; zoom: 1; *display: inline;/* IE7以下に擬似inline-block */ }/*背反sideのみfloatで並べる*/
            .cmp-matrixHorizonal_category .body .textIn .innerOa .oaIn .prefix { vertical-align: middle; }
            .cmp-matrixHorizonal_category .body .textIn .innerOa .oaIn .oa     { margin-left: 4px; margin-right: 4px; padding: 2px 6px; vertical-align: middle; }
            .cmp-matrixHorizonal_category .body .textIn .innerOa .oaIn .ra     { margin-left: 4px; margin-right: 4px; padding: 2px 6px; text-align: right; vertical-align: middle; ime-mode: disabled; }
            .cmp-matrixHorizonal_category .body .textIn .innerOa .oaIn .suffix { vertical-align: middle; }
            html[class] .cmp-matrixHorizonal_category .body .textIn .innerOa .oaIn .prefix { vertical-align: baseline; }/*IE6以外に適用*/
            html[class] .cmp-matrixHorizonal_category .body .textIn .innerOa .oaIn .oa     { vertical-align: baseline; }/*IE6以外に適用*/
            html[class] .cmp-matrixHorizonal_category .body .textIn .innerOa .oaIn .ra     { vertical-align: baseline; }/*IE6以外に適用*/
            html[class] .cmp-matrixHorizonal_category .body .textIn .innerOa .oaIn .suffix { vertical-align: baseline; }/*IE6以外に適用*/
        .cmp-matrixHorizonal_category .body .textIn .innerOa .conflictIn        { margin-left: 0; padding: 2px 6px 2px 35px; vertical-align: middle; }
        .cmp-matrixHorizonal_category .body .textIn .innerOa .conflictIn.alignLeft   { text-align: left; }
        .cmp-matrixHorizonal_category .body .textIn .innerOa .conflictIn.alignRight  { text-align: right; }
        .cmp-matrixHorizonal_category .body .textIn .innerOa .conflictIn.alignCenter { text-align: center; }
        .cmp-matrixHorizonal_category .body .textIn .innerOa .conflictIn.alignSide   { display: inline-block; zoom: 1; *display: inline;/* IE7以下に擬似inline-block */ padding: 7px 12px 0 20px; text-align: left; vertical-align: middle; }
            .cmp-matrixHorizonal_category .body .textIn .innerOa .conflictIn .conflict { margin: 0; vertical-align: middle; }
            .cmp-matrixHorizonal_category .body .textIn .innerOa .conflictIn label     { vertical-align: middle; }
    /* 本体：配色 */
    .cmp-matrixHorizonal_category .body .groupIn_left         { background-color: #feead5; }
    .cmp-matrixHorizonal_category .body .groupSpacerIn_left   { background-color: #ffffff; }
    .cmp-matrixHorizonal_category .body .groupHorizonal       { background-color: #feead5; color: #7e6a6a; }
    .cmp-matrixHorizonal_category .body .groupSpacerHorizonal { background-color: #ffffff; }
    .cmp-matrixHorizonal_category .body.odd  .markIn_left,
    .cmp-matrixHorizonal_category .body.odd  .markIn_right    { background-color: #ffd18c; }
    .cmp-matrixHorizonal_category .body.even .markIn_left,
    .cmp-matrixHorizonal_category .body.even .markIn_right    { background-color: #ffdead; }
    .cmp-matrixHorizonal_category .body.odd  .itemIn_left,
    .cmp-matrixHorizonal_category .body.odd  .itemIn_right    { background-color: #ffd18c; }
    .cmp-matrixHorizonal_category .body.even .itemIn_left,
    .cmp-matrixHorizonal_category .body.even .itemIn_right    { background-color: #ffdead; }
/* hoverまとめたので削除uma
    .cmp-matrixHorizonal_category .body.hover .markIn_left,
    .cmp-matrixHorizonal_category .body.hover .markIn_right,
    .cmp-matrixHorizonal_category .body.hover .itemIn_left,
    .cmp-matrixHorizonal_category .body.hover .markIn_right   { color: #993300; }*/
    .cmp-matrixHorizonal_category .body .arrowIn_left,
    .cmp-matrixHorizonal_category .body .arrowIn_right        { background-color: #ffffff; color: #990000; }
    .cmp-matrixHorizonal_category .body.odd  .buttonIn        { background-color: #efefef; }
    .cmp-matrixHorizonal_category .body.even .buttonIn        { background-color: #ffffea; }
    .cmp-matrixHorizonal_category .body.odd  .textIn          { background-color: #efefef; }
    .cmp-matrixHorizonal_category .body.even .textIn          { background-color: #ffffea; }
    /*.cmp-matrixHorizonal_category .body .buttonIn.sys-checked { background-color: #b2da9e; }*/
    .cmp-matrixHorizonal_category .body .buttonIn.sys-checked { background-image: url("jquery.specify.png"); background-repeat: no-repeat; background-position: 50% 40%; }
    .sys-ie6 .cmp-matrixHorizonal_category .body .buttonIn.sys-checked { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="css/jquery.specify.png", sizingMethod="scale"); }

/* component：MatrixVerticalVa
-------------------------------------------------------------------------------*/
/* border指定 */
/* 縦が1pxで横が2px。外周は縦横かかわらず2px。 */
.cmp-matrixVertical { border-collapse: collapse; border: 2px solid #bbbbbb; border-spacing: 0; }
	.cmp-matrixVertical th,
	.cmp-matrixVertical td { border-top: 1px solid #bbbbbb; border-left: 2px solid #bbbbbb; border-right: 2px solid #bbbbbb; border-bottom: 1px solid #bbbbbb; }
	/* 上・中・下メニュー：レイアウト */
	.cmp-matrixVertical .header .shoulderIn             { padding: 4px; }
	.cmp-matrixVertical .header .shoulderIn.alignLeft   { text-align: left; }
	.cmp-matrixVertical .header .shoulderIn.alignCenter { text-align: center; }
	.cmp-matrixVertical .header .shoulderIn.alignRight  { text-align: right; }
	.cmp-matrixVertical .header .shoulderIn.alignTop    { vertical-align: top; }
	.cmp-matrixVertical .header .shoulderIn.alignMiddle { vertical-align: middle; }
	.cmp-matrixVertical .header .shoulderIn.alignBottom { vertical-align: bottom; }
	.cmp-matrixVertical .header .groupIn          { border-bottom: 1px solid #bbbbbb; padding: 1px 4px;   text-align: center; vertical-align: middle; }
	.cmp-matrixVertical .header .groupSpacerIn    {}
	.cmp-matrixVertical .header .markIn           { border-bottom: 0;                 padding: 2px 4px 0; text-align: center; vertical-align: middle; font-weight: bold; }
	.cmp-matrixVertical .header .itemIn           { border-top: 0;                                        text-align: center; }
	.cmp-matrixVertical .header .itemIn.vertical  {                                   padding: 4px;                           vertical-align: top; }
	.cmp-matrixVertical .header .itemIn.horizonal {                                   padding: 4px;                           vertical-align: middle; }
	.cmp-matrixVertical .header .arrowIn          {                                   padding: 4px;       text-align: center; vertical-align: middle; }
	/* 上・中・下メニュー：配色 */
	.cmp-matrixVertical .header .shoulderIn    { background-color: #ffffff; }
	.cmp-matrixVertical .header .groupIn       { 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         {                  padding: 8px 4px;       text-align: center; vertical-align: middle; }
	.cmp-matrixVertical .body .groupSpacerIn_left   {}
	.cmp-matrixVertical .body .groupHorizonal       {                  padding: 8px 1em;       text-align: left;   vertical-align: middle; font-weight: bold; }
	.cmp-matrixVertical .body .groupSpacerHorizonal {                  padding: 0;             text-align: left;   vertical-align: middle; }
	.cmp-matrixVertical .body .markIn_left          { border-right: 0; padding: 4px 0 4px 8px; text-align: center; vertical-align: middle; }
	.cmp-matrixVertical .body .itemIn_left          { border-left: 0;  padding: 4px 8px;       text-align: left;   vertical-align: middle; }
	.cmp-matrixVertical .body .markIn_right         {                  padding: 4px 8px;       text-align: center; vertical-align: middle; }
	.cmp-matrixVertical .body .buttonIn             {                  padding: 4px;           text-align: center; vertical-align: middle; }
	html[class] .cmp-matrixVertical .body .buttonIn input { margin: 3px 4px; }/*IE6以外に適用*/
	.cmp-matrixVertical .body .other.oa { padding: 2px 5px 0; vertical-align: middle; }
	html[class] .cmp-matrixVertical .body .other.oa { vertical-align: baseline; }/*IE6以外に適用*/
	/* 本体：配色 */
	.cmp-matrixVertical .body .groupIn_left         { background-color: #feead5; }
	.cmp-matrixVertical .body .groupSpacerIn_left   { background-color: #ffffff; }
	.cmp-matrixVertical .body .groupHorizonal       { background-color: #feead5; color: #7e6a6a; }
	.cmp-matrixVertical .body .groupSpacerHorizonal { 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 .body .buttonIn.sys-checked { background-color: #b2da9e; }*/
	.cmp-matrixVertical .body .buttonIn.sys-checked { background-image: url("jquery.specify.png"); background-repeat: no-repeat; background-position: 50% 40%; }
	.sys-ie6 .cmp-matrixVertical .body .buttonIn.sys-checked { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="css/jquery.specify.png", sizingMethod="scale"); }
    .cmp-matrixVertical .body .buttonIn .ra     { padding: 2px 5px 0; text-align: right; ime-mode: disabled; }
    html[class] .cmp-matrixVertical .body .buttonIn .ra     { vertical-align: baseline; }/*IE6以外に適用*/

/* component：TileVa
-------------------------------------------------------------------------------*/
.cmp-tileVa {}
	/* 本体：レイアウト */
	.cmp-tileVa .tileWall { border-collapse: collapse; }
		.cmp-tileVa .separator   { height: 32px; }
		.cmp-tileVa .groupIn_top { border: 2px solid #bbbbbb; padding: 5px; text-align: center; vertical-align: middle; font-weight: bold; }
			.cmp-tileVa .tile       { padding: 4px 3px 6px; border: 2px solid #bbbbbb; text-align: left; vertical-align: top; }
			.cmp-tileVa .tile.empty { border: none; }
				.cmp-tileVa .layout { width: 100%; }
					.cmp-tileVa .groupIn_left { border: 2px solid #bbbbbb; padding: 6px .8em; text-align: center; vertical-align: middle; font-weight: bold; }
					.cmp-tileVa .groupIn_left.empty { border: 0; padding: 0; font-size: 1px; }
					.cmp-tileVa .buttonIn     { width: 20px; padding: 2px 2px 2px 4px;  text-align: center; vertical-align: middle; }
						.cmp-tileVa .buttonIn input { vertical-align: middle; }
					.cmp-tileVa .markIn       { width: 20px; padding: 2px 4px 2px 2px;  text-align: center; vertical-align: middle; font-weight: normal; }
					.cmp-tileVa .itemIn       {              padding: 2px 12px 2px 2px; text-align: left;   vertical-align: middle; }
					.cmp-tileVa .imageIn      {              padding: 4px 2px 4px 2px;  text-align: center; }
					.cmp-tileVa .imageIn.alignTop	{ vertical-align: top; }
					.cmp-tileVa .imageIn.alignBottom{ vertical-align: bottom; }
						.cmp-tileVa .imageIn img { border: 1px solid #bbbbbb; vertical-align: middle; }
					.cmp-tileVa .tile.disabled .markIn   { filter: Alpha(opacity=25); -khtml-opacity: 0.25; -moz-opacity: 0.25; opacity: 0.25; }
					.cmp-tileVa .tile.disabled .itemIn   { filter: Alpha(opacity=25); -khtml-opacity: 0.25; -moz-opacity: 0.25; opacity: 0.25; }
					.cmp-tileVa .tile.disabled .imageIn  { filter: Alpha(opacity=25); -khtml-opacity: 0.25; -moz-opacity: 0.25; opacity: 0.25; }
	/* 本体：配色 */
	.cmp-tileVa .tileWall {}
		.cmp-tileVa .groupIn_top { background-color: #ffdead; color: #999999; }
		.cmp-tileVa .odd         { background-color: #efefef; }
		.cmp-tileVa .even        { background-color: #ffffea; }
			.cmp-tileVa .tile       {}
			.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 { 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 { width: 560px; text-align: center; }
	.snp-uiSlider .labelWrapper { margin-top: 8px; text-align: left; }
		.snp-uiSlider .leftLabel  {}
		.snp-uiSlider .rightLabel { float: right; }
	.snp-uiSlider .sliderSelfWrapper {}
		.snp-uiSlider .dummy      { margin: 40px auto 40px; width: 480px; height: 11px; border: 1px solid #a6c9e2; background-color: #fcfdfd; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
		.snp-uiSlider .sliderSelf { margin: 40px auto 40px; width: 480px; }
	.snp-uiSlider .floater { position: absolute; width: 100px; border: 1px solid #e6b003; background-color: #fbf2bc; color: #bf8d07; font-weight: bold; text-align: center; line-height: 1.5; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
	.snp-uiSlider .ra      { width: 10em; height: 1em; border: 0; background-color: #eeeeee; color: #000000; }

/* component：uiSliderVertical
-------------------------------------------------------------------------------*/
.snp-uiSliderVertical { width: 560px; text-align: center; }
	.snp-uiSliderVertical .maxLabel { text-align: left; }
	.snp-uiSliderVertical .scaleWrapper { float: left; }
		.snp-uiSliderVertical .scale {}
		.snp-uiSliderVertical .spacer { width: 32px; }
	.snp-uiSliderVertical .sliderSelfWrapper { float: left; }
		.snp-uiSliderVertical .dummy      { margin: 12px auto 12px 0; height: 240px; width: 11px; border: 1px solid #a6c9e2; background-color: #fcfdfd; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
		.snp-uiSliderVertical .sliderSelf { display: none; margin: 12px auto 12px 0; height: 240px; }
	.snp-uiSliderVertical .floater { /*position: absolute;*/ float: left; width: 100px; margin-left: 20px; border: 1px solid #e6b003; background-color: #fbf2bc; color: #bf8d07; font-weight: bold; text-align: center; line-height: 1.5; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
	.snp-uiSliderVertical .ra      { width: 10em; height: 1em; border: 0; background-color: #eeeeee; color: #000000; }
	.snp-uiSliderVertical .minLabel { text-align: left; }

/* component：Special_PersonalData
-------------------------------------------------------------------------------*/
/* フォームの外観用テーブル */
.cmp-personalData { width: 640px; border-collapse: collapse; margin: 0 0 12px; border: 2px solid #bbbbbb; }
	.cmp-personalData .label { width: 140px; border-bottom: 2px solid #bbbbbb; border-right: 1px solid #bbbbbb; font-weight: bold; text-align: center; }
	.cmp-personalData .form  { border-bottom: 2px solid #bbbbbb; padding: 6px 20px; }
	.cmp-personalData input  { padding: 1px 2px; /*font-size: 108%;*/ }
		/* フォーム内側の配置コントロール用テーブル */
		.cmp-personalData table.layout { border: 0; }
			.cmp-personalData table.layout td { border: 0; padding: 1px; }
			.cmp-personalData table.layout td.buttonIn {
			    padding: 2px 2px 2px 4px !important;
			    text-align: center !important;
			    vertical-align: middle !important;
			    width: 24px !important;
			}
			.cmp-personalData table.layout td.markIn {
			    cursor: default !important;
			    padding: 2px 4px !important;
			    text-align: center !important;
			    vertical-align: middle !important;
			    width: 24px !important;
			}
			.cmp-personalData table.layout td.itemIn {
			    padding: 2px 12px 2px 2px !important;
			    text-align: left !important;
			    vertical-align: middle !important;
			}
		/* 入力フォーム */
		.cmp-personalData .ticker           { font-size: 93%; }
		.cmp-personalData .conflict         { padding-top: 8px !important; }
			.cmp-personalData .conflict input { margin-left: 1em; margin-right: 3px; vertical-align: middle; }
			.cmp-personalData .conflict label { vertical-align: middle; }
		.cmp-personalData textarea.free     { width: 400px; height: 4em; }
		.cmp-personalData input.free        { width: 400px; }
		.cmp-personalData input.name        { width: 160px; }
		.cmp-personalData input.birth_year  { width: 70px; ime-mode: disabled; }
		.cmp-personalData input.birth_month { width: 40px; ime-mode: disabled; }
		.cmp-personalData input.birth_date  { width: 40px; ime-mode: disabled; }
		.cmp-personalData input.zip_full    { width: 80px; ime-mode: disabled; }
		.cmp-personalData input.zip_front   { width: 40px; ime-mode: disabled; }
		.cmp-personalData input.zip_rear    { width: 50px; ime-mode: disabled; }
		.cmp-personalData input.address     { width: 400px; }
		.cmp-personalData input.telhead     { width: 80px; ime-mode: disabled; }
		.cmp-personalData input.telbody     { width: 100px; ime-mode: disabled; }
		.cmp-personalData input.email       { width: 300px; ime-mode: disabled; }
		.cmp-personalData input.email_front { width: 200px; ime-mode: disabled; }
		.cmp-personalData input.email_rear  { width: 200px; ime-mode: disabled; }
		.cmp-personalData input[type="radio"],
		.cmp-personalData input[type="checkbox"] { margin: 3px; }
		/* 確認フォーム用 */
		.cmp-personalData .confirmation { font-weight: bold; }

/* groupIn 共通 */
	.header .groupIn.alignLeft   { text-align: left; }
	.header .groupIn.alignCenter { text-align: center; }
	.header .groupIn.alignRight  { text-align: right; }
	.header .groupIn.alignTop    { vertical-align: top; }
	.header .groupIn.alignMiddle { vertical-align: middle; }
	.header .groupIn.alignBottom { vertical-align: bottom; }
/* suzuki common 移築 */
input[type="text"], input[type="password"] {
    height:18px;
    border: 1px #CCC solid;
}

textarea {
    /*width: 100%;*/
   resize: vertical;
    border: 1px #CCC solid;
}
/* 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; }

/* 動画再生画面使用
-------------------------------------------------------------------------------*/
/* nomuteメッセージDIV要素のCSS */
#msg_nomute_box {
width: 100%;
position:fixed;
top:300px;
left:0px;
display:none;
 z-index:10;
}
/* msg_nomute_img_box CSS */
#msg_nomute_img_box {
 margin: 0px auto 0px;
 width: 90%;
 max-width: 600px;
 min-width: 350px;
}

/* nomuteメッセージ背景 */
#msg_nomute_blackbox{
 display:none;
 background:#333333;
 opacity:0.7;/*黒地の背景の調整はこの数値で調整*/
 filter:alpha(opacity=70);/*黒地の背景の調整はこの数値で調整*/
 top:0px;
 left:0px;
 min-width:100%;
 min-height:100%;
 z-index:1;
	position:fixed;
	width:100%;
	height:120%;
	width:100%;
	height:120%;
}
/* suzuki店舗ラベル */
.shop_label_title{ margin: 10px 10px 0; font-weight: bold;}
.shop_label_waku{ max-width: 600px; border: 2px #E6E6E6 solid; margin: 0 10px 10px; }
.shop_label_waku .table	{ display: flex; flex-direction: row; flex-wrap: wrap; padding: 0 2.5%; }
.shop_label_waku .table .block_l{ width: 240px; margin:  5px 20px 5px 5px; }
.shop_label_waku .table .block_r{ margin: 5px; }



/* 縦書きｃｓｓ
-------------------------------------------------------------------------------*/
.tate_rl{
	font: 100% 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;/* フォントをMSゴシックベースに変更 */
	-ms-writing-mode: tb-rl; /* IE用 */
	-webkit-writing-mode:vertical-rl;
	-moz-writing-mode:vertical-rl;
	writing-mode: vertical-rl; /* Chrome、Firefox用 */
	text-align: left;
	/* text-orientation: upright; ×IEは横のまま */
	white-space :nowrap;
/*border:1px dashed;*/
	line-height: 1.4;  /* firefox対策 */
	letter-spacing: 0.05em;
	display:inline-block; /* IE伸びる対応 */
	min-height: 30px; /* IE伸びる対応 */
	height: auto !important; /* IE伸びる対応 */
}

.tate_lr{
	font: 100% 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;/* フォントをMSゴシックベースに変更 */
	-ms-writing-mode: tb-lr; /* IE用 */
	-webkit-writing-mode:vertical-lr;
	-moz-writing-mode:vertical-lr;
	writing-mode: vertical-lr; /* Chrome、Firefox用 */
	text-align: left;
	/* text-orientation: upright; ×IEは横のまま */
	white-space :nowrap;
/*border:1px dashed;*/
	line-height: 1.4;  /* firefox対策 */
	letter-spacing: 0.05em;
	display:inline-block; /* IE伸びる対応 */
	min-height: 30px; /* IE伸びる対応 */
	height: auto !important; /* IE伸びる対応 */
}

/* 縦中横（たてちゅうよこ：横並び文字）対応（2桁推奨：4文字までは可能のようですが....） */
.tatechu { 
	-ms-text-combine-horizontal: all; /* for IE */
	-webkit-text-combine: horizontal; /* for Chrome , Safari */
	text-combine-upright: all;
	letter-spacing: normal;

 }

/* 縦ボーダー　対応（snp-拡張） */
.tate_rl .snp-u,
.tate_lr .snp-u,
.tate_rl .snp-bu,
.tate_lr .snp-bu,
.tate_rl .snp-bbu,
.tate_lr .snp-bbu,
.tate_rl .snp-ru,
.tate_lr .snp-ru,
.tate_rl .snp-rbu,
.tate_lr .snp-rbu,
.tate_rl .snp-ou,
.tate_lr .snp-ou,
.tate_rl .snp-obu,
.tate_lr .snp-obu,
.tate_rl .snp-wu,
.tate_lr .snp-wu,
.tate_rl .snp-wbu,
.tate_lr .snp-wbu
    {
	text-decoration: none;
	border-right: 1px solid;
	border-bottom: none;
	padding-right: 1px;
 }


/* EOF */