@charset "utf-8";

/*---------------------------------------------*/
a:link { color: #336699; text-decoration: normal; },
a:visited { color: #940808; text-decoration: normal; },
a:hover { text-decoration: underline; },
a:active { text-decoration: none; }
a { white-space:nowrap; }
/*---------------------------------------------*/

html { height:100%; }
body { height:100%; font-size: 80%; line-height: 1.5em; font-family: "Arial", "ms ui gothic", sans-serif;}

/*#wrap { width:100%; position:relative; height: auto !important; height: 100%; min-height: 100%; margin-bottom:5px;}*/

/* ----- header ------ */
#Header { height:60px; 
 	/* gradiate */
	background: rgb(96,108,136); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(96,108,136,1) 0%, rgba(63,76,107,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(96,108,136,1)), color-stop(100%,rgba(63,76,107,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(96,108,136,1) 0%,rgba(63,76,107,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(96,108,136,1) 0%,rgba(63,76,107,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(96,108,136,1) 0%,rgba(63,76,107,1) 100%); /* IE10+ */
	background: linear-gradient(top, rgba(96,108,136,1) 0%,rgba(63,76,107,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606c88', endColorstr='#3f4c6b',GradientType=0 ); /* IE6-9 */
	padding:20px 0px 20px 20px;
	margin-bottom: 20px;
	_padding:20px 0px 20px 20px; /*IE*/
	_margin-bottom: 20px; /*IE*/
	_background: rgb(96,108,136); /*IE*/
}
#Header h1 { _padding:15px 20px 0px;/*IE*/ font-size:35pt; font-weight:bold; color:#f5f5f5 /*color:#191970; text-shadow:0 2px 2px #f0f8ff, 0 2px 1px rgba(0,0,0,0.8)/*no IE*/ }
#Header span#Type { font-size:20pt; font-weight:bold; color:#f5f5f5; }

/* no-used 文字gradiate */
/* #Header h1 span {*/
/*	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 15%, rgba(255,255,255,0) 100%); /* FF3.6+ */
/*	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(15%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
/*	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 15%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
/*	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 15%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
/*	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 15%,rgba(255,255,255,0) 100%); /* IE10+ */
/*	background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 15%,rgba(255,255,255,0) 100%); /* W3C */
/*	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
/*	width:100%;
/*	display: block;
/*	position:absolute;
}*/

/* test =====================================================
#Header h1:before { color:#b6a57a;
  -webkit-mask-image:-webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,1) 40%, rgba(0,0,0,0) 90%, rgba(0,0,0,0));
}
#Header h1:after { color:#fff;
  -webkit-mask-image:-webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0) 20%, rgba(0,0,0,0.2) 36%, rgba(0,0,0,0.5) 40%, rgba(0,0,0,0.2) 44%, rgba(0,0,0,0) 60%, rgba(0,0,0,0));
}
=======================================================*/

/* ----- main ------ */
#Main { height:100%; margin:5px 5px 5px 5px; position:relative; padding-bottom:25px; min-height: 100%;}

/* ----- Fixed footer ------ */
#FixedFooter { height:30px; width:100%; position:Fixed; bottom:0; margin:5px 5px 5px 5px; background:White; }
#FixedFooter p { font-size:14pt; padding:10px; }

/* ----- footer ------ */
#Footer { height:30px; width:100%; position:relative; margin:5px 5px 5px 5px; }
#Footer p { font-size:14pt; padding:5px; }

/* ----- DocGroup ----- */
.DocGrp { width:95%; margin:15px 5px 15px 10px; }
.DocGrp .Cap-Left { float:Left; width:10px; padding:0px 3px; background: #2b98db; }
.DocGrp .Cap-Right { float:Left; width:90%; padding-left:10px; }

.DocGrp p{ font-size:20pt; font-weight:bold; }

.Clear { clear:both; }

/* ----- category ------ */
.Category { width:95%; 	margin: 15px 5px 15px 20px; }
.Category h2 {
 	/* gradiate */
	background: #2b98db; /* Old browsers */
	background: -moz-linear-gradient(left, #2b98db 0%, #107ae5 48%, #043f8c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#2b98db), color-stop(48%,#107ae5), color-stop(100%,#043f8c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #2b98db 0%,#107ae5 48%,#043f8c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #2b98db 0%,#107ae5 48%,#043f8c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #2b98db 0%,#107ae5 48%,#043f8c 100%); /* IE10+ */
	background: linear-gradient(left, #2b98db 0%,#107ae5 48%,#043f8c 100%); /* W3C */
	_background: #2b98db; /*IE*/
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b98db', endColorstr='#043f8c',GradientType=1 ); /* IE6-9 */
	width:100%;
 }
.Category p { font-size:18pt; font-weight:bold; color:/*191970*/f5f5f5; padding: 5px 5px; }

/* ----- div ------ */
div#Menu ul { margin-left:30px; padding:15px 0px; color:#ff6969; }
div#Menu li { /*margin-left:30px;*/ font-size:12pt; font-weight:bold; color:#aa6969; }
div#Menu #DocSearch { /*margin-left:30px;*/ font-size:12pt; font-weight:normal; color:#aa6969; }

div#note { /*border:solid 1px #A99; padding:3px;*/ margin-left:30px; margin-bottom:20px; }
div#note em { font-weight:bold; font-style:normal; }
div#note span { border:solid 1px #A99; padding:3px;}
div#note ul#jpn { width:400px; border:solid 1px #A99; padding:3px; }
div#note ul#eng { width:550px; border:solid 1px #A99; padding:3px; }

div.Sample_name { height:40px; width:300px; padding 5px 5px 5px 5px;}
div.Sample_name p { font-size:18pt; font-weight:bold; font-color: #060606; }

/* ----- table ------ */
table {
	width:90%;
	margin-top: 15px;
	margin-left: 50px;
	margin-right: 0px;
	margin-bottom: 20px;
	font-size:100%;
	border:solid 1px #A99;
	border-collapse:collapse;
}

th, td {
	padding: 5px;
	border:solid 1px #A99;
	text-align:center;
}

th {
	background-color:#FFF4F7;
	font-weight:bold;
/*	background-color:rgba(96,108,136,1);
	color:f5f5f5;*/
}

td {
	background-color:#FFF9F4;
}

.table_text { text-align: center; }

/* ======== Doc =========== */
#Doc .col_title { width: 20%; text-align: center; }
#Doc .col_contents { width: 40%; text-align: center; }
#Doc .col_target { width: 30%; text-align: center; }
/* #Doc .col_file1 { text-align: center; } */
/* #Doc .col_file2 { text-align: center; } */
#Doc .col_tool { width: 20%; text-align: center; }
#Doc .col_sample { width: 10%; text-align: center; }
#Doc .td_maker { width: 20%; text-align: left; }

#Doc .td_title { text-align:left; }
#Doc .td_contents { text-align: left; }
#Doc .td_target { text-align:left; }
/* #Doc .td_file { text-align:left; } */
#Doc .td_tool { text-align:left; }
#Doc .td_sample { text-align: left; }
#Doc .td_maker { text-align: left; }

/* ======== Sample CaoScript =========== */
#Sample th.Edition { width:40px }

#Sample .col_name { width: 15%; text-align: center; }
#Sample .col_prov { width: 15%; text-align: center; }
#Sample .col_place { width: 20%; text-align: center; }
#Sample .col_disc { width: 30%; text-align: center; }
#Sample .col_check { width: 20%; text-align: center; }

#Sample .td_name { padding: 5px 5px; }
#Sample .td_prov { text-align: center; }
#Sample .td_place {}
#Sample .td_discription { padding: 10px 20px 10px 20px; text-align:left; }
#Sample .td_check { text-align: center; }

/* ======== Sample ORiN =========== */
#SampleORiN .col_lang { width: 10%; text-align: center; }
#SampleORiN .col_place { width: 40%; text-align: center; }
#SampleORiN .col_disc { width: 50%; text-align: center; }

#SampleORiN .td_lang { padding: 5px 5px; }
#SampleORiN .td_place {}
#SampleORiN .td_disc { padding: 10px 20px 10px 20px; text-align:left; }



#sample_note { /*width:250px; border:solid 1px #A99;*/ margin-top: 30px; }
#sample_note span { border:solid 1px #A99; padding:3px; }
#sample_note ul { width:98%; border:solid 1px #A99; padding:3px; }
#sample_note ul#script { width:250px; }
#sample_note em { font-size:12pt; color:dc143c }