/******************************************************************************/
/* 日本ゲノム微生物学会 */
/* メインスタイルシート - last update: 25.03.24 */


/******************************************************************************/
/* ホームページ全体 */

* {
	margin: 0px;
	padding: 0px;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
	font-size: 13px;
}

html {
	overflow-y: scroll;
}

body {
	background: #2160B7;
	color: #333333;
	text-align: center;
}

hr {
	display :none;
}

img {
	border: 0px none;
}

table {
	border-collapse: collapse;
}

ul, ol {
	list-style: none;
}

a,
a:visited {
	color: #3399FF;
	text-decoration: underline;
}

a:hover {
	color: #FF8E32;
}


/******************************************************************************/
/* wrapper - ページ全体の枠組み */

#wrapper {
	width: 100%;
	text-align: left;
	background: #FFFFFF url(../img/body_bg.png) repeat-x center top;
	background-attachment: fixed;
}


/******************************************************************************/
/* header - ヘッダの枠組み */

#header {
	width: 950px;
	height: 85px;
	margin: 0px auto;
	padding: 0px;
	background: url(../img/header_bg.png) no-repeat left top;
}

#header a,
#header a:visited,
#header a:hover {
	display: block;
	text-decoration: none;
}

#header span {
	display: none;
}


/******************************************************************************/
/* header_logo - ヘッダロゴの枠組み */

#header_logo {
	float: left;
	width: 550px;
	height: 80px;
	padding: 0px 0px 5px 0px;
}

#header_logo a {
	width: 550px;
	height: 80px;
}


/******************************************************************************/
/* header_menu - ヘッダメニューの枠組み */

#header_menu {
	float: left;
	width: 100px;
	height: 30px;
	padding: 28px 0px 27px 55px;
}

#header_menu a {
	background: url(../img/x_c_bg.png) no-repeat left top;
	width: 100px;
	height: 30px;
}

#header_menu a:hover {
	background: url(../img/x_s_bg.png) no-repeat left top;
}


/******************************************************************************/
/* header_search - ヘッダ検索フォームの枠組み */

#header_search {
	float: left;
	width: 192px;
	height: 21px;
	padding: 35px 33px 29px 20px;
}

#header_search .text {
	float: left;
	border: 0px none;
	background: none;
	width: 141px;
	height: 16px;
	font-size: 12px;
	padding: 4px 8px 1px 7px;
	color: #999999;
}

#header_search a {
	float: left;
	width: 36px;
	height: 21px;
}

#header_search a:hover {
	background: url(../img/header_s_bg.png) no-repeat -920px -80px;
}


/******************************************************************************/
/* globalmenu - グローバルメニューの枠組み */

#globalmenu {
	clear: both;
	width: 950px;
	height: 35px;
	margin: 0px auto;
	padding: 0px;
	background: #1765B7;
}

#globalmenu li {
	float: left;
}

#globalmenu a,
#globalmenu a:visited,
#globalmenu a:hover {
	display: block;
	height: 35px;
	text-decoration: none;
	color: #FFFFFF;
	line-height: 35px;
	text-align: center;
}

#globalmenu .menu_01 a {
	width: 130px;
}

#globalmenu .menu_02 a {
	width: 175px;
}

#globalmenu .menu_03 a {
	width: 140px;
}

#globalmenu .menu_04 a {
	width: 125px;
}

#globalmenu .menu_05 a {
	width: 125px;
}

#globalmenu .menu_06 a {
	width: 135px;
}

#globalmenu .menu_07 a {
	width: 120px;
}

#globalmenu .menu_01 a.s, #globalmenu .menu_01 a:hover,
#globalmenu .menu_02 a.s, #globalmenu .menu_02 a:hover,
#globalmenu .menu_03 a.s, #globalmenu .menu_03 a:hover,
#globalmenu .menu_04 a.s, #globalmenu .menu_04 a:hover,
#globalmenu .menu_05 a.s, #globalmenu .menu_05 a:hover,
#globalmenu .menu_06 a.s, #globalmenu .menu_06 a:hover,
#globalmenu .menu_07 a.s, #globalmenu .menu_07 a:hover {
	background: #27A4ED;
}


#globalmenu span {
	display: none;
}


/******************************************************************************/
/* content_wrapper - コンテンツ領域の枠組み */

#content_wrapper {
	width: 900px;
	margin: 0px auto;
	padding: 30px 25px 20px 25px;
	background: #FFFFFF;
}


/******************************************************************************/
/* menu - 左側メニューの枠組み */

#menu {
	float: right;
	width: 220px;
	margin: 0px 0px 0px 25px;
	font-size: 12px;
	color: #FFFFFF;
}

#menu * {
	font-size: 12px;
	color: #FFFFFF;
}

#menu .menu {
	margin-bottom: 20px;
}

#menu .menu a,
#menu .menu a:visited {
	background: #3889DB;
	display: block;
	text-decoration: none;
}

#menu .menu a.s,
#menu .menu a:hover {
	background: #64C8FA;
}

#menu .fl1 a {
	width: 205px;
	height: 35px;
	line-height: 35px;
	padding: 0px 0px 0px 15px;
}

#menu .fl2 a {
	width: 190px;
	height: 25px;
	line-height: 25px;
	padding: 0px 0px 0px 30px;
}

#menu .fl3 a {
	width: 170px;
	height: 25px;
	line-height: 25px;
	padding: 0px 0px 0px 50px;
}

#menu .ban {
	margin-bottom: 5px;
	text-align: center;
	width: 220px;
}


/******************************************************************************/
/* maincontent - メインコンテンツ */

#maincontent {
	float: left;
	width: 655px;
}

#maincontent h2 {
	line-height: 160%;
	font-size: 32px;
	font-weight: normal;
	margin: 0px 10px 1em 10px;
	padding: 0px;
	letter-spacing: 0.25em;
	color: #56936A;
}

#maincontent h3 {
	line-height: 160%;
	font-size: 16px;
	font-weight: bold;
	margin: 0px 10px 15px 10px;
	padding: 0px;
	letter-spacing: 0.2em;
	color: #56936A;
}

#maincontent h4 {
	background: url(../img/h4_bg.png) no-repeat left top;
	line-height: 16px;
	font-size: 14px;
	margin: 0px 10px 15px 10px;
	padding: 0px 0px 0px 30px;
	letter-spacing: 0.1em;
	color: #00509F;
}

#maincontent h5 {
	line-height: 160%;
	margin: 0px 10px 15px 10px;
	color: #42341A;
	font-size: 100%;
}

#maincontent p,
#maincontent ul {
	margin: 0px 10px 15px 10px;
	line-height: 160%;
}


/******************************************************************************/
/* maincontent - 区切り線 */

#maincontent .hr {
	clear: both;
	width: 650px;
	height: 1px;
	background: url(../img/hr_bg.png) repeat-x left 5px;
	margin: 0px auto 0px auto;
	padding: 5px 0px 20px 0px;
}


/******************************************************************************/
/* maincontent - リスト背景 */

#maincontent .li01 li {
	background: url(../img/li01_bg.png) no-repeat 1px 4px;
	padding-left: 1.7em;
}

#maincontent .li02 li {
	background: url(../img/li02_bg.png) no-repeat 2px 5px;
	padding-left: 1.7em;
}

#maincontent .li03 li {
	background: url(../img/li03_bg.png) no-repeat left 5px;
	padding-left: 1.7em;
}

#maincontent .li04 li {
	background: url(../img/li04_bg.png) no-repeat left 5px;
	padding-left: 1.7em;
}

#maincontent .li05 li {
	background: url(../img/li05_bg.png) no-repeat left 2px;
	padding-left: 1.7em;
}

#maincontent .li06 li {
	background: url(../img/li06_bg.png) no-repeat left 2px;
	padding-left: 1.7em;
}

#maincontent .num li {
	background: none;
	list-style: decimal;
	padding-left: 0px;
	margin-left: 1.7em;
}

#maincontent .float li {
	float: left;
	margin-right: 1.1em;
	margin-bottom: 0.5em;
}

#maincontent .float2 li {
	float: left;
	margin-right: 1.1em;
	margin-bottom: 0.5em;
	width: 280px;
}


/******************************************************************************/
/* mainvisual - トップページメインビジュアル */

#mainvisual {
	clear: both;
	width: 395px;
	height: 205px;
	margin: 0px auto 18px auto;
	padding: 35px 500px 0px 55px;
	background: url(../img/mainvisual1_bg.png) no-repeat left top;
	color: #FFFFFF;
}

#mainvisual h2,
#mainvisual a {
	color: #FFFFFF;
	font-size: 28px;
	font-weight: normal;
	margin: 0px 0px 10px 0px;
}

#mainvisual a:hover {
	color: #FF8E32;
}

#mainvisual p {
	line-height: 160%;
}


/******************************************************************************/
/* maincontent - テーブル（汎用） */

#maincontent .table_normal {
	margin: 0px 15px 15px 15px;
}

#maincontent .table_normal td {
	vertical-align: top;
	line-height: 160%;
	padding: 2px 3px;
}


/******************************************************************************/
/* .table_wide - テーブル（汎用、間隔広め） */

#maincontent .table_wide {
	margin: 0px 15px 15px 15px;
}

#maincontent .table_wide td {
	vertical-align: top;
	line-height: 160%;
	padding: 2px 20px 2px 0px;
}


/******************************************************************************/
/* .table_fix - テーブル（汎用、幅固定） */

#maincontent .table_fix {
	margin: 0px 15px 15px 15px;
	width: 625px;
}

#maincontent .table_fix td {
	vertical-align: top;
	line-height: 160%;
	padding: 2px 3px;
}


/******************************************************************************/
/* .table_border - テーブル（汎用、枠線あり） */

#maincontent .table_border {
	width: 635px;
	margin: 0px 10px 15px 10px;
}

#maincontent .table_border td {
	vertical-align: middle;
	line-height: 160%;
	border: 1px solid #666666;
	padding: 5px 10px;
}

#maincontent .table_border td.h {
	background: #7CAAE7;
	color: #FFFFFF;
}

#maincontent .table_border td.h2 {
	background: #E3EFFF;
}

#maincontent .table_border td.d {
	background: #EEF5FF;
}

#maincontent .table_border td.d2 {
	background: #FDFEFF;
}


/******************************************************************************/
/* .table_form - テーブル（各種申込フォーム、2列） */

#maincontent .table_form {
	width: 635px;
	margin: 0px 10px 15px 10px;
}

#maincontent .table_form td {
	vertical-align: top;
	line-height: 160%;
	padding: 8px 10px;
}

#maincontent .table_form td.h2 {
	border: 1px solid #666666;
	background: #E68E7D;
	color: #FFFFFF;
	font-weight: bold;
}

#maincontent .table_form td.h3 {
	border: 1px solid #666666;
	background: #FFE8E3;
	font-weight: bold;
}

#maincontent .table_form td.h {
	border: 1px solid #666666;
	background: #FFF2EF;
	font-weight: bold;
	width: 130px;
}

#maincontent .table_form td.d2 {
	border: 1px solid #666666;
	background: #FFFDFD;
}

#maincontent .table_form td.d {
	border: 1px solid #666666;
	background: #FFFDFD;
	width: 527px;
}

#maincontent .w360 {
	width: 360px;
}


/******************************************************************************/
/* .box_normal - 強調枠（汎用） */

#maincontent .box_normal {
	width: 644px;
	margin: 0px auto 1em auto;
	border: 3px double #8ED2DA;
	background: #D8EFF2;
	text-align: center;
	padding: 1em 0px;
}

#maincontent .box_normal p {
	margin: 0px;
}


/******************************************************************************/
/* .box_board - 強調枠（掲示板） */

#maincontent .box_board {
	width: 599px;
	margin: 0px 10px 15px 10px;
	border: 3px double #8ED2DA;
	background: #D8EFF2;
	padding: 1em 15px 0px 15px;
}

#maincontent .box_board h4 {
	margin-left: 0px;
	margin-right: 0px;
}

#maincontent .box_board p {
	margin-left: 0px;
	margin-right: 0px;
}


/******************************************************************************/
/* maincontent - 管理者ページ、フォーム関連 */

#maincontent .admin_input {
	width: 650px;
}

#maincontent .admin_textarea {
	width: 650px;
	height: 580px;
}

#maincontent .admin_mc_grp {
	width: 25px;
}

#maincontent .admin_mc_mid {
	width: 60px;
}

#maincontent .admin_mc_smid {
	width: 25px;
}

#maincontent .admin_mc_menu {
	width: 200px;
}

#maincontent .admin_mc_log {
	width: 150px;
}

#maincontent .submit {
	padding: 5px 10px;
}


/******************************************************************************/
/* jumptop - PAGE TOPボタンの枠組み */

#jumptop {
	clear: both;
	display: none;
}

#jumptop a,
#jumptop span {
	display: none;
}

#scrollUp {
    background-image: url("../img/jumptop_bg.png");
    bottom: 220px;
    right: 20px;
    width: 90px;
    height: 25px;
}

#scrollUp:hover {
    background-image: url("../img/jumptop_s_bg.png");
}


/******************************************************************************/
/* footer - フッタの枠組み */

#footer {
	clear: both;
	width: 100%;
	height: 200px;
	background: #2160B7;
	color: #FFFFFF;
	font-size: 12px;
	letter-spacing: 0.1em;
}

#footer * {
	color: #FFFFFF;
	font-size: 12px;
}


/******************************************************************************/
/* footer_menu - フッタメニューの枠組み */

#footer_menu {
	width: 920px;
	height: 42px;
	margin: 0px auto;
	padding: 35px 15px 23px 15px;
}

#footer_menu li {
	float: left;
	background: url(../img/footer_link_bg.png) no-repeat left top;
	width: 214px;
	height: 42px;
	margin: 0px 15px 0px 0px;
}

#footer_menu a,
#footer_menu a:visited {
	display: block;
	width: 180px;
	height: 42px;
	padding: 0px 0px 0px 34px;
	text-decoration: none;
	color: #FFFFFF;
	line-height: 42px;
	font-size: 16px;
}

#footer_menu a:hover {
	text-decoration: none;
	color: #FFFFFF;
	background: rgba(255,255,255,0.3);
}


/******************************************************************************/
/* footer_copyright - フッタコピーライトの枠組み */

#footer_copyright {
	width: 920px;
	height: 50px;
	margin: 0px auto;
	padding: 0px 15px 50px 15px;
	line-height: 50px;
	letter-spacing: 0.1em;
	text-align: left;
}