/* link start */
a {
	color:#4169e1;
	text-decoration:none;
}
a:visited {
	color:#4169e1;
}
a:hover {
	text-decoration:underline;
	color:#654E7C;
}
/* link end */



.highlight {
	background-color:yellow;
}
body {
	margin: 0;
	font-family: "Meiryo", "メイリオ", "Arial", "MS P Gothic", "ＭＳ Ｐゴシック", Osaka, sans-serif;
	font-size: 12px;
	line-height: 1.231;
	padding: 0;
	background-color:#f5f5f5;
}
select, input, button, textarea {
	font-family: "Meiryo", "メイリオ", "Arial", "MS P Gothic", "ＭＳ Ｐゴシック", Osaka, sans-serif;
	font-size: 12px;
	line-height: 1.231;
}
img {
	border: none;
}
table {
	font-family: "Meiryo", "メイリオ", "Arial", "MS P Gothic", "ＭＳ Ｐゴシック", Osaka, sans-serif;
	font-size: 12px;
}
td{
	font-family: "Meiryo", "メイリオ", "Arial", "MS P Gothic", "ＭＳ Ｐゴシック", Osaka, sans-serif;
	font-size: 12px;
}
th{
	nowrap;
}
.leftBox {
	float: left;
	width: 420px;
}
.rightBox {
	float: right;
	width: 370px;
}

/* layout start */
#layout-header {
	width: 890px;
	height:85px;
	background-image: url(../images/header-back.png);
	background-repeat: repeat-x;
}

#layout-menu {
	width: 890px;
	height:32px;
	/*background-color:#000; */
	background: url(../images/menuBg.gif) repeat-x;
	border:0px solid #000;

}

#layout-content {
	width: 890px;
	height:100%;
	margin:0px;
	padding:0px;
	background-color:#fff;
	border-right:1px solid #dcdcdc;

}

#layout-bottom {
	width: 850px;
	border-top: 5px solid #000000;
	background-color: #DCDCDC;
	overflow: hidden;
}
/* layout end */

/* header start */
#header {
	padding: 0px;
}
#header table {
	width: 100%;
	height:100%;
	border: 0px;
	border-collapse: collapse;
}
#header table tr td {
	padding: 2px;
}

#header .quick-search {
	padding: 2px;
	margin-right:5px;
	text-align:right;
}
/* header end */


/*-----------------------------------------
グローバルメニュー
-----------------------------------------*/
ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#menu > li:hover {
    background-color: #696969;
}

#menu > li.arrowBlack > a:hover > span {
	padding-right: 12px;
	background: url(../images/arrowDownWhite.png) no-repeat right;
}

#menu > li:hover > a {
	color:#fff;
}

#menu > li.arrowWhite > a > span {
	padding-right: 12px;
	background: url(../images/arrowDownWhite.png) no-repeat right;
}
#menu > li.arrowBlack > a > span {
	padding-right: 12px;
	background: url(../images/arrowDownBlack.png) no-repeat right;
}
/*
#menu > li.arrowBlack > a > span >li:hover {
	padding-right: 12px;
	background: url(../images/arrowDownWhite.png) no-repeat right;
}
*/
.li10{
    float: left;
    text-align:center;
    position: relative;
    margin: 0px 2px 0px 10px;
    display: block;
}
.li10 a {
	display:block;
	margin:0;
	padding:7px 15px;
	font-family: "Meiryo", "メイリオ", "Arial", "MS P Gothic", "ＭＳ Ｐゴシック", Osaka, sans-serif;
	font-size:13px;
	text-decoration:none;
	color:#fff;
	white-space:nowrap;
}

.li1{
    float: left;
    text-align:center;
    position: relative;
    margin: 0px 5px 0px 5px;
    display: block;
}

.li1 a {
	display:block;
	margin:0;
	padding:7px 7px;
	font-family: "Meiryo", "メイリオ", "Arial", "MS P Gothic", "ＭＳ Ｐゴシック", Osaka, sans-serif;
	font-size:13px;
	text-decoration:none;
	color:#fff;
	white-space:nowrap;
}


.li2{
    float: left;
    text-align:center;
    position: relative;
    margin: 0px 2px 0px 2px;
    display: block;
	background-color:gold;
	color:#000;
}

.li20{
    float: left;
    text-align:center;
    position: relative;
    margin: 0px 2px 0px 10px;
    display: block;
	background-color:gold;
	color:#000;
}
.li20 a {
	display:block;
	margin:0;
	padding:7px 15px;
	font-family: "Meiryo", "メイリオ", "Arial", "MS P Gothic", "ＭＳ Ｐゴシック", Osaka, sans-serif;
	font-size:13px;
	text-decoration:none;
	color:#000;
	white-space:nowrap;
}

.li2 a {
	display:block;
	margin:0;
	padding:7px 7px;
	font-family: "Meiryo", "メイリオ", "Arial", "MS P Gothic", "ＭＳ Ｐゴシック", Osaka, sans-serif;
	font-size:13px;
	text-decoration:none;
	color:#000;
	white-space:nowrap;
}

ul.child{
    display: none;
    position: absolute;
    margin-top: 0px;
    margin-left: -1px;
    padding: 0;
    background-color:#f5f5dc;
    color:#000;
    border:1px solid #000;
    text-align:left;
}

.fly a {
	display:block;
	margin:0px;
	padding:5px 15px 5px 7px;
	font-family: "Meiryo", "メイリオ", "Arial", "MS P Gothic", "ＭＳ Ｐゴシック", Osaka, sans-serif;
	font-size:13px;
	text-decoration:none;
	white-space:nowrap;
    color:#000;
    text-align:left;
    background-color:#f5f5dc;
}
/*
#menu li.fly > a {
	width:119px;
	position: relative;
	text-decoration:none;
	background: url(../images/arrowDownWhite.gif) no-repeat 95%;
}
*/
.fly a:hover{
    background: gold;
    color:#000;
}

/* 日本語 */
#hd {
	width:850px;margin:0 auto;position:relative;
}

#hd .nv{
	margin:0 auto;
	width:850px;
	height:32px;
	padding:0px 0;
	outline: none;
}
.pulldown_menu, .pulldown_menu ul {padding:0; margin:0; list-style: none; position:absolute;z-index:100;}
.pulldown_menu{zoom:1;}
.pulldown_menu:after{
    height:0;
    visibility:hidden;
    content:".";
    display:block;
    clear:both;
}
.pulldown_menu ul {left:-9999px; width:135px; padding:0px;}
.pulldown_menu ul ul {
	/* padding:25px 20px 20px 0; */
}
.pulldown_menu a {
	display:block;
	width:119px;
	padding:7px 9px;
	font-family: "Meiryo", "メイリオ", "Arial", "MS P Gothic", "ＭＳ Ｐゴシック", Osaka, sans-serif;
	font-size:12px;
	color:#000;
	text-decoration:none;
	margin:0;
/*	background-color:pink;*/
	border:0px solid red;
}
.pulldown_menu > li {
	text-align: center;
	width: 137px;
	height:32px;
	margin-right: 4px;
/* 	color:#007BBB;
 	background: url(../images/bg_menu.png) no-repeat;*/
/* 	color:#ffffff; */
	zoom: 1;
}
.pulldown_menu li:hover {
	position:relative;
	z-index:100;
}
.pulldown_menu > li:hover {
  	/*background: url(../images/bg_menu_ov.png);*/
   	background-color:#696969;
}
.pulldown_menu > li.nv-active {
  	/*background: url(../images/bg_menu_active.png) no-repeat; */
  	color:#000;
  	background-color:gold;
}
.pulldown_menu > li.last {
	margin-right: 0;
}
.pulldown_menu > li > a {
	color:#ffffff;
	height: 18px;
	overflow: hidden;
}
.pulldown_menu > li.nv-active > a {
	color:#000;
}
.pulldown_menu > li > a > span {
	/*letter-spacing: 3px;*/
}
.pulldown_menu li {float:left;}
.pulldown_menu li.arrow > a {
	width:119px;
	position: relative;
	text-decoration:none;
	border:0px #fff solid;
}
.pulldown_menu li.arrow > a > span {
	padding-right: 12px;
	background: url(../images/arrowDown.png) no-repeat right;
}
.pulldown_menu li.arrow.nv-active > a > span {
	padding-right: 12px;
	background: url(../images/arrowDown_ov.png) no-repeat right;*/
}
.pulldown_menu li.fly > a {
	width:119px;
	position: relative;
	text-decoration:none;
	background: url(../images/arrowRight.gif) no-repeat 95%;
}

.pulldown_menu li:hover > ul {
	top:32px;
	width:137px;
	left:-21px;
	z-index:-1;
	opacity:1;
}
.pulldown_menu li:hover li:hover > ul {
	left:114px;
	top:-7px;
	z-index:100;
	opacity:1;
}
.pulldown_menu li:hover li:hover li:hover > ul {
	left:137px;
	top:-7px;
	z-index:100;
	opacity:1;
}
.pulldown_menu li.right:hover li:hover > ul {
	left:-137px;
	top:-32px;
	z-index:100;
	padding:20px 0 20px 20px;
	opacity:1;
}
ul.pulldown_sub {
	margin:0 0 0 20px;
	background:#f5f5dc;
	border: 1px solid #000;
}

ul.pulldown_sub li {
	text-align: left;

/*	border-bottom: 1px solid #000;*/

}
ul.pulldown_sub li:hover {
	background:gold;

}
ul.pulldown_sub li > a {
	padding-left: 10px;
	padding-right: 8px;

}
ul.pulldown_sub li>a{
	font-size:12px;
	font-weight:normal;
}
ul.pulldown_sub2 li>a{
	width:132px;
}
ul.pulldown_sub3 li>a{
	width:132px;
}
/** グローバルメニュー end. **/

/*-------- フッター --------*/
.footer-string .nbrp {
	float: left;
	width: 50%;
}
.footer-string .copyright {
	float: left;
	width: 48%;
	margin: 5px;
	text-align: right;
}

/*-------- 各ページ共通 --------*/
.page-title {
	margin: 10px 0px 15px 0px;
	color: #FF7700;
	border-bottom: 3px groove #FFCC00;
	font-size: 18px;
	font-weight: bold;
}
.red11 {
	color:red;
	font-size:11px;
}
.red {
	color:red;
}
.blue {
	color:blue;
}
.text_center {
	text-align: center;
}
.bold {
	font-weight: bold;
}
.font_size_14 {
	font-size: 14px;
}
.font_size_16 {
	font-size: 16px;
}
.searchButton {
	background-color: #ffff00;
	padding: 3px 20px;
    border-top: 1px solid #DCDCDC;
    border-left: 1px solid #DCDCDC;
    border-right: 2px solid #8A8A8A;
    border-bottom: 2px solid #8A8A8A;
    height: 29px;
}
.searchButton:active {
	background-color: #dddd00;
	padding: 3px 20px;
    border-top: 1px solid #8A8A8A;
    border-left: 1px solid #8A8A8A;
    border-right: 2px solid #DCDCDC;
    border-bottom: 2px solid #DCDCDC;
    height: 29px;
}
.clearButton {
	background-color: #f5f5f5;
	padding: 3px 20px;
    border-top: 1px solid #DCDCDC;
    border-left: 1px solid #DCDCDC;
    border-right: 2px solid #8A8A8A;
    border-bottom: 2px solid #8A8A8A;
    height: 29px;
}
.clearButton:active {
	background-color: #e5e5e5;
	padding: 3px 20px;
    border-top: 1px solid #8A8A8A;
    border-left: 1px solid #8A8A8A;
    border-right: 2px solid #DCDCDC;
    border-bottom: 2px solid #DCDCDC;
    height: 29px;
}

/*-------- カートアイコン --------*/
#header .cartIconBox {
	position: relative;
	width: 100px;
}
#header .cartCount {
	position: absolute;
	left: 23px;
	top: 8px;
	text-align: center;
	width: 100px;
	font-size:17px;
	font-weight: bold;
	color: #0000FF;
}
#header .cartTitle {
	position: absolute;
	left: 5px;
	top: 38px;
	width: 100px;
	font-size:13px;
	font-weight: bold;
	color: #000000;
}
#header .cartCount {
	position: absolute;
	left: 23px;
	top: 8px;
	text-align: center;
	width: 100px;
	font-size:17px;
	font-weight: bold;
	color: #0000FF;
}
#header .cartStopTitle {
	position: absolute;
	left: 0px;
	top: -10px;
	width: 140px;
	font-size:11px;
	color: red;
	text-align:center;
}
/*-------- メニュー --------*/

/*
#menu {
	width: 1080px;
	padding: 6px 40px;
	background-color:#000;
	font-size:12px;
}
#menu a {
	color:#fff;
	text-decoration:none;
	padding: 4px 30px;
	margin:2px;
}
#menu a:hover {
	color:#000;
	text-decoration: none;
	padding: 4px 30px;
	background-color: gold;
}
#menu .activeMenu {
	color:#000;
	text-decoration: none;
	padding: 4px 30px;
	background-color: gold;
}
*/

/*-------- 検索フィールド --------*/
#query {
	border:	1px solid #a6a6a6;
/*	background-color: #BFDCF4 ;*/
	color: #5C5C5C;
	padding: 0 10px;
	word-break:	break-all;
	width:650px;
}
.query-fy{
	background-color: #BFDCF4;
}
.query-by{
	background-color: #ECF7D8;
}

#search .index_list_box {
    clear: both;
    margin-left: 190px;
    font-size: smaller;
}
#search .search_var {
	clear: both;
	margin-top: 5px;
}
#search .condition_logic {
	float: left;
	margin-bottom: 5px;
	margin-right: 5px;
	width: 70px;
}
#search .condition_items {
	float: left;
	margin-right: 5px;
}
#search .condition_keyword {
	float: left;
	margin-right: 7px;
}
#search .condition_del {
	float: left;
	margin-top: 5px;
	margin-right: 7px;
	width: 15px;
}
#search .condition_add {
	float: left;
	margin-top: 5px;
	margin-right: 7px;
	width: 15px;
}
.searchIcon {
	position: relative;
	top: 6px;
}
/*-------- 項目検索 --------*/
#item-search {
	margin: 0px;
	height:100px;
}
/*
.sub-title {
	padding: 5px 5px 5px 5px;
	background-color: #FDECA8;
	border-bottom: 1px solid #FFCC00;
	border-left: 5px solid #FFCC00;
	font-weight: bold;
	font-size: 14px;
}
*/

/*-------- パンクズ --------*/
#pankuzu {
	margin: 10 0px;
	font-size: 0.9em;
	color: #666;
}

/*-------- メンテナンスのお知らせ（共通） --------*/
.annnoucement {
	font-size:12px;
 	padding: 6px;
    color:#000;
    margin:7px 0 10px 0;
	text-align:center;
	border: 1px solid red;
}

.annnoucement-title-red {
	font-weight:bold;
	padding-bottom:5px;
	color:red;
}

.annnoucement-body {
	margin:2px 0 0 0;
}

/*------- top start ------*/
#top .information-red {
	font-size:12px;
 	padding: 6px;
    border: 1px solid red;
    color:#000;
    margin:7px 0 10px 0;
}
#top .information {
	font-size:12px;
 	padding: 6px;
    border: 1px solid #ccc;
    color:#000;
    margin:7px 0 10px 0;
}

#top .information-title {
	font-weight:bold;
	padding-bottom:5px;
	font-size:13px;
}

#top .information-title-red {
	font-weight:bold;
	padding-bottom:5px;
	color:red;
	font-size:13px;
}

#top .information-body {
	margin:2px 0 0 0;
}

#top {
	margin-top: 10px;
	margin-left: 40px;
	margin-bottom: 40px;
	width: 830px;
}
#top .titleText {
	margin:10px 0px 10px 0px;
/*	border-bottom: 3px groove #FFCC00; */
	font-size: 14px;
	font-weight: bold;
}
#top .sub-title {
	padding: 5px 5px 5px 5px;
	border-bottom: 1px dotted #CCCCCC;
	border-left: 5px solid #FF7700;
	font-weight: bold;
	font-size: 13px;
}
#top .sub-title-right {
	font-size: 11px;
	text-align:right;
}


#top .description {
	margin:10px 0px 10px 0px;
    font-family: "Meiryo", "メイリオ", "Arial", "MS P Gothic", "ＭＳ Ｐゴシック", Osaka, sans-serif;
    font-size:12px;
}
#top .panel-label  {
    padding: 5px 6px;
    background-color: #eeeded;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #f3f3f3;
    color:#000;
    text-align:center;
    width:150px;
}

#top .panel-name {
    padding: 5px 6px;
    background-color: #FAFAF0;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #f3f3f3;
    border-bottom: 1px solid #ccc;
    color:#000;
    width:200px;
}

#top .panel-data  {
    padding: 5px 6px;
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #f3f3f3;
    text-align:right;
    color:#000;
}
#top .resource-summary {
	margin-bottom: 20px;
	width: 100%;
	border-collapse: collapse;
}
#top .summary-pombe {
	background-color: #BFDCF4;
	width: 50%;
}
#top .summary-cerevisiae {
	background-color: #CFEB9C;
	width: 50%;
	vertical-align: top;
}
#top .summary-pombe .title {
	border-bottom: 1px solid #006699;
	font-weight: bold;
	padding: 5px 5px 5px 5px;
	color: #006699;
	text-align: center;
}
#top .summary-cerevisiae .title {
	border-bottom: 1px solid #006600;
	font-weight: bold;
	padding: 5px 5px 5px 5px;
	color: #006600;
	text-align: center;
}
#top .resource-summary .list {
	border-collapse: collapse;
}
#top .resource-summary .rel {
	color: #CC6600;
}
#top .lastupdate  {
	font-size: smaller;
}
#top .updateTopics {
	float: left;
	width: 50%;
	margin-top:10px;
	margin-bottom:10px;
}
#top .updateTopics .title {
	text-align: center;
	color: #FF7700;
}
#top .updateTopics td {	/* <h:dataTable>の<h:column>に対するスタイル */
	vertical-align: top;
}
.left-clear {
	clear: left;
}

.photo-provider {
	font-family: "Meiryo", "メイリオ", "Arial", "MS P Gothic", "ＭＳ Ｐゴシック", Osaka, sans-serif;
	width:870px;
	background-color: #f5f5f5;
	padding: 10px 10px 10px;
}

/* policy start */
#policy {
	margin-top: 10px;
	margin-left: 40px;
	margin-bottom: 40px;
	width: 800px;
}

/* user start */
#user {
	margin-top: 10px;
	margin-left: 40px;
	margin-bottom: 40px;
	width: 800px;
}
#user .titleStyle {
	height:30px;
	width: 850px;
	padding-top: 15px;
	padding-bottom:5px;
}
#user .titleRight {
	float: left;
	font-size: 18px;
	font-weight: bold;
	color: #FF7700;
	font-family: "Meiryo", "メイリオ", "Arial", "MS P Gothic", "ＭＳ Ｐゴシック", Osaka, sans-serif;
}
#user .grid {
	width: 750px;
	margin: 10px 0px;
}
#user .column1 {
	border-style: solid;
	border-width: 1px;
	border-color: #DDDDDD #FAFAF0 #DDDDDD #DDDDDD;
	background-color: #FAFAF0;
	white-space: nowrap;
	width: 20%;
}
#user .column2 {
	border-style: solid;
	border-width: 1px;
	border-color: #DDDDDD #FAFAF0 #DDDDDD #FAFAF0;
	background-color: #FAFAF0;
	white-space: nowrap;
	color: #FF0000;
}
#user .column3 {
	border-style: solid;
	border-width: 1px;
	border-color: #DDDDDD #DDDDDD #DDDDDD #DDDDDD;
	background-color: #FFFFFF;
}

/* このサイトについて start */
#about {
	margin-top: 10px;
	margin-left: 40px;
	margin-bottom: 40px;
	margin-right: 10px;
}

#about .titleLayout {
/*	width:780px; */
	height:40px;
	margin-top: 15px;
	border-bottom: 2px solid #069;
}

#about .sub-title {
	padding: 5px 5px 5px 5px;
	border-bottom: 1px dotted #CCCCCC;
	border-left: 5px solid #FF7700;
	font-weight: bold;
	font-size: 14px;
}

#about .semi-title {
	color: #FF7700;
}

/*#about*/ .step-ygrc {
	margin-top: 10px;
}
/*#about*/ .step-ygrc .osaka-cu {
	padding: 0px 0px 0px 0px;
	width: 250px;
	float: left;
}
/*#about*/ .step-ygrc .osaka-u {
	padding: 0px 0px 0px 0px;
	margin-left:10px;
	width: 250px;
	float: left;
}
/*#about*/ .step-ygrc .backup-c {
	padding: 0px 0px 0px 0px;
	margin-left:10px;
	width: 250px;
	float: left;
}

/*#about*/ .step-ygrc .osaka-cu .header {
	border-style: solid;
	border-width: 1px;
	border-color: #696969;
	background-color: #BFDCF4;
	padding: 4px 0px 2px 4px;
}
/*#about*/ .step-ygrc .osaka-u .header {
	border-style: solid;
	border-width: 1px;
	border-color: #696969;
	background-color: #CFEB9C;
	padding: 4px 0px 2px 4px;
}
/*#about*/ .step-ygrc .backup-c .header {
	border-style: solid;
	border-width: 1px;
	border-color: #696969;
	background-color: #FDECA8;
	padding: 4px 0px 2px 4px;
}

/*#about*/ .step-ygrc .body ul {
	padding: 0px 0px 0px 0px;
	margin: 0px;
	list-style-type: none;
}
/*#about*/ .step-ygrc .body {
	border-left: solid 1px #696969;
	border-right: solid 1px #696969;
	border-bottom: solid 1px #696969;
	padding: 4px 0px 2px 4px;
}

#about .description {
	margin:10px 0px 10px 0px;
    font-family: "Meiryo", "メイリオ", "Arial", "MS P Gothic", "ＭＳ Ｐゴシック", Osaka, sans-serif;
    font-size:12px;
}

#about .mta {
	margin:0px 20px;
    font-family: "Meiryo", "メイリオ", "Arial", "MS P Gothic", "ＭＳ Ｐゴシック", Osaka, sans-serif;
    font-size:12px;
}
/* 更新情報・トピックス */
#update-topics {
	margin-top: 10px;
	margin-left: 40px;
	margin-bottom: 40px;
	width: 800px;
}

/* 項目検索 start */
.itemSearch {
	width:100%;
	padding: 5px 40px;
	background-image:url(../images/bgDot.gif);
	background-repeat: repeat;
	border-top: 1px solid #e2e2e2;
}
.itemSearch2 {
	width:100%;
	padding-top: 5px;
	padding-bottom: 15px;
/*	background-image:url(../images/bgDot.gif);*/
	background-repeat: repeat;
	border-top: 1px solid #e2e2e2;
	background-color:#f5f5f5;
	margin-bottom:10px;
}

#search .search_var {
    clear: both;
    margin-top: 5px;
}
#search .condition_logic {
    float: left;
    margin-bottom: 5px;
    margin-right: 5px;
    width: 70px;
}
#search .condition_logic2 {
    float: left;
    margin-bottom: 2px;
    margin-right: 5px;
    width: 100px;
}
#search .condition_items {
    float: left;
    margin-right: 5px;
}
#search .condition_keyword {
    float: left;
    margin-right: 7px;
}
#search .condition_del {
    float: left;
    margin-top: 5px;
    margin-right: 7px;
    width: 15px;
}
#search .condition_add {
    float: left;
    margin-top: 5px;
    margin-right: 7px;
    width: 15px;
}
#search .index_list {
    float: left;
    margin-right: 7px;
    padding-top: 5px;
}
#search .index_list_box {
    clear: both;
    margin-left: 300px;
    font-size: smaller;
}
#search .search_var {
    clear: both;
    margin-top: 5px;
}
/* 項目検索 end */

/* fy-search start */
#fy-search {
	margin-top: 10px;
	margin-left: 40px;
	margin-bottom: 40px;
	margin-right: 10px;
}

#fy-search .titleLayout {
/*	width:780px; */
	height:40px;
	margin-top: 15px;
	border-bottom: 2px solid #069;
}

#fy-search .titleIcon {
	padding-top:8px;
	float: left;
}

#fy-search .titleRight {
	float: left;
	padding-top:12px;
	padding-left:5px;
	color: #069;
    font-family: "Meiryo", "メイリオ", "Arial", "MS P Gothic", "ＭＳ Ｐゴシック", Osaka, sans-serif;
    font-size:18px;
    font-weight:bold;
}

#fy-search .titleFee {
	margin-top: 5px;
	margin-bottom: 20px;
	clear: left;
}

#fy-search .sub-title {
	padding: 5px 5px 5px 5px;
/*	background-color: #F0F8FF; */
	border-bottom: 1px dotted #CCCCCC;
	border-left: 5px solid #069;
	font-weight: bold;
	font-size: 14px;
}

#fy-search .text {
	margin:10px 0px 10px 0px;
    font-family: "Meiryo", "メイリオ", "Arial", "MS P Gothic", "ＭＳ Ｐゴシック", Osaka, sans-serif;
    font-size:12px;
}

#fy-search .description {
	margin:10px 0px 10px 0px;
    font-family: "Meiryo", "メイリオ", "Arial", "MS P Gothic", "ＭＳ Ｐゴシック", Osaka, sans-serif;
    font-size:12px;
    font-weight:bold;
}

#fy-search .searchCondition{
	background-color:#fffdd2;
	margin:10px 0px 10px 0px;
	padding:7px;
	font-family: "Meiryo", "メイリオ", "Arial", "MS P Gothic", "ＭＳ Ｐゴシック", Osaka, sans-serif;
	font-size:12px;
}
#fy-search .list-notes{
	margin:10px 0px 10px 0px;
	font-family: "Meiryo", "メイリオ", "Arial", "MS P Gothic", "ＭＳ Ｐゴシック", Osaka, sans-serif;
	font-size:11px;
	color:#696969;
}

#fy-search .explanation{
	font-size:11px;
	color:#069;
}
#fy-search .searchStyle {
	margin-bottom:30px;
}

#fy-search table.list {
	border-collapse: collapse;
	border-bottom:0;
	font-family: "Meiryo", "メイリオ", "Arial", "MS P Gothic", "ＭＳ Ｐゴシック", Osaka, sans-serif;
	width:100%;
}

#fy-search table.list th{
	padding: 2px 6px;
    background-color: #eeeded;
    border-top: 1px solid #f3f3f3;
    border-left: 1px solid #ccc;
    border-right: 1px solid #f3f3f3;
    border-bottom: 1px solid #ccc;
	color:#000000;
	text-align:center;
	font-weight:normal;
}

#fy-search a {
	text-decoration: none;
	color:#069;
}

#fy-search a:hover {
	text-decoration: underline;
	color:#069;
}

#fy-search table.list td {
    padding: 2px 6px;
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #f3f3f3;
    border-left: 1px solid #ccc;
    border-right: 1px solid #f3f3f3;
}
#fy-search .panel {
    width:890px;
}

#fy-search .panel-name {
    padding: 2px 6px;
    background-color: #eeeded;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #f3f3f3;
    border-bottom: 1px solid #ccc;
    color:#000;
    width:200px;
}

#fy-search .panel-data  {
 	padding: 2px 6px;
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #f3f3f3;
    color:#000;
}

#fy-search .pager{
    padding: 5px;
/*    background-color: #F0F8FF; */
	background-color: #BFDCF4;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #f3f3f3;
    height:20px;
}

#fy-search .pager-page {
	padding-top: 0px;
	float: left;
	border: 0px solid blue;
}
#fy-search .per-page-button {
	background-color: #f5f5f5;
	padding: 1px 5px;
    border-top: 1px solid #DCDCDC;
    border-left: 1px solid #DCDCDC;
    border-right: 2px solid #8A8A8A;
    border-bottom: 2px solid #8A8A8A;
    font-size:10px;
}

#fy-search .pager-notes {
	padding-top: 5px;
	float: right;
	border: 0px solid red;
	height:15px;
}

#fy-search .highlight{
   font-weight: bold;
   background-color: #ffff00;
}


#fy-search .grid {
	margin-top:10px;
	margin-bottom:10px;
	width: 800px;
}
#fy-search .grid-header {
	font-family: "Meiryo", "メイリオ", "Arial", "MS P Gothic", "ＭＳ Ｐゴシック", Osaka, sans-serif;
/*	background-color: #F0F8FF; */
	background-color: #f5f5f5;
	color:#069;
	font-weight:bold;
	width:200px;
	height:20px;
}
#fy-search .grid-body {
	font-family: "Meiryo", "メイリオ", "Arial", "MS P Gothic", "ＭＳ Ｐゴシック", Osaka, sans-serif;
	background-color: #ffffff;
	color:#000;
	width:200px;
}

#fy-search .grid-body-right {
	font-family: "Meiryo", "メイリオ", "Arial", "MS P Gothic", "ＭＳ Ｐゴシック", Osaka, sans-serif;
	background-color: #ffffff;
	text-align:right;
	color:#000;
	width:200px;
}

/* term popアップ start */
#terms {
	margin-top: 20px;
	margin-left: 10px;
	margin-bottom: 10px;
}

.contentstNowRap {
    border-style: solid;
    border-width: 1px;
    border-color: #FFF #999 #CCC #EEE;
    background-color: #FAFAF0;
    padding: 7px 10px;
    text-align: left;
	white-space: nowrap;
}
.contentst {
    border-style: solid;
    border-width: 1px;
    border-color: #FFF #999 #CCC #EEE;
    background-color: #FAFAF0;
    padding: 7px 10px;
    text-align: left;
}

/*-------- 分裂酵母セット(#fy-search > #fy-set)　ここから --------*/
#fy-set {
	margin-left: 0px;
	margin-bottom: 30px;
	width:740px;
}
#fy-set .sub-title {
	padding: 7px 5px 5px 5px;
	background-color: #BFDCF4;
	border-bottom: 1px dotted #CCCCCC;
	border-left: 5px solid #069;
	font-weight: bold;
	font-size: 13px;
	height:15px;
	width:725px;
	color:#000;
}
#fy-set .comment {
    padding: 6px;
    border-left: 2px solid #069;
    border-right: 1px solid #f3f3f3;
    border-bottom: 1px solid #ccc;
	color:#000;
	font-size:12px;
	font-family: "Meiryo", "メイリオ", "Arial", "MS P Gothic", "ＭＳ Ｐゴシック", Osaka, sans-serif;
}

#fy-set .request {
	width:725px;
	text-align:right;
}

#fy-set .colname {
	padding:6px;
	background-color: #eeeded;
    border-bottom: 1px solid #ccc;
    border-left: solid 2px #069;
    border-right: 1px solid #f3f3f3;
    color:#000;
	font-size:12px;
	font-family: "Meiryo", "メイリオ", "Arial", "MS P Gothic", "ＭＳ Ｐゴシック", Osaka, sans-serif;
	width:100px;
	float: left;

}
#fy-set .coldata {
	float: left;
	padding:6px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #f3f3f3;
    border-bottom: 1px solid #ccc;

	font-size:12px;
	font-family: "Meiryo", "メイリオ", "Arial", "MS P Gothic", "ＭＳ Ｐゴシック", Osaka, sans-serif;
	width:611px;
}
#fy-set .line {
	border-bottom: 0px dotted #CCCCCC;
	width:740px;
	height:20px;
}
/*-------- 出芽酵母(by-search)　ここから --------*/
#by-search {
	margin-top: 10px;
	margin-left: 40px;
	margin-bottom: 40px;
	margin-right: 10px;
}

#by-search .titleLayout {
/*	width:780px; */
	height:40px;
	margin-top: 15px;
	border-bottom: 3px groove #228B22;
}

#by-search .titleIcon {
	padding-top:5px;
	float: left;
}

#by-search .titleRight {
	float: left;
	padding-top:8px;
	padding-left:5px;
	color: #228B22;
    font-family: "Meiryo", "メイリオ", "Arial", "MS P Gothic", "ＭＳ Ｐゴシック", Osaka, sans-serif;
    font-size:18px;
    font-weight:bold;
}
#by-search .titleFee {
	margin-top: 5px;
	margin-bottom: 15px;
	clear: left;
}
#by-search .sub-title {
	padding: 5px 5px 5px 5px;
/*	background-color: #F0F8FF; */
	border-bottom: 1px dotted #CCCCCC;
	border-left: 5px solid #228B22;
	font-weight: bold;
	font-size: 14px;
}
#by-search .text {
	margin:10px 0px 10px 0px;
    font-family: "Meiryo", "メイリオ", "Arial", "MS P Gothic", "ＭＳ Ｐゴシック", Osaka, sans-serif;
    font-size:12px;
}

#by-search .searchCondition{
	background-color:#fffdd2;
	margin:10px 0px 20px 0px;
	padding:7px;
	font-family: "Meiryo", "メイリオ", "Arial", "MS P Gothic", "ＭＳ Ｐゴシック", Osaka, sans-serif;
	font-size:12px;
}
#by-search .list-notes{
	margin:10px 0px 10px 0px;
	font-family: "Meiryo", "メイリオ", "Arial", "MS P Gothic", "ＭＳ Ｐゴシック", Osaka, sans-serif;
	font-size:11px;
	color:#696969;
}
#by-search .explanation{
	font-size:11px;
	color:#228B22;
}

#by-search .searchStyle {
	margin-bottom:30px;
}

#by-search table.list {
	border-collapse: collapse;
	border-bottom:0;
	font-family: "Meiryo", "メイリオ", "Arial", "MS P Gothic", "ＭＳ Ｐゴシック", Osaka, sans-serif;
	width:100%;
}

#by-search table.list th{
	padding: 2px 6px;
    background-color: #eeeded;
    border-top: 1px solid #f3f3f3;
    border-left: 1px solid #ccc;
    border-right: 1px solid #f3f3f3;
    border-bottom: 1px solid #ccc;
	color:#000000;
	text-align:center;
	font-weight:normal;
}

#by-search a {
	text-decoration: none;
	color:#228B22;
}

#by-search a:hover {
	text-decoration: underline;
	color:#228B22;
}

#by-search table.list td {
    padding: 2px 6px;
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #f3f3f3;
    border-left: 1px solid #ccc;
    border-right: 1px solid #f3f3f3;
}
#by-search .panel {
    width:890px;
}

#by-search .panel-name {
    padding: 2px 6px;
    background-color: #eeeded;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #f3f3f3;
    border-bottom: 1px solid #ccc;
    color:#000;
    width:200px;
}

#by-search .panel-data  {
    padding: 2px 6px;
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #f3f3f3;
    color:#000;
}

#by-search .pager{
    padding: 5px;
/*    background-color: #F0F8FF; */
	background-color: #CFEB9C;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #f3f3f3;
    height:20px;
}

#by-search .pager-page {
	padding-top: 0px;
	float: left;
	border: 0px solid blue;
}
#by-search .per-page-button {
	background-color: #f5f5f5;
	padding: 1px 5px;
    border-top: 1px solid #DCDCDC;
    border-left: 1px solid #DCDCDC;
    border-right: 2px solid #8A8A8A;
    border-bottom: 2px solid #8A8A8A;
    font-size:10px;
}

#by-search .pager-notes {
	padding-top: 5px;
	float: right;
	border: 0px solid red;
	height:15px;
}

#by-search .highlight{
   font-weight: bold;
   background-color: #ffff00;
}
/*
#by-search .column1 {
	border-style: solid;
	border-width: 1px;
	padding:2px 4px;
	border-color: #FFFFFF #228B22 #228B22 #FFFFFF;
	background-color: #F0F8E1;
	color:#000000;
}

#by-search .column2 {
	border-style: solid;
	border-width: 1px;
	border-color: #FFFFFF #DCDCDC #DCDCDC #FFFFFF;
	background-color: #FFF;
	padding:2px 4px;
	color:#000000;
}


#by-search .explanation{
	font-size:11px;
	color:#228B22;
}

#by-search table.list {
	border-collapse: collapse;
	border-bottom:0;
	font-family: "Meiryo", "メイリオ", "Arial", "MS P Gothic", "ＭＳ Ｐゴシック", Osaka, sans-serif;
	width:100%;
}

#by-search table.list th{
	padding: 4px 6px;
	border-style: solid;
	border-width: 1px;
	border-color: #FFFFFF #228B22 #228B22 #FFFFFF;
	background-color: #F0F8E1;
	color:#000000;
	text-align:center;
	font-weight:normal;
}

#by-search table.list a {
	text-decoration: none;
	color:#228B22;
}

#by-search table.list a:hover {
	text-decoration: underline;
	color:#228B22;
}

#by-search table.list td {
	padding: 4px 6px;
	border-style: solid;
	border-width: 1px;
	border-color: #FFFFFF #DCDCDC #DCDCDC #FFFFFF;
	background-color: #FFF;
	color:#000000;
}

#by-search table.simple-list{
	border-collapse: collapse;
	border-bottom:0;
	font-family: "Meiryo", "メイリオ", "Arial", "MS P Gothic", "ＭＳ Ｐゴシック", Osaka, sans-serif;
	width:100%;
}

#by-search table.simple-list th{
	padding: 4px 6px;
	border-style: solid;
	border-width: 1px;
	border-color: #FFFFFF #228B22 #228B22 #FFFFFF;
	background-color: #F0F8FF;
	color:#000000;
	text-align:center;
}

#by-search table.simple-list a {
	text-decoration: none;
	color:#069;
}

#by-search table.simple-list a:hover {
	text-decoration: underline;
	color:#069;
}

#by-search table.simple-list td {
	padding: 4px 6px;
	border-style: solid;
	border-width: 1px;
	border-color: #FFFFFF #DCDCDC #DCDCDC #FFFFFF;
	background-color: #FFF;
	color:#000000;
}
*/
/*-------- 出芽酵母(by-search)　ここまで --------*/

/*-------- サマリー画面　ここから --------*/
#summary {
	margin-top: 10px;
	margin-left: 40px;
	margin-bottom: 40px;
}


#summary .searchCondition{
	background-color:#fffdd2;
	margin: 5px 0px 15px 0px;
	padding:7px;
	font-family: "Meiryo", "メイリオ", "Arial", "MS P Gothic", "ＭＳ Ｐゴシック", Osaka, sans-serif;
/*	font-size:12px;*/
	width: 750px;
}

#summary .fy-tytle {
    margin: 5px 0px 15px 0px;
    color: #000000;
    border-bottom: 3px groove #006699;
    font-size: 18px;
    font-weight: bold;
    color: #006699;
	width: 750px;
}

#summary .by-tytle {
    margin: 5px 0px 15px 0px;
    color: #000000;
    border-bottom: 3px groove #228B22;
    font-size: 18px;
    font-weight: bold;
    color: #228B22;
	width: 750px;
}

#summary .summary-contents {
    margin: 5px 0px 15px 0px;
}

#summary table.summary-list {
	border-collapse: collapse;
	border-bottom:0;
	font-family: "Meiryo", "メイリオ", "Arial", "MS P Gothic", "ＭＳ Ｐゴシック", Osaka, sans-serif;
}

#summary table.summary-list a {

	text-decoration: none;
/*	color:#000000;*/

}

#summary table.summary-list a:hover {
	text-decoration: underline;
	color:red;
}

#summary .fy-column1 {
	border-bottom: solid;
	border-width: 1px;
	padding:15px 4px 2px 4px;
	border-color: #FFFFFF #069 #069 #FFFFFF;;
	color:#069;
	font-family: "Meiryo", "メイリオ", "Arial", "MS P Gothic", "ＭＳ Ｐゴシック", Osaka, sans-serif;
	width:300px;
}

#summary .fy-column2 {
	border-bottom: solid;
	border-width: 1px;
	padding:15px 4px 2px 4px;
	border-color: #FFFFFF #069 #069 #FFFFFF;;
	color:#000000;
	font-family: "Meiryo", "メイリオ", "Arial", "MS P Gothic", "ＭＳ Ｐゴシック", Osaka, sans-serif;
	width:150px;

}


#summary .by-column1 {
	border-bottom: solid;
	border-width: 1px;
	padding:15px 4px 2px 4px;
	border-color: #FFFFFF #228B22 #228B22 #FFFFFF;;
	color:#228B22;
	font-family: "Meiryo", "メイリオ", "Arial", "MS P Gothic", "ＭＳ Ｐゴシック", Osaka, sans-serif;
	width:300px;
}

#summary .by-column2 {
	border-bottom: solid;
	border-width: 1px;
	padding:15px 4px 2px 4px;
	border-color: #FFFFFF #228B22 #228B22 #FFFFFF;;
	color:#000000;
	font-family: "Meiryo", "メイリオ", "Arial", "MS P Gothic", "ＭＳ Ｐゴシック", Osaka, sans-serif;
	width:150px;
}

#notes{
	font-size:12px;
	color:red;
	padding: 4px 0px;
}

/* dialog */
.ui-dialog {
	box-shadow:				2px 2px 4px #666666;
}
.ui-dialog .ui-dialog-titlebar {
	padding:				0.1em 1em;
	position:				relative;
}
.ui-dialog .ui-resizable-se {
	width:					14px;
	height:					14px;
	right:					3px;
	bottom:					3px;
	background-position:	-80px -224px;
}
.dialog_item {
	width: 25%;
}

/*　表示切り替えボタン */
.list-change {
	border:	2px solid #f89800;
}
.list-change-form {
	display: inline;
}
.by-pager{
	padding:6px;
	color:#228B22;
	background:#CFEB9C;
}

.by-notes {
	float: right;
	margin-top: 5px;
	margin-right: 5px;
	background:#CFEB9C;
}

td.right {
	text-align: right;
}

/* fy-detail start */
#fy-detail {
	margin-top: 10px;
	margin-left: 40px;
	margin-bottom: 40px;
}
#fy-detail .sub-title {
	padding: 5px 5px 5px 5px;
/*	background-color: #F0F8FF; */
	border-bottom: 1px dotted #CCCCCC;
	border-left: 5px solid #069;
	font-weight: bold;
	font-size: 14px;
}
#fy-detail .request {
    width:680px;
    padding-bottom:10px;
    text-align:right;
}

#fy-detail .panel {
    width:680px;
}

#fy-detail .panel-name {
background-color: #eeeded; */
/*  background-color: #F0F8FF; */
	padding: 6px 10px;
    border-bottom: 1px solid #ccc;
    border-left: solid 2px #069;
    border-right: 1px solid #f3f3f3;
    border-top: 1px solid #ccc;
    color:#000;
	width:20%;
}

#fy-detail .panel-data  {
    padding: 6px 10px;
    background-color: #fff;
    border-top: 1px solid #ccc;
    border-left: 1px solid #f3f3f3;
    border-right: 1px solid #f3f3f3;
    border-bottom: 1px solid #ccc;
    color:#000;
}

#fy-detail .titleLayout {
/*	width:780px; */
	height:40px;
	margin-top: 15px;
	border-bottom: 3px groove #069;
}

#fy-detail .titleIcon {
	padding-top:5px;
	float: left;
    border: solid 0px blue;
}

#fy-detail .titleRight {
	float: left;
	padding-top:8px;
	padding-left:5px;
	color: #069;
    font-family: "Meiryo", "メイリオ", "Arial", "MS P Gothic", "ＭＳ Ｐゴシック", Osaka, sans-serif;
    font-size:18px;
    font-weight:bold;
    border: solid 0px red;
}

#fy-detail .titleFee {
	margin-top: 5px;
	margin-bottom: 15px;
	clear: left;
}

/* by-detail start */
#by-detail {
	margin-top: 10px;
	margin-left: 40px;
	margin-bottom: 40px;
}

#by-detail a {
	text-decoration: none;
	color:#228B22;
}

#by-detail a:hover {
	text-decoration: underline;
	color:#228B22;
}

#by-detail .sub-title {
	padding: 5px 5px 5px 5px;
/*	background-color: #F0F8FF; */
	border-bottom: 1px dotted #CCCCCC;
	border-left: 5px solid #228B22;
	font-weight: bold;
	font-size: 14px;
}

#by-detail .request {
    width:680px;
    padding-bottom:10px;
    text-align:right;
}

#by-detail .panel {
    width:680px;
}

#by-detail .panel-name {
background-color: #eeeded; */
/*  background-color: #228B22; */
	padding: 6px 10px;
    border-bottom: 1px solid #ccc;
    border-left: solid 2px #228B22;
    border-right: 1px solid #f3f3f3;
    border-top: 1px solid #ccc;
    color:#000;
	width:20%;
}

#by-detail .panel-data  {
    padding: 6px 10px;
    background-color: #fff;
    border-top: 1px solid #ccc;
    border-left: 1px solid #f3f3f3;
    border-right: 1px solid #f3f3f3;
    border-bottom: 1px solid #ccc;
    color:#000;
}

#by-detail .titleLayout {
/*	width:780px; */
	height:40px;
	margin-top: 15px;
	border-bottom: 3px groove #228B22;
}

#by-detail .titleIcon {
	padding-top:5px;
	float: left;
    border: solid 0px blue;
}

#by-detail .titleRight {
	float: left;
	padding-top:8px;
	padding-left:5px;
	color: #228B22;
    font-family: "Meiryo", "メイリオ", "Arial", "MS P Gothic", "ＭＳ Ｐゴシック", Osaka, sans-serif;
    font-size:18px;
    font-weight:bold;
    border: solid 0px red;
}

#by-detail .titleFee {
	margin-top: 5px;
	margin-bottom: 15px;
	clear: left;
}


/*-------- by-nomura　ここから --------*/
#by-nomura {
	margin-left: 0px;
	margin-bottom: 30px;
	width:700px;
}
#by-nomura .label {
	padding:6px;
/*	background-color: #eeeded; */
	background-color: #CFEB9C;
    border-top: 1px solid #ccc;
    border-left: solid 2px #228B22;
    border-right: 1px solid #f3f3f3;
    color:#000;
	font-size:12px;
	font-family: "Meiryo", "メイリオ", "Arial", "MS P Gothic", "ＭＳ Ｐゴシック", Osaka, sans-serif;
}
#by-nomura .data {
    padding: 6px;
    background-color: #fff;
    border-top: 1px solid #f3f3f3;
    border-left: solid 2px #228B22;
    border-right: 1px solid #f3f3f3;
    border-bottom: 1px solid #ccc;
	color:#000;
	font-size:12px;
	font-family: "Meiryo", "メイリオ", "Arial", "MS P Gothic", "ＭＳ Ｐゴシック", Osaka, sans-serif;
}
#by-nomura .colname {
	padding:6px;
background-color: #eeeded; */
/*    	background-color: #F0F8FF; */
    border-bottom: 1px solid #ccc;
    border-left: solid 2px #228B22;
    border-right: 1px solid #f3f3f3;
    border-top: 1px solid #f3f3f3;

    color:#000;
	font-size:12px;
	font-family: "Meiryo", "メイリオ", "Arial", "MS P Gothic", "ＭＳ Ｐゴシック", Osaka, sans-serif;
	width:100px;
	float: left;

}
#by-nomura .coldata {
	float: left;
	padding:6px;
    border-top: 1px solid #f3f3f3;
    border-left: 1px solid #ccc;
    border-right: 1px solid #f3f3f3;
    border-bottom: 1px solid #ccc;

	font-size:12px;
	font-family: "Meiryo", "メイリオ", "Arial", "MS P Gothic", "ＭＳ Ｐゴシック", Osaka, sans-serif;
	width:570px;
}



/*-------- 分譲、ショッピングカート --------*/
#order, #shoppingCart {
	margin-top: 10px;
	margin-left: 40px;
	margin-bottom: 40px;
	width: 800px;
}
#order .titleStyle {
	height:30px;
	width: 850px;
	padding-top: 15px;
	padding-bottom:5px;
}
#order .title-main {
	margin: 0px 0px 15px 0px;
	color: #FF7700;
	border-bottom: 3px groove #FFCC00;
	font-size: 18px;
	font-weight: bold;
}
#order .sub-title {
	padding: 5px 5px 5px 5px;
	border-bottom: 1px dotted #CCCCCC;
	border-left: 5px solid #FF7700;
	font-weight: bold;
	font-size: 13px;
}
#order .breadcrumbs {
	text-align: right;
}
#order .grid {
	width: 100%;
	margin: 10px 0px 10px 0px;
}
#order .column0 {
	border-style: solid;
	border-width: 1px;
	border-color: #DDDDDD #DDDDDD #DDDDDD #DDDDDD;
	background-color: #FAFAF0;
	width: 60px;
}
#order .column1 {
	border-style: solid;
	border-width: 1px;
	border-color: #DDDDDD #DDDDDD #DDDDDD #DDDDDD;
	background-color: #FAFAF0;
	width: 120px;
}
#order .column2 {
	border-style: solid;
	border-width: 1px;
	border-color: #DDDDDD #FFFFFF #DDDDDD #FAFAF0;
	background-color: #FFFFFF;
}
#order .column2end {
	border-style: solid;
	border-width: 1px;
	border-color: #DDDDDD #DDDDDD #DDDDDD #FAFAF0;
	background-color: #FFFFFF;
}
#order .column3 {
	border-style: solid;
	border-width: 1px;
	border-color: #DDDDDD #FFFFFF #DDDDDD #FAFAF0;
	background-color: #FFFFFF;
	white-space: nowrap;
	color: #FF0000;
}
#order .inner-column1 {
	border-style: solid;
	border-width: 1px;
	border-color: #DDDDDD #DDDDDD #DDDDDD #DDDDDD;
	background-color: #FAFAF0;
	width: 160px;
}
#order .inner-column2 {
	border-style: solid;
	border-width: 1px;
	border-color: #DDDDDD #DDDDDD #DDDDDD #DDDDDD;
	background-color: #FAFAF0;
	width: 100px;
}
#order .payment-note {
	color: #FF0000;
	padding-left: 30px;
}
#order .fy-list, #shoppingCart .fy-list {
	border-left: 1px solid #CCCCFF;
	margin: 0px 0px 10px 0px;
	width: 100%;
}
#order .fy-list-caption, #shoppingCart .fy-list-caption {
	border: 1px solid #CCCCFF;
	background-color: #F0F8FF;
	padding: 3px 0px 3px 5px;
	font-size: 12px;
	text-align: left;
}
#order .fy-list-header, #shoppingCart .fy-list-header {
	border-bottom: 1px solid #CCCCFF;
	border-right: 1px solid #CCCCFF;
	background-color: #EEEEEE;
	font-size: 12px;
	font-weight: normal;
}
#shoppingCart .fy-list-footer {
	border-bottom: 1px solid #CCCCFF;
	border-right: 1px solid #CCCCFF;
	padding: 3px 0px 3px 5px;
	font-size: 12px;
	text-align: left;
}
#order .fy-list-column, #shoppingCart .fy-list-column {
	border-bottom: 1px solid #CCCCFF;
	border-right: 1px solid #CCCCFF;
}
#order .fy-list-column-right, #shoppingCart .fy-list-column-right {
	border-bottom: 1px solid #CCCCFF;
	border-right: 1px solid #CCCCFF;
	text-align: right;
}
#order .fy-list-column-center, #shoppingCart .fy-list-column-center {
	border-bottom: 1px solid #CCCCFF;
	border-right: 1px solid #CCCCFF;
	text-align: center;
}
#order .by-list, #shoppingCart .by-list {
	border-left: 1px solid #CCFFCC;
	margin: 0px 0px 10px 0px;
	width: 100%;
}
#order .by-list-caption, #shoppingCart .by-list-caption {
	border: 1px solid #CCFFCC;
	background-color: #F0F8E1;
	padding: 3px 0px 3px 5px;
	font-size: 12px;
	text-align: left;
}
#order .by-list-header, #shoppingCart .by-list-header {
	border-bottom: 1px solid #CCFFCC;
	border-right: 1px solid #CCFFCC;
	background-color: #EEEEEE;
	font-size: 12px;
	font-weight: normal;
}
#shoppingCart .by-list-footer {
	border-bottom: 1px solid #CCFFCC;
	border-right: 1px solid #CCFFCC;
	padding: 3px 0px 3px 5px;
	font-size: 12px;
	text-align: left;
}
#order .by-list-column, #shoppingCart .by-list-column {
	border-bottom: 1px solid #CCFFCC;
	border-right: 1px solid #CCFFCC;
}
#order .by-list-column-right, #shoppingCart .by-list-column-right {
	border-bottom: 1px solid #CCFFCC;
	border-right: 1px solid #CCFFCC;
	text-align: right;
}
#order .by-list-column-center, #shoppingCart .by-list-column-center {
	border-bottom: 1px solid #CCFFCC;
	border-right: 1px solid #CCFFCC;
	text-align: center;
}
#order .summary , #shoppingCart .summary{
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	border-collapse: collapse;
}
#order .summary td , #shoppingCart .summary td {
	text-align: right;
	border-bottom: 1px solid #CCCCCC;
	padding: 5px 10px 5px 10px;
}
#order .cancel-button, #shoppingCart .cancel-button {
	width: 55;
	height: 20;
	font-size: 9pt;
	background-color: #FFC34C;
	color: #000000;
}
#order .empty, #shoppingCart .empty {
	text-align: center;
	margin-top: 10px;
}
#order .term_a_subtitle, #shoppingCart .term_a_subtitle {
	margin: 10px 0px 5px 0px;
	font-weight: bold;
	color: blue;
	font-size: 14px;
}
#order .term_b2_subtitle, #shoppingCart .term_b2_subtitle {
	margin: 10px 0px 5px 0px;
	font-weight: bold;
	color: darkorange;
	font-size: 14px;
}
#order .term_b31_subtitle, #shoppingCart .term_b31_subtitle {
	margin: 10px 0px 5px 0px;
	font-weight: bold;
	color: darkgreen;
	font-size: 14px;
}
#order .term_a_color {
	color: blue;
}
#order .term_b2_color {
	color: darkorange;
}
#order .term_b31_color {
	color: darkgreen;
}
#order .purpose-header {
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	padding-top: 3px;
	padding-bottom: 3px;
	background-color: #FAFAF0;
	font-weight: normal;
}
#order .purpose-list-title {
	border-left: 1px solid #CCCCCC;
	margin: 10px 0px 0px 0px;
	width: 100%;
}
#order .purpose-list {
	border-left: 1px solid #CCCCCC;
	margin: 0px 0px 0px 0px;
	width: 100%;
}
#order .purpose-list-column {
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}
#order .purpose-comment {
	margin: 15px 130px 30px 130px;
	padding: 10px;
	text-align: center;
}
#order .purpose-area {
	width: 98%;
	height: 50px;
}
#order .purpose-error {
	text-align: center;
	color: #FF0000;
	font-size: 16px;
	font-weight: bold;
}
#purpose_resource {
	margin-bottom: 5px;
}
#error_messages {
	border: 2px solid #FF0000;
	/*width: 40%;*/
	margin-bottom: 10px;
	color: #FF0000;
}
#error_messages p {
	padding-left: 10px;
	font-weight: bold;
}
#order .browser_security a {
	text-decoration: none;
	color: #0000FF;
}
#order .orderButton div {
	display: inline-block;
}
/*-------- ブラウザのセキュリティ設定 --------*/
#browser {
	margin-top: 10px;
	margin-left: 10px;
	width: 60%;
}
#browser .titleRight {
	font-size: 18px;
	font-weight: bold;
	color: #FF7700;
	border-bottom: 3px groove #FFCC00;
	font-family: "Meiryo", "メイリオ", "Arial", "MS P Gothic", "ＭＳ Ｐゴシック", Osaka, sans-serif;
}
#browser .browser_explanation {
	padding-left: 10px;
}
#browser .explanation {
	vertical-align: top;
	color: #000000;
}
#browser a {
	color: #000000;
}
#browser a:hover {
	color: #FF0000;
}
#browser .page_top {
	text-align: right;
	text-decoration: underline;
}
#browser table {
	width: 100%;
}
#browser .browsers_table td {
	padding: 7px;
	vertical-align: top;
}
#browser .browsers_table td a {
	color: #CB9E54;
}
/*-------- 共通 --------*/
#about-gtow {
	margin-top: 10px;
	margin-left: 0px;
	margin-bottom: 40px;
	width: 800px;

}
#about-gtow .titleStyle {
	height:30px;
	padding-top: 15px;
	padding-bottom:5px;
}

#about-gtow .titleRight {
	float: left;
    font-size: 18px;
    font-weight: bold;
    color: #228B22;
}

/*-------- 分譲依頼方法 --------*/
#how-to-order {
	margin-top: 10px;
	margin-left: 40px;
	margin-bottom: 40px;
	width: 800px;
}

#how-to-order .titleLayout {
}

#how-to-order .sub-title {
	padding: 5px 5px 5px 5px;
	border-bottom: 1px dotted #CCCCCC;
	border-left: 5px solid #FF7700;
	font-weight: bold;
	font-size: 14px;
}
#how-to-order .description {
	margin:10px 0px 10px 0px;
    font-family: "Meiryo", "メイリオ", "Arial", "MS P Gothic", "ＭＳ Ｐゴシック", Osaka, sans-serif;
    font-size:12px;
}
#how-to-order .description2 {
	margin:10px 0px 10px 20px;
    font-family: "Meiryo", "メイリオ", "Arial", "MS P Gothic", "ＭＳ Ｐゴシック", Osaka, sans-serif;
    font-size:12px;
}
#how-to-order .semi-title {
	color: #FF7700;
}

.itigyouLeft {
	width: 400px;
	text-align: left;
	float: left;
}
.itigyouRight {
	float: left;
	width: 380px;
	margin-left: 0px;
}
.fee {
	padding-top: 10px;
	width: 700px;
}
/*
.fee .header {
	border-style: solid;
	border-width: 1px;
	border-color: #696969;
	background-color: #BFDCF4;
	padding: 4px 0px 2px 4px;
}
*/
.fee .body {
	border: solid 1px #696969;
	padding: 10px 0px 2px 10px;
}

#how-to-order li a {
	text-decoration: none;
}
#how-to-order .contents-list a {
	color: #000000;
}
#how-to-order .contents-list a:hover {
	color: #FF0000;
}

#how-to-order .panel-label  {
    padding: 5px 6px;
    background-color: #eeeded;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #f3f3f3;
    color:#000;
    text-align:center;
    width:150px;
}

#how-to-order .panel-name {
    padding: 5px 6px;
    background-color: #FAFAF0;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #f3f3f3;
    border-bottom: 1px solid #ccc;
    color:#000;
    width:200px;
}

#how-to-order .panel-data  {
    padding: 5px 6px;
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #f3f3f3;
    text-align:right;
    color:#000;
}

/*-------- 酵母関連サイト --------*/
#link {
	margin-top: 10px;
	margin-left: 40px;
	margin-bottom: 40px;
	width: 800px;
}
#link table {
	border-collapse: separate;
	border-spacing: 10px;
	border: 0px;
}
#link table tr td {
	padding: 0px;
}
#link table td a {
	text-decoration: none;
}

#link .square{
    list-style-type: square;
    margin: 5px;
    padding: 5px;
}
#link .circle{
    list-style-type: circle;
    margin: 5px;
    padding: 5px;
}
/*-------- ご意見・ご要望 --------*/
#contact-us {
	margin-top: 10px;
	margin-left: 40px;
	margin-bottom: 40px;
	width: 800px;
}

.small{
	font-family: "Meiryo", "メイリオ", "Arial", "MS P Gothic", "ＭＳ Ｐゴシック", Osaka, sans-serif;
	font-size:11px;
}

.col-name {
	padding: 2px;
	background-color: #eeeded;
    border-bottom: 1px solid #ccc;
    border-left: solid 2px #228B22;
    border-right: 1px solid #f3f3f3;
    border-top: 1px solid #f3f3f3;
    color:#000;
	font-weight:normal;
	font-family: "Meiryo", "メイリオ", "Arial", "MS P Gothic", "ＭＳ Ｐゴシック", Osaka, sans-serif;
}

.col-data {
	padding:2px;
	background-color: #fff;
	border-top: 1px solid #f3f3f3;
    border-left: 1px solid #228B22;
    border-right: 1px solid #f3f3f3;
    border-bottom: 1px solid #ccc;
}

.ui-datatable tbody td, .ui-datatable tbody th {
    padding: 0px;
    overflow: hidden;
    border-width: 1px;
    border-style: solid;
}

/*-------- 寄託者承諾 --------*/
#bailor-agreement h2 {
	background-color: #FFFFCC;
	border-bottom: 1px solid #999900;
	border-left: 5px solid #999900;
	text-align: center;
	margin-left: 10px;
	margin-right: 10px;
	padding-top: 8px;
	padding-bottom: 8px;
}
#bailor-agreement .ui-panelgrid {
	margin: auto;
	min-width: 800px;
}
#bailor-agreement .section-header {
	/*text-align: center;*/
	width: 800px;
	margin: auto;
}
#bailor-agreement table td {
	padding-top: 8px;
	padding-bottom: 8px;
}
#bailor-agreement table td.column-header {
	background-color: #EEEEEE;
	text-align: center;
}
.regist-message {
	color: limegreen;
	font-weight: bold;
	font-size: 18px;
}
.not-regist-message {
	color: red;
	font-weight: bold;
	font-size: 18px;
}
div.applicant-list .ui-datatable table {
	width: auto;
	margin: auto;
}
div.applicant-list .ui-widget-header {
    background: none !important;
    border: none !important;
}
div.applicant-list .ui-paginator {
    text-align: left;
}
div.applicant-list a {
	text-decoration:underline;
	color:blue;
}
div.applicant-list .ui-paginator {
    text-align: center;
}
.gmoButton {
    display: inline-block;
    padding: 10px 20px;
    background-color: #007bff;
    color: white;
    text-decoration: none;
    border-radius: 4px;
}
.gmoButton:hover {
    background-color: #0056b3;
    color: white;
    text-decoration: none;
}