@charset "UTF-8";

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

# common classes
# Col
# boxSmall
# box
# mHeadSection
# yearSection
# pickupSection
# areaList
# search
# new
# topicList
# pageLink
# newSearch
# selected
# topicStyle
# research
# clearfix

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

/* # common classes
---------------------------------------------------------------------------- */

div#bHead {
background: #EFEFEF;
color: #000;
-webkit-border-radius:5px 5px 0px 0px;
border-radius:5px 5px 0px 0px;
border:solid 1px #D2D2D2;
height:auto;
border-bottom:solid 3px #777;
margin-bottom:20px;
padding-bottom:10px;
line-height:24px;
margin-top:12px;
}

div#bHeadnarc {
    background: url(/narc/files/lab_narc.png) no-repeat 0 0;
    height: 31px;
    margin-bottom: 25px;
    margin-top: 25px;
    position: relative;
    border-bottom:solid 4px #e7e8e8;
}
div#bHeadnics {
    background: url(/nics/files/lab_nics.png) no-repeat 0 0;
    height: 31px;
    margin-bottom: 25px;
    margin-top: 25px;
    position: relative;
    border-bottom:solid 4px #e7e8e8;
}


body#introduction div#bHeadnics,body.custom div#bHeadnics  {
    border-bottom:0;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #efefef none repeat scroll 0 0 !important;
    border-color: #d2d2d2 #d2d2d2 #777;
    border-image: none;
    border-radius: 5px 5px 0 0;
    border-style: solid;
    border-width: 1px 1px 3px;
    color: #000;
    font-size: 14px;
    height: auto;
    letter-spacing: 1px;
    line-height: 24px;
    margin-bottom: 20px;
    margin-top: 12px;
    padding: 0px 15px 15px 10px;
}




div#bHeadfruit {
    background: url(/common/img/cm_fruit_bg.png) no-repeat 0 0;
    height: 57px;
    margin-bottom: 12px;
    position: relative;
}
div#bHeadflower {
    background: url(/common/img/cm_flower_bg.png) no-repeat 0 0;
    height: 57px;
    margin-bottom: 12px;
    position: relative;
}
div#bHeadvegetea {
    background: url(/common/img/cm_vegetea_bg.png) no-repeat 0 0;
    height: 57px;
    margin-bottom: 12px;
    position: relative;
}
div#bHeadnilgs {
    background: url(/common/img/cm_nilgs_bg.png) no-repeat 0 0;
    height: 57px;
    margin-bottom: 12px;
    position: relative;
}
div#bHeadniah {
    background: url(/common/img/cm_niah_bg.png) no-repeat 0 0;
    height: 57px;
    margin-bottom: 12px;
    position: relative;
}
div#bHeadnkk {
    background: url(/common/img/cm_nkk_bg.png) no-repeat 0 0;
    height: 57px;
    margin-bottom: 12px;
    position: relative;
}
div#bHeadnfri {
    background: url(/common/img/cm_nfri_bg.png) no-repeat 0 0;
    height: 57px;
    margin-bottom: 12px;
    position: relative;
}
div#bHeadharc {
    background: url(/harc/files/lab_harc.png) no-repeat 0 0;
    height: 31px;
    margin-bottom: 25px;
    margin-top: 25px;
    position: relative;
    border-bottom:solid 4px #e7e8e8;
}
div#bHeadtarc {
    background: url(/tarc/files/lab_tarc.png) no-repeat 0 0;
    height: 31px;
    margin-bottom: 25px;
    margin-top: 25px;
    position: relative;
    border-bottom:solid 4px #e7e8e8;
}
div#bHeadwarc {
    background: url(/warc/files/lab_warc.png) no-repeat 0 0;
    height: 31px;
    margin-bottom: 25px;
    margin-top: 25px;
    position: relative;
    border-bottom:solid 4px #e7e8e8;
}
div#bHeadkarc {
     background: url(/karc/files/lab_karc.png) no-repeat 0 0;
    height: 31px;
    margin-bottom: 25px;
    margin-top: 25px;
    position: relative;
    border-bottom:solid 4px #e7e8e8;
}
div#bHeadfarmers-ac {
    background: url(/common/img/cm_farmers-ac_bg.png) no-repeat 0 0;
    height: 57px;
    margin-bottom: 12px;
    position: relative;
}
div#bHeadbrain {
    background: url(/brain/files/lab_brain.png) no-repeat 0 0;
    height: 31px;
    margin-bottom: 25px;
    margin-top: 25px;
    position: relative;
    border-bottom:solid 4px #e7e8e8;
}


div#bHeadkarc h1,
div#bHeadwarc h1,
div#bHeadnarc h1,
div#bHeadtarc h1,
div#bHeadharc h1,
div#bHeadbrain h1{
visibility:hidden;
}

div#bHead h1,
div#bHeadnarc h1,
div#bHeadnics h1,
div#bHeadfruit h1,
div#bHeadflower h1,
div#bHeadvegetea h1,
div#bHeadnilgs h1,
div#bHeadniah h1,
div#bHeadnkk h1,
div#bHeadnfri h1,
div#bHeadharc h1,

div#bHeadwarc h1,
div#bHeadkarc h1,
div#bHeadfarmers-ac h1,

div#bHeadbrain h1 {
    color: #000;
    font-weight: bold;
    font-size: 120%;
    padding: 14px 10px 0 14px;
}

div#bHead p.bHeadLogo,
div#bHeadnarc p.bHeadLogo,
div#bHeadnics p.bHeadLogo,
div#bHeadfruit p.bHeadLogo,
div#bHeadflower p.bHeadLogo,
div#bHeadvegetea p.bHeadLogo,
div#bHeadnilgs p.bHeadLogo,
div#bHeadniah p.bHeadLogo,
div#bHeadnkk p.bHeadLogo,
div#bHeadnfri p.bHeadLogo,
div#bHeadharc p.bHeadLogo,
div#bHeadtarc p.bHeadLogo,
div#bHeadwarc p.bHeadLogo,
div#bHeadkarc p.bHeadLogo,
div#bHeadfarmers-ac p.bHeadLogo,

div#bHeadbrain p.bHeadLogo {
    background: url(/common/img/cm_dotted03_bg.gif) repeat-y 0 0;
    padding: 2px 1px 2px 6px;
    position: absolute;
    right: 5px;
    top: 4px;
}

p.visual {
    margin-bottom: 12px;
}

p.leadTxt {
    margin-bottom: 9px;
}

p.leadTxtOther {
    margin-bottom: 0;
}

div.section {
    clear: both;
    margin-bottom: 30px;
    position: relative;
    z-index: 1;
}
div.dropdown{
    z-index: 2;
}
div.section p.sectionTxt,
div.sectionLast p.sectionTxt {
    padding: 12px 0 0 0;
}

div.section h2,
div.sectionLast h2 {
background:#DEDEDE ;
background: -webkit-linear-gradient(top, #FEFEFE 0%, #DEDEDE 100%);
background: linear-gradient(to bottom, #FEFEFE 0%, #DEDEDE 100%);

color: #313131;
-webkit-border-radius:5px 5px 0px 0px;
border-radius:5px 5px 0px 0px;
font-size:100%;
border:solid 1px #D2D2D2;
height:auto;
border-bottom:solid 2px #C9C9C9;
padding:7px 12px;
font-weight:bold;
margin-bottom:30px;
margin-top:0px;
}

div.section h2 a,
div.sectionLast h2 a {  
    background: url(/common/img/cm_arrow04_ico.gif) no-repeat 0 4px;
    padding: 0 0 0 12px;
}

div.sectionLast {
    clear: both;
}

div.section p.more,
div.sectionLast p.more {
    clear: both;
    font-size: 80%;
    padding-top: 8px;
    text-align: right;
}

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

div.topicSection {
    margin-bottom: 12px;
    text-align: right;
}

.mt7 { margin-top: 7px; }



div.section2 {
    clear: both;
    margin-left: 30px;
    margin-bottom: 0px;
    position: relative;
    z-index: 1;
}
div.section2 p.moreleft{
    clear: both;
    font-size: 80%;
    padding-top: 8px;
    text-align: left;
}

div.section2 p.moreleft a {
    background: url(/common/img/cm_arrow04_ico.gif) no-repeat 0 4px;
    color: #535353;
    padding: 1px 0 0 10px;
}


/* # Col
---------------------------------------------------------------------------- */

div.leftCol {
    float: left;
    width: 338px;
}

div.rightCol {
    float: right;
    width: 338px;
}

div.leftCol h2,
div.rightCol h2 {
background:#DEDEDE ;
background: -webkit-linear-gradient(top, #FEFEFE 0%, #DEDEDE 100%);
background: linear-gradient(to bottom, #FEFEFE 0%, #DEDEDE 100%);

color: #313131;
-webkit-border-radius:5px 5px 0px 0px;
border-radius:5px 5px 0px 0px;
font-size:100%;
border:solid 1px #D2D2D2;
height:auto;
border-bottom:solid 2px #C9C9C9;
padding:7px 12px;
font-weight:bold;
margin-bottom:30px;
margin-top:0px;
}

div.leftCol h2 a,
div.rightCol h2 a {
    background: url(/common/img/cm_arrow04_ico.gif) no-repeat 0 4px;
    padding: 0 0 0 12px;
}

div.leftCol p,
div.rightCol p {
    padding: 12px 0 0 0;
}

div.leftCol p.colContent,
div.rightCol p.colContent {
    padding-bottom: 35px;
}

div.leftCol p.more,
div.rightCol p.more {
    font-size: 80%;
    padding: 3px 0 0 0;
    text-align: right;
}

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

div.leftCol ul.linkList,
div.rightCol ul.linkList {
    padding: 10px 0 0 0;
}

div.leftCol ul.linkList li,
div.rightCol ul.linkList li {
    background: url(/common/img/cm_arrow04_ico.gif) no-repeat 0 9px;
    padding: 2px 0 0 11px;
    width: auto;
}


/* # boxSmall
---------------------------------------------------------------------------- */

div div.boxSmallTop {
    background: url(/common/img/cm_box01_bg.gif) no-repeat 0 0;
    padding: 2px 0 0 0;
    margin: 10px 0 0 0;
}

div.boxSmallBottom {
    background: url(/common/img/cm_box02_bg.gif) no-repeat 0 bottom;
    padding: 0 16px 14px 16px;
}

div.boxSmallBottom p {
    padding: 11px 0 1px 0;
}

div.boxSmallBottom p a {
    background: url(/common/img/cm_arrow04_ico.gif) no-repeat 0 4px;
    padding: 0 0 0 10px;
}

div.boxSmallBottom p select {
    margin: 1px 0 0 0;
    height: 25px;
    width: 255px;
}


/* # pickupTop
---------------------------------------------------------------------------- */

div.pickupTop {
    background: url(/common/img/cm_pickup_box03_bg.gif) no-repeat 0 0;
    padding: 13px 0 0 0;
}

div.pickupBottom {
    background: url(/common/img/cm_pickup_box04_bg.gif) no-repeat 0 bottom;
    padding: 0 16px 11px 16px;
}

div#mainCol div.otherSection ul.linkList li {
    background: none;
    float: left;
    padding: 0;
    width: 187px;
}

div#mainCol div.pickupBottom ul.linkList li.linkSizeM {
    width: 167px!important;
}

div#mainCol div.pickupBottom ul.linkList li.linkSizeM ul li {
    width: 162px!important;
}

div#mainCol div.pickupBottom ul.linkList li.linkSizeB {
    width: 290px!important;
}

div#mainCol div.pickupBottom ul.linkList li.linkSizeB ul li {
    width: 250px!important;
}

div#mainCol div.pickupBottom ul.linkList li ul li {
    background: url(/common/img/cm_arrow04_ico.gif) no-repeat 0 7px;
    padding: 0 0 0 10px;
    float: none;
    width: auto;
}


/* # box
---------------------------------------------------------------------------- */

div.box {
    background: url(/common/img/cm_box04_bg.gif) no-repeat 0 bottom;
    padding: 0 0 2px 0;
}

div.box h3 {
    background: url(/common/img/cm_box03_bg.gif) no-repeat 0 0;
    padding: 11px 0 1px 25px;
    margin: 10px 0 0 0;
}

div.box ul.boxList {
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    font-size: 80%;
    padding: 7px 8px 8px 24px;
}
/* igrove_20110329----------------------- */
*:first-child + html div.box ul.boxList {
    padding-bottom: 11px;
}
/* igrove_20110329----------------------- */
div.box ul.boxList li {
    float: left;
    width: 324px;
}

div.box ul.boxList li ul li {
    background: url(/common/img/cm_arrow05_ico.gif) no-repeat 0 5px;
    margin-bottom: 3px;
    padding: 0 0 0 8px;
    /* igrove_20110329----------------------- */
    width: 316px;
    /* igrove_20110329----------------------- */
}

/* # mHeadSection
---------------------------------------------------------------------------- */

div.mHeadSection {
    position: relative;
}

div.mHeadSection div {
    position: absolute;
    right: 12px;
    top: 9px;
}

div.mHeadSection div p {
    display: inline;
    font-size: 90%;
    float: left;
    width: auto;
}

div.mHeadSection div p img {
    vertical-align: top;
}

div.mHeadSection div p.list {
    background: url(/common/img/cm_dotted06_bg.gif) no-repeat right top;
    margin-right: 7px;
    padding: 0 7px 0 0;
}

div.mHeadSection div p.list a {
    background: url(/common/img/cm_arrow01_ico.gif) no-repeat 0 0;
    color: #535353;
    padding-left: 19px;
}


/* # yearSection
---------------------------------------------------------------------------- */

div.yearSection {
    background: url(/common/img/cm_list01_bg.gif) no-repeat left top;
    margin: 10px 0 0 0;
    padding: 2px 0 0 0;
}

div.yearSection div.yearContent {
    background: url(/common/img/cm_list02_bg.gif) no-repeat left bottom;
    padding: 10px 15px 7px 16px;
}

div.yearSection div.yearContent ul.yearList li {
    display: inline;
    float: left;
    margin-right: 20px;
    width: auto;
    white-space:nowrap;
}

div.yearSection div.yearContent ul.yearList li.active {
    background: url(/common/img/cm_arrow07_ico.gif) no-repeat 0 8px;
    color: #959595;
    padding-left: 9px;
}

div.yearSection div.yearContent ul.yearList li a {
    background: url(/common/img/cm_arrow04_ico.gif) no-repeat 0 4px;
    padding-left: 9px;
}


/* # pickupSection
---------------------------------------------------------------------------- */

div.pickupSection h3 {
    background: url(/common/img/cm_pickup_bg.gif) no-repeat 0 0;
    color: #FFFFFF;
    font-weight: bold;
    padding: 8px 10px 0 20px;
    height: 28px;
}

div.pickupSection div.pickupContent {
    background: #eee;
    padding: 0 0 10px 6px;
}

div.pickupSection div.pickupContent ul li {
    display: inline;
    float: left;
    margin-left: 9px;
    padding: 15px 0 5px 0;
    width: 335px;
}

div.pickupSection div.pickupContent ul li p.pickupImage {
    display: inline;
    float: left;
    margin-right: 12px;
    width: auto;
}

div.pickupSection div.pickupContent ul li div {
    display: inline;
    float: left;
    font-size: 90%;
    width: 208px;
}

div.pickupSection div.pickupContent ul li div p.pickupTitle a {
    background: url(/common/img/cm_arrow04_ico.gif) no-repeat 0 5px;
    padding-left: 10px;
}
div.pickupSection div.pickupContent ul li div p.pickupTitle img {
    margin: 0 0 3px 4px;
    /*vertical-align: middle; */  /* tomix */
}
div.pickupSection div.pickupContent ul li div p.pickupTitle a.externalLink{
    background: none;
    padding: 3px;
    vertical-align: baseline;
    margin-left: 0;
}
div.pickupSection div.pickupContent ul li div p.pickupTitle .externalIcon{
    vertical-align: baseline;
    margin: 0;
}

/* # areaList
---------------------------------------------------------------------------- */

div.areaList {
    background: url(/common/img/cm_list02_bg.gif) no-repeat left bottom;
    padding: 0 0 2px 0;
    margin: 10px 0 0 0
}

div.areaListContent {
    background: url(/common/img/cm_areaList01_bg.gif) no-repeat 0 0;
}

div.areaList h3 {
    height: 22px;
    padding: 11px 0 5px 27px;
}

div.areaList div.linkArea {
    background: #eee;
    font-size: 80%;
    padding: 7px 12px 9px 15px;
}

div.areaList div.linkArea div {
    float: left;
}

div.areaList div.linkArea div.leftArea {
    width: 695px;
}

div.areaList div.linkArea div h4 {
    font-weight: bold;
    padding: 0 0 1px 1px;
}

div.areaList div.linkArea div.leftArea ul li {
    float: left;
    width: auto;
}
ul.relationLink li.link{
 line-height: 2;
}
div.areaList div.linkArea div.leftArea ul li ul li {
    background: url(/common/img/cm_arrow05_ico.gif) no-repeat 0 8px;
    float: none;
    padding: 2px 3px 0 7px;
    width: auto;
}

div.areaList div.linkArea div.leftArea ul li.firstCol {
    width: 166px;
}

div.areaList div.linkArea div.leftArea ul li.secondCol {
    width: 120px;
}

div.areaList div.linkArea div.leftArea ul li.thirdCol {
    width: 186px;
}

div.areaList div.linkArea div.leftArea ul li.fourthCol {
    width: 223px;
}

div.areaList div.linkArea div.rightArea {
    width: 134px;
}

div.areaList div.linkArea div.rightArea ul li {
    background: url(/common/img/cm_arrow05_ico.gif) no-repeat left 8px;
    padding: 2px 3px 0 7px;
    width: 127px;
}


/* # search
---------------------------------------------------------------------------- */

div.searchTop {
    background: url(/common/img/cm_search01_bg.gif) no-repeat left top;
    clear: both;
    padding: 5px 0 0 0;
}

div.searchBottom {
    background: url(/common/img/cm_search02_bg.gif) no-repeat left bottom;
    padding: 0 0 5px 0;
}

div.searchContent {
    background: #eee;
    padding: 0 15px 0 15px;
}

div.searchContent p {
    padding: 9px 0;
}

div.searchContent p label {
    padding: 0 14px 0 0;
}

div.searchContent p input {
    vertical-align: middle;
}

div.searchContent p input.sizeM {
    color: #959595;
    height: 17px;
    padding: 3px 5px 0 5px;
    width: 218px;
}

div.searchContent p input.btnSearch {
    margin-left: -6px;
}

div.searchContent p span {
    font-size: 90%;
}

div.searchContent p span img {
    padding: 0 3px 0 6px;
    vertical-align: middle;
}


/* # new
---------------------------------------------------------------------------- */

dl.new dt {
    font-weight: bold;
    font-size: 80%;
    color: #707070;
    padding: 8px 0 0 16px;
}

dl.new strong {
    float: left;
    color: #313131;
    width: 120px;
}

dl.new span {
    display: block;
    float: left;
    font-size: 10px;
    font-weight: normal;
    height: 16px;
    padding: 1px 0 0 16px;
    width: 172px;
}

dl.new span.externalList {

    margin: 0 0 0 4px;
    padding: 0 0 2px 5px;
    width: auto;
}

dl.new dt img {
    float: left;
}

dl.new dt span.externalList img {
    margin-right: 2px;
}

.blank {
    background: url(/common/img/cm_blank_bg.gif) no-repeat 0 0;
    padding-left: 7px!important;
    margin-right: 2px;
    width: 76px!important;
}

.darkGreen {
    background: url(/common/img/cm_dark_green_bg.gif) no-repeat 0 0;
}

.green {
    background: url(/common/img/cm_green_bg.gif) no-repeat 0 0;
}

.pink {
    background: url(/common/img/cm_pink_bg.gif) no-repeat 0 0;
}

.blue {
    background: url(/common/img/cm_blue_bg.gif) no-repeat 0 0;
}

.lightBlue {
    background: url(/common/img/cm_light_blue_bg.gif) no-repeat 0 0;
}

.gray {
    background: url(/common/img/cm_gray_bg.gif) no-repeat 0 0;
}

.red {
    background: url(/common/img/cm_red_bg.gif) no-repeat 0 0;
}

.purple {
    background: url(/common/img/cm_purple_bg.gif) no-repeat 0 0;
}

dl.new dd {
    background: url(/common/img/cm_dotted04_bg.gif) repeat-x left bottom;
    clear: both;
    padding: 4px 0 5px 16px;
}
/* 2012.10.19 display: inline-block; 削除  */
dl.new dd a {
    background: url(/common/img/cm_arrow04_ico.gif) no-repeat 0 6px;
    padding-left: 13px;
    text-indent: -3px;
}

dl.new dd a img {
    vertical-align: top;


}


/* # topicList
---------------------------------------------------------------------------- */

ul.topicList {
    background: url(/common/img/cm_dotted04_bg.gif) repeat-x left bottom;
    text-align: right;
    padding-bottom: 6px;
}

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

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


/* # pageLink
---------------------------------------------------------------------------- */

div.pageLink {
    clear: both;
    margin: 14px 0 0 0;
    text-align: right;
}

div.pageLink p {
    display: inline;
    font-size: 80%;
    padding: 0 5px 0 0;
}

div.pageLink ul {
    background: url(/common/img/cm_dotted03_bg.gif) repeat-y 0 0;
    display: inline;
    padding: 1px 0 1px 11px;
}

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: 15px;
}

div.pageLink ul li.pageLinkLast {
    margin-right: 0;
}


/* # newSearch
---------------------------------------------------------------------------- */

p.newStay {
/*    background: url(/common/img/cm_light_blue_bg_s.gif) no-repeat 0 0;*/
    float: left;
    font-size: 90%;
    height: 21px;
/*  padding: 3px 0 0 15px;*/
    text-align: left!important;

}

p.purpleStay {
    background: url(/common/img/cm_purple_bg_s.gif) no-repeat 0 0!important;
}

p.searchSection {
    padding: 10px 0 11px 0;
    float: right;
    width: auto;
}

p.searchSection span {
    display: block;
    float: left;
    margin: 3px 0 0 0;
}

p.searchSection select {
    float: left;
    height: 24px;
    width: 255px;
    margin: 0 0 0 5px;
}


/* # related
---------------------------------------------------------------------------- */

div.related {
    border: 1px solid #e5e5e5;
    margin-bottom: 11px;
    padding: 0 0 6px 0;
}
div.related .externalIcon{
    vertical-align: middle;
    margin: 5px;
}
div.related h3 {
    background: #f6f6f6;
    color: #000;
    font-weight: bold;
    padding: 6px 0 5px 14px;
}

div.related p.contact {
    padding: 11px 0 4px 14px;
}

div.related ul.relatedLink {
    padding: 11px 0 4px 14px;
}

div.related ul.relatedLink li {
    background: url(/common/img/cm_arrow04_ico.gif) no-repeat 0 7px;
    padding: 0 18px 0 12px;
/*  float: left;*/
    width: auto;
}
div.related ul.relatedLink li span {
    color: #979797;
}
div.related ul.relatedLink li.relatedBlock {
    width: 657px;
}

div.related ul.relatedLink li.window {
    background: url(/common/img/cm_window_ico.gif) no-repeat 0 7px;
    padding-left: 13px;
    width: 657px;
}

div.related ul.relatedLink li a img {
    vertical-align: top;
}

div.keyword h3 {
    background: none;
    color: #7d7d7d;
}

div.keyword p {
    color: #7d7d7d;
    padding: 10px 0 2px 12px;
}


/* # selected
---------------------------------------------------------------------------- */

div.select {
    position: relative;
    width: 254px;
    z-index: 100;
}

div.select p.selected {
    background: #fff;
    border: 1px solid #cfcfcf;
    cursor: default;
    height: 21px;
    padding: 1px 5px 0 6px;
    position: relative;
}

.largeview div.select p.selected {
    font-size: 90%;
}

div.select p.selected img {
    cursor: pointer;
    position: absolute;
    right: -1px;
    top: -1px;
}

div.select ul {
    background: #fff;
    border: 1px solid #cfcfcf;
    border-top: none;
    display: none;
    left: 0;
    position: absolute;
    text-align: left;
    top: 23px;
    width: 251px;
    overflow:hidden; /* tomix */
}

div.select ul li a {
    background: #fff;
    color: #313131;
    display: block;
    padding: 0 5px 0 6px;
    width: 240px;
}

div.select ul li a:hover {
    background: #0068b7;
    color: #fff;
    text-decoration: none;
}


/* # yearSection
---------------------------------------------------------------------------- */

div.selectList {
    border-top: 1px solid #fff;
    margin: 4px 0 0 0;
    padding: 6px 0 0 0;
}

div.selectList p {
    margin: 3px 0 0 0;
    display: inline;
    width: auto;
}

div.selectList div {
    display: inline;
    margin-left: 8px;
}

div.selectList div p {
    display: inline-block;
    margin: 0;
    text-align: left;
    width: 240px;
}

div.selectList div.select ul {
    top: 19px;
}



/* # topicStyle
---------------------------------------------------------------------------- */

div.topicStyle {
    background: url(/common/img/cm_dotted04_bg.gif) repeat-x left bottom;
    padding-bottom: 6px;
    text-align: left;
}

div.topicStyle p {
    float: left;
}

div.topicStyle ul.list {
    float: left;
    padding: 0 0 0 15px;
    width: 600px;
}

div.topicStyle ul.list li {
    background: url(/common/img/cm_arrow05_ico.gif) no-repeat 0 7px;
    display: inline;
    float: left;
    font-size: 90%;
    padding: 0 15px 0 9px;
    white-space: nowrap;
    width: 126px;
}

div.topicStyle ul.list li.active {
    background: url(/common/img/cm_arrow09_ico.gif) no-repeat 0 7px;
}

div.topicStyle ul.list li.active a {
    color: #959595;
}

/* # research
---------------------------------------------------------------------------- */

div.research {

}

div.research p.researchImg {
    float: left;
    width: 317px;
}

div.research p.researchTxt {
    float: right;
    padding: 2px 0 0 0;
    width: 369px;
}


/* # researchBox
---------------------------------------------------------------------------- */

div.searchBox {
    background: url(/common/img/cm_areaList02_bg.gif) no-repeat left bottom;
    margin-top: 10px;
    padding-bottom: 2px;
}

div.searchBoxInner {
    background: #eee;
    padding-bottom: 10px;
}

div.searchBoxTop {
    background: url(/common/img/cm_areaList03_bg.gif) no-repeat 0 0;
    padding: 14px 0 7px 15px;
}

div.searchBox .sizeM {
    border: 1px solid #cfcfcf;
    border-right: none;
    height: 20px;
    padding-left: 4px;
    width: 224px;
}

div.searchBox p {
    float: left;
    display: inline;
    padding-right: 10px;
}

div.searchBox p.patentQuestion {
    background: url(/common/img/cm_question_ico.gif) no-repeat 0 4px;
    font-size: 90%;
    padding: 3px 0 0 18px;
}

div.searchBox label {
    float: left;
    padding: 2px 14px 0 0;
}

div.searchBox input {
    color: #959595;
    float: left;
}


/* # listArea
---------------------------------------------------------------------------- */

div.listArea {
    background: url(/common/img/home_section_bottom_bg.gif) no-repeat left bottom;
    clear: both;
    margin: 20px auto 0;
    padding-bottom: 6px;
    width: 950px;
}

div.listArea div.mHeadSection {
    background: url(/common/img/home_section_top_bg.gif) no-repeat 0 0;
    padding: 0 14px;
    position: relative;
}

div.listArea div.mHeadSection h2 {
    background: url(/common/img/cm_dotted04_bg.gif) repeat-x scroll left bottom;
    font-weight: bold;
    
    padding: 15px 0 2px 2px;
}

div.listArea div.mHeadSection p {
    background: url(/common/img/cm_arrow01_ico.gif) no-repeat 0 2px;
    font-size: 80%;
    padding-left: 20px;
    position: absolute;
    right: 16px;
    top: 15px;
}

div.listArea div.mHeadSection p a {
    color: #535353;
}

ul.linkArea {
    background: #eee;
    padding: 9px 0 13px 26px;
}

ul.linkArea li {
    float: left;
    width: 231px;
}

ul.linkArea li ul li {
    background: url(/common/img/cm_arrow05_ico.gif) no-repeat 0 9px;
    float: none;
    font-size: 80%;
    padding: 3px 0 0 9px;
    width: auto;
}


/* # boxInfo
---------------------------------------------------------------------------- */

div.boxInfo {
    background: url(/common/img/cm_box04_bg.gif) no-repeat left bottom;
    clear: both;
    margin-top: 5px;
    padding: 0 0 2px 0;
}

div.boxInfoTop {
    background: url(/common/img/cm_box06_bg.gif) no-repeat left top;
    padding: 2px 0 0 0;
}

div.boxInfoContent {
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    padding: 11px 0 0 15px;
}

div.boxInfoContent p.image {
    display: inline;
    float: left;
    padding: 3px 0 0 0;
}

div.boxInfoContent div.content {
    display: inline;
    float: left;
    padding: 0 0 0 15px;
    width: 597px;
}

div.boxInfoContent div.content ul.pickupList li {
    padding: 0 0 10px 0;
}

div.boxInfoContent div.content ul.pickupList li a {
    background: url(/common/img/cm_arrow04_ico.gif) no-repeat 0 5px;
    padding: 0 0 0 8px;
margin-left:10px;
}

div.boxInfoContent div.content ul.pickupList li span {
    display: block;
}


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

div.boxInfo,
div.boxInfoTop,
div#mainCol div.pickupBottom ul.linkList li ul,
div#mainCol div.pickupBottom ul.linkList,
div.boxInfoContent,
div.searchBox p,
div.searchBoxInner,
div.searchBox,
div.topicStyle ul.list,
div.topicStyle,
div.searchBottom,
div.searchContent,
div#content,
div.section,
div.sectionLast,
div.sectionInner,
div.pageLink,
div.box ul,
div.mHeadSection div,
div.yearSection,
div.yearSection div.yearContent ul,
div.selectList,
div.pickupSection div.pickupContent ul,
div.pickupSection div.pickupContent,
div.areaList,
ul.topicList,
div.areaList div.linkArea,
div.areaList div.linkArea div.leftArea ul,
div.leftCol ul.linkList,
div.rightCol ul.linkList,
div.related ul.relatedLink,
div.newsSearch,
div.research,
ul.linkArea,
div#mainCol div.otherSection ul.linkList li {
    zoom: 1;
}

div.boxInfo:after,
div.boxInfoTop:after,
div#mainCol div.pickupBottom ul.linkList li ul:after,
div#mainCol div.pickupBottom ul.linkList:after,
div.boxInfoContent:after,
div.searchBox p:after,
div.searchBoxInner:after,
div.searchBox:after,
div.topicStyle ul.list:after,
div.topicStyle:after,
div.searchBottom:after,
div.searchContent:after,
div#content:after,
div.section:after,
div.sectionLast:after,
div.sectionInner:after,
div.pageLin,
div.box ul:after,
div.mHeadSection div:after,
div.yearSection:after,
div.yearSection div.yearContent ul:after,
div.selectList:after,
div.pickupSection div.pickupContent ul:after,
div.pickupSection div.pickupContent:after,
div.areaList:after,
ul.topicList:after,
div.areaList div.linkArea:after,
div.areaList div.linkArea div.leftArea ul:after,
div.leftCol ul.linkList:after,
div.rightCol ul.linkList:after,
div.related ul.relatedLink:after,
div.newsSearch:after,
div.research:after,
ul.linkArea:after,
div#mainCol div.otherSection ul.linkList li:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}

/* ========= 2012.02.10 ========= */
div.selectList div {
    display: inline-block;
    *display: inline;
}

div.selectList div.select ul {
    top: 24px;
}




/*イベントタブの変更 20140422*/

/* # new2
---------------------------------------------------------------------------- */

dl.new2 dt {
    font-weight: bold;
    font-size: 80%;
    color: #707070;

    padding: 8px 0 0 16px;
}

dl.new2 strong {
    float: left;

    color: #313131;
    width: 160px;
}

dl.new2 span {
    display: block;
    float: left;
    font-size: 10px;
    font-weight: normal;
    height: 16px;
    padding: 1px 0 0 16px;
    width: 172px;
}

dl.new2 span.externalList {

    margin: 0 0 0 4px;
    padding: 0 0 2px 5px;
    width: auto;
}

dl.new2 dt img {
    float: left;
}

dl.new2 dt span.externalList img {
    margin-right: 2px;
}

.blank {
    background: url(/common/img/cm_blank_bg.gif) no-repeat 0 0;
    padding-left: 7px!important;
    margin-right: 2px;
    width: 76px!important;
}

.darkGreen {
    background: url(/common/img/cm_dark_green_bg.gif) no-repeat 0 0;
}

.green {
    background: url(/common/img/cm_green_bg.gif) no-repeat 0 0;
}

.pink {
    background: url(/common/img/cm_pink_bg.gif) no-repeat 0 0;
}

.blue {
    background: url(/common/img/cm_blue_bg.gif) no-repeat 0 0;
}

.lightBlue {
    background: url(/common/img/cm_light_blue_bg.gif) no-repeat 0 0;
}

.gray {
    background: url(/common/img/cm_gray_bg.gif) no-repeat 0 0;
}

.red {
    background: url(/common/img/cm_red_bg.gif) no-repeat 0 0;
}

.purple {
    background: url(/common/img/cm_purple_bg.gif) no-repeat 0 0;
}

dl.new2 dd {
    background: url(/common/img/cm_dotted04_bg.gif) repeat-x left bottom;
    clear: both;
    padding: 4px 0 5px 16px;
}
/* 2012.10.19 display: inline-block; 削除  */
dl.new2 dd a {
    background: url(/common/img/cm_arrow04_ico.gif) no-repeat 0 6px;
    padding-left: 13px;
    text-indent: -3px;
}

dl.new2 dd a img {
    vertical-align: top;


}