@charset "UTF-8";

/* Table Of Contents
----------------------------------------

# active
# 01-00-010000
# 01-01-010000
# 01-04-010000
# 01-04-020100
# 01-04-020205
# 01-04-020201
# 01-04-020700
# 01-04-020710
# clearfix

----------------------------------------*/


/* # active
---------------------------------------------------------------------------- */

/* # 01-00-010000
---------------------------------------------------------------------------- */

body#introduction div.agriculture {
    background: url(/common/img/introduction/introduction_agriculture_bg.gif) no-repeat 0 0;
    height: 150px;
    padding: 19px;
    position: relative;
    margin: 25px 0 30px 0;
}

body#introduction div.agriculture p {
    float: left;
}

body#introduction div.agriculture p.agricultureTxt {
    padding: 9px 0 0 19px;
}

body#introduction div.agriculture p.more {
    font-size: 80%;
    position: absolute;
    right: 18px;
    top: 154px;
}

body#introduction div.agriculture p.more a {
    background:  url(/common/img/cm_arrow01_ico.gif) no-repeat 0 0;
    color: #535353;
    padding: 1px 0 0 19px;
}


/* # 01-01-010000
---------------------------------------------------------------------------- */

body#introduction div.organization div.leftCol,
body#introduction div.organization div.rightCol {
    min-height: 278px;
    position: relative;
}

body#introduction div.organization div.leftCol div.pageLink,
body#introduction div.organization div.rightCol div.pageLink {
    position: absolute;
    right: 0;
    bottom: 0;
}

body#introduction div.studyImg {
    float: left;
    padding: 10px 0 0 0;
    width: 412px;
}

body#introduction div.studyTxt p {
    min-height: 215px;
}

body#introduction div.studyTxt {
    float: right;
    padding: 11px 0 0 0;
    width: 278px;
}

body#introduction div.studyTxt div.pageLink {
    clear: both;
    margin: 0;
    text-align: left;
}

body#introduction div.studyTxt div.pageLink p {
    background:  url(/common/img/cm_dotted03_bg.gif) repeat-y right top;
    font-size: 80%;
    padding: 1px 9px 1px 0;
}

body#introduction div.studyTxt div.pageLink ul {
    background: none;
    display: block;
    padding: 2px 0 0 0;
}

body#introduction div.studyTxt div.pageLink ul li {
    background:  url(/common/img/cm_arrow04_ico.gif) no-repeat 0 5px;
    display: inline;
    font-size: 100%;
    padding: 0 0 0 11px;
    margin-right: 18px;
}

body#introduction div.truthBoxTop {
    background: url(/common/img/introduction/introduction_box01_bg.gif) no-repeat 0 0;
    clear: both;
    padding: 2px 0 0 0;
    margin-top: 5px;
}

body#introduction div.truthBoxFirst {
    margin-top: 10px;
}

body#introduction div.truthBoxBottom {
    background: url(/common/img/introduction/introduction_box02_bg.gif) no-repeat 0 bottom;
    padding: 10px 16px 16px 16px;
}

body#introduction div.truthBoxBottom p {
    float: left;
    padding: 4px 0 0 0;
    width: 150px;
}

body#introduction div.truthBoxBottom div {
    float: right;
    padding: 0;
    width: 508px;
}

body#introduction div.truthBoxBottom div h3 {
    font-weight: bold;
    padding: 0;
}

body#introduction div.truthBoxBottom div p {
    float: none;
    padding: 0;
    width: auto;
}

body#introduction div.truthBoxBottom div p.more {
    text-align: right;
}

body#introduction div.truthBoxBottom div p.more a {
    background:  url(/common/img/cm_arrow01_ico.gif) no-repeat 0 0;
    color: #535353;
    padding: 1px 0 0 19px;
}

body#introduction div.pageLinkOther {
    margin-top: 8px;
}


/* # 01-04-010000
---------------------------------------------------------------------------- */

body#introduction div.areaListTop {
    background:  url(/common/img/cm_areaList03_bg.gif) no-repeat 0 0;
    padding: 7px 0 0 0;
}

body#introduction div.areaList div.linkAreaOther div h4 {
    background:  url(/common/img/cm_dotted04_bg.gif) repeat-x left bottom;
    font-weight: bold;
    padding: 0 0 3px 1px;
    margin-bottom: 10px;
}

body#introduction div.areaList div.linkAreaOther div.leftArea h4 {
    width: 522px;
}

body#introduction div.areaList div.linkAreaOther div.leftArea ul li ul li {
    background:  url(/common/img/cm_arrow08_ico.gif) no-repeat 0 9px;
    float: none;
    padding: 3px 3px 0 7px;
    width: auto;
}

body#introduction div.areaList div.linkAreaOther div.rightArea ul li {
    background:  url(/common/img/cm_arrow08_ico.gif) no-repeat left 9px;
    padding: 3px 3px 0 7px;
    width: 124px;
}

body#introduction .instituteList {
    margin: -10px -21px 0 0;
    padding: 5px 0 0 0;
}

* html body#introduction .instituteList {
    margin-right: -25px;
}

*:first-child + html body#introduction .instituteList {
    margin-right: -25px;
}

body#introduction .instituteList li {
    display: inline-block;
    margin: 17px 21px 0 0;
    vertical-align: top;
    width: 340px;
}

body#introduction .instituteList li.instituteRight {
    margin-right: 0;
}

* html body#introduction .instituteList li {
    display: inline;
    margin-right: 25px;
}

*:first-child + html body#introduction .instituteList li {
    display: inline;
    margin-right: 25px;
}

body#introduction ul.instituteList li p.instituteImage {
    float: left;
    padding: 3px 0 0 0;
    width: 80px;
}

body#introduction ul.instituteList li div {
    float: right;
    width: 249px;
}

body#introduction ul.instituteList li div h3 a {
    margin-bottom: 5px;
}

body#introduction ul.instituteList li div p {
    margin-top: 6px;
}

body#introduction ul.virtualList li ul li {
    padding: 12px 0 0 0;
    width: 338px;
}

body#introduction ul.virtualList li ul li.virtualLeft {
    float: left;
}

body#introduction ul.virtualList li ul li.virtualRight {
    float: right;
}

body#introduction ul.virtualList li ul li h3 img {
    padding: 3px 6px 0 0;
    vertical-align: top;
}

body#introduction ul.virtualList li ul li p {
    padding: 5px 0 0 0;
}


/* # 01-04-020100
---------------------------------------------------------------------------- */

body#introduction p.overviewTxt {
    padding: 12px 0 0 0;
}

body#introduction p.overviewImg {
    padding: 16px 0 4px 0;
    text-align: center;
}

/* # 01-04-020205
---------------------------------------------------------------------------- */

body#introduction p.originalTxt {
    padding: 15px 0 0 0;
}


/* # 01-04-020201
---------------------------------------------------------------------------- */

body#introduction ul.topicList {
    background: none;
    text-align: right;
    padding: 5px 0 0 0;
}

body#introduction ul.topicList li {
    display: inline;
    margin-left: 15px;
    width: auto;
}

body#introduction ul.topicList li a {
    background:  url(/common/img/cm_arrow01_ico.gif) no-repeat 0 0;
    color: #535353;
    font-size: 80%;
    padding-bottom: 1px;
    padding-left: 18px;
}

body#introduction div.pickupSmallLeft {
/* -- 20160510 追加-- */
clear:both;


    background: url(/common/img/introduction/introduction_pickup_box01_bg.gif) no-repeat 0 0;
    float: left;
    margin-bottom: 5px;
    padding: 16px 0 0 0;
    width: 350px;
}

body#introduction div.pickupSmallRight {
    background: url(/common/img/introduction/introduction_pickup_box01_bg.gif) no-repeat 0 0;
    float: right;
    margin-bottom: 5px;
    padding: 16px 0 0 0;
    width: 350px;
}

body#introduction div.pickupSmallLeft div,
body#introduction div.pickupSmallRight div {
    background: url(/common/img/introduction/introduction_pickup_box02_bg.gif) no-repeat 0 bottom;
    padding: 0 16px 14px 16px;
}

body#introduction div.pickupSmallLeft div p,
body#introduction div.pickupSmallRight div p {
    float: left;
    width: 100px;
}

body#introduction div.pickupSmallLeft div div,
body#introduction div.pickupSmallRight div div {
    background: none;
    float: right;
    padding: 0;
    width: 205px;
}

body#introduction div.pickupSmallLeft div div h3 a,
body#introduction div.pickupSmallRight div div h3 a {
    background:  url(/common/img/cm_arrow04_ico.gif) no-repeat 0px 5px;
    padding: 0 0 0 8px;
}

body#introduction div.pickupSmallLeft div div h3 .externalIcon,
body#introduction div.pickupSmallRight div div h3 .externalIcon {
    vertical-align: middle;
}

body#introduction div.pickupSmallLeft div div h3 a.externalLink,
body#introduction div.pickupSmallRight div div h3 a.externalLink {
    background:  none;
    margin-left: -5px;
}

body#introduction div.pickupSmallLeft div div p,
body#introduction div.pickupSmallRight div div p  {
    width: auto;
}

body#introduction div.pickupTop {
    background: url(/common/img/introduction/introduction_pickup_box03_bg.gif) no-repeat 0 0;
    padding: 14px 0 0 0;
    margin-bottom: 10px;
}

body#introduction div.pickupBottom {
    background: url(/common/img/introduction/introduction_pickup_box04_bg.gif) no-repeat 0 bottom;
    padding: 0 0 8px 19px;
}

body#introduction div.pickupBottom ul li {
    float: left;
    padding: 0 0 0 5px;
    width: 332px;
}

body#introduction div.pickupBottom ul li a{
    background:  url(/common/img/cm_arrow04_ico.gif) no-repeat 1px 8px;
    padding-left: 11px;
}

body#introduction div.pickupBottom ul li a.externalLink{
    background:  none;
    margin-left: -8px;
}

body#introduction div.pickupBottom ul li .externalIcon{
    background:  none;
    vertical-align: baseline;
}

/* # 01-04-020700
---------------------------------------------------------------------------- */

body#introduction h3.contactHead {
    background: #f6f6f6;
    color: #000;
    border-left: 2px solid #717171;
    font-weight: bold;
    margin: 10px 0 0 0;
    padding: 4px 0 2px 12px;
}

body#introduction div.contactBoxTop {
    background: url(/common/img/introduction/introduction_pickup_box03_bg.gif) no-repeat 0 0;
    padding: 14px 0 0 0;
    margin: 10px 0 20px 0;
}

body#introduction div.contactBoxBottom {
    background: url(/common/img/introduction/introduction_pickup_box04_bg.gif) no-repeat 0 bottom;
    padding: 0 0 8px 19px;
}







/* # clearfix
---------------------------------------------------------------------------- */

body#introduction div#content,
body#introduction div#mainCol div.agriculture,
body#introduction div.truthBoxBottom,
body#introduction .instituteList,
body#introduction .instituteList li,
body#introduction ul.virtualList li ul,
body#introduction ul.virtualList li ul li,
body#introduction div.pickupSmallLeft div,
body#introduction div.pickupSmallRight div,
body#introduction div.pickupBottom ul,
body#introduction div.contactBoxBottom,
body#introduction div.introduction ul {
    zoom: 1;
}

body#introduction div#content:after,
body#introduction div#mainCol div.agriculture:after,
body#introduction div.truthBoxBottom:after,
body#introduction .instituteList:after,
body#introduction .instituteList li:after,
body#introduction ul.virtualList li ul:after,
body#introduction ul.virtualList li ul li:after,
body#introduction div.pickupSmallLeft div:after,
body#introduction div.pickupSmallRight div:after,
body#introduction div.pickupBottom ul:after,
body#introduction div.contactBoxBottom:after,
body#introduction div.introduction ul:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}