@charset "shift_jis";

/* ------------------------- TOC
index
features
case
product
 ------------------------- */

/* ============================== index */
body#index #contents { padding: 0; background: none; }
body#index #sec_news_top { background: url(/spn/images/bg_sec_news_top.gif) repeat-x 0 0 #f4f8fc; padding: 18px 41px 8px; }
body#index #sec_news_top .sec_inner { background: url(/spn/images/bg_sec_news_top_inner.gif) repeat-y 49px 0; font-size: 84%; line-height: 1.5; }
body#index #sec_news_top .ls { width: 34px; }
body#index #sec_news_top .ls h2 { margin: 0; }
body#index #sec_news_top .rs { width: 816px; }
body#index #sec_news_top .rs dl { margin-bottom: 6px; }
body#index #sec_news_top .rs dt { width: 65px; float: left; color: #808080; }
body#index #sec_news_top .rs dd { width: 741px; float: right; }
body#index #sec_news_top .rs dd a { color: #808080; }
body#index #sec_news_top .rs dd a:hover { color: #ff0000; }
body#index .js_on { height: 475px; }
body#index .js_on img { display: none; }


/* ============================== features */
body.features #nav_sub a { width: 149px; height: 47px; background: url(/spn/features/images/nav_sub_features.gif) no-repeat 0 0; }

body.features #nav_sub #nav_sub_01 a { background-position: 0 0; }
body.features #nav_sub #nav_sub_01 a:hover { background-position: 0 -47px; }
body.features #nav_sub ul.nav_sub_01_active li#nav_sub_01 a { background-position: 0 -94px; }

body.features #nav_sub #nav_sub_02 a { background-position: -149px 0; }
body.features #nav_sub #nav_sub_02 a:hover { background-position: -149px -47px; }
body.features #nav_sub ul.nav_sub_02_active li#nav_sub_02 a { background-position: -149px -94px; }

body.features #nav_sub #nav_sub_03 a { background-position: -298px 0; }
body.features #nav_sub #nav_sub_03 a:hover { background-position: -298px -47px; }
body.features #nav_sub ul.nav_sub_03_active li#nav_sub_03 a { background-position: -298px -94px; }

body.features #nav_sub #nav_sub_04 a { background-position: -447px 0; }
body.features #nav_sub #nav_sub_04 a:hover { background-position: -447px -47px; }
body.features #nav_sub ul.nav_sub_04_active li#nav_sub_04 a { background-position: -447px -94px; }

body.features #nav_sub #nav_sub_05 a { background-position: -596px 0; }
body.features #nav_sub #nav_sub_05 a:hover { background-position: -596px -47px; }
body.features #nav_sub ul.nav_sub_05_active li#nav_sub_05 a { background-position: -596px -94px; }

body.features #nav_sub #nav_sub_06 a { background-position: -745px 0; }
body.features #nav_sub #nav_sub_06 a:hover { background-position: -745px -47px; }
body.features #nav_sub ul.nav_sub_06_active li#nav_sub_06 a { background-position: -745px -94px; }


body.features #nav_sub #nav_sub_07 a { background-position: 0 -141px; }
body.features #nav_sub #nav_sub_07 a:hover { background-position: 0 -188px; }
body.features #nav_sub ul.nav_sub_07_active li#nav_sub_07 a { background-position: 0 -235px; }

body.features #nav_sub #nav_sub_08 a { background-position: -149px -141px; }
body.features #nav_sub #nav_sub_08 a:hover { background-position: -149px -188px; }
body.features #nav_sub ul.nav_sub_08_active li#nav_sub_08 a { background-position: -149px -235px; }

body.features #nav_sub #nav_sub_09 a { background-position: -298px -141px; }
body.features #nav_sub #nav_sub_09 a:hover { background-position: -298px -188px; }
body.features #nav_sub ul.nav_sub_09_active li#nav_sub_09 a { background-position: -298px -235px; }

body.features #nav_sub #nav_sub_10 a { background-position: -447px -141px; }
body.features #nav_sub #nav_sub_10 a:hover { background-position: -447px -188px; }
body.features #nav_sub ul.nav_sub_10_active li#nav_sub_10 a { background-position: -447px -235px; }

body.features #nav_sub #nav_sub_11 a { background-position: -596px -141px; }
body.features #nav_sub #nav_sub_11 a:hover { background-position: -596px -188px; }
body.features #nav_sub ul.nav_sub_11_active li#nav_sub_11 a { background-position: -596px -235px; }

body.features #nav_sub #nav_sub_12 a { background-position: -745px -141px; }
body.features #nav_sub #nav_sub_12 a:hover { background-position: -745px -188px; }
body.features #nav_sub ul.nav_sub_12_active li#nav_sub_12 a { background-position: -745px -235px; }
/* col_half_first */
body.features .col_half_first h1 { margin-left: 27px; }
body.features .col_half_first .rs .figure { margin-top: 15px; }
body.features .col_half_first .rs .align_r { margin: 5px 5px 0 0; }
/* col_half_2nd */
body.features .col_half_2nd h2.below_partition { margin-top: 20px; }
body.features .col_half_2nd .ls,
body.features .col_half_2nd .rs { background-position: 0 59px; }


/* ============================== case */
body.case .radius_data_table tr.business_employee td div { padding-top: 7px; padding-bottom: 7px; }


/* ============================== product */
/* sec_product */
.sec_product { width: 860px; margin: 0 auto; }
.sec_product .figure { margin-top: 0; border: 1px solid #cccccc; border-bottom: none; }
.sec_product .sec_bottom_link { margin: 0 auto; padding: 11px 0 10px; background: url(/spn/common/images/bg_product_bottom.gif) no-repeat 0 0; }