@charset "UTF-8";
/* 
Theme Name: Japanese Society for DNA Polymorphism Research OFFICIAL
*/
html {
	font-size: 16px;
}

body {
	width: 100%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/**********************************
ホバーの設定
**********************************/
a {
    color: #22609e;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all  0.4s ease;
}
	
a:hover {
    color: #828282;
}


a img {
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all  0.6s ease;
}
	
a img:hover {
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
}

/**********************************
ヘッダー
**********************************/
header {
	width: 960px;
	margin: 0 auto;
	position: relative;
    -webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.3);
       -moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.3);
            box-shadow:0 0 10px rgba(0, 0, 0, 0.3);
}

header .header-inner {
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(255,255,255,0.6);
	width: 960px;
}

header .header-inner .header-logo {
	width: 706px;
	margin: 16px 0 16px 14px;
	float: left;
}

/*------------------------------- 
サイト内検索 
-------------------------------*/
header .header-inner .header-search {
	width: 226px;
	margin: 24px 14px 0 0;
	float: right;
}

header .header-inner .header-search .search-title {
	font-size: 0.875rem;
	font-weight: 700;
	color: #0c5a27;
	background-image: url(./images/search_icon.png);
	background-size: 6.5%;
	background-repeat: no-repeat;
	padding: 0.15rem 0 0.15rem 1rem;	
}

header .header-inner .header-search .search-wrap {
	margin-top: 4px;
}

header .header-inner .header-search .search-wrap .search-form .search-field {
	font-size: 0.75rem;
	width: 170px;
	padding: 4px 2px;
	background-color: #fff;
	border: solid 2px #ddd;
	border-radius: 6px;
	color: #828282;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

header .header-inner .header-search .search-wrap .search-form .search-submit {
	margin-left: 12px;
	padding: 4px 4px;
	font-size: 0.75rem;
	background: none;
	border: solid 2px #ddd;
	color: #252525;
	border-radius: 6px;
	background-image: -moz-linear-gradient(top, #ffffff, #dcdcdc);
	background-image: -ms-linear-gradient(top, #ffffff, #dcdcdc);
	background-image: -o-linear-gradient(top, #ffffff, #dcdcdc);
	background-image: -webkit-linear-gradient(top, #ffffff, #dcdcdc);
	background-image: linear-gradient(top, #ffffff, #dcdcdc);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all  0.6s ease;	
}


header .header-inner .header-search .search-wrap .search-form .search-submit:hover {
	background-image: -moz-linear-gradient(top, #ffffff, #fff);
	background-image: -ms-linear-gradient(top, #ffffff, #fff);
	background-image: -o-linear-gradient(top, #ffffff, #fff);
	background-image: -webkit-linear-gradient(top, #ffffff, #fff);
	background-image: linear-gradient(top, #ffffff, #fff);
	color: #000;
	cursor: pointer;
}

header .header-bgimage img {
	width: 100%;
}

/*ヘッダーナビゲーション
**************************/
header .header-navi-wrap .header-navi-wrap-inner {
	width: 960px;
}

header .header-navi-wrap .header-navi-inner li {
	float: left;
}


header .header-navi-wrap .header-navi-inner li a {
	display: block;
	text-align: center;
	color: #007427;
	padding: 18px 0;
	border: solid 1px #e0e0e0;
	background-image: -moz-linear-gradient(top, #ffffff, #e0e0e0);
	background-image: -ms-linear-gradient(top, #ffffff, #e0e0e0);
	background-image: -o-linear-gradient(top, #ffffff, #e0e0e0);
	background-image: -webkit-linear-gradient(top, #ffffff, #e0e0e0);
	background-image: linear-gradient(top, #ffffff, #e0e0e0);
	width: 238px;
}

header .header-navi-wrap .header-navi-inner li a:hover {
	background-image: -moz-linear-gradient(top, #ffffff, #ffffff);
	background-image: -ms-linear-gradient(top, #ffffff, #ffffff);
	background-image: -o-linear-gradient(top, #ffffff, #ffffff);
	background-image: -webkit-linear-gradient(top, #ffffff, #ffffff);
	background-image: linear-gradient(top, #ffffff, #ffffff);
}

header .header-navi-wrap .header-navi-inner li a.current {
	background-image: -moz-linear-gradient(top, #ffffff, #ffffff);
	background-image: -ms-linear-gradient(top, #ffffff, #ffffff);
	background-image: -o-linear-gradient(top, #ffffff, #ffffff);
	background-image: -webkit-linear-gradient(top, #ffffff, #ffffff);
	background-image: linear-gradient(top, #ffffff, #ffffff);
}


/**********************************
コンテンツエリア
**********************************/
.contents-area {
	width: 960px;
	margin: 0 auto;
    -webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.3);
       -moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.3);
            box-shadow:0 0 10px rgba(0, 0, 0, 0.3);
	padding-bottom: 64px;
}

/*ナビゲーション
******************/
.gnavi-wrap {
	width: 164px;
	float: left;
	margin: 18px 0 0 14px;
}

.gnavi-wrap .gnavi-inner li {
	cursor: pointer;
}

.gnavi-wrap .gnavi-inner .first a {
	background-color: #44af7a;
	color: #fff;
	border-bottom: solid 4px #e0e0e0;
	display: block;
	padding: 10px 0 10px 12px;	
}

.gnavi-wrap .gnavi-inner .first a:hover {
	background-color: #fff;
	color: #42945d;
}

.gnavi-wrap .gnavi-inner .first a.current {
	background-color: #fff;
	color: #42945d;
}


.gnavi-wrap .gnavi-inner .second {
	display: none;
}

.gnavi-wrap .gnavi-inner .open {
	display: block;
}


.gnavi-wrap .gnavi-inner .second li {
	background-image: -moz-linear-gradient(top, #ffffff, #e0e0e0);
	background-image: -ms-linear-gradient(top, #ffffff, #e0e0e0);
	background-image: -o-linear-gradient(top, #ffffff, #e0e0e0);
	background-image: -webkit-linear-gradient(top, #ffffff, #e0e0e0);
	background-image: linear-gradient(top, #ffffff, #e0e0e0);
	padding: 8px 0 8px 4px;
}

.gnavi-wrap .gnavi-inner .second li a {
	color: #000;
	font-size: 0.875rem;
	border-left: solid 4px #999;
	padding-left: 6px;
	display: block;
}

.gnavi-wrap .gnavi-inner .second li a:hover {
	border-left: solid 4px #42945d;
	color: #42945d;

}

.gnavi-wrap .gnavi-inner .second li a.current {
	border-left: solid 4px #42945d;
	color: #42945d;

}

.gnavi-wrap .gnavi-inner .second2 li {
	background-image: -moz-linear-gradient(top, #ffffff, #e0e0e0);
	background-image: -ms-linear-gradient(top, #ffffff, #e0e0e0);
	background-image: -o-linear-gradient(top, #ffffff, #e0e0e0);
	background-image: -webkit-linear-gradient(top, #ffffff, #e0e0e0);
	background-image: linear-gradient(top, #ffffff, #e0e0e0);
	padding: 8px 0 8px 4px;
}

.gnavi-wrap .gnavi-inner .second2 li a {
	color: #000;
	font-size: 0.875rem;
	border-left: solid 4px #999;
	padding-left: 6px;
	display: block;
}

.gnavi-wrap .gnavi-inner .second2 li a:hover {
	border-left: solid 4px #42945d;
	color: #42945d;

}

.gnavi-wrap .gnavi-inner .second2 li a.current {
	border-left: solid 4px #42945d;
	color: #42945d;

}

/*メインコンテンツ
******************/
.main-contents-wrap {
	width: 530px;
	min-height: 480px;
	float: left;
	margin: 18px 0 0 30px;	
}

.main-contents-wrap .heading1 {
	background-image: url(./images/heading1.png);
	background-repeat: no-repeat;
	background-position: 0 2px;
	padding-left: 18px;
	font-size: 1.125rem;
	color: #0c5a27;
}

.main-contents-wrap .heading2 {
	font-size: 1.125rem;
	padding: 6px 0 6px 8px;
	letter-spacing: 0.875rem;
	border-left: solid 6px #525252;
	border-bottom: solid 1px #525252;
	
}

.main-contents-wrap .heading3 {
	background-color: #c5ffb5;
	color: #666;
	padding: 6px 0 6px 14px;
}

.main-contents-wrap .heading4 {
	font-size: 1.25rem;
	text-align: center;
	font-weight: 700;
	color: #666;
	padding: 24px 0;
}

.main-contents-wrap .heading5 {
	font-weight: 700;
	color: #004c8e;
	line-height: 1.25em;
}

.main-contents-wrap p {
	font-size: 0.875rem;
	line-height: 1.5em;
	margin-left: 16px;
	padding-right: 12px;
}

.main-contents-wrap .name_style {
	text-align: right;
	margin-top: 18px;
}

/*新着情報
*****************/
.main-contents-wrap .news-wrap {
	width: 100%;
	border: solid 2px #e4e4e4;
	margin-top: 12px;
	padding-right: 12px;
}

.main-contents-wrap .news-wrap th {
	font-size: 0.75rem;
	font-weight: 700;
	padding: 12px 0 12px 6px;
	width: 20%;
}

.main-contents-wrap .news-wrap td {
	padding-left: 8px;
	padding-right: 8px;
	line-height: 1.25rem;
	font-size: 0.85rem;
}

.news-more {
	text-align: right;
	margin-top: 16px;
}

.news-more a {
	font-weight: 700;
	font-size: 0.75rem;
}

/* 一覧ページ */
.post_wrap {
	border: solid 2px #cdcdcd;
	margin-top: 14px;
	padding: 12px 6px;
}

.post_wrap .post_date{
	font-size: 0.75rem;
	font-weight: 700;
}

.post_wrap .post_title {
	margin-top: 12px;
}

.post_wrap .post_title a {
	display: block;
	font-size: 1.125rem;
	font-weight: 700;
	background-color: #efefef;
	text-decoration: none;
	padding: 12px 6px;
	line-height: 1.5em;
}


.post_wrap .post_ex{
	margin-top: 12px;
}


/* 一覧ページのページャー */
.navigation {
	border: none;
	width: 100%;
	margin: 24px 0 0 0;
	background-color: #fff;
}

.screen-reader-text {
	display: none !important;
}

.nav-links {
	width: 100%;
	text-align: center;
}

.page-numbers {
	border: solid 2px #c0c8d8;
	display: inline-block;
	width: 3rem;
	text-align: center;
	text-decoration: none;
	padding: 0.75rem 0;
}

.current {
	background-color: #dbdbdb;
	color: #666;
	font-weight: 700;
}

.nav-links a {
    background-color: #fff;
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    transition: all  0.7s ease;
}

.nav-links a:hover {
    background-color: #dbdbdb;
	color: #666;
	font-weight: 700;
}

/* 記事の詳細 */
.page-single {
}

.page-single .pager {
	margin: 200px 0 0 0;
	position: relative;
	width: 100%;
}

.page-single .pager li {
	font-size: 0.75rem;
	font-weight: 700;
}

.page-single .pager .previous {
	position: absolute;
	left: 40px;
	bottom: 0;
}

.page-single .pager .back_to {
	position: absolute;
	left: 236px;
	bottom: 0;
}

.page-single .pager a {
	text-decoration: underline;
}


.page-single .pager .next {
	position: absolute;
	right: 40px;
	bottom: 0;
}

/*市民の皆さまへ
******************/
.main-contents-wrap .message {
	text-align: center;
	margin-top: 18px;
	font-weight: 700;
	color: #333;
}


/*役員
*****************/
.members-table {
	margin-top: 24px;
	line-height: 1.25em;
	width: 100%;
}

.members-table th {
	width: 84px;
	color: #646464;
	text-align: left;
	vertical-align: top;
	padding: 6px 0 0 2px;
	font-weight: 700;
	border-top: solid 1px #333;
}

.members-table td {
	padding: 6px 0 6px 4px;
	font-size: 0.875rem;
	border-bottom: dotted 1px #cdcdcd;
}

.members-table td.name {
	width: 90px;
}

/*学会誌・刊行物
*******************/
.publication-style {
	margin-top: 18px;
	margin-left: 12px;
	font-size: 0.85rem;
	line-height: 1.5em;
}

.publication-style li {
	text-indent:-26px;
    padding-left: 26px;
	margin-top: 12px;
}


.publication-style ul {
	margin: 12px 0 12px 12px;
	list-style-type:none;
}

.publication-style ul li {
	text-indent: -40px;
    padding-left: 40px;
	margin-top: 6px;
}

/*年会費
******************/
.member_fee {
	margin: 12px auto;
	width: 410px;
}

.member_fee th {
	font-weight: 700;
	border-bottom: dotted 1px #252525;
	padding: 14px 0;
	background-color: #ddd;
	font-size: 0.75rem;
}

.member_fee td {
	text-align: center;
	border-bottom: dotted 1px #252525;
}

/*利益相反・リンク集
*******************/
.list1 {
	font-size: 0.875rem;
	margin: 16px 0 0 32px;
}

.list1 li {
	margin: 12px 0;
	line-height: 1.25em;
	list-style: square;
}

/*開催地
******************/
.location-table {
	font-size: 0.75rem;
	width: 100%;
	margin-top: 16px;
}

.location-table tr:nth-child(even) {
	background-color: #ededed;
}

.location-table th {
	vertical-align: middle;
	border-bottom: dotted 1px #cdcdcd;
	padding: 6px 0 8px 6px;
	font-weight: 700;
	background-color: #cdeaf2;
}

.location-table td {
	line-height: 1.5em;
	text-align: center;
	vertical-align: middle;
	border-bottom: dotted 1px #cdcdcd;
	height: 48px;
}

/*ライトエリア
******************/
.right-area-wrap {
	width: 176px;
	float: left;
	margin: 18px 0 0 30px;
}

.right-area-wrap .right-area-title {
	text-align: center;
	font-size: 0.875rem;
	font-weight: 700;
	color: #42945d;
	border: solid 2px #42945d;
	padding: 12px 0;
	background-color: #fff;
}

.right-area-wrap .right-area-inner dt:first-child{
	font-size: 1rem;
	border-left: none;
	border-bottom: none;
	background-image: url(./images/event.png);
	background-repeat: no-repeat;
	background-position: 2px 4px;
	padding-left: 28px;

}

.right-area-wrap .right-area-inner dt {
	border-left: solid 8px #ddd;
	border-bottom: dotted 2px #ddd;
	color: #184b0b;
	font-size: 0.875rem;
	font-weight: 700;
	padding: 8px 0 8px 6px;
	margin-top: 6px;
}

.right-area-wrap .right-area-inner dd {
	font-size: 0.875rem;
	line-height: 1.5em;
	margin: 4px 0;
	padding: 4px 0 4px 12px;
}

.right-area-wrap .right-area-inner .place a {
	display: block;
	text-align: center;
	text-decoration: none;
	font-size: 0.875rem;
	background-image: -moz-linear-gradient(top, #ffffff, #f9debd);
	background-image: -ms-linear-gradient(top, #ffffff, #f9debd);
	background-image: -o-linear-gradient(top, #ffffff, #f9debd);
	background-image: -webkit-linear-gradient(top, #ffffff, #f9debd);
	background-image: linear-gradient(top, #ffffff, #f9debd);
	padding: 10px 0;
	font-weight: 700;
	color: #ed573d;
	border: solid 1px #f9debd;
}

.right-area-wrap .right-area-inner .place a:hover {
	background-image: -moz-linear-gradient(top, #f9debd, #f9debd);
	background-image: -ms-linear-gradient(top, #f9debd, #f9debd);
	background-image: -o-linear-gradient(top, #f9debd, #f9debd);
	background-image: -webkit-linear-gradient(top, #f9debd, #f9debd);
}

/**********************************
検索結果
**********************************/
.post-box {
	padding: 12px;
	border: solid 2px #cdcdcd;
	margin-top: 24px;
}

.post-box h3 {
	background-color: #efefef;
	color: #5d5d5d;
	font-weight: 700;
	padding: 8px 0 8px 6px;
	line-height: 1.5em;
}

.post-box .excerpt {
	line-height: 1.5em;
	margin: 12px 8px;
}

.post-box .more {
	text-align: right;
	margin-top: 18px;
	font-weight: 700;
	color: #005f8e;
}

.screen-reader-text {
	display: none !important;
}

.highlight {
	font-weight: 700;
	color: #000;
	background-color: #ffc1c1;
}

.result-nothing {
	margin: 24px 0 0 32px;
}

/**********************************
フッター
**********************************/
footer {
	width: 960px;
	margin: 0 auto;
	background-color: #e7e7e7;
	padding: 18px 0;
    -webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.3);
       -moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.3);
            box-shadow:0 0 10px rgba(0, 0, 0, 0.3);
}

footer p {
	text-align: center;
	color: #007427;
	font-size: 0.75rem;
	font-weight: 700;
}

.totop {
	position: fixed;
	bottom: 24px;
	right: 84px;
	display: none;
}

/**********************************
調整用
**********************************/
.mgt18 {
	margin-top: 18px;
}

.fcr {
	color: #f00;
	font-weight: 700;
	font-size: 0.875rem;
}