/* 共通クラス */

.fleft {
  float:left;
}

.fright {
  float:right;
}


/* データベース表示部分（上部） */
#mainGraphic {
        margin: -10px auto 20px;
}
#mainGraphic_upper {
        line-height: 0;
}
#mainNavi {
        background: url(../images/top/top_main_lower.png) no-repeat 0 0;
        display: block;
        width: 970px;
        padding: 0 11px 0 25px;
}
.naviBox {
        float: left;
        width: 280px;
        border: 1px solid #E7E7E7;
        padding-left: 15px;
        height: 180px;
	position: relative;
	padding-bottom: 10px;
}
dl.category dt {
        line-height: 31px;
        color: #FFF;
        font-weight: bold;
        font-size: 116%;
}
dl.category dd {
        width: 165px;
        margin: 10px 0;
        line-height: 1.4;
}
.naviBox ul {
        margin : 10px 0;
}
.naviBox ul li {
        display: inline;
        padding-right: 3px;
}
.category_opac,.category_agknle,.category_db,.category_oj,.category_data,.category_tool {
        margin-right: 14px;
}
.category_opac {
        background: #FFFFFF url(../images/top/catimg_opac.jpg) no-repeat 0 0;
}
.category_agknle {
        background: #FFFFFF url(../images/top/catimg_agknle.jpg) no-repeat 0 0;
}
.category_db {
        background: #FFFFFF url(../images/top/catimg_db.jpg) no-repeat 0 0;
}
.category_oj {
        background: #FFFFFF url(../images/top/catimg_oj.jpg) no-repeat 0 0;
        margin-top: 9px;
}
.category_data {
        background: #FFFFFF url(../images/top/catimg_data.jpg) no-repeat 0 0;
        margin-top: 9px;
}
.category_tool {
        background: #FFFFFF url(../images/top/catimg_tool.jpg) no-repeat 0 0;
        margin-top: 9px;
}
#top_menu_img {
        background: url("../images/top/top_main.png") no-repeat left top;
        width: 970px;
        height: 450px;
        margin: 0px 0px 20px 0px;
}

#top_menu_img_upper {
        background: url("../images/top/top_main1.png") no-repeat left top;
        width: 970px;
        height: 165px;
        z-index: -1;
}

#top_menu_img_lower {
        background: url("../images/top/top_main2.png") no-repeat left top;
        background-color: #B4E0B7;
        width: 970px;
        height: 315px;
        z-index: -1;
        margin-bottom: 20px;
}

.bigger-font #top_menu_img_lower {
        height: 357px;
}

.bigger-font .top_menu_btn .span_com {
        height: 110px;
}

.bigger-font #top_menu_btn_1,
.bigger-font #top_menu_btn_2,
.bigger-font #top_menu_btn_3,
.bigger-font #top_menu_btn_4,
.bigger-font #top_menu_btn_5,
.bigger-font #top_menu_btn_6 {
        height: 135px;
}

.bigger-font .top_menu_btn {
        height: 155px;
}

.top_menu_btn {
        width: 303px;
        height: 125px;
        position: relative;
        padding: 0px 0px 0px 0px;
        margin: 15px 0px 0px 15px;
    float:left;
}

.top_menu_btn .span_com {
        width: 180px;
        height: 70px;
        display: block;
        position: relative;
        top: 30px;
/* width: 175px; 2012/11/22 */
/* left: 10px; 2012/11/22 */
}
.top_menu_btn .span_img {
        width: 250px;
        height: 25px;
        display: block;
        position: relative;
        top: 30px;
        left: 5px;
}

.top_menu_btn .span_img a {
  text-decoration: none;
}

#top_menu_btn_1 {
        background: url("../images/top/catimg_opac.png") no-repeat center 10px;
        background-color: #FFFFFF;
        width: 276px;
        height: 115px;
        padding: 5px 10px 15px 10px;
}

#top_menu_btn_2 {
        background: url("../images/top/catimg_agknle.png") no-repeat center 10px;
        background-color: #FFFFFF;
        width: 276px;
        height: 115px;
        padding: 5px 10px 15px 10px;
}

#top_menu_btn_3 {
        background: url("../images/top/catimg_db.png") no-repeat center 10px;
        background-color: #FFFFFF;
        width: 276px;
        height: 115px;
        padding: 5px 10px 15px 10px;
}

#top_menu_btn_4 {
        background: url("../images/top/catimg_oj.png") no-repeat center 10px;
        background-color: #FFFFFF;
        width: 276px;
        height: 115px;
        padding: 5px 10px 15px 10px;
}

#top_menu_btn_5 {
        background: url("../images/top/catimg_data.png") no-repeat center 10px;
        background-color: #FFFFFF;
        width: 276px;
        height: 115px;
        padding: 5px 10px 15px 10px;
}

#top_menu_btn_6 {
        background: url("../images/top/catimg_tool.png") no-repeat center 10px;
        background-color: #FFFFFF;
        width: 276px;
        height: 115px;
        padding: 5px 10px 15px 10px;
}
/* 『詳しくはこちら』ボタン */

.top_btn_detail {
    border: 0px solid #FFFFFF;
    background: url("/common/images/common/btn_detail.gif") no-repeat scroll 5px center;
        background-color: #FFFFFF;
    width:110px;
    height:20px;
    text-decoration: none;
    display: block;
    margin: 1px 1px 1px 1px;
    padding: 1px 1px 1px 1px;
}


/* 『今すぐ利用する』ボタン */

.top_btn_use {
    border: 0px solid #FFFFFF;
    background: url("../images/common/btn_use.gif") no-repeat scroll 5px center;
        background-color: #FFFFFF;
    width:110px;
    height:20px;
    text-decoration: none;
    display: block;
    margin: 1px 1px 1px 1px;
    padding: 1px 1px 1px 1px;
}


/* データベース表示部分（下部） */

#bottom_area1 {
        width: 950px;
        height: 340px;
    margin: 00px 0px 0px 0px;
    padding: 15px 10px 0px 10px;
        background-color: #F9F9F9;
    border: 0px solid #FFFFFF;
}

#bottom_area2 {
        width: 100%;
        height: 330px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
        background-color: #F9F9F9;
    border: 0px solid #FFFFFF;
}

#bottom_menu_1 {
        float: left;
        width: 25%;
        height: 320px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
        background-color: #F9F9F9;
        border-left: thin solid #DDDDDD;
        border-right: none;
        border-top: none;
        border-bottom: none;
}

#bottom_menu_2 {
        float: left;
        width: 24%;
        height: 320px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
        background-color: #F9F9F9;
        border-left: thin solid #DDDDDD;
        border-right: none;
        border-top: none;
        border-bottom: none;
}

#bottom_menu_3 {
        float: left;
        width: 25%;
        height: 320px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
        background-color: #F9F9F9;
        border-left: thin solid #DDDDDD;
        border-right: none;
        border-top: none;
        border-bottom: none;
}

#bottom_menu_4 {
        float: left;
        width: 25%;
        height: 320px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
        background-color: #F9F9F9;
        border-left: thin solid #DDDDDD;
        border-right: none;
        border-top: none;
        border-bottom: none;
}

#bottom_menu_title {
        background-color: #def1de;
        font-weight: bold;
        padding: 5px 10px;
        margin-left: 1px;
        margin-right: 10px;
        display: block;
        width: auto;
}

#bottom_menu_area {
        padding-left: 5px;
        margin-right: 7px;
        margin-top: 3px;
        margin-bottom: 3px;
        display: block;
        width: auto;
    overflow: hidden;

}


/* 『→』アイコン */

.arrow_img {
    background: #ffffff url("../images/common/ico_arrow.gif") no-repeat center;
    width:13px;
    height:13px;
    text-decoration: none;
    display: block;
    margin: 1px 1px 1px 1px;
    padding: 1px 1px 1px 1px;
}

/* 『→』（小）アイコン */

.arrow_img_s {
    background: #ffffff url("../images/common/ico_arrow_s.gif") no-repeat center;
    width:4px;
    height:6px;
    text-decoration: none;
    display: block;
    margin: 5px 10px 1px 5px;
    padding: 1px 1px 1px 1px;
}

/* 『RSS』アイコン */

.rss_img {
    background: #ffffff url("https://www.agropedia.affrc.go.jp/sites/all/themes/agropedia/common/images/top/ico_rss.gif") no-repeat center;
    width:13px;
    height:13px;
    text-decoration: none;
    display: block;
    margin: 1px 1px 1px 1px;
    padding: 1px 1px 1px 1px;
}

/* リンクアイコン */

.link_img {
    background: #ffffff url("../images/mypage/ico_link.png") no-repeat scroll 0px center;
    width:17px;
    height:15px;
    text-decoration: none;
    display: block;
    margin: 1px 1px 1px 1px;
    padding: 1px 1px 1px 1px;
}

/* 利用案内表示エリア */

.guide_area {

    border: 0px solid #FFFFFF;
        background: #FFFFFF;
        width: 210px;
    display: block;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;

}


/* 『ご利用案内』バナー */

#guide_img_use {
    border: 0px solid #FFFFFF;
        background: url("../images/common/bnr_guide.png") no-repeat scroll 0px center;
        background-color: #FFFFFF;
        width: 210px;
        height: 66px;
    text-decoration: none;
    display: block;
    margin: 0px 0px 3px 0px;
    padding: 0px 0px 0px 0px;
}

/* 『システム運用情報』バナー */

#guide_img_system {
    border: 0px solid #FFFFFF;
        background: url("../images/common/bnr_system.png") no-repeat scroll 0px center;
        background-color: #FFFFFF;
        width: 210px;
        height: 66px;
    text-decoration: none;
    display: block;
    margin: 0px 0px 3px 0px;
    padding: 0px 0px 0px 0px;
}

#guide_img_link {
    border: 0px solid #FFFFFF;
        background: url("../images/common/bnr_links.png") no-repeat scroll 0px center;
        background-color: #FFFFFF;
        width: 210px;
        height: 66px;
    text-decoration: none;
    display: block;
    margin: 0px 0px 3px 0px;
    padding: 0px 0px 0px 0px;
}

#guide_img_inquiry {
    border: 0px solid #FFFFFF;
        background: url("../images/common/bnr_inquiry.png") no-repeat scroll 0px center;
        background-color: #FFFFFF;
        width: 210px;
        height: 66px;
    text-decoration: none;
    display: block;
    margin: 0px 0px 3px 0px;
    padding: 0px 0px 0px 0px;
}


/* 『お知らせ』表示エリア */

.info_area {
    border: 0px solid #FFFFFF;
    background: #FFFFFF;
    width: 745px;
    display: block;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

/* topページ　ラインタイトル */

#line_top_def {
    border: 1px solid #CCCCCC;
    background: url("../images/common/h2_bg.png") repeat-x scroll left top transparent;
    display: block;
    font-size: 110%;
    font-weight: bold;
    height: 25px;
    line-height : 25px;
    margin: 0px 0px 0px 0px;
    padding: 4px 0 4px 5px;
}

#line_top_def .line_img1 {
    background: url("../images/common/h2_line.gif") no-repeat scroll 0px center;
    padding: 0px 0px 0px 0px;
    float:left;
}

#line_top_def .line_left1 {
    padding: 0px 0px 0px 5px;
    float:left;
}

#line_top_def .line_right1 {
    padding: 0px 15px 0px 5px;
    float:right;
}

/* お知らせのCSS */

.top_line_bg {
    border: 1px solid #CCCCCC;
    background: url("../images/common/h2_bg.png") repeat-x scroll left top transparent;
    display: block;
    font-size: 110%;
    font-weight: bold;
    height: 25px;
    line-height : 25px;
    margin: 0px 0px 10px 0px;
    padding: 4px 0 4px 5px;
}

.top_line_bg .top_line_img {
    background: url("../images/common/h2_line.gif") no-repeat scroll 0px center;
    padding: 0px 0px 0px 0px;
    float:left;
}

.top_line_bg .top_line_left {
    padding: 0px 0px 0px 5px;
    float:left;
}

.top_line_bg .top_line_right {
    padding: 0px 15px 0px 5px;
    float:right;
}

/*
 * .top_news_area {
 *     padding: 5px 0px 5px 0px;
 *         padding: 5px 10px 5px 15px;
 *             float:left;
 *             }
 *             */

.top_news_line {
    width: 730px;
    padding: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.top_news_date {
    width:120px;
    padding: 0px 10px 0px 5px;
    float:left;
}


.top_news_comment {
    width: 570px;
    padding: 0px 5px 0px 10px;
    float:left;
    word-wrap: break-word;
}

/* コンテンツのタイトル */
.contents_title {
    background: url("../images/common/h3_bg.png") repeat scroll 0 0 transparent;
    border: 1px solid #CCCCCC;
    margin-bottom: 10px;
}
.contents_title h3 {
    background: url("../images/common/h3_line.gif") no-repeat scroll 0 0 transparent;
    font-size: 120%;
    margin: 3px;
    padding: 3px 10px 3px 10px;
}
.contents_title h3 p.fright {
    float: right;
    font-size: 90%;
    font-weight: normal;
    padding-top: 2px;
}
.contents_title h3 p.fright a{
    background: url("../images/common/ico_arrow.gif") no-repeat scroll left center transparent;
    display: inline-block;
    padding-left: 20px;
}

/* 中央コンテンツ */
.news_list, .mycollection_list {
    border-bottom: 1px dotted #CCCCCC;
    padding-bottom: 0.3em;
    padding-top: 0.3em;
    margin-bottom: 10px;
}
.news_list div.fdate {
    float: left;
    margin-left: 5px;
    padding-right: 1em;
    width: 100px;
}
.news_list div.ftitle {
    float: left;
    margin-right: 5px;
    width: 380px;
}
.mycollection_list div.icon_s {
    width: 20px;
    margin-left: 5px;
}
.mycollection_list div.title {
    width: 460px;
    margin-right: 5px;
    padding-left: 10px;
}
.message {
    margin:20px;
}

/* 左サイドコンテンツ */
.sideR_link ul li {
    list-style-type: none;
    border-bottom: 1px dotted #CCCCCC;
    padding-top: 0.3em;
    padding-bottom: 0.3em;
    margin-bottom: 5px;
    margin-right: 5px;
    margin-left: 5px;
}
.sideR_link a {
    background: url("../images/common/ico_arrow_s.gif") no-repeat scroll left 0.5em transparent;
    display: inline-block;
    padding-left: 10px;
}

/* サイドメニュー */

/* リンクなしの枠は最初は非表示 */
#opac_off,
#agriknowledge_off,
#outsidedb_off,
#online_off,
#data_off,
#tools_off {
        display: none;
}

/* Agriknowledgeのサブメニューは全て非表示 */
#agri_off,
#jasi_off,
#agro_off,
#kadai_off,
#gyoseki_off,
#seika_off,
#hinshu_off,
#video_off,
#noukigu_off,
#agris_off,
#biosis_off,
#cab_off,
#medline_off,
#ccc_off,
#wos_off,
#f1000_off,
#jstor_off,
#enw_off,
#mendeley_off,
#jcr_off,

#agri_on,
#jasi_on,
#agro_on,
#kadai_on,
#gyoseki_on,
#seika_on,
#hinshu_on,
#video_on,
#noukigu_on,
#agris_on,
#biosis_on,
#cab_on,
#medline_on,
#ccc_on,
#wos_on,
#f1000_on,
#jstor_on,
#enw_on,
#mendeley_on,
#jcr_on {
        display: none;
}

/* 図書資料総合目録のメニュー表示制御 */
.opac #opac_off {
        display: block;
}
.opac #opac_on {
        display: none;
}

/* Agriknowledgeのメニュー表示制御 */
.agriknowledge #agriknowledge_off,
.submenu_agriknowledge #agriknowledge_off {
        display: block;
}
.agriknowledge #agriknowledge_on,
.submenu_agriknowledge #agriknowledge_on {
        display: none;
}

/* 外部データベースのメニュー表示制御 */
.outsidedb #outsidedb_off,
.submenu_outsidedb #outsidedb_off {
        display: block;
}
.outsidedb #outsidedb_on,
.submenu_outsidedb #outsidedb_on {
        display: none;
}

/* Online Journal / ebookのメニュー表示制御 */
.online #online_off {
        display: block;
}
.online #online_on {
        display: none;
}

/* 衛星・基礎数値データのメニュー表示制御 */
.data #data_off {
        display: block;
}
.data #data_on {
        display: none;
}

/* 便利なツールのメニュー表示制御 */
.tools #tools_off,
.submenu_tools #tools_off {
        display: block;
}
.tools #tools_on,
.submenu_tools #tools_on {
        display: none;
}

/* サブメニューのメニュー表示制御 */
/* Agriknowledgeのサブメニューのリンクなしを表示 */
.submenu_agriknowledge #agri_on,
.submenu_agriknowledge #jasi_on,
.submenu_agriknowledge #agro_on,
.submenu_agriknowledge #kadai_on,
.submenu_agriknowledge #gyoseki_on,
.submenu_agriknowledge #seika_on,
.submenu_agriknowledge #hinshu_on,
.submenu_agriknowledge #video_on,
.submenu_agriknowledge #noukigu_on {
     display: block;
}
/* Agriknowledge（サブメニュー）のメニュー表示制御 */
.agri #agri_off {
        display: block;
}
.agri #agri_on {
        display: none;
}

/* JASIのメニュー表示制御 */
.jasi #jasi_off {
        display: block;
}
.jasi #jasi_on {
        display: none;
}

/* AGROLibのメニュー表示制御 */
.agrolib #agro_off {
        display: block;
}
.agrolib #agro_on {
        display: none;
}

/* 研究課題データベースのメニュー表示制御 */
.kadai #kadai_off {
        display: block;
}
.kadai #kadai_on {
        display: none;
}

/* 研究業績データベースのメニュー表示制御 */
.gyoseki #gyoseki_off {
        display: block;
}
.gyoseki #gyoseki_on {
        display: none;
}

/* 研究成果情報のメニュー表示制御 */
.seika #seika_off {
        display: block;
}
.seika #seika_on {
        display: none;
}

/* 品種データベースのメニュー表示制御 */
.hinshu #hinshu_off {
        display: block;
}
.hinshu #hinshu_on {
        display: none;
}

/* ビデオライブラリーのメニュー表示制御 */
.video #video_off {
        display: block;
}
.video #video_on {
        display: none;
}

/* 農機具データベースのメニュー表示制御 */
.noukigu #noukigu_off {
        display: block;
}
.noukigu #noukigu_on {
        display: none;
}

/* サブメニューのメニュー表示制御 */
/* outsidedbのサブメニューのリンクなしを表示 */
.submenu_outsidedb #agris_on,
.submenu_outsidedb #biosis_on,
.submenu_outsidedb #cab_on,
.submenu_outsidedb #medline_on,
.submenu_outsidedb #ccc_on,
.submenu_outsidedb #wos_on,
.submenu_outsidedb #f1000_on,
.submenu_outsidedb #jcr_on,
.submenu_outsidedb #jstor_on {
     display: block;
}

/* AGRISのメニュー表示制御  */
.agris #agris_off {
        display: block;
}
.agris #agris_on {
        display: none;
}

/* BIOSISのメニュー表示制御  */
.biosis #biosis_off {
        display: block;
}
.biosis #biosis_on {
        display: none;
}

/* CABのメニュー表示制御  */
.cab #cab_off {
        display: block;
}
.cab #cab_on {
        display: none;
}

/* Medlineのメニュー表示制御  */
.medline #medline_off {
        display: block;
}
.medline #medline_on {
        display: none;
}

/* CCCのメニュー表示制御  */
.ccc #ccc_off {
        display: block;
}
.ccc #ccc_on {
        display: none;
}

/* WoSのメニュー表示制御  */
.wos #wos_off {
        display: block;
}
.wos #wos_on {
        display: none;
}

/* F1000のメニュー表示制御  */
.f1000 #f1000_off {
        display: block;
}
.f1000 #f1000_on {
        display: none;
}

/* JSTORのメニュー表示制御  */
.jstor #jstor_off {
        display: block;
}
.jstor #jstor_on {
        display: none;
}

/* JCRのメニュー表示制御  */
.jcr #jcr_off {
        display: block;
}
.jcr #jcr_on {
        display: none;
}
/* サブメニューのメニュー表示制御 */
/* toolsのサブメニューのリンクなしを表示 */
.submenu_tools #enw_on,
.submenu_tools #mendeley_on {
        display: block;
}

/* EndNote Webのメニュー表示制御  */
.enw #enw_off {
        display: block;
}
.enw #enw_on {
        display: none;
}

/* Mendeleyのメニュー表示制御  */
.mendeley #mendeley_off {
        display: block;
}
.mendeley #mendeley_on {
        display: none;
}

img.internal-menu {
   width: 10px;
   padding-left: 5px;
}

