@charset "Shift_JIS";
/* ------------------------- Basic ------------------------- */
body#sol { background-color: #fff; background-image: none; margin: 0; padding: 0 0 0 12px; font-family: "Lucida Grande", "Hiragino Kaku Gothic Pro", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Osaka", "MS PGothic", Helvetica; color: #666; font-size:12px; }

/* ------------------------- Header ------------------------- */
#header { position: relative; left: -12px; }

/* Heder Table */
headertable { width: 700px; }

/* Navigation Table - Solution */
body#sol #headertable { position: relative; left: -12px; }

/* Sub Title */
body#sol #category { position: relative; left: -12px; }


/* ------------------------- Category Title ------------------------- */
#category { width: 700px; }
#category p { padding: 3px 0 12px 12px; font-size: 10px; }


/* ------------------------- Solution Title Area ------------------------- */
#solution_title { width: 674px; }
#solution_title h1 { background: url(../../sol/images/t_solution_propose.gif) no-repeat; width: 674px; height: 26px; letter-spacing: -9999px; text-decoration: none; text-indent: -9999px !important; text-indent: 0px; }
/* for Opera */
/*€*/html>body #solution_title h1 { letter-spacing: normal; }
/* for Opera end */

#solution_title p { padding: 10px 12px; }


/* ------------------------- Solution Main Area ------------------------- */
#solution_main { width: 674px; background: url(../images/bg_contentline.gif) repeat-y left top; }
#solution_main h2 a { background: url(../../sol/images/t_contactcenter.gif) no-repeat; width: 674px; height: 54px; letter-spacing: -9999px; text-decoration: none; text-indent: -9999px !important; text-indent: 0px; display: block; }
/* for Opera */
/*€*/html>body #solution_main h2 a { letter-spacing: normal; }
/* for Opera end */
#solution_main p { padding: 5px 6px 4px 6px; }


/* ------------------------- Lineup Area ------------------------- */
#lineup { width: 674px; }
#t_lineup { width: 121px; float: left; }
#t_lineup h3 { background: url(../../sol/images/t_lineup.gif) no-repeat; width: 121px; height: 19px; letter-spacing: -9999px; text-decoration: none; text-indent: -9999px !important; text-indent: 0px; }
/* for Opera */
/*€*/html>body #t_lineup h3 { letter-spacing: normal; }
/* for Opera end */
#lineup ul { width: 553px; float: left;}
#lineup li { float: left; width: 260px; background: url(../images/bg_lineup.gif) no-repeat; padding: 6px 0px 6px 10px; margin: 0; font-size: 12px; font-weight: bold; }
#lineup li.dot { width: 553px; margin: 0; padding: 0; font-size: 1px; }
#lineup a:hover { color: #197cb4; text-decoration: none; border-bottom: 1px solid #8CBDD9; }

/* ------------------------- Pickup main Title Area ------------------------- */
#pickupmain_title { width: 674px; }
#pickupmain_title h2 { background: url(../../sol/images/t_pickup.gif) no-repeat; width: 674px; height: 26px; letter-spacing: -9999px; text-decor-decoration: none; text-indent: -9999px !important; text-indent: 0px; }
/* for Opera */
/*€*/html>body #pickupmain_title h1 { letter-spacing: normal; }
/* for Opera end */
#pickupmain_title p { padding: 10px 12px; }


/* ------------------------- Pickup main Area ------------------------- */
#pickupmain { width: 674px; background: url(../../sol/images/bg_pickup.gif) repeat-y left top; margin-top: 3px;  margin-bottom: 30px; }
ation: none; text-indent: -9999px !important; text-indent: 0px; display: block; }
#pickupmain .centering { text-align: center; background: url(../../sol/images/bg_pickup_corpname.gif) repeat-y; }
#pickupmain1 .centering { text-align: center; background: url(../../sol/images/bg_pickup_corpname.gif) repeat-y; }
#pickupmain2 .centering { text-align: center; background: url(../../sol/images/bg_pickup_corpname.gif) repeat-y; }

/* ------------------------- Pickup main Topic 1 (Leftside) ------------------------- */
#pickupmain1 { width: 343px; float: left; }
#pickupmain1 a:hover { color: #197cb4; text-decoration: none; border-bottom: 1px solid #8CBDD9; }
#pickupmain1 .rightside { text-align: right; }
#pickupmain1 .icon { margin: 0 24px 11px 0; }

/* ------------------------- Pickup main Topic 2 (Rightside) ------------------------- */
#pickupmain2 { width: 331px; float: left; }
#pickupmain2 a:hover { color: #197cb4; text-decoration: none; border-bottom: 1px solid #8CBDD9; }
#pickupmain2 .rightside a:hover { border: none; }
/* Pickup Topic Title */
#pickupmain1 h2, #pickupmain2 h2 { padding: 5px 0 0 12px; width: 319px; font-size: 12px; font-weight: bold; line-height: 140% }
#pickupmain1 h3 { padding: 5px 10px 4px 12px; margin: 0 12px 0 0; background: url(../images/grayborder.gif) repeat-x left bottom; font-size: 12px; font-weight: bold; line-height: 140% }
#pickupmain2 h3 { padding: 5px 10px 4px 12px; background: url(../images/grayborder.gif) repeat-x left bottom; font-size: 12px; font-weight: bold; line-height: 140% }
/* #pickupmain2 h3 { padding: 0px 10px 4px 12px; background: url(../images/grayborder.gif) repeat-x left bottom; font-size: 12px; font-weight: bold; line-height: 140% } */


/* Pickup Topic Detail */
#pickupmain1 .detail { float: left; width: 331px; }
#pickupmain .detail p { padding: 9px 12px 7px 12px; line-height: 150%; font-size: 12px; }
#detail img { margin-top: 30px; }
#pickupmain1 p { padding: 4px 6px; }
#pickupmain2 p { padding: 4px 6px; }
/* #pickupmain2 p { padding: 9px 10px 2px 12px; line-height: 150%; } */
#pickupmain2 .rightside { text-align: right; }
#pickupmain2 .icon { margin: 0 12px 11px 0; }

/* ------------------------- Pickup Topic Area ------------------------- */
#pickup { width: 674px; background: url(../../sol/images/bg_pickup.gif) repeat-y left top; margin-top: 12px;  margin-bottom: 12px; }
#pickup_title h2 a { background: url(../../sol/images/t_pickup.gif) no-repeat; width: 674px; height: 26px; letter-spacing: -9999px; text-decoration: none; text-indent: -9999px !important; text-indent: 0px; display: block; }
#pickup .centering { text-align: center; background: url(../../sol/images/bg_pickup_corpname.gif) repeat-y; }
#toyokeizai { margin: 29px 0 0 0; }


/* ------------------------- Pickup Topic 1 (Leftside) ------------------------- */
#pickup #pickup1 { width: 343px; float: left; }
#pickup #pickup1 a:hover { color: #197cb4; text-decoration: none; border-bottom: 1px solid #8CBDD9; }

/* ------------------------- Pickup Topic 2 (Rightside) ------------------------- */
#pickup #pickup2 { width: 331px; float: left; }
#pickup #pickup2 a:hover { color: #197cb4; text-decoration: none; border-bottom: 1px solid #8CBDD9; }
#pickup #pickup2 .rightside a:hover { border: none; }
/* Pickup Topic Title */
#pickup #pickup1 h3 { padding: 5px 10px 4px 12px; margin: 0 12px 0 0; background: url(../images/grayborder.gif) repeat-x left bottom; font-size: 12px; font-weight: bold; line-height: 140% }
#pickup #pickup2 h3 { padding: 5px 10px 4px 12px; background: url(../images/grayborder.gif) repeat-x left bottom; font-size: 12px; font-weight: bold; line-height: 140% }

/* Pickup Topic Detail */
#pickup #pickup1 .detail { float: left; width: 240px; }
#pickup .detail p { padding: 9px 12px 7px 12px; line-height: 150%; font-size: 12px; }
#detail img { margin-top: 30px; }
#pickup #pickup1 p { padding: 4px 6px; }
#pickup #pickup2 p { padding: 9px 10px 2px 12px; line-height: 150%; font-size: }
#pickup #pickup2 .rightside { text-align: right; }
#pickup #pickup2 .icon { margin: 0 12px 11px 0; }

#t_other_solution { background: url(../../sol/images/t_other_solution.gif) no-repeat; width: 674px; height: 26px; letter-spacing: -9999px; text-decoration: none; text-indent: -9999px !important; text-indent: 0px; }
/* for Opera */
/*€*/html>body #t_other_solution { letter-spacing: normal; }
/* for Opera end */


/* ------------------------- Propose Left Area ------------------------- */
#propose_left { width: 343px; float: left; }
#propose_left h4 { width: 331px; height: 31px; letter-spacing: -9999px; text-decoration: none; text-indent: -9999px !important; text-indent: 0px; }
/* for Opera */
/*€*/html>body #propose_left h4 { letter-spacing: normal; }
/* for Opera end */
#t_smooth { background: url(../../sol/images/t_smooth.gif) no-repeat; }
#t_speedup { background: url(../../sol/images/t_speedup.gif) no-repeat; }
#t_risk { background: url(../../sol/images/t_risk.gif) no-repeat; }
#t_marketing { background: url(../../sol/images/t_marketing.gif) no-repeat; }

#propose_left li, #propose_right li { background: url(../images/grayborder.gif) repeat-x left bottom; padding: 5px 8px 5px 7px; }
#propose_left li { margin-right: 12px; }
#propose_left a:hover { color: #197cb4; text-decoration: none; border-bottom: 1px solid #8CBDD9; }

/* ------------------------- Propose Right Area ------------------------- */
#propose_right { width: 331px; float: left; }
#propose_right h4 { width: 331px; height: 31px; letter-spacing: -9999px; text-decoration: none; text-indent: -9999px !important; text-indent: 0px; }
/* for Opera */
/*€*/html>body #propose_right h4 { letter-spacing: normal; }
/* for Opera end */
#t_customer { background: url(../../sol/images/t_customer.gif) no-repeat; }
#t_dev { background: url(../../sol/images/t_dev.gif) no-repeat; }
#t_backup { background: url(../../sol/images/t_backup.gif) no-repeat; }
#t_xml { background: url(../../sol/images/t_xml.gif) no-repeat; }

#propose_right a:hover { color: #197cb4; text-decoration: none; border-bottom: 1px solid #8CBDD9; }

/* ------------------------- Propose Navigation ------------------------- */
#propose_nav { width: 674px; margin-top: 11px; }
#propose_nav ul { width: 674px; }
#propose_nav li { display: inline; margin: 0; padding: 0; }
#propose_nav a { display: block; float: left; height: 50px; margin: 0; padding: 0; text-decoration: none; }
a#navigation_solution01 { background: url(../../sol/images/n_sol01.gif) no-repeat 0px 0px; width: 168px; }
a#navigation_solution02 { background: url(../../sol/images/n_sol02.gif) no-repeat 0px 0px; width: 168px; }
a#navigation_solution03 { background: url(../../sol/images/n_sol03.gif) no-repeat 0px 0px; width: 168px; }
a#navigation_solution04 { background: url(../../sol/images/n_sol04.gif) no-repeat 0px 0px; width: 170px; }
a:hover#navigation_solution01 { background: url(../../sol/images/n_sol01.gif) no-repeat 0px 0px; width: 168px; }
a:hover#navigation_solution02 { background: url(../../sol/images/n_sol02.gif) no-repeat 0px 0px; width: 168px; }
a:hover#navigation_solution03 { background: url(../../sol/images/n_sol03.gif) no-repeat 0px 0px; width: 168px; }
a:hover#navigation_solution04 { background: url(../../sol/images/n_sol04.gif) no-repeat 0px 0px; width: 170px; }


/* ------------------------- Model Case Title Area ------------------------- */
#case_title { width: 674px; margin-top: 12px; }
#case_title h2 { background: url(../../sol/images/t_case.gif) no-repeat; width: 674px; height: 26px; letter-spacing: -9999px; text-decoration: none; text-indent: -9999px !important; text-indent: 0px; }
/* for Opera */
/*€*/html>body #case_title h2 { letter-spacing: normal; }
/* for Opera end */
#case_title p { padding: 10px 0 10px 12px; }


/* ------------------------- Model Case Area ------------------------- */
#case { width: 674px; background: url(../images/bg_contentline.gif) repeat-y left top;  margin-bottom: 31px; }

/* Model Case List */
#case ul { width: 674px; }
#case ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#case ul { display: inline-table; }
/* Hides from Mac IE5 \*/
* html #case ul { height: 1%; }
#case ul { display: block; }
/* End hide from Mac IE5 */

#case li { float: left; }

/* Model Case Topic - Title */
#case h3 { width: 674px; height: 26px; letter-spacing: -9999px; text-decoration: none; text-indent: -9999px !important; text-indent: 0px; }
/* for Opera */
/*€*/html>body #case h3 { letter-spacing: normal; }
/* for Opera end */
#t_atok_dic_justright { background: url(../../sol/images/t_atok_dic_justright.gif) no-repeat; }
#t_dic_justright { background: url(../../sol/images/t_dic_justright.gif) no-repeat; }
#t_atok_dic { background: url(../../sol/images/t_atok_dic.gif) no-repeat; }
#t_atok_justright { background: url(../../sol/images/t_atok_justright.gif) no-repeat; }
#t_atok_medical { background: url(../../sol/images/t_atok_medical.gif) no-repeat; }
#t_atok_handbook { background: url(../../sol/images/t_atok_handbook.gif) no-repeat; }
#t_shuriken { background: url(../../sol/images/t_shuriken.gif) no-repeat; }
#t_conceptbase { width: 674px; height: 26px; background: url(../../sol/images/t_conceptbase.gif) no-repeat; }
#t_conceptbase:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#t_conceptbase { display: inline-table; }
#t_labelpop { background: url(../../sol/images/t_labelpop.gif) no-repeat; }
#t_miningassistant { background: url(../../sol/images/t_miningassistant.gif) no-repeat; }
#t_xfyes { background: url(../../sol/images/t_xfyes.gif) no-repeat; }
#t_gdms { background: url(../../sol/images/t_gdms.gif) no-repeat; }

/* Hides from Mac IE5 \*/
* html #t_conceptbase { height: 1%; }
#t_conceptbase { display: block; }
/* End hide from Mac IE5 */

#t_conceptbase h3 { float: left; width: 200px; height: 26px; letter-spacing: -9999px; text-decoration: none; text-indent: -9999px !important; text-indent: 0px; }
/* for Opera */
/*€*/html>body #t_conceptbase h3 { letter-spacing: normal; }
/* for Opera end */
#t_conceptbase p { float: right; margin: 1px; }
#t_conceptbase a { background: url(../../sol/images/t_conceptbase_link.gif) no-repeat 0px 1px; width: 162px; height: 24px; display: block; letter-spacing: -9999px; text-decoration: none; text-indent: -9999px !important; text-indent: 0px; }
/* for Opera */
/*€*/html>body #t_conceptbase a { letter-spacing: normal; }
/* for Opera end */

/* Model Case Topic - Headline (Leftside) */
#case ul li.headline { width: 304px; padding: 5px 0 4px 16px; background: url(../images/listhead.gif) no-repeat 8px;}
#case ul li.headline a:hover { color: #197cb4; text-decoration: none; border-bottom: 1px solid #8CBDD9;}
/* Model Case Topic - Btn (Center) */
#case ul li.dlbtn { width: 54px; padding: 5px 0 4px 0; font-size: 12px; }
/* Model Case Topic - Corporate Name (Rightside) */
#case ul li.corporate { width: 290px; padding: 5px 0 4px 0; font-size: 12px; }

