@charset "utf-8";
/* CSS Document */


html {
	height:100%;
	-webkit-text-size-adjust: none;
	background: #ffffff;
}

html.color1 {
/*	background: #f7fff7;*/
}

html.color2 {
/*	background: #fff7ff;*/
}

html.color3 {
/*	background: #f8f8ff;*/
}

body {
	height: 100%;
	color: #333;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ",　Meiryo;
/*	font-family: Arial, Roboto, “Droid Sans”, “游ゴシック”, YuGothic, “ヒラギノ角ゴ ProN W3”,“Hiragino Kaku Gothic ProN”, "ＭＳ Ｐゴシック", "MS PGothic",“メイリオ”, Meiryo, sans-serif;*/
	/* overflow:hidden; これを入れるとAndoroidでスクロールが出なくなる原因かも */
	/*background: #baffbb;*/
}


textarea, select, input {
	font-size: 10pt;
	vertical-align: middle;
	font-family: Arial, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, sans-serif;

}
/*
select, input {
	line-height: 12pt;
	height: 12pt;
}*/

button {
/*	box-shadow: 2px 2px 3px 1px #666;
	-moz-box-shadow: 2px 2px 3px 1px #666;
	-webkit-box-shadow: 2px 2px 3px 1px #666;
*/
}

* html div#container {
	height:100%;
	/*overflow:hidden; */
}

body > #container {
	height: auto;
	/*overflow:hidden;*/
}


a {
/*	text-decoration: none;*/
}


/* ヘッダー */

#head {
	border-bottom: 4px solid silver;
	height: 51px;
	width: 100%;
	overflow: hidden;
	border-collapse: collapse;
	color: black;
}

#head #head_bgcolor {
	height: 50px;
	width: 100%;
	background-color: white;
}

#head #head_bgcolor .logo_btn {
	height: 50px;
	width: 100%;
}

.logo_btn .logo {
	height: 22px;
	width:200px;
	float: left;
	margin-left: 10px;
	margin-top: 14px;
	margin-bottom: 14px;
	background-image:url("../img/LOGO-01.png");
	background-size:contain;
	background-repeat:no-repeat;
	background-position:bottom;
	cursor:pointer;
}
.logo_btn .title {
	float: left;
	height: 50px;
	width:150px;
	position: relative;
	margin-left:50px;
	font-size:12pt;
}
.logo_btn .title a {
	position: absolute;
	bottom: 0px;
	left: 20px;
}

.logo_btn .btn-1 {
	height: 50px;
	float: right;
}

.logo_btn .btn-list1 {
	height: 50px;
	width: 95px;
	float: right;
	margin-right: 26px;
	border-right: 1px solid #7DBEFF;
	border-left: 1px solid #7DBEFF;
}

.logo_btn .btn-list2 {
	height: 50px;
	width: 77px;
	float: right;
	margin-right: 28px;
}

/* グローバルメニュー */

#global_menu_bgcolor {
	min-height: 33px;
	width: 100%;
	background-color: #EEEEEE;
	border-bottom: 1px solid #CCCCCC;
}

#global_menu_bgcolor #global_menu {
	min-height: 33px;
	width: 100%;
/*	margin-left: auto;
	margin-right: auto;
	*/

	overflow: hidden;
}

#global_menu_bgcolor #global_menu div {
	height: 30px;
	margin-right: 1px;
	float: left;
}

#global_menu_bgcolor #global_menu ul{
/*	list-style-type: disc;*/
	list-style: none;
}

#global_menu_bgcolor #global_menu li.submenu {
	float:left;
	display:block;
	margin-left:15px;
	line-height:35px;
	padding-left:10px;
	padding-right:10px;
	text-align: center;
}

#global_menu_bgcolor #global_menu li.submenu.current_menu {
	border-bottom: 5px solid blue;
	background-color: white;
	line-height:25px;
	padding-top: 5px;
}

#global_menu_bgcolor #global_menu .title{
	line-height: 35px;
	font-size:12pt;
	font-weight:bold;
	padding-left:10px;
}

/* 仕様データ・試験データ切り替えタブ */

#tab_menu {
	width: 100%;
	overflow: hidden;
	border-bottom: 4px solid #00468C;
	margin-bottom: 15px;
	height: 26px;
}

#tab_menu div {
	width: 193px;
	height: 26px;
	float: left;
}

/* ステータス・試験フォーマット選択・一時保存 */

#status_save {
	width: 100%;
	height: 40px;
	margin-bottom: 25px;
}

#status_save div {
	height: 40px;
}

#status_save div.status {
	width: 180px;
	float: left;
}

#status_save div.test-format {
	font-size:small;
	float: right;
	vertical-align: middle;
	line-height: 40px;
	margin-left: 15px;
}

#status_save div.btn_save {
	float: right;
	width: 150px;
	height: 38px;
	vertical-align: middle;
	text-align: center;
	line-height: 38px;
	margin-left: 15px;
	background-color: #C1E0FF;
	border: 1px solid #006DD9;
	color: #006DD9;
	font-weight: bold;
	letter-spacing: 0.1em;
}

#status_save div.test-format select {
	width: 280px;
}


/* フッター */

footer p {
	bottom: 0;
	padding-top: 8px;
	width: 100%;
	height: 30px;
	border-collapse: collapse;
	border-spacing: 0px 0px;
	border-top: 2px solid #00468C;
/*	background-color: #FFFFFF;
	margin-top: 50px;*/
	text-align: center;
	display: block;
}

footer p small {
	font-size: 9pt;
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
}


/* Hタグ */

#box_h2 {
	height: 40px;
	background-image: url(../img/item_h2.gif);
	background-repeat: no-repeat;
	line-height: 40px;
	letter-spacing: 0.1em;
	border-collapse: collapse;
	border-spacing: 0px 0px;
	border-bottom: 1px solid #CCCCCC;
	padding-bottom: 2px;
	margin-bottom: 17px;
	overflow: hidden;
}

#box_h2 h2 {
	float: left;
	margin-left: 25px;
}

#box_h2 div {
	width: 110px;
	height: 40px;
	float: right;
	margin-left: 2px;
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
}

#box_h2 div.btn_light_blue {
	background-color: #4DA6FF;
}

#box_h2 div.btn_ocher {
	background-color: #D9A300;
}

#box_h2 div a {
	display: block;
	color: #FFFFFF;
}

h3 {
	margin-bottom: 10px;
	margin-top: 20px;
	font-weight: bold;
	color: #00468C;
	font-size: 108%;
	overflow: hidden;
}

#h3_pc {/* 事務所用（PC用） */
	width: 100%;
	height: 32px;
	background-color: #436689;
	margin-bottom: 20px;
}

#h3_pc h3 {
	color: #FFFFFF;
	line-height: 32px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-indent: 18px;
	font-size: 100%;
	float: left;
}

#h3_pc div {
	height: 32px;
	color: #FFFFFF;
	font-size: 92%;
	line-height: 32px;
	margin-right: 18px;
	float: right;
}


h4 {
	margin-bottom: 10px;
	clear: both;
}


/* リード文 */

p#lead {
	margin-bottom: 17px;
	line-height: 1.4em;
}

/* 本文 */

p.sentence {
	margin-bottom: 20px;
	line-height: 1.4em;
	clear: both;
}

p.sentence-b {
	margin-top: 20px;
	margin-bottom: 10px;
	line-height: 1.4em;
	clear: both;
}


p.sentence_center {
	margin-bottom: 10px;
	line-height: 1.4em;
	clear: both;
	text-align: center;
}

p.sentence_center input {
	margin-right: 5px;
}

table.list tr{
	height:35px;
}

table.list tr td button {
	height:25px;
}

table.list tr td input {
/*	vertical-align:text-top;*/
}

table.sentence {
	margin-bottom: 20px;
}

table.sentence td {
	line-height: 1.8em;
	padding-right: 6px;
}

table.sentence th {
	line-height: 1.8em;
	padding-right: 15px;
	font-weight: normal;
	text-align: left;
}

dt,
dd {
	margin-bottom: 5px;
}

/* 本文　色 */

.text-color_blue {
	color: #00468C;
}

/* 検査履歴 */
div#historyArea {
	margin-bottom: 10px;
	overflow: hidden;
}

div#historyArea h4 {
	float: left;
}

div#historyArea select {
	float: right;
}


/* Hrタグ */

hr.solid_line {
    border-width: 1px 0px 0px 0px;
    border-style: solid;
    border-color: #ccc;
    height: 1px;
		clear: both;
}


/* clearfix */
.clearfix:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	display: inline-table;
	display: block;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}

/* End hide from IE-mac */


/*モダンブラウザ用*/
img, iframe, object {
	max-width:100%;
}

/*IE7用*/
.ie7 img, .ie7 object/ {
 width:100%;
}

/*IE8用*/
.ie8 img, .ie8 object {
	width:auto\9
}




#container {
	font-size: medium;
	margin: 0 auto;
	min-height: 95%;
	width: 100%;
}

/* ユーザメニュー */
#userMenuLink {
	color : #245fbb;
}
/* マニュアルリンク */
#manualLink {
	color : #245fbb;
}
/* FAQリンク */
#faqLink {
	color : #245fbb;
}
/* メインエリア */

#mainArea {
	margin-bottom: 20px;
/*	overflow: hidden;*/
	margin-left: auto;
	margin-right: auto;
/*	width: 1024px;
	width:99%;*/
	width:100%;
	margin-top: 30px;
/*	padding:5px; */
	min-height: 480px;
}

#mainArea #main {
/*	width: 980px;*/
	width:100%;
	margin-left: auto;
	margin-right: auto;
}

#form{
	width: 98%;
	margin-left: auto;
	margin-right: auto;
}

#crumbs {
	font-size: small;
	margin-bottom: 3px;
	margin-top: 3px;
	clear: both;
	overflow: hidden;
}

#crumbs ul li {
	margin-right: 6px;
	float: left;
}

#crumbs ul li a {
	color: #198CEB;
}



/*フォントサイズ*/
.font-medium {
	font-size: medium;
}

.font-small {
	font-size: small;
}

.font-small_8 {
	font-size: 8pt;
}

.nameStep {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	margin-right: 8px;
}

/*フォントカラー*/
.font-red {
	color: #FF0000;
}


/*テキスト入力ボックス*/

.free_space {
	width: 900px;
	height: 150px;
	border-collapse: collapse;
	border-spacing: 0px 0px;
	border: 1px solid #999999;
	margin-bottom: 17px;
}

.writing_space {
	width: 900px;
	height: 150px;
	border-collapse: collapse;
	border-spacing: 0px 0px;
	border: 1px solid #999999;
	margin-bottom: 17px;
}

.option_specification {
	width: 900px;
	height: 150px;
	border-collapse: collapse;
	border-spacing: 0px 0px;
	border: 1px solid #999999;
	margin-bottom: 17px;
}

/*テキスト*/

.text-align-left {
	text-align: left;
}

.text-align-right {
	text-align: right;
}

input.record1 {
	width: 50px;
}

input.record2 {
	width: 30px;
}

input.record3 {
	width: 180px;
}

input.record4 {
	width: 600px;
}

input.record5 {
	width: 140px;
}

input.record6 {
	width: 100px;
}

input.record7 {
	width: 80px;
}

input.record8 {
	width: 200px;
}

input.record9 {
	width: 90%;
}

input.record10 {
	width: 98%;
}

input.record11 {
	width: 350px;
}

input.float-left,
select.float-left {
	float: left;
}

.not_changing_line {
	white-space: nowrap;
}

.text-right {
	text-align: right;
	width: 904px;
	vertical-align: middle;
}

.text-right input {
	margin-bottom: 7px;
}

.text_remarks1,
div.text_remarks1 {/*表の下にある、備考や注記などに使う*/
	margin-bottom: 25px;
	margin-top: 5px;
	margin-left: 10px;
	line-height: 1.4em;
}

div.text_remarks1 {
	width: 100%;
	text-align: left;
}

.text_gray {
	color: #999999;
	font-size: small;
}

.text_test-end {
	margin-top: 30px;
	margin-bottom: 50px;
	line-height: 2em;
	text-align: center;
}

.text_test-end div {
	width: 25%;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

#format_editing_list {
	width: 100%;
	margin-bottom: 20px;
	overflow: hidden;
}

#format_editing_list .text-left,
#format_editing_list .text-right {
	line-height: 30px;
}

#format_editing_list .text-left {
	width: 60%;
	float: left;
}

#format_editing_list .text-right {
	width: 40%;
	float: right;
}

#format_editing_list .text-right textarea {
	vertical-align: top;
}



/*背景の色*/

.bg-color_01_gray {
	background-color: #BBB;
}

.bg-color_01_gray-2 {
	background-color: #BBB;
}

.bg-color_02_blue {
	background-color: #CAE4FF;
}

div.scroll_width{
	overflow-x: scroll;
	padding-left: 2px;
}

div.scroll{
	overflow: scroll;
	padding-left: 2px;
}

td.highlight {
	background-color: #C0FF7A;
}

/*画像*/

.image-operation_test {
	margin-bottom: 20px;
	clear: both;
	width: 100%;
	text-align: center;
}

.image-operation_test img {
	margin-left: auto;
	margin-right: auto;
}

/*数値項目*/
.txtNumber{
	text-align:right;
}

/*ページング*/
.pager {
	float:right;
	margin-right:20px;
	margin-top:15px;
}

/*必須項目*/
.required {
	background: #ffc0cb;
}

.imgsearch{
	vertical-align: middle;
	cursor:pointer;
}


/* grid.js 使用後のテーブルデザイン */
div.g_Head div.g_HR{
	border-bottom: 1px solid #999999;
	border-right:  1px solid #999999;
	border-top:    1px solid #999999;
}
div.g_HeadFixed > div:first-child > div{
	border-left: 1px solid #999999;
}
div.g_BodyFixed > div.g_BodyFixed2 > div:first-child > div{
	border-left: 1px solid #999999;
}
div.g_BR{
	border-bottom: 1px solid #999999;
	border-right:  1px solid #999999;
}

div.g_Base > div.g_Head div.g_C.g_HR{
	text-align: center;
	background-color: #CAE4FF;
}
div.g_C{
	padding: 3px 8px;
	height: 25px;
	line-height: 25px;
}

/* grid.jsの生成要素が3なので4に変更。更にjqueryUI.dialogのzindexが1000なので2000に変更 */
#ui-datepicker-div{ z-index: 2000 !important; }
.ui-datepicker { z-index: 2000 !important ; }

.selectBrand{
	 width: 150px;
}

.selectLabel{
	 width: 150px;
}

.selectSoko{
	 width: 150px;
}

.selectNoticeKb{
	 width: 150px;
}

.selectUserKb{
	 width: 150px;
}

.selectKengenKb{
	 width: 150px;
}

.selectSokoKbn
,.selectSireType
,.selectUriageType{
	 width: 70px;
}

.selectColor
,.selectSize{
	 width: 150px;
}

.selectSize2{
	 width: 120px;
}

.sortableHeader
,.sortableHeaderBr{
	cursor: pointer;
}

.sortableHeader:after{
	content: "\00A0\00A0\00A0\00A0";
	background-repeat: no-repeat;
	background-position: right center;
	background-image: url("../img/sort-up-down.png");
	background-size: 13px auto;
}
.sortableHeaderBr:after{
    content: "\00A0\00A0\00A0\00A0";
    display: block;
    position: absolute;
    bottom: 30%;
    right: 3px;
    background-repeat: no-repeat;
    background-position: right center;
    background-image: url("../img/sort-up-down.png?rev=trunk-1710");
    background-size: 13px auto;
}
.sortableHeader.sortUp:after
,.sortableHeaderBr.sortUp:after{
	background-image: url("../img/sort-asc.png?rev=trunk-1710");
	background-size: 13px auto;
}
.sortableHeader.sortDown:after
,.sortableHeaderBr.sortDown:after{
	background-image: url("../img/sort-desc.png?rev=trunk-1710");
	background-size: 13px auto;
}

#dispLoading {
	display: table;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background-color: black;
	opacity: 0.6;
	z-index: 9999;
}

#dispLoading .dispLoadingMsg {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	padding-top: 140px;
	background: url("../img/loding.gif") center center no-repeat;
}