@charset='utf-8';
@import url(default.css);

body {
	padding: 15px;
}

/*----------------------------------------------------------------
 * ヘッダー
 */

#header {
	position: relative;
	height: 26px;
}

#header h1 {
	position: absolute;
	left: 0;
	top: 0;
}

#header h2 {
	position: absolute;
	left: 40px;
	top: 0;
	line-height: 26px;
	font-size: 153.9%;
}

#header #logout-form {
	text-align: right;
}

#header #logout-form #chgov {
	display: inline-block;
	position: relative;
	text-align: left;
}

#header #logout-form #chgov button {
	width: 200px;
}

#header #logout-form #chgov ul {
	position: absolute;
	z-index: 9999;
}

#header #logout-form #chgov ul .logout {
	cursor: pointer;
}

/*----------------------------------------------------------------
 * コンテンツ
 */

#container {
	margin-top: 15px;
}

#contents {
	padding: 15px;
}

#contents h3 {
	font-size: 153.9%;
}

#contents h3 a {
	font-size: 60.4%;
}

#main {
	margin-top: 15px;
}



/*----------------------------------------------------------------
 * フッター
 */

#footer {
	margin-left:auto;
	margin-right:auto;
	width:50em;
}

/* ログインページ */
body#login-page #main p + p {
	margin-top: 1em;
}

body#login-page #header {
	margin-left:auto;
	margin-right:auto;
	width:50em;
}

body#login-page #container {
	margin-left:auto;
	margin-right:auto;
	width:46em;
}

body#login-page #footer {
	margin-left:auto;
	margin-right:auto;
	width:50em;
}


body#login-page #main #login-form #error {
	margin-top: 15px;
}

body#login-page #main #login-form dt {
	margin-top: 15px;
}

body#login-page #main #login-form input#login-name,
body#login-page #main #login-form input#password {
	font-size: 153.9%;
	width: 10em;
}

body#login-page #main #login-form #button {
	margin-top: 15px;
}


/* メニューページ */

body#menu-page #header {
	margin-left:auto;
	margin-right:auto;
	width:50em;
}


body#menu-page #container {
	margin-left:auto;
	margin-right:auto;
	width:50em;
}

.products-section {
	margin-top: 25px;
}


.products-section h2 {
	border-bottom: 1px solid #EBEBEB;
	clear: left;
	/* font-size: 1.077em; */
	padding-bottom: 0;
	font-size: 16px;
	line-height: 1.29;
	margin: 10px 0px auto 0px;
}

.products-section .icon {
	float: left;
}

.products-section .icon img {
	margin-top: 5px;
	border: 0;
}

.products-section .description {
	float: right;
	width: 280px;
}

.products-section ul {
	display: inline-block;
	list-style: none;
	margin: 0 0 13px;
	padding: 0;
	width: 100%;
}

.products-section li {
	display: inline;
	float: left;
	line-height: 1.4;
	margin: 11px 0 .2em;
	position: relative;
	width: 50%;
}

.products-section li.break {
	clear: left;
}


/* ニュースレター */

body#newsletter-page #header {
	margin-left:auto;
	margin-right:auto;
	width:50em;
}


body#newsletter-page #container {
	margin-left:auto;
	margin-right:auto;
	width:50em;
}

.newsletters-section {
	margin-top: 25px;
}


.newsletters-section h2 {
	border-bottom: 1px solid #EBEBEB;
	clear: left;
	/* font-size: 1.077em; */
	padding-bottom: 0;
	font-size: 16px;
	line-height: 1.29;
	margin: 10px 0px auto 0px;
}

.newsletters-section img.preview {
	float: left;
	padding: 0 1em 0 0;
	margin: 5px 0 0;
	border: 0;
}

.newsletters-section ul {
	display: inline-block;
	list-style: none;
	margin: 0 0 13px;
	padding: 0;
	width: 100%;
}

.newsletters-section li {
	display: inline;
	float: left;
	line-height: 1.4;
	margin: 11px 0 .2em;
	position: relative;
	width: 50%;
}

.newsletters-section li.break {
	clear: left;
}


/* 生態図鑑 */

body#picturebook-page #header {
	margin-left:auto;
	margin-right:auto;
	width:45em;
}


body#picturebook-page #container {
	margin-left:auto;
	margin-right:auto;
	width:45em;
}

body#picturebook-page #footer {
	margin-left:auto;
	margin-right:auto;
	width:45em;
}

body#picturebook-page  #container h2 {
	border-bottom: 1px solid #EBEBEB;
	clear: left;
	/* font-size: 1.077em; */
	padding-bottom: 0;
	font-size: 16px;
	line-height: 1.29;
	margin: 10px 0px auto 0px;
}

body#picturebook-page .hastip {
	display: inline-block;
	vertical-align: middle;
}

body#picturebook-page #main {
	padding: .2em;
}

body#picturebook-page #main h4 {
	padding: 5px;
}

body#picturebook-page #container table th {
	padding: .5em 1em;
	white-space: nowrap;
	vertical-align: middle;
}

body#picturebook-page #container table td {
	padding: 0em 1em 0em .5em;
	white-space: nowrap;
	border: 1px solid #a6c9e2;
	vertical-align: middle;
	color: #222222;
}

body#picturebook-page #container table td.tight{
	padding: .1em .1em .1em .1em;
	white-space: nowrap;
}

body#picturebook-page #container table tr:nth-child(2n+1) {
    background: #E4FFFF;
}

body#picturebook-page #container .button.upper {
	margin-bottom: 15px;
}

body#picturebook-page #container .button.lower {
	margin-top: 15px;
}


/* 研究誌一覧画面*/

body#study-page #header {
	margin-left:auto;
	margin-right:auto;
	width:45em;
}


body#study-page #container {
	margin-left:auto;
	margin-right:auto;
	width:45em;
}

body#study-page #footer {
	margin-left:auto;
	margin-right:auto;
	width:45em;
}

body#study-page  #container .issn {
	text-align: right;
	font-size: 16px;
}

body#study-page  #container h2 {
	border-bottom: 1px solid #EBEBEB;
	clear: left;
	/* font-size: 1.077em; */
	padding-bottom: 0;
	font-size: 16px;
	line-height: 1.29;
	margin: 10px 0px auto 0px;
}

body#study-page  #container h3 {
	color: #227BBB;
	clear: left;
	/* font-size: 1.077em; */
	padding-bottom: 0;
	font-size: 16px;
	line-height: 1.29;
	margin: 10px 0px auto 0px;
}

body#study-page  #container .studieslist {
	border-top: 1px solid #227BBB;
	border-bottom: 1px solid #227BBB;
	clear: left;
	/* font-size: 1.077em; */
	padding: 1em 1em 1em .5em;
	font-size: 16px;
	line-height: 1.29;
	margin: 10px 0px auto 0px;
}

body#study-page .hastip {
	display: inline-block;
	vertical-align: middle;
}

body#study-page #main {
	padding: .2em;
}

body#study-page #main h4 {
	padding: 5px;
}

body#study-page #container table th {
	padding: .5em 1em;
	white-space: nowrap;
	vertical-align: middle;
}

body#study-page #container table td {
	padding: 0em 1em 0em .5em;
	white-space: nowrap;
	border: 1px solid #a6c9e2;
	vertical-align: middle;
	color: #222222;
}

body#study-page #container table td.tight{
	padding: .1em .1em .1em .1em;
	white-space: nowrap;
}

body#study-page #container table tr:nth-child(2n+1) {
    background: #E4FFFF;
}

body#study-page #container .button.upper {
	margin-bottom: 15px;
}

body#study-page #container .button.lower {
	margin-top: 15px;
}


/* 研究誌詳細画面*/

body#study-detail-page #header {
	margin-left:auto;
	margin-right:auto;
	width:45em;
}


body#study-detail-page #container {
	margin-left:auto;
	margin-right:auto;
	width:45em;
}

body#study-detail-page #footer {
	margin-left:auto;
	margin-right:auto;
	width:45em;
}

body#study-detail-page  #container h2 {
	border-bottom: 1px solid #EBEBEB;
	clear: left;
	/* font-size: 1.077em; */
	padding-bottom: 0;
	font-size: 16px;
	line-height: 1.29;
	margin: 10px 0px auto 0px;
}

body#study-detail-page  #container h3 {
	color: #227BBB;
	clear: left;
	/* font-size: 1.077em; */
	padding-bottom: 0;
	font-size: 16px;
	line-height: 1.29;
	margin: 10px 0px auto 0px;
}

body#study-detail-page  #container .study-title {
	color: #227BBB;
	border-bottom: 1px solid #227BBB;
	clear: left;
	padding-bottom: 0;
	font-size: 16px;
	line-height: 1.29;
	margin: 10px 0px auto 0px;
}


body#study-detail-page  #container .return {
	text-align: right;
	color: #227BBB;
	clear: left;
	padding-bottom: 0;
	font-size: 14px;
	line-height: 1.29;
	margin: 5px 0px auto 0px;
}

body#study-detail-page  #container .editors {
	text-align: right;
	color: #227BBB;
	clear: left;
	padding-bottom: 0;
	font-size: 14px;
	line-height: 1.29;
	margin: 5px 0px auto 0px;
}

body#study-detail-page  #container .genre {
	margin: 0px 0px 20px 0px;
}

body#study-detail-page  #container .genre-title {
	color: #227BBB;
		border-bottom: 1px solid #227BBB;
	clear: left;
	padding-bottom: 0;
	font-size: 16px;
	line-height: 1.29;
	margin: 10px 0px auto 0px;
}


body#study-detail-page  #container .article {
	width: 95%;
    background: #f5f5f5;
	margin: 10px 0px auto 20px;
}

body#study-detail-page  #container .summary {
	padding: 1em 1em 1em .5em;
}


body#study-detail-page  #container .studieslist {
	border-top: 1px solid #227BBB;
	border-bottom: 1px solid #227BBB;
	clear: left;
	/* font-size: 1.077em; */
	padding: 1em 1em 1em .5em;
	font-size: 16px;
	line-height: 1.29;
	margin: 10px 0px auto 0px;
}

body#study-detail-page .hastip {
	display: inline-block;
	vertical-align: middle;
}

body#study-detail-page #main {
	padding: .2em;
}

body#study-detail-page #main h4 {
	padding: 5px;
}

body#study-detail-page #container table th {
	padding: .5em 1em;
	white-space: nowrap;
	vertical-align: middle;
}

body#study-detail-page #container table td {
	padding: 0em 1em 0em .5em;
	vertical-align: middle;
	color: #222222;
}

body#study-detail-page #container table td.tight{
	padding: .1em .1em .1em .1em;
	white-space: nowrap;
}

body#study-detail-page #container table td.right{
	text-align: right;
}

body#study-detail-page #container .button.upper {
	margin-bottom: 15px;
}

body#study-detail-page #container .button.lower {
	margin-top: 15px;
}


/* ニュースレター管理画面 */

body#newsletter-manage-page #header {
	margin-left:auto;
	margin-right:auto;
	width:55em;
}

body#newsletter-manage-page #container {
	margin-left:auto;
	margin-right:auto;
	width:55em;
}

body#newsletter-manage-page  #container h2 {
	border-bottom: 1px solid #EBEBEB;
	clear: left;
	/* font-size: 1.077em; */
	padding-bottom: 0;
	font-size: 16px;
	line-height: 1.29;
	margin: 10px 0px auto 0px;
}

body#newsletter-manage-page .hastip {
	display: inline-block;
	vertical-align: middle;
}

body#newsletter-manage-page .modal-form {
	padding: .2em;
}

body#newsletter-manage-page .modal-form h4 {
	padding: 5px;
}

body#newsletter-manage-page .modal-form form {
	padding: 15px;
}

body#newsletter-manage-page .modal-form #error {
	margin-bottom: 15px;
}

body#newsletter-manage-page .modal-form table th {
	padding: .5em 1em;
	white-space: nowrap;
	vertical-align: middle;
}

body#newsletter-manage-page .modal-form table td {
	padding: .5em 1em;
}

body#newsletter-manage-page .modal-form .button.upper {
	margin-bottom: 15px;
}

body#newsletter-manage-page .modal-form .button.lower {
	margin-top: 15px;
}


/* 生態図鑑管理画面 */

body#picturebook-manage-page #header {
	margin-left:auto;
	margin-right:auto;
	width:60em;
}

body#picturebook-manage-page #container {
	margin-left:auto;
	margin-right:auto;
	width:60em;
}

body#picturebook-manage-page  #container h2 {
	border-bottom: 1px solid #EBEBEB;
	clear: left;
	/* font-size: 1.077em; */
	padding-bottom: 0;
	font-size: 16px;
	line-height: 1.29;
	margin: 10px 0px auto 0px;
}

body#picturebook-manage-page .hastip {
	display: inline-block;
	vertical-align: middle;
}

body#picturebook-manage-page .modal-form {
	padding: .2em;
}

body#picturebook-manage-page .modal-form h4 {
	padding: 5px;
}

body#picturebook-manage-page .modal-form form {
	padding: 15px;
}

body#picturebook-manage-page .modal-form #error {
	margin-bottom: 15px;
}

body#picturebook-manage-page .modal-form table th {
	padding: .5em 1em;
	white-space: nowrap;
	vertical-align: middle;
}

body#picturebook-manage-page .modal-form table td {
	padding: .5em 1em;
}

body#picturebook-manage-page .modal-form .button.upper {
	margin-bottom: 15px;
}

body#picturebook-manage-page .modal-form .button.lower {
	margin-top: 15px;
}


/* 研究誌管理画面 */

body#study-manage-page #header {
	margin-left:auto;
	margin-right:auto;
	width:60em;
}

body#study-manage-page #container {
	margin-left:auto;
	margin-right:auto;
	width:60em;
}

body#study-manage-page  #container h2 {
	border-bottom: 1px solid #EBEBEB;
	clear: left;
	/* font-size: 1.077em; */
	padding-bottom: 0;
	font-size: 16px;
	line-height: 1.29;
	margin: 10px 0px auto 0px;
}

body#study-manage-page .hastip {
	display: inline-block;
	vertical-align: middle;
}

body#study-manage-page .modal-form {
	padding: .2em;
}

body#study-manage-page .modal-form h4 {
	padding: 5px;
}

body#study-manage-page .modal-form form {
	padding: 15px;
}

body#study-manage-page .modal-form #error {
	margin-bottom: 15px;
}

body#study-manage-page .register-form table th {
	padding: .5em 1em;
	white-space: nowrap;
	vertical-align: middle;
}

body#study-manage-page .register-form table td {
	padding: .5em 1em;
}

body#study-manage-page .modal-form .button.upper {
	margin-bottom: 15px;
}

body#study-manage-page .modal-form .button.lower {
	margin-top: 15px;
}


/* 会員・調査協力者の区分変更 */

body#changeofcategory-page #header {
	margin-left:auto;
	margin-right:auto;
	width:50em;
}


body#changeofcategory-page #container {
	margin-left:auto;
	margin-right:auto;
	width:50em;
}


body#changeofcategory-page  #container h2 {
	border-bottom: 1px solid #EBEBEB;
	clear: left;
	/* font-size: 1.077em; */
	padding-bottom: 0;
	font-size: 16px;
	line-height: 1.29;
	margin: 10px 0px auto 0px;
}

body#changeofcategory-page .hastip {
	display: inline-block;
	vertical-align: middle;
}

body#changeofcategory-page #main {
	padding: .2em;
}

body#changeofcategory-page #main h4 {
	padding: 5px;
}

body#changeofcategory-page #main form {
	padding: 15px;
}

body#changeofcategory-page #main #error {
	margin-bottom: 15px;
}

body#changeofcategory-page #main table th {
	padding: .5em 1em;
	white-space: nowrap;
	vertical-align: middle;
}

body#changeofcategory-page #main table td {
	padding: .5em 1em;
}

body#changeofcategory-page #main .button.upper {
	margin-bottom: 15px;
}

body#changeofcategory-page #main .button.lower {
	margin-top: 15px;
}


/* 認証付きディレクトリ管理画面 */

body#authenticateddir-manage-page #header {
	margin-left:auto;
	margin-right:auto;
	width:60em;
}

body#authenticateddir-manage-page #container {
	margin-left:auto;
	margin-right:auto;
	width:60em;
}

body#authenticateddir-manage-page  #container h2 {
	border-bottom: 1px solid #EBEBEB;
	clear: left;
	/* font-size: 1.077em; */
	padding-bottom: 0;
	font-size: 16px;
	line-height: 1.29;
	margin: 10px 0px auto 0px;
}

body#authenticateddir-manage-page .hastip {
	display: inline-block;
	vertical-align: middle;
}

body#authenticateddir-manage-page .modal-form {
	padding: .2em;
}

body#authenticateddir-manage-page .modal-form h4 {
	padding: 5px;
}

body#authenticateddir-manage-page .modal-form form {
	padding: 15px;
}

body#authenticateddir-manage-page .modal-form #error {
	margin-bottom: 15px;
}

body#authenticateddir-manage-page .modal-form table {
	width: 700px;
}
body#authenticateddir-manage-page .modal-form table th {
	padding: .5em 1em;
	white-space: nowrap;
	vertical-align: middle;
}

body#authenticateddir-manage-page .modal-form table td {
	padding: .5em 1em;
}

body#authenticateddir-manage-page .modal-form .button.upper {
	margin-bottom: 15px;
}

body#authenticateddir-manage-page .modal-form .button.lower {
	margin-top: 15px;
}




/*----------------------------------------------------------------
 * フッター
 */

#footer p {
	padding: .5em;
	text-align: left;
	font-weight: normal;
}

/*----------------------------------------------------------------
 * リスト
 */

.three-column-list{
	float : left;
	width : 100%;
	margin: 10px 0px 10px 0px;
}
.three-column-list li{
	float : left;
	width : 33%;
	margin: 0px 0px 10px 0px;
}