@charset "shift_jis";

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

 ------------------------- */

/* ============================== setup */
body { color: #3f3f3f; background: url(/spn/common/images/bg.gif) 50% 0 #fff; font-size: 12px; font-family: "Lucida Grande", Verdana, "Hiragino Kaku Gothic Pro", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "MS PGothic", sans-serif; }
table { border-collapse: collapse; border-spacing: 0; }
img { vertical-align: top; }
strong { font-weight: bold; }

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


/* ============================== wrapper */
#wrapper { width: 960px; padding: 0 3px; margin: 0 auto; background: url(/spn/common/images/bg.gif) repeat-y 50% 0; }



/* ============================== header */
#header { padding: 10px 8px 0 10px; }
#logo { float: left; width: 142px; margin-right: 17px; }
#tagline { float: left; width: 301px; padding-top: 7px; }
#nav_header { float: right; width: 258px; padding-top: 15px; }
#nev_about { float: left; width: 160px; }
#nav_trendmicro { float: left; width: 98px; }



/* ============================== TCI nav */

#nav { margin-top: 9px; padding: 0 0 9px 10px; background: url(/spn/common/images/nav.gif) no-repeat 0 0; }
#nav li { float: left; }
#nav a { display: block; width: 157px; height: 35px; background: url(/spn/common/images/nav.gif) no-repeat 0 0; }

#nav_advantage a { background-position: -10px 0; }
body.advantage #nav_advantage a,
#nav_advantage a:hover,
#nav_advantage a:active { background-position: -10px -44px; }

#nav_features a { background-position: -167px 0; }
body.features #nav_features a,
#nav_features a:hover,
#nav_features a:active { background-position: -167px -44px; }

#nav_merit a { background-position: -324px 0; }
body.merit #nav_merit a,
#nav_merit a:hover,
#nav_merit a:active { background-position: -324px -44px; }

#nav_review a { background-position: -481px 0; }
body.review #nav_review a,
#nav_review a:hover,
#nav_review a:active { background-position: -481px -44px; }

#nav_case a { background-position: -638px 0; }
body.case #nav_case a,
#nav_case a:hover,
#nav_case a:active { background-position: -638px -44px; }

#nav_product a { background-position: -795px 0; }
body.product #nav_product a,
#nav_product a:hover,
#nav_product a:active { background-position: -795px -44px; }



/* ============================== footer */
#footer { background: url(/spn/common/images/bg_footer.gif) repeat-x 0 0 #f8f8f8; padding-top: 3px; border-top: 1px solid #d6d6d6; }
#nav_footer { float: left; padding-left: 9px; width: 512px; border-left: 1px solid #fff; }
#nav_footer li { float: left; padding: 4px 0 0; }
#nav_legal {  }
#nav_privacy {  }
#nav_privacy_detail {  }




/* ============================== contents */
#contents { background: url(/spn/common/images/bg_contents.jpg) no-repeat 0 0; padding: 0 20px; line-height: 1.5; }
/* directory_link */
#directory_link { font-size: 84%; padding: 30px 20px 10px; background: url(/spn/common/images/bg_dotline_h.gif) repeat-x 0 100%; }
#directory_link li { float: left; padding-right: 10px; margin-right: 6px; background: url(/spn/common/images/bg_directory_link.gif) no-repeat 100% 50%; }
#directory_link li a { color: #3f3f3f; }
#directory_link .active_page { color: #ff0000; background: none; padding-right: 0; margin-right: 0; }
/* category */
#category { padding: 17px 20px 0; }
/* catch */
#catch {  }
/* heading */
h2 { margin: 30px 0 0 29px; }
h2.first { margin-top: 0; }
/* text */
.note { font-size: 84%; color: #666; }
.img_note { margin-left: 29px; }
.caution { color: #f00; }
.align_c { text-align: center; }
.align_r { text-align: right; }
.align_l { text-align: left; }
/* section */
.section { background: url(/spn/common/images/bg_section.gif) repeat-x 0 0; }
.sec_below_nav_sub p,
.section p { margin-top: 15px; }
.figure { margin-top: 20px; }
.sec_below_nav_sub p.lead,
.section p.lead { letter-spacing: 0.05em; margin-top: 20px; font-weight: bold; font-size: 100%; padding-bottom: 13px; background: url(/spn/common/images/bg_dotline_h.gif) repeat-x 0 100%; }
/* multi column */
.col_ltext_rimg { padding: 0 29px 0 58px; }
.col_ltext_rimg .ls { width: 356px; }
.col_ltext_rimg .rs { width: 445px; }
/* box_radius_full */
.box_radius_full { padding-top: 23px; width: 800px; margin-left: auto; margin-right: auto; }
.box_radius_full_inner { background: url(/spn/common/images/bg_box_radius_full.gif) no-repeat 0 0; padding-top: 3px; }
.box_radius_full ul { background: url(/spn/common/images/bg_box_radius_full_inner.gif) no-repeat 0 100%; padding: 0 1px 3px; }
.box_radius_full li { background-color: #f5f5f5; padding: 10px 0; border-top: 1px solid #fff; border-bottom: 1px solid #d7d7d7; }
.box_radius_full .bullet .first { border-top: none; }
.box_radius_full .bullet .last { padding-bottom: 8px; border-bottom: none; }
/* bullet */
.bullet { padding-top: 6px; }
.bullet li { margin-top: 14px; background: url(/spn/common/images/bullet.gif) no-repeat 29px 0.4em; padding-left: 44px; padding-right: 20px; }
.bullet_link { background: url(/spn/common/images/bullet_link.gif) no-repeat 0 0.5em; padding-left: 13px; }
/*.bullet_link_circle { background: url(/spn/common/images/bullet_link_circle.gif) no-repeat 0 0.3em; padding-left: 15px; }*/
.bullet_link_circle li { margin: 17px 60px 0; }
.bullet_blank { background: url(/spn/common/images/bullet_blank.gif) no-repeat 0 0.4em; padding-left: 17px; }
.bullet_pdf { background: url(/spn/common/images/bullet_pdf.gif) no-repeat 0 0.2em; padding-left: 17px; }
.bullet_pdf_l { background: url(/spn/common/images/bullet_pdf_l.gif) no-repeat 0 0.3em; padding-left: 27px; }
/* data_table */
.data_table { padding: 20px 60px 0; }
.data_table th,
.data_table td { width: 16%; padding: 7px; border: 1px solid #d6d6d6; font-size: 84%; }
.data_table th div { text-align: center; }
/* radius_data_table */
.radius_data_table { padding: 20px 50px 0; }
.radius_data_table table {  }
.radius_data_table th,
.radius_data_table td { width: 163px; border: 1px solid #d7d7d7; background: url(/spn/common/images/bg_radius_data_table_inner.gif) repeat-y 0 0 #f5f5f5; }
.radius_data_table th div { text-align: center; padding: 1px 0; }
.radius_data_table td div { padding: 16px 8px 17px; margin: 0 1px; border-top: 1px solid #fff; }
.radius_data_table td div.link { padding: 7px 8px 8px; letter-spacing: -0.1em; }
.radius_data_table th.first,
.radius_data_table td.first { background: url(/spn/common/images/bg_radius_data_table.gif) no-repeat 0 50%; border-left: none; }
.radius_data_table th.last,
.radius_data_table td.last { background: url(/spn/common/images/bg_radius_data_table.gif) no-repeat 100% 50%; border-right: none; }
.radius_data_table tr.first th { background: url(/spn/common/images/bg_radius_data_table.gif) no-repeat -165px 0; border-top: none; }
.radius_data_table tr.first th.first { background: url(/spn/common/images/bg_radius_data_table.gif) no-repeat 0 0; }
.radius_data_table tr.first th.last { background: url(/spn/common/images/bg_radius_data_table.gif) no-repeat 100% 0; }
.radius_data_table tr.last td {  background: url(/spn/common/images/bg_radius_data_table.gif) no-repeat -165px 100%; border-bottom: none; }
.radius_data_table tr.last td.first { background: url(/spn/common/images/bg_radius_data_table.gif) no-repeat 0 100%; }
.radius_data_table tr.last td.last { background: url(/spn/common/images/bg_radius_data_table.gif) no-repeat 100% 100%; }
.radius_data_table dt { width: 60px; }
.radius_data_table dd { width: 80px; }
/* nav_sub */
#nav_sub { margin: 22px 0 0 15px; }
#nav_sub li { float: left; }
#nav_sub li a { display: block; }
/* sec_below_nav_sub */
.sec_below_nav_sub { padding: 25px 0 0; background: url(/spn/common/images/bg_sec_below_nav_sub.gif) no-repeat 15px 0; }
.sec_below_nav_sub h2.first { margin-top: 6px; }
.col_half { margin: 0 30px; }
.col_half .ls,
.col_half .rs { width: 422px; background: url(/spn/common/images/bg_sec_half.gif) no-repeat 0 69px; }
.col_half h2 { margin-left: 0; margin-right: 0; }
.col_half p { margin-left: 30px; margin-right: 30px; }
.col_half_first .ls,
.col_half_first .rs { background: none; }
.col_half_first .ls p { margin-right: 0; }
.col_half .div_link {  }
.col_half .rs .sec_inner { background: url(/spn/common/images/bg_sec_half.gif) no-repeat 0 39px; }
.col_half .rs ul { margin: 14px 30px 0; }
.sec_below_nav_sub .sec_bottom { margin: 0 60px; }
/* sec_bottom_link */
.sec_bottom_link { margin: 30px auto 0; padding: 15px 0 0; width: 860px; background: url(/spn/common/images/bg_dotline_h.gif) repeat-x 0 0; }
.sec_bottom_link ul { width: 611px; margin: 0 auto; }
.sec_bottom_link li { float: left; margin-right: 19px; }
.sec_bottom_link .last { margin-right: 0; }
/* sec_get_adobe_reader */
.sec_get_adobe_reader { font-size: 84%; margin: 30px auto 0; width: 860px; background: url(/spn/common/images/bg_sec_bottom_note.gif) no-repeat 0 100%; padding-bottom: 10px; }
.sec_get_adobe_reader_inner { background: url(/spn/common/images/bg_sec_bottom_note_inner.gif) no-repeat 0 0 #f6f6f6; padding: 10px 27px 0; text-shadow: 1px 1px 0 #fff; }
.sec_get_adobe_reader .ls { width: 650px; }
.sec_get_adobe_reader .rs { width: 127px; }
/* sec_bottom_note */
.sec_bottom_note { margin: 30px auto 0; width: 860px; background: url(/spn/common/images/bg_sec_bottom_note.gif) no-repeat 0 100%; padding-bottom: 10px; word-break: break-all; word-wrap: break-word; }
.sec_bottom_note ul { background: url(/spn/common/images/bg_sec_bottom_note_inner.gif) no-repeat 0 0 #f6f6f6; padding: 10px 27px 0; text-shadow: 1px 1px 0 #fff; }
.sec_bottom_note .note { color: #333; }
.sec_bottom_note .note a { color: #333; }
.sec_bottom_note .caution { color: #e53f25; }
/* page_top */
.page_top { margin-top: 31px; background: url(/spn/common/images/bg_dotline_h.gif) repeat-x 0 0; }
.page_top a { display: block; padding: 10px 10px 9px; text-align: right; }
/* partition */
.partition { width: 860px; background: url(/spn/common/images/bg_dotline_h.gif) repeat-x 0 0; margin: 20px auto 0; height: 1px; }
.partition hr { display: none; }
/* button */
.bt_freetool { text-align: center; background: url(/spn/common/images/bg_dotline_h.gif) repeat-x 0 0; padding: 20px 0 0; width: 367px; margin: 17px auto 0; }
.bt_freetool p { margin: 0; }




/* ============================== TCI repair */
.bulletf {
padding-top: 0px;
}
.bulletf li {
margin-top: 5px;
background: url(/spn/common/images/bullet.gif) no-repeat 29px 0.4em;
padding-left: 44px; padding-right: 20px;
}

#contents_top {
background: url(/spn/common/images/bg_top.jpg) no-repeat 0 0;
padding: 0 20px;
line-height: 1.5;
}

.top_contents { 
padding: 230px 0 0;
}

.lead {
letter-spacing: 0.05em;
margin-top: 20px;
font-weight: bold;
font-size: 100%;
}

p#lead_ls {
letter-spacing: 0.05em;
margin-top: 20px; 
font-weight: bold; 
font-size: 100%; 
padding-bottom: 13px;
background: url(/spn/common/images/bg_dotline_h.gif) repeat-x 0 100%;
}

.ls p {
margin: 10px 30px 10px 30px;
}
.rs p {
margin: 20px 30px 0 30px;
}
.align_left {
text-align: left;
 margin: 3px 30px 0 30px;
}
.bullet_link_circle {
background: url(/spn/common/images/bullet_link_circle.gif) no-repeat 0 0.3em; 
padding-left: 10px;
}
.bottom_left {
float: left; 
margin-left: 30px;
width:245px;
}
.bottom_center {
float: left;
width:245px;
}
.bottom_right {
float: right;
width:245px;
}

.clearfix:after { 
    display:block;
    clear:both;
    height:0px;
    visibility:hidden;
    content:".";
}

.clearfix {
    height: 1px;
    height: auto;
    overflow: hidden;
}

li.bottom_text {
margin-top: 3px;
}
p.link_features {
float:right;
margin:0;
}
.col_half .ls2,
.col_half .rs2 { 
width: 280px; 
background: url(/spn/common/images/bg_sec_half.gif) no-repeat 0 69px; 
float:left;
margin-right:6px;
 }

#copyright { 
float: right;  
padding: 11px 7px 0 0; 
font: 9px Verdana, Arial, Helvetica, sans-serif;
color: #999; 
}

/* product page*/
#np .tp_title_01 {
border-bottom: solid 2px #d30606;
}
.tbl_products {
width: 100% !important;
margin: 0px 0px 0px 0px;
border: solid 1px #CCC;
border-collapse: collapse;
}
.list_product {
clear: both;
padding: 20px 30px;
}
div.modrow h3 {
margin: 0;
font-size: 150%;
}
.tbl_products {
border-collapse: collapse;
}
.tp_head .tp_width_28 {
font-size: 95%;
width: 25% !important;
}
.tbl_products th, .tbl_products td {
border: solid 1px #CCC;
}
.tbl_products td {
font-size: 180%;
text-align: center;
padding: 10px 10px;
}

.tp_head th {
padding: 10px 0px;
background-color: #F0F0F0;
color: #444;
}
.tbl_products th {
padding: 3px 7px;
}
.tp_th_bg_gray {
font-size: 80%;
width: 60px;
background-color: #E3E3E3 !important;
font-weight: bold;
}
div.modrow h3 {
font-size: 120%;
font-weight: bold;
color: #333;
margin: 0 0 .5em 0;
}
.tp_title_01 {
font-size: 120%;
font-weight: bold;
color: #333;
margin: 0 0 .5em 0;
border-left: solid 1px #CCC;
border-right: solid 1px #CCC;
margin: 10px 0px 0px 0px !important;
padding: 9px 0px 6px 15px;
background: #EEE url("/spn/product/images/bgi_title_01.gif") repeat-x left top;
letter-spacing: 1px;
}
.tp_name {
font-weight: bold;
}
p.pagetop a {
font-size: 90%;
font-weight: bold;
padding-left: 10px;
background: url("/spn/common/images/bullet_link_circle.gif") no-repeat 0 0.3em;
}
p.pagetop {
padding-right: 40px;
margin-bottom: 0;
text-align: right;
}
.top_br {
float:left;
margin-left:30px;
}

.col_ltext_rimg .ls_merit { 
width: 356px;
float: left;
}
.ls_merit p {
margin-top: 15px;;
}

#note {
text-align:right;
font-size:80%; 
margin-top:5px;
}
.caution_fb { 
color: #e53f25;
font-size:80%;