@charset "Shift_JIS";

/* --------------------------------------------------------------------------- Global --------------------------------------------------------------------------- */
/* ------------------------- Basic ------------------------- */
body { background: #ffffff; margin: 0; padding: 0 0 0 12px; font-size: 12px; font-family: "Lucida Grande", "Hiragino Kaku Gothic Pro", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Osaka", "MS PGothic", Helvetica; color: #666; }
ul { list-style-type: none; margin: 0; padding: 0; }
li { margin: 0; padding: 0; }
p { margin: 0; padding: 0; }
a { text-decoration: none; color: #197cb4; }
a.hd { font-size:11px; color:#003366; }
img { border-width: 0; }
h1, h2, h3, h4 { font-size: small; margin: 0; padding: 0; font-weight: bold; }

/* floating-box-clear */
.clear { clear: both; display: block; }

.hide_print { display: none; }

/* --------------------------------------------------------------------------- Header --------------------------------------------------------------------------- */
#header { width: 674px; margin: 0; padding: 24px 0 0 12px; }
/* utility area ( sitemap search English ) */
#utility { display: none; }

/* ----- Global Navigation Area ----- */
#navigation_type { display: none; }

/* ------------------------- Header Navigation ------------------------- */
#navigation_header { display: none; }


/* --------------------------------------------------------------------------- Main Contents Area --------------------------------------------------------------------------- */
#main { width: 674px; margin-top: 12px; padding-top: 12px; border-top: 1px solid #cecece; }


/* --------------------------------------------------------------------------- Banner Area --------------------------------------------------------------------------- */
#banner { width: 514px; }
#banner_left { width: 252px; float: left; }
#banner_right { width: 250px; float: left; }
#banner img { margin: 0; padding: 0; }


/* --------------------------------------------------------------------------- News Area --------------------------------------------------------------------------- */
#news { width: 674px; margin-top: 11px; border-top: 1px solid #cecece; border-bottom: solid 1px #cecece; padding: 12px 0; }
#news ul { list-style-type: disc; margin-left: 2em; }
#news li { padding: 3px 0; }

/* last update */
.update { padding: 3px 0; font-size: 10px; }
#useful { padding: 6px 0 12px 0; }

/* --------------------------------------------------------------------------- Products --------------------------------------------------------------------------- */
/* ------------------------- Products Title ------------------------ */
#product_title { width: 674px; margin: 12px 0; }
#product_title ul { list-style-type: disc; margin-left: 2em; }
#product_title li { padding: 3px 0; }


/* ------------------------- Products Main Area ------------------------- */
#product { width: 674px; }

/* ------------------------- Product List Table ------------------------- */
#product_table { width: 502px; }
#product_table table { width: 502px; }
#product_table td { font-size: 10px; line-height: 14px; }

/* End Of Table */
.table_end { border-bottom: 1px solid #cecece; }

/* ------------------------- Border Cell ------------------------- */
.border_cell, .border_cell_right {  border-top: 1px solid #cecece; }

/* Border Cell - Default */
.border_cell { width: 1px; }

/* Border Cell - Right End */
.border_cell_right { width: 2px; }


/* ------------------------- Product Icon Cell + Product Catch Copy Cell ------------------------- */
.icon_pattern01, .icon_pattern02, .icon_pattern03, .icon_pattern04, .copy_pattern01, .copy_pattern02, .copy_pattern03 { border-top: 1px solid #cecece; }

/* Pattern 01 - Large Icon */
.icon_pattern01 { width: 122px; }
.copy_pattern01 { width: 127px; padding: 0 0 12px 0; }
.icon_pattern01 img { margin: 12px 0 0px 19px; }
.copy_pattern01 p { margin-right: 12px; }

/* Pattern 02 - Medium Icon */
.icon_pattern02 { width: 89px; padding: 12px 0 0 0; }
.copy_pattern02 { width: 160px; padding: 0 0 12px 0; }
.icon_pattern02 img { margin: 0 0 0 19px; }
.copy_pattern02 p { margin-right: 12px; }

/* Pattern 03 - Small Icon */
.icon_pattern03 { width: 81px; padding: 12px 0 24px 0; }
.copy_pattern03 { width: 168px; padding: 0 0 12px 0; }
.icon_pattern03 img { margin: 0 0 0 19px; }
.copy_pattern03 p { margin-right: 12px; }
/* icon adjustment */
img.icon_adjust_3px { margin-bottom: 3px; }
img.icon_adjust_2px { margin-bottom: 2px; }
img.icon_adjust_1px { margin-bottom: 1px; }

/* Pattern 04 - Wide Icon */
.icon_pattern04 { width: 249px; padding-bottom: 23px; }
.icon_pattern04 p { margin: 0 36px; }


/* ------------------------- Product Name Cell ------------------------- */
.product_name { text-align: center; font-weight: bold; padding: 2px 0 11px 0; }
.product_name a { color: #646464; text-decoration: none; }

/* ------------------------- Product Link Cell ------------------------- */
.plink { text-align: right; }

/* Category */
#product_right { margin-top: 12px; }
#product_right h4 { margin: 6px 0 3px 0; }

/* Category Link Area -- Products -- */
#category_products { width: 674px; }

/* Category Link Area -- Service -- */
#category_service { width: 674px; border-bottom: 1px solid #cecece; padding-bottom: 12px; margin-bottom: 12px; }

/* Small Banner */
a.banner img { border: solid 1px #cecece; }

/* --------------------------------------------------------------------------- Purpose Area --------------------------------------------------------------------------- */
h3.purpose_title { margin-top: 12px; }
.purpose img { display: none; }
.purpose { margin-left: 1.5em; }

/* --------------------------------------------------------------------------- Bottom Menu Area --------------------------------------------------------------------------- */
#bottom_menu { width: 674px; margin-top: 12px; }



/* --------------------------------------------------------------------------- Main Contents --------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------- Home --------------------------------------------------------------------------- */
/* Main Area */
#home #main { width: 674px; margin-top: 9px; padding-top: 12px; border-top: solid 1px #cecece; }
#home #banner { display: none; }
#home #news { margin-top: 0; }

/* Category Navigation (Personal Business Government Educational) */
#navigation_category { width: 674px; }
#navigation_category_inner p { margin-bottom: 6px; line-height: 125%; }

/* ----- Topics Area ----- */
#topics { width: 674px; margin-top: 11px; }

/* Topics Area Leftside - News Area and Notice Area */
#topics_left { width: 674px; }

#notice { width: 674px; margin: 12px 0 10px 0; border-bottom: solid 1px #cecece; }
#notice ul { list-style-type: disc; margin: 0 0 6px 2em; }
#notice li { padding: 6px 0 4px 0; }

/* Topics Area Rightside - Corporate Information Area */
#category_corporate_information { margin: 0 0 3px 0; }
#category_corporate_information ul { list-style-type: disc; margin: 3px 0 0 2em; }
#category_corporate_information li { margin-top: 3px; }

/* ----- Contents List Area ----- */
#contents { margin-top: 12px; }
#contents ul { list-style-type: disc; margin: 3px 0 0 2em; }
#contents li { margin-top: 3px; }
#contents h4 { margin-top: 12px; }
#contents p { margin-top: 3px; }


/* --------------------------------------------------------------------------- 4 view --------------------------------------------------------------------------- */
/* News Area - Information Menu Navigation */
#navigation_information { display: none; }

/* ----- Category Navigation ----- */
/* products */
#product ul { margin: 3px 0 12px 2em; list-style-type: disc; }
#product li { margin-top: 3px; }
#product h4 { margin-top: 12px; }
#category_products_inner { margin: 6px 0; }

/* service */
#category_service_inner { margin: 6px 0; }

/* ----- Bottom Menu ----- */
/* Products Service */
#category_application { padding-bottom: 12px; }

/* support download */
#category_support_down { padding-bottom: 12px; }


/* --------------------------------------------------------------------------- [One] --------------------------------------------------------------------------- */

/* ----- Bottom Menu Area ----- */
/* Description */
#bottom_menu ul { margin: 3px 0 12px 2em; list-style-type: disc; }
#bottom_menu li { margin-top: 3px; }
#bottom_menu1 li.shopping { font-size: 10px; line-height: 1.4em; color: #707070; list-style-type: none; }


/* --------------------------------------------------------------------------- [Biz] --------------------------------------------------------------------------- */
/* Link -- Solution - example - ATOK Business Solution -- */
#navigation_solution { margin: 12px 0; }

/* ----- Seminar Title Area ----- */
#seminar_title { width: 674px; }
.complement { margin-bottom: 10px; padding: 9px 0 0 0; }

/* Seminar Detail Area */
.seminar { width: 674px; border-bottom: solid 1px #cecece; margin-bottom: 12px; }
/* Seminar Title */
.seminar h3 { border: 1px solid #cecece; padding: 5px 6px 5px 12px; font-size: 12px; color: #707070; }
/* Seminar Description */
.seminar p { padding: 6px 12px; line-height: 180%; font-size: 10px; }

/* ----- Deployment Area ----- */
#deployment { width: 674px; }
/* Deployment Title */
#deployment h2 { margin-top: 12px; }
/* Deployment Topic Title */
#deployment_left h4 { border-top: 1px solid #cecece; border-bottom: 1px solid #cecece; padding: 6px 0 6px 7px; margin: 0 0 3px 0; font-size: 12px; font-weight: bold; color: #080059; }
/* Deployment Topic Description */
#deployment_left p { line-height: 150%; }
/* Deployment Topic Subtitle */
#deployment_left .sub_title { color: #080059; font-size: 10px; line-height: 1em; margin: 12px 0 5px 0; }
/* Deployment Topic -- Client List -- */
#deployment_left ul { margin: 3px 0 7px 2em; list-style-type: disc; }
#deployment_left li { margin: 0 0 4px 0; font-size: 10px; }
/* Deployment Topic - Detail List Link Area */
.list_detail { margin: 8px 0 5px 0; }
/* ----- Deployment Right Area ----- */
#deployment_right h4 { border-top: 1px solid #cecece; border-bottom: 1px solid #cecece; padding: 6px 0 6px 7px; margin: 0 0 3px 0; font-size: 12px; font-weight: bold; color: #080059; }
#deployment_right p { line-height: 150%; }
#deployment_right .sub_title { color: #080059; font-size: 10px; line-height: 1em; margin: 12px 0 5px 0; }
#deployment_right .list_detail { margin: 5px 0; }


/* --------------------------------------------------------------------------- [Gov] --------------------------------------------------------------------------- */
/* Product List Table Area */
#gov #product { margin-bottom: 11px; }
/* ----- Problem Q and A Area ----- */
/* Problem Title Area */
#problem_title { width: 674px; }
/* ----- Problem Area ----- */
#problem { width: 674px; border-bottom: 1px solid #cecece; }
#problem ul { margin-left: 2em; list-style-type: disc; }
#problem li { padding: 4px 0; }
#problem li.lines { display: none; }

/* ----- Report and Tips Area ----- */
#report { width: 674px; padding: 12px 0 0 0; }
/* ----- Report SubTitle Area ----- */
#report_left h4 { padding:10px 0 6px 0; font-weight:bold; }
/* Report Photo Margin */
.report img.photo { float: left; margin-right: 6px; }
/* Report Text Margin */
.report { padding-right: 12px; line-height: 16px; }
/* floating-clear */
.report:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.report { display: inline-table; }
/* Hides from Mac IE5 \*/
* html .report {height: 1%;}
.report {display: block;}
/* End hide from Mac IE5 */

/* ------------------------- Bottom Menu ------------------------- */
#gov #bottom_menu { margin-top: 11px; }
/* ----- Tips Title Area ----- */
#tips_title { margin-top: 12px; }

/* Tips List */
#report_right ul { margin-left: 2em; list-style-type: disc; }
/* Tips List Default */
#report_right li { padding: 3px 0; }
/* Tips List - dot underline */
#report_right li.lines { display: none; }


/* --------------------------------------------------------------------------- [Edu] --------------------------------------------------------------------------- */
/* Product Area */
#edu #product { margin-bottom: 11px; }
/* ----- Justsystem and School Title Area ----- */
#school_title { width: 674px; }
/* ----- Justsystem and School Main Area ----- */
#school { width: 674px; }
/* ----- Justsystem and School Leftside ----- */
#school_left div { padding-bottom: 12px; }
#school_left p { line-height: 16px; font-weight: bold; }
/* Photo Margin */
.topic1 img, .topic2 img, .topic3 img { margin: 0 7px 0px 0; float: left; }
/* floating-clear */
#school_left div:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#school_left div { display: inline-table; }
/* Hides from Mac IE5 \*/
* html #school_left div {height: 1%;}
#school_left div {display: block;}
/* End hide from Mac IE5 */


/* Report Link */
#school_left .school_link { padding-top: 3px; font-weight: normal; }
/* ----- Justsystem and School Rightside ----- */
#school_right { border-bottom: 1px solid #cecece; }
/* School Navigation */
#navigation_school { margin-top: 12px; }

/* --------------------------------------------------------------------------- Footer Area --------------------------------------------------------------------------- */
/* ------------------------- Support Navigation ------------------------- */
#footer_navigation { display: none; }
#viewer { display: none; }

/* ------------------------- footer ------------------------- */
#footer { width: 674px; margin-top: 12px; margin-bottom: 9px; font-size: 10px; padding-top: 6px; border-top: 1px solid #cecece; }
#footer p { float: left; }

#privacy { margin-bottom: 7px; }
#privacy ul { display: none; }

/* Copyright */
#copyright { float: left; }

/* Last Update */
#update { float: left; padding-left: 4em; }

/* Privacy Mark */
#privacy_mark { display: none; }

/* --------------------------------------------------------------------------- sol --------------------------------------------------------------------------- */
body#sol { background-color: #fff; background-image: none; margin: 0; padding: 0 0 0 12px; }
#sol #header { padding-left: 0; }
#headertable { width: 700px; }

/* ------------------------- Category Title ------------------------- */
#category { width: 700px; }
#category p { padding: 3px 0 12px 12px; font-size: 10px; }


/* ------------------------- Solution Title Area ------------------------- */
#solution_title { width: 674px; }
#solution_title p { padding: 10px 0.5em; }


/* ------------------------- Solution Main Area ------------------------- */
#solution_main { width: 674px; border-top: 1px solid #cecece; padding-top: 6px; }
#solution_main p { padding: 5px 0.5em; }


/* ------------------------- Lineup Area ------------------------- */
#lineup { width: 674px; margin-top: 12px; }
#lineup ul { margin-left: 2em; list-style-type: disc; }
#lineup li { margin-top: 3px; }
#lineup li.dot { display: none; }

/* ------------------------- Pickup main Title Area ------------------------- */
#pickupmain_title { width: 674px; }
#pickupmain_title p { padding: 10px 0.5em; }


/* ------------------------- Pickup Topic Area ------------------------- */
#pickup { width: 674px; margin-bottom: 12px; }
#pickup1, #pickup2 { margin-top: 6px; border-top: 1px solid #cecece; }

/* Pickup Topic Title */
#pickup1 h3, #pickup2 h3 { padding-top: 5px; font-weight: bold; line-height: 140% }

/* Pickup Topic Detail */
#pickup1 p,#pickup2 p { padding-top: 4px; line-height: 150%; }
#pickup2 .icon { margin: 0; }

#t_other_solution { border-top: 1px solid #cecece; padding-top: 12px; width: 674px; }

/* ------------------------- Propose Left Area ------------------------- */
#propose_left h4, #propose_right h4 { margin-top: 12px; }
#propose_left ul, #propose_right ul { list-style-type: disc; margin-left: 2em; }
#propose_left li, #propose_right li { margin-top: 3px; }


/* ------------------------- Propose Navigation ------------------------- */
#propose_nav { width: 674px; margin: 12px 0; padding: 6px 0; border-top: 1px solid #cecece; border-bottom: 1px solid #cecece; }
#propose_nav ul { list-style-type: disc; margin-left: 2em; }
#propose_nav li { margin-top: 3px; }

/* ------------------------- Model Case Title Area ------------------------- */
#case_title { width: 674px; }
#case_title h2 { margin-top: 12px; }
#case_title p { padding: 10px 0.5em; }


/* ------------------------- Model Case Area ------------------------- */
#case { width: 674px; margin-bottom: 31px; }
#case h3 { background: none !important; height: auto !important; text-align: left !important; }

/* Model Case List */
#case ul { margin-left: 2em; }

/* Model Case Topic - Title */
#case h3 { clear: both; }

/* Model Case Topic - Headline (Leftside) */
li.headline { padding: 3px 0; list-style-type: disc; }
/* Model Case Topic - Corporate Name (Rightside) */
li.corporate { padding: 0 0 12px 0; }