body { height: 100%; float: none; margin: auto; padding: auto; }
#top {  }
img { border-style: none; border-width: 0; }
p { color: #3a3a3a; font-size: 0.9em; margin: 8px 0 0; padding: 0;}
td { }
a { color: #686868; overflow: hidden; }
a:hover { color: #136f5b; overflow: hidden; }
#wrapper { background: url(../img/bg.jpg) repeat-x 0 bottom; width: auto; height: auto; clear: both; margin: 0; padding: 0 0 20px; }

/**************************************/
/* header */
/**************************************/
#header { width: 960px; height: 88px; margin: 24px auto -24px; padding: 0 auto; }
#header h1 { margin: 0; padding: 0; }
#header h1 a { background: url(../img/ne_t.jpg) no-repeat; text-indent: -9999px; width: 357px; height: 44px; float: left; margin: 0; padding: 0; display: inline; }
#top-menu { float: right; margin: 0; padding: 0; display: inline; }
#navi { font-size: 0; line-height: 0; float: left; margin: 12px 0 0; padding: 0; display: inline; }
#navi ul { padding-right: 40px; }
#navi li { float: left; list-style-type: none; }
#nv01 a { background: url(../img/navi_sitemap.jpg) no-repeat; text-indent: -9999px; width: 105px; height: 25px; float: left; display: inline; }
#nv01 a:hover { background: url(../img/navi_sitemap.jpg) no-repeat 0 -25px; text-indent: -9999px; width: 105px; height: 25px; float: left; display: inline; }
#nv01 a:active { background: url(../img/navi_sitemap.jpg) no-repeat 0 -25px; text-indent: -9999px; width: 105px; height: 25px; float: left; display: inline; }
#nv02 a { background: url(../img/navi_link.jpg) no-repeat; text-indent: -9999px; width: 74px; height: 25px; float: left; display: inline; }
#nv02 a:hover { background: url(../img/navi_link.jpg) no-repeat 0 -25px; text-indent: -9999px; width: 74px; height: 25px; float: left; display: inline; }
#nv02 a:active { background: url(../img/navi_link.jpg) no-repeat 0 -25px; text-indent: -9999px; width: 74px; height: 25px; float: left; display: inline; }
#nv03 a { background: url(../img/navi_sitepolicy.jpg) no-repeat; text-indent: -9999px; width: 106px; height: 25px; float: left; display: inline; }
#nv03 a:hover { background: url(../img/navi_sitepolicy.jpg) no-repeat 0 -25px; text-indent: -9999px; width: 106px; height: 25px; float: left; display: inline; }
#nv03 a:active { background: url(../img/navi_sitepolicy.jpg) no-repeat 0 -25px; text-indent: -9999px; width: 106px; height: 25px; float: left; display: inline; }
#size { font-size: 0; line-height: 0; background: url(../img/font-size.jpg) no-repeat; width: 97px; height: 53px; float: right; margin: 0; padding: 0; display: inline; }
#size dt { font-size: 0; line-height: 0; text-indent: -9999px; width: 0; height: 0; }
#fss { font-size: 0; line-height: 0; text-indent: -9999px; width: 25px; height: 23px; float: left; margin: 25px 0 0 5px; padding: 0; display: inline; }
#fss a { font-size: 0; line-height: 0; background: url(../img/fss.jpg) no-repeat; text-indent: -9999px; width: 25px; height: 23px; display: block; }
#fss a:hover { font-size: 0; line-height: 0; background: url(../img/fss.jpg) no-repeat 0 -23px !important; text-indent: -9999px; width: 25px; height: 23px; display: block; }
#fss a:active { font-size: 0; line-height: 0; background: url(../img/fss.jpg) no-repeat 0 -23px; text-indent: -9999px; width: 25px; height: 23px; display: block; }
#fsm { font-size: 0; line-height: 0; text-indent: -9999px; width: 25px; height: 23px; float: left; margin: 25px 0 0 5px; padding: 0; display: inline; }
#fsm a { font-size: 0; line-height: 0; background: url(../img/fsm.jpg) no-repeat; text-indent: -9999px; width: 25px; height: 23px; display: block; }
#fsm a:hover { font-size: 0; line-height: 0; background: url(../img/fsm.jpg) no-repeat 0 -23px !important; text-indent: -9999px; width: 25px; height: 23px; display: block; }
#fsm a:active { font-size: 0; line-height: 0; background: url(../img/fsm.jpg) no-repeat 0 -23px; text-indent: -9999px; width: 25px; height: 23px; display: block; }
#fsl { font-size: 0; line-height: 0; text-indent: -9999px; width: 25px; height: 23px; float: left; margin: 25px 0 0 5px; padding: 0; display: inline; }
#fsl a { font-size: 0; line-height: 0; background: url(../img/fsl.jpg) no-repeat; text-indent: -9999px; width: 25px; height: 23px; display: block; }
#fsl a:hover { font-size: 0; line-height: 0; background: url(../img/fsl.jpg) no-repeat 0 -23px !important; text-indent: -9999px; width: 25px; height: 23px; display: block; }
#fsl a:active { font-size: 0; line-height: 0; background: url(../img/fsl.jpg) no-repeat 0 -23px; text-indent: -9999px; width: 25px; height: 23px; display: block; }

/**************************************/
/* gn */
/**************************************/
#gn { background: url(../img/gn_bg.jpg) repeat-x; text-align: center; height: 56px; margin: 0; padding: 0; }
#gn-c { text-align: center; width: 960px; height: 56px; margin: auto; padding: auto; display: block; }
#gn ul { text-align: center; width: 960px; height: 56px; float: left; margin: 0; padding: 0 0 0; display: inline; }
#gn li { float: left; margin: 0; padding: 0; list-style-type: none; }
#gn01 a { background: url(../img/gn_01.jpg) no-repeat; text-indent: -9999px; width: 160px; height: 56px; float: left; margin: 0; padding: 0; display: inline; }
#gn01 a:hover { background: url(../img/gn_01.jpg) no-repeat 0 -56px; text-indent: -9999px; width: 160px; height: 56px; float: left; margin: 0; padding: 0; display: inline; }
#gn01 a:active { background: url(../img/gn_01.jpg) no-repeat 0 -56px; text-indent: -9999px; width: 160px; height: 56px; float: left; margin: 0; padding: 0; display: inline; }
#gn02 a { background: url(../img/gn_02.jpg) no-repeat; text-indent: -9999px; width: 160px; height: 56px; float: left; display: inline; }
#gn02 a:hover { background: url(../img/gn_02.jpg) no-repeat 0 -56px; text-indent: -9999px; width: 160px; height: 56px; float: left; display: inline; }
#gn02 a:active { background: url(../img/gn_02.jpg) no-repeat 0 -56px; text-indent: -9999px; width: 160px; height: 56px; float: left; display: inline; }
#gn03 a { background: url(../img/gn_03.jpg) no-repeat; text-indent: -9999px; width: 160px; height: 56px; float: left; display: inline; }
#gn03 a:hover { background: url(../img/gn_03.jpg) no-repeat 0 -56px; text-indent: -9999px; width: 160px; height: 56px; float: left; display: inline; }
#gn03 a:active { background: url(../img/gn_03.jpg) no-repeat 0 -56px; text-indent: -9999px; width: 160px; height: 56px; float: left; display: inline; }
#gn04 a { background: url(../img/gn_04.jpg) no-repeat; text-indent: -9999px; width: 160px; height: 56px; float: left; display: inline; }
#gn04 a:hover { background: url(../img/gn_04.jpg) no-repeat 0 -56px; text-indent: -9999px; width: 160px; height: 56px; float: left; display: inline; }
#gn04 a:active { background: url(../img/gn_04.jpg) no-repeat 0 -56px; text-indent: -9999px; width: 160px; height: 56px; float: left; display: inline; }
#gn05 a { background: url(../img/gn_05.jpg) no-repeat; text-indent: -9999px; width: 160px; height: 56px; float: left; display: inline; }
#gn05 a:hover { background: url(../img/gn_05.jpg) no-repeat 0 -56px; text-indent: -9999px; width: 160px; height: 56px; float: left; display: inline; }
#gn05 a:active { background: url(../img/gn_05.jpg) no-repeat 0 -56px; text-indent: -9999px; width: 160px; height: 56px; float: left; display: inline; }
#gn06 a { background: url(../img/gn_06.jpg) no-repeat; text-indent: -9999px; width: 160px; height: 56px; float: left; display: inline; }
#gn06 a:hover { background: url(../img/gn_06.jpg) no-repeat 0 -56px; text-indent: -9999px; width: 160px; height: 56px; float: left; display: inline; }
#gn06 a:active { background: url(../img/gn_06.jpg) no-repeat 0 -56px; text-indent: -9999px; width: 160px; height: 56px; float: left; display: inline; }
/**************************************/
/* mainbox */
/**************************************/
#mainbox { width: 960px; height: 250px; clear: both; margin: 6px auto auto; padding: auto; }
#mainimage { width: 714px; height: 250px; float: left; }
#mainbanner { width: 240px; height: 250px; float: right; margin-left: 6px; }
#mainbanner ul { margin: 0; padding: 0; }
#mainbanner li { list-style-type: none; }
#mb01 a { background: url(../img/female-employees_banner.jpg) no-repeat; text-indent: -9999px; width: 240px; height: 122px; float: left; margin: 0 0 6px; padding: 0; display: inline; }
#mb01 a:hover { background: url(../img/female-employees_banner.jpg) no-repeat 0 -122px; text-indent: -9999px; width: 240px; height: 122px; float: left; margin: 0 0 6px; padding: 0; display: inline; }
#mb02 a { background: url(../img/product_banner_n.jpg) no-repeat; text-indent: -9999px; width: 240px; height: 122px; float: left; margin: 0; padding: 0; display: inline; }
#mb02 a:hover { background: url(../img/product_banner_n.jpg) no-repeat 0 -122px; text-indent: -9999px; width: 240px; height: 122px; float: left; margin: 0; padding: 0; display: inline; }

#main-copy{
text-align:center;
width:348px;
height:122px;
margin:0 auto 0 23px;
position:absolute;
top:218px;
}

#slide {
width:714px;
height:250px;
margin:0 auto;
position:relative;
}
#slide ul {
margin:0;
}
#slide img {
position:absolute;
left:0;
top:0;
}


/**************************************/
/* contents */
/**************************************/
#contents { width: 960px; overflow: auto; clear: both; min-height: 100%; margin: 14px auto 0; padding: 0; }
#topics { width: 696px; float: left; margin: 0; padding: 0; }
#topics h2 { background: url(../img/news_top.jpg) no-repeat; text-indent: -9999px; width: 696px; height: 33px; margin: 0; padding: 0; }
#n-link { background: url(../img/news_link.jpg) no-repeat; text-indent: -9999px; width: 70px; height: 22px; float: right; margin-top: 7px; margin-right: 6px; display: inline; }
#n-link:hover { background: url(../img/news_link.jpg) no-repeat 0 -22px; text-indent: -9999px; width: 70px; height: 22px; float: right; margin-top: 7px; margin-right: 6px; display: inline; }
#article { background-color: white; width: 694px; height: 483px; overflow: auto; margin: 0; padding: 0; border: solid 1px #808080; }
.news { width: 654px; height: auto; overflow: auto; clear: both; margin: 20px; border-bottom: 1px solid #808080; }
.news img { float: left; display: inline; }
.news dl { font-size: 0.9em; width: 538px; float: right; margin: 0 0 20px; padding: 0; display: inline; }
.news dt { margin: 0; padding: 0; display: inline; }
.news dd { clear: both; margin: 0; padding: 0; }
#article .message_no_entry { margin:20px; font-size: 0.9em;}
#right-menu { width: 240px; float: right; min-height: 100%; margin: 0; padding: 0; }
#right-menu ul { margin: 0; padding: 0; }
#right-menu li { list-style-type: none; }
#top-recruit { width: 240px; height: 122px; margin-top: 0; margin-bottom: 6px; padding-top: 0; padding-bottom: 0; }
#top-recruit01 a { background: url(../img/recruit_banner_new.jpg) no-repeat; text-indent: -9999px; width: 240px; height: 122px; float: left; margin: 0; padding: 0; display: inline; }
#info { background-color: #808080; width: 240px; margin: 0; padding: 0 0 1px; }
#info h2 { background: url(../img/info_top.jpg) no-repeat; text-indent: -9999px; width: 240px; height: 33px; margin: 0; padding: 0; }
#info01 a { background: url(../img/skill_banner_n.jpg) no-repeat; text-indent: -9999px; width: 238px; height: 58px; margin: 1px 0 0 1px; padding: 0; display: block; }
#info01 a:hover { background: url(../img/skill_banner_n.jpg) no-repeat 0 -58px; }
#info02 a { background: url(../img/recruit_banner.jpg) no-repeat; text-indent: -9999px; width: 238px; height: 59px; margin: 1px 0 0 1px; padding: 0; display: block; }
#info02 a:hover { background: url(../img/recruit_banner.jpg) no-repeat 0 -59px; }
#link { background-color: #808080; width: 240px; margin: 6px 0 0; padding: 0 0 1px; }
#link h2 { background: url(../img/link_top.jpg) no-repeat; text-indent: -9999px; width: 240px; height: 33px; margin: 0; padding: 0; }
#link01 a { background: url(../img/group_banner.jpg) no-repeat; text-indent: -9999px; width: 238px; height: 59px; margin: 1px 0 0 1px; padding: 0; display: block; }
#link01 a:hover { background: url(../img/group_banner.jpg) no-repeat 0 -59px; }
#link02 a { background: url(../img/chuocho_banner.jpg) no-repeat; text-indent: -9999px; width: 238px; height: 59px; margin: 1px 0 0 1px; padding: 0; display: block; }
#link02 a:hover { background: url(../img/chuocho_banner.jpg) no-repeat 0 -59px; }
#policy { width: 238px; height: 127px; margin-top: 8px; margin-bottom: 0; padding-top: 0; padding-bottom: 0; border: solid 1px #136f5b; }
#policy h2 { color: #136f5b; font-size: 0.8em; background-color: #e1f6f1; text-indent: 4px; width: 238px; height: 22px; margin: 0; padding: 2px 0 0; }
.policy-c { color: #136f5b; font-size: 0.8em; background-color: white; text-indent: 12px; vertical-align: middle; height: 26px; padding-top: 7px; border-top: 1px solid #136f5b; list-style-image: url(../img/point.jpg); list-style-position: inside; }
.policy-c img { margin-left: 8px; }

/**************************************/
/* footer */
/**************************************/
#footer { width: 960px; height: 60px; clear: both; margin: 16px auto; padding: 0 auto 0; }
#footer img { float: left; margin: 0; padding: 0; }
#footer ul{ color: #808080; font-size: 0.7em; float: right; margin: 0; padding: 0; list-style-type: none; }