/* 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 {
	white-space: 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;
	width: 800px !important;
}

.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 .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;
}