@charset "UTF-8";
/* common.css + pageEnq.css */

body {
    font-size: 14px;
    color: #000;
    min-width: 900px;
}

a:link {
    color: #336699; /* 既訪リンク：文字色 */
}

a:visited {
    color: #941d55; /* 既訪リンク：文字色 */
}

a:hover,
a:active,
a:focus {
    color: #6699cc; /* リンククリック中：文字色 */
}

#contents a[target^="_blank"]:after,
#contents a.externalLink:after {
    content: " " url(../parts/icon-exlink.png);
    vertical-align: middle;
}

/****************************
 Header ****************/
div#wrapper-header {
    background: #fff url(images/header_bg.jpg) center top repeat-x;
    height: 95px;
}

div#wrapper-header div#header {
    width: 900px;
    height: 95px;
    margin-left: auto;
    margin-right: auto;
}

div#wrapper-header div#header p#main-title {
    width: 427px;
    height: 85px;
    float: left;
}

div#wrapper-header div#header p#home {
    text-align: right;
}

div#wrapper-header div#header p#red-rebbon {
    text-align: right;
}

/*******************************************
 ナビゲーションバー ****************/
div#wrapper-navimenu {
    padding-top: 8px;
    background: #fff url(images/navimenu_bg.jpg) repeat-x center top;
}

/* ---- 第一階層 ---- */
/* no float,
Reference @ http://www.cssplay.co.uk/menus/centered2.html */

div#navimenu {
    clear: both;
    width: 900px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

div#navimenu ul {
    margin-left: 5px;
    margin-right: 0;
    padding-left: 0;
    font-size: 0.857em;
    line-height: 1.6;
    /*	letter-spacing: 0.03em;*/
}

div#navimenu li {
    display: inline-block;
    margin-left: 0;
    margin-right: 6px;
    margin-bottom: 3px;
    padding-left: 12px;
    background: #fff url(images/list-icon1.jpg) no-repeat 0 0.3em;
    color: #333;
    font-weight: bold;
    list-style: none;
}

div#navimenu li a {
    font-weight: normal;
}

div#navimenu li a:link {
    text-decoration: none;
    color: #0c7dba;
}

div#navimenu li a:visited {
    text-decoration: none;
    color: #941d55;
}

div#navimenu li a:hover,
div#navimenu li a:active,
div#navimenu li a:focus {
    text-decoration: underline;
    color: #6699cc;
}

/* HOVER */
body.about div#navimenu li a.about,
body.guideline div#navimenu li a.guideline,
body.workshop div#navimenu li a.workshop,
body.download div#navimenu li a.download,
body.damail div#navimenu li a.damail,
body.link div#navimenu li a.link,
body.profile div#navimenu li a.profile {
    font-weight: bold;
    color: #000;
}

body.about div#navimenu li a.about:hover,
body.about div#navimenu li a.about:focus,
body.about div#navimenu li a.about:active,
body.guideline div#navimenu li a.guideline:hover,
body.guideline div#navimenu li a.guideline:focus,
body.guideline div#navimenu li a.guideline:active,
body.workshop div#navimenu li a.workshop:hover,
body.workshop div#navimenu li a.workshop:focus,
body.workshop div#navimenu li a.workshop:active,
body.download div#navimenu li a.download:hover,
body.download div#navimenu li a.download:focus,
body.download div#navimenu li a.download:active,
body.damail div#navimenu li a.damail:hover,
body.damail div#navimenu li a.damail:focus,
body.damail div#navimenu li a.damail:active,
body.link div#navimenu li a.link:hover,
body.link div#navimenu li a.link:focus,
body.link div#navimenu li a.link:active,
body.profile div#navimenu li a.profile:hover,
body.profile div#navimenu li a.profile:focus,
body.profile div#navimenu li a.profile:active {
    text-decoration: none;
    color: #000;
}

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

div#wrapper-contents {
    clear: left;
    background: #f6f6f6 url(images/content_bg.jpg) repeat-x center top;
    padding-top: 32px;
}

div#wrapper-contents div#contents {
    width: 900px;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    border: 1px solid #f6f6f6;
    background-color: #fff;
    letter-spacing: 0.05em;
    min-height: 250px;
}

/* IE5.5～IE7対応版
http://coliss.com/articles/build-websites/operation/css/125.html
 */
div#wrapper-contents div#contents:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

div#wrapper-contents div#contents {
    zoom: 1;
}

div#contents p {
    line-height: 1.5;
}

h1 {
    width: 878px;
    margin-top: 0;
    margin-bottom: 1em;
    padding-bottom: 14px;
    background: #003B59 url(images/h1bg.jpg) no-repeat center bottom; /* h:60px */
    font-size: 1.21428em; /* 17px */
    line-height: 46px;
    color: #fff;
    text-align: center;
    font-weight: bold;
}

/* div#contentsの下の戻る */
div#wrapper-contents p.go-page-top {
    clear: both;
    width: 900px;
    height: 25px;
    margin-left: auto;
    margin-right: auto;
    padding-right: 20px;
    padding-bottom: 10px;
    font-size: 11px;
    line-height: 25px;
    text-align: right;
    line-height: 25px;
}

div#wrapper-contents p.go-page-top a {
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 25px;
    border-left: 1px dotted #000;
    background: transparent url(images/pagetop_icon.jpg) no-repeat 10px 10px;
}

/* 分担研究者 */
#contents p.researcher {
    margin: 2em 0;
    text-align: center;
    font-size: 0.9em
}

/* 右寄せ */
.right {
    text-align: right;
}

/* NEW */
img.icon_new {
    margin-left: 0.5em;
}

#contents .new {
    display: inline-block;
    position: relative;
    font-size: 10px;
    padding: 0 1em;
    margin-left: 2em;
    text-align: center;
    line-height: 1.7;
    box-shadow: -1px 1px 5px #eee;
    box-shadow: -1px 1px 5px rgba(0, 0, 0, .2);
    border: 1px solid #fff;
    border-radius: .25em;
    color: #fff;
    background: #EA5123;
}

#contents .new:after, #contents .new:before {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
}

#contents .new:after {
    border-color: rgba(213, 19, 19, 0);
    border-right-color: #EA5123;
    border-width: 4px;
    margin-top: -4px;
}

#contents .new:before {
    border-color: rgba(245, 192, 176, 0);
    border-right-color: #fff;
    border-width: 6px;
    margin-top: -6px;
}

/*******************************************
 フッタ *********************************/

div#wrapper-footer {
    background: #d5eaf4 url(images/footer_bg.jpg) repeat-x left top;
}

div#wrapper-footer div#footer {
    width: 900px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 15px;
    padding-bottom: 10px;
    font-size: 12px;
}

div#wrapper-footer div#footer address {
    font-style: normal;
    margin-top: 0.3em;
}

div#wrapper-footer p#copyright {
    height: 15px;
    background-color: #069;
    color: #fff;
    text-align: center;
    font-size: 0.8em;
    line-height: 15px;
}

/* アンケート */
div#enq {
    clear: both;
    width: 450px;
    margin-top: 1em;
    margin-left: auto;
    margin-right: auto;
    padding: 1em;
    background-color: #fffae8;
    border: solid 1px #999;
    font-size: 0.95em;
    line-height: 1.6;
}
/* 下記classは暫定。bootstrap適用、style.css読み込み時になぜか左寄せになるため */
.row > div#enq {
    margin-left: 25%;
}
div#enq h2 {
    color: #f60;
    font-size: 1em;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ffc013;
    margin: 0;
    padding: 0;
}

div#enq p {
    margin-top: 1em;
}

div#enq p textarea {
    font-size: 0.95em;
    height: 4.8em;
    padding: 0.5em;
    width: 430px;
}

div#enq input {
    margin-left: 1em;
}

div#enq label {
    margin-left: 0.5em;
}

/****************************************
 タブレットより小さいデバイス（：スマホ）対応 */
@media only screen and (max-width: 767px) {
    div#wrapper-contents div#contents {
        width: 100%;
    }
}

@media only screen and (max-width: 990px) {
}