@charset "utf-8";
/*
* {margin:0; padding:0;}
*/
.printHeader{
	font-size:smaller;
	background-color:#CCCCCC;
	font:"ＭＳ ゴシック", "Osaka－等幅";
	display:block;
}
body { 
	padding-right: 0px; 
	padding-left: 0px; 
	padding-bottom: 0px; 
	padding-top: 0px; 
	margin-left:auto;
	margin-right:auto;
	width:700px;
	font-family: Arial,sans-serif;
	color: #333333;
	line-height: 1.166;	
	background-image: url(images/main_back.png);
}

div.wrap {
	width: 700px; 
	position: relative; 
/*	text-align: left;*/
	background-color: #FFFFFF;
	margin:0; 
	padding:0;
/*	border: 1px #FF0000 solid;*/
}
div.spacer {
	height : 200px;
}
div.navi{
	width: 700px; 
	margin: 0px 0px 0px 0px;
	padding: 0;
	display:none;
}
div.subnavi{
	width: 680px; 
	margin: 10px; 
	padding:0;
}

div.content {
	float: left; 	
	width: 640px; 
	margin: 0px;
	padding: 0;
	text-align: left;
}
div.footer {
	display:none;
	margin: 10px 0px ;
	padding: 0px;	
	width: 700px;
	position: relative; 
}
div.adminMenu {
	text-align: left;
	padding-left: 3em;
}

span.checkbox {
	white-space: nowrap;
}
hr {
	border: 1px solid #bcbc9f;
}

/***********************************************/
/* TEST                         */
/***********************************************/ 

.test {
	height:300px;
	color:#FF3399;
	border:solid;
	text-align:left;
}

/***********************************************/
/**/
/***********************************************/ 
.error {
	color: #d90000;
	font-weight: bold;
}
.right {
	text-align:right;
}
.center {
	text-align:center;
}
.middle{
	text-valign:middle;
	text-align:right;
}
.margin10 {
	margin-right:0px;
	margin-left:0px;
	margin-bottom:10px;
	margin-top:10px;
}
.height120px {
	height:120px;
}
.width120 {
	width:120%;
}
.width110 {
	width:110%;
}
.width100 {
	width:100%;
}
.width90 {
	width:90%;
}
.width80 {
	width:80%;
}
.width70 {
	width:70%;
}
.width60 {
	width:60%;
}
.width50 {
	width:50%;
}
.width40 {
	width:40%;
}
.width30 {
	width:30%;
}
.width20 {
	width:20%;
}
.width10 {
	width:10%;
}
floatright {
	float:right;
}
.floatleft {
	float:left;
}
.floatclear {
	clear: both;
}
.fontbold {
	font-weight: bold;
}
.fontitalic {
	font-style: italic;
}
.fontoblique {
	font-style: oblique;
}
.font120 {
	font-size: 120%;
}
.font110 {
	font-size: 110%;
}
.font100 {
	font-size: 100%;
}
.font90 {
	font-size: 90%;
}
.font80 {
	font-size: 80%;
}
.font70 {
	font-size: 70%;
}
/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 
a:link, a:visited, a:hover {
	color: #006699;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a img {
    border-style:none;
}
hr {line-height:normal}

h1 {
	font-family: Arial,sans-serif;
	margin: 0px;
	padding: 0px;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
}
h2 {
	font-family: Arial,sans-serif;
	margin: 0px;
	padding: 0px;
	text-align: left;
}
h3 {
	font-family: Arial,sans-serif;
	margin: 0px;
	padding: 0px;
	text-align: left;
	font-size: 100%;
	color: "black";
}
h5 {
	font-family: Arial,sans-serif;
	margin-right:0px;
	margin-left:0px;
	margin-bottom:10px;
	margin-top:10px;
	padding: 0px;
	text-align: center;
	font-size: 100%;
	color: "black";
}
h4, h6 {
	font-family: Arial,sans-serif;
	margin: 0px;
	padding: 0px;
}

span.herenow{
	font-size: 110%;
	font-weight: bold;
	color:#fontboldFF3399;
	text-align:left;
}
/*************** #siteName styles # **************/
#sitename{
	margin: 0px;
	padding: 0px;
}
/*************** #pageName styles **************/
#pagename{
	margin-right:0px;
	margin-left:0px;
	margin-bottom:10px;
	margin-top:10px;
	padding: 0px;
}
h2{
	font-size: 114%;
	color: #006699;
	text-align: center;
}

/*************** #sectionName styles **************/
#sectionname{
	margin-right:0px;
	margin-left:0px;
	margin-bottom:10px;
	margin-top:10px;
	padding: 0px;
}
#sectionname h3{
	font-size: 114%;
	color: #006699;
}

/************* #search styles ***************/
#searchForm {
 	margin: 0px;
 	padding: 0px;
}
div.search{
	font-size: 90%;
	margin: 0px;
	padding: 0px;
	text-align: right;
}
div.search form{
 	margin: 0px;
 	padding: 0px;
}
form#search {
 	margin: 0px;
 	padding: 0px;
}
div.search label{
	display: block;
	margin: 10px;
	padding: 0px;
}
/*********** .relatedLinks styles ***********/
div.relatedlinks{
	margin: 10px 0px;
	padding: 0px;
	font-size: 90%;
}
/*********** .strainSearch styles ***********/
div.strainsearch {
	margin-right:0px;
	margin-left:0px;
	margin-top: 10px;
	margin-bottom: 10px;
}
div.strainsearch ul{
 	list-style-type: square;
	padding-right: 0px; 
	padding-left: 30px; 
	padding-bottom: 0px; 
	padding-top: 0px; 
	/*border: 1px solid #cccccc;*/
}
div.strainsearch li{
	margin: 10px;
}

table#search{
	border-top-width: thin;
	border-left-width: thin;
	border-bottom-width: thin;
	border-collapse: separate;
	border-right-width: thin;
	border-spacing: 0px;
	empty-cells: show
}

table#search td {
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 1px;
	padding-top: 1px;
	border-right:#cccccc 1px solid;
	border-top:#ffffff 1px solid;
	background:#ffffff;
	vertical-align: top;
	border-left:#eeeeee 1px solid;
	border-bottom:#cccccc 1px solid;
	text-align: left;
}
table#search td.title{
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 1px;
	padding-top: 4px;
	border-right:#cccccc 1px solid;
	border-top:#ffffff 1px solid;
	background:#e7e7e7;
	vertical-align: top;
	border-left:#eeeeee 1px solid;
	border-bottom:#cccccc 1px solid;
	text-align: right;
	white-space: nowrap;
}
table#search th{
	background:#e7e7e7;
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 1px;
	padding-top: 1px;
	border-right:#cccccc 1px solid;
	border-top:#ffffff 1px solid;
	border-left:#eeeeee 1px solid;
	border-bottom:#cccccc 1px solid;
}
table#search td.submit {
	border-top-width: 0px;
	padding-right: 4px;
	padding-left: 4px;
	border-left-width: 0px;
	border-bottom-width: 0px;
	padding-bottom: 1px;
	padding-top: 1px;
	border-right-width: 0px
}

table#search td.comment {
	font-size:80%;
	border-right: #cccccc 1px solid;
	padding-right: 4px;
	border-top: #ffffff 1px solid;
	padding-left: 4px;
	background: #ffffff;
	padding-bottom: 1px;
	vertical-align: top;
	border-left: #eeeeee 1px solid;
	padding-top: 4px;
	border-bottom: #cccccc 1px solid;
	text-align: left
}
table#search td.titleCenter {
	border-right: #cccccc 1px solid;
	padding-right: 4px;
	border-top: #ffffff 1px solid;
	padding-left: 4px;
	background: #ebd598;
	padding-bottom: 1px;
	vertical-align: top;
	border-left: #eeeeee 1px solid;
	color: #5b3c14;
	padding-top: 1px;
	border-bottom: #cccccc 1px solid;
	white-space: nowrap;
	text-align: center;
	font-weight: bolder;
}
table#explanation{
	font-size:80%;
	border-right: thin;
	border-top: thin;
	border-left: thin;
	border-bottom: thin;
	border-collapse: collapse;
	border-spacing: 0px;
	empty-cells: show;
}
table#explanation th{
	text-align: left;
	
}


/*********** .strainList styles ***********/
div.strainlist {
	margin-right:0px;
	margin-left:0px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.leftBold {
	text-align: left;
	font-weight: bold;
}

/*************************************/
/*                         **/
/*************************************/
div.procedure {
	font-size: 80%;
	border: #cccccc 1px solid;
	padding: 0.4em;
}
.procedureArrow {
	padding-left: 0px; padding-right: 14px; 
	background: url(images/procedureArrow.gif) no-repeat left center; 
	padding-bottom: 0px; color: white; padding-top: 0px;
	color:#5b3c14;
}


.fieldrequired {
	padding-right: 0px; padding-left: 14px; padding-bottom: 0px; 
	background: url(images/mandatory.gif) no-repeat left top; 
	color: white; padding-top: 0px;
	color:#5b3c14;
}

table#confirmRequest {
	margin-left: 10px;
	font-size: 80%;
	border-spacing: 0px;
	empty-cells: show;
	borde: 1px solid #bcbc9f;	
}

div.requestNote {
	font-size: 80%;
	padding-left: 5px;
	padding-bottom: 0.5em;
}
div.requestSection {
	margin-left: 10px;
/*	border: #FAA 1px solid;*/
}

table#requestTable {
	font-size: 80%;
	border-top: #CCC 1px solid;
	border-spacing: 0px;
	empty-cells: show;
	borde: 1px solid #bcbc9f;
	margin-bottom: 0.2em;
}

table#requestTable td {
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 1px;
	padding-top: 1px;
	border-right:#cccccc 1px solid;
	border-top:#ffffff 1px solid;
	background:#ffffff;
	vertical-align: middle;
	border-left:#eeeeee 1px solid;
	border-bottom:#cccccc 1px solid;
}

table#requestTable td.title {
	border-right:#cccccc 1px solid;
	border-top:#ffffff 1px solid;
	background: #e7e7e7;
	vertical-align: middle;
	border-left:#eeeeee 1px solid;
	border-bottom:#cccccc 1px solid;
	text-align: left;
	color: #5b3c14;
}

table#requestTable td.toptitle {
	border-right:#cccccc 1px solid;
	border-top:#ccc 0.5px solid;
	background: #e7e7e7;
	vertical-align: middle;
	border-left:#eeeeee 1px solid;
	border-bottom:#cccccc 1px solid;
	text-align: left;
	color: #5b3c14;
}

table#requestTable td.nontitle {
	vertical-align: middle;
	text-align: left;
    border-top: #CCC 0.5px solid;
}

table#requestTable td.comment {
	border-right:#cccccc 1px solid;
	border-top:#ffffff 1px solid;
	vertical-align: middle;
	border-left:#eeeeee 1px solid;
	border-bottom:#cccccc 1px solid;
	text-align: left;
	color: #666666;
	background:#ffffff;
}

table#requestTable th {
	color:#5b3c14;
	font-weight: bold;
	border-right: 1px solid #bcbc9f;
	border-bottom: 1px solid #bcbc9f;
	background: #e7e7e7;
	vertical-align: top;
	border-left:#eeeeee 1px solid;
	border-bottom:#aaaaaa 1px solid;
}
table#notice {
	margin-left: 10px;
	background-color:#ffffff;
	width: 200px;
	font-size: 80%;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", monospace;
}

table#notice td {
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 4px;
	padding-top: 4px;
	text-align: left;
}

table#notice th {
	color:#000000;
	background-color:#cccccc;
	font-weight: bold;
}

table#notice link {
	padding-right: 5px;
	padding-left: 24px;
	font-size: x-small;
	padding-bottom: 5px;
	margin-right: 13px;
	padding-top: 5px;
	background-color:#ffffff
}

/***********************************************/
/* */
/***********************************************/ 
div.thumbnail {
	margin: 10px;
}
div.thumbnail img {
	width: 83px;
	height: 69px; 
}
div.thumbnail a {
	font-size:70%;
}
/*********** simple table styles ***********/
table.simple {
  font-size: 80%;
  margin: 0 0 0 0;
  width: 640px;
  border-right: 1px solid #bcbc9f;
  border-bottom: 1px solid #bcbc9f;
  border-left: 1px solid #bcbc9f;
  border-top: 1px solid #bcbc9f;
  border-collapse: collapse;
  line-height: normal;	
}
table.simple th {
  font-weight: normal;
  padding: 6px;
  border-right: 1px solid #bcbc9f;
  border-bottom: 1px solid #bcbc9f;
  color: #333333;
  background: #e7e7e7;
}
table.simple td {
  padding: 2px 6px;
  border-right: 1px solid #d1d1c1;
  border-bottom: 1px solid #d1d1c1;
  color: #333;
  background: #fff;
}
table.simple td.title {
  padding: 2px 6px;
  border-right: 1px solid #d1d1c1;
  border-bottom: 1px solid #d1d1c1;
  color: #333;
  background: #fafafa;
}
table.simple td.right {
	align: right;
}
table.simple td.bold {
	font-weight: bold;
	background: #fcea96;
}

/*********** about online order table styles ***********/
table#aboutOnline {
  font-size: 80%;
  width: 100%;
  border-right: none;
  border-bottom: none;
  border-left: none;
  border-top: none;
}
table#aboutOnline td.title {
  color: #666666; font-weight: bold; 
  padding-left: 0.5em;
  width: 490;
}
table#aboutOnline td.number {
	width: 30px; font-weight: bold; 
	vertical-align: top;
	text-align: right;
	padding-right: 0.3em;
}
table#aboutOnline td.description {
	vertical-align: top;
}
div.aboutOnlineTitle {
	margin-top: 0.5em;
	clear: both;
	float: none;
}
div.aboutOnlineContent {
	margin-top: 0.5em;
}
div.aboutOnlineImage {
	float: left;
	width: 360px;
	padding-bottom: 2em;
}
div.aboutOnlineDescription {
	float: left;
	width: 300px;
	padding-bottom: 2em;
}

/***********************************************/
/* */
/***********************************************/ 

div.comingProcedure{
  color:#FF0000;
  wrap: soft;
  width: 650px;
}  

.procedureNo{
  color: "black";
} 

li.procedure {
	list-style-type: decimal;
	vartical-align: top;
	padding-bottom: 0.8em;
	line-height: 1.4em;
}

/***********************************************/
/* topContents.jsp
/***********************************************/ 

div.lineOfImage {
	margin: 2px;
	height: 100px;
}

td.menuline {
	border-bottom: #ccc 1px solid; 
	padding-left: 2px; padding-top: 2px; 
	padding-bottom: 2px;
	background-color: #E1FFC4;
	text-align: left;
	font-size: 90%;
}

td.menu {
	padding-left: 2px; padding-top: 2px; padding-bottom:2px;
	background-color: #E1FFC4;
	text-align: left;
	font-size: 90%;
}

td.menuline2 {
	border-bottom: #ccc 1px solid; 
	padding-left: 2px; padding-top: 2px; padding-bottom:2px;
	background-color: #EEFFDE;
	text-align: left;
	font-size: 90%;
}

td.menu2 {
	padding-left: 2px; padding-top: 2px; padding-bottom:2px;
	background-color: #EEFFDE;
	text-align: left;
	vertical-align:top;
	font-size: 90%;
}
td.padding-top1 {
	padding-top: 5px;
}


div.infobox {
   height: 180px;
   overflow: auto;
   border: #666666 5px;
   background-color: #E1FFC4;
   padding: 3px 3px 3px 1px;
   font-size: 95%;
}


h6#warn{
	width: 600px;
	height: 35px;
	padding-left: 28px;
	background-image: url(images/bg_warn.gif);
	background-repeat: no-repeat;
	font-size: 14px;
	color: #990000;
	
}
h6#warn span{
	position: relative;
	top: 10px;
	text-align: center;
}
div.note {
	color: #336600;
	padding-left: 5px;
}
span.menu{
	padding-left: 10px;
}
span.about{

}
.about {
	font-size: 90%;
}
span.copyright1 {
	font-size: 95%;
}
span.copyright2 {
	font-size: 85%;
}
ul#userFormStyle {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 1em;
	padding-left: 0;
}
li#userFormStyle {
	padding: 0px 0px 3px 15px;
	list-style-type: none;
	background-image: url(images/icon_arrow2.gif);
	background-repeat: no-repeat;
}
form#userFormStyle{
	margin: 0;
}
.lineHeight120{
	line-height: 130%
}
.lineHeightNormal{
	line-height: normal;
}
#previewNone{
	display:none;
}