@charset "utf-8";

/* ------------------------- TOC 
setup
wrapper
header
nav_global
contents
contents.col_2
contents.category_index
contents.stated_detail
footer_nav_function
footer
 ------------------------- */

/* ============================== setup */
body { color: #3d3d3d; font-size: 12px; font-family: "Lucida Grande", Verdana, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "MS PGothic", sans-serif; }
table { border-collapse: collapse; border-spacing: 0; }

a { color: #e94609; text-decoration: none; }
a:link { color: #e94609; }
a:visited { color: #e94609; }
a:hover, a:active { color: #e94609; text-decoration: underline; }
a img, a:link img, a:visited img, a:hover img, a:active img { border: none; text-decoration: none; }

/*bullet_link*/
.bullet { padding-top: 10px; margin-bottom: 8px; line-height: 1.7; }
.bullet a { display: inline-block; background:url(/common/img/bullet.gif) no-repeat 0 0.3em; padding-left: 20px; }
/*bullet_trigona*/
.bullet_trigona a { display: inline-block; line-height: 1.7; background:url(/common/img/bullet_trigona.gif) no-repeat 0 0.4em; padding-left: 9px; }


/* ============================== wrapper */
#wrapper { width: 100%; min-width: 1022px; background: url(/common/img/bg_body.gif) repeat #fff; }


/* ============================== header */
#header { width: 960px; margin: 0 auto; padding-top: 30px; }
/*logo*/
#header #logo { float: left; width: 300px; }
/*header_function*/
#header #header_function { float: right; width: 546px; }
#header #header_function #sec_search { float: left; margin-top: 10px; }
#header #header_function #sec_search input { vertical-align: middle; }
#header #header_function #sec_search input.js_exmple { color: #666666; font-size: 86%; }
#header #header_function #sec_search .tbox_search { width: 116px; padding: 3px; border: 1px solid #e6e2e1; }
#header #header_function ul { margin: 8px 0 0 10px; float: left; }
#header #header_function ul li { float: left; }
#header #header_function ul li a { display: block; background: url(/common/img/nav_header_function.gif) no-repeat 0 0; height: 25px; }
/*company*/
#header #header_function ul li#company { width: 75px; }
#header #header_function ul li#company a { background-position: 0 0; }
#header #header_function ul li#company a:hover,
#header #header_function ul li#company a:active { background-position: 0 -25px; }
/*recruit*/
#header #header_function ul li#recruit { width: 75px; }
#header #header_function ul li#recruit a { background-position: -75px 0; }
#header #header_function ul li#recruit a:hover,
#header #header_function ul li#recruit a:active { background-position: -75px -25px; }
/*showroom*/
#header #header_function ul li#showroom { width: 92px; }
#header #header_function ul li#showroom a { background-position: -150px 0; }
#header #header_function ul li#showroom a:hover,
#header #header_function ul li#showroom a:active { background-position: -150px -25px; }
/*btn_inquiry*/
#header #header_function .btn_inquiry { float: right; }
/*↓6/30リリース用（7月リリース時削除）↓*/
/*header_function*/
#header #header_function { width: 454px; }
/*recruit*/
#header #header_function ul li#recruit { width: 76px; }
/*↑6/30リリース用（7月リリース時削除） END↑*/


/* ============================== nav_global */
#nav_global { width: 960px; margin: 35px auto 0; }
/*nav_parent*/
#nav_global ul#nav_parent li { float: left; width: 320px; position: relative; z-index: 1; }
#nav_global ul#nav_parent li a { display: block; width: 320px; height: 45px; background: url(/common/img/nav_global.gif) no-repeat 0 0; }
/*nav_child*/
#nav_global ul#nav_parent li ul.nav_child { position: absolute; left: 0; top: 45px; width: 321px; z-index: 2; display: none; }
#nav_global ul#nav_parent li ul.nav_child li { width: 321px; }
#nav_global ul#nav_parent li ul.nav_child li a { display: block; width: 321px; height: 30px; }
#nav_global ul#nav_parent li ul.nav_child li.last a { height: 31px; }
#nav_global ul#nav_parent li ul.nav_child li a:hover,
#nav_global ul#nav_parent li ul.nav_child li a:active {  }
/*gnav_solution*/
#nav_global ul#nav_parent li#gnav_solution a { background-position: 0 0; }
#nav_global ul#nav_parent li#gnav_solution a:hover,
#nav_global ul#nav_parent li#gnav_solution a:active { background-position: 0 -45px; }
/*gnav_solution#nav_child*/
#nav_global ul#nav_parent li#gnav_solution ul.nav_child { }
#nav_global ul#nav_parent li#gnav_solution ul.nav_child li a { background: url(/common/img/gnav_solution.gif) no-repeat 0 0; }
/*cnav_education*/
#nav_global ul#nav_parent li#gnav_solution ul.nav_child li#cnav_s_education a { background-position: 0 0; }
#nav_global ul#nav_parent li#gnav_solution ul.nav_child li#cnav_s_education a:hover,
#nav_global ul#nav_parent li#gnav_solution ul.nav_child li#cnav_s_education a:active { background-position: -321px 0; }
/*cnav_conference*/
#nav_global ul#nav_parent li#gnav_solution ul.nav_child li#cnav_s_conference a { background-position: 0 -30px; }
#nav_global ul#nav_parent li#gnav_solution ul.nav_child li#cnav_s_conference a:hover,
#nav_global ul#nav_parent li#gnav_solution ul.nav_child li#cnav_s_conference a:active { background-position: -321px -30px; }
/*cnav_convention*/
#nav_global ul#nav_parent li#gnav_solution ul.nav_child li#cnav_s_convention a { background-position: 0 -60px; }
#nav_global ul#nav_parent li#gnav_solution ul.nav_child li#cnav_s_convention a:hover,
#nav_global ul#nav_parent li#gnav_solution ul.nav_child li#cnav_s_convention a:active { background-position: -321px -60px; }
/*cnav_network*/
#nav_global ul#nav_parent li#gnav_solution ul.nav_child li#cnav_s_network a { background-position: 0 -90px; }
#nav_global ul#nav_parent li#gnav_solution ul.nav_child li#cnav_s_network a:hover,
#nav_global ul#nav_parent li#gnav_solution ul.nav_child li#cnav_s_network a:active { background-position: -321px -90px; }
/*cnav_display*/
#nav_global ul#nav_parent li#gnav_solution ul.nav_child li#cnav_s_display a { background-position: 0 -120px; }
#nav_global ul#nav_parent li#gnav_solution ul.nav_child li#cnav_s_display a:hover,
#nav_global ul#nav_parent li#gnav_solution ul.nav_child li#cnav_s_display a:active { background-position: -321px -120px; }
/*cnav_management*/
#nav_global ul#nav_parent li#gnav_solution ul.nav_child li#cnav_s_management a { background-position: 0 -150px; }
#nav_global ul#nav_parent li#gnav_solution ul.nav_child li#cnav_s_management a:hover,
#nav_global ul#nav_parent li#gnav_solution ul.nav_child li#cnav_s_management a:active { background-position: -321px -150px; }
/*cnav_monitoring*/
#nav_global ul#nav_parent li#gnav_solution ul.nav_child li#cnav_s_monitoring a { background-position: 0 -180px; }
#nav_global ul#nav_parent li#gnav_solution ul.nav_child li#cnav_s_monitoring a:hover,
#nav_global ul#nav_parent li#gnav_solution ul.nav_child li#cnav_s_monitoring a:active { background-position: -321px -180px; }
/*gnav_casestudy#nav_parent*/
#nav_global ul#nav_parent li#gnav_casestudy a { background-position: -320px 0; }
#nav_global ul#nav_parent li#gnav_casestudy a:hover,
#nav_global ul#nav_parent li#gnav_casestudy a:active { background-position: -320px -45px; }
/*gnav_casestudy#nav_child*/
#nav_global ul#nav_parent li#gnav_casestudy ul.nav_child { }
#nav_global ul#nav_parent li#gnav_casestudy ul.nav_child li a { background: url(/common/img/gnav_casestudy.gif) no-repeat 0 0; }
/*cnav_education*/
#nav_global ul#nav_parent li#gnav_casestudy ul li#cnav_c_education a { background-position: 0 0; }
#nav_global ul#nav_parent li#gnav_casestudy ul li#cnav_c_education a:hover,
#nav_global ul#nav_parent li#gnav_casestudy ul li#cnav_c_education a:active { background-position: -321px 0; }
/*cnav_business*/
#nav_global ul#nav_parent li#gnav_casestudy ul li#cnav_c_business a { background-position: 0 -30px; }
#nav_global ul#nav_parent li#gnav_casestudy ul li#cnav_c_business a:hover,
#nav_global ul#nav_parent li#gnav_casestudy ul li#cnav_c_business a:active { background-position: -321px -30px; }
/*cnav_medical*/
#nav_global ul#nav_parent li#gnav_casestudy ul li#cnav_c_medical a { background-position: 0 -60px; }
#nav_global ul#nav_parent li#gnav_casestudy ul li#cnav_c_medical a:hover,
#nav_global ul#nav_parent li#gnav_casestudy ul li#cnav_c_medical a:active { background-position: -321px -60px; }
/*cnav_public*/
#nav_global ul#nav_parent li#gnav_casestudy ul li#cnav_c_public a { background-position: 0 -90px; }
#nav_global ul#nav_parent li#gnav_casestudy ul li#cnav_c_public a:hover,
#nav_global ul#nav_parent li#gnav_casestudy ul li#cnav_c_public a:active { background-position: -321px -90px; }
/*cnav_commercial*/
#nav_global ul#nav_parent li#gnav_casestudy ul li#cnav_c_commercial a { background-position: 0 -120px; }
#nav_global ul#nav_parent li#gnav_casestudy ul li#cnav_c_commercial a:hover,
#nav_global ul#nav_parent li#gnav_casestudy ul li#cnav_c_commercial a:active { background-position: -321px -120px; }
/*gnav_message*/
#nav_global ul#nav_parent li#gnav_message a { background-position: -640px 0; }
#nav_global ul#nav_parent li#gnav_message a:hover,
#nav_global ul#nav_parent li#gnav_message a:active { background-position: -640px -45px; }
/*hover*/
#nav_global ul#nav_parent li.hover a#pnav_solution { background-position: 0 -45px; }
#nav_global ul#nav_parent li.hover a#pnav_casestudy { background-position: -320px -45px; }


/* ============================== contents */
#contents { width: 960px; margin: 23px auto 0; padding: 0 0 45px; }
/*img*/
#contents img.img_lc { float: left; }
#contents img.img_rc { float: right; }
/*sec_h1*/
#contents #sec_h1 { position: relative; width: 960px; background: url(/common/img/line_sec_h1_t.gif) no-repeat 0 13px; }
#contents #sec_h1 h1 { padding-top: 40px; min-height: 49px; }
#contents #sec_h1 .sec_caption { width: 680px; margin-top: 33px; }
#contents #sec_h1 .sec_caption h2 { color: #803d25; font-size: 150%; line-height: 1.7; font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3"; font-weight: bold; }
#contents #sec_h1 .sec_caption p { margin-top: 7px; line-height: 1.5; }
/*directory_link*/
#contents #sec_h1 #directory_link { position: absolute; width: 240px; background: url(/common/img/line_sec_h1_sub_b.gif) no-repeat left bottom; padding-bottom: 1px; top: 0; right: 0; }
#contents #sec_h1 #directory_link ul li { background: url(/common/img/line_sec_h1_rc.gif) no-repeat left bottom; padding-bottom: 1px; }
#contents #sec_h1 #directory_link ul li.one { border-top: #dfded9 solid 1px; border-bottom: #dfded9 solid 1px; background: none; }
#contents #sec_h1 #directory_link ul li.first { border-top: #dfded9 solid 1px; }
#contents #sec_h1 #directory_link ul li.last { border-bottom: #dfded9 solid 1px; background: none; padding-bottom: 0; }
#contents #sec_h1 #directory_link ul li img { vertical-align: text-bottom; border: 0; }
/*p*/
#contents #contents_inner #contents_main div.sec_detail p { line-height: 1.5; padding-bottom: 24px; }
/*list*/
#contents_inner #contents_main div.sec_detail ul { padding-bottom: 24px; }
#contents #contents_inner #contents_main div.sec_detail ul li { background: url(/casestudy/img/bullet_sec_detail.gif) no-repeat 0 0.55em; padding-left: 13px; }
#contents #contents_inner #contents_main div.sec_detail ol { padding-bottom: 15px; padding-left: 20px; list-style-type: decimal; }
#contents #contents_inner #contents_main div.sec_detail ol li { list-style-type: decimal;  font-weight: bold; padding-top: 0.1em; }
#contents #contents_inner #contents_main div.sec_detail ol li span { font-weight: normal; }
#contents #contents_inner #contents_main div.sec_detail ul li,
#contents #contents_inner #contents_main div.sec_detail ol li { color: #803e26; line-height: 1.5; margin-bottom: 9px; }
/*introduction*/
#contents #contents_inner #introduction { background: url(/common/img/line_dot.gif) no-repeat 100% 33px; padding-top: 33px; }
#contents #contents_inner #introduction dt { float: left; width: 162px; height: 80px; }
#contents #contents_inner #introduction dd { float: right; width: 477px; padding: 0 0 11px 18px; background: url(/common/img/line_dot.gif) no-repeat left bottom; line-height: 1.5; }
#contents #contents_inner #introduction dd em { display: block; line-height: 1.7; margin-bottom: 8px; padding-top: 10px; font-weight: bold; }
/*bn_inquiry*/
#contents #contents_inner #bn_inquiry { background: url(/common/img/bg_contents_inquiry.gif) no-repeat 0 0; width: 610px; height: 101px; padding: 25px 30px 0 40px; margin: 60px auto 0; }
#contents #contents_inner #bn_inquiry .img_catch { float: left; width: 397px; margin-top: 4px; }
#contents #contents_inner #bn_inquiry .btn_inquiry { width: 180px; float: right; margin-top: 0; }


/* ============================== contents.col_2 */
.col_2 #contents { width: 966px; padding: 0 0 45px 3px; }
/*contents_inner*/
.col_2 #contents #contents_inner #contents_main { float: left; width: 680px; }
/*contents_sub*/
.col_2 #contents #contents_inner #contents_sub { float: right; width: 246px; }
.col_2 #contents #contents_inner #contents_sub dl { background: url(/common/img/bg_contents_sub.gif) no-repeat scroll left bottom; padding-bottom: 15px; }
.col_2 #contents #contents_inner #contents_sub dl dt { }
.col_2 #contents #contents_inner #contents_sub dl dd { background: url(/common/img/line_dot02.gif) no-repeat scroll 24px 100%; line-height: 1.5; padding: 3px 24px 13px; width: 198px; }
.col_2 #contents #contents_inner #contents_sub dl dd em { display: block; line-height: 1.7; margin-bottom: 8px; padding-top: 10px; font-weight: bold; }
.col_2 #contents #contents_inner #contents_sub dl dd.last { background: none; padding-bottom: 0; }
/*bn_snav*/
.col_2 #contents #contents_inner #contents_sub .bn_snav { margin-top: 37px; padding: 0 3px; }


/* ============================== contents.category_index */
/*contents_inner*/
.category_index #contents { width: 976px; padding-left: 16px; }
/*sec_h1*/
.category_index #contents #sec_h1 { padding-left: 2px; } 
.category_index #contents #contents_inner { width: 976px; margin-top: 0; }
.category_index #contents #contents_inner #contents_main { padding-bottom: 50px; }
/*category_list*/
.category_index #contents #contents_inner .category_list { margin-top: 50px; }
.category_index #contents #contents_inner .category_list div div h2 { padding-top: 20px; }
.category_index #contents #contents_inner .category_list div divul { margin: 2px 0 0 2px; }
.category_index #contents #contents_inner .category_list div div ul li { background: url(/common/img/line_dot03.gif) repeat-x left bottom; line-height: 1.5; padding: 6px 0 8px 0; }
.category_index #contents #contents_inner .category_list div div ul li.last { background: none; padding: 6px 0 8px 0; }
.category_index #contents #contents_inner .category_list div div ul li a { display: inline-block; background: url(/common/img/bullet_trigona.gif) no-repeat 0 0.5em; padding-left: 9px; font-weight: bold; color: #595754; }
.category_index #contents #contents_inner .category_list div div ul li em { display: inline-block; padding-left: 9px; font-weight: bold; color: #595754; }
.category_index #contents #contents_inner .category_list div div ul li a:hover,
.category_index #contents #contents_inner .category_list div div ul li a:active { color: #E94609; }
.category_index #contents #contents_inner .category_list div div ul li img.icon_new { margin-left: 8px; vertical-align: baseline; }
/*catchcopy*/
.category_index #contents #contents_inner .category_list div#catchcopy { width: 225px; }
.category_index #contents #contents_inner .category_list div#catchcopy h2 { background: none; padding-top: 0; }
.category_index #contents #contents_inner .category_list div#catchcopy p { margin-top: 30px; padding: 0; line-height: 1.5; color: #3c3c3c; }
/*contents_sitelist*/
.category_index #contents #contents_inner .contents_sitelist .category_list div.ls { width: 300px; }
.category_index #contents #contents_inner .contents_sitelist .category_list div.rs { width: 630px; }
.category_index #contents #contents_inner .contents_sitelist .category_list div div { width: 300px; }
.category_index #contents #contents_inner .contents_sitelist .category_list div div ul { width: 300px; border-top: #ccc8c6 solid 1px; }
.category_index #contents #contents_inner .contents_sitelist .category_list div div ul li a { font-weight: normal; }
.category_index #contents #contents_inner .contents_sitelist .category_list div div ul li ul.list_child { width: 300px; border-top: none; }
.category_index #contents #contents_inner .contents_sitelist .category_list div div ul li ul.list_child li { float: left; background: none; min-width: 120px; padding-left: 30px; }


/* ============================== contents.stated_detail */
/*table*/
.stated_detail #contents #contents_inner #contents_main table tr th,
.stated_detail #contents #contents_inner #contents_main table tr td { background: url(/common/img/line_sec_detail_b.gif) no-repeat 0 100%; line-height: 1.5; }
.stated_detail #contents #contents_inner #contents_main table tr th { width: 145px; padding: 15px 15px 15px 0; font-weight: bold; }
.stated_detail #contents #contents_inner #contents_main table tr td { background-position: -160px 100%; width: 520px; padding: 15px 0; }
.stated_detail #contents #contents_inner #contents_main table tr.first th,
.stated_detail #contents #contents_inner #contents_main table tr.first td { padding-top: 0; }
.stated_detail #contents #contents_inner #contents_main table tr.last th,
.stated_detail #contents #contents_inner #contents_main table tr.last td { background: none; }
.stated_detail #contents #contents_inner #contents_main table tr td ul { padding-bottom: 0; }
.stated_detail #contents #contents_inner #contents_main table tr td ul li { background: none; color: #3d3d3d; margin-bottom: 0; padding-left: 0; }
/*sec_detail*/
.stated_detail #contents #contents_inner #contents_main .sec_detail { background: url(/common/img/line_sec_detail_b.gif) no-repeat left bottom; padding-bottom: 30px; }
.stated_detail #contents #contents_inner #contents_main div.last { background: none; }
.stated_detail #contents #contents_inner #contents_main .sec_detail h2 { float: left; margin-top: 42px; width: 103px; height: 60px; }
/*col_detail*/
.stated_detail #contents #contents_inner #contents_main .sec_detail .col_detail { float: right; margin-top: 39px; width: 520px; }
.stated_detail #contents #contents_inner #contents_main .sec_detail .col_detail h3 { padding-bottom: 30px; }
.stated_detail #contents #contents_inner #contents_main .sec_detail .col_detail p { line-height: 1.5; }
.stated_detail #contents #contents_inner #contents_main .sec_detail .col_detail tr th,
.stated_detail #contents #contents_inner #contents_main .sec_detail .col_detail tr td { background: url(/common/img/line_col_detail_cell.gif) no-repeat 0 100%; }
.stated_detail #contents #contents_inner #contents_main .sec_detail .col_detail tr th { }
.stated_detail #contents #contents_inner #contents_main .sec_detail .col_detail tr td { width: 360px; }
.stated_detail #contents #contents_inner #contents_main .sec_detail .col_detail tr.last th,
.stated_detail #contents #contents_inner #contents_main .sec_detail .col_detail tr.last td { background: none; }


/* ============================== footer_nav_function */
#footer_nav_function { width: 100%; background: url(/common/img/bg_footer_nav_function.gif) repeat-x 0 0; height: 41px; padding: 20px 0 1px 0; }
/*div*/
#footer_nav_function div { width: 960px; margin: 0 auto; }
#footer_nav_function div dl { float: left; }
#footer_nav_function div p { float: right; }
/*nav_solution*/
#footer_nav_function div .nav_solution { }
#footer_nav_function div .nav_solution dt { background: url(/img/tit_fnav_solution.gif) no-repeat 0 0; width: 421px; height: 17px; }
#footer_nav_function div .nav_solution ul { }
#footer_nav_function div .nav_solution ul li { display: inline; }
/*nav_casestudy*/
#footer_nav_function div .nav_casestudy { margin-left: 20px; }
#footer_nav_function div .nav_casestudy dt { background: url(/img/tit_fnav_casestudy.gif) no-repeat 0 0; width: 351px; height: 17px; }
#footer_nav_function div .nav_casestudy ul {  }
#footer_nav_function div .nav_casestudy ul li { display: inline; }


/* ============================== footer */
#footer { width: 100%; background-color: #fff; padding: 26px 0 45px; }
/*footer_inner*/
#footer #footer_inner { width: 960px; margin: 0 auto; }
#footer #footer_inner #logo_footer { float: left; }
#footer #footer_inner ul { float: left; margin-left: 10px; }
#footer #footer_inner ul li { float: left; }
#footer #footer_inner ul li a { background: url(/common/img/nav_footer_function.gif) no-repeat 0 0; display: block; height: 25px; }
/*sitemap*/
#footer #footer_inner ul li#sitemap a { background-position: 0 0; width: 84px; }
#footer #footer_inner ul li#sitemap a:hover,
#footer #footer_inner ul li#sitemap a:active { background-position: 0 -25px; }
/*privacy*/
#footer #footer_inner ul li#privacy a { background-position: -84px 0; width: 113px; }
#footer #footer_inner ul li#privacy a:hover,
#footer #footer_inner ul li#privacy a:active { background-position: -84px -25px; }
/*english*/
#footer #footer_inner ul li#english a { background-position: -197px 0; width: 72px; }
#footer #footer_inner ul li#english a:hover,
#footer #footer_inner ul li#english a:active { background-position: -197px -25px; }
/*japanese*/
#footer #footer_inner ul li#japanese a { background-position: -268px 0; width: 60px; }
#footer #footer_inner ul li#japanese a:hover,
#footer #footer_inner ul li#japanese a:active { background-position: -268px -25px; }
/*pagetop*/
#footer #footer_inner #pagetop { float: right; }
#footer #footer_inner #pagetop a { display: block; background: url(/common/img/nav_pagetop.gif) no-repeat 0 0; width: 82px; height: 25px; }
#footer #footer_inner #pagetop a:hover,
#footer #footer_inner #pagetop a:active { background-position: 0 -25px; }
/*copyright*/
#footer #copyright { width: 960px; margin: 0 auto; background: url(/common/img/copyright.gif) no-repeat 0 0; height: 6px; margin-top: 19px; }