@charset "UTF-8";


/*--------------------------------------------------------------------
初期設定
--------------------------------------------------------------------*/


/* =============== 標準化 */

/* ------ framework */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, img, ins, kbd, q, samp, var, i, dl, dt, dd, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary,time, mark, audio, video
{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; font-style:normal;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {display:block;}
audio, canvas, video {display:inline-block;}
html {overflow-y:scroll;}
body {-webkit-text-size-adjust:100%;}

/* ------ block elements */
ul {margin:0; padding:0; list-style-type:none;}
ol {margin:0; padding:0 0 0 2em;}
p {margin:0 0 .6em;}

/* ------ inline elements */
a {outline:none; background:transparent;}
a:focus, a:active, a:hover {outline:none;}
small {font-size:80%;}
sub, sup {font-size:75%; line-height:0; position:relative; vertical-align:baseline;}
sup {top:-.5em;}
sub {bottom:-.25em;}

/* ------ form */
button, input, select, textarea {font-family:inherit; font-size:100%; margin:0;}
button, input {line-height:normal;}
button, select {text-transform:none;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance:button; cursor:pointer;}
button[disabled], html input[disabled] {cursor:default;}
input[type="checkbox"], input[type="radio"] {box-sizing:border-box; padding:0;}
input[type="search"] {-webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance:none;}
button::-moz-focus-inner, input::-moz-focus-inner {border:0; padding:0;}
textarea {overflow:auto; vertical-align:top;}

/* ------ table */
table {border-collapse:collapse; border-spacing:0;}
caption {text-align:left;}

/* ------ img */
img {border:0; vertical-align:bottom;}
.ie7 img {-ms-interpolation-mode:bicubic;}

/* ------ box-sizing 
* {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} */

/* ///// スマホ対応 ///// */ 
@media screen and (max-width:600px) {
  img {max-width:100%; height:auto;}
}


/*--------------------------------------------------------------------
基本レイアウト
--------------------------------------------------------------------*/


/* =============== 全体 */

body {font:13px/1.5 'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif; *font-size:small; *font:x-small;}
.ie6 body {text-align:center;}
#container {width:1000px; margin:0 auto; text-align:left; position:relative; z-index:10;}


/* =============== ヘッダ */

header {width:210px; float:left; display:inline; margin-left:20px;}
header h1 {padding:28px 0;}
#headerBg {position:absolute; top:0; left:0; z-index:1; background:url(../../images/common/header_bg.jpg);}
header nav {margin-bottom:20px;}
header nav li {margin:18px 0;}
#gnav {border-bottom:1px #bbb solid;}
#contactNav {margin-bottom:50px;}
#contactNav dt {font-weight:bold;}
#contactNav dd {font-size:93%; margin-bottom:15px;}
header .banners li {margin:15px 0;}

/* =============== メイン */

#main {width:710px; float:right; display:inline; margin-right:20px;}
#main .pageTitle {margin-bottom:60px; padding:30px 0 0 16px; border-left:#067854 14px solid; line-height:1;}
#main .pageTitle .sp {display:none;}
#main .pageSubTitle {margin-bottom:25px; font-size:138.5%;}
#main .pageSubTitle span {font-size:77%;}
#main h2 {margin:60px 0 20px; font-size:131.6%;}
#main h3 {margin:1em 0 .3em; font-size:116%;}
#main img {margin:1em 0;}
#main .pageTitle img {margin:0;}


/* =============== フッタ */

footer {clear:both; margin-left:250px;}
footer .banners, footer #contactNav {display:none;}
footer p {margin:0; padding:30px 20px 10px; text-align:right;}


/* =============== 共通利用 */

/* ------ テキスト装飾ほか */
a {color:#067854;}
a:hover img {filter:alpha(opacity=80); opacity:.80;}
.clear {clear:both;}
.center{text-align:center;}
.textRight {text-align:right;}
.floatRight {float:right; margin:0 0 10px 15px;}
.floatLeft {float:left; margin:0 15px 10px 0;}
.bold {font-weight:bold;}
.it {font-style:italic;}
.em1 {font-size:108%;}
.em2 {font-size:116%;}
.sml {font-size:85%;}
.red {color:#f36;}
.nowrap {white-space:nowrap;}
.spaced {margin:25px 0;}
.semiSpaced {margin:10px 0;}
.inBlk {display:inline-block;}

/* ------ 見出しとブロック */
.note {font-size:85%; line-height:1.5; margin:.6em 0 1em; color:#555;}
.first {margin-top:0!important;}

/* ------ ul, ol, dl */
.square {margin:0; padding:0 0 0 1.5em; list-style-type:square;}
.disc {margin:0; padding:0 0 0 1.5em; list-style-type:disc;}
.spaced li {margin:.6em 0;}
.spaced dt {margin-top:1.2em;}
.spaced dt:first-child {margin-top:0;} 
.spaced dd {margin-top:.6em;}
.semiSpaced li {margin:.3em 0;}
.semiSpaced dt {margin:.6em 0 .3em;}
.col2, .col3 {overflow:hidden; zoom:1;}
.col2 li {width:45%; float:left;}
.col3 li {width:30%; float:left;}
.square li.star {list-style:none;}
.square li.star:before {content:"★"; color:#e13; display:inline-block; width:1.2em; margin-left:-1.2em}

/* ------ table.bordered */
.bordered th, .bordered td {padding:.4em .7em; border:1px #ccc solid;}
.bordered th {background:#f2f2f2;}
.full {width:100%;}
.almostFull {width:98%; margin-left:1%; margin-right:1%;}

/* ------ .tableLike [前後1.5em / セル縦余白1em / ボーダー全セル上下 / <dd>オフセット12em] */
.tableLike {margin:1.5em 0; overflow:hidden;}
.tableLike dt {margin-top:-1px; padding-top:1em; border-bottom:1px #666 dotted;}
.tableLike dd {margin-top:-1.5em; padding:0 0 1em 12em;}


/* ------ スマホ対応 */
@media screen and (min-width:601px){
header nav {display:block!important;}
}

@media screen and (max-width:600px){
#headerBg {display:none;}
#container {width:auto;}
header {width:auto; float:none; display:block; margin:0; background:url(../../images/common/header_bg.jpg);}
header h1 {position:relative; padding:6px 15px 10px;}
header h1:before {content:"門脇誠二研究室"; display:block; font-size:1.6rem;}
header h1:after {content:"名古屋大学大学院 環境学研究科\A地球惑星科学系 地球史学講座 （博物館）"; display:block; white-space:pre; font-size:.7rem; line-height:1.4; color:#555;}
header h1 img {display:none;}
header nav,
header #contactNav,
header .banners {display:none;}
#spBtn {display:block; position:absolute; top:50%; right:15px; margin-top:-15px; padding:6px; background:#067854; border-radius:4px;}
#spBtn span {display:block; width:25px; border:5px #fff solid; border-width:3px 0;}
#spBtn span:before {content:""; display:block; width:100%; border-top:3px #fff solid; margin:4px 0;}
header nav {position:absolute; left:0; width:100%; margin:0; background:#555;}
header nav li {margin:0; border-bottom:1px #363636 solid;}
header nav li + li {border-top:1px rgba(255,255,255,.2) solid;}
header nav a {display:block; padding:1em 15px; color:#fff; text-decoration:none;}
header nav li:first-child a:before {content:"HOME";}
header nav a[href*="/news/"]:before {content:"ニュース";}
header nav a[href*="/profile.html"]:before {content:"略歴と教育活動";}
header nav a[href*="/research/"]:before {content:"研究内容";}
header nav a[href*="/articles.html"]:before {content:"論文リスト";}
header nav a[href*="/misc.html"]:before {content:"その他の業績";}
header nav a[href*="/students.html"]:before {content:"学生募集";}
header nav a img {display:none;}

#main {width:auto; float:none; display:block; margin:15px; overflow:hidden;}
#main .pageTitle {margin-bottom:30px; padding-top:10px; font-weight:bold;}
#main .pageTitle img {display:none;}
#main .pageTitle .sp {display:block; font-size:1.4rem; line-height:1.5; color:#067854;}
#main h2 {margin:30px 0 15px;}

footer {margin:0; background:url(../../images/common/header_bg.jpg);}
footer .banners {display:block; overflow:hidden; zoom:1; padding:16px 15px 10px; background:#eee; background:rgba(0,0,0,.1);}
footer .banners li {width:50%; float:left; margin-bottom:6px;}
footer .banners li img {width:95%; width:calc(100% - 3px);}
footer .banners li:nth-child(2n) {text-align:right;}
footer #contactNav {display:block; margin:0; padding:10px 15px; border-bottom:1px #ddd solid;}
footer #contactNav dd:last-child {margin-bottom:0;}
footer p {margin:0 15px; padding:10px 0; text-align:center; font-size:.83em; color:#555;}
}


/*--------------------------------------------------------------------
ページ個別
--------------------------------------------------------------------*/


#mv {width:750px; float:right; padding-bottom:25px;}
.homeList {overflow:hidden; zoom:1;}
.homeList li {width:345px; float:left; padding:8px 0 20px; border-top:3px #555 solid;}
.homeList li.even {float:right;}
.homeList li.thru {width:710px;}
.homeList b {display:inline-block; font-size:116%; text-decoration:underline;}
#main .homeList li a img {margin:5px 0;}
.homeList .img {display:inline-block; position:relative;}
.homeList .img span {background:#888; background:rgba(80,80,80,90); color:#fff; text-decoration:none; font-size:93%; padding:2px 6px; position:absolute; right:0; bottom:12px;}
.homeList li ul {width:345px; float:right;}
.homeList li li {padding:5px 0 11px; border:0; overflow:hidden; zoom:1;}
.homeList li li:last-child {padding-bottom:0;}
.homeList li li .img {float:left;}
#main .homeList li li .img img {margin:0;}
.homeList li li b {width:170px; float:right; font-size:100%;}
.homeList li li br {display:none;}

.newsIndex dl {border-bottom:1px #aaa dotted;}
.newsIndex dt {border-top:1px #aaa dotted; padding-top:1em; margin-bottom:.4em; color:#555;}
.newsIndex dt:before {content:""; display:inline-block; width:0; height:0; margin-right:.2em; border:4px #fff solid; border-left-color:#555;}
.newsIndex dd {padding-bottom:1em;}
.newsIndex dd p:last-child {margin:0;}
.newsIndex > ul {border-bottom:1px #aaa dotted;}
.newsIndex > ul > li {border-top:1px #aaa dotted; padding:1em 0;}


.prof h2 {border-top:1px #aaa dotted; padding-top:30px;}
.prof h2.first {border:0;}
.prof .photo {float:right; margin:0 0 10px 20px;}
.prof .photo img {margin-top:0;}
.prof .history dd {margin:-1.5em 0 0 9.5em;}
.prof .activities dt {margin-top:.6em; font-weight:bold;}
.prof .activities dd {display:list-item; list-style:square; margin-left:1.5em;}

.rscIndex {overflow:hidden; zoom:1;}
.rscIndex div {float:right; margin:0 0 10px 1 5px;}
#main .rscIndex h2 {margin-top:15px;}
.research h2 {padding-top:30px; border-top:1px #aaa dotted;}
.research h2 strong {display:inline-block; background:#067854; padding:1px 6px; color:#fff; border-radius:4px; font-size:90%;}
.rscOutline dd {margin:-1.5em 0 0 5.5em;}
.rscOutline dd.li {display:list-item; list-style-type:square; margin:0 0 0 1.5em;;}

.articles h2 span {font-size:77%;}
#main.articles h3 {margin-top:35px; border-top:1px #aaa dotted; padding-top:20px;}
.articles li,
.misc li {margin:.8em 0 .8em 3em; text-indent:-1.5em;}
.pdfLink {display:inline-block; text-indent:0; background:#eee; padding:1px 8px 1px 4px; text-decoration:none; font-size:93%; margin-top:2px;}
.misc h3 {margin-top:35px; border-top:1px #aaa dotted; padding-top:20px;}
.misc dt {font-weight:bold;}
.misc dd {display:list-item; list-style-type:square; margin:.3em 0 .3em 1.5em;}
.misc dl, .misc ul {margin-bottom:30px;}


@media screen and (max-width:600px){

#mv {width:auto; float:none;}
.homeList li {float:none!important; display:block; width:auto;}
.homeList > li > a > .img {display:block;}
.homeList > li > a > .img > img {width:100%;}
.homeList li.thru {width:auto;}
.homeList li ul {width:auto; float:none;}
.homeList li li {overflow:hidden; zoom:1;}
.homeList li li .img {width:100px;}
.homeList li li b {float:none; width:auto; display:block; margin-left:110px;}

.prof .history dt {font-weight:bold;}
.prof .history dd {margin:0;}
.prof .history dd + dt {margin-top:.8em;}
.prof .photo img {width:140px;}

.rscIndex {display:-webkit-box; display:-webkit-flex; display:flex; -webkit-flex-direction:column; flex-direction:column;}
.rscIndex h2 {-ms-box-ordinal-group:1; -ms-flex-order:1; -ms-order:1; -webkit-box-ordinal-group:1; -webkit-flex-order:1; -webkit-order:1; box-ordinal-group:1; flex-order:1; order:1;}
.rscIndex div {float:none; -ms-box-ordinal-group:2; -ms-flex-order:2; -ms-order:2; -webkit-box-ordinal-group:2; -webkit-flex-order:2; -webkit-order:2;  box-ordinal-group:2; flex-order:2; order:2;}
.rscIndex .rscOutline {-ms-box-ordinal-group:3; -ms-flex-order:3; -ms-order:3; -webkit-box-ordinal-group:3; -webkit-flex-order:3; -webkit-order:3; box-ordinal-group:3; flex-order:3; order:3;}
}

dl.themes dd + dt {margin-top:.6em;}

/*--------------------------------------------------------------------
外部ライブラリ
--------------------------------------------------------------------*/

/* --------------- bxslider */
.bx-wrapper {position:relative; margin:0 auto 60px; padding:0; *zoom:1;}
.bx-wrapper img {max-width:100%; display:block;}
.bx-wrapper .bx-viewport {/*-moz-box-shadow:0 0 5px #ccc; -webkit-box-shadow:0 0 5px #ccc; box-shadow:0 0 5px #ccc; border:solid #fff 5px; left:-5px; */background:#fff;}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {position:absolute; bottom:-30px; width:100%;}
.bx-wrapper .bx-loading {min-height:50px; background:url(../img/bx_loader.gif) center center no-repeat #fff; height:100%; width:100%; position:absolute; top:0; left:0; z-index:2000;}
.bx-wrapper .bx-pager {text-align:center; font-size:.85em; font-family:Arial; font-weight:bold; color:#666; padding-top:20px;}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {display:inline-block; *zoom:1; *display:inline;}
.bx-wrapper .bx-pager.bx-default-pager a {background:#666; text-indent:-9999px; display:block; width:10px; height:10px; margin:0 5px; outline:0; border-radius:5px;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {background:#000;}
.bx-wrapper .bx-prev {left:10px; background:url(../img/bx_controls.png) no-repeat 0 -32px;}
.bx-wrapper .bx-next {right:10px; background:url(../img/bx_controls.png) no-repeat -43px -32px;}
.bx-wrapper .bx-prev:hover {background-position:0 0;}
.bx-wrapper .bx-next:hover {background-position:-43px 0;}
.bx-wrapper .bx-controls-direction a {position:absolute; top:50%; margin-top:-16px; outline:0; width:32px; height:32px; text-indent:-9999px; z-index:9999;}
.bx-wrapper .bx-controls-direction a.disabled {display:none;}
.bx-wrapper .bx-controls-auto {text-align:center;}
.bx-wrapper .bx-controls-auto .bx-start {display:block; text-indent:-9999px; width:10px; height:11px; outline:0; background:url(../img/bx_controls.png) -86px -11px no-repeat; margin:0 3px;}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {background-position:-86px 0;}
.bx-wrapper .bx-controls-auto .bx-stop {display:block; text-indent:-9999px; width:9px; height:11px; outline:0; background:url(../img/bx_controls.png) -86px -44px no-repeat; margin:0 3px;}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {background-position:-86px -33px;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {text-align:left; width:80%;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {right:0; width:35px;}
.bx-wrapper .bx-caption {position:absolute; bottom:0; left:0; background:#666\9; background:rgba(80, 80, 80, .75); width:100%;}
.bx-wrapper .bx-caption span {color:#fff; font-family:Arial; display:block; font-size:.85em; padding:10px;}

/* --------------- fancybox */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {padding:0; margin:0; border:0; outline:none; vertical-align:top;}
.fancybox-wrap {position:absolute; top:0; left:0; z-index:8020;}
.fancybox-skin {position:relative; background:#f9f9f9; color:#444; text-shadow:none; border-radius:4px;}
.fancybox-opened {z-index:8030;}
.fancybox-opened .fancybox-skin {box-shadow:0 10px 25px rgba(0, 0, 0, .5);}
.fancybox-outer,
.fancybox-inner {position:relative;}
.fancybox-inner {overflow:hidden;}
.fancybox-type-iframe .fancybox-inner {-webkit-overflow-scrolling:touch;}
.fancybox-error {color:#444; font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin:0; padding:15px; white-space:nowrap;}
.fancybox-image,
.fancybox-iframe {display:block; width:100%; height:100%;}
.fancybox-image {max-width:100%; max-height:100%;}
#fancybox-loading,
.fancybox-close,
.fancybox-prev span,
.fancybox-next span {background-image:url('../img/fancybox_sprite.png');}
#fancybox-loading {position:fixed; top:50%; left:50%; margin-top:-22px; margin-left:-22px; background-position:0 -108px; opacity:.8; cursor:pointer; z-index:8060;}
#fancybox-loading div {width:44px; height:44px; background:url('../img/fancybox_loading.gif') center center no-repeat;}
.fancybox-close {position:absolute; top:-18px; right:-18px; width:36px; height:36px; cursor:pointer; z-index:8040;}
.fancybox-nav {position:absolute; top:0; width:40%; height:100%; cursor:pointer; text-decoration:none; 
  background:transparent url('../img/blank.gif'); /* helps IE */ -webkit-tap-highlight-color:rgba(0,0,0,0); z-index:8040;}
.fancybox-prev {left:0;}
.fancybox-next {right:0;}
.fancybox-nav span {position:absolute; top:50%; width:36px; height:34px; margin-top:-18px; cursor:pointer; z-index:8040; visibility:hidden;}
.fancybox-prev span {left:10px; background-position:0 -36px;}
.fancybox-next span {right:10px; background-position:0 -72px;}
.fancybox-nav:hover span {visibility:visible;}
.fancybox-tmp {position:absolute; top:-99999px; left:-99999px; visibility:hidden; max-width:99999px; max-height:99999px; overflow:visible !important;}
.fancybox-lock {overflow:hidden;}
.fancybox-overlay {position:absolute; top:0; left:0; overflow:hidden; display:none; z-index:8010; background:url('../img/fancybox_overlay.png');}
.fancybox-overlay-fixed {position:fixed; bottom:0; right:0;}
.fancybox-lock .fancybox-overlay {overflow:auto; overflow-y:scroll;}
.fancybox-title {visibility:hidden; font:normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position:relative; text-shadow:none; z-index:8050;}
.fancybox-opened .fancybox-title {visibility:visible;}
.fancybox-title-float-wrap {position:absolute; bottom:0; right:50%; margin-bottom:-35px; z-index:8050; text-align:center; max-width:90%;}
.fancybox-title-float-wrap .child {display:inline-block; margin-right:-100%; padding:2px 20px; 
  background:transparent; /* Fallback for web browsers that doesn't support RGBa */ background:rgba(0, 0, 0, .8); border-radius:15px; 
  text-shadow:0 1px 2px #222; color:#FFF; font-weight:bold; line-height:24px; width:680px;}
.fancybox-title-outside-wrap {position:relative; margin-top:10px; color:#fff;}
.fancybox-title-inside-wrap {padding-top:10px;}
.fancybox-title-over-wrap {position:absolute; bottom:0; left:0; color:#fff; padding:10px; background:#000; background:rgba(0, 0, 0, .8);}
