@charset "utf-8";

@import url(global.css); /* common.css系を統合するためのcss */

@media print,screen and (min-width: 769px) {
    /* 全体の設定 */
    body {
        position: relative;
    }

    a {
        color: #0071bc;
        text-decoration: none;
    }

    a:hover {
        color: #262626;
    }

    /* ヘッダの設定 */
    #header {
        margin: 0 auto;
        width: 960px;
        height: 100px;
    }

    #header a {
        color: #262626;
        text-decoration: none;
    }

    #header a:hover {
        color: #0071bc;
    }

    #header a.selected {
        color: #0071bc;
    }

    #header #h_logo,
    #header #en_h_logo {
        padding: 25px 0 0;
        float: left;
        width: 353px;
    }

    #header #h_logo a {
        display: block;
        background: no-repeat url(../images/img_logo.gif);
        width: 353px;
        height: 53px;
        text-indent: -999em;
    }

    #header #en_h_logo a {
        display: block;
        background: no-repeat url(../images/en_img_logo.gif);
        width: 410px;
        height: 53px;
        text-indent: -999em;
    }

    #h_box {
        float: right;
    }

    #h_link {
        padding: 20px 0 5px;
        height: 15px;
        text-align: right;
    }

    #h_link li {
        display: inline;
        padding: 0 12px 0 0;
        border-right: 1px solid #c9c9c9;
        height: 15px;
        line-height: 15px;
    }

    #h_link li a {
        padding: 0 0 0 17px;
        background: no-repeat left 4px url(../images/icon_arrow_normal_hdr.gif);
    }

    #h_link li + li {
        padding: 0 0 0 12px;
        border: none;
    }

    #h_search {
        letter-spacing: -0.4em;
        text-align: right;
        padding-top: 10px;
    }

    #h_search li {
        letter-spacing: normal;
        display: inline-block;
        padding: 0 0 0 15px;
        height: 30px;
        vertical-align: middle;
        *display: inline;
        *zoom: 1;
    }

    #h_search li.h_jpn {
        padding: 0 10px 0 0;
        border-right: 1px solid #c9c9c9;
        height: 18px;
    }

    #inquiry_btn img {
        vertical-align: middle;
    }

    .h_jpn a {
        padding: 0 0 0 26px;
        background: no-repeat left 1px url(../images/icon_global.gif);
        line-height: 18px;
    }

    #h_search li.h_eng {
        padding: 0 0 0 10px;
        height: 15px;
        line-height: 15px;
    }

    .h_s_txt {
        width: 145px;
        height: 22px;
    }

    .h_s_btn {
        border: none;
        padding: 0;
        background: no-repeat url(../images/btn_search_off.gif);
        width: 30px;
        height: 26px;
        vertical-align: bottom;
        text-indent: -999em;
        cursor: pointer;
    }

    .h_s_btn:hover {
        background: no-repeat url(../images/btn_search_on.gif);
    }

    #tab_navi {
        display: none;
    }

    /* グローバルナビの設定 */
    #menu_sp {
        display: none;
    }

    #menu {
        background: repeat-x url(../images/gmenu_side.gif);
        width: 100%;
        height: 50px;
    }

    #menu > ul {
        margin: 0 auto;
        width: 960px;
    }

    #menu > ul > li {
        float: left;
    }

    .home{
        display:block;
        background:no-repeat url(../images/gmenu_01_off.gif);
        text-indent:-999em;
        width:90px;
        height:50px;
    }
    .en_home{
        display:block;
        background:no-repeat url(../images/en_gmenu_01_off.gif);
        text-indent:-999em;
        width:160px;
        height:50px;
    }
    .home:hover,
    .home.selected_menu {
        background:no-repeat url(../images/gmenu_01_on.gif);
    }
    .en_home:hover,
    .en_home.selected_menu {
        background:no-repeat url(../images/en_gmenu_01_on.gif);
    }
    .product{
        display:block;
        background:no-repeat url(../images/gmenu_02_off.gif);
        text-indent:-999em;
        width:130px;
        height:50px;
    }
    .en_product{
        display:block;
        background:no-repeat url(../images/en_gmenu_02_off.gif);
        text-indent:-999em;
        width:160px;
        height:50px;
    }
    .product:hover,
    .product.selected_menu {
        background:no-repeat url(../images/gmenu_02_on.gif);
    }
    .en_product:hover,
    .en_product.selected_menu {
        background:no-repeat url(../images/en_gmenu_02_on.gif);
    }
    .weblearn{
        display:block;
        background:no-repeat url(../images/gmenu_03_off.gif);
        text-indent:-999em;
        width:150px;
        height:50px;
    }
    .en_weblearn{
        display:block;
        background:no-repeat url(../images/en_gmenu_03_off.gif);
        text-indent:-999em;
        width:160px;
        height:50px;
    }
    .weblearn:hover,
    .weblearn.selected_menu {
        background:no-repeat url(../images/gmenu_03_on.gif);
    }
    .en_weblearn:hover,
    .en_weblearn.selected_menu {
        background:no-repeat url(../images/en_gmenu_03_on.gif);
    }
    .support{
        display:block;
        background:no-repeat url(../images/gmenu_04_off.gif);
        text-indent:-999em;
        width:130px;
        height:50px;
    }
    .en_support{
        display:block;
        background:no-repeat url(../images/en_gmenu_04_off.gif);
        text-indent:-999em;
        width:160px;
        height:50px;
    }
    .support:hover,
    .support.selected_menu {
        background:no-repeat url(../images/gmenu_04_on.gif);
    }
    .en_support:hover,
    .en_support.selected_menu {
        background:no-repeat url(../images/en_gmenu_04_on.gif);
    }
    .event{
        display:block;
        background:no-repeat url(../images/gmenu_05_off.gif);
        text-indent:-999em;
        width:150px;
        height:50px;
    }
    .en_event{
        display:block;
        background:no-repeat url(../images/en_gmenu_05_off.gif);
        text-indent:-999em;
        width:160px;
        height:50px;
    }
    .event:hover,
    .event.selected_menu {
        background:no-repeat url(../images/gmenu_05_on.gif);
    }
    .en_event:hover,
    .en_event.selected_menu {
        background:no-repeat url(../images/en_gmenu_05_on.gif);
    }
    .aboutus{
        display:block;
        background:no-repeat url(../images/gmenu_06_off.gif);
        text-indent:-999em;
        width:150px;
        height:50px;
    }
    .en_aboutus{
        display:block;
        background:no-repeat url(../images/en_gmenu_06_off.gif);
        text-indent:-999em;
        width:160px;
        height:50px;
    }
    .aboutus:hover,
    .aboutus.selected_menu {
        background:no-repeat url(../images/gmenu_06_on.gif);
    }
    .en_aboutus:hover,
    .en_aboutus.selected_menu {
        background:no-repeat url(../images/en_gmenu_06_on.gif);
    }
    .appcase{
        display:block;
        background:no-repeat url(../images/gmenu_07_off.html);
        text-indent:-999em;
        width:160px;
        height:50px;
    }
    .appcase:hover,
    .appcase.selected_menu {
        background:no-repeat url(../images/gmenu_07_on.html);
    }

    .sub_menu01 {
        position: relative;
    }

    .sub_menu01 img {
        vertical-align: top;
    }

    .sub_menu01_box {
        display: none;
        position: absolute;
        top: 50px;
        left: -40px;
        width: 366px;
        z-index: 9999;
    }

    .sub_menu01:hover .sub_menu01_box {
        display: block;
    }

    .sub_menu01_link {
        margin: 0;
        width: 326px;
        padding: 5px 20px;
        background: repeat-y url(../images/pulldown_product_back_mid.png);
    }

    .link01 {
        padding: 0 0 0 10px;
        width: 115px;
        font-size: 16px;
        line-height: 25px;
        color: #FFF;
        font-weight: bold;font-family: "I-OTF-UDゴ表示Pro B";
        background-color: #9ECB10;
    }

    .link01_m_title span {
        padding: 0 15px 0 27px;
        width: 158px;
        display: block;
        color: #262626;
        font-size: 14px;
        font-weight: bold;font-family: "I-OTF-UDゴ表示Pro B";
        line-height: 25px;
        cursor: pointer;
        background: no-repeat 15px 1px url(../images/pulldown_arrow_medical.png) #FFF;
    }

    .link01_m_title span:hover, .link01_m_title span.select {
        background-color: #E9F4CC;
        color: #98BB00;
    }

    .link_box {
        padding: 0 0 0 15px;
        width: 332px;
    }

    .link_box dt a {
        font-size: 14px;
        color: #262626;
    }

    .link_box dd li {
        list-style: disc;
        margin: 0 0 0 20px;
    }

    .link02 {
        padding: 0 0 0 10px;
        width: 115px;
        font-size: 16px;
        line-height: 25px;
        color: #FFF;
        font-weight: bold;font-family: "I-OTF-UDゴ表示Pro B";
        background-color: #1486C5;
    }

    .link02_m_title span {
        padding: 0 15px 0 27px;
        width: 158px;
        display: block;
        color: #262626;
        font-size: 14px;
        font-weight: bold;font-family: "I-OTF-UDゴ表示Pro B";
        line-height: 25px;
        cursor: pointer;
        background: no-repeat 15px 1px url(../images/pulldown_arrow_analytical.png) #FFF;
    }

    .link02_m_title span:hover, .link02_m_title span.select {
        background-color: #E3F1F8;
        color: #1486C5;
    }

    .link03 {
        padding: 0 0 0 10px;
        width: 115px;
        font-size: 16px;
        line-height: 25px;
        color: #FFF;
        font-weight: bold;font-family: "I-OTF-UDゴ表示Pro B";
        background-color: #1BB2C1;
    }

    .link03_m_title span {
        padding: 0 15px 0 27px;
        width: 158px;
        display: block;
        color: #262626;
        font-size: 14px;
        font-weight: bold;font-family: "I-OTF-UDゴ表示Pro B";
        line-height: 25px;
        cursor: pointer;
        background: no-repeat 15px 1px url(../images/pulldown_arrow_spectro.png) #FFF;
    }

    .link03_m_title span:hover, .link03_m_title span.select {
        background-color: #E4F6F7;
        color: #1BB2C1;
    }

    .box01 {
        clear: both;
        margin: 0 0 5px;
        background: repeat-y url(../images/box01.gif);
    }

    .box02 {
        clear: both;
        margin: 0 0 5px;
        background: repeat-y url(../images/box02.gif);
    }

    .box03 {
        clear: both;
        margin: 0 0 5px;
        background: repeat-y url(../images/box03.gif);
    }

    .sub_menu_table {
        float: left;
    }

    .sub_menu_table th, .sub_menu_table td {
        vertical-align: top;
        border-bottom: 5px solid #FFF;
    }

    .sub_menu_box {
        float: right;
        padding: 0 0 0 15px;
        width: 332px;
    }

    .sub_menu02 {
        position: relative;
    }

    .support_sub{
        display:none;
        position:absolute;
        top:50px;
        left:25px;
        width:365px;
        /* height:386px; */
        z-index:9998;
    }
    .support_sub_link {
        margin: 0px;
        width: 325px;
        padding: 5px 20px;
        background: url("../images/pulldown_support_back_mid.png") repeat-y;
    }
    .support_sub img {
        vertical-align: top;
    }
    .sub_menu02:hover .support_sub{
        display:block;
    }
    .support_sub ul{
        border-left:5px solid #2460AC;
        /* height:325px; */
    }

    .support_sub ul li a {
        display: block;
        padding: 4.5px 0 4.5px 27px;
        line-height: 16px;
        background: no-repeat 15px top url(../images/pulldown_arrow_normal.png) #FFF;
        color: #262626;
        font-size: 14px;
        font-weight: bold;font-family: "I-OTF-UDゴ表示Pro B";
    }

    .support_sub ul li a:hover {
        background-color: #E4EBF5;
        color: #2460AC;
    }

    .sub_menu03 {
        position: relative;
    }

    .about_sub {
        display: none;
        background: no-repeat url(../images/pulldown_aboutus_back2.png);
        position: absolute;
        top: 50px;
        left: -70px;
        width: 182px;
        height: 275px;
        /*height:250px;*/
        padding: 35px 20px 20px;
        z-index: 9998;
    }

    .en_about_sub{
        display:none;
        background:no-repeat url(../images/en_pulldown_aboutus_back_bk.png);
        position:absolute;
        top:50px;
        left:-70px;
        width:182px;
        /*height:152px;*/
        height:178px;
        padding:35px 20px 20px;
        z-index:9998;
    }
    .sub_menu03:hover .about_sub,
    .sub_menu03:hover .en_about_sub{
        display:block;
    }
    .about_sub ul{
        border-left: 5px solid #2460AC;
        height: 275px;
        /*height:250px;*/
    }
    .en_about_sub ul{
        border-left:5px solid #2460AC;
        /*height:150px;*/
        height:175px;
    }
    .about_sub ul li a,
    .en_about_sub ul li a{
        display:block;
        padding:0 0 0 27px;
        line-height:25px;
        background:no-repeat 15px top url(../images/pulldown_arrow_normal.png) #FFF;
        color:#262626;
        font-size:14px;
        font-weight: bold;font-family: "I-OTF-UDゴ表示Pro B";
    }
    .about_sub ul li a:hover,
    .en_about_sub ul li a:hover{
        background-color:#E4EBF5;
        color:#2460AC;
    }

    .product_sp {
        display: none;
    }

    /* コンテンツの設定 */
    #bc_list_wrap {
        clear: both;
        margin: 0 0;
        height: 30px;
        font-size: 12px;
        line-height: 30px;
        background-color: #f2f2f2;
        border-bottom: 1px solid #d8e0ea;
    }

    #bc_list {
        margin: 0 auto;
        width: 960px;
        height: 30px;
        font-size: 12px;
        line-height: 30px;
    }

    #contents {
        margin: 0 auto 100px;
        width: 960px;
    }

    /* メインコンテンツの設定 */
    #main {
        float: right;
        width: 755px;
    }

    #tab_navi_m, #tab_navi {
        display: none;
    }

    #main_s {
        float: left;
        padding: 0 0 0 30px;
        width: 575px;
    }
    #main_s h1 {
        clear:both;
        position:relative;
        margin-bottom:20px;
        border: 1px solid #C9C9C9;
    }
    #main_s h1 span {
        padding: 10px 0 9px 20px;
        line-height:25px;
        display: block;
        font-size: 19px;
        font-weight: bold;font-family: "I-OTF-UDゴ表示Pro B";
        border-bottom: 4px solid #2460AC;
        background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 50%, #ffffff 50%, #cfdcee 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(50%, #ffffff), color-stop(50%, #ffffff), color-stop(100%, #cfdcee)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 50%, #ffffff 50%, #cfdcee 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #ffffff 0%, #ffffff 50%, #ffffff 50%, #cfdcee 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #ffffff 0%, #ffffff 50%, #ffffff 50%, #cfdcee 100%); /* IE10+ */
        background: linear-gradient(to bottom, #ffffff 0%, #ffffff 50%, #ffffff 50%, #cfdcee 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cfdcee', GradientType=0 ); /* IE6-9 */
    }

    /* サイドメニューの設定 */
    #side_menu {
        float: left;
        width: 175px;
    }
    .accordion>p {
        padding: 10px 10px 10px 32px;
        font-size: 15px;
        font-weight: bold;font-family: "I-OTF-UDゴ表示Pro B";
        background: no-repeat 10px 50% url(../images/icon_arrow_smenu_open.gif);
        cursor: pointer;
        border-top: 1px solid #c9c9c9;
        border-left: 1px solid #c9c9c9;
        border-right: 1px solid #c9c9c9;
    }
    .accordion>p.open {
        color: #4477B8;
        background: no-repeat 10px 50%  url(../images/icon_arrow_smenu_close.gif);
    }
    .cate02 {
        display: none;
        border-top: 1px dotted #C9c9c9;
        border-left: 1px solid #c9c9c9;
        border-right: 1px solid #c9c9c9;
    }
    .cate02>p,.cate02>p a {
        padding: 12px 10px 12px 32px;
        border-top: 1px dotted #8d8d8d;
        background-color: #7f7f7f;
        font-size: 15px;
        font-weight: bold;font-family: "I-OTF-UDゴ表示Pro B";
        cursor: pointer;
        color: #FFF;
    }
    .cate02>p:hover, .cate02>p.open,.cate02>p a:hover {
        color: #FFF;
        background-color: #56BDE8;
    }
    .cate02.open{
        display:block;
    }
    .sub_find {
        padding: 8px 10px 8px 32px;
        border-top: 1px dotted #8d8d8d;
        font-size: 14px;
        font-weight: bold;font-family: "I-OTF-UDゴ表示Pro B";
        background-color: #F5F7FC;
    }
    .cate03 li a, .cate03 li div.no_link {
        display: block;
        padding: 7px 10px 7px 42px;
        border-top: 1px dotted #8d8d8d;
        background: no-repeat 32px 15px url(../images/dot.png) #F5F7FC;
    }
    .cate03 li a:hover {
        color: #FFF;
        background-color: #56BDE8;
    }

    #side_bnr_r {
        float: right;
        width: 150px;
    }
    #side_bnr_r li {
        margin: 0 0 10px;
    }
    .side_find a {
        padding: 9px 0 8px 30px;
        font-size: 15px;
        font-weight: bold;font-family: "I-OTF-UDゴ表示Pro B";
        line-height: 19px;
        display: block;
        color: #262626;
        background: no-repeat 10px 50% url(../../event/images/icon_arrow_smenu.gif);
        border-left: 1px solid #c9c9c9;
        border-right: 1px solid #c9c9c9;
    }
    .side_find a:hover {
        color: #4477B8;
    }
    .line_t {
        border-top: 1px solid #c9c9c9;
    }
    .line_b {
        border-bottom: 1px solid #c9c9c9;
    }
    .side_sub {
        padding: 10px 0 0;
        border: 1px solid #c9c9c9;
        background-color: #E6ECF6;
    }
    .side_sub ul{
        margin:0;
    }
    .side_sub ul li{
        margin:0 0 5px;
        padding:0 0 0 40px;
        list-style:none;
        background:no-repeat 30px 8px url(../images/dot.png);
    }
    #side_bnr {
        margin: 0 auto;
        padding: 30px 0 0;
        width: 150px;
    }
    #side_bnr li {
        margin: 0 0 10px;
    }

    /* フッタの設定 */
    #footer_wrap {
        width: 100%;
        border-top: 1px solid #c1d0e2;
    }

    #f_menu_wrap {
        background-color: #F5F5F5;
        border-bottom: 1px solid #d3d3d3;
    }

    #f_menu_wrap img {
        vertical-align: middle;
        margin: 0 7px 0 0;
    }

    #f_menu {
        margin: 0 auto;
        padding: 28px 0 20px;
        width: 960px;
    }

    #f_menu a {
        color: #262626;
    }

    #f_menu a:hover {
        color: #0071bc;
    }

    .f_menu01 {
        float: left;
    }

    .f_menu01 li {
        margin: 0 0 15px;
    }

    .f_menu01 a {
        font-weight: bold;font-family: "I-OTF-UDゴ表示Pro B";
        font-size: 16px;
        line-height: 1;
    }

    .f_menu02 {
        float: left;
        padding: 0 0 0 25px;
        width: 165px;
    }

    .f_menu02 p {
        margin: 0 0 15px;
        padding: 0 0 10px;
        font-weight: bold;font-family: "I-OTF-UDゴ表示Pro B";
        font-size: 16px;
        line-height: 1;
        border-bottom: 1px solid #c9c9c9;
    }

    .f_menu02 dt {
        margin: 0 0 7px;
        font-weight: bold;font-family: "I-OTF-UDゴ表示Pro B";
        font-size: 15px;
        line-height: 1;
    }

    .f_menu02 dd {
        margin: 0 0 7px;
        line-height: 19px;
    }

    .f_menu02 dd a {
        display: block;
        padding: 0 0 0 20px;
        background: no-repeat left 3px url(../images/icon_arrow_ftr.gif);
    }

    .f_menu02 li {
        margin: 0 0 7px;
        line-height: 19px;
    }

    .f_menu02 li a {
        display: block;
        padding: 0 0 0 20px;
        background: no-repeat left 3px url(../images/icon_arrow_ftr.gif);
    }

    #f_link {
        margin: 0 auto;
        padding: 10px 0;
        width: 960px;
        height: 40px;
    }
    #f_link_en {
        margin: 0 auto;
        padding: 10px 0;
        width: 960px;
        height: 65px;
    }
    #f_link li,#f_link_en li {
        float: left;
        margin: 19px 0 5px;
        padding: 0 10px;
        height: 20px;
        line-height: 20px;
    }
    #f_link li#f_logo,#f_link_en li#f_logo {
        margin: 0;
        padding: 0;
        height: 40px;
        overflow: hidden;
    }
    #f_link li#f_logo div,#f_link_en li#f_logo div {
        float: right;
        padding: 0 5px;
    }
    #f_logo img {
        margin: 5px 10px 0 0;
    }
    #f_link a,#f_link_en a {
        padding: 0 18px 0 0;
        background: no-repeat right 3px url(../images/icon_target_blank.gif);
    }
    #f_link #f_logo strong,#f_link_en #f_logo strong {
        color: #262626;
        font-weight: bold;font-family: "I-OTF-UDゴ表示Pro B";
    }
    #f_link #f_logo a,#f_link_en #f_logo a {
        padding: 0;
        background: none;
    }
    #f_link li#f_logo div a,#f_link_en li#f_logo div a {
        color: #0071bc;
        font-weight: normal;
        padding: 0 18px 0 0;
        line-height: 1.3em;
        background: no-repeat right 3px url(../images/icon_target_blank.gif);
    }

    #f_link #f_logo a:hover,#f_link_en #f_logo a:hover {
        color: #0071bc;
    }
    .f_link_s {
        /*width: 112px;*/
        text-align: center;
		font-size: 11px;
        border-left: 1px solid #c9c9c9;
    }
    .f_link_m {
        /*width: 122px;*/
        text-align: center;
		font-size: 11px;
        border-left: 1px solid #c9c9c9;
    }
    .f_link_l {
        /*width: 188px;*/
        text-align: center;
		font-size: 11px;
        border-left: 1px solid #c9c9c9;
        border-right: 1px solid #c9c9c9;
    }
    #f_link_en li.f03 {
        margin-right: 30px;
        border-right: 1px solid #C9C9C9;
    }
    #f_link_en li.f04 {
        margin: 0 0 0 83px;
        border: medium none;
    }
    #f_link_en li.f05 {
        margin-top: 0;
    }
    #f_link_en li.f06 {
        margin-top: 0;
    }
    #f_btm_wrap {
        background-color: #2460AC;
        height: 45px;
    }

    #f_btm {
        margin: 0 auto;
        padding: 15px 0;
        width: 960px;
        color: #FFF;
    }

    #f_btm ul {
        float: left;
        line-height: 15px;
        height: 15px;
    }

    #f_btm ul li {
        float: left;
        margin: 0 20px 0 0;
        padding: 0 0 0 15px;
        background: no-repeat left 2px url(../images/icon_arrow_normal_ftr.gif);
    }

    #f_btm ul li a {
        color: #FFF;
    }

    #copyright {
        float: right;
        font-size: 11px;
    }
	
	#link-t {
	font-size: 11px;
	text-indent:-0.5em;
}

    /* ページトップへ戻る */
    #page_top {
        position: fixed;
        bottom: 75px;
        left: 50%;
        margin: 0 0 0 510px;
    }

    #trademark {
        width: 960px;
        margin: 0 auto;
        text-align: right;
        font-size: 11px;
        color: gray;
        padding-bottom: 10px;
    }

    #sp_top {
        display: none;
    }

    /* 共通 */
    .mb10 {
        margin-bottom: 10px;
    }

    .mb15 {
        margin-bottom: 15px;
    }

    .mb20 {
        margin-bottom: 20px;
    }

    .mb25 {
        margin-bottom: 20px;
    }

    .mb30 {
        margin-bottom: 30px;
    }

    .mb35 {
        margin-bottom: 35px;
    }

    .mb40 {
        margin-bottom: 40px;
    }

    .mb45 {
        margin-bottom: 45px;
    }

    .mb50 {
        margin-bottom: 50px;
    }

    .mb1em {
        margin-bottom: 1em;
    }

    .mr20 {
        margin-right: 20px;
    }

    .left {
        float: left;
    }

    .right {
        float: right;
    }

    .bold {
        font-weight: bold;font-family: "I-OTF-UDゴ表示Pro B";
    }

    .clear {
        clear: both;
    }

    .non {
        display: none;
    }

    .disnon {
        display: none;
    }

    .sp {
        display: none;
    }

    /* CSS Document */
    #main {
        float: left;
        width: 730px;
    }

    #product_box {
        position: relative;
        margin: 0 0 40px;
        padding: 180px 0 0;
    }

    #product01 {
        position: absolute;
        z-index: 102;
        border: 1px solid #c9c9c9;
        border-radius: 10px 0 0 0;
        width: 241px;
        cursor: pointer;
        top: 0;
        left: 0;
    }

    #product01 h1 {
        margin: 0;
        padding: 14px 0 12px 17px;
        height: 17px;
        font-size: 17px;
        line-height: 1;
        font-weight: bold;font-family: "I-OTF-UDゴ表示Pro B";
        text-shadow: 1px 1px 1px #FFF;
        border-radius: 10px 0 0 0;
        border: none;
        border-bottom: 4px solid #9ECB10;
        background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 50%, #ffffff 50%, #CFE888 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(50%, #ffffff), color-stop(50%, #ffffff), color-stop(100%, #CFE888)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 50%, #ffffff 50%, #CFE888 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #ffffff 0%, #ffffff 50%, #ffffff 50%, #CFE888 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #ffffff 0%, #ffffff 50%, #ffffff 50%, #CFE888 100%); /* IE10+ */
        background: linear-gradient(to bottom, #ffffff 0%, #ffffff 50%, #ffffff 50%, #CFE888 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#CFE888', GradientType=0); /* IE6-9 */
    }

    #product01 p {
        padding: 10px 17px;
        height: 42px;
    }

    #product01:hover p, #product01.select p {
        color: #818600;
    }

    #product01 .current {
        display: none;
    }

    #product01:hover .current, #product01.select .current {
        position: absolute;
        display: block;
        bottom: -11px;
        left: 108px;
        z-index: 102;
    }

    #product02 {
        position: absolute;
        z-index: 101;
        border-top: 1px solid #c9c9c9;
        border-bottom: 1px solid #c9c9c9;
        width: 243px;
        cursor: pointer;
        top: 0;
        left: 243px;
    }

    #product02 h1 {
        margin: 0;
        padding: 14px 0 12px 17px;
        height: 17px;
        font-size: 17px;
        line-height: 1;
        font-weight: bold;font-family: "I-OTF-UDゴ表示Pro B";
        text-shadow: 1px 1px 1px #FFF;
        border-radius: 10px 0 0 0;
        border: none;
        border-bottom: 4px solid #1486C5;
        background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 50%, #ffffff 50%, #ABD6EA 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(50%, #ffffff), color-stop(50%, #ffffff), color-stop(100%, #ABD6EA)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 50%, #ffffff 50%, #ABD6EA 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #ffffff 0%, #ffffff 50%, #ffffff 50%, #ABD6EA 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #ffffff 0%, #ffffff 50%, #ffffff 50%, #ABD6EA 100%); /* IE10+ */
        background: linear-gradient(to bottom, #ffffff 0%, #ffffff 50%, #ffffff 50%, #ABD6EA 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ABD6EA', GradientType=0 ); /* IE6-9 */
    }
    #product02 p {
        padding: 10px 17px;
        height: 42px;
    }
    #product02:hover p, #product02.select p {
        color: #1486C5;
    }
    #product02 .current{
        display:none;
    }
    #product02:hover .current, #product02.select .current {
        position:absolute;
        display:block;
        bottom:-11px;
        left:108px;
        z-index:102;
    }
    #product03 {
        position: absolute;
        z-index: 100;
        border: 1px solid #c9c9c9;
        border-radius: 0 10px 0 0;
        width: 242px;
        cursor: pointer;
        top: 0;
        left: 486px;
    }
    #product03 h1 {
        margin: 0;
        padding: 14px 0 12px 17px;
        height: 17px;
        font-size: 17px;
        line-height: 1;
        font-weight: bold;font-family: "I-OTF-UDゴ表示Pro B";
        text-shadow: 1px 1px 1px #FFF;
        border-radius: 0 10px 0 0;
        border: none;
        border-bottom: 4px solid #1BB2C1;
        background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 50%, #ffffff 50%, #9FE0E7 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(50%, #ffffff), color-stop(50%, #ffffff), color-stop(100%, #9FE0E7)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 50%, #ffffff 50%, #9FE0E7 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #ffffff 0%, #ffffff 50%, #ffffff 50%, #9FE0E7 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #ffffff 0%, #ffffff 50%, #ffffff 50%, #9FE0E7 100%); /* IE10+ */
        background: linear-gradient(to bottom, #ffffff 0%, #ffffff 50%, #ffffff 50%, #9FE0E7 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#CFE888', GradientType=0 ); /* IE6-9 */
    }
    #product03 .current{
        display:none;
    }
    #product03:hover .current, #product03.select .current {
        position:absolute;
        display:block;
        bottom:-11px;
        left:108px;
        z-index:102;
    }
    #product03 p {
        padding: 10px 17px;
        height: 42px;
    }
    #product03:hover p, #product03.select p {
        color: #0090BA;
    }
    #product01_list {
        position: relative;
        z-index: 1;
        padding: 10px;
        border-left: 1px solid #c9c9c9;
        border-right: 1px solid #c9c9c9;
        border-bottom: 1px solid #c9c9c9;
        background: -moz-linear-gradient(top, #DEEDAE 0%, #DEEDAE 50%, #DEEDAE 50%, #C1DE65 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #DEEDAE), color-stop(50%, #DEEDAE), color-stop(50%, #DEEDAE), color-stop(100%, #C1DE65)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #DEEDAE 0%, #DEEDAE 50%, #DEEDAE 50%, #C1DE65 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #DEEDAE 0%, #DEEDAE 50%, #DEEDAE 50%, #C1DE65 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #DEEDAE 0%, #DEEDAE 50%, #DEEDAE 50%, #C1DE65 100%); /* IE10+ */
        background: linear-gradient(to bottom, #DEEDAE 0%, #DEEDAE 50%, #DEEDAE 50%, #C1DE65 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DEEDAE', endColorstr='#C1DE65', GradientType=0 ); /* IE6-9 */
    }
    #product01_list .current{
        position:absolute;
        top:-1px;
        left:50px;
        z-index:102;
    }
    #product02_list {
        position: relative;
        z-index: 1;
        padding: 10px;
        border-left: 1px solid #c9c9c9;
        border-right: 1px solid #c9c9c9;
        border-bottom: 1px solid #c9c9c9;
        background: -moz-linear-gradient(top, #A1CFE7 0%, #A1CFE7 50%, #A1CFE7 50%, #62ADD8 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #A1CFE7), color-stop(50%, #A1CFE7), color-stop(50%, #A1CFE7), color-stop(100%, #62ADD8)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #A1CFE7 0%, #A1CFE7 50%, #A1CFE7 50%, #62ADD8 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #A1CFE7 0%, #A1CFE7 50%, #A1CFE7 50%, #62ADD8 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #A1CFE7 0%, #A1CFE7 50%, #A1CFE7 50%, #62ADD8 100%); /* IE10+ */
        background: linear-gradient(to bottom, #A1CFE7 0%, #A1CFE7 50%, #A1CFE7 50%, #62ADD8 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#A1CFE7', endColorstr='#62ADD8', GradientType=0 ); /* IE6-9 */
    }
    #product03_list {
        position: relative;
        z-index: 1;
        padding: 10px;
        border-left: 1px solid #c9c9c9;
        border-right: 1px solid #c9c9c9;
        border-bottom: 1px solid #c9c9c9;
        background: -moz-linear-gradient(top, #C5EBEF 0%, #C5EBEF 50%, #C5EBEF 50%, #86D7DE 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #C5EBEF), color-stop(50%, #C5EBEF), color-stop(50%, #C5EBEF), color-stop(100%, #86D7DE)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #C5EBEF 0%, #C5EBEF 50%, #C5EBEF 50%, #86D7DE 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #C5EBEF 0%, #C5EBEF 50%, #C5EBEF 50%, #86D7DE 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #C5EBEF 0%, #C5EBEF 50%, #C5EBEF 50%, #86D7DE 100%); /* IE10+ */
        background: linear-gradient(to bottom, #C5EBEF 0%, #C5EBEF 50%, #C5EBEF 50%, #86D7DE 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C5EBEF', endColorstr='#86D7DE', GradientType=0 ); /* IE6-9 */
    }
    .disnon {
        display: none;
    }
    .product_list {
        padding: 20px 20px 10px;
        background-color: #FFF;
    }
    .product_list h2{
        margin:0 0 15px;
        font-size:18px;
        border-bottom:1px dotted #c9c9c9;
    }
    .product_list li{
        float:left;
        margin:0 10px 10px 0;
    }
    .product_list li a{
        display:block;
        padding:15px 0 13px 8px;
        border-radius:5px;
        background-color:#F7F7F7;
        border:1px solid #c7c7c7;
        width:197px;
        height:14px;
        color:#262626;
        font-size:14px;
        line-height:14px;
    }
    .product_list li a img{
        margin:0 8px 0 0;
        vertical-align:middle;
    }
    #tab{
        height:37px;
        border-bottom:1px solid #2862aa;
    }
    #tab li{
        float:left;
        margin:0 0 0 5px;
        font-size:15px;
        font-weight: bold;font-family: "I-OTF-UDゴ表示Pro B";
        color:#FFF;
        text-align:center;
        width:148px;
        height:37px;
        line-height:37px;
        cursor:pointer;
        border:1px solid #2460AC;
        border-bottom:none;
        border-radius:5px 5px 0 0;
        background: -moz-linear-gradient(top, #366DB3 0%, #366DB3 50%, #1253A5 50%, #2E6780 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #366DB3), color-stop(50%, #366DB3), color-stop(50%, #1253A5), color-stop(100%, #2E6780)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #366DB3 0%, #366DB3 50%, #1253A5 50%, #2E6780 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #366DB3 0%, #C5E366DB3BEF 50%, #1253A5 50%, #2E6780 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #366DB3 0%, #366DB3 50%, #1253A5 50%, #2E6780 100%); /* IE10+ */
        background: linear-gradient(to bottom, #366DB3 0%, #366DB3 50%, #1253A5 50%, #2E6780 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#366DB3', endColorstr='#2E6780', GradientType=0 ); /* IE6-9 */
    }
    #tab li.tab01{
        margin:0;
    }
    #tab li.select,#tab li:hover{
        color:#2F68B0;
        background:none;
        background-color:#FFF;
    }
    #tab_wrap{
        border-bottom:1px solid #2862aa;
        border-left:1px solid #2862aa;
        border-right:1px solid #2862aa;
        padding:25px 15px 15px;
    }
    .tab_box table th{
        padding:0 0 15px;
        font-weight: bold;font-family: "I-OTF-UDゴ表示Pro B";
        vertical-align:top;
    }
    .icon{
        padding:0 15px 10px;
        vertical-align:top;
    }
    .icon img{
        margin:0 0 5px;
        width:75px;
        height:15px;
    }
    .txt{
        vertical-align:top;
    }
    .list_btn{
        text-align:right;
    }
    .list_btn a {
        margin:0 auto 0 0;
        padding: 7px 0 5px;
        font-size: 13px;
        line-height: 1;
        color: #FFF;
        border-radius: 13px;
        display: inline-block;
        width: 113px;
        height: 13px;
        text-align: center;
        background-color: #2460AC;
    }
    .list_btn a:hover {
        color: #FFF;
        background-color: #0071BC;
    }

    /*  */
    #side {
        float: right;
        width: 200px;
    }
    #login {
        margin: 0 0 20px;
        padding: 15px 0 0;
        border: 1px solid #c3c6c7;
        background-color: #e4f0f7;
        height: 68px;
        text-align: center;
    }
    .login_btn {
        margin: 0 auto 10px;
        padding: 8px 0 7px;
        font-size: 15px;
        line-height: 1;
        color: #FFF;
        border-radius: 15px;
        display: block;
        width: 175px;
        height: 15px;
        text-align: center;
        background:no-repeat 40px 10px url(../../images/icon_arrow_btn.gif) #2460AC;
    }
    .login_btn:hover {
        color: #FFF;
        background-color: #0071BC;
    }
    .member {
        font-weight: bold;font-family: "I-OTF-UDゴ表示Pro B";
        line-height: 15px;
    }
    .member img {
        vertical-align: middle;
        margin: 0 5px 0 0;
    }
    #what{
        margin:0 0 10px;
    }
    #what a{
        display:block;
        width:200px;
        height:131px;
        text-indent:-9999em;
        background: no-repeat url(../../images/bnr_whats_off.jpg);
    }
    #what a:hover{
        background:no-repeat url(../../images/bnr_whats_on.jpg);
    }
    #chart{
        margin:0 0 10px;
    }
    #chart a{
        display:block;
        width:200px;
        height:70px;
        text-indent:-9999em;
        background: no-repeat url(../../images/bnr_chart_off.html);
    }
    #chart a:hover{
        background:no-repeat url(../../images/bnr_chart_on.html);
    }
    #side ul {
        margin: 0 0 25px;
        padding: 0 0 15px;
        border-bottom: 1px dotted #c9c9c9;
    }
    #side ul li {
        margin: 0 0 10px;
    }
    #side ul li a{
        display:block;
        width:200px;
        height:56px;
        text-indent:-9999em;
    }
    .side01{
        background:no-repeat url(../../images/bnr_web_off.jpg);
    }
    .side01:hover{
        background:no-repeat url(../../images/bnr_web_on.jpg);
    }
    .side02{
        background:no-repeat url(../../images/bnr_download_off.jpg);
    }
    .side02:hover{
        background:no-repeat url(../../images/bnr_download_on.jpg);
    }
    .side03{
        background:no-repeat url(../../images/bnr_support_off.jpg);
    }
    .side03:hover{
        background:no-repeat url(../../images/bnr_support_on.jpg);
    }
    .side04{
        background:no-repeat url(../../images/bnr_contact_off.jpg);
    }
    .side04:hover{
        background:no-repeat url(../../images/bnr_contact_on.jpg);
    }
    .product01_op{
        display:none;
    }
    .product02_op{
        display:none;
    }
    .product03_op{
        display:none;
    }

    /* Google Search Box */
    .google_search_block {
        position: relative;
        margin: 12px 0 0 0;
        height: 30px;
        width: 190px;
        *display: inline;
        *zoom: 1;
    }

    .google_search_block .gsc-control-cse,
    .google_search_block .gsc-control-cse-ja,
    .google_search_block .gsib_a{
        margin:0 !important;
        padding:0 !important;
    }

    /* Input */
    .google_search_block table.gsc-search-box td,
    .google_search_block table.gsc-search-box input {
        vertical-align: top !important;
    }
    .google_search_block input[type="text"]{
        border: 1px solid #758da9 !important;
        height:25px !important;
    }
    .google_search_block input[type="text"]:focus {
        border: 1px solid #758da9 !important;
        outline: 0;
    }
    .google_search_block #gsc-iw-id1{
        border:none !important;
    }
    .google_search_block #gs_tti0 input{
        background-position:5px 5px !important;
    }

    /* Btn */
    input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus {
        border-color: #758da9!important;
        background-color: #2560ac!important;
    }

    .google_search_block .gsc-search-button{
        margin:0 0 0 -16px !important;
        border-radius:0;
        padding: 6px 10px;
    }
    .google_search_block td.gsc-search-button{
        padding: 0;
    }

    /* Delete Btn */
    .google_search_block .gsib_b a{
        display: none;
    }

    .error {
        color: #ff0000;
        font-weight: bold;font-family: "I-OTF-UDゴ表示Pro B";
    }


    .pagetop_sp{
        display: none;
    }
}