@charset "utf-8";
/* reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { padding: 0; margin: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, var { font-style: normal; font-weight: normal; }
ol, ul { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; }
/* basic */
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { font-family: YuGothic, "Yu Gothic", "游ゴシック", "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; text-align: center; letter-spacing: 0.1em; background-color: #F6F2EE; margin: 0px; padding: 0px; color: #443D6D; font-size: 14px; }
img { vertical-align: bottom; max-width: 100%; }
/* link_icon */
a[href^="http://"] { display: inline-block; padding-right: 20px; background: url(../link/icn_external.png) no-repeat right center; }
a[href^="https://"] { display: inline-block; padding-right: 20px; background: url(../link/icn_external.png) no-repeat right center; }
a[href^="http://"].banner { display: inline-block; padding-right: 0px; background: none; }
a[href^="https://"].banner { display: inline-block; padding-right: 0px; background: none; }
a[href^="http://www.megabank.tohoku.ac.jp/genome/"] { padding-right: 0; background: none; }
a[href^="https://www.megabank.tohoku.ac.jp/genome/"] { padding-right: 0; background: none; }
a[href^="mailto:"] { display: inline-block; padding-right: 20px; background: url(../link/icn_mail.png) no-repeat right center; }
a[href$=".pdf"] { display: inline-block; padding-right: 20px; background: url(../link/icn_pdf.png) no-repeat right center; }
/* links */
a:link, a:visited, a:active { color: #443D6D; text-decoration: none; }
a:hover { color: #443D6D; text-decoration: underline; }
#contents h1 a:link, #contents h1 a:visited, #contents h1 a:active { color: #443D6D; text-decoration: none; }
#contents h1 a:hover { color: #443D6D; text-decoration: underline; }
#contents a:link, #contents a:visited, #contents a:active { color: #443D6D; text-decoration: underline; }
#contents a:hover { color: #443D6D; text-decoration: none; }
/* clear */
.clear { clear: both; }
.cbox { zoom: 100%; }
.cbox:after { content: " "; clear: both; height: 0; display: block; visibility: hidden; }
/* layout */
#wrapper { width: 1067px; margin-right: auto; margin-left: auto; padding-top: 3em; position: relative; }
#contents { width: 725px; margin-right: auto; min-height: 1500px; }
#contents section { background-size: 100%; background-image: url(../images/left_top.png), url(../images/left_bottom.png), url(../images/left_mid.png); background-repeat: no-repeat, no-repeat, repeat-y; background-position: center top, center bottom, center center; padding-top: 120px; padding-right: 100px; padding-bottom: 60px; padding-left: 60px; text-align: left; }
#contents section h1:first-child { margin-top: 0px; }
#contents section h1 { font-family: YuGothic, "Yu Gothic", "游ゴシック", "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 1.8em; line-height: 1.5em; margin-bottom: 1em; font-weight: bold; background-size: 21px auto; background-image: url(../images/title.png); background-repeat: no-repeat; padding-left: 1.5em; margin-top: 2em; text-align: left; }
#contents section .date { font-family: YuGothic, "Yu Gothic", "游ゴシック", "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 1em; line-height: 1em; padding-top: 2em; }
/* side */
#side { width: 410px; position: absolute; top: 230px; right: 0px; }
#side section { background-size: 100%; background-image: url(../images/right_top.png), url(../images/right_bottom.png); background-repeat: no-repeat, no-repeat; background-position: center top, center bottom; text-align: left; padding-top: 100px; padding-right: 0px; padding-bottom: 80px; padding-left: 0px; }
#side section div { background-size: 100%; padding-top: 0px; padding-right: 60px; padding-bottom: 0px; padding-left: 60px; background-image: url(../images/right_mid.png); background-repeat: repeat-y; background-position: center center; }
#side section .search h1 { background-size: 16px auto; font-family: YuGothic, "Yu Gothic", "游ゴシック", "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 18px; line-height: 1em; font-weight: bold; }
#side section .search #search h1 #search_bn { height: auto; width: 106px; }
#side section .search #search #search_keyword { background-color: #F6F2EE; width: 100%; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #443D6D; border-top-style: none; border-right-style: none; border-left-style: none; color: #443D6D; font-family: YuGothic, "Yu Gothic", "游ゴシック", "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; line-height: 1em; font-weight: bold; padding-top: 10px; padding-bottom: 10px; }
#side section .latest h1 { background-size: 36px auto; background-image: url(../images/new.png); background-repeat: no-repeat; background-position: left center; padding-left: 3em; font-family: YuGothic, "Yu Gothic", "游ゴシック", "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 18px; line-height: 1em; font-weight: bold; margin-bottom: 1em; }
#side section .category h1 { background-size: 22px auto; background-image: url(../images/category.png); background-repeat: no-repeat; background-position: left center; padding-left: 1.8em; font-family: YuGothic, "Yu Gothic", "游ゴシック", "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 18px; line-height: 1em; font-weight: bold; margin-bottom: 1em; }
#side section ul li { padding-top: 1em; padding-bottom: 1em; border-top-width: 1px; border-top-style: dashed; border-top-color: #443D6D; font-family: YuGothic, "Yu Gothic", "游ゴシック", "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 16px; line-height: 1.4em; }
#side section ul li dt { font-family: YuGothic, "Yu Gothic", "游ゴシック", "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 16px; line-height: 1.4em; font-weight: bold; }
#side section ul li dd { font-family: YuGothic, "Yu Gothic", "游ゴシック", "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 13px; line-height: 1em; padding-top: 1em; }
header { overflow: hidden; position: relative; }
header .lead { position: absolute; top: 0px; right: 0px; text-align: left; letter-spacing: 0em; line-height: 1.7em; font-weight: bold; }
header .lead p { margin-bottom: 1em; }
header .facebook { padding-top: 0.5em; }
/* footer */
footer { width: 725px; margin-right: auto; padding-top: 60px; }
footer p { margin-bottom: 30px; font-family: YuGothic, "Yu Gothic", "游ゴシック", "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 80%; }
footer .terms { font-weight: bold; letter-spacing: 0.05em; margin: 0 auto 4em auto; font-family: YuGothic, "Yu Gothic", "游ゴシック", "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 80%; line-height: 2em; }
footer .terms a { background:none; margin:0; padding:0; text-decoration: underline; }
footer .megabank { width: 20%; margin-right: auto; margin-left: auto; margin-bottom: 2em; margin-top: 2em; display: block; }
footer .megabank img { height: auto; width: 100%; }
footer .pagetop { width: 90px; margin-right: auto; margin-left: auto; }
/* pagenavi */
#contents .wp-pagenavi { clear: both; text-align: center; letter-spacing: 0em; padding-top: 2em; }
#contents .wp-pagenavi a, #contents .wp-pagenavi span { text-decoration: none; font-size: 13px; line-height: 1em; color: #433D6C; background-color: #F6F2EF; text-align: center; padding-top: 12px; padding-bottom: 12px; display: inline-block; margin-right: 4px; margin-left: 4px; min-width: 30px; padding-right: 4px; padding-left: 4px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; margin-bottom: 35px; letter-spacing: 0em; }
#contents .wp-pagenavi a:hover, #contents .wp-pagenavi span.current { color: #FFF; background-color: #433D6C; letter-spacing: 0em; }
#contents .wp-pagenavi span.current { font-weight: normal; letter-spacing: 0em; }
/* styles */
#contents h2 { font-size: 1.6em; font-weight: bold; margin-bottom: 1em; clear: both; margin-top: 2em; text-align: left; }
#contents h3 { font-size: 1.4em; font-weight: bold; margin-bottom: 1em; clear: both; margin-top: 2em; text-align: left; }
#contents h4 { font-size: 1.2em; font-weight: bold; margin-bottom: 1em; clear: both; margin-top: 2em; text-align: left; }
#contents h5 { font-size: 1em; font-weight: bold; margin-bottom: 1em; clear: both; margin-top: 2em; text-align: left; }
#contents h6 { font-size: 0.8em; font-weight: bold; margin-bottom: 1em; clear: both; margin-top: 2em; text-align: left; }
#contents p { font-size: 1em; margin-bottom: 2em; clear: both; text-align: left; }
#contents sup { font-size: 1em; font-weight: bold; margin-bottom: 2em; clear: both; text-align: left; }
#contents table { width: 100%; margin-bottom: 2em; margin-top: 2em; text-align: left; }
#contents blockquote { padding: 5%; margin-top: 2em; margin-bottom: 2em; border: 1px solid #443D6D; font-style: italic; }
#contents th { font-size: 1em; line-height: 1.5em; font-weight: bold; padding: 10px; text-align: left; }
#contents td { font-size: 1em; line-height: 1.5em; padding: 10px; text-align: left; }
#contents ul { margin-bottom: 2em; overflow: hidden; text-align: left; }
#contents li { font-size: 1em; line-height: 1.5em; margin-top: 1em; padding-left: 1em; border-left-width: 3px; border-left-style: solid; border-left-color: #443D6D; text-align: left; }
#contents dt { font-size: 1em; line-height: 1.5em; display: block; margin-bottom: 20px; text-align: left; }
#contents dd { font-size: 1em; line-height: 1.5em; display: block; margin-bottom: 20px; text-align: left; }
#contents img { max-width: 100%; height: auto; }
#contents .sns { clear: both; overflow: hidden; margin-bottom: 1em; }

#contents .twitter { margin-top: 0px; margin-right: 1em; margin-bottom: 0px; margin-left: 0px; padding-top: 0em; padding-right: 0em; padding-bottom: 0em; padding-left: 0em; overflow: hidden; vertical-align: top; display: inline-block; }
#contents .facebook { margin: 0px; padding: 0px; vertical-align: top !important; display: inline-block; }
#contents .facebook .fb_iframe_widget > span {
	vertical-align: top !important;
}

#contents .wp-caption.alignleft { float: left; }
#contents .wp-caption.alignleft img { }
#contents .wp-caption.alignleft .wp-caption-text { font-size: 0.8em; }
#contents .wp-caption.alignright { float: right; }
#contents .wp-caption.alignright img { }
img { height: auto; max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 0px; margin: 0 0 20px 2%; display: inline; max-width: 47%; }
img.alignleft { padding: 0px; margin: 0 20px 2% 0; display: inline; max-width: 47%; }
.aligncenter { margin-top: 15px; margin-bottom: 15px; margin-right: auto; margin-left: auto; }
.alignright { float: right; margin-bottom: 20px; margin-left: 20px; }
.alignleft { float: left; margin-bottom: 20px; margin-right: 20px; }
img.aligncenter { display: block; }