@charset "utf-8";

/* ------------------------- TOC 
setup
wrapper
header
contents
footer
 ------------------------- */

/* ============================== setup */
body { color: #333; background-color: #fff; font-size: 16px; font-family: Helvetica Neue, Helvetica, Arial, "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "MS PGothic", sans-serif; }
table { border-collapse: collapse; border-spacing: 0; }

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

h1, h2, h3, h4, h5, h6 { line-height: 1.5; }

p { line-height: 1.8; }
label { line-height: 1.8; }
em { font-weight: bold; font-style: normal; }
em.em_tit { display: block; }

ul, ol { list-style:none; }

img { display: block; }

/* ============================== css hack */
/* floating box clear */
.clr:after, .mc:after, .ms:after, .multi_section:after, .multi_column:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; padding-bottom:20px;}
.clr, .mc, .ms, .multi_section, .multi_column { display: inline-table; min-height: 1%; }
/* Hide from mac IE5 \*/
* html .clr, * html .mc, * html .ms, * html .multi_section, * html .multi_column { height: 1%; }
.clr, .mc, .ms, .multi_section, .multi_column { display: block; }
/* End Hide from mac IE5 */

/* hide text */
.hidetxt, .hd { text-indent: -9999px; overflow: hidden; }
.hidetxt a, .hd a { overflow: hidden; }


/* ============================== multi column */
.multi_section {  }
.left_section { float: left; }
.right_section { float: right; }
.ms {  }
.ls { float: left; }
.rs { float: right; }

.multi_column { }
.left_column { float: left; }
.right_column { float: right; }
.mc {  }
.lc,
.img_l { float: left; } 
.rc,
.img_r { float: right; }

/* ============================== no_print */
.no_print { display: none !important; }

/* ============================== wrapper */
#ss_stage { min-width: 1024px; }


/* ============================== header */
#header { background-color: #1a2792; min-width: 1024px; border-bottom: 4px solid #1a2792; }
#header #header_inner { position: relative; width: 960px; margin: 0 auto; }
#header #header_inner .lc { width: 302px; }
#header #header_inner .rc { position: relative; width: 290px; padding-left: 186px; }
/*Header_logo_CSK*/
#Header_logo_CSK { float: left; margin-top: 26px; }
/*nav_header_function*/
#nav_header_function { text-align: right; }
#nav_header_function ul { display: inline-block; vertical-align: middle; }
#nav_header_function li { display: inline-block; font-size: 12px; }
#nav_header_function li a { color: #fff; }
#nav_header_function li#fnav_home,
#nav_header_function li#fnav_english { margin-left: 23px; padding-top: 10px; }
#nav_header_function li#fnav_home a { padding-left: 20px; background: url(../img/icon_link_home.png) no-repeat 0 0.1em; }
#nav_header_function li a.icon_link_arrow { background-image: url(../img/icon_link_arrow_w.png); background-position: 0 0.2em; line-height: 1; padding-left: 10px; }
#nav_header_function p#fnav_scsk { display: inline-block; vertical-align: middle; margin: 20px 0 0 23px; }
/*form_search*/
#header #form_header_search { width: 265px; margin: 11px 0 0 auto; }
#header #form_header_search input.form_txt_search[type="text"] { width: 220px; }
.webkit header #form_header_search input.form_txt_search[type="text"] { height: 14px; }
/*btn_VA*/
#header #header_inner #btn_VA { position: absolute; top: 13px; left: 0; z-index: 0; }

/* ============================== nav_global */
#nav_global { background: url(../img/bg_nav_global.png) #fff repeat-x 0 0; margin: 0 auto; margin-top: 11px; }
#nav_global ul { width: 960px; margin: 0 auto; }
#nav_global ul li { float: left; text-indent: -9999px; overflow: hidden;  }
#nav_global ul li a { display: block; background: url(../img/nav_global.png) no-repeat; width: 137px; height: 52px; overflow: hidden; }
/*nav_service*/
#nav_global ul li#nav_service a { background-position: 0 0; }
#nav_global ul li#nav_service a:hover { background-position: 0 -52px; }
.service #nav_global ul li#nav_service a,
.service #nav_global ul li#nav_service a:hover { background-position: 0 -104px; }
/*nav_casestudy*/
#nav_global ul li#nav_casestudy a { background-position: -137px 0; }
#nav_global ul li#nav_casestudy a:hover { background-position: -137px -52px; }
.casestudy #nav_global ul li#nav_casestudy a,
.casestudy #nav_global ul li#nav_casestudy a:hover,
.casestudy_case #nav_global ul li#nav_casestudy a,
.casestudy_case #nav_global ul li#nav_casestudy a:hover { background-position: -137px -104px; }
/*nav_special*/
#nav_global ul li#nav_special a { background-position: -274px 0; }
#nav_global ul li#nav_special a:hover { background-position: -274px -52px; }
.special #nav_global ul li#nav_special a,
.special #nav_global ul li#nav_special a:hover,
.special_trend #nav_global ul li#nav_special a,
.special_trend #nav_global ul li#nav_special a:hover { background-position: -274px -104px; }
/*nav_seminar_event*/
#nav_global ul li#nav_seminar_event a { background-position: -411px 0; }
#nav_global ul li#nav_seminar_event a:hover { background-position: -411px -52px; }
.seminar_event #nav_global ul li#nav_seminar_event a,
.seminar_event #nav_global ul li#nav_seminar_event a:hover { background-position: -411px -104px; }
/*nav_news*/
#nav_global ul li#nav_news a { background-position: -548px 0; }
#nav_global ul li#nav_news a:hover { background-position: -548px -52px; }
.news #nav_global ul li#nav_news a,
.news #nav_global ul li#nav_news a:hover { background-position: -548px -104px; }
/*nav_recruit*/
#nav_global ul li#nav_recruit a { background-position: -685px 0; }
#nav_global ul li#nav_recruit a:hover { background-position: -685px -52px; }
.recruit #nav_global ul li#nav_recruit a,
.recruit #nav_global ul li#nav_recruit a:hover { background-position: -685px -104px; }
/*nav_company*/
#nav_global ul li#nav_company a { width: 138px; background-position: -822px 0; }
#nav_global ul li#nav_company a:hover { background-position: -822px -52px; }
.company #nav_global ul li#nav_company a,
.company #nav_global ul li#nav_company a:hover { background-position: -822px -104px; }

/* ============================== sec_sns */
#sec_sns_header,
#sec_sns_footer_index { position: relative; width: 700px; margin: 0 auto; height: 42px; }
#sec_sns_footer_index { padding-bottom: 14px; }
#sec_sns_footer  { position: relative; width: 700px; margin: 0 auto; height: 42px; }

/* ============================== sns */
.sec_sns { display: inline-block; position: absolute; right: 0; top: 0; margin-top: 10px; }
.addthis_button_compact { width: 32px !important; padding-right: 0 !important; }

/* ============================== directory_link */
.directory_link { margin-top: 20px; }
.directory_link ol { width: 960px; margin: 0 auto; }
.directory_link ol li { display: inline-block; line-height: 1; font-size: 14px;*display: inline;*zoom: 1;  }
.directory_link ol li span { color: #4a7fe5; }


/* ============================== contents */
#ss_container { width: 960px; margin: 0 auto; }
#ss_contents  { width: 700px; margin: 0 auto; }
/*contents_main*/
#contents #contents_main { float: right; width: 700px; }
#contents #contents_main #contents_main_inner { width: 700px; margin: 0 auto; }
/*contents_sub*/
#contents #contents_sub { float: left; width: 220px; margin-top: 40px; }
/*area_address*/
#contents #contents_sub #area_address { background: url(../img/img_area_address.png) no-repeat 0 0; width: 220px; height: 240px;  text-indent: -9999px; overflow: hidden;  }
#contents #contents_sub #area_address span,
#contents #contents_sub #area_address em,
#contents #contents_sub #area_address a { width: 220px; display: block; }
#contents #contents_sub #area_address span { height: 43px; }
#contents #contents_sub #area_address em { height: 100px; }
#contents #contents_sub #area_address a { height: 97px; }
/*nav_sub*/
#contents #contents_sub #nav_sub { margin-top: 20px; border-top: 1px solid #1a2692; font-size: 14px; }
#contents #contents_sub #nav_sub ul { width: 220px; }
#contents #contents_sub #nav_sub ul li { border-bottom: 1px solid #1a2692; }
#contents #contents_sub #nav_sub ul li a { display: table-cell; width: 195px; height: 59px; vertical-align: middle; padding: 0 5px 0 20px; }
/*nav_sub_parent*/
#contents #contents_sub #nav_sub ul.nav_sub_parent { }
#contents #contents_sub #nav_sub ul.nav_sub_parent li { background-color: #4a7fe5; }
#contents #contents_sub #nav_sub ul.nav_sub_parent a { background: url(../img/icon_link_arrow_w.png) no-repeat 5px 50%; color: #fff; line-height: 1.5; }
#contents #contents_sub #nav_sub ul.nav_sub_parent a:hover { background-color: #80a5ed; text-decoration: none; }
#contents #contents_sub #nav_sub ul.nav_sub_parent li.nav_current,
#contents #contents_sub #nav_sub ul.nav_sub_parent li.nav_current a { background-color: #1a2692; }
#contents #contents_sub #nav_sub ul.nav_sub_parent li.nav_open { border-bottom: none; }
#contents #contents_sub #nav_sub ul.nav_sub_parent li.nav_open a { background-image: url(../img/icon_link_arrow_down_w.png); }
/*nav_sub_child*/
#contents #contents_sub #nav_sub ul.nav_sub_parent ul.nav_sub_child { padding-left: 7px; width: 213px; border-top: none; }
#contents #contents_sub #nav_sub ul.nav_sub_parent ul.nav_sub_child li { background-color: #1a2692; font-weight: normal; border-bottom: 1px solid #1a2692; }
#contents #contents_sub #nav_sub ul.nav_sub_parent ul.nav_sub_child li:first-child { border-top: 1px solid #1a2692; }
#contents #contents_sub #nav_sub ul.nav_sub_parent ul.nav_sub_child li a { background-image: url(../img/icon_link_arrow_n.png); background-color: #dce2ef; color: #1a2692; width: 215px; }
#contents #contents_sub #nav_sub ul.nav_sub_parent ul.nav_sub_child li a:hover { background-color: #bacef6; text-decoration: none; }
#contents #contents_sub #nav_sub ul.nav_sub_parent ul.nav_sub_child li.nav_current { background-color: #1a2692; }
#contents #contents_sub #nav_sub ul.nav_sub_parent ul.nav_sub_child li.nav_current a { background-image: url(../img/icon_link_arrow_w.png); background-color: #1a2692; color: #1a2692; color: #fff; }
#contents #contents_sub #nav_sub ul.nav_sub_parent ul.nav_sub_child li.nav_open { border-bottom: none; background-color: #dce2ef; }
#contents #contents_sub #nav_sub ul.nav_sub_parent ul.nav_sub_child li.nav_open a { background-image: url(../img/icon_link_arrow_down_n.png); }
/*nav_sub_g_child*/
#contents #contents_sub #nav_sub ul.nav_sub_parent ul.nav_sub_child ul.nav_sub_g_child { padding-left: 7px; width: 206px; border-top: none; }
#contents #contents_sub #nav_sub ul.nav_sub_parent ul.nav_sub_child ul.nav_sub_g_child li,
#contents #contents_sub #nav_sub ul.nav_sub_parent ul.nav_sub_child ul.nav_sub_g_child li a { background-image: url(../img/icon_link_arrow.png); background-color: #fff; color: #4a7fe5; }
#contents #contents_sub #nav_sub ul.nav_sub_parent ul.nav_sub_child ul.nav_sub_g_child li a:hover { background-color: #c7dafe; text-decoration: none; }
#contents #contents_sub #nav_sub ul.nav_sub_parent ul.nav_sub_child ul.nav_sub_g_child li.nav_current { background-color: #1a2692; }
#contents #contents_sub #nav_sub ul.nav_sub_parent ul.nav_sub_child ul.nav_sub_g_child li.nav_current a { background-image: url(../img/icon_link_arrow_w.png); background-color: #1a2692; color: #1a2692; color: #fff; }
/*area_banner*/
#contents #contents_sub .area_banner { margin-top: 40px; }
#contents #contents_sub .area_banner li { margin-bottom: 20px; }
/*recruit Page*/
body.recruit #contents #contents_sub .area_banner li#banner_staff { display: none; }
/*special Page*/
body.special #contents #contents_sub .area_banner li#banner_special_01,
body.special #contents #contents_sub .area_banner li#banner_special_02,
body.special_trend #contents #contents_sub .area_banner li#banner_special_01,
body.special_trend #contents #contents_sub .area_banner li#banner_special_02 { display: none; }
/*conken*/
#contents #contents_sub .area_banner li#banner_conken_02 { display: none; }
body.company #contents #contents_sub .area_banner li#banner_conken_02 { display: block; }

/* ============================== area_address_footer */
#area_address_footer { border-bottom: 1px solid #1a2692; border-top: 1px solid #1a2692; margin: 60px 0 80px; padding: 30px 20px; }
#area_address_footer span.txt_tit { display: block; font-size: 20px; color: #1a2692; }
#area_address_footer .mc { margin-top: 30px; }
#area_address_footer .mc .lc { width: 300px; color: #1a2692; }
#area_address_footer .mc .lc em { display: block; background: url(../img/icon_link_tel_add.png) no-repeat 0 0; font-size: 28px; padding-left: 44px; }
#area_address_footer .mc .lc span { display: block; padding-left: 44px; font-size: 14px; margin-top: 7px; }
#area_address_footer .mc .rc { width: 300px; }
#area_address_footer .mc .rc .link_bt { width: 300px; padding: 13px 0; }
#area_address_footer .mc .rc .link_bt span { background: url(../img/icon_link_add.png) no-repeat 0 50%; padding-left: 43px; }
 
/* ============================== page_top */
#page_top { width: 700px; margin: 10px auto; text-align: right; }
#page_top a { display: inline-block; background: url(../../img/icon_link_page_top.png) no-repeat 6px 0.7em; padding-left: 22px; }

/* ============================== area_footer_link */
#area_footer_link { background-color: #eee; }
#area_footer_link #area_footer_link_inner { width: 960px; margin: 0 auto; padding: 30px 0 12px; }
#area_footer_link #area_footer_link_inner a { color: #111a6b; }
#area_footer_link #area_footer_link_inner .lc { width: 162px; margin-left: 30px; }
#area_footer_link #area_footer_link_inner .lc:first-child { width: 192px; margin-left: 0; }
#area_footer_link #area_footer_link_inner .lc div { padding-bottom: 35px; }
#area_footer_link #area_footer_link_inner .lc em { display: block; font-size: 14px; font-weight: normal; margin-bottom: 18px; font-weight: bold; *padding-top:2px; *padding-bottom:2px; }
#area_footer_link #area_footer_link_inner .lc ul li { text-indent: -1em; padding-left: 1em; font-size: 12px; margin-bottom: 20px; line-height: 1.2; }
#area_footer_link #area_footer_link_inner .lc ul li:before { content:"・"; }

/* ============================== footer */
#footer { background-color: #000; }
#footer #footer_inner { background-color: #1a2692; padding-bottom: 37px; }
#footer #footer_inner #footer_inner_function { width: 960px; margin: 0 auto; }
#footer #footer_inner #footer_inner_function .lc { width: 380px; padding-top: 20px; }
#footer #footer_inner #footer_inner_function .lc #footer_logo { color: #fff; font-size: 20px; font-weight: bold; line-height: 1; }
#footer #footer_inner #footer_inner_function .lc #copyright { color: #fff; font-size: 12px; line-height: 1.2; margin-top: 13px; }
#footer #footer_inner #footer_inner_function #nav_footer_function { width: 520px; margin-top: 50px; text-align: right; }
#footer #footer_inner #footer_inner_function #nav_footer_function li { display: inline-block; font-size: 12px; margin-left: 17px; *display: inline;*zoom: 1; }
#footer #footer_inner #footer_inner_function #nav_footer_function li a { background-position: 0 0.1em; padding-left: 13px; line-height: 1.2; color: #86a9ec; }
#footer #footer_inner #footer_inner_function #nav_footer_function li:first-child { margin-left: 0; }
#footer #footer_inner #footer_inner_function #nav_footer_function li .icon_link_arrow { background-image: url(../img/icon_link_footer.png);background-repeat: no-repeat;}
#footer #footer_inner #footer_inner_function #nav_footer_function li .icon_link_window { background: url(../img/icon_link_footer_window.png) no-repeat 0 0; }
#footer #logo_footer_scsk { width: 960px; margin: 0 auto; padding: 17px 0 14px; }
#footer #logo_footer_scsk img { margin-left: auto; }