@import "base.css";

html{ background:#F0F0F0; }
body{ background:#F0F0F0 url(../img/bg.jpg) repeat-x; font-size:13px; line-height:1.6; color:#555; font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",sans-serif; height:100%; }

/* Layout */
/*------------------------------------------------------------------*/
/* frame */
#wrap{ width:900px; margin:0 auto; }
/* header */
#header{ width:900px; height:100px; position:relative; }
#siteId{ position:absolute; top:30px; left:0px; }
#lang{ background:url(../img/h_lang_bg.jpg) no-repeat; width:254px; height:32px; position:absolute; top:0px; right:0px; }
#langJp{ position:absolute; top:11px; left:15px; }
#langEng{ position:absolute; top:11px; left:99px; }
#langCn{ position:absolute; top:11px; left:195px; }
#hMenu{ width:264px; height:27px; position:absolute; top:51px; left:636px; }
#hMenu li{ float:left; margin:0 0 0 10px; display:inline; }
/* gMenu */
#gMenu{ width:900px; height:60px; margin:0 auto; overflow:hidden; position:relative; }
#gMenu li{ float:left; margin:0; }

/* contentsArea */
.contentsArea{ width:900px; margin:10px auto 0 auto; padding:0; overflow:hidden; clear:both; height:100%; }
/* pankuzu */
#pankuzu{ background:#DFDFDF; margin:0 0 10px 0; border-bottom:1px solid #FFF; overflow:auto; font-size:10px; zoom:1; }
#pankuzu li{ background:url(../img/pankuzu.jpg) no-repeat; height:30px; display:inline-block; line-height:30px; margin:0; padding:0 15px 0 23px; float:left; }
#pankuzu li.home{ background:none; padding:0 15px 0 20px; }
#pankuzu a{ color:#369; font-weight:bold; text-decoration:none; }
#pankuzu a:hover{ text-decoration:underline; }
/* contentsLeft */
.contentsLeft{ width:250px; float:left; }
.contentsLeft h2{ background:#369 url(../img/boxbottom_shadow.jpg) repeat-x bottom; height:60px; padding:0 0 0 10px; font-size:16px; color:#FFF; line-height:60px; }
.contentsLeft h2 a{ color:#FFF; display:block; text-decoration:none; }
.contentsMenu{ background:#FFF url(../img/bottom_shadow.jpg) repeat-x bottom; width:250px; padding:0 0 10px 0; }
.contentsMenu li{ background:url(../img/dot.jpg) repeat-x bottom; padding:10px 10px 11px; }
.contentsMenu li a{ background:url(../img/contentsmenu01_off.jpg) no-repeat 0 6px; padding:0 0 0 15px; color:#555; text-decoration:none; display:inline-block; }
.contentsMenu li a:hover,.contentsMenu li a.on{ background:url(../img/contentsmenu01_on.jpg) no-repeat 0 6px; color:#369; }
.contentsMenu li ul{ margin:0 0 0 15px; }
.contentsMenu li ul li{ background:none; padding:3px 0; }
.contentsMenu li ul li a{ background:url(../img/contentsmenu02.jpg) no-repeat 0 50%; padding:0 0 0 10px; color:#555; text-decoration:none; }
.contentsMenu li ul li a:hover,.contentsMenu li ul li a.on{ background:url(../img/contentsmenu02.jpg) no-repeat 0 50%; color:#369; }
.bnrBox{ margin:10px 0 0 0; }
.bnrBox ul{ margin:0; padding:0; }
.bnrBox li{ margin:5px 0 0 0; }
.bnrBox li a{ background:#FFF; width:208px; margin:0; padding:10px 20px; text-decoration:none; display:block; color:#555; border:1px solid #DFDFDF; font-weight:bold; }
.bnrBox li a:hover{ color:#369; border:1px solid #CCC; }

/* contentsRight */
.contentsRight{ width:620px; float:right; }
.contentsRight .pageTitle{ background:#FFF url(../img/bottom_shadow.jpg) repeat-x bottom; width:620px; padding:10px 0 10px 0; }
.contentsRight h2{ background:url(../img/pade_title_bg.jpg) no-repeat; width:600px; height:80px; margin:0 10px 10px 10px; }
.contentsRight h2.takashina{ background:url(../../business/marine/takashina/img/takashina_title_bg.jpg) no-repeat; }
.contentsRight h2 span{ color:#369; font-size:18px; line-height:80px; margin:0 0 0 10px; padding:0 0 0 10px; border-left:5px solid #369; }
.contentsRight h3{ background:url(../img/pade_title_sub_bg.jpg); width:585px; height:40px; margin:0; padding:0 0 0 35px; color:#FFF; font-size:12px; font-weight:bold; line-height:40px; }
.contentsRight h4{ background:#FFF; margin:20px 0 0 0; padding:10px 10px 10px 15px; color:#555; font-size:13px; font-weight:bold; border-left:5px solid #369; border-bottom:1px solid #DFDFDF; }
.contentsRight p.read{ margin:20px 0 0 0; color:#369; font-size:24px; font-weight:bold; line-height:1.5; }
.contentsRight p.read span{ font-size:18px; }
.contentsRight p{ margin:20px 0 0 0; }

ul.style01{ margin:0; padding:0; }
ul.style01 li{ margin:20px 0 0 2em; padding:0; list-style:outside decimal; }
ul.style01 li ul li{ margin:0 0 0 2em; padding:0; list-style:outside disc; }
ul.style02{ margin:0; padding:0; }
ul.style02 li{ margin:0 0 3px 0; padding:0; list-style:disc; list-style-position:inside; }
ul.style02 li a{ margin:0; padding:0; color:#09C; font-weight:bold; text-decoration:none; }
ul.style02 li a:hover{ text-decoration:underline; }
ul.style02 li ul{ display:none; margin:0 0 10px 0; }
ul.style02 li ul li{ margin:0 0 0 1em; padding:0; color:#333; font-weight:normal; text-decoration:none; list-style:circle; list-style-position:inside; }
table.style01{ width:100%; margin:20px 0 0 0; }
table.style01 th{ background:url(../img/table_bottom.jpg) repeat-x bottom; width:120px; font-weight:normal; padding:5px 0 7px; display:table-cell; vertical-align:top; }
table.style01 td{ background:url(../img/table_bottom.jpg) repeat-x bottom; padding:5px 0 7px; display:table-cell; vertical-align:top; }
table.style01 td a{ color:#369; text-decoration:underline; }
table.style01 td a:hover{ text-decoration:none; }
table.style02{ width:100%; margin:10px 0 0 0; font-size:12px; }
table.style02 th{ background:url(../img/table_bottom.jpg) repeat-x bottom; font-weight:normal; padding:3px 0 5px; display:table-cell; vertical-align:top; }
table.style02 td{ background:url(../img/table_bottom.jpg) repeat-x bottom; width:120px; padding:3px 0 5px; text-align:right; }
table.style02 td a{ color:#369; text-decoration:underline; }
table.style02 td a:hover{ text-decoration:none; }
table.style03{ width:100%; margin:20px 0 0 0; }
table.style03 th{ background:url(../img/table_bottom.jpg) repeat-x bottom; width:120px; font-weight:normal; padding:5px 0 7px; display:table-cell; vertical-align:top; }
table.style03 td{ background:url(../img/table_bottom.jpg) repeat-x bottom; padding:5px 0 7px; display:table-cell; vertical-align:top; border-left:1px solid #CCC; text-align:center; }
table.style03 td a{ color:#369; text-decoration:underline; }
table.style03 td a:hover{ text-decoration:none; }
table.style04{ width:600px; margin:0; font-size:10px; }
table.style04 th{ background:url(../img/table_bottom.jpg) repeat-x bottom #F5F5F5; font-weight:normal; padding:2px 3px; text-align:center; border-right:1px solid #DFDFDF;  }
table.style04 td{ background:url(../img/table_bottom.jpg) repeat-x bottom; padding:2px 3px; border-right:1px solid #DFDFDF; }
table.style04 td.point{ text-align:center; color:#F00; }
table.style04 td span,table.style04 td.point span{ color:#09C; }

.boxStyle01{ width:620px; margin:20px 0 0 0; overflow:auto; }
.boxStyle01 .left{ float:left; }
.boxStyle01 .left a.catImg{ background:#FFF; width:180px; padding:10px; display:block; text-decoration:none; color:#369;  }
.boxStyle01 .left a.catImg strong{ background:url(../img/circleimg01.jpg) no-repeat; margin:10px 0 0 0; padding:0 0 0 18px; display:block;}
.boxStyle01 .right{ width:400px; float:right; }
.boxStyle01 .right p{ margin:0 0 20px 0; }
.boxStyle01 .right p.read{ margin:0 0 20px 0; color:#369; font-size:16px; font-weight:bold; line-height:1.3; }
.boxStyle01 .right p.att{ margin:10px 0 20px 0; font-size:10px; }

/* fMenu */
#fMenu{ background:#E2E2E2; height:72px; margin:40px 0 0 0; border-top:1px solid #FFF; }
#fMenuBox{ width:900px; height:72px; margin:0 auto; padding:0; position:relative; overflow:hidden; }
#fMenuBox ul#fMenu01{ margin:20px 0 0 0; padding:0; overflow:hidden; }
#fMenuBox ul#fMenu01 li{ margin:0 10px 0 0; float:left; line-height:32px; font-size:10px; }
#fMenuBox ul#fMenu01 li a{ background:url(../img/fmenu_obj.jpg) no-repeat 0 50%; padding:0 0 0 10px; color:#555; text-decoration:none; }
#fMenuBox ul#fMenu01 li a:hover{ text-decoration:underline; }
#fMenuBox ul#fLang{ background:url(../img/f_lang_bg.jpg) no-repeat; width:100px; height:32px; position:absolute; top:20px; right:0px; overflow:hidden; }
#fMenuBox ul#fLang li{ cursor:pointer; }
#fMenuBox ul#fLang li#jp{ position:absolute; top:9px; left:10px; }
#fMenuBox ul#fLang li#eng{ position:absolute; top:9px; left:42px; }
#fMenuBox ul#fLang li#cn{ position:absolute; top:9px; left:74px; }
/* fCopy */
#fCopy{ background:#369 url(../img/f_copy_bg.jpg) repeat-x; margin:0; padding:10px 0; color:#FFF; }
#fCopyBox{ width:900px; margin:0 auto; padding:0; position:relative; overflow:hidden; }
#fCopyBox dl{ width:630px; float:left; }
#fCopyBox dt{ padding:0 10px 0 0; font-size:11px; font-weight:bold; float:left; display:table-cell; vertical-align:middle; }
#fCopyBox dd{ border-left:1px solid #FFF; margin:0; padding:5px 0 5px 10px; overflow:hidden; font-size:11px; zoom:1; }
#fCopyBox p{ font-size:10px; float:right; }


/* CSR & NEWS */
/*------------------------------------------------------------------*/
.entryBlock{ margin:20px 0 0 0; padding:0 0 20px 0; border-bottom:1px solid #FFF; overflow:auto; zoom:1; }
.entryImg{ width:220px; margin:0; float:left; }
.entryBody{ width:auto; margin:0 0 20px 0; overflow:hidden; zoom:1; }
p.entryData{ font-size:10px; font-weight:bold; margin:0; padding:0; }
p.entryTitle{ color:#369; font-size:16px; font-weight:bold; margin:0; padding:0; }
.entryBody a{ color:#369; text-decoration:underline; }
.entryBody a:hover{ text-decoration:none; }


/* CONTACT */
/*------------------------------------------------------------------*/
#form{ width:620px; margin:20px 0 0 0; }
#form th{ width:180px; margin:0; padding:5px 0; vertical-align:top; font-weight:normal; }
#form td{ margin:10px 0 0 0; padding:5px 0; }
#form td input,#form td textarea{ background:#FFF; border:none; padding:5px; }
#form td .w440{ width:430px; }
#form td .w370{ width:350px; }
#form td .w80{ width:70px; }
#form td p.error{ margin:5px 0 0 0; color:#F00; }
#form td.error input,#form td.error textarea{ background:#FCC; }
#form td .previewBtn{ background:#369; width:200px; padding:10px 0; text-align:center; color:#FFF; line-height:1; cursor:pointer; display:inline-block; border:none; }

#modal{ background:#000; width:100%; height:100%; position:fixed; top:0px; left:0px; z-index:1000; display:none; }
#previewArea{ background:#FFF; width:500px; margin:0 0 0 -300px; padding:50px 50px 90px 50px; position:absolute; top:50%; left:50%; border:5px solid #369; z-index:1001; display:none; }
#previewTable th{ color:#369; padding:5px; }
#previewTable td{ color:#555; padding:5px; }
#previewArea .formBtn{ background:#369; width:230px; margin:20px 0 0 0; padding:0; text-align:center; color:#FFF; line-height:1; cursor:pointer; display:inline-block; border:none; position:absolute; left:50px; bottom:50px; z-index:1002; line-height:30px; }
#previewArea .backBtn{ background:#369; width:230px; margin:20px 0 0 0; padding:0; text-align:center; color:#FFF; line-height:1; cursor:pointer; display:inline-block; border:none; position:absolute; left:320px; bottom:50px; z-index:1002; line-height:30px; }
a.contact{ background:url(../img/circleimg01.jpg) no-repeat; padding:0 0 0 18px; color:#369; text-decoration:none; }
a.contact:hover{ text-decoration:underline; }


/* SITEMAP */
/*------------------------------------------------------------------*/
.sitemapLeft{ width:140px; float:left; }
.sitemapLeft li{ margin:0; padding:0; }
.sitemapLeft li a{ background:#FFF; margin:0 0 20px 0; padding:10px 10px 10px 15px; color:#555; font-size:13px; font-weight:bold; border-left:5px solid #369; border-bottom:1px solid #DFDFDF; display:block; text-decoration:none; }
.sitemapLeft li a:hover{ color:#369; }
.sitemapLeft li a.other{ background:#FFF url(../img/other_link_off.gif) no-repeat 118px 14px; margin:0 0 10px 0; padding:10px 10px 10px 15px; color:#555; font-size:13px; font-weight:bold; border-left:5px solid #369; border-bottom:1px solid #DFDFDF; display:block; text-decoration:none; }
.sitemapLeft li a.other:hover{ background:#FFF url(../img/other_link_on.gif) no-repeat 118px 50%; color:#369; }
.sitemapRight{ background:url(../img/line2v.gif) repeat-y; width:400px; margin:0; padding:0 0 0 41px; float:right; }
.sitemapRight li a{ background:#FFF; margin:20px 0 0 0; padding:10px 10px 10px 15px; color:#555; font-size:13px; font-weight:bold; border-left:5px solid #369; border-bottom:1px solid #DFDFDF; display:block; text-decoration:none; }
.sitemapRight li a:hover,.sitemapRight li a.sub:hover,.sitemapRight li a.sub2:hover,.sitemapRight li a.sub3:hover{ color:#369; }
.sitemapRight li a.sub{ background:none; margin:10px 0 0 0; padding:0 0 5px 20px; color:#555; font-size:13px; font-weight:bold; border:none; line-height:1; display:block; border-bottom:1px solid #DFDFDF; }
.sitemapRight li a.sub2{ background:url(../img/contentsmenu01_off.jpg) no-repeat 20px 30%; margin:10px 0 0 0; padding:0 0 0 30px; color:#555; font-size:13px; font-weight:normal; border:none; line-height:1; display:inline-block; }
.sitemapRight li a.sub3{ background:url(../img/contentsmenu02.jpg) no-repeat 30px 50%; margin:10px 0 0 0; padding:0 0 0 40px; color:#555; font-size:13px; font-weight:normal; border:none; line-height:1; display:inline-block; }
.sitemapRight li a span.other{ background:url(../img/other_link_off.gif) no-repeat right 50%; padding-right:20px; }
.sitemapRight li a:hover span.other{ background:url(../img/other_link_on.gif) no-repeat right 50%; }


/* COMPANY */
/*------------------------------------------------------------------*/
/* INDEX */
.companyContentsList{ width:620px; margin:30px 0 0 0; overflow:hidden; }
.companyContentsList li{ background:#FFF url(../img/bottom_shadow.jpg) repeat-x bottom; width:126px; margin:0 12px 0 0; padding:10px 10px 20px 10px; float:left; display:inline; }
.companyContentsList li a{ display:block; color:#555; text-decoration:none; }
.companyContentsList li a strong{ background:url(../img/circleimg01.jpg) no-repeat 0 11px; margin:0; padding:10px 0 10px 18px; display:block; color:#369; font-size:12px; }
.companyContentsList li a p{ background:url(../img/dot.jpg) repeat-x; margin:0; padding:11px 0 0 0; display:block; }

.companyContentsList_b{ width:620px; margin:30px 0 0 0; overflow:hidden; }
.companyContentsList_b li{
	margin-bottom:15px;
}
.companyContentsList_b li a{ display:block; color:#555; text-decoration:none;  background-color:#FFF; }
.companyContentsList_b li a strong{ background:url(../img/circleimg01.jpg) no-repeat 0 ; margin:0; padding:10px 0 10px 18px; display:block; color:#369; font-size:12px;  margin-left:10px; }
.companyContentsList_b li a p{ background:url(../img/dot.jpg) repeat-x; margin:0; padding:11px 0 0 0; display:block; }


/* GREETING */
.greetingContests{ overflow:hidden; }
#greetingText{ width:450px; float:left; }
#greetingPic{ padding:20px 0 0 0; float:right; }

/* POLICY */
#policySign{ margin:30px 0 0 397px; }
.policy{ width:620px; text-align:center; font-size:22px; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; }

/* OFFICE */
.listJp{ width:620px; margin:20px 0 0 0; overflow:auto; position:relative; }
.officeLeft{ width:217px; float:left; }
.officeLeft .btnAccessMap{ margin:10px 2px 0 0; float:left; cursor:pointer; }
.officeLeft .btnClose{ width:15px; height:15px; margin:15px 0 0 0; overflow:hidden; cursor:pointer; }
.officeLeft .btnClose img{ margin:15px 0 0 0; }
.officeLeft .accessMap{ background:#FFF; width:600px; padding:10px; display:none; }
.officeLeft .accessMap dl{ margin:10px 0 0 0; }
.officeLeft .accessMap dt{ width:100px; font-weight:bold; float:left; }
.officeLeft .accessMap dd{ width:480px; border-left:1px solid #DFDFDF; padding:0 0 0 19px; overflow:hidden; zoom:1; }
.officeDetail{ width:400px; margin:0; padding:0; float:right; font-size:11px; }
.officeDetail strong.companyName{ font-size:13px; color:#369; }
#relateList{ margin:20px 0 0 0; overflow:hidden; zoom:1; }
#relateList li{ margin:0 10px 0 0; display:inline; float:left; }
#relateList li a{ background:#FFF; padding:5px; color:#369; text-decoration:none; border-bottom:1px solid #DFDFDF; display:inline-block; }
#relateList li a:hover{ text-decoration:underline; }
.listForeign{ background:url(../img/table_bottom.jpg) repeat-x bottom; width:300px; margin:20px 20px 0 0; padding:0 0 12px 0; float:left; overflow:hidden; }
.listForeign img{ margin:0 10px 0 0; float:left; }
.listForeign p{ width:190px; overflow:hidden; }
.listForeign p.companyName{ margin:0; font-weight:bold; }
.listForeign p a{ color:#369; text-decoration:none; }
.listForeign p a:hover{ text-decoration:underline; }

/* outline */
table.history{ width:100%; margin:20px 0 0 0; }
table.history th{ background:url(../img/table_bottom.jpg) repeat-x bottom; width:60px; font-weight:normal; padding:5px 0 7px; display:table-cell; vertical-align:top; }
table.history td{ background:url(../img/table_bottom.jpg) repeat-x bottom; padding:5px 0 7px; display:table-cell; vertical-align:top; }
table.history td a{ color:#369; text-decoration:underline; }
table.history td a:hover{ text-decoration:none; }


/* BUSINESS */
/*------------------------------------------------------------------*/
/* COMMON STYLE */
.childCate{ background:#369; width:200px; margin:10px 0 0 0; padding:5px 0; text-align:center; display:block; color:#FFF; text-decoration:none; }
.childCate:hover{ text-decoration:underline; }

/* INDEX */
.businessContentsList{ width:620px; margin:30px 0 0 0; overflow:hidden; }
.businessContentsList li{ background:#FFF url(../img/bottom_shadow.jpg) repeat-x bottom; width:126px; margin:0 12px 0 0; padding:10px 10px 20px 10px; float:left; display:inline; }
.businessContentsList li a{ display:block; color:#555; text-decoration:none; }
.businessContentsList li a strong{ background:url(../img/circleimg01.jpg) no-repeat 0 11px; margin:0; padding:10px 0 10px 18px; font-size:12px; display:block; color:#369; }
.businessContentsList li a p{ background:url(../img/dot.jpg) repeat-x; margin:0; padding:11px 0 0 0; display:block; }

/* TECNO NET WORK */
.tecnoList{ width:620px; margin:30px 0 0 0; overflow:hidden; }
.tecnoList li{ background:#FFF url(../img/bottom_shadow.jpg) repeat-x bottom; width:285px; margin:0 10px 0 0; padding:10px 10px 20px 10px; float:left; display:inline; }
.tecnoList li a{ display:block; color:#555; text-decoration:none; }
.tecnoList li a strong{ background:url(../img/circleimg01.jpg) no-repeat 0 11px; margin:0; padding:10px 0 10px 18px; display:block; color:#369; }
.tecnoList li a p{ background:url(../img/dot.jpg) repeat-x; margin:0; padding:11px 0 0 0; display:block; }
#list1 .scroll-pane { width:400px; height:190px; padding:0; overflow:auto; }
#list1 .jspContainer{ overflow:hidden; position:relative; }
#list1 .jspPane{ position:absolute; }
#list1 .jspVerticalBar{ position:absolute; top:0; right:0; width:9px; height:100%; }
#list1 .jspVerticalBar *,.jspHorizontalBar *{ margin:0; padding:0; }
#list1 .jspCap{ display:none; }
#list1 .jspTrack{ background:url(../img/scrollbar_bg.jpg) repeat-y; position:relative; }
#list1 .jspDrag{ background:#369 url(../img/scrollbar_drag.jpg) no-repeat 0 50%; position:relative; top:0; left:0; cursor:pointer; }
#list1 .jspArrow{ background:#50506d; text-indent:-20000px; display:block; cursor:pointer; }
#list1 .jspArrow.jspDisabled{ cursor:default; background:#80808d; }
#list1 .jspVerticalBar .jspArrow{ height:16px; }
#list1 .jspVerticalBar .jspArrow:focus{ outline:none; }
#list1 .jspCorner{ background:#eeeef4; float:left; height:100%; }
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html #list1 .jspCorner{ margin:0 -3px 0 0; }
#list2 .scroll-pane { width:400px; height:190px; padding:0; overflow:auto; }
#list2 .jspContainer{ overflow:hidden; position:relative; }
#list2 .jspPane{ position:absolute; }
#list2 .jspVerticalBar{ position:absolute; top:0; right:0; width:9px; height:100%; }
#list2 .jspVerticalBar *,.jspHorizontalBar *{ margin:0; padding:0; }
#list2 .jspCap{ display:none; }
#list2 .jspTrack{ background:url(../img/scrollbar_bg.jpg) repeat-y; position:relative; }
#list2 .jspDrag{ background:#369 url(../img/scrollbar_drag.jpg) no-repeat 0 50%; position:relative; top:0; left:0; cursor:pointer; }
#list2 .jspArrow{ background:#50506d; text-indent:-20000px; display:block; cursor:pointer; }
#list2 .jspArrow.jspDisabled{ cursor:default; background:#80808d; }
#list2 .jspVerticalBar .jspArrow{ height:16px; }
#list2 .jspVerticalBar .jspArrow:focus{ outline:none; }
#list2 .jspCorner{ background:#eeeef4; float:left; height:100%; }
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html #list2 .jspCorner{ margin:0 -3px 0 0; }
/* engineering */
.excel{ background:#369; margin:30px 0 0 0; padding:5px 10px; display:block; color:#FFF; text-decoration:none; float:right; }
.excel:hover{ text-decoration:underline; }
#list3 .scroll-pane { background:url(../../business/marine/tecnho/img/engineering_img02.jpg) no-repeat; width:620px; height:314px; margin:0; padding:0; overflow:auto; }
#list3 .jspContainer{ overflow:hidden; position:relative; }
#list3 .jspPane{ position:absolute; }
#list3 .jspVerticalBar{ position:absolute; top:0; right:0; width:9px; height:100%; }
#list3 .jspVerticalBar *,.jspHorizontalBar *{ margin:0; padding:0; }
#list3 .jspCap{ display:none; }
#list3 .jspTrack{ background:url(../img/scrollbar_bg.jpg) repeat-y; position:relative; }
#list3 .jspDrag{ background:#369 url(../img/scrollbar_drag.jpg) no-repeat 0 50%; position:relative; top:0; left:0; cursor:pointer; }
#list3 .jspArrow{ background:#50506d; text-indent:-20000px; display:block; cursor:pointer; }
#list3 .jspArrow.jspDisabled{ cursor:default; background:#80808d; }
#list3 .jspVerticalBar .jspArrow{ height:16px; }
#list3 .jspVerticalBar .jspArrow:focus{ outline:none; }
#list3 .jspCorner{ background:#eeeef4; float:left; height:100%; }
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html #list3 .jspCorner{ margin:0 -3px 0 0; }
.engineering{ color:#F00; }
.life{ color:#09C; }


/* TAKASHINA */
a.mail{ color:#555; text-decoration:underline; }
a.mail:hover{ text-decoration:none; }